:root{color-scheme:dark;--bg:#080b11;--panel:#10151d;--panel2:#0c1119;--line:#262d38;--text:#f6f7fb;--muted:#aab2c0;--c1:#14d9ff;--c2:#5a8cff;--c3:#a957f7;--c4:#ff2bd1;--accent:#6fdcff;--grad:linear-gradient(90deg,#14d9ff,#5a8cff 36%,#a957f7 68%,#ff2bd1)}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.7 Manrope,Arial,sans-serif}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #9fdcff;outline-offset:4px}
h1,h2,h3,p,ul,ol{margin-top:0}
h1,h2{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-weight:700;line-height:1.04;letter-spacing:-.6px}
h1{font-size:clamp(52px,6.2vw,92px);margin-bottom:24px}
h2{font-size:clamp(40px,4.2vw,58px);margin-bottom:0}
h3{font-size:20px;line-height:1.35;letter-spacing:-.3px;margin-bottom:10px}
em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.wrap{width:min(1200px,calc(100% - 96px));margin:auto}
.eyebrow{font-size:13px;font-weight:800;letter-spacing:2px;color:var(--accent);margin:0 0 18px}
.lead{color:var(--muted);max-width:560px;margin:18px 0 0}
.ph{border:1px dashed #6b7890;border-radius:4px;padding:1px 7px;color:#c9d3e4;font-size:.86em;white-space:nowrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:54px;padding:15px 26px;border:0;border-radius:6px;background:var(--grad);color:#080b11;font-size:15px;font-weight:800;cursor:pointer;transition:filter .2s,transform .2s}
.btn:hover{filter:brightness(1.12);transform:translateY(-2px)}
.btn.ghost{background:transparent;color:var(--text);border:1px solid #4a566b}
.btn.ghost:hover{border-color:var(--accent);color:var(--accent)}
.btn.small{min-height:44px;padding:9px 18px;font-size:14px}
header .btn,.mbar .btn:not(.ghost){position:relative;overflow:hidden;animation:ctaShake 60s linear -15s infinite}
header .btn::after,.mbar .btn:not(.ghost)::after{content:"";position:absolute;top:-20%;bottom:-20%;left:0;width:42%;background:linear-gradient(100deg,transparent,#ffffffcc 50%,transparent);transform:translateX(-160%) skewX(-18deg);pointer-events:none;animation:ctaShine 30s ease-in-out infinite}
@keyframes ctaShine{0%,95.5%{transform:translateX(-160%) skewX(-18deg)}100%{transform:translateX(400%) skewX(-18deg)}}
@keyframes ctaShake{0%,98.6%,100%{rotate:0deg}98.8%{rotate:-3deg}99%{rotate:3deg}99.2%{rotate:-2.5deg}99.4%{rotate:2.5deg}99.6%{rotate:-1.5deg}99.8%{rotate:1deg}}
header{height:84px;display:flex;align-items:center;gap:32px;padding:0 max(48px,calc((100% - 1200px)/2));background:#080b11f2;position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff14}
header .head-logo{height:36px;aspect-ratio:768/124;display:block;overflow:visible}
nav{display:flex;gap:26px;margin-left:auto;font-size:14px;font-weight:600;color:#c6ccd8}
nav a:hover{color:#fff}
.head-phone{font-size:15px;font-weight:800;white-space:nowrap}
.hero{position:relative;overflow:hidden;background:#0b101b}
.hero-image{position:absolute;inset:0;background:linear-gradient(90deg,#080b11 0%,#080b11eb 34%,#080b1180 66%,#080b1133),linear-gradient(0deg,#080b11,transparent 45%),url('assets/hero.jpg') 60% 45%/cover}
.hero-content{position:relative;padding:96px 0 84px}
.hero .lead{font-size:19px;color:#d0d6e1;max-width:590px;margin:0 0 30px}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px}
.checks{list-style:none;padding:0;margin:34px 0 0;display:flex;flex-wrap:wrap;gap:12px 30px;font-size:15px;color:#d7dde8}
.checks li{display:flex;align-items:center;gap:10px}
.checks svg{width:18px;height:18px;color:var(--accent);flex:none}
.photo-label{position:absolute;right:24px;bottom:14px;font-size:12px;color:#8a95a8}
.trust{background:var(--panel);border-block:1px solid var(--line)}
.trust .wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.trust div div{padding:28px 26px;border-left:1px solid var(--line)}
.trust div div:first-child{border-left:0;padding-left:0}
.trust b{display:block;font:700 34px/1.1 'Barlow Condensed',Arial,sans-serif;margin-bottom:6px}
.trust div div>span{font-size:14px;color:var(--muted)}
.section{padding:104px 0}
.alt{background:var(--panel2);border-block:1px solid var(--line)}
.head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:48px}
.head p:not(.eyebrow){color:var(--muted);max-width:400px;margin:0}
.services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.card{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:28px 24px}
.card:hover{border-color:#4d5b74}
.icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#16202f;color:var(--accent);margin-bottom:24px}
.icon svg{width:26px;height:26px}
.card p{font-size:16px;color:var(--muted);margin-bottom:18px}
.card ul{list-style:none;padding:18px 0 0;margin:auto 0 22px;border-top:1px solid var(--line);font-size:15px;color:#d2d8e3}
.card li{padding-left:18px;position:relative;margin-bottom:6px}
.card li::before{content:"";position:absolute;left:0;top:11px;width:7px;height:2px;background:var(--c3)}
.more{font-size:15px;font-weight:800;color:var(--accent)}
.more:hover{color:#fff}
.note{font-size:13px;color:#8f9aad;margin:22px 0 0}
.focus{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:48px;margin-top:18px;padding:36px;background:var(--panel2);border:1px solid var(--line);border-radius:8px}
.focus h3{font-size:24px}
.focus p:not(.eyebrow):not(.lbl){color:var(--muted);margin:0;font-size:16px}
.lbl{font-size:12px;font-weight:800;letter-spacing:1.6px;color:var(--muted);margin-bottom:14px}
.focus ul{list-style:none;padding:0;margin:0;font-size:16px}
.focus li{padding-left:28px;position:relative;margin-bottom:10px}
.yes li::before{content:"";position:absolute;left:1px;top:8px;width:12px;height:6px;border-left:2px solid var(--accent);border-bottom:2px solid var(--accent);transform:rotate(-45deg)}
.no li{color:#98a3b6}
.no li::before{content:"";position:absolute;left:1px;top:13px;width:12px;height:2px;background:#6b7890}
.steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;counter-reset:s}
.steps li{counter-increment:s;border-top:2px solid var(--line);padding-top:24px;position:relative}
.steps li::before{content:"0" counter(s);display:block;font:700 44px/1 'Barlow Condensed',Arial,sans-serif;margin-bottom:16px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;width:max-content}
.steps p{font-size:16px;color:var(--muted);margin:0}
.slider-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:18px;scrollbar-width:thin;scrollbar-color:#5a8cff #1a212d;overscroll-behavior-x:contain}
.slider-track::-webkit-scrollbar{height:8px}
.slider-track::-webkit-scrollbar-track{background:#1a212d;border-radius:8px}
.slider-track::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#14d9ff,#5a8cff,#a957f7);border-radius:8px}
.slide{position:relative;margin:0;flex:0 0 auto;height:440px;overflow:hidden;border-radius:8px;background:#151b27;scroll-snap-align:start}
.slide.land{width:min(640px,84vw)}
.slide.port{width:min(330px,72vw)}
.slide img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}
.slide:hover img{transform:scale(1.04)}
.slide figcaption{position:absolute;inset:auto 0 0;padding:56px 22px 18px;background:linear-gradient(transparent,#080b11f0);font-weight:700}
.slide small{display:block;font-size:12px;font-weight:500;letter-spacing:.8px;color:#b9c2d1}
.slider-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:4px}
.slider-hint{font-size:13px;color:var(--muted);margin:0}
.slider-btns{display:flex;gap:10px}
.slider-btn{width:48px;height:48px;border-radius:50%;border:1px solid #4a566b;background:transparent;color:var(--text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s,color .2s}
.slider-btn:hover{border-color:var(--accent);color:var(--accent)}
.slider-btn svg{width:20px;height:20px}
.ls-defs{position:absolute;width:0;height:0;overflow:hidden}
.intro{position:fixed;inset:0;z-index:60;pointer-events:none;perspective:1400px;visibility:hidden}
.intro-ready .intro{visibility:visible}
.intro-spacer{height:0}
.intro-ready .intro-spacer{height:88vh;height:88svh}
.intro-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 46%,#16224a 0%,#0b1020 40%,#080b11 72%);opacity:0}
.intro-hint{position:absolute;left:0;right:0;bottom:34px;margin:0;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:3px;color:#a9b8d4;opacity:0}
.intro-hint svg{width:22px;height:22px;animation:lsHint 1.6s ease-in-out infinite}
.intro-logo{position:absolute;left:0;top:0;width:236px;aspect-ratio:768/124;transform-origin:0 0;transform-style:preserve-3d;will-change:transform,opacity}
.intro-icon{position:absolute;left:0;top:0;width:16.146%;height:100%;overflow:visible}
.intro-word{position:absolute;left:19.792%;top:0;width:80.208%;height:100%;transform-style:preserve-3d;will-change:transform}
.intro-in{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:lsIn 1.5s cubic-bezier(.16,.84,.3,1) both}
.lyr{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.ls-pulse{transform-box:fill-box;transform-origin:center;animation:lsPulse 2.2s ease-in-out infinite}
.ls-bar{transform-box:fill-box;transform-origin:center;animation:lsWave 1.15s ease-in-out infinite}
@keyframes lsIn{from{opacity:0;transform:scale(.55) rotateX(22deg)}to{opacity:1;transform:none}}
@keyframes lsWave{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.28)}}
@keyframes lsPulse{0%,100%{transform:scale(1);filter:drop-shadow(0 0 0 #6fdcff00)}50%{transform:scale(1.07);filter:drop-shadow(0 0 9px #6fdcffb0)}}
@keyframes lsHint{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}
@media(prefers-reduced-motion:reduce){.intro-in,.intro-hint svg{animation:none}}
.why{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.why article{padding-top:24px;border-top:2px solid var(--line)}
.why p{font-size:16px;color:var(--muted);margin:0}
.quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}
.quotes blockquote{margin:0;padding:26px 24px;border:1px dashed #56627a;border-radius:8px;color:#c9d2e1;font-size:16px}
.quotes cite{display:block;margin-top:14px;font-style:normal;font-size:14px;color:var(--muted)}
.area{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:center}
.chips{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}
.chips li{padding:9px 16px;border:1px solid #3a4558;border-radius:999px;font-size:15px;color:#dbe1ec}
.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}
details{border-bottom:1px solid var(--line)}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:22px 0;font-size:18px;font-weight:700}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-size:24px;line-height:1;color:var(--accent)}
details[open] summary::after{content:"–"}
details p{color:var(--muted);margin:0 0 22px;max-width:640px}
.quote{background:#0e1420;border-top:1px solid #253248}
.quote-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}
.after{list-style:none;padding:0;margin:34px 0 0;counter-reset:a}
.after li{counter-increment:a;display:flex;gap:16px;margin-bottom:16px;color:#d2d8e3;font-size:16px}
.after li::before{content:counter(a);flex:none;width:28px;height:28px;border-radius:50%;border:1px solid var(--c2);color:var(--accent);font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center}
.call{margin-top:36px;padding-top:26px;border-top:1px solid var(--line)}
.call span{display:block;font-size:14px;color:var(--muted)}
.call a{font:700 34px/1.2 'Barlow Condensed',Arial,sans-serif}
.form{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:34px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 18px}
label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:700}
.full{grid-column:1/-1}
input,select,textarea{background:#0b111b;color:#eef2ff;border:1px solid #3a465a;border-radius:6px;width:100%;padding:13px 14px;min-height:50px;font-size:15px}
input::placeholder,textarea::placeholder{color:#8b97aa}
.form .btn{width:100%;margin-top:22px}
.form small{display:block;margin-top:14px;font-size:13px;color:#98a3b6;text-align:center}
footer{border-top:1px solid var(--line);padding:64px 0 28px;font-size:15px}
.foot{display:grid;grid-template-columns:1.4fr 1fr 1.2fr;gap:60px}
.foot-logo{height:32px;aspect-ratio:768/124;display:block;margin-bottom:18px;overflow:visible}
.foot p{color:var(--muted);max-width:340px}
.foot h3{font-size:13px;letter-spacing:1.6px;color:var(--muted);margin-bottom:14px}
.foot ul{list-style:none;padding:0;margin:0}
.foot li{margin-bottom:8px}
.foot a:hover{color:var(--accent)}
.legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;margin-top:48px;padding-top:22px;border-top:1px solid var(--line);font-size:13px;color:#8f9aad}
.menu-btn{display:none;width:44px;height:44px;border:0;border-radius:6px;background:transparent;color:var(--text);align-items:center;justify-content:center;cursor:pointer}
.menu-btn svg{width:26px;height:26px}
.mbar{display:none}
@media(max-width:1000px){
.menu-btn{display:inline-flex}
.wrap{width:calc(100% - 56px)}
header{padding:0 28px;gap:18px}
nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;margin:0;padding:8px 28px 20px;background:#0b1019;border-bottom:1px solid var(--line);font-size:17px}
nav.open{display:flex}
nav a{padding:14px 0;border-bottom:1px solid #ffffff12}
nav a:last-child{border-bottom:0}
.head-phone{margin-left:auto}
.services,.steps,.why{grid-template-columns:1fr 1fr}
.trust .wrap{grid-template-columns:1fr 1fr}
.trust div div:nth-child(3){border-left:0;padding-left:0}
.focus,.faq-grid,.quote-grid{grid-template-columns:1fr;gap:44px}
.foot{grid-template-columns:1fr 1fr;gap:40px}
}
@media(max-width:720px){
.wrap{width:calc(100% - 40px)}
header{height:68px;padding:0 20px}
header .head-logo{height:28px}
header .btn,.head-phone{display:none}
.menu-btn{margin-left:auto}
nav{padding:8px 20px 18px}
h1{font-size:clamp(34px,10vw,48px)}
h2{font-size:clamp(34px,9vw,44px)}
.hero .photo-label{left:20px;right:20px;bottom:10px;text-align:right}
.focus{padding:24px 20px;gap:28px}
.focus h3{font-size:21px}
.slide.land{width:86vw}
.slide.port{width:64vw}
.slider-btns{display:none}
.call a{font-size:30px}
.intro-hint{bottom:96px}
.mbar{display:grid;grid-template-columns:1fr 1.5fr;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:30;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:#080b11f5;border-top:1px solid #ffffff1a}
.mbar .btn{min-height:48px;padding:10px 12px;font-size:15px}
footer{padding-bottom:104px}
.hero-content{padding:64px 0 60px}
.hero .lead{font-size:17px}
.actions .btn{width:100%}
.checks{flex-direction:column;gap:10px}
.section{padding:68px 0}
.head{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:30px}
.services,.steps,.why,.form-grid,.foot{grid-template-columns:1fr}
.trust div div{padding:20px 16px}
.slide{height:330px}
.form{padding:22px}
}

/* Site-only pieces: form states, consent panel, legal page. */
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:96px}
.skip{position:fixed;top:-100px;left:0;z-index:99;background:var(--grad);color:#080b11;padding:14px 18px;font-weight:800}
.skip:focus{top:0}
.honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.privacy-row{flex-direction:row;align-items:flex-start;gap:12px;margin-top:20px;font-weight:500}
.privacy-row input{width:20px;min-height:20px;flex:none;margin-top:3px}
.privacy-row a,.form small a,.call span a,.legal a,.linkbtn,.doc a{text-decoration:underline;text-underline-offset:3px}
.call span a{font:inherit;color:inherit}
#turnstile{margin-top:18px}
.btn:disabled{opacity:.55;cursor:not-allowed;transform:none;filter:none}
#form-status{margin:14px 0 0;font-size:14px;color:#c9d2e1;text-align:center}
#form-status:empty{display:none}
.linkbtn{background:none;border:0;padding:0;margin-left:16px;color:inherit;font:inherit;cursor:pointer}
.measurement{position:fixed;bottom:18px;right:18px;z-index:70;background:#141e30;border:1px solid #6e96d7;border-radius:8px;padding:22px;max-width:460px;width:calc(100% - 36px);box-shadow:0 8px 40px #0008}
.measurement p{font-size:14px;margin-bottom:16px}
.measurement .actions{gap:10px}
.measurement .btn{flex:1;min-height:46px;padding:10px 14px}
.doc{max-width:780px;padding:64px 0 96px}
.doc h1{font-size:clamp(38px,6vw,60px);margin-bottom:12px}
.doc h2{font-size:30px;margin:46px 0 14px}
.doc p,.doc li{color:#cfd6e2}
.doc li{margin-bottom:8px}
.doc .meta{color:var(--muted);font-size:15px}
.doc-head{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff14}
.doc-head img{height:34px;width:auto;display:block}
@media(max-width:720px){
.measurement{bottom:84px}
}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
}