:root{--acc-expand:.25s;--acc-collapse:.25s;--acc-chevron:.25s;--acc-ease:cubic-bezier(.22, 1, .36, 1);--stagger-dur:.5s;--stagger-distance:12px;--stagger-stagger:40ms;--stagger-blur:3px;--stagger-ease:cubic-bezier(.22, 1, .36, 1);--tilt-perspective:1000px;--tilt-return:1s;--tilt-return-ease:cubic-bezier(.22, 1, .36, 1);--tilt-follow:.4s;--tilt-follow-ease:cubic-bezier(.22, 1, .36, 1);--tilt-glare-opacity:.32;--tilt-glare-fade:.3s;--tilt-glare-ease:cubic-bezier(.22, 1, .36, 1);--bg:#07080b;--bg-soft:#0d0f14;--surface:#12151c;--surface-2:#171b24;--border:#232936;--border-strong:#333c4e;--text:#f2f5fa;--text-dim:#a3adc0;--text-mute:#8b95a8;--accent:#6f8cff;--accent-warm:#ff9f6b;--radius:16px;--clickfx:#fff}[data-theme=light]{--bg:#f6f7fb;--bg-soft:#eef1f7;--surface:#fff;--surface-2:#f4f6fb;--border:#dfe4ee;--border-strong:#c3cbdb;--text:#10141c;--text-dim:#4b5568;--text-mute:#5a6474;--accent:#2f4fd8;--accent-warm:#c2551f;--clickfx:#000}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,sans-serif;font-size:16px;line-height:1.6;transition:background .2s,color .2s}a{color:inherit}.wrap{max-width:1080px;margin:0 auto;padding:0 24px}.topbar{z-index:20;background:color-mix(in srgb, var(--bg) 82%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;padding:14px 24px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.01em;align-items:center;gap:10px;font-weight:650;display:flex}.brand-dot{background:var(--accent);border-radius:50%;width:8px;height:8px}.topbar-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}@media (width<=560px){.topbar{padding:12px 16px}.topbar-actions{width:100%}.topbar-actions .ghost-btn{text-align:center;flex:auto}}.ghost-btn{appearance:none;cursor:pointer;color:var(--text-dim);border:1px solid var(--border);font:inherit;background:0 0;border-radius:999px;padding:7px 14px;font-size:14px;transition:color .16s,border-color .16s,background .16s}.ghost-btn:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface)}.hero{padding-block:88px 64px}.hero-orb{margin-bottom:28px}.hero h1{letter-spacing:-.03em;margin:0 0 18px;font-size:clamp(34px,6vw,62px);font-weight:680;line-height:1.04}.hero-lead{max-width:62ch;color:var(--text-dim);margin:0 0 32px;font-size:clamp(16px,2vw,19px)}.hero-cta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.metal-cta{appearance:none;cursor:pointer;background:var(--surface-2);color:var(--text);font:inherit;border:none;border-radius:999px;padding:12px 26px;font-weight:600}.section{border-top:1px solid var(--border);padding-block:56px}.section-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:28px;display:flex}.section-head h2{letter-spacing:-.02em;margin:0;font-size:clamp(22px,3vw,30px)}.section-head span{color:var(--text-mute);font-variant-numeric:tabular-nums;font-size:14px}.grid{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:18px;display:grid}.card-body{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:12px;height:100%;padding:22px;display:flex}.card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.card-body h3{letter-spacing:-.01em;margin:0;font-size:19px}.card-tagline{color:var(--accent);margin:0;font-size:14px;font-weight:550}.card-problem{color:var(--text-mute);margin:0;font-size:14px}.card-outcome{color:var(--text-dim);margin:0;font-size:15px}.pill{border:1px solid var(--border-strong);color:var(--text-mute);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;display:inline-flex}.pill--production{color:#7ee0b0;border-color:#2c5b47}.pill--staging{color:#f2c879;border-color:#5d4a24}.pill--concept{color:var(--text-mute)}.facts{gap:8px;margin:auto 0 0;padding:0;list-style:none;display:grid}.facts li{border-bottom:1px dashed var(--border);justify-content:space-between;gap:12px;padding-bottom:6px;font-size:13px;display:flex}.facts span:first-child{color:var(--text-mute)}.facts span:last-child{color:var(--text);font-variant-numeric:tabular-nums;text-align:right}.card-link{color:var(--accent);font-size:13px;text-decoration:none}.card-link:hover{text-decoration:underline}.cap-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.cap{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.cap h3{margin:0 0 8px;font-size:16px}.cap p{color:var(--text-dim);margin:0;font-size:14px}.final-cta{background:var(--bg-soft);border:1px solid var(--border-strong);border-radius:var(--radius);text-align:center;padding:clamp(24px,4vw,44px)}.final-cta h2{letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(22px,3.4vw,30px)}.final-cta p{max-width:56ch;color:var(--text-dim);margin:0 auto 24px;font-size:clamp(15px,1.8vw,17px)}.cta-link{background:var(--text);color:var(--bg);transition:transform var(--acc-expand) var(--acc-ease);border-radius:999px;align-items:center;padding:12px 26px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.cta-link:hover{transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.cta-link{transition:none}}.footer{border-top:1px solid var(--border);color:var(--text-mute);padding-block:40px 64px;font-size:14px}.footer-row{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}.t-acc{border-bottom:1px solid var(--border)}.t-acc-head{cursor:pointer;width:100%;font:inherit;color:var(--text);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-weight:550;display:flex}.t-acc-panel{transition:grid-template-rows var(--acc-collapse) var(--acc-ease);grid-template-rows:0fr;display:grid}.t-acc[data-open=true] .t-acc-panel{transition:grid-template-rows var(--acc-expand) var(--acc-ease);grid-template-rows:1fr}.t-acc-panel-inner{opacity:0;filter:blur(2px);transition:opacity var(--acc-collapse) var(--acc-ease), filter var(--acc-collapse) var(--acc-ease);overflow:hidden}.t-acc[data-open=true] .t-acc-panel-inner{opacity:1;filter:blur();transition:opacity var(--acc-expand) var(--acc-ease), filter var(--acc-expand) var(--acc-ease)}.t-acc-panel-inner>p{color:var(--text-dim);max-width:74ch;margin:0 0 18px}.t-acc-chevron{transform-origin:50%;transition:transform var(--acc-chevron) var(--acc-ease);color:var(--text-mute);display:inline-flex;transform:scaleY(1)}.t-acc-chevron path{vector-effect:non-scaling-stroke}.t-acc[data-open=true] .t-acc-chevron{transform:scaleY(-1)}.t-stagger-line{opacity:0;transform:translateY(var(--stagger-distance));filter:blur(var(--stagger-blur));transition:opacity var(--stagger-dur) var(--stagger-ease), transform var(--stagger-dur) var(--stagger-ease), filter var(--stagger-dur) var(--stagger-ease);will-change:transform, opacity, filter;display:block}.t-stagger-line--2{transition-delay:var(--stagger-stagger)}.t-stagger-line--3{transition-delay:calc(var(--stagger-stagger) * 2)}.t-stagger.is-shown .t-stagger-line{opacity:1;filter:blur();transform:translateY(0)}.t-tilt{height:100%}.t-tilt-card{border-radius:var(--radius);height:100%;transform:perspective(var(--tilt-perspective)) rotateX(var(--tilt-rx,0deg)) rotateY(var(--tilt-ry,0deg));transform-style:preserve-3d;transition:transform var(--tilt-return) var(--tilt-return-ease);will-change:transform;position:relative;overflow:hidden}.t-tilt-card.is-tilting{transition:transform var(--tilt-follow) var(--tilt-follow-ease)}.t-tilt-glare{pointer-events:none;opacity:0;mix-blend-mode:screen;background:radial-gradient(circle 95px at var(--tilt-gx,50%) var(--tilt-gy,50%), #ffffff7a, #ffffff0f 52%, #fff0 84%), radial-gradient(circle 200px at var(--tilt-gx,50%) var(--tilt-gy,50%), #ffffff38, #ffffff0a 58%, #fff0 78%), radial-gradient(circle 360px at var(--tilt-gx,50%) var(--tilt-gy,50%), #ffffff1a, #fff0 88%);transition:opacity var(--tilt-glare-fade) var(--tilt-glare-ease);position:absolute;inset:0}.t-tilt.is-hover .t-tilt-glare{opacity:var(--tilt-glare-opacity)}.boot{z-index:50;background:var(--bg);transition:opacity .32s var(--acc-ease), visibility .32s var(--acc-ease);grid-auto-flow:row;place-items:center;gap:18px;display:grid;position:fixed;inset:0}.boot[data-done=true]{opacity:0;visibility:hidden}.boot-label{color:var(--text-mute);font-size:14px}.inline-orb{vertical-align:-4px;margin-right:8px;display:inline-flex}@media (prefers-reduced-motion:reduce){.t-acc-panel,.t-acc-panel-inner,.t-acc-chevron,.t-stagger-line,.t-tilt-card,.t-tilt-glare,.boot{transition:none!important}}
