@media(max-width:800px){body{font-size:16px;line-height:1.9;padding-bottom:76px;overflow-x:hidden}header{height:66px;padding:0 16px;gap:10px}.brand-logo img{height:37px;max-width:185px}.mini{font-size:11px;padding:8px 10px;white-space:nowrap}.hero{height:88svh;min-height:650px}.hero>img{object-position:62% center}.shade{background:linear-gradient(180deg,rgba(8,31,26,.22),rgba(8,31,26,.78) 62%,rgba(8,31,26,.94))}.hero-copy{left:22px;right:22px;top:auto;bottom:54px;transform:none}.hero .eyebrow{font-size:10px}.hero h1{font-size:clamp(38px,11vw,50px);line-height:1.26;margin:12px 0 18px}.hero .lead{font-size:15px;line-height:1.85}.hero .cta{display:flex;width:100%;justify-content:space-between;padding:16px 18px;font-size:14px}.hero small{font-size:11px}.quick-intro,.intro,.compare,.articles,.overview,.story,.fit,.road{padding:76px 20px}.quick-heading h2,.section-heading h2,h2{font-size:clamp(32px,9vw,43px);line-height:1.36}.quick-points article{grid-template-columns:48px 1fr;padding:24px 0}.quick-points span{font-size:23px}.quick-points h3{font-size:18px}.quick-intro aside{margin-top:10px;padding:21px 18px}.overview-grid{border-left:1px solid var(--forest)}.overview-grid article{min-height:0;padding:24px 20px}.grid3{display:grid;grid-template-columns:1fr!important}.grid3 article{padding:26px 22px}.story{gap:48px}.story blockquote{font-size:26px;padding-left:20px}.fit-grid{grid-template-columns:1fr}.fit-grid article{padding:25px 22px}.fit-reality{box-shadow:6px 6px 0 var(--forest);margin-right:6px}.tr{padding:22px 4px;gap:8px}.tr strong{font-size:19px}.road ol{grid-template-columns:1fr}.road li{padding:26px 22px}.articles .grid3{gap:12px}.final{padding:84px 22px}.final .cta{width:100%;justify-content:space-between}.article-module{margin:44px 0;padding:23px 18px}.module-option{min-height:56px;align-items:flex-start}.module-button{min-height:48px;width:100%}.mobile-dock{position:fixed;z-index:9997;left:10px;right:10px;bottom:10px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px 10px 10px 15px;background:rgba(18,59,50,.95);color:#fff;box-shadow:0 10px 35px #0b251f55;backdrop-filter:blur(12px);transform:translateY(120%);transition:transform .35s cubic-bezier(.2,.7,.2,1)}.mobile-dock.is-visible{transform:none}.mobile-dock span{font-size:12px;line-height:1.4}.mobile-dock a{display:block;padding:11px 14px;background:#b8e986;color:#123b32;text-decoration:none;font-size:12px;font-weight:800;white-space:nowrap}.cursor-dot{display:none!important}}
@media(min-width:801px){.mobile-dock{display:none}}
/* Mobile-first hero fit: keep the complete message and CTA inside the first view. */
.hero{height:clamp(780px,100svh,900px);min-height:780px}
.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-copy{top:52%;max-width:min(760px,78vw);transform:translateY(-50%)}
.hero h1{font-size:clamp(50px,5vw,74px);line-height:1.14}
@media (min-width:801px) and (max-width:1200px){.hero-copy{max-width:650px}.hero h1{font-size:clamp(50px,5.6vw,66px)}.hero .lead{font-size:16px;line-height:1.85}}
@media(max-width:800px){.hero{display:flex;align-items:flex-end;height:auto;min-height:max(720px,100svh);padding:104px 0 50px}.hero>img{position:absolute;object-position:66% center}.hero-copy{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:calc(100% - 40px);max-width:none;margin:0 20px;transform:none}.hero .eyebrow{font-size:9px;line-height:1.4;letter-spacing:.17em}.hero h1{font-size:clamp(35px,10.4vw,46px);line-height:1.2;margin:10px 0 15px;letter-spacing:-.035em}.hero .lead{font-size:14.5px;line-height:1.72;margin:0}.hero .cta{margin-top:18px;min-height:54px}.hero small{margin-top:9px;line-height:1.5}.shade{background:linear-gradient(180deg,rgba(8,31,26,.08) 0%,rgba(8,31,26,.44) 38%,rgba(8,31,26,.94) 75%,rgba(8,31,26,.98) 100%)}}
@media(max-width:390px){.hero{min-height:max(700px,100svh);padding-bottom:42px}.hero-copy{width:calc(100% - 32px);margin:0 16px}.hero h1{font-size:clamp(33px,10.2vw,40px)}.hero .lead{font-size:14px}.hero .cta{padding:14px 15px;font-size:13px}}



/* Tablet and narrow-browser safety: use the mobile composition before content can clip. */
@media(max-width:1024px){header nav{display:none}.hero{display:flex;align-items:flex-end;height:auto;min-height:max(760px,100svh);padding:108px 0 48px;overflow:hidden}.hero>img{position:absolute;inset:0;object-position:66% center}.hero-copy{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:calc(100% - 40px);max-width:720px;margin:0 20px;transform:none!important}.hero h1{font-size:clamp(38px,8vw,58px);line-height:1.18;margin:12px 0 17px}.hero .lead{font-size:15px;line-height:1.75;max-width:620px}.hero .cta{margin-top:18px}.hero small{margin-top:10px;line-height:1.5}.shade{background:linear-gradient(180deg,rgba(8,31,26,.08),rgba(8,31,26,.42) 35%,rgba(8,31,26,.96) 80%)}}
@media(max-width:1100px){.final{overflow:hidden;padding-left:22px;padding-right:22px}.final-actions{display:grid!important;grid-template-columns:minmax(0,1fr);width:min(100%,720px);margin:30px auto 0;gap:12px}.final-actions .cta{display:flex;width:100%!important;max-width:none;min-width:0;margin:0!important;justify-content:space-between;white-space:normal;text-align:left}.final-actions .cta span{flex:0 0 auto}}