:root{--ink: #05060c;--bone: #efe6d2;--dim: rgba(239, 230, 210, .64);--faint: rgba(239, 230, 210, .22);--sodium: #ffb347;--blood: #e0334f;--acc: #5fd2ff;--acc-core: #1f7dff;--display: "Pirata One", "UnifrakturCook", serif;--mono: "Chakra Petch", ui-monospace, monospace;--gutter: clamp(16px, 4vw, 56px)}*{box-sizing:border-box}html{background:var(--ink);color:var(--bone);scroll-behavior:smooth;overflow-anchor:none}body{margin:0;font:500 15px/1.5 var(--mono);background:var(--ink);color:var(--bone);overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}h1,h2,h3{margin:0;font-weight:400}#stage{position:fixed;inset:0;width:100vw;height:100vh;display:block;z-index:0}.flash{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at 60% 0%,rgba(200,215,255,.55),transparent 70%);opacity:0}.hud-lines{position:fixed;inset:0;width:100vw;height:100vh;z-index:2;pointer-events:none;overflow:visible}.hud-lines path{fill:none;stroke:var(--acc);stroke-width:1;opacity:.7}.hud-lines circle{fill:var(--acc)}.top{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;gap:28px;padding:18px var(--gutter);background:linear-gradient(to bottom,rgba(5,6,12,.85),transparent)}.logo{display:flex;align-items:center;gap:10px;text-decoration:none}.logo svg{width:30px;height:30px;fill:var(--sodium);filter:drop-shadow(0 0 8px rgba(255,179,71,.5))}.logo span{font:38px/1 var(--display);letter-spacing:.02em}.links{display:flex;gap:24px;margin-left:auto}.links a{text-decoration:none;text-transform:uppercase;letter-spacing:.18em;font-size:12px;color:var(--dim);transition:color .2s}.links a:hover{color:var(--bone)}.crate-link{text-decoration:none;background:none;border:0;padding:6px 0;text-transform:uppercase;letter-spacing:.18em;font-size:12px;border-bottom:1px solid var(--sodium)}.crate-link b{color:var(--sodium);margin-left:4px}.crate-link.bump{animation:bump .5s}@keyframes bump{30%{transform:scale(1.25)}}main{position:relative;z-index:3;pointer-events:none}main a,main button,main nav,main input,.buy,.express,.subjects{pointer-events:auto}.hero{position:relative;height:calc((var(--n, 21) - 1) * 36vh + 100vh)}.hero-sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}.dossier{position:absolute;left:var(--gutter);top:50%;transform:translateY(-46%);width:min(430px,34vw)}.kicker{margin:0 0 6px;text-transform:uppercase;letter-spacing:.24em;font-size:12px;color:var(--acc)}.pep-name{font:clamp(64px,8.4vw,132px)/.86 var(--display);letter-spacing:.01em;text-shadow:0 0 34px color-mix(in srgb,var(--acc) 45%,transparent),0 2px 0 #000;margin:2px 0 8px;transition:color .3s}.alias{margin:0;color:var(--dim);font-size:13px;letter-spacing:.06em}.tagline{margin:14px 0 6px;font-size:17px;line-height:1.4}.sequence{width:100%;height:46px;display:block;margin:6px 0 12px;overflow:visible}.sequence text{font:600 10px var(--mono);fill:var(--ink);text-anchor:middle;dominant-baseline:central}.sequence .bead{fill:var(--acc)}.sequence .link{stroke:var(--acc);stroke-width:1.5;opacity:.6}.sequence .cu{fill:#e0894a}.sequence .lab{fill:var(--dim);font-size:10px}.buy{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:8px}.price{margin:0;font:600 34px/1 var(--mono)}.price small{font-size:12px;font-weight:500;color:var(--dim);letter-spacing:.06em}.qty{display:flex;align-items:center;gap:4px}.qty button{background:none;border:0;font-size:22px;width:32px;height:40px;color:var(--dim)}.qty button:hover{color:var(--acc)}.qty output{min-width:22px;text-align:center;font-size:18px;font-weight:700}.contain{position:relative;display:inline-flex;align-items:center;justify-content:center;height:50px;padding:0 30px;background:var(--acc);color:var(--ink);border:0;font:700 14px var(--mono);text-transform:uppercase;letter-spacing:.2em;text-decoration:none;clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);transition:transform .15s,filter .2s;box-shadow:0 0 30px color-mix(in srgb,var(--acc) 60%,transparent)}.contain:hover{filter:brightness(1.15)}.contain:active{transform:scale(.96)}.contain.landing{animation:stamp .6s}@keyframes stamp{40%{transform:scale(.92) rotate(-1deg)}}.express{margin-top:16px;max-width:360px}.express-demo{width:100%;height:50px;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--bone);color:var(--ink);border:0;border-radius:6px;font:700 16px var(--mono);letter-spacing:.02em}.express-demo small{font-size:10px;text-transform:uppercase;letter-spacing:.2em;opacity:.6}.express-demo .express-mark{width:16px;height:16px;background:var(--ink);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.express-demo.busy{opacity:.6}.pay-note{margin:8px 0 0;font-size:11px;color:var(--dim)}.pay-note:empty{display:none}.finder{display:flex;align-items:center;gap:14px;margin-top:26px}.finder input{flex:1;min-width:0;background:none;border:0;border-bottom:1px solid var(--faint);color:var(--bone);font:500 13px var(--mono);padding:8px 0;outline:none;pointer-events:auto}.finder input:focus{border-color:var(--acc)}.finder input::placeholder{color:var(--dim)}.finder .count{font-size:12px;letter-spacing:.18em;color:var(--acc)}.subjects{display:flex;gap:18px;margin-top:12px;overflow-x:auto;scrollbar-width:none;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);padding:0 6%}.subjects::-webkit-scrollbar{display:none}.subjects button.miss{opacity:.22}.subjects button span{white-space:nowrap}.rail{position:absolute;left:14px;top:50%;transform:translateY(-50%);list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;z-index:4}.rail button{display:block;width:14px;height:9px;padding:3px 0;background:none;border:0;position:relative}.rail button:before{content:"";display:block;height:2px;width:100%;background:var(--faint);transition:width .3s,background .3s}.rail li.on button:before{width:26px;background:var(--c);box-shadow:0 0 8px var(--c)}.rail button span{position:absolute;left:34px;top:-4px;font-size:11px;white-space:nowrap;color:var(--bone);opacity:0;transition:opacity .2s;pointer-events:none}.rail button:hover span{opacity:1}.subjects button{background:none;border:0;padding:4px 0;text-align:left;color:var(--dim);border-top:2px solid var(--faint);min-width:92px;transition:color .2s,border-color .2s}.subjects button b{display:block;font-size:11px;letter-spacing:.2em}.subjects button span{font-size:14px}.subjects button[aria-current=true]{color:var(--bone);border-color:var(--c, var(--acc))}.subjects button:hover{color:var(--bone)}.specs{position:absolute;inset:0;pointer-events:none}.callout{position:absolute;left:0;top:0;display:flex;gap:12px;align-items:center;transform:translate(-9999px);white-space:nowrap;text-shadow:0 1px 8px rgba(0,0,0,.9)}.callout .big{margin:0;font:700 24px/1.05 var(--mono)}.callout .big small{font-size:12px;color:var(--dim)}.callout .lbl{margin:2px 0 0;font-size:11px;color:var(--dim);text-transform:uppercase;letter-spacing:.16em}.gauge{width:52px;height:52px;transform:rotate(-90deg)}.gauge circle{fill:none;stroke-width:5}.gauge-track{stroke:var(--faint)}.gauge-arc{stroke:var(--acc);stroke-linecap:butt;stroke-dasharray:163.4;transition:stroke-dashoffset 1s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 0 4px var(--acc))}.ticks{display:flex;flex-direction:column-reverse;gap:3px}.ticks i{width:18px;height:5px;background:var(--faint);transition:background .3s}.ticks i.on{background:var(--acc);box-shadow:0 0 6px var(--acc)}.mw-scale{position:relative;width:210px;height:22px;margin:8px 0 4px;border-bottom:1px solid var(--faint)}.mw-scale i{position:absolute;bottom:-4px;width:7px;height:7px;border-radius:50%;background:var(--faint);transform:translate(-50%);transition:left .6s}.mw-scale i.on{background:var(--acc);width:11px;height:11px;bottom:-6px;box-shadow:0 0 10px var(--acc)}.mw-scale span{position:absolute;top:0;font-size:9px;color:var(--dim);transform:translate(-50%)}.formula{margin:8px 0 4px;font-size:15px;letter-spacing:.04em}.atoms{display:flex;height:6px;width:210px;gap:2px}.atoms i{display:block;height:100%;transition:flex-grow .6s}.atoms-key{display:flex;gap:10px;font-size:10px;color:var(--dim);margin-top:4px}.thermo{position:relative;width:210px;height:26px;margin-top:8px}.thermo:before{content:"";position:absolute;left:0;right:0;top:12px;height:2px;background:linear-gradient(90deg,#6fb7ff,#efe6d2 60%,var(--blood));opacity:.7}.thermo i{position:absolute;top:7px;width:2px;height:12px;background:var(--acc)}.thermo span{position:absolute;top:-6px;font-size:9px;color:var(--dim);transform:translate(-50%)}.hint{position:absolute;left:50%;bottom:24px;transform:translate(-50%);margin:0;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);animation:breathe 3s ease-in-out infinite}@keyframes breathe{50%{opacity:.4}}.protocol,.lineup,.foot{position:relative;padding:120px var(--gutter);background:linear-gradient(to bottom,transparent,rgba(5,6,12,.88) 22%,rgba(5,6,12,.88) 78%,transparent)}.protocol h2,.lineup h2{font:clamp(46px,6vw,84px)/1 var(--display);margin-bottom:40px}.protocol ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.protocol li b{font:64px/1 var(--display);color:var(--sodium)}.protocol li h3{font:700 15px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.14em;margin:10px 0 8px}.protocol li p{margin:0;color:var(--dim)}.lineup-rows{display:flex;flex-direction:column}.lineup-row{display:grid;grid-template-columns:70px 1.3fr 1fr 1fr 1.2fr auto;gap:24px;align-items:center;padding:22px 0;border-top:1px solid var(--faint);pointer-events:auto;cursor:pointer;background:none;border-left:0;border-right:0;border-bottom:0;text-align:left;width:100%}.lineup-row:last-child{border-bottom:1px solid var(--faint)}.lineup-row:hover .lr-name{color:var(--c)}.lr-sub{font:40px/1 var(--display);color:var(--c)}.lr-name{font:34px/1 var(--display);transition:color .2s}.lr-name small{display:block;font:500 12px var(--mono);color:var(--dim);margin-top:4px}.lr-stat b{display:block;font-size:18px}.lr-stat span{font-size:11px;color:var(--dim);text-transform:uppercase;letter-spacing:.14em}.lr-bar{height:4px;background:var(--faint);position:relative}.lr-bar i{position:absolute;left:0;top:0;bottom:0;background:var(--c);box-shadow:0 0 8px var(--c)}.lr-price{font:700 22px var(--mono)}.foot{padding-top:60px;padding-bottom:60px;color:var(--dim);font-size:12px}.foot .warn{max-width:760px;color:var(--bone);opacity:.8}.manifest{position:fixed;inset:0;z-index:30;background:linear-gradient(90deg,#05060c33,#05060ceb 45%);backdrop-filter:blur(6px);display:flex;justify-content:flex-end;animation:veil .35s ease-out}.manifest[hidden],.secured[hidden],.explainer[hidden]{display:none}@keyframes veil{0%{opacity:0}}.manifest-inner{width:min(520px,100%);padding:90px var(--gutter) 40px;overflow-y:auto;position:relative}.manifest h2,.secured h2{font:64px/1 var(--display);margin-bottom:26px}.close{position:absolute;top:24px;right:var(--gutter);background:none;border:0;font-size:36px;line-height:1;color:var(--dim)}.close:hover{color:var(--bone)}.lines{list-style:none;margin:0;padding:0}.lines li{display:grid;grid-template-columns:12px 1fr auto auto;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid var(--faint)}.lines .dot{width:10px;height:10px;border-radius:50%;background:var(--c);box-shadow:0 0 10px var(--c)}.lines .nm{font:26px/1 var(--display)}.lines .nm small{display:block;font:500 11px var(--mono);color:var(--dim);margin-top:3px}.lines .amt{font-weight:700;min-width:64px;text-align:right}.lines .qty button{width:26px;height:30px;font-size:18px}.empty{color:var(--dim)}.totals dl{display:grid;grid-template-columns:1fr auto;gap:6px 12px;margin:18px 0 22px}.totals dt{color:var(--dim)}.totals dd{margin:0;text-align:right}.totals .grand{font-size:20px;font-weight:700;color:var(--bone);padding-top:8px}.ship-meter{height:3px;background:var(--faint);margin-top:18px}.ship-meter span{display:block;height:100%;width:0;background:var(--sodium);box-shadow:0 0 8px var(--sodium);transition:width .5s}.ship-note{font-size:12px;color:var(--sodium);margin:6px 0 0}.pay-error{color:var(--blood);font-size:13px;min-height:1em}.learn{background:none;border:0;padding:4px 0;margin-top:6px;color:var(--acc);font:600 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid color-mix(in srgb,var(--acc) 50%,transparent)}.learn:hover{color:var(--bone)}.learn span{display:inline-block;transition:transform .2s}.learn:hover span{transform:translate(4px)}.sizes{display:flex;flex-wrap:wrap;gap:4px 16px;margin:10px 0 2px}.sizes button{background:none;border:0;padding:4px 0;color:var(--dim);font:600 14px var(--mono);border-bottom:2px solid transparent;transition:color .2s,border-color .2s}.sizes button small{font-size:10px;font-weight:500;margin-left:3px;opacity:.8}.sizes button:hover{color:var(--bone)}.sizes button[aria-checked=true]{color:var(--bone);border-color:var(--acc)}.sizes .max{font-size:10px;color:var(--sodium);letter-spacing:.12em;text-transform:uppercase;align-self:center}.explainer{position:fixed;inset:0;z-index:35;background:linear-gradient(90deg,rgba(5,6,12,.95) 40%,rgba(5,6,12,.55) 62%,transparent 85%);animation:veil .35s ease-out;overflow-y:auto}.explainer-inner{position:relative;max-width:600px;padding:96px var(--gutter) 48px}.explainer .close{right:0}.explainer h2{font:clamp(56px,7vw,104px)/.9 var(--display);text-shadow:0 0 34px color-mix(in srgb,var(--acc) 45%,transparent)}.x-alias{margin:6px 0 26px;color:var(--dim)}.x-facts{margin:0;display:grid;gap:4px}.x-facts dt{font:600 11px var(--mono);color:var(--acc);text-transform:uppercase;letter-spacing:.2em;margin-top:16px}.x-facts dd{margin:0;font-size:18px;line-height:1.45}.x-size{margin-top:26px;padding-top:18px;border-top:1px solid var(--faint)}.x-size svg{width:100%;height:34px;display:block;overflow:visible}.x-size circle{fill:var(--acc)}.x-size line{stroke:var(--acc);stroke-width:1.5;opacity:.5}.x-size p{margin:8px 0 0;color:var(--dim);font-size:14px}.x-warn{font-size:12px;color:var(--dim);margin:22px 0 0}.explainer .contain{flex:none;white-space:nowrap}body.explaining .dossier,body.explaining .rail{opacity:0;pointer-events:none}.dossier,.rail{transition:opacity .3s}.secured{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:0 var(--gutter);background:radial-gradient(ellipse at 30% 50%,#05060c99,#05060cf0);animation:veil .4s}.secured h2{font-size:clamp(64px,10vw,150px);text-shadow:0 0 40px var(--acc)}.secured p{max-width:520px;color:var(--dim)}.sec-actions{display:flex;gap:24px;align-items:center}.sec-actions button{background:none;border:0;border-bottom:1px solid var(--faint);padding:6px 0;color:var(--dim)}.toast{position:fixed;left:var(--gutter);bottom:22px;z-index:50;margin:0;font-size:13px;letter-spacing:.06em;color:var(--acc);opacity:0;transform:translateY(10px);transition:opacity .3s,transform .3s;pointer-events:none;text-shadow:0 1px 8px #000}.toast.show{opacity:1;transform:none}body.closeup :is(.dossier,.specs,.hud-lines,.top,.rail,.hint){visibility:hidden}body.og :is(.dossier,.specs,.hud-lines,.top,.rail,.hint){visibility:hidden}body.og:after{content:"";position:fixed;inset:0;z-index:4;pointer-events:none;background:linear-gradient(90deg,rgba(5,6,12,.92) 0%,rgba(5,6,12,.7) 30%,transparent 46%)}.og-card{position:fixed;left:64px;top:50%;transform:translateY(-50%);z-index:50;text-shadow:0 2px 18px #000}.og-card h1{font:190px/.85 var(--display);margin:6px 0 14px;text-shadow:0 0 40px color-mix(in srgb,var(--acc) 55%,transparent),0 3px 0 #000}.og-card .kicker{font-size:18px}.og-tag{font-size:30px;margin:0}.og-url{margin:26px 0 0;font-size:20px;letter-spacing:.3em;text-transform:uppercase;color:var(--sodium)}@media (max-width: 820px){.top{gap:14px;padding-top:max(14px,env(safe-area-inset-top))}.links{display:none}.crate-link{margin-left:auto}.hero-sticky{display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:max(14px,env(safe-area-inset-bottom))}.dossier{position:relative;left:auto;top:auto;transform:none;width:auto;padding:0 var(--gutter);order:1}.kicker{font-size:11px}.pep-name{font-size:clamp(46px,14vw,72px);margin-bottom:2px}.alias{font-size:11px}.tagline,.sequence,.subjects,.hint{display:none}.buy{gap:14px;margin-top:10px}.price{font-size:26px}.contain{height:44px;padding:0 20px;font-size:12px}.express{margin-top:10px}.express-demo{height:44px}.pay-note{display:none}.finder{margin-top:10px}.specs{position:relative;inset:auto;order:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 var(--gutter) 10px}.callout{position:static;transform:none!important;white-space:normal;gap:6px}.callout .big{font-size:15px}.callout .big small{font-size:9px}.callout .lbl{font-size:8px;letter-spacing:.1em}.gauge{width:26px;height:26px;flex:none}.ticks,.mw-scale,.formula,.atoms,.atoms-key,.thermo,.hud-lines{display:none}.rail{left:6px;gap:3px;top:40%}.rail button{width:8px;height:6px;padding:2px 0}.rail li.on button:before{width:14px}.protocol ol{grid-template-columns:1fr 1fr;gap:30px 20px}.lineup-row{grid-template-columns:44px 1fr auto;gap:8px 14px}.lineup-row .lr-stat,.lineup-row .lr-mw{display:none}.manifest{background:#05060cf0}.express{max-width:none}.learn{font-size:11px;margin-top:2px}.sizes{margin:6px 0 0;gap:2px 12px}.sizes button{font-size:13px}.explainer{background:#05060cf0}.explainer-inner{padding-top:80px}.x-facts dd{font-size:16px}}
