.hero{grid-template-columns:1fr 1fr;min-height:calc(100vh - 84px)}
.hero-copy{padding-top:70px;padding-bottom:70px}.hero h1{font-size:clamp(43px,5vw,78px);max-width:820px}.hero .lead{font-size:19px;margin:25px 0 28px;max-width:680px}.hero .proofline{margin-top:32px}
.need-picker{display:grid;grid-template-columns:1fr 1fr;gap:8px;max-width:720px}.need-picker>p{grid-column:1/-1;margin:0 0 5px;font-size:14px;font-weight:800;color:#13354a}.need-option{display:grid;grid-template-columns:34px 1fr;gap:8px;align-items:center;min-height:62px;padding:12px 14px;border:1px solid #c9dce3;background:rgba(255,255,255,.68);color:#13354a;text-align:left;font:700 14px/1.25 Arial,sans-serif;cursor:pointer;transition:.22s}.need-option b{color:#0da4c3;font-size:12px;letter-spacing:.08em}.need-option:hover,.need-option.active{background:#092d43;border-color:#092d43;color:#fff;transform:translateY(-2px)}.need-option.active b{color:#67d8e8}
.hero-visual{display:flex;align-items:center;justify-content:center;padding:clamp(25px,4vw,70px)}.route-panel{position:relative;z-index:3;width:min(660px,100%);background:rgba(6,31,48,.88);border:1px solid rgba(103,216,232,.3);backdrop-filter:blur(10px);padding:clamp(30px,4vw,58px);color:#fff;box-shadow:0 30px 80px rgba(0,0,0,.28)}.route-panel.route-change{animation:routeIn .38s ease both}@keyframes routeIn{from{opacity:.35;transform:translateY(10px)}to{opacity:1;transform:none}}.route-origin{display:flex;align-items:center;gap:13px;margin-bottom:35px}.route-origin img{width:34px;height:40px}.route-origin span,.route-kicker{font-size:11px;font-weight:800;letter-spacing:.16em;color:#67d8e8}.route-panel h2{font-size:clamp(34px,3.4vw,55px);line-height:1.03;letter-spacing:-.045em;margin:13px 0 20px}.route-description{font-size:17px;line-height:1.58;color:#c1d1d8;margin:0}.route-steps{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);padding:0;margin:38px 0 30px;border-top:1px solid rgba(103,216,232,.36)}.route-steps li{position:relative;padding:19px 5px 0;font-size:11px;color:#92aab5;text-align:center}.route-steps li:before{content:"";position:absolute;top:-6px;left:50%;width:11px;height:11px;border-radius:50%;transform:translateX(-50%);background:#315469;border:2px solid #061f30}.route-steps li.active{color:#fff}.route-steps li.active:before{background:#67d8e8;box-shadow:0 0 0 5px rgba(103,216,232,.14)}.route-responsibility{padding:18px 20px;border-left:3px solid #67d8e8;background:rgba(255,255,255,.055)}.route-responsibility small{color:#67d8e8;font-weight:800;letter-spacing:.12em}.route-responsibility p{margin:8px 0 0;color:#d5e2e7;font-size:14px;line-height:1.5}.route-action{display:flex;justify-content:space-between;gap:20px;margin-top:22px;padding:16px 0;border-bottom:1px solid #67d8e8;color:#fff;font-size:14px;font-weight:800}.route-action:hover{color:#67d8e8}
@media(max-width:1100px){.hero{grid-template-columns:1fr}.hero-copy{min-height:auto}.hero-visual{min-height:auto;padding:55px 28px}.route-panel{width:min(760px,100%)}}
@media(max-width:620px){.hero-copy{padding-top:55px}.hero h1{font-size:43px}.need-picker{grid-template-columns:1fr}.route-panel{padding:28px 20px}.route-steps{overflow-x:auto;grid-template-columns:repeat(5,minmax(75px,1fr))}.route-panel h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){.route-panel.route-change{animation:none}.need-option{transition:none}}