:root{--bg:#0B0B0A;--ink:#C23B2E;--tok:#E07060;--cell:#5A2A24;--text:#9A8A80;--hi:#D8CCC4;--elev:#120a09;
--font:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;color-scheme:dark}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font)}
body{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;position:relative;overflow-x:hidden;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
background-image:linear-gradient(var(--cell) 1px,transparent 1px),linear-gradient(90deg,var(--cell) 1px,transparent 1px);
background-size:56px 56px;background-position:center center;opacity:.22;
-webkit-mask-image:radial-gradient(ellipse 60% 55% at 50% 46%,#000 0%,transparent 75%);
mask-image:radial-gradient(ellipse 60% 55% at 50% 46%,#000 0%,transparent 75%)}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
background:radial-gradient(ellipse 45% 35% at 50% 44%,rgba(194,59,46,.10),transparent 70%)}
header,main,footer{position:relative;z-index:1}
header{display:flex;align-items:center;justify-content:space-between;padding:22px clamp(20px,4vw,48px);font-size:13px;letter-spacing:.08em}
header .tag{color:var(--ink);text-transform:uppercase;text-decoration:none}
header a.tag:hover{color:var(--tok)}
header .beta{border:1px solid var(--cell);color:var(--tok);padding:3px 9px;font-size:12px;text-transform:uppercase;letter-spacing:.14em}
main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px clamp(20px,5vw,48px) 48px}
h1{margin:0}
.logo{display:inline-flex;gap:clamp(4px,.7vw,8px);font-size:clamp(42px,8vw,92px);line-height:1;font-weight:400}
.logo span{display:inline-flex;align-items:center;justify-content:center;width:1.36em;height:1.36em;border:1px solid var(--cell);
color:var(--ink);background:rgba(11,11,10,.75);box-shadow:inset 0 0 0 1px rgba(194,59,46,.06)}
.logo span:first-child{border-color:var(--ink)}
.eyebrow{margin:clamp(28px,4vw,40px) 0 0;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--text)}
.tagline{margin:18px 0 0;color:var(--hi);font-size:clamp(22px,3.1vw,36px);font-weight:400;line-height:1.25;letter-spacing:-.01em;max-width:22ch;text-wrap:balance}
.sub{margin:18px 0 0;font-size:clamp(14px,1.35vw,16px);line-height:1.65;max-width:56ch;text-wrap:pretty}
.sub b{font-weight:400;color:var(--tok)}
.cta{margin-top:clamp(32px,4.5vw,44px);display:inline-flex;align-items:center;justify-content:center;gap:.9em;padding:15px 26px;font:inherit;font-size:15px;letter-spacing:.06em;
color:var(--bg);background:var(--tok);border:1px solid var(--tok);text-decoration:none;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s,opacity .2s}
.cta svg{transition:transform .2s}
.cta:hover{background:transparent;color:var(--tok);box-shadow:0 0 0 4px rgba(224,112,96,.08)}
.cta:hover svg{transform:translateX(3px)}
.cta:focus-visible{outline:2px solid var(--hi);outline-offset:4px}
footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:20px clamp(20px,4vw,48px);font-size:12px;letter-spacing:.06em;border-top:1px solid rgba(90,42,36,.45)}
footer a{color:var(--tok);text-decoration:none}
footer a:hover{text-decoration:underline}
@media (prefers-reduced-motion:no-preference){
.logo span,.rise{opacity:0;animation:in .7s cubic-bezier(.2,.7,.2,1) forwards}
.logo span:nth-child(1){animation-delay:.05s}.logo span:nth-child(2){animation-delay:.13s}
.logo span:nth-child(3){animation-delay:.21s}.logo span:nth-child(4){animation-delay:.29s}
.rise{animation-delay:.45s}.rise+.rise{animation-delay:.55s}.rise+.rise+.rise{animation-delay:.65s}.rise+.rise+.rise+.rise{animation-delay:.75s}
@keyframes in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}
@media (max-width:480px){header .tag{font-size:11px}.eyebrow{letter-spacing:.16em;font-size:11px}.cta{width:100%}footer{justify-content:center;text-align:center}}

/* ---------- beta access form ---------- */
.page-form main{justify-content:flex-start;padding-top:clamp(16px,4vh,48px)}
a.logo{text-decoration:none}
.logo.sm{font-size:clamp(26px,3.4vw,34px);gap:5px}
.page-form .tagline{margin-top:14px}
.panel{width:100%;max-width:720px;margin-top:clamp(24px,3.5vw,36px);text-align:left;border:1px solid var(--cell);
background:rgba(18,10,9,.72);padding:clamp(20px,3.2vw,32px);box-shadow:0 0 0 1px rgba(194,59,46,.05),0 24px 60px -30px rgba(194,59,46,.25)}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;align-items:start}
.field{display:flex;flex-direction:column;gap:7px;min-width:0}
.field label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--text)}
.field label .req{color:var(--ink);padding-left:.25em}
.field input,.field select{width:100%;font:inherit;font-size:15px;color:var(--hi);background:var(--bg);border:1px solid var(--cell);
border-radius:0;padding:12px 13px;outline:none;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none}
.field select{padding-right:36px;cursor:pointer;
background-image:linear-gradient(45deg,transparent 50%,var(--tok) 50%),linear-gradient(135deg,var(--tok) 50%,transparent 50%);
background-position:calc(100% - 19px) 52%,calc(100% - 14px) 52%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}
.field select:invalid{color:#6f625b}
.field select option{color:var(--hi);background:var(--bg)}
.field input::placeholder{color:#5f534d}
.field input:hover,.field select:hover{border-color:#7a3a31}
.field input:focus,.field select:focus{border-color:var(--tok);box-shadow:0 0 0 3px rgba(224,112,96,.12)}
.field.bad input,.field.bad select{border-color:var(--ink)}
.field .err{margin:0;min-height:0;font-size:12px;line-height:1.4;color:var(--tok);display:none}
.field.bad .err{display:block}
.hint{font-size:11px;color:#6f625b;letter-spacing:.04em}
.field.wide{grid-column:1/-1}
[hidden]{display:none!important}
@media (min-width:641px){.grid{grid-auto-flow:row dense}#industry-other-field{grid-column:1}}
.field .hint{margin:0;line-height:1.4}
.phone-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:10px;align-items:stretch}
@media (max-width:480px){.phone-row{grid-template-columns:1fr;gap:8px}}
.hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.verify{margin-top:22px;min-height:65px}
.actions{margin-top:20px;display:flex;flex-direction:column;gap:12px}
.actions .cta{margin-top:0;width:100%}
.cta:disabled{cursor:not-allowed;background:transparent;border-color:var(--cell);color:#7a5048;box-shadow:none}
.cta:disabled svg{transform:none}
.fine{margin:0;font-size:11px;line-height:1.6;color:#6f625b;letter-spacing:.03em}
.alert{outline:none;scroll-margin-top:140px;display:none;margin:0 0 20px;padding:12px 14px;border:1px solid var(--ink);border-left-width:3px;color:var(--hi);font-size:13px;line-height:1.5;background:rgba(194,59,46,.08)}
.alert:target,.alert.show{display:block}
.done{display:none;text-align:center;padding:clamp(12px,3vw,28px) 0}
.done.show{display:block}
.done .mark{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border:1px solid var(--ink);color:var(--tok);font-size:22px}
.done h2,.done .h-done{margin:20px 0 0;font-weight:400;color:var(--hi);font-size:clamp(20px,2.4vw,26px)}
.done p{margin:12px auto 0;max-width:46ch;line-height:1.65;font-size:14px}
.done .back{display:inline-block;margin-top:22px;color:var(--tok);text-decoration:none;font-size:13px;letter-spacing:.06em}
.done .back:hover{text-decoration:underline}
.sending .cta{pointer-events:none}
@media (max-width:640px){.grid{grid-template-columns:1fr}.panel{padding:20px 18px}}