/* First screens: readable context and a visible next action before supporting detail. */
@media screen{
 .site-header .nav{min-height:80px}.site-header .brand img{width:180px}
 html{scroll-padding-top:90px}
 body main>:first-child{padding-top:30px;padding-bottom:34px}
 body main>:first-child h1{font-size:clamp(2.35rem,3.9vw,3.4rem);line-height:1.08;letter-spacing:-.045em}
 body main>:first-child .eyebrow{margin-bottom:14px}
 body main>:first-child .intro{font-size:1rem;line-height:1.55;margin:16px 0}
 body main>:first-child .button-row{margin-top:16px;gap:12px}
 body main>:first-child .button{margin:0;min-height:46px}
 body main>:first-child :is(.hero-layout,.planning-intro,.split){align-items:start}
 body main>:first-child .hero-image{min-height:280px;max-height:360px}
 body main>:first-child .signal-visual{max-width:350px;margin-top:0}
 body main>:first-child .planning-map{padding-block:22px}
 body main>:first-child .planning-owner-quote{font-size:1.7rem}
 body main>:first-child .parsora-flow{padding-top:24px;padding-bottom:24px}
 .commerce-hero .commerce-priority{margin:16px 0 6px;line-height:1.3}
 .commerce-choices .button{margin:0;gap:22px;justify-content:space-between}
 .commerce-choices .choice-arrow{font-size:1.4rem;line-height:1;transition:transform .15s}
 .commerce-choices .button:hover .choice-arrow{transform:translateX(4px)}
 .footer-brand{display:inline-block}.footer-brand img{width:210px;height:auto;max-width:100%}
 .sample-page-hero .sample-versions{margin-top:0;margin-bottom:18px}
 .contact-page .contact-expectations{margin-top:28px}
 @media(max-width:850px){
  .site-header .nav{min-height:72px}.site-header .brand img{width:164px}
  html{scroll-padding-top:80px}
  body main>:first-child{padding-top:24px;padding-bottom:28px}
  body main>:first-child h1{font-size:clamp(2.15rem,7.8vw,2.75rem);line-height:1.1}
  body main>:first-child .eyebrow{margin-bottom:12px}
  body main>:first-child .intro{margin:14px 0;line-height:1.5}
  body main>:first-child .button-row{margin-top:14px}
  body main>:first-child .hero-image{min-height:0;height:210px}
  .commerce-hero .commerce-priority{margin:12px 0 6px}
  .commerce-hero .commerce-choices{gap:12px}
  .commerce-hero .commerce-choices .button{padding-inline:18px}
 }
 @media(min-width:851px) and (max-height:700px){
  body main>:first-child{padding-top:22px;padding-bottom:28px}
  body main>:first-child h1{font-size:2.7rem}
  body main>:first-child .eyebrow{margin-bottom:10px}
  body main>:first-child .intro{margin:12px 0;font-size:.98rem}
  body main>:first-child .button-row{margin-top:12px}
  body main>:first-child .button{min-height:44px;padding-block:10px}
 }
}