:root{--surface: #0c0a08;--surface-raised: #15110d;--surface-high: #1d1812;--ink: #f4eddf;--ink-dim: #b9ad95;--ink-mute: #6f6553;--rule: rgba(244, 237, 223, .08);--rule-strong: rgba(244, 237, 223, .18);--accent: #a234be;--accent-deep: #7a1f8e;--accent-soft: rgba(162, 52, 190, .14);--on-accent: var(--ink);--ok: #9ed18a;--font-sans: "Mona Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--font-serif: "Instrument Serif", "Times New Roman", serif}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}a{text-decoration:none;color:inherit}body{margin:0;background:var(--surface);color:var(--ink);font-family:var(--font-sans);font-feature-settings:"ss01","cv11";font-variation-settings:"wdth" 100}::selection{background:var(--accent);color:var(--on-accent)}.grain{position:relative}.grain:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.35;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.96  0 0 0 0 0.93  0 0 0 0 0.87  0 0 0 0.07 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-size:220px 220px}.architect{background-image:linear-gradient(to right,rgba(244,237,223,.035) 1px,transparent 1px),linear-gradient(to bottom,rgba(244,237,223,.035) 1px,transparent 1px);background-size:56px 56px;background-position:-1px -1px}.serif{font-family:var(--font-serif);font-style:italic;letter-spacing:-.005em}.mono{font-family:var(--font-mono)}.display{font-family:var(--font-sans);font-variation-settings:"wdth" 115;letter-spacing:-.035em;line-height:.96}.label{font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-mute)}.reveal{opacity:0;transform:translateY(14px);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1)}.reveal.in{opacity:1;transform:translateY(0)}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.cursor{animation:blink 1.1s steps(1) infinite}@keyframes pulse{0%,to{box-shadow:0 0 #9ed18a99}50%{box-shadow:0 0 0 6px #9ed18a00}}.pulse{animation:pulse 2.2s ease-out infinite}.uline{position:relative}.uline:after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:1px;background:currentColor;transition:right .32s cubic-bezier(.2,.8,.2,1)}.uline:hover:after{right:0}.lift{transition:transform .32s cubic-bezier(.2,.8,.2,1),border-color .24s ease,background .24s ease}.lift:hover{transform:translateY(-2px);border-color:var(--rule-strong)}.container{max-width:1180px;margin-inline:auto;padding-inline:22px}@media(min-width:720px){.container{padding-inline:36px}}.h-mega{font-family:var(--font-sans);font-weight:700;font-variation-settings:"wdth" 118;letter-spacing:-.045em;line-height:.92;font-size:clamp(48px,8.5vw,132px)}.h-big{font-family:var(--font-sans);font-weight:700;font-variation-settings:"wdth" 115;letter-spacing:-.035em;line-height:.98;font-size:clamp(34px,5.5vw,72px)}.h-mid{font-family:var(--font-sans);font-weight:600;letter-spacing:-.02em;line-height:1.05;font-size:clamp(22px,2.5vw,32px)}.code-frame{background:var(--surface-raised);border:1px solid var(--rule-strong);border-radius:14px;overflow:hidden;box-shadow:0 32px 80px -32px #0009,inset 0 1px #ffffff05}.code-grid>*,.hero-grid>*{min-width:0}.code-titlebar{display:flex;align-items:center;gap:10px;padding:10px 14px;background:linear-gradient(to bottom,rgba(255,255,255,.025),transparent);border-bottom:1px solid var(--rule);font-family:var(--font-mono);font-size:11px;color:var(--ink-mute);letter-spacing:.04em}.tl{display:inline-block;width:10px;height:10px;border-radius:999px}.tl-r{background:#ff5f57}.tl-y{background:#febc2e}.tl-g{background:#28c840}.codeline{font-family:var(--font-mono);font-size:13px;line-height:1.65;white-space:pre;color:var(--ink-dim)}.codeline .cmd{color:var(--ink);font-weight:500}.codeline .ok{color:var(--ok)}.codeline .acc{color:var(--accent)}.codeline .key{color:#f5d57a}.codeline .com{color:#6f6553}.codeline .str{color:tan}.btn-primary{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;background:var(--accent);color:var(--on-accent);font-weight:600;font-size:14.5px;letter-spacing:-.005em;transition:background .2s ease,transform .2s ease;border:1px solid var(--accent)}.btn-primary:hover{background:#b543cb;border-color:#b543cb;transform:translateY(-1px)}.btn-ghost{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:999px;background:transparent;color:var(--ink);font-weight:600;font-size:14.5px;border:1px solid var(--rule-strong);transition:border-color .2s ease,background .2s ease}.btn-ghost:hover{border-color:var(--ink-dim);background:#f4eddf08}.chapter{display:flex;align-items:center;gap:18px;margin-bottom:28px}.chapter .bar{flex:1;height:1px;background:var(--rule-strong)}.chapter .num{color:var(--accent);font-family:var(--font-mono);font-size:11px;letter-spacing:.22em}.chapter .name{color:var(--ink-mute);font-family:var(--font-mono);font-size:11px;letter-spacing:.22em}html{scroll-behavior:smooth}.nav-row{display:flex;flex-wrap:wrap;align-items:center;column-gap:16px;row-gap:6px;padding-block:12px;min-height:60px}.nav-logo{order:0}.nav-cta{order:1;margin-left:auto}.nav-links{order:2;flex:1 1 100%;display:flex;flex-wrap:wrap;column-gap:18px;row-gap:4px;justify-content:flex-start;padding-top:4px}@media(min-width:760px){.nav-row{flex-wrap:nowrap;padding-block:0;min-height:68px}.nav-links{order:0;flex:0 1 auto;justify-content:center;column-gap:26px;padding-top:0;margin-left:auto}.nav-cta{margin-left:14px}}.features-grid{display:grid;grid-template-columns:1fr;gap:28px 36px}@media(min-width:560px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:820px){.features-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:1100px){.features-grid{grid-template-columns:repeat(5,1fr)}}.feature-col{display:flex;flex-direction:column;gap:12px}.feature-cat{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);padding-bottom:10px;margin:0;border-bottom:1px solid var(--rule-strong)}.feature-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}.feature-list li{font-size:13.5px;line-height:1.35;color:var(--ink);display:flex;align-items:center;gap:8px}.feature-dot{flex:0 0 auto;width:4px;height:4px;border-radius:999px;background:var(--ink-mute)}.login-frame{margin:28px auto 24px;padding:12px 14px;width:100%;max-width:280px}@media(min-width:720px){.login-frame{margin:36px 0 28px auto;max-width:320px}}.tilt-card{transform:rotate(1.6deg);transition:transform .48s cubic-bezier(.2,.8,.2,1),box-shadow .48s ease;box-shadow:0 22px 44px -16px #0000008c,0 60px 120px -40px #a234be66,0 0 0 1px #f4eddf1f;transform-origin:50% 60%}@media(max-width:540px){.tilt-card{transform:rotate(0)}}.tilt-card:hover{transform:rotate(0) translateY(-4px) scale(1.015);box-shadow:0 28px 56px -18px #000000a6,0 80px 140px -42px #a234be8c,0 0 0 1px #f4eddf2e}.admin-frame{margin:0 auto 64px;padding:14px;width:100%;max-width:880px}.tilt-card-left{transform:rotate(-1.2deg);transition:transform .48s cubic-bezier(.2,.8,.2,1),box-shadow .48s ease;box-shadow:0 24px 48px -18px #0000008c,0 64px 130px -44px #a234be61,0 0 0 1px #f4eddf1f;transform-origin:50% 60%;overflow:hidden;border-radius:14px;background:#fff}@media(max-width:540px){.tilt-card-left{transform:rotate(0)}}.tilt-card-left:hover{transform:rotate(0) translateY(-4px) scale(1.01);box-shadow:0 30px 60px -20px #000000a6,0 84px 150px -46px #a234be8c,0 0 0 1px #f4eddf2e}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.cursor,.pulse{animation:none}}@media(min-width:900px){.contents-grid{grid-template-columns:1fr 1.4fr!important;gap:64px!important}.code-grid{grid-template-columns:.95fr 1.15fr!important;gap:56px!important}.manifesto-grid{grid-template-columns:1fr!important}.oss-grid{grid-template-columns:1fr 1fr!important;gap:72px!important}}