:root{--bg:#0b0c0e;--bg2:#111316;--ln:#23262b;--tx:#e9ebee;--mu:#8d939c;--ac:#c9d1da;--ok:#6fbf9a;--wn:#d9b36a;--er:#d57a7a;--f:"Helvetica Neue",Arial,system-ui,sans-serif}
@media(prefers-color-scheme:light){:root{color-scheme:dark}}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;scroll-padding-top:70px}
body{background:var(--bg);color:var(--tx);font:16px/1.6 var(--f);-webkit-font-smoothing:antialiased}
a{color:inherit}.w{max-width:1200px;margin:0 auto;padding:0 24px}
.eb{font:12px/1 ui-monospace,Menlo,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--mu)}
h1,h2,h3{font-weight:300;letter-spacing:-.02em;line-height:1.08}h1{font-size:clamp(40px,6.5vw,88px)}h2{font-size:clamp(30px,4vw,52px)}h3{font-size:22px}
p.l{color:var(--mu);max-width:56ch;margin-top:20px;font-size:18px}
section{padding:120px 0;border-top:1px solid var(--ln)}.alt{background:var(--bg2)}
nav{position:fixed;inset:0 0 auto;z-index:20;transition:.3s;padding-top:0}nav.s{background:rgba(11,12,14,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--ln)}
nav .w{display:flex;justify-content:space-between;align-items:center;height:64px}.lg{font-weight:600;letter-spacing:.32em;text-decoration:none;font-size:15px}
nav ul{display:flex;gap:28px;list-style:none;padding:0;font-size:14px}nav a{text-decoration:none;color:var(--ac)}nav a:hover{color:#fff}
.btn{display:inline-block;border:1px solid var(--ac);padding:12px 22px;font-size:14px;text-decoration:none;background:none;color:var(--tx);cursor:pointer;font-family:inherit;transition:.2s}.btn:hover,.btn.p{background:var(--tx);color:#0b0c0e}
.hero{padding:150px 0 80px;border:0}.vid{position:relative;margin-top:64px;aspect-ratio:16/8;border:1px solid var(--ln);overflow:hidden;background:linear-gradient(135deg,#15181c,#0d0e10)}
.vid video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.fb{position:absolute;inset:0;display:grid;place-items:center;background:repeating-linear-gradient(90deg,transparent 0 79px,#ffffff08 79px 80px),repeating-linear-gradient(0deg,transparent 0 79px,#ffffff08 79px 80px),linear-gradient(120deg,#14171b,#0c0d0f,#171a1f);background-size:80px 80px,80px 80px,300% 300%;animation:dr 18s ease-in-out infinite alternate}
@keyframes dr{to{background-position:0 0,0 0,100% 100%}}
.fb b{position:absolute;left:24px;bottom:20px;font-weight:400}.ctl{position:absolute;right:16px;bottom:16px;display:flex;gap:8px}.ctl button,.pl{background:#0b0c0ecc;color:var(--tx);border:1px solid var(--ac);cursor:pointer;padding:8px 14px;font:13px var(--f)}
.pl{width:84px;height:84px;border-radius:50%;font-size:26px}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--ln);border:1px solid var(--ln);margin-top:56px}.g3>div{background:var(--bg);padding:32px}.alt .g3>div{background:var(--bg2)}.g3 h3{font-size:19px;margin:12px 0 8px}.g3 p{color:var(--mu);font-size:15px}
.pr{display:grid;grid-template-columns:1fr 1.35fr;gap:64px;align-items:center}.pr.r{grid-template-columns:1.35fr 1fr}.pr.r .tx{order:2}
.tag{display:inline-block;border:1px solid var(--ln);padding:4px 10px;margin:20px 8px 0 0;font:11px ui-monospace,monospace;color:var(--mu)}ul.b{margin-top:20px;padding-left:18px;color:var(--mu)}
.ui{border:1px solid var(--ln);background:#0e1013;font-size:13px;box-shadow:0 40px 80px -30px #000}.ui .bar{display:flex;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--ln);color:var(--mu);font:11px ui-monospace,monospace}
.ui .bd{display:grid;grid-template-columns:1.1fr 1fr;min-height:300px}.ui .ls{border-right:1px solid var(--ln)}.row{display:flex;justify-content:space-between;gap:10px;padding:11px 14px;border-bottom:1px solid var(--ln);cursor:pointer;width:100%;background:none;color:inherit;border-left:0;border-right:0;border-top:0;font:inherit;text-align:left}.row:hover,.row[aria-pressed=true]{background:#171a1e}
.st{font:11px ui-monospace,monospace;padding:2px 8px;border:1px solid}.ok{color:var(--ok)}.wn{color:var(--wn)}.er{color:var(--er)}.dt{padding:16px;display:grid;gap:10px;align-content:start}.dt dl{display:grid;grid-template-columns:auto 1fr;gap:6px 16px}dt{color:var(--mu)}
.mis{border-left:2px solid var(--wn);padding:8px 10px;background:#d9b36a12;color:var(--wn)}.ui-n{padding:10px 14px;color:var(--mu);font-size:11px;border-top:1px solid var(--ln)}
.rv{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0)*90ms)}.rv.in{opacity:1;transform:none}.nojs .rv{opacity:1;transform:none}
svg.fl{width:100%;height:auto}svg.fl path{fill:none;stroke:var(--ac);stroke-width:1.5;stroke-dasharray:400;stroke-dashoffset:400;transition:stroke-dashoffset 1.6s ease-out}svg.fl.in path{stroke-dashoffset:0}.nojs svg.fl path{stroke-dashoffset:0}svg.fl rect{fill:#0e1013;stroke:var(--ln)}svg.fl text{fill:var(--tx);font:12px var(--f)}
.tl{padding:14px 18px;border-left:1px solid var(--ln);margin-left:14px}.tl div{position:relative;padding:0 0 14px 14px}.tl div:before{content:"";position:absolute;left:-23px;top:6px;width:9px;height:9px;background:var(--bg);border:1px solid var(--ac)}
.hb{height:6px;background:var(--ln);margin-top:4px}.hb i{display:block;height:100%;background:var(--ok);width:0;transition:width 1.4s}.in .hb i{width:var(--v)}.nojs .hb i{width:var(--v)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:56px;border-top:1px solid var(--ln)}.steps div{padding:28px 24px 0 0;position:relative}.steps div:before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;background:var(--ac)}.steps span{font:12px ui-monospace,monospace;color:var(--mu)}.steps h3{margin:10px 0}.steps p{color:var(--mu);font-size:15px}
.map{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;aspect-ratio:1.3}.map i{background:#ffffff06;border:1px solid var(--ln)}.map i.h{background:#c9d1da22;border-color:var(--ac)}
form{display:grid;gap:16px;margin-top:32px}label{display:grid;gap:6px;font-size:13px;color:var(--mu)}input,textarea,select{background:#0e1013;border:1px solid var(--ln);color:var(--tx);padding:12px;font:inherit}input:focus,textarea:focus,select:focus,.btn:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
footer{border-top:1px solid var(--ln);padding:72px 0 40px;font-size:14px;color:var(--mu)}footer .g{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}footer h4{color:var(--tx);font-weight:500;margin-bottom:12px}footer li{list-style:none;margin:6px 0}footer ul{padding:0}
@media(max-width:900px){.pr,.pr.r,.g3,.steps,footer .g{grid-template-columns:1fr}.pr.r .tx{order:0}nav ul{display:none}section{padding:80px 0}.ui .bd{grid-template-columns:1fr}.ui .ls{border-right:0}.vid{aspect-ratio:4/3}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.rv{opacity:1;transform:none}svg.fl path{stroke-dashoffset:0}.hb i{width:var(--v)}}
.fb.has{background:none;animation:none}.fb.has b{display:none}/*EXTRA*/
.pg{padding:150px 0 90px;border:0}.crumb{font-size:13px;color:var(--mu)}.crumb a{color:var(--ac)}
.fun{display:grid;gap:8px;padding:24px}.fun div{background:linear-gradient(90deg,var(--ac),#ffffff10);color:#0b0c0e;padding:10px 14px;font-weight:500;transform-origin:left;transition:transform 1.2s}.rv:not(.in) .fun div{transform:scaleX(.3)}
.shop{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:24px}.shop .im{aspect-ratio:4/5;background:linear-gradient(160deg,#2a2d33,#14161a)}.shop .ch span{display:inline-block;border:1px solid var(--ln);padding:3px 10px;margin:0 6px 6px 0}.shop .ct{background:var(--ac);color:#0b0c0e;padding:12px;text-align:center;font-weight:600;margin-top:12px}
.chain{display:flex;flex-wrap:wrap;gap:8px;padding:24px;align-items:center}.chain b{border:1px solid var(--ac);padding:10px 14px;font-weight:400}.sw{display:flex;gap:0;padding:24px 24px 8px}.sw i{flex:1;height:70px}
details{border-bottom:1px solid var(--ln);padding:18px 0}summary{cursor:pointer;font-size:18px}details p{color:var(--mu);margin-top:10px;max-width:70ch}
.dl{columns:2;gap:40px;margin-top:32px;padding-left:18px;color:var(--mu)}.dl li{margin-bottom:10px;break-inside:avoid}.rel{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.dv{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--ln);border:1px solid var(--ln);margin-top:56px}.dv>div{background:var(--bg);padding:40px}.dv .cm{background:var(--bg)}
@media(max-width:900px){.dl{columns:1}.dv,.shop{grid-template-columns:1fr}}