
:root{--sun:#f26a1b;--terra:#c2502e;--sand:#f6ead9;--navy:#0d1626;--ink:#0d1626;--mut:#6b6f78}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.6 Inter,system-ui,sans-serif;color:var(--ink);background:#fffaf3;padding-bottom:76px}
h1,h2,.disp{font-family:Anton,Impact,sans-serif;font-weight:400;letter-spacing:.01em;text-transform:uppercase;line-height:.95}
h2{font-size:clamp(34px,6vw,58px);margin:0 0 .4em}h3{margin:.2em 0}.wrap{max-width:1120px;margin:auto;padding:0 20px}a{color:var(--terra)}
.nav{position:fixed;inset:0 0 auto;z-index:20;background:rgba(13,22,38,.72);backdrop-filter:blur(10px);color:#fff}.nav .wrap{display:flex;justify-content:space-between;align-items:center;height:60px}
.logo{white-space:nowrap;font-family:Anton,sans-serif;font-size:22px;letter-spacing:.03em;color:#fff;text-decoration:none}.logo span{color:var(--sun)}.logo small{font:500 13px Inter;opacity:.75}
.toggle{display:flex;background:rgba(255,255,255,.12);border-radius:999px;padding:3px}.toggle a{padding:7px 16px;border-radius:999px;color:#fff;text-decoration:none;font-weight:700;font-size:14px}.toggle a.on{background:var(--sun)}
.hero{min-height:min(92vh,820px);display:flex;align-items:flex-end;color:#fff;background:linear-gradient(180deg,rgba(13,22,38,.35) 0%,rgba(13,22,38,.55) 50%,rgba(13,22,38,.95) 100%),url(img/hero.jpg) center/cover;padding:110px 0 40px}
.eyebrow{display:inline-block;background:var(--sun);color:#fff;font:800 12px Inter;letter-spacing:.15em;text-transform:uppercase;padding:6px 12px;border-radius:4px}
.hero h1{font-size:clamp(52px,11vw,124px);margin:.15em 0 .1em;text-shadow:0 4px 30px rgba(0,0,0,.4)}.hero h1 em{font-style:normal;color:var(--sun)}
.lead{font-size:clamp(17px,2.2vw,21px);max-width:620px;opacity:.95}
.ctas{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.btn{display:inline-block;background:var(--sun);color:#fff;border:0;border-radius:10px;padding:15px 24px;font:800 16px Inter;cursor:pointer;text-decoration:none;text-align:center;transition:transform .15s,background .15s}.btn:hover{background:var(--terra);transform:translateY(-2px)}
.btn.ghost{background:transparent;border:2px solid #fff}.btn.dark{background:var(--navy)}.btn.sm{padding:10px 16px;font-size:14px}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:720px}.stats div{border-left:3px solid var(--sun);padding:4px 12px}.stats b{font:400 clamp(26px,5vw,40px) Anton,sans-serif;display:block}.stats small{opacity:.8;font-size:12px}.src{font-size:11px;opacity:.7}
.band{background:var(--navy);color:#fff;padding:16px 0;overflow:hidden;white-space:nowrap;font:400 clamp(22px,4vw,34px) Anton,sans-serif;text-transform:uppercase}.band span{color:var(--sun);margin:0 18px}
.sec{padding:72px 0}.sand{background:var(--sand)}.dark{background:var(--navy);color:#fff}.dark a:not(.btn){color:var(--sun)}
.area{display:grid;gap:22px}@media(min-width:860px){.area{grid-template-columns:1fr 1.1fr;align-items:center}}
.areacard{background:#fff;color:var(--ink);border-radius:18px;padding:22px;box-shadow:0 20px 50px rgba(0,0,0,.25)}.areacard .big{font:400 54px Anton,sans-serif;color:var(--terra);line-height:1}
.zipin{display:flex;gap:8px;margin-top:12px}.zipin input{flex:1}.kv{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.kv div{background:var(--sand);border-radius:12px;padding:10px}.kv b{display:block;font-size:20px}
.card{background:#fff;border-radius:20px;box-shadow:0 20px 60px rgba(13,22,38,.15);padding:28px}
form{display:grid;gap:12px}label{display:grid;gap:4px;font-weight:700;font-size:14px}input,select{font:inherit;padding:14px;border:2px solid #e6dccd;border-radius:10px;background:#fff;color:var(--ink)}input:focus,select:focus{outline:none;border-color:var(--sun)}
.chk{display:flex;gap:10px;font-weight:400;font-size:13px;color:var(--mut)}.chk input{width:20px;height:20px;flex:none}.hp{position:absolute;left:-9999px}.msg{margin:0;font-weight:700}
@media(min-width:760px){.two{grid-template-columns:1fr 1fr}.two .chk,.two button,.two .msg{grid-column:1/-1}}
.split{display:grid;gap:34px}@media(min-width:860px){.split{grid-template-columns:1fr 1.2fr;align-items:start}}
.why{display:grid;gap:14px}@media(min-width:760px){.why{grid-template-columns:repeat(4,1fr)}}.why div{border-top:4px solid var(--sun);padding-top:12px}.why b{font:400 30px Anton,sans-serif;display:block;text-transform:uppercase}
.hoods{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.hood{position:relative;border-radius:16px;overflow:hidden;min-height:260px;color:#fff;display:flex;align-items:flex-end;text-decoration:none}
.hood img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}.hood:hover img{transform:scale(1.06)}.hood:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,rgba(13,22,38,.92))}
.hood div{position:relative;z-index:1;padding:16px}.hood h3{font:400 32px Anton,sans-serif;text-transform:uppercase;margin:0}.hood p{margin:2px 0 0;font-size:14px;opacity:.9}
.tiles{display:grid;gap:14px}@media(min-width:760px){.tiles{grid-template-columns:repeat(3,1fr)}}.tile{background:#fff;border-radius:16px;padding:20px;border:1px solid #eadfce}.tile .n{font:400 44px Anton,sans-serif;color:var(--sun);line-height:1}
.steps{counter-reset:s;list-style:none;padding:0;display:grid;gap:10px}@media(min-width:860px){.steps{grid-template-columns:repeat(7,1fr)}}.steps li{counter-increment:s;background:#fff;border-radius:14px;padding:14px;border:1px solid #eadfce}.steps li:before{content:"0" counter(s);display:block;font:400 30px Anton,sans-serif;color:var(--sun)}
.calc{display:grid;gap:12px}@media(min-width:760px){.calc{grid-template-columns:repeat(3,1fr) 1.2fr;align-items:end}}.out{font:400 52px Anton,sans-serif;color:var(--sun);line-height:1}
.about{display:grid;gap:20px}@media(min-width:860px){.about{grid-template-columns:1.3fr 1fr}}.quote{font:400 clamp(30px,5vw,48px) Anton,sans-serif;text-transform:uppercase;line-height:1}.quote span{color:var(--sun)}
footer{background:#070d18;color:#b9bdc6;font-size:13px;padding:40px 0 30px}footer b{color:#fff}footer a{color:#f5a36f}.eho{font-weight:800;color:#fff}.credits{font-size:11px;opacity:.7}
.sticky{position:fixed;left:0;right:0;bottom:0;z-index:30;padding:10px 14px;background:rgba(13,22,38,.95);display:flex;gap:10px}.sticky .btn{flex:1;padding:13px}@media(min-width:860px){.sticky{display:none}body{padding-bottom:0}}
.rv{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.rv.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}}
