@font-face{font-family:"Michroma";src:url(/fonts/michroma.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Archivo";src:url(/fonts/archivo.woff2) format("woff2");font-weight:300 600;font-stretch:100% 125%;font-display:swap}
@font-face{font-family:"Martian";src:url(/fonts/martian-mono.woff2) format("woff2");font-weight:400;font-display:swap}
:root{--bg:#0B0D10;--surface:#12151A;--line:rgba(232,234,237,.10);--line2:rgba(232,234,237,.18);--text:#E8EAED;--muted:#9AA3AE;--subtle:#7D8590;--lime:#D4F25A;
--ease:cubic-bezier(.22,1,.36,1);--u:4px;--col:minmax(0,1fr)}
*{box-sizing:border-box;margin:0}
html{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{font:400 16px/1.55 "Archivo",ui-sans-serif,system-ui,sans-serif;min-height:100svh;display:flex;flex-direction:column;overflow-x:hidden}
a{color:inherit;text-decoration-color:var(--line2);text-underline-offset:3px}
a:hover{text-decoration-color:var(--lime)}
.mono{font-family:"Martian",ui-monospace,monospace;font-size:11px;letter-spacing:.06em;font-variant-numeric:tabular-nums slashed-zero}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
#bg{position:fixed;inset:0;width:100%;height:100%;z-index:0;opacity:.11;pointer-events:none}
.grain{position:fixed;inset:-50%;z-index:1;pointer-events:none;opacity:.035;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='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.wrap{position:relative;z-index:2;width:100%;max-width:1200px;margin:0 auto;padding:0 24px}
.top{display:flex;align-items:center;justify-content:space-between;height:88px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.brand-mark{width:36px;height:36px;overflow:visible}
.brand-word{height:22px;width:auto}
.top-meta{color:var(--muted);display:flex;align-items:center;gap:10px}
.dot{width:6px;height:6px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 3px rgba(212,242,90,.12)}
.grid{flex:1;display:grid;grid-template-columns:repeat(12,var(--col));column-gap:24px;align-content:center;padding-top:96px;padding-bottom:96px}
.hero{grid-column:1/span 7}
.eyebrow{color:var(--subtle);margin-bottom:32px}
.eyebrow .hl{display:inline-block;height:1.088em;width:auto;vertical-align:-.248em;overflow:visible}
h1{font:400 clamp(21px,3.05vw,42px)/1.22 "Michroma",ui-sans-serif,sans-serif;text-transform:uppercase;letter-spacing:.02em;margin-left:-.04em}
h1 em{font-style:normal;color:var(--lime)}
.sub{margin-top:32px;max-width:34em;font-size:19px;line-height:1.5;color:var(--muted)}
.join{margin-top:48px;display:grid;grid-template-columns:1fr auto;max-width:560px;border:1px solid var(--line2);background:rgba(18,21,26,.72);backdrop-filter:none}
.join input[type=email]{min-width:0;height:56px;padding:0 18px;background:transparent;border:0;color:var(--text);font:400 16px "Martian",ui-monospace,monospace;letter-spacing:.01em;outline:none}
.join input::placeholder{color:var(--subtle)}
.join:focus-within{border-color:var(--lime)}
.join button{height:56px;padding:0 24px;border:0;background:var(--lime);color:var(--bg);font:400 11.5px "Michroma",sans-serif;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:background .3s var(--ease)}
.join button:hover{background:#E2FA7E}
.join button:focus-visible{outline:2px solid var(--text);outline-offset:-4px}
.join button[disabled]{opacity:.6;cursor:progress}
.hp{position:absolute;left:-9999px;opacity:0}
.note{grid-column:1/-1;border-top:1px solid var(--line);padding:12px 18px;font-size:13px;color:var(--subtle)}
.note.ok{color:var(--lime)}.note.err{color:#F26D6D}
.spec{grid-column:9/span 4;align-self:end;border-top:1px solid var(--line2)}
.spec dl>div{padding:20px 0;border-bottom:1px solid var(--line)}
.spec dt{color:var(--subtle);margin-bottom:8px}
.spec dd{font-size:15px;line-height:1.5;color:var(--muted)}
.spec dd b{color:var(--text);font-weight:500}
.spec dd .mono{font-size:12px;color:var(--text)}
.receipt{display:flex;flex-wrap:wrap;gap:8px 12px;white-space:nowrap;margin-top:20px;padding:12px 14px;border:1px dashed var(--line2);color:var(--muted);font-size:10.5px}
.receipt .ok{color:var(--lime);margin-left:auto}
.foot{border-top:1px solid var(--line);padding-top:24px;padding-bottom:32px;display:grid;grid-template-columns:repeat(12,var(--col));column-gap:24px;font-size:12.5px;color:var(--subtle)}
.foot p:first-child{grid-column:1/span 7}
.foot strong{color:var(--muted)}
.foot .legal{grid-column:9/span 4;text-align:right;align-self:end}
/* privacy page */
.doc{flex:1;max-width:760px;padding-top:72px;padding-bottom:96px}
.doc h1{font-size:clamp(22px,3vw,36px);margin-bottom:12px}
.doc h2{font:400 14px/1.4 "Michroma",sans-serif;text-transform:uppercase;letter-spacing:.06em;margin:40px 0 12px;color:var(--text)}
.doc p,.doc li{color:var(--muted);margin-bottom:12px}
.doc ul{padding-left:20px}
/* ---- logo animation: bars stream, tick draws like a pen, lime settle ---- */
.pb-anim{transform-origin:50% 50%}
.pb-anim .pb-bid{fill:var(--text)}.pb-anim .pb-ask{fill:var(--lime)}
.pb-anim .pb-tick{fill:none;stroke:var(--bg);stroke-width:10;stroke-linejoin:miter;stroke-linecap:butt;stroke-dasharray:1;stroke-dashoffset:0}
.pb-anim .pb-patch{fill:var(--bg);opacity:1}
.pb-anim .pb-row .pb-bid{transform-box:fill-box;transform-origin:100% 50%}
.pb-anim .pb-row .pb-ask{transform-box:fill-box;transform-origin:0 50%}
@media (prefers-reduced-motion:no-preference){
 .pb-anim.play .pb-row path{animation:pb-stream .5s var(--ease) both;animation-delay:calc(var(--i)*35ms)}
 .pb-anim.play .pb-tick{stroke-dashoffset:1;animation:pb-draw .9s var(--ease) .38s forwards}
 .pb-anim.play .pb-row .pb-ask{animation:pb-stream .5s var(--ease) both,pb-settle .6s ease-out 1.05s;animation-delay:calc(var(--i)*35ms),1.05s}
 .pb-anim.play .pb-patch{opacity:0;animation:pb-in .15s linear 1.12s forwards}
 .pb-anim.play{animation:pb-pop .6s var(--ease) 1.05s}
}
@keyframes pb-stream{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}
@keyframes pb-draw{to{stroke-dashoffset:0}}
@keyframes pb-in{to{opacity:1}}
@keyframes pb-settle{0%{fill:var(--lime)}35%{fill:#EEFFA8}100%{fill:var(--lime)}}
@keyframes pb-pop{0%{transform:scale(1)}35%{transform:scale(1.025)}100%{transform:scale(1)}}
@media (max-width:900px){
 .grid{padding-top:56px;padding-bottom:56px;row-gap:56px}
 .hero,.spec{grid-column:1/-1}
 .foot p:first-child,.foot .legal{grid-column:1/-1;text-align:left;margin-top:12px}
}
@media (max-width:560px){
 #bg{opacity:.14}
 .eyebrow .x{display:none}
 .receipt{flex-wrap:wrap}
 .top{height:72px}.top-meta{display:none}
 .join{grid-template-columns:1fr}.join button{width:100%}
 .sub{font-size:17px}
}