:root{--bg: #0e0e0c;--bg-soft: #171715;--raised: #1f1e1c;--fg: #fbf8f1;--fg-body: #c9c4b8;--fg-dim: #8f8a80;--fg-faint: #3a3935;--accent: #fbf8f1;--accent-2: #c9c4b8;--border: #2a2926;--selection: #fbf8f1;--sans: "Inter", system-ui, sans-serif;--display: "Geist", "Inter", sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}*::selection{background:var(--selection);color:var(--bg)}html{scroll-behavior:smooth}html,body{background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}.mesh{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:64px 64px;opacity:.35;mask-image:radial-gradient(ellipse at 50% 30%,#000 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 0%,transparent 70%)}.mesh-blob{display:none}#line-stage{position:fixed;inset:0;z-index:2;pointer-events:none;display:flex;align-items:center;justify-content:flex-end;padding-right:8vw}#line-stage svg{width:min(45vmin,400px);height:min(45vmin,400px);overflow:visible;opacity:0;transition:opacity 1s ease}#line-stage svg.visible{opacity:.12}#line-stage path{fill:none;stroke:var(--fg);stroke-width:1;stroke-linecap:round;stroke-linejoin:round}#line-stage path.amber{stroke:var(--fg-dim)}.hud{position:fixed;z-index:50;color:var(--fg-dim);font-family:var(--mono);font-size:11px;letter-spacing:1px;text-transform:uppercase;pointer-events:none}.hud-tl{top:24px;left:28px}.logo{display:flex;align-items:center;gap:12px;pointer-events:auto;text-decoration:none;color:var(--fg);text-transform:none;letter-spacing:0}.logo-mark{width:32px;height:32px;display:block;transition:transform .2s ease}.logo:hover .logo-mark{transform:rotate(-6deg)}.logo-word{font-family:var(--display);font-size:17px;font-weight:600;letter-spacing:-.025em}.hud-tr{top:24px;right:28px;text-align:right}.hud-bl{bottom:24px;left:28px}.hud-br{bottom:24px;right:28px;text-align:right}.hud .pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:6px;animation:pulse 2s ease-in-out infinite;vertical-align:middle}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #fbf8f180}50%{opacity:.6;box-shadow:0 0 0 5px #fbf8f100}}.section-nav{position:fixed;right:28px;top:50%;transform:translateY(-50%);z-index:50;display:flex;flex-direction:column;gap:14px}.section-nav .tick{width:22px;height:12px;border:none;background:none;border-bottom:1px solid var(--fg-faint);cursor:pointer;pointer-events:auto;transition:all .4s ease}.section-nav .tick.active{border-bottom-color:var(--accent);width:36px}main{position:relative;z-index:10}.section{min-height:100vh;display:flex;align-items:center;padding:80px 40px;position:relative}.section-inner{max-width:640px;margin:0 auto;width:100%;opacity:0;transform:translateY(24px);transition:opacity .9s ease,transform .9s ease}.section.visible .section-inner{opacity:1;transform:translateY(0)}.section.hero{text-align:center}.section.hero .section-inner{max-width:720px}.label{color:var(--fg-dim);font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:3px;margin-bottom:22px;display:block}.label:before{content:"// ";color:var(--fg-faint)}h1{font-family:var(--display);font-size:clamp(48px,10vw,112px);font-weight:600;letter-spacing:-.05em;line-height:.95;color:var(--fg);margin-bottom:24px}h1 .accent{color:var(--fg-dim)}h1 .cursor{display:inline-block;width:.08em;height:.85em;background:var(--accent);margin-left:.05em;vertical-align:text-bottom;animation:blink 1.1s steps(2) infinite}@keyframes blink{50%{opacity:0}}h2{font-family:var(--display);font-size:clamp(32px,5vw,52px);font-weight:600;letter-spacing:-.04em;line-height:1.08;color:var(--fg-dim);margin-bottom:32px}h2 .accent{color:var(--fg)}.tagline{color:var(--fg-body);font-family:var(--mono);font-size:14px;letter-spacing:.5px;margin:32px auto 0}p{margin-bottom:18px;color:var(--fg-body);font-family:var(--sans);font-size:18px;line-height:1.7;max-width:580px}p:last-child{margin-bottom:0}strong{color:var(--fg);font-weight:600}.scroll-cue{position:absolute;bottom:48px;left:50%;transform:translate(-50%);color:var(--fg-dim);font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:2.5px;opacity:0;animation:fadeIn 1s ease-out 2.5s forwards,bob 2.4s ease-in-out 3s infinite}.scroll-cue:after{content:"  ↓";color:var(--fg)}@keyframes fadeIn{to{opacity:1}}@keyframes bob{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(5px)}}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:16px}.stat{background:var(--bg-soft);border:1px solid var(--border);border-radius:12px;padding:26px 22px;position:relative;overflow:hidden}.stat .num{font-family:var(--display);font-size:48px;color:var(--fg);font-weight:700;letter-spacing:-.04em;display:block;font-variant-numeric:tabular-nums;line-height:1}.stat .stat-label{font-family:var(--mono);font-size:11px;color:var(--fg-dim);text-transform:uppercase;letter-spacing:1.5px;margin-top:12px;display:block}.pillars{list-style:none;margin-top:8px}.pillars li{padding:18px 0;color:var(--fg);border-bottom:1px solid var(--border);display:flex;align-items:baseline;gap:16px;font-size:18px;font-weight:500;opacity:0;transform:translate(-16px);transition:opacity .6s ease,transform .6s ease}.section.visible .pillars li{opacity:1;transform:translate(0)}.section.visible .pillars li:nth-child(1){transition-delay:.25s}.section.visible .pillars li:nth-child(2){transition-delay:.4s}.section.visible .pillars li:nth-child(3){transition-delay:.55s}.section.visible .pillars li:nth-child(4){transition-delay:.7s}.pillars li:last-child{border-bottom:none}.pillars li:before{content:"▸";color:var(--fg-dim);font-size:13px}.pillars .role{color:var(--fg-dim);font-family:var(--mono);font-weight:400;font-size:12px;margin-left:auto;text-transform:uppercase;letter-spacing:1.5px}.ai-block{background:var(--bg-soft);border:1px solid var(--border);border-left:2px solid var(--fg);border-radius:12px;padding:22px 26px;margin-top:28px;font-family:var(--sans);font-size:16px;line-height:1.7;color:var(--fg-body);max-width:560px}.ai-block .tag{display:inline-block;color:var(--fg);font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px}.ai-block .tag:before{content:"◉"}.contact-list{list-style:none;margin-top:12px}.contact-list li{padding:8px 0}.contact-list a{color:var(--fg);font-family:var(--display);font-size:28px;font-weight:600;letter-spacing:-.02em;text-decoration:none;border-bottom:1px solid var(--border);transition:border-color .2s,color .2s;pointer-events:auto}.contact-list a:hover{border-color:var(--fg)}.contact-list .key{color:var(--fg-dim);font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:1.5px;display:block;margin-bottom:8px}#boot{position:fixed;inset:0;background:var(--bg);z-index:200;display:flex;align-items:center;justify-content:center;padding:32px;transition:opacity .5s ease-out}#boot.done{opacity:0;pointer-events:none}#boot pre{color:var(--fg-body);font-family:var(--mono);font-size:13px;line-height:1.7;white-space:pre-wrap;max-width:560px}#boot .dim{color:var(--fg-dim)}#boot .warn{color:var(--fg)}#boot .cursor:after{content:"█";color:var(--accent);animation:blink .8s steps(2) infinite;margin-left:2px}@media(max-width:720px){html,body{font-size:16px}.section{padding:80px 24px}.stats{grid-template-columns:1fr}.hud-tr,.hud-br,.hud-bl{display:none}.hud-tl{top:18px;left:20px}.section-nav{right:14px}h1{font-size:clamp(44px,14vw,80px)}h2{font-size:clamp(28px,7vw,44px)}.tagline{font-size:14px;letter-spacing:.5px}.label{font-size:12px;letter-spacing:2px}p{font-size:17px;line-height:1.8}.stat-label{font-size:12px}.pillars li{font-size:16px}.pillars .role{font-size:12px}.ai-block{font-size:16px;line-height:1.7}.ai-block .tag{font-size:11px}.contact-list a{font-size:22px}.contact-list .key{font-size:12px}.scroll-cue{font-size:11px}#line-stage{justify-content:center;padding-right:0}#line-stage svg{width:50vmin;height:50vmin}#line-stage svg.visible{opacity:.06}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.section-inner,.pillars li{opacity:1;transform:none}}