@font-face{font-family:"Fraunces";src:url(fonts/Fraunces.ttf) format("truetype");font-weight:100 900;font-display:swap;unicode-range:U+018F,U+0192,U+01A0-01A1,U+01AF-01B0,U+01C4-01CC,U+01D9-01DA,U+01E6-01E7,U+01EA-01EB,U+01FA-021B,U+022A-022D,U+0230-0233,U+0237,U+0259,U+02B9-02BA,U+02BC,U+02C6-02C7,U+02D8-02DD,U+0300-0304,U+0306-0308,U+030B-030C,U+030F,U+0311-0312,U+0315,U+031B,U+0324,U+0326-0328,U+032E,U+0331,U+1E08-1E09,U+1E0C-1E0F,U+1E14-1E17,U+1E1C-1E1D,U+1E20-1E21,U+1E24-1E25,U+1E2A-1E2B,U+1E2E-1E2F,U+1E36-1E37,U+1E3A-1E3B,U+1E42-1E43,U+1E46-1E49,U+1E4C-1E53,U+1E5A-1E5B,U+1E5E-1E5F,U+1E62-1E65,U+1E6C-1E6F,U+1E78-1E7B,U+1E80-1E85,U+1E92-1E93,U+1E97,U+1E9E,U+1EA0-1EF9,U+2070,U+2074,U+27E8-27E9,U+E132-E133,U+FB00-FB04}@font-face{font-family:"Fraunces";src:url(fonts/Fraunces.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0020-007E,U+00A0-0148,U+014A-017E,U+2010,U+2013-2014,U+2018-201A,U+201C-201E,U+2020-2022,U+2026,U+2030,U+2032-2033,U+2039-203A,U+2044,U+2052,U+20A1,U+20A3-20A4,U+20A6-20A7,U+20A9,U+20AB-20AD,U+20B1-20B2,U+20B5,U+20B9-20BA,U+20BC-20BD,U+2116,U+2122,U+2212,U+2215,U+2219,U+2248,U+2260,U+2264-2265}
@font-face{font-family:"Inter";src:url(fonts/Inter.ttf) format("truetype");font-weight:100 900;font-display:swap;unicode-range:U+0000,U+0180-01C3,U+01C5-0254,U+0256-027B,U+027E-0284,U+0286-0290,U+0292-02A4,U+02A6-0304,U+0306-030A,U+030C,U+030F,U+0313,U+0315,U+031B,U+0323,U+0326-0328,U+032C,U+0337-0338,U+0342-0343,U+0346-036F,U+0374-0376,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03D7,U+03DC-03DD,U+03F0-03F6,U+03F9-03FA,U+03FC-0479,U+0480-049D,U+04A0-04FF,U+052F,U+0E3F,U+1D00,U+1D0D,U+1D1B,U+1D43,U+1D47-1D49,U+1D4D,U+1D4F-1D50,U+1D52,U+1D56-1D58,U+1D5B,U+1D62-1D65,U+1D9C,U+1DA0,U+1DBB,U+1DBF-1DF5,U+1DFC-1E9B,U+1E9D-1F15,U+1F18-1F1D,U+1F20-1F45,U+1F48-1F4D,U+1F50-1F57,U+1F59,U+1F5B,U+1F5D,U+1F5F-1F7D,U+1F80-1FB4,U+1FB6-1FC4,U+1FC6-1FD3,U+1FD6-1FDB,U+1FDD-1FEF,U+1FF2-1FF4,U+1FF6-1FFE,U+2070-2071,U+2074-208E,U+2090-209C,U+20DB-20DE,U+20E8,U+20F0,U+2150-217F,U+2183-2186,U+2189,U+2303-2305,U+2318,U+2325-2327,U+232B,U+2380,U+2387,U+238B,U+23CE-23CF,U+2423,U+2460-2468,U+24B6-24CF,U+24EA,U+25A0-25A2,U+25AA,U+25B2-25B3,U+25B6-25B7,U+25BA-25BD,U+25C0-25C1,U+25C4-25C7,U+25CA-25CB,U+25CF,U+25E6,U+25EF,U+2600,U+2605-2606,U+263C,U+2661,U+2665,U+26A0,U+27EF,U+27F5-27FA,U+2913,U+2A38,U+2B06,U+2B12-2B13,U+2B1C,U+2B24,U+2C7C,U+2C7F,U+2DFF,U+2E18,U+A69F,U+A7FF,U+A92E,U+E000,U+E002-E05E,U+E06A-E0BD,U+E0C8-E0CC,U+E0DC-E0E6,U+E0F3-E0F5,U+E106,U+E109-E10A,U+E10C-E10F,U+E111-E113,U+E117-E118,U+E121-E122,U+E124,U+E12A-E15E,U+E163,U+E1C3,U+E1D2-E1DF,U+E1E1-E2DC,U+EE01-EE07,U+EE09-EE0A,U+EE0C-EE12,U+EE14,U+EE17,U+EE1D-EE45,U+EE47-EE84,U+EE87-EED6,U+EED8-EEE1,U+F6C3,U+FEFF,U+1F12F-1F149,U+1F16A-1F16B,U+1F850,U+1F852}@font-face{font-family:"Inter";src:url(fonts/Inter.woff2) format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0020-007E,U+00A0-00AC,U+00AE-0148,U+014A-017F,U+2000-200B,U+2010-2027,U+202F-2055,U+2057,U+205F,U+20A0-20AF,U+20B1-20B5,U+20B8-20BA,U+20BC-20BF,U+2100-2101,U+2103,U+2105-2106,U+2109,U+2113,U+2116-2117,U+211E-2122,U+2126,U+212A-212B,U+212E,U+2132,U+213B,U+214D,U+2190-2199,U+21A9-21AA,U+21B0-21B1,U+21B3-21B5,U+21BA-21BB,U+21D0,U+21D2,U+21D4,U+21DE-21DF,U+21E4-21E5,U+21E7,U+21EA,U+2202,U+2205-2206,U+220F,U+2211-2212,U+221A,U+221E,U+222B,U+2236,U+2248,U+2260,U+2264-2265,U+2295-2298,U+2713,U+2717,U+2756,U+2764,U+2780-2788}
@font-face{font-family:"Space Mono";src:url(fonts/SpaceMono.ttf) format("truetype");font-weight:400;font-display:swap;unicode-range:U+0180,U+018F,U+0192,U+01A0-01A1,U+01AF-01B0,U+01CD-01DC,U+01E6-01E7,U+01EA-01EB,U+0218-021B,U+0237,U+0243,U+0250-0252,U+0254,U+0258-0259,U+0261,U+0265,U+026F,U+0279,U+0287,U+028C-028E,U+029E,U+02C6-02C7,U+02C9,U+02D8-02DD,U+0300-0304,U+0306-030C,U+0312,U+031B,U+0323,U+0326-0328,U+032E,U+0331,U+03C0,U+1E0C-1E0F,U+1E20-1E21,U+1E24-1E25,U+1E2A-1E2B,U+1E36-1E3B,U+1E42-1E49,U+1E5A-1E63,U+1E6C-1E6F,U+1E80-1E85,U+1E8E-1E8F,U+1E92-1E93,U+1E97,U+1E9E,U+1EA0-1EF9,U+2070-2071,U+2074-2079,U+207D-2089,U+208D-208E,U+2094,U+2153-2154,U+215B-215E,U+25CA,U+FB01-FB02}@font-face{font-family:"Space Mono";src:url(fonts/SpaceMono.woff2) format("woff2");font-weight:400;font-display:swap;unicode-range:U+0020-007E,U+00A0-00AC,U+00AE-013E,U+0141-017F,U+2013-2014,U+2018-201A,U+201C-201E,U+2020-2022,U+2026,U+2030,U+2032-2033,U+2039-203A,U+2044,U+20A1,U+20A4,U+20A6-20A7,U+20AB-20AC,U+20B1-20B2,U+20B5,U+20B9,U+2113,U+2120,U+2122,U+2126,U+212E,U+2190-2199,U+2202,U+2206,U+220F,U+2211-2212,U+2215,U+2219-221A,U+221E,U+222B,U+2248,U+2260,U+2264-2265}
:root{
  --ink:#0a0e17; --ink-2:#0f1522; --ink-3:#151d2e; --line:#ffffff17; --line-2:#ffffff2b;
  --text:#f4f1ea; --muted:#b4bccb; --subtle:#8d97a8;
  --ember:#f28a2e; --ember-2:#ffb35c; --flame:#e2581c; --teal:#22b8a0; --mint:#7fe0c9;
  --paper:#f5efe4; --paper-ink:#1a1712; --paper-muted:#5d564b;
  --display:"Fraunces",Georgia,serif; --body:"Inter",system-ui,sans-serif; --mono:"Space Mono",ui-monospace,monospace;
  --r:20px; --wrap:1240px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--ink);color:var(--text);font:400 17px/1.6 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 32px}
.skip{position:absolute;left:-999px;top:8px;background:var(--ember);color:#000;padding:8px 14px;border-radius:8px;z-index:99}
.skip:focus{left:8px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
:focus-visible{outline:2px solid var(--ember-2);outline-offset:3px;border-radius:6px}
em{font-style:italic;font-weight:400;color:var(--ember-2)}
h1,h2,h3{font-family:var(--display);font-weight:500;letter-spacing:-.02em;line-height:1.05;font-variation-settings:"SOFT" 50,"opsz" 144}
h2{font-size:clamp(36px,4.6vw,60px)}
h2 em{color:var(--ember)}
.label,.tag,.eyebrow{font:400 12px/1.4 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ember-2)}
.tag{color:var(--subtle);letter-spacing:.1em}
.note{font-size:13px;color:var(--subtle);display:inline-block}
.center{display:block;text-align:center;margin-top:32px}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:8px;padding:15px 24px;border-radius:999px;background:linear-gradient(135deg,var(--ember-2),var(--ember) 45%,var(--flame));color:#1b0d02;font-weight:600;font-size:16px;box-shadow:0 8px 30px -8px #f28a2e88;transition:transform .2s,box-shadow .2s;white-space:nowrap}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 40px -8px #f28a2ebb}
.btn-sm{padding:10px 18px;font-size:14px}
.btn-lg{padding:18px 30px;font-size:18px}
.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--line-2);box-shadow:none}
.btn-ghost:hover{border-color:var(--ember);box-shadow:none;color:var(--ember-2)}
.btn-dark{background:var(--paper-ink);color:var(--paper);box-shadow:none}
.btn-dark:hover{background:#000;box-shadow:0 10px 30px -10px #0008}
.link{color:var(--ember-2);font-weight:600;border-bottom:1px solid #ffb35c55;padding-bottom:2px;transition:border-color .2s}
.link:hover{border-color:var(--ember-2)}

/* nav */
.nav{position:sticky;top:0;z-index:50;background:#0a0e17cc;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;gap:32px;height:72px}
.brand{display:flex;align-items:center;gap:10px;font:600 21px var(--body);letter-spacing:-.02em}
.brand b{color:var(--ember);font-weight:600}
.links{display:flex;gap:28px;margin-left:auto;font-size:15px;color:var(--muted)}
.links a{position:relative;transition:color .2s}
.links a::after{content:"";position:absolute;left:0;right:100%;bottom:-6px;height:2px;background:var(--ember);transition:right .25s}
.links a:hover{color:var(--text)} .links a:hover::after{right:0}
.burger{display:none;width:40px;height:40px;margin-left:auto;flex-direction:column;justify-content:center;gap:6px;align-items:center}
.burger span{display:block;width:22px;height:2px;background:var(--text);transition:.25s}
.burger[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}
.burger[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}
.mobile{display:none}

/* hero */
.hero{position:relative;padding:72px 0 40px;overflow:hidden}
.hero-bg{position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(800px 500px at 78% 40%,#f28a2e2e,transparent 65%),
  radial-gradient(600px 400px at 10% 90%,#22b8a01c,transparent 70%),
  linear-gradient(#ffffff08 1px,transparent 1px) 0 0/64px 64px,
  linear-gradient(90deg,#ffffff08 1px,transparent 1px) 0 0/64px 64px;
  mask-image:linear-gradient(#000 60%,transparent)}
.hero-grid{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;min-height:620px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border:1px solid var(--line-2);border-radius:999px;background:#ffffff06}
.dot{width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px #22b8a033;animation:pulse 2.4s infinite}
@keyframes pulse{50%{box-shadow:0 0 0 8px #22b8a000}}
h1{font-size:clamp(48px,6.6vw,96px);margin:24px 0 24px;line-height:.98}
h1 em{background:linear-gradient(90deg,var(--ember-2),var(--ember),var(--flame));-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.08em}
.lede{font-size:20px;color:var(--muted);max-width:520px}
.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin:36px 0 44px}
.pillars{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid var(--line);padding-top:24px;max-width:600px}
.pillars li{font-size:14px;color:var(--muted);line-height:1.45}
.pillars span{display:block;font:12px var(--mono);color:var(--ember-2);margin-bottom:6px}

/* legacy hero-art rings/chips removed — interactive brain takes their place */

.marquee{margin-top:40px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.track{display:flex;gap:56px;width:max-content;animation:scroll 40s linear infinite;font:400 22px var(--display);font-style:italic;color:var(--subtle)}
.track span::before{content:"✳";font-style:normal;color:var(--ember);margin-right:56px;font-size:16px}
@keyframes scroll{to{transform:translateX(-50%)}}

/* sections */
.sec{padding:120px 0;position:relative}
.sec-alt{background:var(--ink-2);border-block:1px solid var(--line)}
.sec-head{max-width:760px;margin-bottom:64px}
.sec-head h2{margin:14px 0 18px}
.sec-head p:last-child{color:var(--muted);font-size:19px}
.sec-head .note{font-size:13px;margin-left:6px;padding:3px 10px;border:1px solid var(--line-2);border-radius:999px}
.big{font-size:20px;color:var(--muted);margin:20px 0 28px;max-width:540px}

/* studio */
.studio{display:grid;grid-template-columns:1fr 150px 1.15fr;align-items:center;gap:0}
.col-title{font:400 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ember-2);margin-bottom:16px}
.col-title span{display:block;font:500 26px var(--display);letter-spacing:-.01em;text-transform:none;color:var(--text);margin-top:4px}
.src{background:var(--ink-2);border:1px solid var(--line);border-radius:16px;padding:18px 20px;margin-bottom:12px;transition:border-color .25s,transform .25s}
.src:hover{border-color:#f28a2e66;transform:translateX(4px)}
.src h3{font:600 16px var(--body);letter-spacing:0;margin:6px 0 4px}
.src p{font-size:14px;color:var(--muted);line-height:1.5}
.core{position:relative;height:360px;display:grid;place-items:center}
.wires{position:absolute;inset:0;width:100%;height:100%}
.wires path{fill:none;stroke:#f28a2e88;stroke-width:1.5;stroke-dasharray:4 6;animation:dash 1.6s linear infinite}
@keyframes dash{to{stroke-dashoffset:-20}}
.core-node{position:relative;width:110px;height:110px;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 35% 30%,#ffb35c,#e2581c 70%);color:#1b0d02;font:600 14px/1.15 var(--body);box-shadow:0 0 0 10px #f28a2e1a,0 0 60px #f28a2e66}
.steps{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:40px;font:12px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.steps li{padding:8px 14px;border:1px solid var(--line-2);border-radius:999px}
.steps li:last-child{border-color:var(--ember);color:var(--ember-2)}

.brief{background:linear-gradient(160deg,#1a2335,#111827);border:1px solid #f28a2e44;border-radius:var(--r);padding:30px;box-shadow:0 30px 80px -30px #f28a2e40}
.brief .tag{color:var(--ember-2)}
.brief h3{font-size:30px;margin:10px 0 6px}
.muted{color:var(--muted);font-size:15px}
.item{display:flex;gap:16px;padding:18px 0;border-top:1px solid var(--line);margin-top:16px}
.item .n{font:13px var(--mono);color:var(--ember-2);padding-top:3px}
.item h4{font-size:17px;font-weight:600;margin-bottom:4px}
.item p{font-size:14.5px;color:var(--muted)}
.item small{display:inline-block;font:11px var(--mono);color:var(--subtle);margin:8px 0;text-transform:uppercase;letter-spacing:.06em}
.item .next{color:var(--mint);font-weight:500}
.brief-foot{margin-top:6px;padding-top:16px;border-top:1px solid var(--line);font-size:15px;color:var(--muted)}
.brief-foot b{color:var(--text)}

/* answer */
.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.split h2{margin-top:14px}
.sources{display:flex;flex-wrap:wrap;gap:10px}
.sources button,.pills button{padding:10px 18px;border:1px solid var(--line-2);border-radius:999px;font-size:14px;color:var(--muted);transition:.2s}
.sources button:hover,.pills button:hover{border-color:var(--ember);color:var(--text)}
.sources .on,.pills .on{background:var(--ember);border-color:var(--ember);color:#1b0d02;font-weight:600}
.qa{background:var(--ink);border:1px solid var(--line);border-radius:var(--r);padding:28px;display:grid;gap:16px}
.qa-src{padding:16px 18px;border-left:3px solid var(--teal);background:#22b8a00f;border-radius:0 12px 12px 0}
.qa-src p{margin-top:6px;font-size:15px}
.qa-q,.qa-a{display:flex;gap:14px;align-items:flex-start}
.who{flex:none;width:52px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--ink-3);font:11px var(--mono);text-transform:uppercase;color:var(--muted)}
.who.brain{background:var(--ember);color:#1b0d02}
.qa-q p{font:500 22px var(--display);line-height:1.25}
.qa-a{background:var(--ink-3);padding:18px;border-radius:14px}
.qa-a p{font-size:15.5px}
.qa-a small{display:block;margin-top:10px;color:var(--mint);font-size:13px}
.qa-a>div{flex:1}

/* industries */
.ind{border:1px solid var(--line);border-radius:28px;overflow:hidden;background:var(--ink-2)}
.ind-tabs{display:flex;overflow-x:auto;border-bottom:1px solid var(--line);scrollbar-width:none}
.ind-tabs button{flex:1 0 auto;padding:20px 22px;font-size:15px;color:var(--muted);border-bottom:2px solid transparent;transition:.2s;white-space:nowrap}
.ind-tabs button i{font:normal 11px var(--mono);color:var(--subtle);margin-right:8px}
.ind-tabs button:hover{color:var(--text)}
.ind-tabs button[aria-selected=true]{color:var(--text);border-color:var(--ember);background:#f28a2e0d}
.ind-tabs button[aria-selected=true] i{color:var(--ember-2)}
.ind-panel{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;padding:56px;min-height:380px;align-items:center}
.ind-text h3{font-size:52px;margin:12px 0 18px}
.ind-text p:not(.tag){color:var(--muted);font-size:18px;margin-bottom:28px;max-width:460px}
.mods{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mods li{padding:18px 20px;border-radius:14px;background:var(--ink);border:1px solid var(--line);font-weight:500;font-size:15px;display:flex;gap:12px;align-items:center;animation:pop .4s both;transition:border-color .2s}
.mods li:hover{border-color:#f28a2e66}
.mods li span{font:11px var(--mono);color:var(--ember-2)}
@keyframes pop{from{opacity:0;transform:translateY(8px)}}
.status{display:inline-block;margin-left:10px;padding:3px 10px;border-radius:999px;font:11px var(--mono);text-transform:uppercase;background:#22b8a022;color:var(--mint);vertical-align:middle}

/* calc */
.calc{background:var(--ink);border:1px solid var(--line);border-radius:var(--r);padding:32px;display:grid;gap:22px}
.calc label{display:grid;grid-template-columns:1fr auto;gap:4px 12px;font-size:15px;font-weight:500}
.calc small{grid-column:1;font-size:12.5px;color:var(--subtle);font-weight:400}
.calc output{grid-row:1;grid-column:2;font:15px var(--mono);color:var(--ember-2)}
.calc input{grid-column:1/-1;margin-top:8px;-webkit-appearance:none;appearance:none;height:6px;border-radius:9px;background:linear-gradient(90deg,var(--ember) var(--p,20%),var(--ink-3) var(--p,20%))}
.calc input::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--text);border:4px solid var(--ember);cursor:pointer}
.calc input::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--text);border:4px solid var(--ember)}
.result{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:8px;border-top:1px solid var(--line)}
.result div{background:var(--ink-3);border-radius:14px;padding:16px 18px}
.result strong{display:block;font:500 40px var(--display);color:var(--text);margin-top:4px;letter-spacing:-.02em}
.result small{font-size:13px;color:var(--subtle)}
.formula{font:12px var(--mono);color:var(--subtle)}
.calc .btn{justify-self:start}

/* stages */
.stages{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:s}
.stages li{position:relative;padding:32px;border-radius:var(--r);background:var(--ink-2);border:1px solid var(--line);transition:transform .25s,border-color .25s}
.stages li:hover{transform:translateY(-4px);border-color:#f28a2e55}
.stages li:not(:last-child)::after{content:"";position:absolute;top:52px;right:-21px;width:22px;height:1px;background:var(--ember)}
.sn{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;border:1px solid #f28a2e66;font:14px var(--mono);color:var(--ember-2);margin-bottom:24px}
.stages h3{font-size:28px}
.stages .sub{font:12px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--mint);margin:8px 0 14px}
.stages p:last-child{color:var(--muted);font-size:15.5px}

/* pricing — paper */
.paper{background:var(--paper);color:var(--paper-ink)}
.paper .label{color:#a84b0d}
.paper h2 em{color:#c4561a}
.paper .sec-head p:last-child{color:var(--paper-muted)}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.plan{display:flex;flex-direction:column;padding:34px;border-radius:24px;background:#fffaf2;border:1px solid #1a171214;transition:transform .25s,box-shadow .25s}
.plan:hover{transform:translateY(-4px);box-shadow:0 24px 50px -24px #1a171240}
.fit{font:11.5px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--paper-muted)}
.plan h3{font-size:34px;margin:14px 0 8px}
.desc{color:var(--paper-muted);font-size:15.5px;min-height:48px}
.price{font:500 40px var(--display);letter-spacing:-.02em;margin:22px 0 6px;line-height:1.1}
.price small{display:block;font:400 13px var(--body);letter-spacing:0;color:var(--paper-muted);margin-top:4px}
.support{font-size:15px;color:var(--paper-muted);padding-bottom:20px;border-bottom:1px solid #1a171218}
.support b{color:var(--paper-ink)}
.plan ul{list-style:none;margin:20px 0 28px;display:grid;gap:10px;flex:1}
.plan li{font-size:15px;padding-left:28px;position:relative}
.plan li::before{content:"✓";position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:11px;background:#c4561a1a;color:#a84b0d;font-weight:700}
.plan .btn{justify-content:center}
.featured{background:var(--ink);color:var(--text);border-color:var(--ink);box-shadow:0 30px 60px -30px #0a0e17aa;position:relative}
.featured::before{content:"Illustrative estimate";position:absolute;top:-12px;right:28px;padding:5px 12px;border-radius:999px;background:var(--ember);color:#1b0d02;font:11px var(--mono);text-transform:uppercase;letter-spacing:.06em}
.featured .fit,.featured .desc,.featured .support,.featured .price small{color:var(--muted)}
.featured .support{border-color:var(--line)}
.featured .support b{color:var(--text)}
.featured li::before{background:#f28a2e2a;color:var(--ember-2)}
.fine{margin-top:32px;font-size:13px;color:var(--paper-muted);max-width:860px}
/* home: two-card cost row */
.plans.pair{grid-template-columns:repeat(2,1fr);max-width:760px;margin:0 auto}
@media (max-width:640px){.plans.pair{grid-template-columns:1fr}}

/* cta */
.cta-card{display:grid;grid-template-columns:1fr 1fr;border-radius:32px;overflow:hidden;border:1px solid var(--line)}
.cta-l{padding:56px;background:var(--ink-2)}
.cta-l h2{font-size:clamp(32px,3.4vw,44px);margin:14px 0 10px}
.cta-l>p{color:var(--muted)}
fieldset{border:0;margin-top:28px}
legend{font-weight:600;font-size:15px;margin-bottom:12px}
.pills{display:flex;flex-wrap:wrap;gap:8px}
.quiz-out{margin-top:24px;min-height:24px;color:var(--mint);font-size:15px}
.cta-r{position:relative;padding:56px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:24px;background:radial-gradient(500px 400px at 80% 20%,#ffb35c,transparent 70%),linear-gradient(150deg,#f28a2e,#c2410c);color:#1b0d02;overflow:hidden}
.cta-r::after{content:"";position:absolute;right:-80px;bottom:-80px;width:320px;height:320px;background:url(logo-lg.webp) center/contain no-repeat;opacity:.18;mix-blend-mode:multiply}
.eyebrow.light{color:#3a1a05;border-color:#1b0d0233;background:#ffffff22}
.huge{font-size:clamp(44px,5vw,72px);line-height:1}
.huge em{color:#fff;font-style:italic}
.cta-r .btn{background:var(--ink);color:var(--text);box-shadow:0 14px 30px -12px #0008;position:relative;z-index:1}
.cta-r .link{color:#1b0d02;border-color:#1b0d0255;position:relative;z-index:1}

/* footer */
.foot{border-top:1px solid var(--line);padding:80px 0 32px;background:var(--ink)}
.foot-grid{display:grid;grid-template-columns:1.1fr 1.4fr .7fr .7fr;gap:48px}
.foot-brand p{color:var(--muted);margin:16px 0 10px;font-family:var(--display);font-size:22px;line-height:1.25;max-width:260px}
.mail{color:var(--ember-2);font-weight:600}
.news h3,.news .news-h{font-size:26px;margin:10px 0 6px}
.news>p{color:var(--muted);font-size:15px}
.news form{display:flex;gap:8px;margin-top:18px;padding:6px;border:1px solid var(--line-2);border-radius:999px;max-width:440px}
.news input{flex:1;min-width:0;background:none;border:0;color:var(--text);font:15px var(--body);padding:0 14px}
.news input::placeholder{color:var(--subtle)}
.news input:focus{outline:none}
.news form:focus-within{border-color:var(--ember)}
.news .btn{padding:11px 20px;font-size:14px}
.foot-col{display:flex;flex-direction:column;gap:10px;font-size:15px;color:var(--muted)}
.foot-col .label{margin-bottom:6px}
.foot-col a:hover,.foot-base a:hover{color:var(--ember-2)}
.foot-base{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:64px;padding-top:24px;border-top:1px solid var(--line);font-size:13px;color:var(--subtle)}
.foot-base b{color:var(--text);font-weight:600;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-right:8px}

/* reveal */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}
.reveal.in{opacity:1;transform:none}
.no-js .reveal{opacity:1;transform:none}

/* responsive */
@media (max-width:1080px){
  .links,.nav .btn-sm{display:none}
  .burger{display:flex}
  .mobile{display:grid;max-height:0;overflow:hidden;transition:max-height .35s;padding:0 32px;gap:4px}
  .mobile.open{max-height:420px;padding-bottom:20px}
  .mobile a:not(.btn){padding:12px 0;border-bottom:1px solid var(--line);font-size:18px}
  .mobile .btn{margin-top:14px;justify-content:center}
  .hero-grid,.split,.cta-card{grid-template-columns:1fr}
  .hero-art{max-width:460px}
  .studio{grid-template-columns:1fr}
  .core{height:160px}
  .wires{display:none}
  .core::before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:1.5px dashed #f28a2e88}
  .ind-panel{grid-template-columns:1fr;padding:36px;gap:32px}
  .stages,.plans{grid-template-columns:1fr}
  .stages li:not(:last-child)::after{display:none}
  .foot-grid{grid-template-columns:1fr 1fr}
  .split{gap:48px}
}
@media (max-width:640px){
  body{font-size:16px}
  .wrap{padding:0 20px}
  .hero{padding-top:40px}
  .hero-grid{min-height:0;gap:24px}
  .lede,.big{font-size:18px}
  .pillars{grid-template-columns:1fr;gap:12px}
  .pillars li{display:flex;gap:12px}
  .pillars span{margin:0}
  .hero-art{max-width:340px;margin-top:8px}
  .sec{padding:80px 0}
  .sec-head{margin-bottom:40px}
  .brief{padding:22px}
  .ind-panel{padding:24px}
  .ind-text h3{font-size:38px}
  .mods{grid-template-columns:1fr}
  .calc,.qa{padding:22px}
  .result{grid-template-columns:1fr}
  .cta-l,.cta-r{padding:32px 24px}
  .foot-grid{grid-template-columns:1fr 1fr;gap:36px}
  .foot-brand,.news{grid-column:1/-1}
  .foot-base{flex-direction:column}
  .cta-row .btn{flex:1;justify-content:center}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
.foot-base{border-top:0;background:linear-gradient(var(--line),var(--line)) center top/calc(100% - 64px) 1px no-repeat}
@media (max-width:640px){.foot-base{background-size:calc(100% - 40px) 1px}}
.news .label{color:var(--ember-2)}
@media (max-width:640px){
  .mods{grid-template-columns:1fr 1fr;gap:8px}
  .mods li{padding:12px;font-size:13.5px;flex-direction:column;align-items:flex-start;gap:4px}
}
.news>p.label{font-size:12px;color:var(--ember-2)}

/* ===== Interactive brain (WebGL) — ember chrome ===== */
.hero-art{position:relative;width:100%;max-width:560px;justify-self:center;aspect-ratio:auto}
.brain-preview{
  --bp-orange:#f28a2e;--bp-ember:#ffb35c;--bp-yellow:#ffe4a8;--bp-ink:#0a0e17;
  flex-direction:column;height:100%;min-height:560px;display:flex;color:var(--text)
}
.brain-preview__stage{
  isolation:isolate;flex:1;min-height:420px;position:relative;border-radius:50%;
  background:
    radial-gradient(circle at 53% 48%,#f28a2e2e,transparent 62%),
    radial-gradient(circle at 50% 50%,#22b8a014,transparent 70%);
  overflow:hidden
}
.brain-preview__canvas{z-index:1;cursor:grab;border-radius:50%;outline:none;position:absolute;inset:0}
.brain-preview__canvas:active{cursor:grabbing}
.brain-preview__canvas:focus-visible{outline:1px solid #ffe4a899;outline-offset:-16px}
.brain-preview__canvas .anatomical-canvas,
.brain-preview__canvas canvas{pointer-events:auto;width:100%!important;height:100%!important;cursor:inherit;position:absolute;inset:0;border-radius:50%}
.brain-preview[data-status=fallback] .brain-preview__canvas{visibility:hidden}

.brain-preview__hud{z-index:2;pointer-events:none;letter-spacing:.13em;text-transform:uppercase;color:#c4b79b;font:9px/1.5 var(--mono);position:absolute;inset:0}
.brain-preview__hud-top,.brain-preview__hud-bottom{justify-content:space-between;align-items:center;gap:14px;display:flex;position:absolute;left:18px;right:18px}
.brain-preview__hud-top{top:12px}
.brain-preview__hud-bottom{bottom:14px}
.brain-preview__hud-top>span:first-child{color:var(--bp-yellow);align-items:center;gap:8px;display:flex}
.brain-preview__hud-top i{background:var(--bp-orange);border-radius:50%;width:5px;height:5px;box-shadow:0 0 10px var(--bp-orange);display:block}
.brain-preview__spectrum{display:flex;align-items:flex-end;gap:2px;height:16px}
.brain-preview__spectrum i{display:block;width:2px;background:linear-gradient(var(--bp-ember),var(--bp-orange));opacity:.7;border-radius:1px}
.brain-preview__bracket{position:absolute;width:28px;height:28px;border:1px solid #f28a2e55;pointer-events:none}
.bp-bracket-one{top:42px;left:18px;border-right:0;border-bottom:0}
.bp-bracket-two{bottom:42px;right:18px;border-left:0;border-top:0}

.brain-preview__loading{z-index:3;position:absolute;inset:0;display:grid;place-content:center;gap:12px;text-align:center;padding:24px;background:radial-gradient(circle,#0a0e17cc,#0a0e17ee);color:var(--muted);font-size:14px}
.brain-preview__loading[hidden]{display:none}
.brain-preview__loader{width:36px;height:36px;margin:0 auto 8px;border-radius:50%;border:2px solid #f28a2e33;border-top-color:var(--bp-orange);animation:spin 1s linear infinite;display:block}
.brain-preview[data-status=ready] .brain-preview__loading{display:none}

.brain-preview__readout{display:flex;justify-content:space-between;gap:12px;align-items:baseline;padding:14px 4px 6px;font-size:13px;color:var(--muted);flex-wrap:wrap}
.brain-preview__readout>span:first-child{color:var(--text);font-weight:500;display:flex;align-items:center;gap:8px}
.brain-preview__readout i{width:7px;height:7px;border-radius:50%;background:var(--bp-orange);box-shadow:0 0 8px var(--bp-orange);display:inline-block}
.brain-preview__readout b{font-weight:600}
.brain-preview__readout em{font-style:normal;color:var(--bp-ember);font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase}

.brain-preview__controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:6px 0 10px}
.brain-preview__spark,.brain-preview__pause,.brain-preview__camera button,.brain-preview__time button{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:10px 14px;border-radius:999px;border:1px solid var(--line-2);
  background:#ffffff08;color:var(--text);font-size:13px;font-weight:500;transition:.2s
}
.brain-preview__spark{background:linear-gradient(135deg,var(--bp-ember),var(--bp-orange));color:#1b0d02;border:0;font-weight:600}
.brain-preview__spark:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px -8px #f28a2e88}
.brain-preview__camera{display:flex;gap:4px;padding:4px;border-radius:999px;border:1px solid var(--line);background:#0a0e1788}
.brain-preview__camera button{width:36px;height:36px;padding:0;border:0;background:transparent;font-size:16px;line-height:1}
.brain-preview__camera button:hover:not(:disabled),.brain-preview__pause:hover:not(:disabled),.brain-preview__time button:hover:not(:disabled){color:var(--bp-ember);border-color:#f28a2e55}
.brain-preview__controls button:disabled{opacity:.4;cursor:not-allowed}

.brain-preview__exploration{display:flex;flex-wrap:wrap;gap:10px;align-items:end;justify-content:space-between;padding:4px 0 8px}
.brain-preview__region{display:grid;gap:6px;flex:1;min-width:200px;font:11px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--subtle)}
.brain-preview__region select{
  appearance:none;-webkit-appearance:none;padding:11px 36px 11px 14px;border-radius:12px;
  border:1px solid var(--line-2);background:var(--ink-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23ffb35c' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") right 12px center/12px no-repeat;
  color:var(--text);font:500 14px var(--body);letter-spacing:0;text-transform:none;cursor:pointer
}
.brain-preview__region select:focus{outline:2px solid var(--bp-ember);outline-offset:2px}
.brain-preview__time{display:flex;gap:6px}
.brain-preview__time button[aria-pressed=true]{border-color:var(--bp-orange);color:var(--bp-ember);background:#f28a2e18}

.brain-preview__feedback{display:block;min-height:1.2em;font-size:13px;color:var(--mint);padding:0 2px 6px}
.brain-preview__caption{display:flex;justify-content:space-between;align-items:end;gap:12px;padding-top:4px;border-top:1px solid var(--line)}
.brain-preview__caption>a:first-child{display:flex;align-items:center;gap:10px;font:500 15px var(--display);color:var(--text);transition:color .2s}
.brain-preview__caption>a:first-child:hover{color:var(--bp-ember)}
.brain-preview__caption small{display:block;font:11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--bp-ember);margin-bottom:2px}
.brain-preview__source{font:11px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--subtle);border-bottom:1px solid transparent}
.brain-preview__source:hover{color:var(--bp-ember);border-color:var(--bp-ember)}

@media (max-width:1080px){
  .brain-preview{min-height:520px}
  .brain-preview__stage{min-height:360px;max-width:420px;margin:0 auto;width:100%;aspect-ratio:1}
}
@media (max-width:640px){
  .brain-preview{min-height:0}
  .brain-preview__stage{min-height:280px;max-width:320px}
  .brain-preview__hud{font-size:8px}
  .brain-preview__hud-top,.brain-preview__hud-bottom{left:10px;right:10px}
  .brain-preview__controls{gap:6px}
  .brain-preview__spark span:last-child{display:none}
  .brain-preview__spark::after{content:"Spark"}
  .brain-preview__readout{font-size:12px}
  .brain-preview__caption{flex-direction:column;align-items:flex-start}
}

/* Phones: the "Follow a connection" picker takes its own full row so the Orbit and speed
   buttons wrap below it instead of overlapping it (the select cannot shrink below its
   longest option). Same arrangement the layout already uses at 360px. */
@media (max-width: 480px) { .brain-preview__region { flex-basis: 100%; } }

/* Audit forms: hold space for the form until forms.js has drawn it, so the footer does not
   jump when the form appears (the audit-page layout shift). 900px is below every measured
   first-step height (phones 1714px+, desktop 949px+) and pushes the footer below the fold
   up to 1920x1080. Only while the form is not drawn yet, and only when scripts run. */
@media (scripting: enabled) { [data-audit-app]:not(:has(> :not(noscript))) { min-height: 900px; } }