/* Hero prototype: deliberately scoped so the approved page stays intact. */
.hero-prototype{--hero-ease:cubic-bezier(.22,1,.36,1);min-height:800px;background:var(--bg)}
.hero-prototype .hero-content{min-height:800px;padding-top:64px;padding-bottom:28px;gap:48px}
.hero-prototype .hero-backdrop{object-position:center 62%}
.hero-prototype .hero-shade{background:linear-gradient(90deg,#0b1422f2 0%,#0b1422cc 29%,#0b14224d 53%,#0b142200 78%),linear-gradient(0deg,#0b1422 0%,#0b1422d9 12%,transparent 42%)}
.hero-prototype .hero-copy{max-width:720px;padding:0}
.hero-prototype .hero-location{font-size:12px;letter-spacing:1.7px;margin-bottom:28px;color:var(--mint)}
.hero-prototype .hero-location>span{width:34px;height:2px;position:relative}
.hero-prototype .hero-location>span:after{content:'';position:absolute;right:0;top:-2px;width:6px;height:6px;border-radius:50%;background:var(--mint)}
.hero-prototype h1{font-family:'Sora','Manrope',system-ui,sans-serif;font-size:clamp(58px,5.5vw,86px);font-weight:600;line-height:1.04;letter-spacing:-3.8px;margin:0 0 28px;max-width:730px;text-shadow:none}
.hero-prototype .hero-line{display:block}
.hero-prototype h1 em{color:var(--mint);font-weight:500}
.hero-prototype .hero-copy>p{max-width:435px;font-size:16px;line-height:1.75;color:#d6dedf;margin:0 0 28px}
.hero-prototype .hero-actions{gap:20px 26px}
.hero-prototype .hero-actions>.button{min-height:58px;border-radius:8px;padding:17px 22px;font-size:14px;gap:28px;transition:background 180ms ease,box-shadow 180ms ease}
.hero-prototype .hero-actions>.button:hover{transform:none}
.hero-prototype .hero-actions>.button svg{transition:transform 200ms var(--hero-ease)}
.hero-prototype .hero-actions>.button:is(:hover,:focus-visible) svg{transform:translateX(4px)}
.hero-prototype .direct-actions{gap:20px;font-size:14px}
.hero-prototype .direct-actions a{border-bottom:1px solid transparent;transition:border-color 180ms,color 180ms}
.hero-prototype .direct-actions a:is(:hover,:focus-visible){border-bottom-color:var(--mint)}
.hero-prototype .hero-usps{width:100%;margin:auto 0 0;padding:0;border:0;gap:12px;grid-template-columns:repeat(4,1fr)}
.hero-prototype .hero-usps li{display:block;border:0;padding:0;font-size:15px;line-height:1.4}
.hero-prototype .hero-usps a{display:flex;align-items:center;gap:16px;padding:22px 20px;min-height:100px;border:1px solid #2eb27c38;border-radius:12px;background:#121f30e8;transition:border-color 200ms,background 200ms;position:relative}
.hero-prototype .hero-usps a:is(:hover,:focus-visible){background:#172739;border-color:var(--mint)}
.hero-prototype .usp-emblem{height:44px;width:44px;border:0;border-radius:0;box-shadow:none;background:none;color:var(--mint);transition:transform 200ms var(--hero-ease)}
.hero-prototype .usp-emblem svg{width:32px;height:32px;stroke-width:1.5}
.hero-prototype .hero-usps li:hover .usp-emblem{background:none;transform:none}
.hero-prototype .hero-usps a:is(:hover,:focus-visible) .usp-emblem{transform:translateY(-2px)}
@media(prefers-reduced-motion:no-preference){
 .hero-prototype .hero-location{animation:hero-arrive 500ms var(--hero-ease) both}
 .hero-prototype .hero-line{animation:hero-arrive 560ms var(--hero-ease) both}
 .hero-prototype .hero-line:nth-child(1){animation-delay:70ms}
 .hero-prototype .hero-line:nth-child(2){animation-delay:140ms}
 .hero-prototype .hero-line:nth-child(3){animation-delay:210ms}
 .hero-prototype .hero-copy>p{animation:hero-arrive 500ms 230ms var(--hero-ease) both}
 .hero-prototype .hero-actions{animation:hero-arrive 500ms 290ms var(--hero-ease) both}
 .hero-prototype .hero-usps{animation:hero-arrive 500ms 360ms var(--hero-ease) both}
}
@keyframes hero-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero-prototype,.hero-prototype .hero-content{min-height:870px}.hero-prototype .hero-content{padding-top:80px}}
@media(max-width:1100px){
 .hero-prototype,.hero-prototype .hero-content{min-height:790px}
 .hero-prototype h1{font-size:65px;letter-spacing:-2.8px}
 .hero-prototype .hero-backdrop{object-position:60% center}
 .hero-prototype .hero-shade{background:linear-gradient(90deg,#0b1422ed 0%,#0b1422bf 48%,#0b142240 78%),linear-gradient(0deg,#0b1422 0%,transparent 48%)}
 .hero-prototype .hero-usps{gap:10px}
 .hero-prototype .hero-usps a{padding:18px 12px;gap:10px;font-size:13px}
 .hero-prototype .usp-emblem{width:34px;height:40px}
}
@media(max-width:760px){
 .hero-prototype .hero-usps{grid-template-columns:1fr 1fr}
 .hero-prototype .hero-usps a{min-height:90px}
}
@media(max-width:680px){
 .hero-prototype,.hero-prototype .hero-content{min-height:0}
 .hero-prototype .hero-content{padding-top:34px;padding-bottom:24px;gap:0}
 .hero-prototype .hero-copy{padding:0 0 275px;max-width:none}
 .hero-prototype .hero-backdrop{width:720px;height:480px;left:calc(50% - 495px);top:290px;object-fit:cover;object-position:center;opacity:.95;mask-image:linear-gradient(180deg,transparent,#000 25%,#000 88%,transparent)}
 .hero-prototype .hero-shade{background:linear-gradient(180deg,#0b1422 0%,#0b1422f2 20%,#0b1422b3 35%,transparent 51%,#0b142233 67%,#0b1422 80%)}
 .hero-prototype .hero-location{font-size:12px;letter-spacing:1.15px;gap:10px;margin-bottom:23px}
 .hero-prototype .hero-location>span{width:25px}
 .hero-prototype h1{font-size:clamp(35px,9.7vw,62px);letter-spacing:-1.8px;line-height:1.09;margin-bottom:22px}
 .hero-prototype .hero-copy>p{font-size:15px;line-height:1.75;max-width:410px;margin-bottom:23px}
 .hero-prototype .hero-actions{flex-direction:column;align-items:flex-start;gap:10px}
 .hero-prototype .hero-actions>.button{min-height:54px;width:100%;max-width:350px;justify-content:space-between;padding:15px 18px}
 .hero-prototype .direct-actions{font-size:14px;gap:26px}
 .hero-prototype .hero-usps{gap:10px;margin:0;padding:0}
 .hero-prototype .hero-usps a{padding:15px 10px;min-height:88px;font-size:12px;gap:8px;border-radius:10px;background:#121f30}
 .hero-prototype .usp-emblem{width:30px;height:36px}
 .hero-prototype .usp-emblem svg{width:27px;height:27px}
}
@media(prefers-reduced-motion:reduce){.hero-prototype *{animation:none!important;transition:none!important}.hero-prototype .hero-usps a .usp-emblem,.hero-prototype .hero-actions>.button svg{transform:none!important}}