*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-bg: #faf9f7;--color-bg-alt: #f3f1ee;--color-surface: #fff;--color-text: #1c1917;--color-text-secondary: #57534e;--color-text-muted: #78716c;--color-border: #d6d3d1;--color-border-subtle: #e7e5e4;--color-accent: #4338ca;--color-accent-hover: #3730a3;--color-accent-subtle: #eef2ff;--color-accent-muted: #a5b4fc;--color-accent-wash: rgba(67, 56, 202, .04);--color-warm: #b45309;--color-warm-subtle: #fef8ee;--color-code-bg: #1c1917;--color-code-text: #d6d3d1;--color-code-accent: #818cf8;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "Fira Code", ui-monospace, monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--max-width: 720px;--max-width-wide: 960px;--radius: 8px;--radius-sm: 6px;--ease: cubic-bezier(.16, 1, .3, 1);--duration: .2s;font-family:var(--font-sans);font-size:17px;line-height:1.6;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@supports (font-variation-settings: normal){:root{font-family:Inter var,system-ui,-apple-system,sans-serif}}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}::selection{background:var(--color-accent);color:#fff}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}section,header{padding:var(--space-20) 0}h1{font-size:2.8rem;font-weight:700;letter-spacing:-.03em;line-height:1.08;color:var(--color-text)}h2{font-size:1.5rem;font-weight:600;letter-spacing:-.02em;margin-bottom:var(--space-8);color:var(--color-text)}h3{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:var(--space-4)}p{color:var(--color-text)}a{color:var(--color-accent);text-decoration:none;transition:color var(--duration) var(--ease)}a:hover{color:var(--color-accent-hover);text-decoration:underline;text-underline-offset:3px}a:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:2px}.hero{padding:128px 0 var(--space-20);background:linear-gradient(180deg,var(--color-accent-wash) 0%,transparent 60%)}.tagline{font-size:1.25rem;color:var(--color-text-secondary);margin-top:var(--space-3);font-weight:400;letter-spacing:-.01em}.hero-description{margin-top:var(--space-6);max-width:540px;color:var(--color-text-secondary);line-height:1.7}.hero-links{display:flex;gap:var(--space-6);margin-top:var(--space-8);align-items:center}.link-primary,.link-primary:visited{display:inline-flex;align-items:center;background:var(--color-text);color:var(--color-bg);padding:var(--space-3) var(--space-6);border-radius:var(--radius-sm);font-weight:500;font-size:.9rem;transition:background var(--duration) var(--ease),transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.link-primary:hover{background:var(--color-accent-hover);color:var(--color-bg);text-decoration:none;transform:translateY(-1px);box-shadow:0 2px 8px #4338ca33}.link-primary:active{color:var(--color-bg);transform:translateY(0);box-shadow:none}.link-primary:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.link-secondary{font-size:.9rem;font-weight:500;color:var(--color-accent)}.why{background:var(--color-bg-alt);border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle)}.why .container{max-width:var(--max-width-wide)}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-bottom:var(--space-10)}.comparison-col{padding:var(--space-6);border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface)}.comparison-with{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent);background:var(--color-accent-subtle)}.comparison-col ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.comparison-col li{font-size:.93rem;line-height:1.55;padding-left:var(--space-5);position:relative;color:var(--color-text-secondary)}.comparison-without li:before{content:"−";position:absolute;left:0;color:var(--color-warm);font-weight:700}.comparison-with li{color:var(--color-text)}.comparison-with li:before{content:"✓";position:absolute;left:0;color:var(--color-accent);font-weight:700}.blunt{font-size:1rem;font-weight:500;color:var(--color-text);max-width:600px;padding-left:var(--space-4);border-left:3px solid var(--color-accent);line-height:1.6}.runtime{background:radial-gradient(circle at top left,rgba(67,56,202,.12),transparent 34%),linear-gradient(180deg,rgba(67,56,202,.04) 0%,transparent 48%)}.runtime .container{max-width:var(--max-width-wide)}.runtime-head{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(320px,1.15fr);gap:var(--space-8) var(--space-12);align-items:end;margin-bottom:var(--space-10)}.runtime-kicker{margin-bottom:var(--space-3);font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent)}.runtime-intro{margin-bottom:0;max-width:640px;font-size:1.02rem;color:var(--color-text-secondary);line-height:1.75}.runtime-shell{position:relative;padding:clamp(1.5rem,2vw + 1rem,2.75rem);border:1px solid var(--color-border);border-radius:24px;background:linear-gradient(180deg,#4338ca14,#4338ca00 34%),var(--color-surface);box-shadow:0 18px 40px #1c19170f,inset 0 1px #ffffffb8;overflow:hidden}.runtime-shell:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(67,56,202,.08),transparent 18%),linear-gradient(0deg,transparent 0%,rgba(255,255,255,.7) 100%);pointer-events:none}.runtime-shell:after{content:"";position:absolute;top:-26%;right:-10%;width:40%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#4338ca24,#4338ca00 72%);pointer-events:none}.runtime-shell-note{position:relative;z-index:1;max-width:30rem;margin-bottom:var(--space-8);font-size:.78rem;font-weight:600;letter-spacing:.12em;line-height:1.6;text-transform:uppercase;color:var(--color-text-muted)}.runtime-layers{display:grid;gap:var(--space-4);position:relative;z-index:1}.runtime-layer{position:relative;display:grid;grid-template-columns:84px minmax(0,1fr);gap:var(--space-6);align-items:start;padding:var(--space-6);border-radius:20px;border:1px solid rgba(67,56,202,.12);background:linear-gradient(135deg,#faf9f78c,#fffffff5),var(--color-bg);box-shadow:0 10px 24px #1c19170a,inset 0 1px #ffffffb8;transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s var(--ease)}.runtime-layer:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;border-radius:20px 0 0 20px;background:linear-gradient(180deg,var(--color-accent),rgba(67,56,202,.2))}.runtime-layer:nth-child(2){margin-left:clamp(1.5rem,5vw,4.5rem)}.runtime-layer:nth-child(3){margin-left:clamp(3rem,10vw,8rem);border-color:#b4530929}.runtime-layer:nth-child(3):before{background:linear-gradient(180deg,var(--color-warm),rgba(180,83,9,.2))}.runtime-layer:nth-child(3) .runtime-layer-index{background:#b453091a;color:#92400e}.runtime-layer:hover{transform:translateY(-2px);box-shadow:0 16px 32px #1c19170f,inset 0 1px #ffffffb8;border-color:#4338ca3d}.runtime-layer-meta{display:flex;flex-direction:column;gap:var(--space-3)}.runtime-layer-index{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:999px;background:#4338ca1a;color:var(--color-accent);font-size:.76rem;font-weight:700;letter-spacing:.12em}.runtime-layer-rule{font-size:.72rem;font-weight:600;letter-spacing:.12em;line-height:1.5;text-transform:uppercase;color:var(--color-text-muted)}.runtime-layer-body{max-width:54ch}.runtime-layer h3{margin-bottom:var(--space-3);font-size:clamp(1.05rem,2vw,1.35rem);font-weight:600;letter-spacing:-.02em;text-transform:none;color:var(--color-text)}.runtime-layer:nth-child(3) h3{color:#7c2d12}.runtime-layer:nth-child(3):hover{border-color:#b453093d}.runtime-layer p{font-size:.95rem;color:var(--color-text-secondary);line-height:1.75}@media(max-width:820px){.runtime-head{grid-template-columns:1fr;gap:var(--space-5);margin-bottom:var(--space-8)}.runtime-layer:nth-child(2),.runtime-layer:nth-child(3){margin-left:0}}@media(max-width:640px){.runtime-shell{padding:var(--space-5);border-radius:18px}.runtime-shell-note{margin-bottom:var(--space-6)}.runtime-layer{grid-template-columns:1fr;gap:var(--space-4);padding:var(--space-5);border-radius:16px}.runtime-layer:before{width:100%;height:4px;border-radius:16px 16px 0 0}.runtime-layer-meta{flex-direction:row;align-items:center}}.screens .container{max-width:var(--max-width-wide)}.screenshots{display:flex;flex-direction:column;gap:var(--space-12)}.screenshot{margin:0}.screenshot img{display:block;width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--color-border);box-shadow:0 1px 3px #1c19170a,0 4px 16px #4338ca0d,0 8px 24px #1c19170a;transition:box-shadow .3s var(--ease)}.screenshot img:hover{box-shadow:0 2px 6px #1c19170f,0 8px 24px #4338ca14,0 16px 32px #1c19170f}.screenshot figcaption{margin-top:var(--space-3);font-size:.88rem;color:var(--color-text-muted)}@media(max-width:640px){.screenshots{gap:var(--space-10)}.screenshot{margin-inline:calc(var(--space-6) * -1)}.screenshot img{border-left:none;border-right:none;border-radius:0}.screenshot figcaption{margin-top:var(--space-4);padding:0 var(--space-6)}}.build-intro{margin-bottom:var(--space-8);max-width:540px;color:var(--color-text-secondary)}.build-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-bottom:var(--space-8)}.build-block h3{margin-bottom:var(--space-3)}.build-block pre{background:var(--color-code-bg);color:var(--color-code-text);padding:var(--space-5);border-radius:var(--radius);font-family:var(--font-mono);font-size:.8rem;line-height:1.75;overflow-x:auto;border:1px solid rgba(255,255,255,.06);border-top:2px solid var(--color-code-accent)}.build-points{list-style:none;display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-6)}.build-points li{padding-left:var(--space-5);position:relative;font-size:.93rem;color:var(--color-text-secondary)}.build-points li:before{content:"→";position:absolute;left:0;color:var(--color-accent);font-weight:500}.build-links{font-size:.9rem;color:var(--color-text-muted)}.principles{background:var(--color-bg-alt);border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle)}.principles-list{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8) var(--space-10)}.principle dt{font-size:1rem;font-weight:600;margin-bottom:var(--space-1);color:var(--color-text);display:flex;align-items:center;gap:var(--space-2)}.principle dt:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--color-accent);flex-shrink:0}.principle dd{font-size:.9rem;color:var(--color-text-muted);line-height:1.65}.site-footer{padding:var(--space-12) 0;border-top:none;background-image:linear-gradient(90deg,var(--color-accent-muted) 0%,var(--color-border-subtle) 40%);background-size:100% 1px;background-repeat:no-repeat;background-position:top}.footer-links{display:flex;gap:var(--space-6);margin-bottom:var(--space-4)}.footer-links a{font-size:.88rem;font-weight:500;color:var(--color-text-secondary);transition:color var(--duration) var(--ease)}.footer-links a:hover{color:var(--color-accent);text-decoration:none}.footer-note{font-size:.82rem;color:var(--color-text-muted)}@media(max-width:640px){:root{font-size:16px}h1{font-size:2rem}.hero{padding:var(--space-20) 0 var(--space-16)}section{padding:var(--space-16) 0}.comparison,.build-grid{grid-template-columns:1fr}.principles-list{grid-template-columns:1fr;gap:var(--space-6)}.hero-links{flex-wrap:wrap;gap:var(--space-4)}.footer-links{flex-wrap:wrap;gap:var(--space-4) var(--space-6)}.link-primary{padding:var(--space-3) var(--space-5)}}