:root{--chalk:#eeebe4;--chalk-2:#e4e0d6;--line:#111;--ink:#111;--mute:#5f5b53;--faint:#cfcabf;--orange:#ff4d00;--orange-ink:#c23a00;--ok:#1d7a3e;--mono:"JetBrains Mono",ui-monospace,monospace;--sans:"Inter Tight",system-ui,sans-serif;--serif:"Instrument Serif",Georgia,serif;--pad:48px;--ease:cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--chalk);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}img{max-width:100%;display:block}input,select,textarea{font:inherit;color:inherit}::selection{background:var(--orange);color:#fff}:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.mono{font-family:var(--mono);text-transform:uppercase;letter-spacing:.14em;font-size:12px}.serif{font-family:var(--serif);font-style:italic;font-weight:400}.o{color:var(--orange)}.grain{pointer-events:none;z-index:200;opacity:.07;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.btn{background:var(--ink);color:var(--chalk);font:700 13px var(--mono);letter-spacing:.14em;text-transform:uppercase;isolation:isolate;transition:color .35s var(--ease);justify-content:space-between;align-items:center;gap:24px;padding:22px 26px;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";background:var(--orange);transition:transform .45s var(--ease);z-index:-1;position:absolute;inset:0;transform:translateY(101%)}.btn:hover:before{transform:translateY(0)}.btn:hover{color:#111}.btn[disabled]{opacity:.5;pointer-events:none}.btn.ghost{color:var(--ink);border:1px solid var(--ink);background:0 0}.btn.full{width:100%}.btn .arr{transition:transform .35s var(--ease)}.btn:hover .arr{transform:translate(6px)}.link{transition:background-size .4s var(--ease);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat}.link:hover{background-size:100% 1px}.annc{background:var(--ink);color:var(--chalk);white-space:nowrap;align-items:center;height:34px;display:flex;overflow:hidden}.hdr{z-index:50;padding:20px var(--pad);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#eeebe4db;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:sticky;top:0}.hdr nav{gap:30px;display:flex}.hdr .right{justify-content:flex-end;align-items:center;gap:26px;display:flex}.cartbtn{align-items:center;gap:8px;display:flex}.cartbtn .n{background:var(--ink);min-width:22px;height:22px;color:var(--chalk);place-items:center;padding:0 6px;font-size:11px;display:inline-grid}.menubtn{display:none}.hero{border-bottom:1px solid var(--line);grid-template-columns:520px 1fr;min-height:calc(100svh - 112px);display:grid}.hero-l{padding:60px var(--pad) 48px;border-right:1px solid var(--line);flex-direction:column;justify-content:space-between;gap:40px;display:flex}.hero h1{font:800 96px/.92 var(--sans);letter-spacing:-.055em}.hero h1 .serif{letter-spacing:-.02em;color:var(--orange);font-size:1.08em}.hero p.lede{color:var(--mute);max-width:380px;margin-top:28px;font-size:19px;line-height:1.55}.hero-r{flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden}.hero-3d{flex:1;min-height:480px;position:relative}.layers{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;display:grid}.layers li{padding:20px var(--pad) 22px;border-right:1px solid var(--line);align-items:flex-start;gap:12px;display:flex}.layers li:last-child{border-right:0}.layers li b{margin-bottom:4px;font-size:16px;display:block}.layers li>span:last-child>span{color:var(--mute);font-size:14px;line-height:1.4}.tag{background:var(--ink);color:var(--chalk);flex-shrink:0;padding:5px 8px;font-size:11px}.tag.hot{background:var(--orange);color:#111}.row-pv{pointer-events:none;z-index:5;background:var(--chalk-2);border:1px solid var(--ink);width:320px;margin-top:-190px;margin-left:-160px;padding:10px;position:absolute;top:0;left:0}.marq-t{font:800 64px/1 var(--sans);letter-spacing:-.05em;align-items:center;gap:40px;padding:0 30px;display:flex}.marq-t .serif{font-size:1.1em}.stats{border-bottom:1px solid var(--line)}.stat{padding:44px var(--pad)}.stat .num{font:800 110px/.85 var(--sans);letter-spacing:-.06em}.howto{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);display:grid}.howto-l{background:var(--ink);color:var(--chalk);padding:90px var(--pad) 70px;flex-direction:column;justify-content:space-between;gap:60px;display:flex}.howto-l h2{font:800 72px/.95 var(--sans);letter-spacing:-.05em}.howto-l ol{list-style:none}.howto-l li{border-top:1px solid #333;grid-template-columns:48px 1fr;padding:22px 0;display:grid}.howto-l li p{color:#a9a49a;max-width:460px;margin-top:8px;line-height:1.55}.howto-r{background:var(--chalk-2);min-height:620px;position:relative}.howto-cap{left:var(--pad);color:var(--mute);position:absolute;top:28px}.rows .row{padding:0 var(--pad);border-bottom:1px solid var(--line);height:104px;transition:background .35s var(--ease),color .35s var(--ease);grid-template-columns:120px 1fr 260px 140px 60px;align-items:center;display:grid;position:relative}.rows .row:hover{background:var(--ink);color:var(--chalk)}.rows .row .nm{font:700 38px var(--sans);letter-spacing:-.04em}.rows .row .arrow{transition:transform .35s var(--ease);font-size:24px}.rows .row:hover .arrow{transform:rotate(45deg)}.sec-h{padding:90px var(--pad) 28px;border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;display:flex}.sec-h h2{font:800 64px/.95 var(--sans);letter-spacing:-.05em}.grid3{grid-template-columns:repeat(3,1fr);display:grid}.grid3>*{border-right:1px solid var(--line)}.grid3>:last-child{border-right:0}.grid3.n2{grid-template-columns:repeat(2,1fr)}.grid3.n1{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.grid3.n1>*{border-right:1px solid var(--line)}.marq{border-bottom:1px solid var(--line);border-top:1px solid var(--line);white-space:nowrap;overflow:hidden}.pdp{border-bottom:1px solid var(--line);grid-template-columns:1.25fr 1fr;display:grid}.pdp-media{border-right:1px solid var(--line);align-self:start;height:calc(100vh - 101px);min-height:560px;position:sticky;top:101px;overflow:hidden}.pdp-info{padding:48px var(--pad);flex-direction:column;gap:28px;display:flex}.pdp-info h1{font:800 64px/.95 var(--sans);letter-spacing:-.05em}.swatch{width:34px;height:34px;transition:transform .25s var(--ease);border:1px solid #0003;border-radius:50%;position:relative}.swatch.on:after{content:"";border:1.5px solid var(--ink);border-radius:50%;position:absolute;inset:-6px}.qty{border:1px solid var(--ink);display:inline-flex}.qty button{width:46px;height:56px;font-size:18px}.qty span{width:46px;font-family:var(--mono);place-items:center;display:grid}.spec{border-top:1px solid var(--ink);grid-template-columns:1fr 1fr;display:grid}.spec div{border-bottom:1px solid var(--faint);padding:12px 0}.field{flex-direction:column;gap:8px;display:flex}.field label{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}.input{border:0;border-bottom:1px solid var(--ink);background:0 0;border-radius:0;outline:none;width:100%;padding:12px 0;font-size:17px}.input:focus{border-bottom-color:var(--orange)}.err{color:#b3261e;font-size:14px}.scrim{z-index:80;background:#1116;position:fixed;inset:0}.drawer{background:var(--chalk);z-index:90;border-left:1px solid var(--ink);flex-direction:column;width:min(460px,100vw);display:flex;position:fixed;top:0;bottom:0;right:0}.ftr{background:var(--ink);color:var(--chalk);padding:80px var(--pad) 36px}.ftr .big{font:800 clamp(80px,17vw,250px)/.8 var(--sans);letter-spacing:-.07em}.curtain{background:var(--ink);z-index:150;pointer-events:none;transform-origin:bottom;position:fixed;inset:0}.adm{background:#f4f2ee;grid-template-columns:240px 1fr;min-height:100vh;display:grid}.adm aside{background:var(--ink);color:var(--chalk);flex-direction:column;gap:6px;height:100vh;padding:28px 22px;display:flex;position:sticky;top:0}.adm aside a{font:500 13px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#bdb8ad;padding:12px 14px}.adm aside a.on{color:#fff;box-shadow:inset 3px 0 var(--orange);background:#262626}.adm main{min-width:0;padding:36px 44px}.card{background:#fff;border:1px solid #e3dfd6;padding:22px}.tbl{border-collapse:collapse;background:#fff;border:1px solid #e3dfd6;width:100%;font-size:14px}.tbl th{font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--mute);text-align:left;background:#faf9f6;border-bottom:1px solid #e3dfd6;padding:12px 14px}.tbl td{vertical-align:middle;border-bottom:1px solid #efece5;padding:14px}.tbl tr.click{cursor:pointer}.tbl tr.click:hover td{background:#faf8f3}.pill{font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid;padding:4px 9px;display:inline-block}.adm .input{background:#fff;border:1px solid #d9d4ca;padding:11px 12px;font-size:15px}.adm .input:focus{border-color:var(--ink)}.adm .btn{padding:14px 18px}@media (width<=1100px){:root{--pad:28px}.hero{grid-template-columns:1fr}.hero-l{border-right:0;border-bottom:1px solid var(--line)}.hero-3d{min-height:520px}.rows .row{grid-template-columns:80px 1fr 110px 40px}.rows .row .mat{display:none}.pdp,.howto{grid-template-columns:1fr}.pdp-media{border-right:0;border-bottom:1px solid var(--line);height:460px;min-height:0;position:relative;top:0}}@media (width<=760px){:root{--pad:18px}.annc{height:30px}.hdr{padding:14px var(--pad);grid-template-columns:auto 1fr auto;gap:12px}.hdr nav,.hdr .right .acct{display:none}.menubtn{display:block}.hdr .logo-wrap{justify-self:start}.hero h1{font-size:60px}.hero-l{padding:36px var(--pad)}.hero-3d{min-height:400px}.layers{grid-template-columns:1fr}.layers li{border-right:0;border-bottom:1px solid var(--line);padding:14px var(--pad)}.layers li:last-child{border-bottom:0}.marq-t{font-size:40px}.stat{padding:32px var(--pad)}.stat .num{font-size:80px}.howto-r{min-height:440px}.howto-l{padding:60px var(--pad) 40px;gap:36px}.howto-l h2{font-size:48px}.rows .row{grid-template-columns:44px minmax(0,1fr) auto 18px;gap:10px;height:84px}.rows .row .nm{font-size:22px;line-height:1.05}.rows .row>span:nth-child(4){font-size:14px!important}.demo-badge{display:none}.sec-h{padding:60px var(--pad) 20px;flex-direction:column;align-items:start;gap:16px}.sec-h h2{font-size:44px}.grid3,.grid3.n1,.grid3.n2{grid-template-columns:1fr}.grid3>*{border-right:0;border-bottom:1px solid var(--line)}.pdp-info h1{font-size:44px}.adm{grid-template-columns:1fr}.adm aside{flex-direction:row;height:auto;padding:12px;position:static;overflow-x:auto}.adm main{padding:20px 16px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (width<=900px){.co{grid-template-columns:1fr!important}.co>:first-child{border-bottom:1px solid var(--line);border-right:0!important}.co-grid>*{grid-column:span 6!important}.tl{grid-template-columns:1fr 1fr!important}}
