:root{
  --ink:#10151c;
  --paper:#f5f7f8;
  --panel:#ffffff;
  --dark:#0d1117;
  --dark-2:#151b23;
  --muted:#66707c;
  --muted-dark:#a9b3bf;
  --line:#d9dfe5;
  --line-dark:#2c3642;
  --accent:#76e3b3;
  --accent-deep:#2a9d73;
  --blue:#8cc8ff;
  --max:1160px;
  --radius:18px;
  --shadow:0 28px 70px rgba(15,23,32,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
.shell{width:min(var(--max),calc(100% - 44px));margin-inline:auto}
.site-header{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:15px clamp(18px,4vw,40px);color:#eaf0f5;background:rgba(13,17,23,.72);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.07)}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.015em}
.brand-mark{width:32px;height:32px;border:1px solid #42505f;border-radius:9px;display:grid;place-items:center;background:#151b23;color:var(--accent);font:800 16px/1 ui-monospace,SFMono-Regular,Menlo,monospace}
.site-nav{display:flex;align-items:center;gap:23px;font-size:.84rem;color:#c3ccd6}
.site-nav a:hover{color:#fff}
.nav-cta{border:1px solid #3a4654;border-radius:9px;padding:8px 12px;background:#151b23;color:#fff}
.nav-toggle{display:none;border:1px solid #3a4654;border-radius:8px;background:#151b23;color:#fff;padding:8px 11px}
.hero{position:relative;min-height:790px;background:var(--dark);color:#f5f8fb;overflow:hidden;padding:148px 0 95px}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black 35%,transparent 92%)}
.hero::after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-140px;top:80px;background:radial-gradient(circle,rgba(118,227,179,.11),transparent 68%);filter:blur(10px)}
.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1.08fr .92fr;gap:72px;align-items:center}
.eyebrow{margin:0 0 12px;font:800 .74rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.13em;color:var(--accent-deep)}
.hero .eyebrow,.section-dark .eyebrow,.beta-card .eyebrow{color:var(--accent)}
.status-dot{display:inline-block;width:7px;height:7px;background:var(--accent);border-radius:50%;margin-right:8px;box-shadow:0 0 0 5px rgba(118,227,179,.08)}
.hero h1{font-size:clamp(3.1rem,7vw,7rem);line-height:.94;letter-spacing:-.065em;margin:0;max-width:820px}
.hero h1 span{color:#adb8c4}
.lead{font-size:clamp(1.05rem,1.8vw,1.28rem);color:#b4bec9;max-width:690px;margin:27px 0 30px}
.hero-actions,.starter-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.button{appearance:none;border:1px solid transparent;border-radius:10px;min-height:46px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}
.button:hover{transform:translateY(-1px)}
.primary{background:var(--accent);color:#0b1511}
.secondary{background:#151b23;border-color:#35414e;color:#e8eef5}
.hero-meta{display:flex;gap:9px;flex-wrap:wrap;margin-top:31px}
.hero-meta span{border:1px solid #2e3945;background:rgba(21,27,35,.75);color:#96a4b2;padding:7px 9px;border-radius:7px;font:600 .73rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}
.terminal-card{border:1px solid #313c48;background:#0a0e13;border-radius:15px;overflow:hidden;box-shadow:0 35px 90px rgba(0,0,0,.33)}
.terminal-bar{height:45px;display:flex;align-items:center;gap:7px;border-bottom:1px solid #27313b;padding:0 14px;background:#11171e}
.terminal-bar span{width:10px;height:10px;border-radius:50%;background:#3b4652}.terminal-bar span:first-child{background:#ec6a5f}.terminal-bar span:nth-child(2){background:#f2bf4f}.terminal-bar span:nth-child(3){background:#61c554}
.terminal-bar code{margin-left:8px;color:#758392;font-size:.75rem}
.terminal-card pre{margin:0;padding:28px 26px 34px;overflow:auto;color:#d6dee7;font:500 .91rem/1.78 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.terminal-card .dim{color:#657383}.terminal-card .accent{color:var(--blue)}.terminal-card .ok{color:var(--accent)}
.section{padding:95px 0}
.section-heading{max-width:820px;margin-bottom:42px}.section-heading.narrow{max-width:720px}
.section-heading h2,.two-col h2,.starter-layout h2,.beta-card h2{font-size:clamp(2.25rem,5vw,4.8rem);line-height:.98;letter-spacing:-.052em;margin:0 0 20px}
.section-heading>p:last-child,.body-large{font-size:1.12rem;color:var(--muted);margin:0}
.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.principle-grid article{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:24px;min-height:260px}
.principle-grid code{font-size:.72rem;color:var(--accent-deep);font-weight:800}.principle-grid h3{font-size:1.38rem;line-height:1.15;margin:24px 0 12px;letter-spacing:-.025em}.principle-grid p{margin:0;color:var(--muted)}
.section-dark{background:var(--dark);color:#eff4f8}.section-dark .section-heading>p:last-child{color:var(--muted-dark)}
.architecture{display:grid;grid-template-columns:1fr auto .8fr auto .9fr;align-items:center;gap:24px;margin-top:45px}
.arch-stack,.arch-models{display:grid;gap:9px}.arch-stack span,.arch-models span{border:1px solid var(--line-dark);background:#121820;border-radius:9px;padding:12px 14px;font:600 .86rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:#dce4ec}
.arch-core{border:1px solid #3e5d50;background:linear-gradient(180deg,rgba(118,227,179,.08),rgba(118,227,179,.025));border-radius:13px;padding:25px;text-align:center;display:grid;gap:5px}.arch-core small{color:#8fa199;text-transform:uppercase;letter-spacing:.12em}.arch-core strong{font-size:1.4rem}.arch-core code{color:var(--accent)}
.arch-arrow{color:#627181;font-size:2rem}.arch-arrow.split{color:var(--accent)}
.code-note{margin-top:30px;border-top:1px solid var(--line-dark);padding-top:24px;display:flex;justify-content:space-between;gap:25px;align-items:center}.code-note code{color:var(--accent);background:#11171e;border:1px solid var(--line-dark);padding:9px 11px;border-radius:7px}.code-note p{color:var(--muted-dark);margin:0}
.two-col{display:grid;grid-template-columns:.92fr 1.08fr;gap:65px;align-items:center}.check-list{padding:0;margin:28px 0 0;list-style:none;display:grid;gap:10px}.check-list li{position:relative;padding-left:26px;color:#46515d}.check-list li::before{content:"✓";position:absolute;left:0;color:var(--accent-deep);font-weight:900}
.video-card{aspect-ratio:16/10;background:#0d1117;border:1px solid #28323d;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.video-card iframe{width:100%;height:100%;border:0}.video-placeholder{height:100%;display:grid;place-items:center;align-content:center;text-align:center;color:#e6edf4;background:radial-gradient(circle at 50% 40%,rgba(118,227,179,.09),transparent 35%),linear-gradient(135deg,#0d1117,#151c24);padding:30px}.video-placeholder strong{font-size:1.65rem;margin-top:13px}.video-placeholder p{margin:4px 0;color:#9ba7b3}.video-placeholder small{color:#637181}.play-mark{width:58px;height:58px;border:1px solid #3f4d5a;border-radius:50%;display:grid;place-items:center;padding-left:3px;color:var(--accent);font-size:1.15rem}
.starter-section{background:#e9edf0}.starter-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.starter-layout .body-large{max-width:670px}.starter-actions{margin-top:28px}.dark-text{color:#0b1511}.file-meta{color:#65717c;font:600 .78rem/1 ui-monospace,SFMono-Regular,Menlo,monospace}.manifest-card{background:#fff;border:1px solid #ccd4db;border-radius:var(--radius);overflow:hidden;box-shadow:0 18px 50px rgba(24,34,45,.08)}.manifest-row{display:flex;justify-content:space-between;gap:20px;padding:15px 18px;border-bottom:1px solid #e4e8ec}.manifest-row span{font:700 .9rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}.manifest-row small{color:#77828d}.manifest-warning{padding:17px 18px;background:#f5f7f8;color:#65717c;font-size:.88rem}
.beta-card{background:var(--dark);color:#eef3f7;border-radius:24px;padding:clamp(28px,5vw,55px);display:grid;grid-template-columns:.8fr 1.2fr;gap:58px;box-shadow:0 30px 75px rgba(13,17,23,.2)}.beta-copy>p:not(.eyebrow){color:#aab5c0}.privacy-note{font-size:.86rem}.privacy-note a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.interest-form{display:grid;gap:15px}.interest-form label:not(.checkbox-row):not(.hp-field){display:grid;gap:7px;color:#bdc6d0;font-size:.86rem;font-weight:700}.interest-form input[type=email],.interest-form input[type=text],.interest-form textarea,.interest-form select{width:100%;border:1px solid #35404d;border-radius:9px;background:#151b23;color:#f2f6f9;padding:12px 13px;outline:none}.interest-form textarea{resize:vertical}.interest-form input:focus,.interest-form textarea:focus,.interest-form select:focus{border-color:#659c84;box-shadow:0 0 0 3px rgba(118,227,179,.08)}.checkbox-row{display:flex;align-items:flex-start;gap:10px;color:#b6c0ca;font-size:.9rem}.checkbox-row input{margin-top:4px;accent-color:var(--accent-deep)}.submit-button{justify-self:start;margin-top:4px}.form-status{min-height:24px;margin:0;color:#aab5c0;font-size:.9rem}.form-status.ok{color:var(--accent)}.form-status.error{color:#ff978f}.hp-field{position:absolute!important;left:-9999px!important;opacity:0!important;width:1px!important;height:1px!important;pointer-events:none!important}
.notes-section{padding-top:20px}.note-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.note-grid>div{border-top:1px solid var(--line);padding-top:22px}.note-grid p:last-child{margin:0;color:var(--muted)}
.site-footer{background:#090d12;color:#dce4ec;border-top:1px solid #252f39;padding:32px clamp(22px,5vw,64px);display:flex;justify-content:space-between;gap:30px}.footer-main,.footer-links{display:grid;gap:7px}.footer-main>span:last-child,.footer-links span{color:#71808e;font-size:.85rem}.footer-links{text-align:right}.footer-links a{color:#b8c4cf}.footer-brand{font-size:1rem}

.kit-access-form{margin-top:28px;display:grid;gap:13px;max-width:610px}.kit-access-form label:not(.checkbox-row):not(.hp-field){display:grid;gap:7px;color:#3f4a54;font-size:.86rem;font-weight:700}.kit-access-form input[type=email],.kit-access-form input[type=text],.kit-access-form textarea{width:100%;border:1px solid #bcc7cf;border-radius:9px;background:#fff;color:#17212a;padding:12px 13px;outline:none}.kit-access-form textarea{resize:vertical}.kit-access-form input:focus,.kit-access-form textarea:focus{border-color:#548a73;box-shadow:0 0 0 3px rgba(67,132,104,.10)}.kit-access-form .button{justify-self:start}.optional{font-weight:500;color:#7a858e}.checkbox-row.light{color:#4f5b65}.kit-privacy{margin:0;color:#707b84;font-size:.82rem;max-width:560px}.kit-status{color:#5c6871}.kit-status.ok{color:#28674d}.kit-status.error{color:#a83c35}.kit-reveal{margin-top:22px;padding:18px;border:1px solid #b7c8bf;border-radius:12px;background:#f7faf8}.kit-reveal[hidden]{display:none}.kit-reveal p{margin:0 0 12px;color:#2c3c34}.kit-reveal .starter-actions{margin-top:0}.kit-access-form button[disabled]{opacity:.6;cursor:default}
@media(max-width:930px){.site-nav{display:none;position:absolute;right:18px;top:62px;background:#11171e;border:1px solid #313c48;border-radius:12px;padding:15px;flex-direction:column;align-items:flex-start}.site-nav.open{display:flex}.nav-toggle{display:block}.hero{min-height:auto}.hero-inner,.two-col,.starter-layout,.beta-card{grid-template-columns:1fr}.hero-inner{gap:45px}.principle-grid{grid-template-columns:1fr 1fr}.architecture{grid-template-columns:1fr}.arch-arrow{transform:rotate(90deg);justify-self:center}.code-note{align-items:flex-start;flex-direction:column}.beta-card{gap:35px}.note-grid{grid-template-columns:1fr}.site-footer{flex-direction:column}.footer-links{text-align:left}}
@media(max-width:590px){.shell{width:min(var(--max),calc(100% - 28px))}.site-header{padding:12px 14px}.hero{padding-top:118px;padding-bottom:70px}.hero h1{font-size:3.25rem}.section{padding:70px 0}.principle-grid{grid-template-columns:1fr}.principle-grid article{min-height:0}.hero-meta span{font-size:.68rem}.terminal-card pre{padding:20px 17px;font-size:.78rem}.architecture{gap:13px}.starter-actions{align-items:flex-start;flex-direction:column}.beta-card{padding:25px 18px}.site-footer{padding:27px 16px}}
