:root{--logo:url("../img/logo.png");--bg:#0b0b0b;--bg2:#161616;--ink:#f5f5f0;--mute:#a8a8a0;--line:#ffffff2e;--y:#ffe600;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media(prefers-color-scheme:light){:root:not([data-theme="dark"]){--bg:#fffdf0;--bg2:#f3eec8;--ink:#0b0b0b;--mute:#555;--line:#0b0b0b33}}
:root[data-theme="dark"]{--bg:#0b0b0b}
*{box-sizing:border-box}html{scroll-behavior:smooth;height:100%}[hidden]{display:none!important}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Space Grotesk",system-ui,sans-serif;line-height:1.55;overflow-x:hidden}
a{color:inherit;text-decoration:none}.w{max-width:1100px;margin:0 auto}
.dp{font-family:"Archivo Black",Impact,"Arial Black",sans-serif;text-transform:uppercase;letter-spacing:-.02em;font-weight:900}
.lg{display:block;background:currentColor;-webkit-mask:var(--logo) center/contain no-repeat;mask:var(--logo) center/contain no-repeat;aspect-ratio:3/1;height:38px}
#m{position:absolute;opacity:0;pointer-events:none}
.app{display:grid;grid-template-columns:270px 1fr;min-height:100vh}.mn{min-width:0}
.sb{position:sticky;top:0;height:100vh;background:#0b0b0b;color:#fff;border-right:3px solid var(--y);padding:28px 20px 22px;display:flex;flex-direction:column;gap:22px;overflow:auto}
.sb .lg{height:42px;margin:0 0 6px 6px}.mb{display:none}
.nv{display:flex;flex-direction:column;gap:4px}
.nv a{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:14px;font-weight:700;font-size:1.02rem;transition:background .2s,color .2s,padding .2s}
.nv a i{font-style:normal;font-size:.72rem;color:var(--y);font-weight:700}
.nv a:hover{background:#ffffff18;padding-left:20px}.nv a.on{background:var(--y);color:#0b0b0b}.nv a.on i{color:#0b0b0b}
.nv .sub{display:flex;flex-direction:column;margin:0 0 6px 26px;border-left:2px solid #ffffff33}.nv .sub a{font-size:.9rem;font-weight:500;padding:7px 14px;color:#cfcfc8}.nv .sub a.on{color:#0b0b0b}
.sf{margin-top:auto;display:flex;flex-direction:column;gap:8px;font-size:.9rem;color:#cfcfc8}.sf a:hover{color:var(--y)}.sf .btn{text-align:center;margin-bottom:8px}
.btn{display:inline-block;background:var(--y);color:#0b0b0b!important;padding:13px 26px;border-radius:999px;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;border:2px solid var(--y);cursor:pointer;transition:transform .2s,box-shadow .2s;font-family:inherit}
.btn:hover{transform:translateY(-3px);box-shadow:0 8px 0 #0b0b0b33}.btn.g{background:transparent;color:var(--y)!important}.btn.k{background:#0b0b0b;color:var(--y)!important;border-color:#0b0b0b}
.tag{display:inline-block;background:var(--y);color:#0b0b0b;padding:4px 13px;border-radius:999px;font-size:.74rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px}
.bt{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;padding:16px}
.t{border-radius:28px;padding:36px;position:relative;overflow:hidden;border:2px solid var(--ink);background:var(--bg2)}
.t.k{background:#0b0b0b;color:#fff;border-color:#0b0b0b}.t.y{background:var(--y);color:#0b0b0b;border-color:#0b0b0b}
.c3{grid-column:span 3}.c4{grid-column:span 4}.c5{grid-column:span 5}.c7{grid-column:span 7}.c8{grid-column:span 8}.c12{grid-column:span 12}
@media(max-width:1280px){.c3{grid-column:span 6}}@media(max-width:900px){.bt>*{grid-column:1/-1!important}.t{padding:26px}}
.hh{font-size:clamp(2.4rem,5.2vw,5rem);line-height:.92;margin:0 0 16px}.hh mark{background:var(--y);color:#0b0b0b;padding:0 .12em;display:inline-block;transform:rotate(-2deg)}
.sub2{max-width:44ch;color:#d0d0c8;font-size:1.12rem}.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.hero{min-height:520px;display:flex;flex-direction:column;justify-content:center;background-image:radial-gradient(#ffffff1a 1.2px,transparent 1.4px);background-size:26px 26px}
.gs{position:absolute;inset:0;display:grid;place-items:center;perspective:1000px}
.gs:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;border:2px dashed var(--y);animation:spin 30s linear infinite}
.tl3{position:relative;z-index:1;transform-style:preserve-3d;transform:scale(var(--k,1)) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .2s;filter:drop-shadow(0 24px 40px #ffe60044)}
.sw{width:335px;height:375px;position:relative;transform-style:preserve-3d;animation:sw 10s ease-in-out infinite}
.pc{position:absolute;inset:0;transform-style:preserve-3d;animation:br 5s ease-in-out infinite}.sl{position:absolute;inset:0}
@keyframes sw{0%,100%{transform:rotateY(-32deg) rotateX(8deg)}50%{transform:rotateY(32deg) rotateX(-6deg)}}
@keyframes br{0%,100%{transform:translateZ(0)}50%{transform:translateZ(var(--a))}}@keyframes spin{to{transform:rotate(360deg)}}
.stk{position:absolute;right:14px;top:14px;width:104px;z-index:2;animation:spin 18s linear infinite}
.tk{background:var(--y);color:#0b0b0b;border-radius:999px;overflow:hidden;white-space:nowrap;padding:12px 0;border:2px solid #0b0b0b}
.tk div{display:inline-flex;animation:mq 34s linear infinite}.tk span{font-family:"Archivo Black",Impact,sans-serif;text-transform:uppercase;font-size:1.4rem;padding:0 .6em}.tk span:after{content:"\2726";margin-left:1.2em}@keyframes mq{to{transform:translateX(-33.333%)}}
.hd{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;margin:8px 8px 0}.hd h2{font-size:clamp(2rem,4.6vw,3.6rem);line-height:.95;margin:0}.hd h2 em{font-style:normal;background:var(--y);color:#0b0b0b;padding:0 .12em;display:inline-block;transform:rotate(-1.5deg)}.hd .tag{margin:0}
.sv{display:flex;flex-direction:column;justify-content:space-between;min-height:300px;transition:transform .25s,box-shadow .25s}.sv:hover{transform:translateY(-6px) rotate(-.6deg);box-shadow:0 14px 0 #0b0b0b33}
.sv b{font-family:"Archivo Black",Impact,sans-serif;font-size:3.6rem;line-height:.9;opacity:.4}.sv h3{margin:14px 0 8px;font-family:"Archivo Black",Impact,sans-serif;text-transform:uppercase;font-size:1.5rem;line-height:1;letter-spacing:-.02em}.sv p{margin:0 0 16px;opacity:.88;font-size:.95rem}
.sv .ar2{display:flex;justify-content:space-between;align-items:center;font-weight:700;text-transform:uppercase;font-size:.8rem;letter-spacing:.1em}.sv .ar2 span{font-size:1.8rem;transition:transform .3s}.sv:hover .ar2 span{transform:translate(6px,-6px)}
.ps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:26px}@media(max-width:900px){.ps{grid-template-columns:1fr 1fr;gap:26px 0}}@media(max-width:560px){.ps{grid-template-columns:1fr}}
.ps div{padding:0 22px;border-left:2px dashed var(--line)}.ps div:first-child{border-left:0;padding-left:0}
.ps b{display:inline-grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#0b0b0b;color:var(--y);font-family:"Archivo Black",Impact,sans-serif;margin-bottom:12px}.ps h3{margin:0 0 6px;font-size:1.1rem;text-transform:uppercase}.ps p{margin:0;font-size:.93rem;opacity:.85}
.t h2{font-size:clamp(1.9rem,4vw,3.2rem);line-height:.98;margin:0 0 14px}.t p{margin:0 0 14px}
.chips{display:flex;gap:8px;flex-wrap:wrap}.chips span{background:var(--y);color:#0b0b0b;padding:7px 14px;border-radius:999px;font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.05em}
.st{color:var(--y);font-size:1.8rem;letter-spacing:.3em;margin:6px 0 12px}
.lt{display:block;font-family:"Archivo Black",Impact,sans-serif;text-transform:uppercase;font-size:clamp(3rem,7vw,6.4rem);line-height:.9;letter-spacing:-.04em;margin:4px 0 14px}
.em{display:inline-block;font-weight:700;font-size:clamp(1.1rem,2.2vw,1.6rem);border-bottom:4px solid #0b0b0b;word-break:break-word}
.cl{display:flex;gap:22px;flex-wrap:wrap;margin:16px 0;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:.9rem}
.ar{display:flex;flex-wrap:wrap;gap:8px}.ar i{font-style:normal;border:2px solid currentColor;border-radius:999px;padding:3px 13px;font-size:.82rem;font-weight:500;opacity:.85}
.ph{margin:16px;background:var(--y);color:#0b0b0b;border-radius:28px;padding:clamp(40px,7vw,84px) clamp(24px,5vw,56px);position:relative;overflow:hidden}
.ph:after{content:"";position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:50%;border:34px solid #0b0b0b14}
.ph h1{font-size:clamp(2.2rem,5.6vw,5rem);line-height:.95;margin:14px 0 0;max-width:16ch;position:relative}.bc{margin:0;font-weight:700;font-size:.9rem}.bc a{text-decoration:underline}
.cnt{padding:0 16px 16px}.cg{display:grid;grid-template-columns:1fr 310px;gap:16px;align-items:start}@media(max-width:1100px){.cg{grid-template-columns:1fr}}
.tx{background:var(--bg2);border:2px solid var(--ink);border-radius:28px;padding:clamp(24px,4vw,48px)}
.tx h2,.tx h3{font-family:"Archivo Black",Impact,sans-serif;text-transform:uppercase;letter-spacing:-.02em;line-height:1.05;font-weight:900;border-left:8px solid var(--y);padding-left:14px}
.tx h2{font-size:clamp(1.5rem,3.4vw,2.3rem);margin:44px 0 16px}.tx h3{font-size:1.25rem;margin:34px 0 12px}.tx>:first-child{margin-top:0}.tx p{font-size:1.06rem;margin:0 0 16px;opacity:.92}
.fl{list-style:none;padding:0;margin:18px 0 26px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}
.fl li{background:var(--bg);border:2px solid var(--ink);border-left:8px solid var(--y);border-radius:16px;padding:14px 18px;transition:transform .2s}.fl li:hover{transform:translateY(-3px)}
.bd{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0}.bd span{background:var(--y);color:#0b0b0b;padding:8px 16px;border-radius:999px;font-weight:700;text-transform:uppercase;font-size:.82rem}
.sd{position:sticky;top:16px;background:#0b0b0b;color:#fff;border-radius:28px;padding:28px}.sd h4{margin:0 0 12px;font-family:"Archivo Black",Impact,sans-serif;text-transform:uppercase;font-size:1.05rem;color:var(--y)}
.sd a.l{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid #ffffff2e;font-weight:500}.sd a.l:hover{color:var(--y)}.sd .btn{margin-top:18px;width:100%;text-align:center}
.cta2{margin:16px;background:#0b0b0b;color:#fff;border-radius:28px;padding:clamp(28px,5vw,56px)}.cta2 .w{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.cta2 h2{font-size:clamp(1.8rem,4.4vw,3.4rem);margin:0;max-width:16ch;color:var(--y)}
.sc3,.pg{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:26px 0}
.pk{background:#0b0b0b;color:#fff;border-radius:24px;padding:26px;transition:transform .25s}.pk:hover{transform:translateY(-6px) rotate(-.6deg)}
.pk b{display:block;font-family:"Archivo Black",Impact,sans-serif;font-size:3.4rem;line-height:.9;color:var(--y)}.pk h3{margin:12px 0 8px;font-size:1.1rem;text-transform:uppercase}.pk p{margin:0;color:#c9c9c0;font-size:.93rem}
.cc{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin:0 0 16px}
.ci{background:var(--bg2);border:2px solid var(--ink);border-radius:24px;padding:24px}.ci h4{display:inline-block;margin:0 0 10px;background:var(--y);color:#0b0b0b;border-radius:999px;padding:3px 12px;font-size:.74rem;text-transform:uppercase;letter-spacing:.12em}.ci p{margin:0 0 8px}.ci a{font-weight:700;border-bottom:2px solid var(--y)}
.fm{display:grid;gap:14px;margin-top:20px}.fm label{font-weight:700;text-transform:uppercase;font-size:.76rem;letter-spacing:.1em}
.fm input,.fm textarea{width:100%;font:inherit;padding:14px;border:2px solid var(--ink);border-radius:14px;background:var(--bg);color:var(--ink);margin-top:6px}.fm input:focus,.fm textarea:focus{outline:3px solid var(--y)}.fm small{display:block;color:var(--mute);font-size:.82rem}
.ft{margin:16px;background:#0b0b0b;color:#fff;border-radius:28px;padding:44px clamp(24px,4vw,48px) 22px}.fg{display:grid;grid-template-columns:1.3fr 1fr 1.4fr;gap:36px}@media(max-width:900px){.fg{grid-template-columns:1fr}}
.ft h4{margin:0 0 12px;font-family:"Archivo Black",Impact,sans-serif;text-transform:uppercase;font-size:1rem;color:var(--y)}.ft a{display:block;padding:3px 0;color:#d9d9d2}.ft a:hover{color:var(--y)}.ft p{color:#c9c9c0;margin:12px 0}
.ft .lg{height:40px;color:#fff;margin-bottom:8px}.fb{margin-top:30px;padding-top:18px;border-top:1px solid #ffffff2e;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.85rem;color:#a8a8a0}.fb span a{display:inline;margin-left:16px}
@media(min-width:1000px){.sb .btn{display:inline-block}}
@media(max-width:999px){.app{display:block}.mb{display:inline-block;cursor:pointer;border:2px solid var(--y);color:var(--y);border-radius:999px;padding:9px 18px;font-weight:700;text-transform:uppercase;font-size:.84rem}
.sb{position:fixed;top:0;left:0;right:0;z-index:30;height:calc(66px + env(safe-area-inset-top,0px));flex-direction:row;align-items:center;justify-content:space-between;padding:env(safe-area-inset-top,0px) 18px 0;border-right:0;border-bottom:3px solid var(--y);overflow:visible;gap:0}.sb .lg{margin:0;height:36px}.sf{display:none}
.nv{position:fixed;top:calc(66px + env(safe-area-inset-top,0px));left:0;right:0;bottom:0;background:var(--y);color:#0b0b0b;padding:20px;overflow:auto;transform:translateX(100%);transition:transform .45s cubic-bezier(.7,0,.2,1)}
#m:checked~.app .nv{transform:none}.nv a{font-size:1.7rem;font-family:"Archivo Black",Impact,sans-serif;text-transform:uppercase;padding:12px 6px;border-bottom:2px solid #0b0b0b;border-radius:0}.nv a i{color:#0b0b0b}.nv a:hover,.nv a.on{background:#0b0b0b;color:var(--y)}.nv a.on i,.nv a:hover i{color:var(--y)}
.nv .sub{margin:0 0 8px 6px;border-left-color:#0b0b0b}.nv .sub a{font-size:1rem;font-family:inherit;font-weight:700;color:#0b0b0b;border:0;padding:6px 12px}.nv .sub a:hover,.nv .sub a.on{color:var(--y)}
.mn{padding-top:calc(66px + env(safe-area-inset-top,0px))}}
@media(prefers-reduced-motion:reduce){.sw,.pc,.stk,.gs:before,.tk div{animation:none}.sw{transform:rotateY(-22deg) rotateX(6deg)}}

/* ===== Animations ===== */
html.js .rv{opacity:0;translate:0 44px;transition:opacity .8s cubic-bezier(.2,.8,.2,1),translate .8s cubic-bezier(.2,.8,.2,1)}
html.js .rv.in{opacity:1;translate:none}
#sp{position:fixed;top:0;left:0;right:0;height:4px;background:var(--y);transform:scaleX(0);transform-origin:left;z-index:300}
#pt{position:fixed;inset:0;z-index:200;background:var(--y);color:#0b0b0b;display:grid;place-content:center;justify-items:center;gap:22px;transform:translateY(-100%);transition:transform .7s cubic-bezier(.7,0,.2,1);pointer-events:none}
html.js:not(.ready) #pt{transform:none;transition:none}#pt.go{transform:none}
#pt .lg,#pt .bar{display:none}html.first #pt .lg{display:block;height:58px;animation:pulse 1s ease-in-out infinite}
html.first #pt .bar{display:block;width:220px;height:6px;background:#0b0b0b22;border-radius:9px;overflow:hidden}html.first #pt .bar:after{content:"";display:block;height:100%;background:#0b0b0b;animation:fill 1.1s cubic-bezier(.6,0,.3,1) forwards}
@keyframes fill{from{width:0}to{width:100%}}@keyframes pulse{50%{opacity:.45;scale:.94}}
.wd{display:inline-block;overflow:hidden;vertical-align:top;padding:.06em .03em;margin:-.06em -.03em}
.wd>span{display:inline-block;translate:0 115%;transition:translate .95s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i)*75ms + .25s)}
html.ready .wd>span{translate:0}
.js .hh mark{background:linear-gradient(var(--y),var(--y)) no-repeat 0 0/0% 100%;transition:background-size .8s cubic-bezier(.7,0,.2,1) 1.1s}html.ready .hh mark{background-size:100% 100%}
.stk{translate:0 calc(var(--sy,0px)*.12)}.ph:after{translate:0 calc(var(--sy,0px)*.18)}
.cur{position:fixed;left:0;top:0;width:26px;height:26px;margin:-13px 0 0 -13px;border:2px solid var(--y);border-radius:50%;pointer-events:none;z-index:250;opacity:0;transition:width .25s,height .25s,margin .25s,background .25s,opacity .3s;mix-blend-mode:difference}
.cur.show{opacity:1}.cur.big{width:68px;height:68px;margin:-34px 0 0 -34px;background:var(--y)}
.btn{will-change:translate;transition:transform .2s,box-shadow .2s,translate .25s cubic-bezier(.2,.8,.2,1)}
.tk:hover div{animation-play-state:paused}
.note{border-radius:16px;padding:14px 18px;margin:14px 0;font-weight:700}.note.ok{background:var(--y);color:#0b0b0b}.note.er{background:#ff4d4d;color:#fff}
.hp{position:absolute;left:-9999px;opacity:0}
@keyframes navIn{from{opacity:0;translate:-26px 0}}
@media(min-width:1000px){html.ready .nv>*,html.ready .sf>*{animation:navIn .7s cubic-bezier(.2,.8,.2,1) both}html.ready .nv>*:nth-child(1){animation-delay:0.42s}html.ready .nv>*:nth-child(2){animation-delay:0.49s}html.ready .nv>*:nth-child(3){animation-delay:0.56s}html.ready .nv>*:nth-child(4){animation-delay:0.63s}html.ready .nv>*:nth-child(5){animation-delay:0.70s}html.ready .nv>*:nth-child(6){animation-delay:0.77s}html.ready .nv>*:nth-child(7){animation-delay:0.84s}html.ready .sf>*{animation-delay:.9s}}
@media(prefers-reduced-motion:reduce){html.js .rv{opacity:1;translate:none;transition:none}.wd>span{translate:none!important;transition:none!important}#pt,#sp,.cur{display:none!important}.js .hh mark{background:var(--y)}}