/* The first viewport pairs a specific review process with a clearly scoped case. */
.hero{padding-top:40px}
.hero-grid{grid-template-columns:1.16fr 1fr;gap:56px;align-items:start}
.hero-copy{padding:0}
.hero-copy>.eyebrow{font-size:12px;margin-bottom:16px;max-width:none}
.hero h1{font-size:calc(var(--type-scale,1)*clamp(36px,3.7vw,51px));line-height:1.3;letter-spacing:-.055em}
.hero-description{font-size:calc(var(--type-scale,1)*16px);line-height:1.8;margin:18px 0 20px;max-width:none}
.hero-case-proof{position:relative;display:block;padding:19px 23px 18px;border:1px solid #426653;border-radius:12px;background:linear-gradient(120deg,var(--green),#204e3f);color:#f2f5e5;box-shadow:0 12px 28px -18px #173c3450;transition:border-color .2s,box-shadow .2s}
.hero-proof-label{display:block;font-size:12px;font-weight:600;color:#dbe7d0}
.hero-case-proof>strong{display:block;font-size:calc(var(--type-scale,1)*43px);line-height:1.35;letter-spacing:-.035em;font-variant-numeric:tabular-nums;margin:3px 0 2px;color:#f1f4d7}
.hero-proof-breakdown{display:block;font-size:11px;line-height:1.6;color:#d0dcc9}
.hero-proof-link{display:flex;align-items:center;gap:7px;position:absolute;right:21px;top:50%;font-size:12px;font-weight:600;transform:translateY(-50%);color:#e2edce}
.hero-proof-link svg{width:18px;height:18px}
.hero-case-proof:hover{border-color:#809c65;box-shadow:0 12px 28px -13px #173c3460}
.hero-case-scope{font-size:calc(var(--type-scale,1)*12px);line-height:1.7;color:#51604e;margin:10px 0 17px}
.hero-actions{display:block}
.hero .button-consult{width:100%;min-height:64px;padding:18px 24px;justify-content:space-between;font-size:calc(var(--type-scale,1)*19px);font-weight:750;border-radius:9px}
.site-header .button[data-contact],.hero .button-consult,.mobile-cta .button[data-contact]{background:#f0cb74;border-color:#d1ac59;color:#183c32;box-shadow:0 6px 18px #8e6a2020}
.site-header .button[data-contact]:hover,.hero .button-consult:hover,.mobile-cta .button[data-contact]:hover{background:#f7d88f;border-color:#bd9948;color:#183c32}
.hero .button-consult .icon{width:26px;height:26px}
.hero .microcopy{margin-top:10px;font-size:11px;line-height:1.7}
.hero-secondary-links{display:flex;gap:23px;margin-top:11px}
.hero-secondary-links .text-link{font-size:12px;color:var(--green-mid);text-decoration:underline;text-underline-offset:4px}
.hero .rhythm-visual{display:flex;flex-direction:column;height:auto;margin:3px 0 0}
.hero .visual-heading{padding:25px 27px 0;font-size:9px}
.hero .visual-message{padding:20px 27px 17px;font-size:calc(var(--type-scale,1)*27px);line-height:1.45;scroll-margin-top:105px}
.hero-review-steps{position:relative;z-index:2;list-style:none;margin:0;padding:0 27px;color:#eef2e4}
.hero-review-steps li{display:flex;align-items:flex-start;gap:14px;padding:13px 0;border-top:1px solid #dae8cc26}
.hero-review-steps li>span{display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;border:1px solid #bbd29960;border-radius:50%;color:#d5e6b7;font-size:10px;margin-top:2px;font-variant-numeric:tabular-nums}
.hero-review-steps strong{display:block;font-size:calc(var(--type-scale,1)*15px);font-weight:650;line-height:1.6}
.hero-review-steps p{font-size:calc(var(--type-scale,1)*12px);line-height:1.8;color:#c5d5c1;margin-top:2px}
.hero .rhythm-monitor{position:relative;top:auto;bottom:auto;flex:0 0 100px;height:100px;margin-top:14px}
.hero .rhythm-wave{top:12px;height:77px}
.hero .monitor-top{top:7px;inset-inline:27px;font-size:8px}
.hero .monitor-bottom{bottom:5px;inset-inline:27px;font-size:8px}
.hero .monitor-bottom>span:last-child{font-size:6px}
.hero .rhythm-footer{position:relative;bottom:auto;inset-inline:auto;margin:14px 27px 20px;font-size:8px;gap:8px}
.hero .rhythm-footer>span{max-width:none}
.hero .trust-strip{margin-top:26px;padding-block:20px}
@media(min-width:901px) and (max-width:1100px){
 .hero-grid{gap:30px}.hero-case-proof>strong{font-size:37px}.hero-proof-link{position:static;transform:none;margin-top:7px}
 .hero .visual-message{font-size:24px}.hero-review-steps p{font-size:11px}
}
@media(max-width:900px){
 .hero-grid{grid-template-columns:1fr;max-width:620px;gap:30px}.hero-copy{max-width:none}
 .hero .rhythm-visual{height:auto}.hero h1{font-size:calc(var(--type-scale,1)*44px)}
 .hero-case-proof>strong{font-size:43px}.hero-proof-link{position:absolute;transform:translateY(-50%);margin:0}
 .hero .visual-message{font-size:27px}.hero-review-steps strong{font-size:16px}.hero-review-steps p{font-size:13px}
}
@media(max-width:600px){
 .hero{padding-top:23px}.hero-grid{gap:28px}
 .hero-copy>.eyebrow{font-size:10px;line-height:1.6;margin-bottom:12px;max-width:none}.hero-copy>.eyebrow .status-dot{margin-top:5px}
 .hero h1{font-size:calc(var(--type-scale,1)*clamp(27px,7.8vw,34px));line-height:1.32;letter-spacing:-.055em}
 .hero-description{font-size:calc(var(--type-scale,1)*13px);line-height:1.75;margin:13px 0 15px}
 .hero-case-proof{padding:14px 17px;border-radius:10px}.hero-proof-label{font-size:10px}
 .hero-case-proof>strong{font-size:calc(var(--type-scale,1)*36px);line-height:1.35;margin-block:3px}
 .hero-proof-breakdown{font-size:10px}.hero-proof-link{position:static;transform:none;font-size:11px;margin-top:6px;justify-content:flex-end;line-height:1.4}.hero-proof-link svg{width:15px;height:15px}
 .hero-case-scope{font-size:calc(var(--type-scale,1)*11px);line-height:1.6;margin:9px 0 13px}
 .hero .button-consult{min-height:58px;font-size:calc(var(--type-scale,1)*17px);padding:16px 20px}
 .hero .microcopy{font-size:10px;line-height:1.6;margin-top:8px}
 .hero-secondary-links{margin-top:10px;gap:21px}.hero-secondary-links .text-link{font-size:11px}
 .hero .rhythm-visual{height:auto}.hero .visual-heading{padding:22px 22px 0;font-size:8px}
 .hero .visual-message{padding:18px 22px 15px;font-size:25px;line-height:1.45}
 .hero-review-steps{padding-inline:22px}.hero-review-steps li{gap:11px;padding-block:12px}
 .hero-review-steps strong{font-size:14px}.hero-review-steps p{font-size:12px}
 .hero .rhythm-footer{inset-inline:auto;bottom:auto;margin:14px 22px 18px;font-size:8px}.hero .rhythm-footer button{font-size:9px;padding:5px 8px}
 .hero .trust-strip{margin-top:25px}
}
@media(max-width:350px){
 .hero-copy>.eyebrow{font-size:9px}.hero-case-proof>strong{font-size:32px}
 .hero-proof-breakdown{font-size:9px}.hero .visual-message{font-size:22px}
 .hero-review-steps{padding-inline:18px}.hero-review-steps li{gap:9px}.hero-review-steps strong{font-size:13px}.hero-review-steps p{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.hero-case-proof{transition:none}}
