
:root{color-scheme:dark;--bg:#030b24;--fg:#eaf4ff;--a:#38a0ff;--at:#03122e;--m:#8fa8c9;--c:#0a1a40;--ln:#eaf4ff2b;--g:linear-gradient(100deg,#bcffff,#248aff 60%,#0025d2)}
*{box-sizing:border-box;margin:0}html{scroll-behavior:auto}
body{background:var(--bg);color:var(--fg);font:400 17px/1.55 'Space Grotesk',system-ui,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
h1,h2,.dp{font:400 clamp(44px,9vw,150px)/.9 Anton,Impact,'Arial Narrow',sans-serif;text-transform:uppercase;letter-spacing:.005em}
h2{font-size:clamp(40px,7vw,110px)}
#cv{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
main,footer{position:relative;z-index:1}
header{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:calc(16px + env(safe-area-inset-top,0px)) 24px 16px;background:linear-gradient(var(--bg),#0000);color:var(--fg)}
.lg{font:400 24px Anton,Impact,sans-serif;letter-spacing:.04em}
#mb{background:none;border:1px solid currentColor;color:inherit;border-radius:99px;padding:8px 20px;font:inherit;cursor:pointer}
#mn{position:fixed;inset:0;z-index:25;background:var(--g);color:var(--at);display:flex;flex-direction:column;justify-content:center;padding:0 24px;transform:translateY(-100%)}
#mn a{font:400 clamp(48px,11vw,130px)/1 Anton,Impact,sans-serif;text-transform:uppercase;display:block;overflow:hidden}
#mn a span{display:inline-block}
#wp{position:fixed;inset:0;z-index:40;background:var(--g);transform:translateY(100%);pointer-events:none}
#ld{position:fixed;inset:0;z-index:50;background:var(--bg);color:var(--fg);display:flex;flex-direction:column;justify-content:flex-end;padding:24px}
#ld b{font:400 clamp(30px,6vw,70px) Anton,Impact,sans-serif;text-transform:uppercase}
#ld i{font:400 clamp(120px,32vw,460px)/.85 Anton,Impact,sans-serif;font-style:normal}
#cur{position:fixed;left:-9px;top:-9px;width:18px;height:18px;border-radius:50%;background:var(--a);z-index:60;pointer-events:none;transition:width .25s,height .25s,margin .25s}
#cur.h{width:64px;height:64px;margin:-23px 0 0 -23px;opacity:.5}
@media(hover:none){#cur{display:none}}
.pad{padding:clamp(80px,14vw,200px) 24px 40px;max-width:1500px;margin:auto}
.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding:120px 24px 48px;max-width:1500px;margin:auto}
.hero h1{font-size:clamp(44px,9vw,150px)}.hero h1.sp{font-size:clamp(56px,14vw,250px)}
.ch{display:inline-block;will-change:transform}
.lead{max-width:560px;margin:28px 0;color:var(--fg)}
.bt{display:flex;gap:12px;flex-wrap:wrap}
.b{display:inline-block;border-radius:99px;padding:14px 28px;background:var(--a);color:var(--at);font-weight:700;border:1px solid var(--a);cursor:pointer;font-family:inherit;font-size:16px}
.b.g{background:none;color:var(--fg);border-color:var(--fg)}
.sm{color:var(--m);margin-top:20px;max-width:520px}
.mq{overflow:hidden;background:var(--g);color:var(--at);padding:14px 0;transform:rotate(-1.5deg);margin:60px -20px}
.mq div{display:flex;gap:48px;width:max-content;animation:mq 30s linear infinite}
.mq span{font:400 34px Anton,Impact,sans-serif;text-transform:uppercase;white-space:nowrap}
@keyframes mq{to{transform:translateX(-50%)}}
.big{font-size:clamp(26px,4.4vw,64px);line-height:1.12;font-weight:500;max-width:1100px}
.hs{height:420vh;position:relative}
.st{position:sticky;top:0;height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:36px;padding-top:80px}
.st h2{padding:0 24px}
.tr{display:flex;gap:24px;padding:0 24px;width:max-content;will-change:transform}
.cd{width:min(78vw,440px);height:min(52vh,420px);border:1px solid var(--ln);border-radius:20px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;background:var(--c)}
.cd:nth-child(even){margin-top:50px}.cd:nth-child(odd){margin-bottom:50px}
.cd h3{font:400 clamp(32px,4vw,52px)/.95 Anton,Impact,sans-serif;text-transform:uppercase}
.cd small{color:var(--m)}
.dm{margin-top:40px;border-top:1px solid var(--ln)}
.dm li{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid var(--ln);font-size:22px}
.dm li i{font-style:normal;color:var(--m);transition:color .3s}
.dm li.on i{color:var(--a)}
.sv{border-top:1px solid var(--ln)}
.row{border-bottom:1px solid var(--ln);position:relative;overflow:hidden;cursor:pointer}
.row:before{content:"";position:absolute;inset:0;background:var(--g);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.7,0,.2,1)}
.row:hover:before{transform:scaleX(1)}
.row>*{position:relative}
.rh{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:22px 0}
.rh h3{font:400 clamp(30px,5.4vw,84px)/1 Anton,Impact,sans-serif;text-transform:uppercase;transition:transform .45s,color .3s}
.row:hover .rh h3{transform:translateX(18px);color:var(--at)}
.rh span{color:var(--m);max-width:340px;text-align:right}
.row:hover .rh span{color:var(--at)}
.rb{display:block}
.row.o .rb{grid-template-rows:1fr}
.rb>div{overflow:hidden}
.rb ul{display:flex;gap:10px;flex-wrap:wrap;padding:0 0 22px;list-style:none}
.rb li{border:1px solid currentColor;border-radius:99px;padding:6px 16px}
.rb a{display:inline-block;margin:0 0 24px}
.row.o:before{transform:scaleX(1)}.row.o h3,.row.o .rh span{color:var(--at)}.row.o .rb{color:var(--at)}
.pr{position:relative;margin-top:50px;padding-left:44px}
.pr:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background:var(--ln)}
.pf{position:absolute;left:8px;top:0;width:2px;height:0;background:var(--a)}
.pr div{padding:0 0 38px;max-width:640px}.pr h3{font:400 34px Anton,Impact,sans-serif;text-transform:uppercase}.pr p{color:var(--m)}
.gr{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:50px}
.gr div{border:1px solid var(--ln);border-radius:20px;padding:26px;background:var(--c)}
.gr h3{font:400 30px Anton,Impact,sans-serif;text-transform:uppercase;margin-bottom:8px}.gr p{color:var(--m)}
.tb{display:flex;gap:10px;flex-wrap:wrap;margin:40px 0 28px}
.ch2,.tb button{border:1px solid var(--fg);background:none;color:var(--fg);border-radius:99px;padding:9px 20px;font:inherit;cursor:pointer;transition:background .25s,color .25s}
.ch2.s,.tb button.s{background:var(--a);color:var(--at);border-color:var(--a)}
.tp{border:1px solid var(--ln);border-radius:20px;padding:clamp(24px,4vw,56px);background:var(--c);min-height:260px}
.tp h3{font:400 clamp(34px,5vw,70px)/1 Anton,Impact,sans-serif;text-transform:uppercase;margin-bottom:12px}
.tp ul{display:flex;gap:10px;flex-wrap:wrap;list-style:none;margin-top:22px}.tp li{border:1px solid var(--ln);border-radius:99px;padding:6px 16px}
.fq{border-bottom:1px solid var(--ln)}
.fq button{all:unset;display:flex;justify-content:space-between;width:100%;padding:24px 0;font-size:clamp(20px,2.6vw,32px);font-weight:500;cursor:pointer}
.fq button:focus-visible,.b:focus-visible,#mb:focus-visible{outline:2px solid var(--a);outline-offset:3px}
.fq p{height:0;overflow:hidden;color:var(--m);max-width:760px}
.fq p span{display:block;padding-bottom:24px}
form{display:grid;gap:14px;margin-top:30px;max-width:720px}
input,textarea{background:var(--c);border:1px solid var(--ln);border-radius:14px;padding:16px;color:var(--fg);font:inherit;width:100%}
textarea{min-height:140px}
.ct{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:48px;align-items:start}
footer{padding:80px 24px calc(30px + env(safe-area-inset-bottom,0px));max-width:1500px;margin:auto}
footer h2{font-size:clamp(50px,12vw,210px);margin-bottom:40px}
.fl{display:flex;justify-content:space-between;flex-wrap:wrap;gap:30px;border-top:1px solid var(--ln);padding-top:28px;color:var(--m)}
.fl nav{display:flex;gap:18px;flex-wrap:wrap}.fl a:hover{color:var(--a)}
@media(prefers-reduced-motion:reduce){.mq div{animation:none}}
.wa{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:20;display:flex;align-items:center;gap:8px;background:#25d366;color:#04200e;border-radius:99px;padding:12px 18px;font-weight:700;box-shadow:0 8px 24px #0006}.wa svg{width:22px;height:22px}@media(max-width:520px){.wa span{display:none}.wa{padding:14px}}.wd{display:inline-block;white-space:nowrap}.lg img{height:34px;width:auto;display:block}#ld img{width:min(60vw,320px);height:auto;margin-bottom:24px}#ld i{background:var(--g);-webkit-background-clip:text;background-clip:text;color:transparent}.s #ld{display:none}.t #wp{transform:translateY(0)}.row:hover .rb{color:var(--at)}.rh h3 a{color:inherit}.hp{position:absolute;left:-9999px}.lt h3{font:500 22px 'Space Grotesk',sans-serif;margin:34px 0 8px}.lt p{color:var(--m)}.gr h3 a:hover{color:var(--a)}
