@font-face{font-family:"Barlow Condensed";font-weight:600;font-display:swap;src:url(fonts/barlow-condensed-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Barlow Condensed";font-weight:700;font-display:swap;src:url(fonts/barlow-condensed-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:Barlow;font-weight:400;font-display:swap;src:url(fonts/barlow-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Barlow;font-weight:500;font-display:swap;src:url(fonts/barlow-latin-500-normal.woff2) format("woff2")}
:root{--navy:#0c1a24;--navy2:#13232f;--paper:#f2eee5;--ink:#0c1a24;--amb:#ffb400;--red:#e5322d;--grn:#31c36b;--mute:#8da0ab;--g:clamp(20px,5.5vw,88px)}
*{box-sizing:border-box;margin:0;padding:0}
html,body{overflow-x:clip}html{scroll-behavior:smooth;scroll-padding-top:70px}
body{font:400 17px/1.65 Barlow,system-ui,sans-serif;background:var(--navy);color:var(--paper);-webkit-font-smoothing:antialiased}
a{color:inherit}.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:var(--amb);color:#000;padding:8px 12px;z-index:99}
.wrap{max-width:1360px;margin:0 auto;padding:0 var(--g)}
h1,h2,h3,.brand,.btn,.tel,.small,.gears b{font-family:"Barlow Condensed",sans-serif}
.hd{position:fixed;inset:0 0 auto 0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px var(--g);transition:background .4s,padding .4s}
.hd.sc{background:rgba(12,26,36,.88);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:10px var(--g);box-shadow:0 1px 0 rgba(255,255,255,.08)}
.brand{text-decoration:none;display:flex;align-items:baseline;gap:12px;white-space:nowrap}.brand b{font-weight:700;font-size:28px;letter-spacing:.08em;text-transform:uppercase}.brand span{font:500 13px Barlow;color:var(--mute);letter-spacing:.16em;text-transform:uppercase}
.hd nav{display:flex;gap:clamp(18px,3vw,40px);font-size:15px}.hd nav a{text-decoration:none;color:#cdd6db;position:relative;padding:4px 0}.hd nav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--amb);transition:right .35s}.hd nav a:hover{color:#fff}.hd nav a:hover::after{right:0}
.tel{border:2px solid var(--amb);color:var(--amb);padding:7px 18px;text-decoration:none;font-weight:600;font-size:17px;letter-spacing:.04em;border-radius:4px;transition:.25s;white-space:nowrap}.tel:hover{background:var(--amb);color:#000}
.hero{min-height:100svh;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;padding:90px var(--g) 40px;gap:20px;background:radial-gradient(800px 560px at 70% 50%,#1b3445 0,var(--navy) 70%);overflow:hidden}
.kicker{font:600 14px "Barlow Condensed";letter-spacing:.28em;text-transform:uppercase;color:var(--amb);margin-bottom:22px}
h1{font-weight:700;font-size:clamp(54px,7.4vw,118px);line-height:.92;letter-spacing:-.005em;text-transform:uppercase}
h1 .l{display:block;overflow:hidden;padding:.06em 0 .1em;margin:-.06em 0 -.1em}h1 .l>span{display:block;transform:translateY(110%);animation:up 1.1s cubic-bezier(.2,.8,.2,1) forwards}
h1 .l:nth-child(2)>span{animation-delay:.12s}h1 .l:nth-child(3)>span{animation-delay:.24s}h1 em{font-style:normal;color:var(--amb)}@keyframes up{to{transform:none}}
.lead{max-width:24em;margin:26px 0 30px;font-size:19px;color:#c3ced4}
.cta{display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.btn{display:inline-block;background:var(--amb);color:#0c1a24;text-decoration:none;border:0;padding:15px 30px;font-weight:700;font-size:19px;letter-spacing:.04em;text-transform:uppercase;border-radius:4px;cursor:pointer;position:relative;overflow:hidden}
.btn::before{content:"";position:absolute;inset:0;background:var(--paper);transform:translateX(-101%);transition:.4s cubic-bezier(.2,.8,.2,1)}.btn span{position:relative;z-index:1}.btn:hover::before{transform:none}
.lnk{font-size:16px;text-underline-offset:7px;text-decoration-color:var(--amb)}
.cluster{position:relative;width:100%;max-width:820px;justify-self:end}#dash{width:100%;height:auto;display:block;overflow:visible;user-select:none;-webkit-user-select:none}
#dash .hold{cursor:pointer;touch-action:manipulation}
.hint{text-align:center;font-size:14px;color:var(--mute);letter-spacing:.06em;margin-top:6px}
.road{height:58px;background:#101f2a;position:relative;border-block:2px solid #060d13;overflow:hidden}.road i{position:absolute;left:0;right:0;top:50%;height:4px;margin-top:-2px;background:repeating-linear-gradient(90deg,#f2eee5 0 46px,transparent 46px 100px);animation:rd 1.2s linear infinite}@keyframes rd{to{background-position:100px 0}}
.sec{padding:clamp(80px,11vw,160px) 0}.light{background:var(--paper);color:var(--ink)}.dark{background:var(--navy2)}
.small{font-weight:600;font-size:15px;letter-spacing:.26em;text-transform:uppercase;color:var(--amb);margin-bottom:18px}.light .small{color:#b87a00}
.big{font:700 clamp(40px,5.8vw,92px)/.96 "Barlow Condensed";text-transform:uppercase;letter-spacing:-.005em;max-width:12em}.big em{font-style:normal;color:var(--amb)}.light .big em{color:#d98a00}
.rv{opacity:0;transform:translateY(30px);transition:opacity .9s,transform .9s cubic-bezier(.2,.8,.2,1)}.rv.in{opacity:1;transform:none}
.gears{list-style:none;margin-top:clamp(44px,6vw,80px);border-top:2px solid var(--ink)}
.gears li{display:grid;grid-template-columns:78px 1.1fr 1fr;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid rgba(12,26,36,.25);transition:padding .45s cubic-bezier(.2,.8,.2,1)}
.gears b{width:54px;height:54px;border-radius:50%;border:2px solid var(--ink);display:grid;place-items:center;font-size:28px;transition:.3s}.gears h3{font-weight:700;font-size:clamp(28px,3.6vw,52px);line-height:1;text-transform:uppercase}.gears p{color:#46545e;max-width:26em}
.gears li:hover{padding-left:16px}.gears li:hover b{background:var(--amb);border-color:var(--amb)}
.lights-g{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(24px,5vw,80px);margin-top:clamp(44px,6vw,80px);align-items:stretch}
.lights{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-content:start}
.lt{aspect-ratio:1;border-radius:14px;background:#0a141c;border:2px solid #1f3340;cursor:pointer;display:grid;place-items:center;transition:.3s;color:#3b5362;padding:0}
.lt svg{width:46%;height:46%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.lt:hover{border-color:#45637a}.lt.on{color:var(--c);border-color:var(--c);box-shadow:0 0 0 1px var(--c),0 0 36px -4px var(--c),inset 0 0 26px -8px var(--c)}
.panel{background:#0a141c;border:2px solid #1f3340;border-radius:14px;padding:clamp(22px,3vw,44px);display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.lvl{font:600 14px "Barlow Condensed";letter-spacing:.2em;text-transform:uppercase;padding:4px 12px;border-radius:99px;background:var(--c);color:#0c1a24}
.panel h3{font-weight:700;font-size:clamp(32px,3.6vw,52px);line-height:1;text-transform:uppercase}.panel p{color:#c3ced4}
.do{border-left:3px solid var(--c);padding-left:14px}.do b{display:block;font:600 14px "Barlow Condensed";letter-spacing:.2em;text-transform:uppercase;color:var(--c);margin-bottom:2px}.do span{color:#fff}
.panel .btn{margin-top:6px}.panel.swap{animation:sw .45s}@keyframes sw{from{opacity:0;transform:translateY(10px)}}
.disc{margin-top:26px;font-size:14px;color:var(--mute);max-width:46em}
.steps ol{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,3vw,48px);margin-top:clamp(44px,6vw,80px)}
.steps li{border-top:2px solid var(--ink);padding-top:18px}.steps b{font:700 18px "Barlow Condensed";letter-spacing:.16em;color:#b87a00}.steps h3{font-weight:700;font-size:clamp(28px,3vw,42px);line-height:1;text-transform:uppercase;margin:8px 0}.steps p{color:#46545e}
.ct-g{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,6vw,100px)}.note{margin:22px 0 28px;max-width:28em;color:#c3ced4}address{font-style:normal;color:#c3ced4}address b{color:#fff;font-weight:500}address a{text-underline-offset:5px}
form{display:flex;flex-direction:column;gap:4px;background:var(--paper);color:var(--ink);padding:clamp(24px,3.4vw,52px);border-radius:8px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:20px}
label{display:block;font:600 13px "Barlow Condensed";letter-spacing:.2em;text-transform:uppercase;color:#52606a;margin-top:14px}
input:not(.hp),textarea{font:400 17px Barlow;padding:10px 0;border:0;border-bottom:2px solid rgba(12,26,36,.35);background:transparent;color:var(--ink);border-radius:0;width:100%}input:focus,textarea:focus{outline:0;border-bottom-color:var(--amb)}textarea{resize:vertical}
form .btn{margin-top:24px;align-self:flex-start;background:var(--ink);color:var(--paper)}form .btn::before{background:var(--amb)}form .btn:hover{color:#000}.hp{position:absolute;left:-9999px}
a:focus-visible,.btn:focus-visible,.lt:focus-visible{outline:3px solid var(--amb);outline-offset:3px}
.form-msg{font-size:15px;min-height:1.4em;margin-top:8px}.form-msg.ok{color:#14803a}.form-msg.err{color:#b3261e}.form-msg.info{background:#ffe9a8;padding:6px 10px;border-radius:4px}
footer{padding:26px var(--g);background:#060d13;color:#8da0ab;font-size:15px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}footer b{color:#fff;font-weight:500}
.legal-page{background:var(--paper);color:var(--ink)}.legal{max-width:760px;margin:0 auto;padding:60px 22px}.legal h1{font-size:clamp(38px,5vw,60px);margin:20px 0}.legal h2{font:700 26px "Barlow Condensed";margin:26px 0 8px;color:#b87a00;text-transform:uppercase}.legal p{margin:8px 0}.draft{background:#ffe9a8;padding:10px 14px}
@media (max-width:980px){.hero{grid-template-columns:1fr;padding-top:100px}.cluster{justify-self:center}.hd nav{display:none}.lights-g,.ct-g,.row2{grid-template-columns:1fr}.steps ol{grid-template-columns:1fr}.gears li{grid-template-columns:60px 1fr}.gears p{grid-column:2}.gears b{width:46px;height:46px}.brand span{display:none}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}h1 .l>span{transform:none}.rv{opacity:1;transform:none}}