@media(max-width:1180px){.nav-links{gap:15px}.nav-link{font-size:13px}.nav-actions .contact-sales{display:none}.hero-grid,.page-hero-grid,.product-hero-grid{gap:42px}.grid-4{grid-template-columns:repeat(2,1fr)}.serve-grid{grid-template-columns:repeat(3,1fr)}.mega-grid{grid-template-columns:repeat(3,1fr)}.pricing-grid{grid-template-columns:repeat(2,1fr)}.country-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1024px){.container{width:min(var(--container),calc(100% - 48px))}.nav-links{display:none}.hamburger{display:grid}.nav{grid-template-columns:auto 1fr auto}.hero-grid,.page-hero-grid,.product-hero-grid,.editorial-split,.split,.content-grid{grid-template-columns:1fr}.hero{padding-top:50px}.hero-copy{max-width:820px}.photo-frame img{height:460px}.float-card{display:none}.product-grid{grid-template-columns:repeat(2,1fr)}.editorial-bestsellers{grid-template-columns:1fr}.age-track{grid-template-columns:repeat(3,1fr)}.steps{grid-template-columns:repeat(2,1fr);gap:30px 18px}.blog-grid{grid-template-columns:1fr 1fr}.blog-card:first-child{grid-column:1/-1}.footer-grid{grid-template-columns:repeat(3,1fr)}.footer-brand{grid-column:1/-1}.directory-list{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:repeat(2,1fr)}.spec-card{position:static}}
@media(max-width:768px){.container{width:min(var(--container),calc(100% - 36px))}.section{padding:66px 0}.section-sm{padding:50px 0}.announcement .container{justify-content:flex-start}.announcement-dot,.announcement span:nth-of-type(n+4){display:none}.nav{height:68px}.nav-actions .explore-btn{display:none}.hero{padding:44px 0 54px}.hero h1{font-size:clamp(38px,11vw,48px)}.hero p{font-size:16px}.hero-actions{display:grid}.hero-actions .btn{width:100%}.photo-frame img{height:360px}.section-head{align-items:flex-start;flex-direction:column;margin-bottom:26px}.grid-3,.product-grid,.mini-products,.pricing-grid,.related-grid,.directory-list,.form-grid{grid-template-columns:1fr}.grid-4{grid-template-columns:1fr}.category-card{min-height:auto}.product-card{min-height:250px}.featured-product{min-height:360px}.search-panel{padding:28px 20px}.search-inline{display:grid;background:transparent;gap:8px}.search-inline input{height:48px;border-radius:9px}.search-inline button{height:45px}.benefits{grid-template-columns:1fr}.editorial-image img{height:350px}.age-track{display:flex;overflow:auto}.age-item{min-width:220px}.steps{grid-template-columns:1fr}.custom-band,.final-cta,.footer-cta{grid-template-columns:1fr;display:grid}.serve-grid{grid-template-columns:1fr 1fr}.blog-grid{grid-template-columns:1fr}.blog-card:first-child{grid-column:auto}.blog-card:first-child img,.blog-card img{height:220px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column}.page-hero,.product-hero{padding:46px 0}.page-hero h1,.product-hero h1{font-size:40px}.page-photo img{height:330px}.pricing-head{align-items:flex-start;flex-direction:column}.country-grid{grid-template-columns:1fr 1fr}.market-search{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}.article h1{font-size:38px}.modal-card{margin-top:4vh}.modal-body{padding:16px}}
@media(max-width:480px){.container{width:calc(100% - 32px)}.brand span:last-child{font-size:15px}.hero h1{font-size:38px}.hero p{font-size:15.5px}.confidence-row{display:grid;gap:9px}.photo-frame img{height:300px}.section-title{font-size:30px}.serve-grid,.country-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.price-card .price{font-size:29px}.final-cta,.custom-band{padding:28px 20px}.page-hero h1,.product-hero h1{font-size:36px}.page-photo img{height:280px}.product-identity img{width:42px;height:42px}.footer-cta .btn{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}


@media(max-width:1024px){.hero{min-height:auto;padding:44px 0 54px}.hero h1{font-size:clamp(40px,6vw,52px)}.photo-frame img{height:430px}.pricing-head{align-items:flex-start}.pricing-brand{min-width:0}}
@media(max-width:768px){.hero{padding:34px 0 44px}.hero-grid{gap:30px}.hero h1{font-size:40px;line-height:1.06}.hero p{font-size:16px}.photo-frame img{height:330px}.category-grid{grid-template-columns:1fr}.category-card{min-height:auto;padding:22px}.category-brand-row{margin-bottom:20px}.pricing-shell{padding:20px 16px;border-radius:16px}.pricing-head{gap:16px}.pricing-brand-logo{width:48px;height:48px}.pricing-mode-tabs{width:100%}.pricing-mode-tab{flex:1}.aged-tabs{width:100%;padding-bottom:12px}.pricing-context{flex-wrap:wrap}.pricing-grid{grid-template-columns:1fr}.pricing-footnote{align-items:flex-start;flex-direction:column}.price-card{padding:18px}.home-pricing-controls .pricing-mode-tabs{width:100%}}
@media(max-width:480px){.hero h1{font-size:36px;letter-spacing:-.04em}.photo-frame img{height:285px}.category-brand{width:38px;height:38px;border-radius:10px}.category-brand img{width:25px;height:25px}.section-title{font-size:29px;font-weight:570}.pricing-brand strong{font-size:16px}.pricing-brand-logo{width:44px;height:44px}.pricing-brand-logo img{width:32px;height:32px}.price-card .price{font-size:31px}}

/* Mobile brand sizing: keep the primary logo prominent without crowding header actions. */
@media(max-width:768px){
  .nav{grid-template-columns:minmax(0,1fr) auto;gap:10px}
  .nav .brand{min-width:0;justify-self:start}
  .nav .brand-logo{width:clamp(180px,52vw,200px);height:auto;max-width:100%}
  .nav-actions{gap:8px}
  .nav-actions .icon-btn{width:42px;height:42px}
  .drawer-head .brand-logo{width:196px;height:auto}
  .site-footer .brand-logo{width:190px;height:auto}
}
@media(max-width:340px){
  .nav .brand-logo{width:170px}
  .nav-actions .icon-btn{width:40px;height:40px}
}

/* Final responsive brand sizing — improved wordmark readability. */
@media(max-width:1024px){
  .nav .brand-logo{width:228px;height:41px}
}
@media(max-width:768px){
  .nav .brand-logo{width:clamp(188px,58vw,214px);height:40px;max-width:100%}
  .drawer-head .brand-logo{width:214px;height:40px}
  .site-footer .brand-logo{width:210px;height:39px}
}
@media(max-width:340px){
  .nav .brand-logo{width:178px;height:38px}
  .drawer-head .brand-logo{width:196px;height:38px}
}