/* Review prototype: a calmer catalogue scale and a readable brand. */
:root{--muted:#485e54}
body{font-size:18px;line-height:1.7}
h1,h2,h3{letter-spacing:-.03em}
.container{width:min(1280px,calc(100% - 80px))}
.topbar{font-size:12px;line-height:1.6;padding:7px 0}
.topbar a{font-size:12px}
.header-inner{height:96px;gap:28px}
.site-header .brand{gap:12px}
.site-header .brand img{width:44px}
.site-header .brand>span{font-size:26px;letter-spacing:-.025em}
.site-header .brand small{font-size:9px;letter-spacing:.9px;line-height:1.3;margin-top:7px}
#shop-nav{gap:26px}
#shop-nav>a{font-size:17px;line-height:1.5;min-height:48px;display:flex;align-items:center}
.quote-link,.quote-label{font-size:16px}
.shop-hero{padding-block:44px 48px;gap:52px;grid-template-columns:1fr 1fr}
.hero-copy h1{font-size:64px;line-height:1.08;letter-spacing:-.03em;margin:18px 0 20px}
.hero-copy>p{font-size:19px;line-height:1.65;max-width:44ch}
.hero-copy .button-row{margin-top:24px;gap:20px}
.hero-copy .button,.hero-copy .text-link{font-size:16px}
.hero-footnote{margin-top:22px;font-size:13px}
.hero-products{height:400px}
.hero-caption{font-size:11px;letter-spacing:.1em;top:22px;left:24px}
.hero-laptop{top:54px;left:20px}
.hero-laptop img{height:160px}
.hero-printer{bottom:35px;right:18px}
.hero-printer img{height:150px}
.hero-wifi{bottom:22px;left:28px}
.hero-wifi img{height:100px}
.hero-product>span{font-size:11px;line-height:1.45}
.hero-shop-label{font-size:10px;letter-spacing:.08em;bottom:12px}
.hero-orbit{width:340px;height:340px;top:32px;left:42px}
.trust-strip{padding-block:22px;gap:28px}
.trust-strip>span{font-size:14px}
.trust-strip strong{font-size:16px;line-height:1.5}
.section{padding-block:72px}
.section.section-tight{padding-top:0}
.section-heading{margin-bottom:28px;gap:48px}
h2,.section-heading h2,.sharp-feature h2,.help-band h2{font-size:44px;line-height:1.15;letter-spacing:-.03em}
.section-heading h2{margin-top:14px}
.section-heading>p,.steps p,.sharp-feature p,.help-band p,.product-summary,.quote-info p,.specification-copy>p,.request-panel>div>p,.contact-grid article>p,.contact-callout p,.prose p{font-size:18px;line-height:1.7}
.eyebrow{font-size:12px;letter-spacing:.1em}
.category-card{min-height:160px;padding:22px}
.category-card>svg{margin-bottom:22px}
.category-card h3{font-size:20px;line-height:1.25}
.category-card>span{font-size:14px}
.card-copy h3{font-size:18px;line-height:1.5;letter-spacing:-.015em}
.card-image{aspect-ratio:1.3}
.card-category{font-size:11px;letter-spacing:.08em}
.card-copy{padding:20px}
.card-bottom{padding-top:16px}
.quote-prompt{font-size:14px}
.sharp-feature,.help-band{padding-block:60px}
.sharp-feature>.container,.help-band>.container{gap:64px}
.sharp-visual{min-height:300px}
.sharp-visual>img{height:270px}
.steps{gap:36px}
.steps h3{font-size:25px;line-height:1.25;margin-block:18px 14px}
footer{padding-top:44px}
.footer-grid{gap:44px}
.footer-grid>div>a:not(.brand){font-size:15px}
.page-intro{padding-block:48px 32px}
.page-intro h1{font-size:60px;line-height:1.12;margin-block:18px 20px}
.page-intro>p{font-size:18px;line-height:1.7}
.product-information h1{font-size:36px;line-height:1.2;letter-spacing:-.025em}
.product-detail{gap:56px;padding-block:28px 44px}
.product-stage{min-height:420px}
.product-stage>img{height:320px}
.detail-information{gap:64px}
.spec-table table{font-size:16px}
.contact-grid h2,.request-panel h2{font-size:32px;line-height:1.2}

@media(max-width:1100px){
  .container{width:calc(100% - 48px)}
  .header-inner{gap:20px}
  .site-header .brand>span{font-size:24px}
  .site-header .brand img{width:42px}
  .site-header .brand small{font-size:8px;letter-spacing:.65px}
  #shop-nav{gap:20px}
  #shop-nav>a{font-size:16px}
  .quote-label{display:none}
  .shop-hero{gap:32px}
  .hero-copy h1{font-size:56px}
}

@media(max-width:900px){
  .header-inner{height:84px}
  #shop-nav,.enhanced #shop-nav{top:100%}
  #shop-nav>a{font-size:17px;min-height:52px}
  .shop-hero{padding-block:36px;gap:28px}
  .hero-copy h1{font-size:48px}
  .hero-products{height:360px}
  .hero-laptop img{height:130px}
  .hero-printer img{height:125px}
  .hero-wifi img{height:90px}
  .section{padding-block:56px}
  h2,.section-heading h2,.sharp-feature h2,.help-band h2{font-size:38px}
  .footer-grid{gap:28px}
}

@media(max-width:650px){
  body{font-size:17px}
  .container{width:calc(100% - 40px)}
  .topbar .container>span{display:none}
  .topbar .container{justify-content:flex-end}
  .topbar a{font-size:12px;min-height:24px}
  .header-inner{height:80px;gap:12px}
  .site-header .brand{gap:9px}
  .site-header .brand img{width:38px}
  .site-header .brand>span{font-size:24px}
  .site-header .brand small{display:none}
  .header-actions{gap:6px}
  .quote-link{gap:5px;min-width:44px}
  .quote-label{display:none}
  .enhanced .menu-toggle{width:44px}
  .shop-hero{padding-block:28px 32px;gap:28px}
  .hero-copy .eyebrow{font-size:11px}
  .hero-copy h1{font-size:40px;line-height:1.1;margin-block:14px 18px;letter-spacing:-.025em}
  .hero-copy h1 br:last-child{display:none}
  .hero-copy>p{font-size:17px;line-height:1.65;margin-bottom:18px}
  .hero-copy .button-row{margin-top:18px;gap:10px 18px}
  .hero-copy .button,.hero-copy .text-link{font-size:15px;min-height:48px}
  .hero-copy .button{padding-inline:16px;gap:12px}
  .hero-footnote{display:none}
  .hero-products{height:240px}
  .hero-caption{font-size:10px;top:16px;left:18px}
  .hero-laptop{top:44px;left:14px;width:64%;padding-top:12px}
  .hero-laptop img{height:100px}
  .hero-printer{width:40%;right:12px;bottom:28px;padding-top:10px}
  .hero-printer img{height:90px}
  .hero-wifi{width:32%;left:20px;bottom:16px}
  .hero-wifi img{height:58px}
  .hero-product>span{font-size:10px;padding-bottom:7px}
  .hero-shop-label{display:none}
  .hero-orbit{width:230px;height:230px;left:32px;top:30px}
  .trust-strip{padding-block:22px;gap:18px}
  .section{padding-block:44px}
  .section.section-tight{padding-top:0}
  h2,.section-heading h2,.sharp-feature h2,.help-band h2{font-size:32px;line-height:1.15}
  .section-heading>p,.steps p,.sharp-feature p,.help-band p,.product-summary,.quote-info p,.specification-copy>p,.request-panel>div>p,.contact-grid article>p,.contact-callout p,.prose p{font-size:17px;line-height:1.7}
  .section-heading{margin-bottom:24px}
  .category-card{min-height:140px;padding:18px}
  .category-card h3{font-size:19px}
  .category-card:last-child{min-height:100px}
  .category-card>span{font-size:14px}
  .product-grid{grid-template-columns:1fr;gap:14px}
  .product-card{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:stretch}
  .card-image{aspect-ratio:auto;padding:12px;min-height:160px;border-bottom:0;border-right:1px solid #edf0e8}
  .card-image img{height:110px;max-height:none;width:100%}
  .image-arrow{display:none}
  .card-copy{padding:16px}
  .card-category{font-size:11px;letter-spacing:.06em;margin-bottom:7px}
  .card-copy h3{font-size:17px;line-height:1.4;letter-spacing:0}
  .card-bottom{padding-top:10px;gap:8px}
  .quote-prompt{font-size:14px;max-width:none;min-height:44px}
  .sharp-feature,.help-band{padding-block:44px}
  .sharp-visual{min-height:240px}
  .sharp-visual>img{height:220px}
  .steps h3{font-size:24px}
  .page-intro{padding-block:32px 24px}
  .page-intro h1{font-size:38px;line-height:1.15}
  .page-intro>p{font-size:17px;line-height:1.7}
  .product-information h1{font-size:29px;line-height:1.25}
  .product-stage{min-height:300px}
  .product-stage>img{height:240px}
  .product-detail{gap:28px}
  .request-panel h2,.contact-grid h2{font-size:28px;line-height:1.2}
  .footer-grid{gap:28px 22px}
}

@media(max-width:365px){
  .site-header .brand{gap:7px}
  .site-header .brand>span{font-size:21px}
  .site-header .brand img{width:34px}
  .header-actions{gap:2px}
  .quote-link{gap:3px}
  .quote-link>svg{width:19px}
  .quote-count{min-width:20px;padding-inline:4px}
  .enhanced .menu-toggle{width:40px}
  .hero-copy h1{font-size:38px}
  .product-card{grid-template-columns:82px minmax(0,1fr)}
  .card-image{padding:9px}
  .card-image img{height:90px}
  .card-copy{padding:14px 12px}
}