.site a{color:inherit}.wrap{max-width:var(--maxw);padding:0 var(--gutter);margin:0 auto}.wrap.narrow{max-width:820px}.skip{background:var(--accent);color:var(--accent-text);border-radius:var(--radius-s);z-index:100;padding:8px 12px;position:absolute;top:8px;left:-999px}.skip:focus{left:8px}.btn{font:600 15px/1 var(--font-body);cursor:pointer;transition:transform .15s var(--ease), background .15s var(--ease), border-color .15s;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:13px 22px;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--hx-persimmon);color:var(--hx-ink)!important}.btn-primary:hover{background:var(--hx-persimmon-2)}.btn-ghost{border-color:var(--border-strong);background:#ffffff05;color:var(--text)!important}.btn-ghost:hover{border-color:var(--text-2)}.btn-sm{padding:9px 14px;font-size:14px}.nav{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#0e1220d1;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;height:68px;display:flex}.nav nav{align-items:center;gap:22px;display:flex}.nav nav a:not(.btn){color:var(--text-2);font-size:15px;text-decoration:none}.nav nav a:not(.btn):hover{color:var(--text)}.brand img{width:auto;height:30px;display:block}@media (width<=760px){.nav nav a:not(.btn){display:none}}.hero{background:radial-gradient(60% 70% at 80% 40%, #ff7a212e, transparent 70%), var(--hx-ink);padding:clamp(48px,9vw,110px) 0 clamp(56px,8vw,96px);position:relative;overflow:hidden}.grid-bg{background-image:linear-gradient(var(--hx-ink-3) 1px, transparent 1px), linear-gradient(90deg, var(--hx-ink-3) 1px, transparent 1px);opacity:.55;background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 80% at 50% 40%,#000 30%,#0000 85%);mask-image:radial-gradient(80% 80% at 50% 40%,#000 30%,#0000 85%)}.hero-inner{grid-template-columns:1.25fr .75fr;align-items:center;gap:48px;display:grid;position:relative}.eyebrow{border:1px solid var(--border-strong);color:var(--text-2);border-radius:999px;align-items:center;gap:10px;margin:0 0 22px;padding:7px 14px;font-size:14px;display:inline-flex}.eyebrow .dot{background:var(--hx-jade);border-radius:50%;width:8px;height:8px;animation:2.4s infinite pulse;box-shadow:0 0 0 4px #2bd49e2e}@keyframes pulse{50%{box-shadow:0 0 0 8px #2bd49e0d}}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0;line-height:1.1}.hero h1{font-size:clamp(38px,6.4vw,76px);font-weight:700}.hero h1 em{color:var(--hx-persimmon);font-style:normal}.lede{max-width:600px;color:var(--text-2);margin:24px 0 32px;font-size:clamp(17px,1.6vw,20px)}.cta-row{flex-wrap:wrap;gap:12px;display:flex}.facts{color:var(--text-2);flex-wrap:wrap;gap:10px 26px;margin:40px 0 0;padding:0;font-size:14px;list-style:none;display:flex}.facts .num{color:var(--text);margin-right:4px;font-weight:500}.hero-art{text-align:center;margin:0;position:relative}.hero-art img{filter:drop-shadow(0 0 1.5px #fff3df59)drop-shadow(0 0 28px #22d8f02e)drop-shadow(0 24px 40px #00000073);width:min(100%,340px);height:auto;animation:6s ease-in-out infinite hover}@keyframes hover{50%{transform:translateY(-8px)}}.hero-art figcaption{color:var(--text-3);margin-top:14px;font-size:14px}.bubble{z-index:1;background:var(--hx-paper);color:var(--hx-ink);font:600 13px/1 var(--font-mono);box-shadow:var(--shadow);border-radius:14px 14px 14px 4px;padding:10px 14px;position:absolute;top:2%;left:-14%}@media (width<=860px){.hero-inner{grid-template-columns:1fr}.hero-art{order:-1}.hero-art img{width:200px}.bubble{left:50%;transform:translate(-130%)}}.band{padding:clamp(64px,9vw,112px) 0}.band.paper{background:var(--hx-paper);color:var(--hx-ink)}.band.ink-2{background:var(--hx-ink-2)}.kicker{color:var(--hx-persimmon);font:600 13px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 14px}.band h2{max-width:820px;font-size:clamp(28px,4vw,46px)}.section-lede{max-width:720px;color:inherit;opacity:.8;margin:20px 0 0;font-size:18px}.note{color:var(--text-3);margin-top:28px;font-size:15px}.paper .note{color:#5d6478}.loop{counter-reset:step;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin:44px 0 0;padding:0;list-style:none;display:grid}.loop li{counter-increment:step;border:1px solid var(--hx-paper-2);border-radius:var(--radius);background:#fffaf0;flex-direction:column;gap:4px;padding:18px 18px 18px 56px;display:flex;position:relative}.loop li:before{content:counter(step, decimal-leading-zero);font:500 13px/1.4 var(--font-mono);color:var(--hx-persimmon-deep);position:absolute;top:18px;left:16px}.loop li b{font-family:var(--font-display);font-size:16px}.loop li span{color:#5d6478;font-size:14px}.loop li:last-child{background:var(--hx-ink);color:var(--hx-paper);border-color:var(--hx-ink)}.loop li:last-child span{color:var(--text-2)}.cards{gap:16px;margin-top:44px;display:grid}.cards.four{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.cards.three{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-l);padding:26px}.ink-2 .card{background:var(--hx-ink)}.card h3{margin:0 0 10px;font-size:19px}.card p{color:var(--text-2);margin:0}.card .icon{width:44px;height:44px;color:var(--hx-persimmon);background:#ff7a211f;border-radius:12px;place-items:center;margin-bottom:18px;font-size:22px;display:grid}.levels{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:28px;display:grid}.level{border:1px dashed var(--border-strong);border-radius:var(--radius);grid-template-columns:auto 1fr;align-items:center;column-gap:14px;padding:16px 18px;display:grid}.level img{grid-row:span 2;width:56px;height:auto}.level b{font-family:var(--font-display);font-size:15px}.level span:last-child{color:var(--text-3);font-size:13px}.stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:36px;display:grid}.stat{border:1px solid var(--hx-paper-2);border-radius:var(--radius);background:#fffaf0;flex-direction:column;gap:6px;padding:22px;display:flex}.stat-value{font-size:28px;font-weight:500}.stat-label{color:#5d6478;font-size:14px}.project-list{gap:10px;margin:32px 0 0;padding:0;list-style:none;display:grid}.project-list li{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap;gap:6px 16px;padding:18px 20px;display:flex}.project-list a{font-weight:600;color:var(--hx-persimmon)!important}.project-list span{color:var(--text-2)}.risks{gap:14px;margin:32px 0 0;padding:0;list-style:none;display:grid}.risks li{background:var(--hx-ink);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-2);padding:18px 20px 18px 52px;position:relative}.risks li:before{content:"!";width:22px;height:22px;color:var(--hx-gold);font:700 13px var(--font-mono);background:#f5b83d26;border-radius:50%;place-items:center;display:grid;position:absolute;top:18px;left:18px}.risks b{color:var(--text)}.signup{background:linear-gradient(120deg, #ff7a2129, transparent 60%), var(--hx-ink)}.signup-inner{grid-template-columns:auto 1fr;align-items:center;gap:40px;display:grid}.signup h2{font-size:clamp(26px,3.4vw,38px)}.signup p{color:var(--text-2);max-width:560px}.signup-form{flex-wrap:wrap;gap:10px;max-width:560px;display:flex}.signup-form input[type=email]{border:1px solid var(--border-strong);background:var(--hx-ink-2);min-width:0;color:var(--text);font:inherit;border-radius:999px;flex:240px;padding:13px 16px}.consent{color:var(--text-3);flex-basis:100%;align-items:flex-start;gap:10px;font-size:13px;display:flex}.consent input{accent-color:var(--hx-persimmon);margin-top:3px}.thanks{font-weight:600;color:var(--hx-jade)!important}@media (width<=700px){.signup-inner{grid-template-columns:1fr}.signup-inner>img,.signup-inner>picture{width:96px;height:auto}}.footer{border-top:1px solid var(--border);color:var(--text-3);padding:36px 0;font-size:14px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer p{margin:0}.footer nav{gap:18px;display:flex}.footer a{text-decoration:none}.footer a:hover{color:var(--text)}.legal{padding:56px 0 80px}.legal h1{margin-bottom:8px;font-size:clamp(30px,4vw,44px)}.legal h2{margin:36px 0 10px;font-size:20px}.legal p,.legal li{color:var(--text-2)}.legal .updated{color:var(--text-3);font-family:var(--font-mono);font-size:13px}
