:root {
  --bg: #090b10;
  --bg-2: #0d1017;
  --panel: #111722;
  --panel-2: #151c28;
  --text: #f4f7fb;
  --muted: #9ca8b8;
  --line: rgba(255,255,255,.10);
  --accent: #8bf0c6;
  --accent-2: #77a8ff;
  --warn: #ffcf70;
  --danger: #ff8796;
  --max: 1180px;
  --radius: 22px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; background:var(--bg); color:var(--text); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1.6; overflow-x:hidden; }
a { color:inherit; }
code, pre { font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace; }
.wrap { width:min(var(--max), calc(100% - 40px)); margin:0 auto; }
.skip-link { position:fixed; left:12px; top:-80px; background:#fff; color:#000; padding:10px 14px; z-index:1000; border-radius:8px; }
.skip-link:focus { top:12px; }
.noise { position:fixed; inset:0; pointer-events:none; opacity:.035; z-index:999; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E"); }
.site-header { position:sticky; top:0; z-index:20; backdrop-filter:blur(18px); background:rgba(9,11,16,.72); border-bottom:1px solid rgba(255,255,255,.06); }
.nav-wrap { min-height:70px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.brand { display:inline-flex; align-items:center; gap:12px; text-decoration:none; font-weight:700; letter-spacing:.05em; }
.brand-mark { width:27px; height:27px; position:relative; display:grid; place-items:center; border:1px solid rgba(139,240,198,.4); border-radius:8px; transform:rotate(45deg); }
.brand-mark i { position:absolute; background:var(--accent); display:block; width:3px; height:3px; border-radius:50%; box-shadow:0 0 12px rgba(139,240,198,.8); }
.brand-mark i:nth-child(1){ transform:translate(-5px,-5px); }.brand-mark i:nth-child(2){ transform:translate(5px,-5px); }.brand-mark i:nth-child(3){ transform:translate(0,5px); }
.nav-links { display:flex; align-items:center; gap:24px; }
.nav-links a { color:#bbc5d2; text-decoration:none; font-size:.92rem; }
.nav-links a:hover,.nav-links a:focus-visible { color:#fff; }
.menu-button { display:none; border:1px solid var(--line); background:transparent; color:#fff; border-radius:10px; padding:8px 12px; }
.section { padding:112px 0; position:relative; }
.hero { padding-top:132px; min-height:760px; display:flex; align-items:center; background:radial-gradient(circle at 75% 35%, rgba(119,168,255,.13), transparent 30%), radial-gradient(circle at 25% 30%, rgba(139,240,198,.09), transparent 33%); }
.hero-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:72px; align-items:center; }
.eyebrow { text-transform:uppercase; letter-spacing:.15em; font-size:.73rem; font-weight:700; color:var(--accent); margin:0 0 18px; }
h1,h2,h3,p { margin-top:0; }
h1 { font-size:clamp(3.3rem,7vw,6.8rem); line-height:.94; letter-spacing:-.065em; max-width:920px; margin-bottom:28px; }
h1 span { color:var(--accent); }
h2 { font-size:clamp(2.2rem,4.4vw,4.4rem); line-height:1.02; letter-spacing:-.045em; margin-bottom:22px; }
h3 { font-size:1.15rem; letter-spacing:-.02em; }
.lede,.large-copy { color:#b9c4d2; font-size:clamp(1.08rem,1.6vw,1.3rem); max-width:760px; }
.hero-actions { display:flex; gap:12px; flex-wrap:wrap; margin:34px 0 28px; }
.button { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 18px; border-radius:12px; font-weight:700; text-decoration:none; border:1px solid var(--line); transition:.2s ease; }
.button.primary { background:var(--accent); color:#06110d; border-color:transparent; }
.button.primary:hover { transform:translateY(-2px); box-shadow:0 12px 35px rgba(139,240,198,.15); }
.button.secondary { background:rgba(255,255,255,.035); }
.button.secondary:hover { background:rgba(255,255,255,.07); }
.principle-row { display:flex; flex-wrap:wrap; gap:9px; }
.principle-row span { font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace; font-size:.74rem; color:#94a0af; border:1px solid var(--line); border-radius:999px; padding:7px 10px; }
.terminal-card { border:1px solid rgba(255,255,255,.11); background:linear-gradient(145deg,rgba(18,23,34,.95),rgba(10,13,20,.98)); border-radius:20px; overflow:hidden; box-shadow:0 35px 90px rgba(0,0,0,.35); transform:perspective(1200px) rotateY(-4deg) rotateX(2deg); }
.terminal-bar { height:48px; display:flex; gap:8px; align-items:center; padding:0 16px; border-bottom:1px solid var(--line); color:#738093; font:500 .75rem "SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace; }
.terminal-bar span { width:8px;height:8px;border-radius:50%;background:#334052; }.terminal-bar b{margin-left:auto;font-weight:500;}
.terminal-card pre { margin:0; padding:28px; min-height:360px; font-size:.91rem; line-height:1.85; overflow:auto; }
.muted { color:#6f7f93; }.ok{color:var(--accent);}.warn{color:var(--warn);}.deny{color:var(--danger);}.cursor{color:var(--accent); animation:blink 1s steps(1) infinite;} @keyframes blink{50%{opacity:0}}
.manifesto-strip { border-top:1px solid var(--line); border-bottom:1px solid var(--line); background:#0b0e14; }
.manifesto-strip blockquote { margin:0; padding:38px 0; font-size:clamp(1.15rem,2vw,1.65rem); color:#d9e1eb; text-align:center; letter-spacing:-.02em; }
.section-heading { max-width:900px; margin-bottom:58px; }.section-heading.narrow{max-width:720px}.section-heading>p:last-child{color:var(--muted);font-size:1.08rem;}
.architecture-map { border:1px solid var(--line); background:linear-gradient(180deg,#0e131d,#0a0d13); padding:30px; border-radius:var(--radius); display:grid; gap:14px; margin-bottom:34px; }
.map-row { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }.map-node{border:1px solid var(--line);background:rgba(255,255,255,.025);min-height:68px;border-radius:14px;display:grid;place-items:center;text-align:center;padding:12px;font-weight:600}.map-node.accent{border-color:rgba(139,240,198,.22);background:rgba(139,240,198,.035)}.map-node.wide{background:linear-gradient(90deg,rgba(139,240,198,.08),rgba(119,168,255,.07));}.map-row.foundation .map-node{border-color:rgba(119,168,255,.2)}.map-connector{text-align:center;color:#6f7c8e;font:500 .7rem "SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;text-transform:uppercase;letter-spacing:.12em;padding:2px}
.feature-grid { display:grid; gap:16px; }.feature-grid.three{grid-template-columns:repeat(3,1fr)}.feature-card{border:1px solid var(--line);border-radius:18px;padding:25px;background:#0e121a}.feature-card .num{font:600 .72rem "SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;color:var(--accent);display:block;margin-bottom:28px}.feature-card p{color:var(--muted);margin-bottom:0;font-size:.94rem}.feature-card.glass{background:rgba(255,255,255,.025)}
.section-dark{background:#07090d;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.quote-card{margin-top:28px;border-left:2px solid var(--accent);padding:16px 20px;background:rgba(139,240,198,.035);color:#dce5ef}.semantic-demo{border:1px solid var(--line);border-radius:18px;background:#0c1118;overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.25)}.demo-head{display:flex;justify-content:space-between;gap:15px;padding:12px 15px;border-bottom:1px solid var(--line);font:500 .67rem "SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;color:#77879a}.semantic-node{display:grid;grid-template-columns:55px 1fr 1.2fr auto;gap:12px;align-items:center;padding:15px;border-bottom:1px solid rgba(255,255,255,.055);font-size:.86rem}.semantic-node b{font:600 .74rem "SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;color:#7e8da0}.semantic-node span{color:#7e8da0}.semantic-node strong{font-weight:600}.semantic-node em{font:500 .68rem "SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;color:#7e8da0;font-style:normal}.semantic-node.active{background:rgba(139,240,198,.055);box-shadow:inset 2px 0 var(--accent)}.semantic-output{display:grid;grid-template-columns:80px 1fr;gap:12px;padding:11px 15px;color:#8290a2;font-size:.78rem}.semantic-output code{color:#d4dce7}.top-gap{margin-top:34px}
.security-list{border-top:1px solid var(--line)}.security-list>div{display:grid;grid-template-columns:70px .7fr 1fr;gap:30px;padding:32px 0;border-bottom:1px solid var(--line);align-items:start}.security-list span{font:600 .75rem "SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;color:var(--accent)}.security-list h3{margin:0;font-size:1.25rem}.security-list p{margin:0;color:var(--muted)}
.compiler{background:radial-gradient(circle at 80% 50%,rgba(119,168,255,.09),transparent 32%)}.compiler-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.compiler code{font-size:.88em;color:#cde2ff}.fine{color:#7f8c9c;font-size:.9rem}.stat-stack{display:grid;gap:12px}.stat{border:1px solid var(--line);background:#0d121a;border-radius:16px;padding:22px;display:grid;grid-template-columns:100px 1fr;gap:22px;align-items:center}.stat strong{font-size:2.6rem;line-height:1;color:var(--accent);letter-spacing:-.06em}.stat span{color:#9eabba;font-size:.91rem}
.status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.status-grid article{border:1px solid var(--line);background:#0c1017;border-radius:18px;padding:26px}.status-grid p{color:var(--muted);margin-bottom:0}.status{font:700 .64rem "SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;text-transform:uppercase;letter-spacing:.09em;border-radius:999px;padding:6px 9px;display:inline-block;margin-bottom:24px}.status.done{background:rgba(139,240,198,.09);color:var(--accent)}.status.active{background:rgba(119,168,255,.10);color:#a7c6ff}.status.next{background:rgba(255,207,112,.09);color:var(--warn)}
.timeline{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.timeline li{display:grid;grid-template-columns:90px 1fr;gap:28px;padding:27px 0;border-bottom:1px solid var(--line)}.timeline b{font:600 .8rem "SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;color:#596677}.timeline h3{margin:0 0 7px}.timeline p{margin:0;color:var(--muted)}.timeline .complete b{color:var(--accent)}.timeline .current{background:linear-gradient(90deg,rgba(119,168,255,.055),transparent);}.timeline .current b{color:#a7c6ff}
.principles{text-align:center;background:linear-gradient(180deg,#090b10,#0b0f15)}.principle-stack{margin:35px auto 0;max-width:920px}.principle-stack p{font-size:clamp(1.65rem,3.6vw,3.8rem);line-height:1.04;letter-spacing:-.05em;color:#7c8796;margin:12px 0}.principle-stack strong{color:#f4f7fb;font-weight:600}
.final-cta{padding-top:40px}.cta-box{border:1px solid rgba(139,240,198,.16);background:linear-gradient(120deg,rgba(139,240,198,.07),rgba(119,168,255,.05));border-radius:28px;padding:48px;display:flex;justify-content:space-between;align-items:end;gap:40px}.cta-box>div{max-width:780px}.cta-box p:last-child{color:var(--muted);margin-bottom:0}
footer{border-top:1px solid var(--line);padding:50px 0 70px;background:#07090d}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer-grid p{color:#788697;font-size:.86rem;margin:8px 0 0}.footer-grid strong{font-size:.78rem;color:#aeb8c5}.footer-brand{margin-bottom:13px}
@media(max-width:900px){.hero-grid,.split,.compiler-grid{grid-template-columns:1fr}.hero{padding-top:95px}.terminal-card{transform:none}.feature-grid.three{grid-template-columns:1fr}.security-list>div{grid-template-columns:45px 1fr}.security-list>div p{grid-column:2}.semantic-node{grid-template-columns:42px 1fr}.semantic-node strong,.semantic-node em{grid-column:2}.status-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.cta-box{align-items:flex-start;flex-direction:column}}
@media(max-width:680px){.wrap{width:min(var(--max),calc(100% - 26px))}.section{padding:82px 0}.nav-links{display:none;position:absolute;top:61px;right:13px;left:13px;flex-direction:column;align-items:flex-start;padding:16px;border:1px solid var(--line);border-radius:14px;background:#0d1118}.nav-links.open{display:flex}.menu-button{display:block}.map-row{grid-template-columns:1fr}.architecture-map{padding:16px}.semantic-node{font-size:.8rem}.cta-box{padding:28px}.timeline li{grid-template-columns:50px 1fr}.stat{grid-template-columns:70px 1fr}.stat strong{font-size:2rem}h1{font-size:3.2rem}.hero{min-height:auto}.terminal-card pre{padding:20px;font-size:.79rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}