:root{--ink: #0b1024;--slate: #6b7693;--blue: #2f74fa;--orange: #e23a00;--bg: #f4f5f8;--line: rgba(11, 16, 36, .14);--panel: rgba(255, 255, 255, .82);--fg: var(--ink);--fg-soft: var(--slate);--bar: 0px;--display: "Space Grotesk", system-ui, sans-serif;--body: "Inter", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:color .4s}body.is-dark{--fg: #f4f5f8;--fg-soft: #a9b1c7;--panel: rgba(20, 22, 32, .72);--line: rgba(255, 255, 255, .16)}a{color:inherit}.backdrop{position:fixed;inset:0;z-index:0;display:grid;place-items:center;pointer-events:none;overflow:hidden}.backdrop__word{font:700 clamp(120px,31vw,520px)/.8 var(--display);letter-spacing:-.04em;color:transparent;-webkit-text-stroke:2px rgba(11,16,36,.16);transform:translateY(-4vh);white-space:nowrap;will-change:transform,opacity}#gl{position:fixed;inset:0;width:100%;height:100%;z-index:1;display:block;touch-action:pan-y}.grain{position:fixed;inset:-50%;z-index:3;pointer-events:none;opacity:.09;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain .6s steps(3) infinite}body.is-dark .grain{mix-blend-mode:screen;opacity:.07}@keyframes grain{0%{transform:translate(0)}33%{transform:translate(-3%,2%)}66%{transform:translate(2%,-3%)}}.vignette{position:fixed;inset:0;z-index:3;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 55%,rgba(11,16,36,.16) 100%)}.bars i{position:fixed;left:0;right:0;height:var(--bar);background:#07080d;z-index:6;pointer-events:none}.bars__top{top:0}.bars__bot{bottom:0}.nav{position:fixed;z-index:10;top:calc(var(--bar) + 16px);left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;gap:16px;transition:top .2s linear}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;padding:8px 14px 8px 10px;background:var(--panel);border:1px solid var(--line);border-radius:999px;backdrop-filter:blur(10px)}body.is-dark .logo img{filter:invert(1)}.logo__word{font:700 13px/1 var(--display);letter-spacing:.08em}.logo__word span{color:var(--blue);margin-left:4px}.nav__pill{display:flex;gap:2px;padding:5px;background:var(--panel);border:1px solid var(--line);border-radius:999px;backdrop-filter:blur(10px)}.nav__pill a{font:500 13px/1 var(--display);text-decoration:none;padding:9px 14px;border-radius:999px;color:var(--fg-soft);transition:background .25s,color .25s}.nav__pill a:hover{color:var(--fg)}.nav__pill a.is-active{background:var(--ink);color:#fff}body.is-dark .nav__pill a.is-active{background:#fff;color:var(--ink)}.btn{display:inline-flex;align-items:center;gap:10px;text-decoration:none;cursor:pointer;font:600 14px/1 var(--display);padding:13px 20px;border-radius:999px;border:0;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px)}.btn--orange{background:var(--orange);color:#fff;box-shadow:0 6px 20px #e23a0047}.btn--big{font-size:clamp(15px,1.6vw,19px);padding:18px 26px;margin-top:8px}.slate{position:fixed;z-index:7;left:24px;bottom:calc(var(--bar) + 18px);display:flex;align-items:center;gap:14px;font:500 11px/1 var(--mono);letter-spacing:.12em;color:var(--fg-soft);transition:bottom .2s linear}.slate__rec{width:8px;height:8px;border-radius:50%;background:var(--orange);animation:rec 1.2s steps(2) infinite}@keyframes rec{50%{opacity:.2}}.slate__tc{color:var(--fg)}.progress{position:fixed;z-index:7;right:24px;bottom:calc(var(--bar) + 22px);width:160px;height:2px;background:var(--line);transition:bottom .2s linear}.progress i{display:block;height:100%;width:0;background:var(--orange)}#scroll{position:relative;z-index:5;pointer-events:none}.ch{height:160vh}.ch:last-child{height:100vh}.copy{position:fixed;top:50%;z-index:5;width:min(440px,36vw);pointer-events:auto;opacity:0;visibility:hidden;transform:translateY(calc(-50% + var(--oy, 0px)));will-change:opacity,transform}.copy--left{left:clamp(24px,6vw,110px)}.copy--right{right:clamp(24px,6vw,110px)}.copy--hero{left:clamp(24px,6vw,110px);top:auto;bottom:clamp(70px,12vh,140px);transform:translateY(var(--oy, 0px));width:min(420px,34vw)}.copy h2{font:700 clamp(36px,4.6vw,68px)/.98 var(--display);letter-spacing:-.035em;margin:10px 0 18px}.copy p{color:var(--fg-soft);margin:0 0 18px}.num{display:flex;align-items:center;gap:12px;font:500 12px/1 var(--mono)!important;letter-spacing:.14em;text-transform:uppercase;color:var(--fg)!important}.num span{font:700 34px/1 var(--display);color:transparent;-webkit-text-stroke:1.4px var(--blue);letter-spacing:0}.eyebrow{display:flex;align-items:center;gap:10px;font:500 12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg)!important}.dot{width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px #e23a0024}.hero__title{font:700 clamp(30px,3.4vw,50px)/1.02 var(--display);letter-spacing:-.03em;margin:14px 0 16px}.hero__title em{font-style:normal;color:var(--blue)}.lead{font-size:16px}.scrollhint{display:flex;align-items:center;gap:12px;font:500 11px/1 var(--mono)!important;letter-spacing:.14em;text-transform:uppercase}.mouse{width:20px;height:32px;border:1.5px solid currentColor;border-radius:12px;display:grid;justify-items:center;padding-top:6px}.mouse i{width:3px;height:7px;border-radius:2px;background:var(--orange);animation:wheel 1.6s infinite}@keyframes wheel{0%{transform:translateY(0);opacity:1}80%{transform:translateY(9px);opacity:0}to{opacity:0}}.chips{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0}.chips li{font:500 12px/1 var(--mono);padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:var(--panel)}.stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel)}.stats div{padding:14px 16px;display:flex;justify-content:space-between;align-items:center;font:600 14px/1 var(--display)}.stats div+div{border-left:1px solid var(--line)}.up{color:var(--blue)}.down{color:var(--orange)}.outfits{display:flex;flex-wrap:wrap;gap:8px}.outfits button{font:600 13px/1 var(--display);padding:11px 16px;border-radius:999px;cursor:pointer;border:1.5px solid var(--ink);background:#fff;color:var(--ink);box-shadow:3px 3px 0 var(--ink);transition:transform .15s,box-shadow .15s,background .2s}.outfits button:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}.outfits button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.outfits button.is-active{background:var(--blue);color:#fff}.company{font:400 12px/1.6 var(--mono)!important;margin-top:18px!important}#say{position:fixed;left:0;top:0;z-index:4;pointer-events:none;font:600 15px/1.25 var(--display);color:var(--ink);background:#fff;border:2px solid var(--ink);border-radius:18px;padding:10px 14px;box-shadow:4px 4px 0 var(--ink);transform:translate(-50%,-100%) scale(0);transform-origin:50% 120%;transition:transform .28s cubic-bezier(.3,1.6,.5,1);max-width:240px;white-space:nowrap}#say:after{content:"";position:absolute;left:50%;bottom:-10px;width:16px;height:16px;margin-left:-8px;background:#fff;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);transform:rotate(45deg) skew(8deg,8deg)}#say.is-on{transform:translate(-50%,-100%) scale(1)}.loader{position:fixed;inset:0;z-index:20;background:var(--bg);display:grid;place-content:center;justify-items:center;gap:16px;transition:opacity .7s .2s,visibility 0s 1s}.loader img{animation:pop 1s cubic-bezier(.3,1.6,.5,1) both}.loader p{font:500 12px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;margin:0}.loader p span{color:var(--slate)}.loader.is-done{opacity:0;visibility:hidden}@keyframes pop{0%{transform:scale(.3) rotate(-20deg);opacity:0}}@media(max-width:960px){.nav__pill{display:none}.copy,.copy--hero,.copy--left,.copy--right{left:16px;right:16px;width:auto;top:auto;bottom:calc(var(--bar) + 54px);transform:translateY(var(--oy, 0px));padding:18px 18px 4px;border-radius:18px;background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(10px)}.copy h2{font-size:clamp(30px,8vw,44px);margin:8px 0 10px}.copy p{font-size:14px;margin-bottom:12px}.hero__title{font-size:clamp(28px,7.5vw,40px)}.scrollhint{display:none!important}.progress{width:80px}.slate #slate-scene{display:none}.backdrop__word{transform:translateY(-18vh)}}@media(max-width:560px){.nav{left:12px;right:12px}.logo__word{display:none}.nav__cta{padding:11px 16px}.slate{left:16px}.progress{right:16px}.company{font-size:11px!important}}@media(prefers-reduced-motion:reduce){.grain,.slate__rec,.mouse i{animation:none}}