:root {
  color-scheme: light;
  --primary:#665CE8;
  --primary-strong:#5147D2;
  --primary-soft:#EEECFF;
  --primary-border:#D8D4FF;
  --aqua:#22B8A7;
  --aqua-soft:#E4F8F5;
  --warm:#FFAD66;
  --warm-soft:#FFF2E7;
  --canvas:#F7F8FC;
  --surface:#FFFFFF;
  --surface-2:#F1F3F8;
  --surface-3:#EAEDF4;
  --text:#252731;
  --muted:#6F7482;
  --quiet:#969BA9;
  --border:#E5E8F0;
  --danger:#C85353;
  --success:#2F9C75;
  --shadow-sm:0 2px 8px rgba(35,39,49,.04);
  --shadow-md:0 14px 34px rgba(35,39,49,.07);
  --shadow-lg:0 28px 70px rgba(35,39,49,.10);
  --radius-sm:12px;
  --radius:18px;
  --radius-lg:28px;
  --max:1320px;
  --ease:cubic-bezier(.2,0,0,1);
}

html[data-theme="dark"] {
  color-scheme:dark;
  --primary:#928BFF;
  --primary-strong:#A29CFF;
  --primary-soft:#292643;
  --primary-border:#464064;
  --aqua:#49D1C2;
  --aqua-soft:#173A35;
  --warm:#FFB978;
  --warm-soft:#3C2B20;
  --canvas:#101219;
  --surface:#181B24;
  --surface-2:#20242E;
  --surface-3:#282C37;
  --text:#F4F5F8;
  --muted:#B6BAC7;
  --quiet:#848998;
  --border:#2C303B;
  --danger:#F08383;
  --success:#65D2A7;
  --shadow-sm:0 2px 8px rgba(0,0,0,.15);
  --shadow-md:0 14px 34px rgba(0,0,0,.22);
  --shadow-lg:0 28px 70px rgba(0,0,0,.32);
}

@media (prefers-color-scheme: dark) {
  html:not([data-theme="light"]) {
    color-scheme:dark;
    --primary:#928BFF;
    --primary-strong:#A29CFF;
    --primary-soft:#292643;
    --primary-border:#464064;
    --aqua:#49D1C2;
    --aqua-soft:#173A35;
    --warm:#FFB978;
    --warm-soft:#3C2B20;
    --canvas:#101219;
    --surface:#181B24;
    --surface-2:#20242E;
    --surface-3:#282C37;
    --text:#F4F5F8;
    --muted:#B6BAC7;
    --quiet:#848998;
    --border:#2C303B;
    --danger:#F08383;
    --success:#65D2A7;
    --shadow-sm:0 2px 8px rgba(0,0,0,.15);
    --shadow-md:0 14px 34px rgba(0,0,0,.22);
    --shadow-lg:0 28px 70px rgba(0,0,0,.32);
  }
}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:86px}
body{margin:0;min-width:320px;background:var(--canvas);color:var(--text);font-family:Inter,"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.62;text-rendering:optimizeLegibility}
button,input{font:inherit}
a{color:inherit;text-decoration:none}
code,pre{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace}
::selection{background:var(--primary-soft);color:var(--primary-strong)}

.skip-link{position:fixed;left:16px;top:-100px;z-index:1000;padding:10px 14px;border-radius:10px;background:var(--text);color:var(--surface);transition:top .15s ease}
.skip-link:focus{top:12px}

.topbar{position:sticky;top:0;z-index:50;min-height:68px;padding:10px clamp(14px,3vw,40px);display:flex;align-items:center;gap:20px;border-bottom:1px solid color-mix(in srgb,var(--border) 86%,transparent);background:color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:11px;min-width:max-content}.brand-copy{display:grid;line-height:1.15}.brand strong{font-size:.94rem;letter-spacing:-.01em}.brand small{margin-top:3px;color:var(--quiet);font-size:.62rem}
.brand-mark{position:relative;display:inline-block;flex:0 0 auto;width:40px;height:40px;border:1px solid var(--primary-border);border-radius:13px;background:var(--primary-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--surface) 60%,transparent)}
.brand-mark.large{width:62px;height:62px;border-radius:19px}.brand-mark.mini{width:31px;height:31px;border-radius:10px}
.brand-mark i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--primary)}
.brand-mark i:nth-child(1){top:9px;left:9px}.brand-mark i:nth-child(2){top:16px;left:16px;background:var(--warm)}.brand-mark i:nth-child(3){right:9px;bottom:9px;background:var(--aqua)}
.brand-mark::before,.brand-mark::after{content:"";position:absolute;height:1px;background:var(--primary-border);transform-origin:left center}.brand-mark::before{width:14px;top:15px;left:13px;transform:rotate(29deg)}.brand-mark::after{width:14px;top:23px;left:21px;transform:rotate(30deg)}
.brand-mark.large i{width:10px;height:10px}.brand-mark.large i:nth-child(1){top:15px;left:15px}.brand-mark.large i:nth-child(2){top:26px;left:26px}.brand-mark.large i:nth-child(3){right:15px;bottom:15px}.brand-mark.large::before{width:22px;top:24px;left:21px}.brand-mark.large::after{width:22px;top:36px;left:32px}
.brand-mark.mini i{width:5px;height:5px}.brand-mark.mini i:nth-child(1){top:7px;left:7px}.brand-mark.mini i:nth-child(2){top:13px;left:13px}.brand-mark.mini i:nth-child(3){right:7px;bottom:7px}.brand-mark.mini::before{width:10px;top:12px;left:10px}.brand-mark.mini::after{width:10px;top:18px;left:16px}

.site-nav{margin-left:auto;display:flex;align-items:center;gap:3px}.site-nav a{padding:7px 9px;border-radius:9px;color:var(--muted);font-size:.74rem;font-weight:650;transition:background .18s var(--ease),color .18s var(--ease)}.site-nav a:hover,.site-nav a.active{background:var(--surface-2);color:var(--text)}
.top-actions{display:flex;align-items:center;gap:8px}.baseline{padding:5px 9px;border:1px solid var(--primary-border);border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:.66rem;font-weight:800;white-space:nowrap}.icon-button{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--muted);cursor:pointer;transition:transform .18s var(--ease),border-color .18s var(--ease),color .18s var(--ease)}.icon-button:hover{transform:translateY(-1px);border-color:var(--primary-border);color:var(--primary)}.github-link{font-size:.85rem}.theme-icon{font-size:1rem}
.nav-toggle{display:none;width:38px;height:38px;padding:9px;border:1px solid var(--border);border-radius:10px;background:var(--surface);cursor:pointer}.nav-toggle span{display:block;height:1.5px;margin:4px 0;border-radius:2px;background:var(--text)}

main{overflow:hidden}.section-shell{width:min(var(--max),calc(100% - 32px));margin-inline:auto}.section{padding-top:96px}.section-heading{max-width:860px;margin-bottom:32px}.split-heading{max-width:none;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:50px;align-items:end}.section-heading h2{max-width:820px;margin:14px 0 0;font-size:clamp(2rem,4vw,3.45rem);line-height:1.04;letter-spacing:-.045em}.section-heading p{max-width:720px;margin:16px 0 0;color:var(--muted);font-size:.98rem}.split-heading>p{margin:0 0 5px;max-width:530px}.eyebrow,.mini-label{display:inline-flex;align-items:center;color:var(--primary);font-size:.68rem;font-weight:850;letter-spacing:.09em}.eyebrow{padding:6px 9px;border:1px solid var(--primary-border);border-radius:999px;background:var(--primary-soft)}.mini-label{letter-spacing:.11em}

.hero{min-height:680px;margin-top:34px;padding:clamp(34px,5.5vw,78px);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:clamp(38px,7vw,88px);align-items:center;border:1px solid var(--border);border-radius:34px;background:radial-gradient(circle at 80% 12%,color-mix(in srgb,var(--primary) 12%,transparent),transparent 29rem),radial-gradient(circle at 9% 91%,color-mix(in srgb,var(--aqua) 9%,transparent),transparent 25rem),var(--surface);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.hero::after{content:"";position:absolute;width:320px;height:320px;left:-190px;top:-180px;border:1px dashed var(--primary-border);border-radius:50%;opacity:.45}.hero-kicker{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:.69rem;font-weight:800;letter-spacing:.09em}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 0 5px color-mix(in srgb,var(--success) 12%,transparent)}.hero h1{max-width:850px;margin:18px 0 0;font-size:clamp(3.2rem,6.8vw,6.7rem);line-height:.9;letter-spacing:-.07em}.hero h1 span{color:var(--primary)}.hero-lead{max-width:720px;margin:28px 0 0;color:var(--muted);font-size:clamp(1rem,1.4vw,1.14rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.button{min-height:42px;padding:9px 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);border-radius:12px;font-size:.78rem;font-weight:800;transition:transform .18s var(--ease),box-shadow .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease)}.button:hover{transform:translateY(-1px)}.button.primary{border-color:var(--primary);background:var(--primary);color:#fff;box-shadow:0 10px 24px color-mix(in srgb,var(--primary) 22%,transparent)}.button.primary:hover{background:var(--primary-strong)}.button.secondary{background:var(--surface);color:var(--text)}.button.secondary:hover{border-color:var(--primary-border);box-shadow:var(--shadow-sm)}
.metric-strip{margin-top:40px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--border);padding-top:22px}.metric-strip div{padding-right:16px}.metric-strip strong{display:block;font-size:1.35rem;letter-spacing:-.03em}.metric-strip span{display:block;margin-top:2px;color:var(--quiet);font-size:.65rem}
.hero-visual{display:grid;place-items:center}.core-orbit{position:relative;width:min(520px,42vw);aspect-ratio:1}.orbit-line{position:absolute;border:1px dashed color-mix(in srgb,var(--primary) 24%,var(--border));border-radius:50%;animation:orbit-spin 32s linear infinite}.orbit-a{inset:4%}.orbit-b{inset:19%;animation-duration:25s;animation-direction:reverse}.orbit-c{inset:34%;border-style:solid;opacity:.7}.orbit-center{position:absolute;inset:37%;min-width:132px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid var(--primary-border);border-radius:28px;background:linear-gradient(145deg,var(--surface),var(--primary-soft));box-shadow:0 24px 60px color-mix(in srgb,var(--primary) 16%,transparent);z-index:2}.orbit-center b{margin-top:4px;font-size:.9rem}.orbit-center small{color:var(--muted);font-size:.64rem}.orbit-node{position:absolute;min-width:94px;padding:8px 10px;display:grid;border:1px solid var(--border);border-radius:12px;background:color-mix(in srgb,var(--surface) 96%,transparent);box-shadow:var(--shadow-sm);z-index:3}.orbit-node b{font-size:.72rem}.orbit-node small{color:var(--quiet);font-size:.59rem}.node-composer{top:6%;left:17%}.node-api{top:20%;right:-1%}.node-data{left:-2%;bottom:20%}.node-ui{right:10%;bottom:4%}

.flow-track{display:grid;grid-template-columns:repeat(11,max-content);align-items:center;justify-content:space-between;gap:10px;padding:22px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);overflow:auto}.flow-track article{min-width:144px;display:grid;gap:2px}.flow-track article span{margin-bottom:5px;color:var(--primary);font-family:ui-monospace,monospace;font-size:.63rem;font-weight:800}.flow-track article b{font-size:.77rem}.flow-track article small{color:var(--quiet);font-size:.62rem}.flow-track>i{color:var(--primary-border);font-style:normal}

.architecture-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:18px}.layer-stack{display:grid;gap:9px}.layer{padding:18px 20px;display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start;border:1px solid var(--border);border-radius:14px;background:var(--surface);transition:transform .18s var(--ease),border-color .18s var(--ease)}.layer:hover{transform:translateX(3px);border-color:var(--primary-border)}.layer>span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--surface-2);color:var(--quiet);font-family:ui-monospace,monospace;font-size:.65rem;font-weight:800}.layer b{font-size:.88rem}.layer p{margin:4px 0 0;color:var(--muted);font-size:.8rem}.layer.application{border-left:3px solid var(--primary)}.layer.webapi{border-left:3px solid var(--aqua)}.layer.blazor{border-left:3px solid var(--warm)}.principles-card{padding:25px;border:1px solid var(--primary-border);border-radius:18px;background:linear-gradient(160deg,var(--primary-soft),var(--surface));align-self:stretch}.check-list{list-style:none;margin:20px 0 24px;padding:0;display:grid;gap:13px}.check-list li{display:flex;gap:9px;color:var(--muted);font-size:.8rem}.check-list li span{color:var(--success);font-weight:900}.text-link{display:inline-flex;align-items:center;gap:5px;color:var(--primary);font-size:.75rem;font-weight:800}.text-link:hover{text-decoration:underline;text-underline-offset:3px}

.package-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.filter-chip{padding:7px 11px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--muted);font-size:.7rem;font-weight:750;cursor:pointer}.filter-chip:hover,.filter-chip.active{border-color:var(--primary-border);background:var(--primary-soft);color:var(--primary)}.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.package-card{min-height:146px;padding:17px;display:grid;grid-template-columns:36px 1fr;gap:12px;border:1px solid var(--border);border-radius:14px;background:var(--surface);transition:transform .18s var(--ease),border-color .18s var(--ease),opacity .18s var(--ease)}.package-card:hover{transform:translateY(-2px);border-color:var(--primary-border)}.package-card[hidden]{display:none}.package-index{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:var(--surface-2);color:var(--quiet);font-family:ui-monospace,monospace;font-size:.62rem;font-weight:800}.package-card b{display:block;font-size:.81rem;overflow-wrap:anywhere}.package-card small{display:block;margin-top:3px;color:var(--primary);font-size:.59rem;font-weight:750}.package-card p{margin:9px 0 0;color:var(--muted);font-size:.72rem}.source-row{margin-top:18px;padding:12px 2px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.source-row>span{color:var(--quiet);font-size:.69rem}.source-row code{color:var(--muted);font-size:.68rem}

.composer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.feature-card,.info-panel{padding:22px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.feature-card{min-height:260px}.feature-card.accent-card{background:linear-gradient(145deg,var(--primary-soft),var(--surface));border-color:var(--primary-border)}.card-icon{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--primary);font-weight:900}.feature-card h3,.info-panel h3,.local-studio-card h3{margin:18px 0 8px;font-size:1rem;letter-spacing:-.02em}.feature-card p,.info-panel p,.local-studio-card p{margin:0;color:var(--muted);font-size:.78rem}.mini-code{margin:16px 0 0;padding:15px;border:1px solid color-mix(in srgb,var(--border) 85%,transparent);border-radius:12px;background:color-mix(in srgb,var(--surface-2) 78%,transparent);color:var(--muted);font-size:.69rem;line-height:1.55;overflow:auto}.tag-cloud{display:flex;flex-wrap:wrap;gap:6px;margin:17px 0}.tag-cloud span{padding:5px 8px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--muted);font-family:ui-monospace,monospace;font-size:.58rem}.local-studio-card{margin-top:14px;padding:26px;display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,.85fr);gap:26px;align-items:center;border:1px solid var(--aqua);border-radius:20px;background:linear-gradient(145deg,var(--aqua-soft),var(--surface))}.command-card{overflow:hidden;border:1px solid var(--border);border-radius:13px;background:var(--surface);box-shadow:var(--shadow-sm)}.command-head{padding:8px 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:var(--surface-2)}.command-head span{color:var(--quiet);font-size:.62rem}.copy-button{padding:5px 8px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--muted);font-size:.6rem;font-weight:800;cursor:pointer}.copy-button:hover{border-color:var(--primary-border);color:var(--primary)}.command-card>code{display:block;padding:14px 15px;color:var(--text);font-size:.72rem;overflow:auto}.command-card>small{display:block;padding:0 15px 14px;color:var(--quiet);font-size:.62rem}

.runtime-diagram{padding:18px;display:grid;grid-template-columns:1fr auto 1fr auto 1.35fr auto 1fr;gap:10px;align-items:stretch;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.runtime-column{min-height:132px;padding:16px;display:flex;flex-direction:column;justify-content:center;border:1px solid var(--border);border-radius:13px;background:var(--surface-2)}.runtime-column>span{color:var(--primary);font-size:.58rem;font-weight:850;letter-spacing:.08em}.runtime-column b{margin-top:8px;font-size:.78rem}.runtime-column small{margin-top:5px;color:var(--muted);font-size:.62rem}.engine-column{background:var(--primary-soft);border-color:var(--primary-border)}.service-column{background:var(--aqua-soft);border-color:color-mix(in srgb,var(--aqua) 38%,var(--border))}.runtime-arrow{display:grid;place-items:center;color:var(--quiet)}.two-column-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.info-panel{min-height:300px}.info-panel.aqua-panel{border-color:color-mix(in srgb,var(--aqua) 45%,var(--border));background:linear-gradient(145deg,var(--aqua-soft),var(--surface))}

.transport-chain{display:grid;grid-template-columns:1fr auto 1fr auto 1fr 1fr auto 1fr;gap:9px;align-items:center}.transport-chain article{min-height:120px;padding:15px;display:flex;flex-direction:column;justify-content:center;border:1px solid var(--border);border-radius:13px;background:var(--surface)}.transport-chain article.highlight{border-color:var(--primary);background:var(--primary-soft)}.transport-chain article span{color:var(--primary);font-family:ui-monospace,monospace;font-size:.58rem;font-weight:850}.transport-chain article b{margin-top:7px;font-size:.73rem}.transport-chain article small{margin-top:4px;color:var(--quiet);font-size:.58rem}.transport-chain>i{color:var(--quiet);font-style:normal}.detail-grid{display:grid;gap:10px;margin-top:12px}.detail-grid.three{grid-template-columns:repeat(3,1fr)}.detail-grid.four{grid-template-columns:repeat(4,1fr)}.detail-grid article{padding:17px;border:1px solid var(--border);border-radius:13px;background:var(--surface)}.detail-grid b{font-size:.76rem}.detail-grid p{margin:6px 0 0;color:var(--muted);font-size:.69rem}

.isolation-visual{display:grid;grid-template-columns:1fr minmax(220px,.8fr) 1fr;grid-template-rows:auto auto;gap:12px;align-items:center}.product-node,.shared-core,.sql-shared{padding:20px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.product-node{display:grid;grid-template-columns:38px 1fr;column-gap:11px}.product-node>span{grid-row:1/3;width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--surface-2);color:var(--primary);font-weight:900}.product-node b,.shared-core b,.sql-shared b{font-size:.8rem}.product-node small,.shared-core small,.sql-shared small{color:var(--quiet);font-size:.62rem}.shared-core{text-align:center;display:grid;justify-items:center;gap:5px;border-color:var(--primary-border);background:linear-gradient(145deg,var(--primary-soft),var(--surface))}.sql-shared{grid-column:1/-1;text-align:center;border-style:dashed;background:var(--surface-2)}

.frontend-showcase{display:grid;grid-template-columns:minmax(280px,.65fr) minmax(420px,1.35fr);gap:14px}.token-board{display:grid;grid-template-columns:1fr 1fr;gap:10px}.token{min-height:140px;padding:18px;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid var(--border);border-radius:16px;background:var(--surface)}.token i{width:34px;height:34px;margin-bottom:auto;border-radius:11px}.token b{font-size:.78rem}.token small{color:var(--quiet);font-size:.61rem}.token-iris i{background:var(--primary)}.token-aqua i{background:var(--aqua)}.token-warm i{background:var(--warm)}.token-neutral i{background:var(--surface-3)}.component-board{padding:16px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(145deg,var(--surface-2),var(--surface))}.component-window{height:100%;min-height:310px;border:1px solid var(--border);border-radius:15px;background:var(--surface);box-shadow:var(--shadow-md);overflow:hidden}.window-head{height:54px;padding:10px 14px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border)}.window-head b{font-size:.7rem}.window-actions{margin-left:auto;display:flex;gap:6px}.window-actions i{width:24px;height:24px;border-radius:8px;background:var(--surface-2)}.window-body{height:calc(100% - 54px);display:grid;grid-template-columns:80px 1fr}.window-body aside{padding:13px 10px;display:grid;align-content:start;gap:9px;border-right:1px solid var(--border);background:var(--surface-2)}.window-body aside span{height:25px;border-radius:8px;background:var(--surface-3)}.window-body aside span.active{background:var(--primary-soft);border:1px solid var(--primary-border)}.window-body section{padding:20px}.fake-eyebrow{display:block;width:80px;height:15px;border-radius:999px;background:var(--primary-soft)}.fake-title{display:block;width:55%;height:22px;margin-top:12px;border-radius:7px;background:var(--surface-3)}.fake-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:25px}.fake-cards i{height:60px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.fake-table{height:72px;margin-top:10px;border:1px solid var(--border);border-radius:10px;background:repeating-linear-gradient(to bottom,var(--surface),var(--surface) 23px,var(--border) 24px)}.component-list{margin-top:12px;display:flex;flex-wrap:wrap;gap:7px}.component-list code{padding:6px 9px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--muted);font-size:.62rem}

.closure-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.closure-grid article{min-height:190px;padding:20px;border:1px solid var(--border);border-radius:15px;background:var(--surface)}.closure-grid span{display:inline-flex;padding:5px 8px;border-radius:8px;background:var(--primary-soft);color:var(--primary);font-family:ui-monospace,monospace;font-size:.62rem;font-weight:850}.closure-grid b{display:block;margin-top:18px;font-size:.82rem}.closure-grid p{margin:7px 0 0;color:var(--muted);font-size:.72rem}.future-note{margin-top:12px;padding:18px 20px;border:1px dashed var(--border);border-radius:14px;background:var(--surface-2)}.future-note>div{display:flex;align-items:center;gap:8px}.future-note b{font-size:.8rem}.future-note p{margin:7px 0 0;color:var(--muted);font-size:.73rem}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--quiet)}.status-dot.planned{background:var(--warm)}

.quality-layout{display:grid;grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr);gap:14px}.quality-score,.gate-grid{padding:24px;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.quality-score{display:flex;align-items:center;gap:20px}.score-ring{width:112px;height:112px;display:grid;place-content:center;text-align:center;border:8px solid var(--primary-soft);outline:1px solid var(--primary-border);border-radius:50%}.score-ring strong{font-size:1.65rem;line-height:1}.score-ring span{margin-top:3px;color:var(--quiet);font-size:.62rem}.quality-score>div:last-child b{font-size:.9rem}.quality-score>div:last-child p{margin:5px 0 0;color:var(--muted);font-size:.7rem}.gate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.gate-grid span{padding:10px 11px;border:1px solid var(--border);border-radius:10px;background:var(--surface-2);color:var(--muted);font-size:.66rem}.gate-grid span::first-letter{color:var(--success)}

.production-boundary{margin-top:96px;padding:26px;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;border:1px solid color-mix(in srgb,var(--warm) 45%,var(--border));border-radius:20px;background:linear-gradient(145deg,var(--warm-soft),var(--surface))}.boundary-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--warm) 50%,var(--border));border-radius:13px;background:var(--surface);color:var(--warm);font-size:1.2rem;font-weight:900}.production-boundary h2{margin:7px 0 0;font-size:1.15rem}.production-boundary p{max-width:840px;margin:5px 0 0;color:var(--muted);font-size:.74rem}

.start-section{padding-bottom:96px;display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.9fr);gap:34px;align-items:center}.start-copy h2{max-width:720px;margin:15px 0 0;font-size:clamp(2.4rem,4.4vw,4.2rem);line-height:1;letter-spacing:-.055em}.start-copy>p{max-width:650px;margin:17px 0 0;color:var(--muted)}.start-steps{margin-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.start-steps span{padding:10px 12px;display:flex;align-items:center;gap:9px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--muted);font-size:.69rem}.start-steps b{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:var(--primary-soft);color:var(--primary);font-size:.59rem}.start-steps code{font-size:.62rem}.terminal-card{overflow:hidden;border:1px solid var(--border);border-radius:18px;background:#151820;color:#E7E9F0;box-shadow:var(--shadow-lg)}.terminal-head{height:44px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #2D323E}.terminal-head>span{display:flex;gap:5px}.terminal-head i{width:8px;height:8px;border-radius:50%;background:#404655}.terminal-head i:nth-child(1){background:#FF7D7D}.terminal-head i:nth-child(2){background:#FFCC72}.terminal-head i:nth-child(3){background:#64D1A8}.terminal-head b{color:#9EA4B3;font-size:.61rem}.terminal-card pre{margin:0;padding:20px;overflow:auto;font-size:.7rem;line-height:1.75}.terminal-card .prompt{color:#9A92FF}.terminal-card .comment{color:#6E7585}.copy-button.wide{width:calc(100% - 28px);margin:0 14px 14px;border-color:#303642;background:#20242D;color:#C4C8D2}

.docs-section{padding-bottom:88px}.docs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.docs-grid a{min-height:105px;padding:15px;display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:3px;border:1px solid var(--border);border-radius:13px;background:var(--surface);transition:transform .18s var(--ease),border-color .18s var(--ease)}.docs-grid a:hover{transform:translateY(-2px);border-color:var(--primary-border)}.docs-grid b{font-size:.75rem}.docs-grid small{grid-row:2;grid-column:1;color:var(--quiet);font-size:.6rem}.docs-grid span{grid-row:1/3;grid-column:2;align-self:start;color:var(--primary)}
.footer{padding:22px clamp(16px,4vw,48px);display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--border);background:var(--surface)}.footer-brand{display:flex;align-items:center;gap:10px}.footer-brand>div{display:grid}.footer-brand b{font-size:.77rem}.footer-brand small{color:var(--quiet);font-size:.59rem}.footer-links{display:flex;gap:14px;flex-wrap:wrap}.footer-links a{color:var(--muted);font-size:.65rem}.footer-links a:hover{color:var(--primary)}

[data-reveal]{opacity:0;transform:translateY(14px);transition:opacity .55s var(--ease),transform .55s var(--ease)}[data-reveal].visible{opacity:1;transform:none}
@keyframes orbit-spin{to{transform:rotate(360deg)}}

@media(max-width:1180px){.baseline{display:none}.package-grid{grid-template-columns:repeat(2,1fr)}.composer-grid{grid-template-columns:repeat(2,1fr)}.closure-grid{grid-template-columns:repeat(2,1fr)}.docs-grid{grid-template-columns:repeat(2,1fr)}.detail-grid.four{grid-template-columns:repeat(2,1fr)}.transport-chain{grid-template-columns:repeat(3,1fr)}.transport-chain>i{display:none}.runtime-diagram{grid-template-columns:1fr 1fr}.runtime-arrow{display:none}}
@media(max-width:980px){.topbar{flex-wrap:wrap}.nav-toggle{display:block;margin-left:auto}.site-nav{order:4;width:100%;display:none;padding-top:6px;border-top:1px solid var(--border)}.site-nav.open{display:grid;grid-template-columns:repeat(4,1fr)}.top-actions{margin-left:0}.hero{min-height:auto;grid-template-columns:1fr;text-align:center}.hero-copy{display:grid;justify-items:center}.hero-lead{margin-inline:auto}.metric-strip{width:100%}.core-orbit{width:min(520px,75vw)}.split-heading{grid-template-columns:1fr;gap:8px}.split-heading>p{margin-top:4px}.architecture-layout{grid-template-columns:1fr}.local-studio-card{grid-template-columns:1fr}.frontend-showcase{grid-template-columns:1fr}.quality-layout{grid-template-columns:1fr}.start-section{grid-template-columns:1fr}.production-boundary{grid-template-columns:auto 1fr}.production-boundary .button{grid-column:1/-1;justify-self:start}.flow-track{justify-content:start}}
@media(max-width:700px){.section-shell{width:min(var(--max),calc(100% - 18px))}.section{padding-top:72px}.hero{margin-top:12px;padding:36px 22px;border-radius:24px}.hero h1{font-size:clamp(2.8rem,15vw,4.6rem)}.metric-strip{grid-template-columns:1fr 1fr;gap:16px}.metric-strip div{padding:0}.core-orbit{width:min(420px,90vw)}.package-grid,.composer-grid,.two-column-grid,.detail-grid.three,.detail-grid.four,.closure-grid,.docs-grid{grid-template-columns:1fr}.transport-chain{grid-template-columns:1fr}.runtime-diagram{grid-template-columns:1fr}.isolation-visual{grid-template-columns:1fr}.shared-core{order:-1}.sql-shared{grid-column:auto}.token-board{grid-template-columns:1fr 1fr}.gate-grid{grid-template-columns:1fr 1fr}.quality-score{align-items:flex-start}.start-steps{grid-template-columns:1fr}.terminal-card{font-size:.9em}.production-boundary{grid-template-columns:1fr}.boundary-icon{display:none}.site-nav.open{grid-template-columns:1fr 1fr}.top-actions{gap:5px}.brand-copy small{display:none}.footer{align-items:flex-start;flex-direction:column}}
@media(max-width:430px){.topbar{padding-inline:10px;gap:8px}.brand-mark{width:36px;height:36px}.top-actions{margin-left:auto}.github-link{display:none}.hero{padding:30px 17px}.hero h1{font-size:2.75rem}.hero-actions{width:100%;display:grid}.button{width:100%}.core-orbit{width:92vw}.orbit-node{min-width:80px}.package-card{grid-template-columns:31px 1fr}.token-board{grid-template-columns:1fr}.window-body{grid-template-columns:56px 1fr}.quality-score{flex-direction:column}.gate-grid{grid-template-columns:1fr}.section-heading h2{font-size:2.15rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-reveal]{opacity:1;transform:none;transition:none}.orbit-line{animation:none}*{transition-duration:1ms!important}}