:root{font-family:Avenir Next,Segoe UI,sans-serif;color:#18212c;background:radial-gradient(circle at top left,rgba(198,212,229,.55),transparent 28%),radial-gradient(circle at 80% 20%,rgba(181,194,210,.4),transparent 22%),linear-gradient(180deg,#f7f9fc,#eef2f7 46%,#e8edf4);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--line: rgba(24, 33, 44, .1);--line-strong: rgba(24, 33, 44, .2);--muted: rgba(24, 33, 44, .7);--accent: #36506f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#edf2f8}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}#root{min-height:100vh}.app-shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}.rail{position:sticky;top:0;height:100vh;padding:28px 18px;border-right:1px solid var(--line);background:#f7f9fce0;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.rail-mark{display:grid;gap:4px;padding-bottom:24px;border-bottom:1px solid var(--line)}.rail-mark span,.rail nav span:first-child,.eyebrow,.artifact-kind{font-family:IBM Plex Mono,SFMono-Regular,monospace;letter-spacing:.12em;text-transform:uppercase}.rail-mark span{font-size:.9rem}.rail-mark small{color:var(--muted)}.rail nav{display:grid;gap:10px;padding-top:24px}.rail nav a{display:grid;grid-template-columns:46px 1fr;gap:10px;padding:8px 0;color:#18212cb3;transition:color .18s ease,transform .18s ease}.rail nav a:hover{color:#fff;transform:translate(4px)}.deck{padding:0 36px 96px}.hero,.section{position:relative;padding:36px 0 0}.hero{min-height:100vh;display:grid;align-content:center;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);gap:28px;padding-top:24px;border-bottom:1px solid var(--line)}.hero:after{content:"";position:absolute;inset:14% 6% auto auto;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(120,144,173,.18),transparent 68%);filter:blur(18px);pointer-events:none}.hero-copy h1,.section-header h2,.closing-panel h2{font-family:Iowan Old Style,Palatino Linotype,serif;font-weight:600;line-height:.95}.hero-copy h1{margin:18px 0 20px;font-size:clamp(2.45rem,5.7vw,5rem);max-width:11ch}.hero-copy p,.section-header p,.artifact-copy p,.module-card p,.narrative-block p,.narrative-block li,.preservation-copy li,.sam-hero-copy p,.ip-card p,.style-hero-copy p,.vibe-example-grid p,.mode-card p,.prompt-assembly-copy p,.prompt-step p{color:var(--muted);line-height:1.55}.hero-copy p{max-width:62ch;font-size:1.08rem}.hero-ledger{display:grid;gap:10px;margin-top:28px;max-width:720px}.hero-ledger div{display:grid;grid-template-columns:44px 1fr;gap:12px;padding-top:10px;border-top:1px solid var(--line)}.hero-ledger span{color:var(--accent);font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.78rem;letter-spacing:.12em}.hero-ledger p{margin:0;font-size:.96rem}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-actions a{padding:14px 18px;border:1px solid var(--line-strong);background:#36506f14;transition:background .18s ease,transform .18s ease}.hero-actions a:hover{background:#36506f26;transform:translateY(-2px)}.hero-actions .secondary{background:transparent}.hero-visual{position:relative;display:grid;gap:16px;align-self:center}.hero-visual>img,.visual-grid img,.preservation-stack img,.artifact-media img,.sam-hero-card img{width:100%;height:100%;object-fit:cover;border:1px solid var(--line)}.hero-visual>img{min-height:520px;filter:saturate(.96) contrast(1.02)}.visual-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.visual-grid img{min-height:220px}.hero-metrics{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-top:10px}.hero-metrics div,.thesis-panel,.table-shell,.closing-panel,.sam-hero-copy,.ip-card,.narrative-block,.module-card,.artifact-card,.style-hero-copy,.vibe-example-card,.mode-card,.prompt-shell,.prompt-step{background:#ffffffad;border:1px solid var(--line);box-shadow:0 18px 48px #4b5c7014}.hero-metrics div{padding:16px}.hero-metrics strong,.sam-stats strong{display:block;font-size:1.35rem;margin-bottom:6px}.hero-metrics span,.sam-stats span{color:var(--muted);font-size:.92rem}.section{margin-top:88px;padding-top:18px}.section-header{display:grid;gap:14px;max-width:920px;margin-bottom:28px}.section-header h2,.closing-panel h2{margin:0;font-size:clamp(2.1rem,4.2vw,4.1rem)}.section-header p{margin:0;font-size:1.02rem;max-width:70ch}.pipeline-strip{display:grid;grid-template-columns:repeat(11,minmax(130px,1fr));gap:10px;overflow-x:auto;padding-bottom:8px;margin-top:18px}.stack-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:18px}.stack-band{padding:20px 18px;border-top:1px solid var(--line-strong);background:linear-gradient(180deg,#ffffffd1,#ffffff9e),linear-gradient(90deg,rgba(127,151,179,.12),transparent 45%);box-shadow:0 18px 48px #4b5c7014}.stack-band span{display:inline-block;margin-bottom:16px;color:var(--accent);font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.78rem;letter-spacing:.12em}.stack-band h3{margin:0 0 10px;font-size:1.06rem}.stack-band p{margin:0;color:var(--muted);line-height:1.5}.pipeline-node{display:grid;grid-template-rows:auto 1fr;align-content:start;min-height:120px;min-width:0;padding:16px;border:1px solid var(--line);background:linear-gradient(180deg,#ffffffd1,#ffffff8f);overflow:hidden}.pipeline-node span,.ip-card span{display:inline-block;color:var(--muted);margin-bottom:18px;font-family:IBM Plex Mono,SFMono-Regular,monospace}.pipeline-node strong{display:block;line-height:1.25;max-width:100%;overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.module-grid,.artifact-grid,.sam-grid,.ip-grid{display:grid;gap:16px;margin-top:24px}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.module-card,.narrative-block,.sam-hero-copy,.ip-card,.closing-panel,.style-hero-copy,.vibe-example-card,.mode-card,.prompt-shell{padding:22px}.module-card h3,.narrative-block h3,.artifact-copy h3,.sam-hero-copy h3,.style-hero-copy h3,.vibe-example-card h3,.mode-card h3,.prompt-assembly-copy h3{margin:0 0 12px;font-size:1.15rem}.split-columns,.preservation-layout,.sam-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.retrieval-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.narrative-block ul,.constraint-list{margin:0;padding-left:18px}.narrative-block li,.constraint-list li{margin:0 0 12px}.thesis-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;padding:22px}.preservation-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-height:420px}.preservation-copy{display:grid;gap:18px;align-content:start}.signal-strip{display:flex;flex-wrap:wrap;gap:10px}.signal-strip span{padding:10px 12px;border:1px solid var(--line);background:#ffffffb3;color:var(--muted);font-size:.94rem}.artifact-grid,.sam-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.artifact-card{overflow:hidden;background:linear-gradient(180deg,#ffffffdb,#ffffffad)}.artifact-media.single img{min-height:280px}.artifact-media.dual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.artifact-media.dual img{min-height:240px}.artifact-copy{padding:18px}.artifact-kind{display:inline-block;color:var(--accent);font-size:.72rem;margin-bottom:10px}.sam-summary{grid-template-columns:1fr 1fr .9fr;align-items:stretch}.sam-hero-card img{min-height:320px}.sam-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.table-shell{margin-top:18px;overflow-x:auto;background:linear-gradient(180deg,#ffffffdb,#ffffffb8)}table{width:100%;border-collapse:collapse}th,td{padding:14px 12px;border-bottom:1px solid var(--line);text-align:left}th{color:var(--accent);font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}td{color:#18212cd1}.ip-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.closing-panel{margin-top:20px}.closing-panel h2{max-width:18ch}.style-hero,.prompt-assembly{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:16px;align-items:start}.style-hero{margin-bottom:18px}.style-hero-copy{background:linear-gradient(180deg,#ffffffd1,#ffffffad),linear-gradient(120deg,rgba(127,151,179,.12),transparent 42%)}.style-hero-copy h3,.prompt-assembly-copy h3{font-family:Iowan Old Style,Palatino Linotype,serif;font-weight:600;line-height:1.05;font-size:clamp(1.7rem,2.8vw,2.5rem)}.style-trace{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.style-trace span,.mode-card span,.prompt-step span{font-family:IBM Plex Mono,SFMono-Regular,monospace;letter-spacing:.08em;text-transform:uppercase}.style-trace span{padding:9px 12px;border:1px solid var(--line);background:#ffffffd1;color:#18212cc7;font-size:.78rem}.vibe-example-card{background:linear-gradient(180deg,#1f2a38f0,#212e3ee6),radial-gradient(circle at top left,rgba(255,255,255,.1),transparent 32%);color:#f3f6fb;border-color:#ffffff1a}.vibe-example-card h3{font-family:Iowan Old Style,Palatino Linotype,serif;font-size:1.4rem}.vibe-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.vibe-example-grid div{padding-top:12px;border-top:1px solid rgba(255,255,255,.12)}.vibe-example-grid strong{display:block;margin-bottom:6px;font-size:.88rem;color:#f3f6fbe0}.vibe-example-grid p,.vibe-example-card .artifact-kind{color:#f3f6fbc2}.mode-grid,.prompt-assembly-grid{display:grid;gap:16px}.mode-grid{grid-template-columns:repeat(5,minmax(0,1fr));margin:24px 0}.mode-card{min-height:220px;background:linear-gradient(180deg,#ffffffd1,#ffffff9e),linear-gradient(180deg,rgba(127,151,179,.1),transparent 52%)}.mode-card span,.prompt-step span{display:inline-block;margin-bottom:16px;color:var(--accent);font-size:.76rem}.mode-card h3{font-size:1rem}.prompt-assembly{margin-top:18px}.prompt-assembly-copy{display:grid;gap:14px;align-content:start}.prompt-assembly-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:4px}.prompt-step{padding:18px;background:#ffffffc2}.prompt-step h4{margin:0 0 8px;font-size:1rem}.prompt-step p{margin:0;font-size:.94rem}.prompt-shell{overflow:hidden;background:linear-gradient(180deg,#121b27fa,#172331f5),radial-gradient(circle at top right,rgba(105,133,162,.2),transparent 32%);border-color:#ffffff14}.prompt-shell pre{margin:14px 0 0;padding:18px;overflow-x:auto;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#eff4faeb;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.82rem;line-height:1.7;white-space:pre-wrap}.vector-search-section{display:grid;gap:16px;margin:12px 0 22px}.vector-search-intro{background:linear-gradient(180deg,#ffffffd1,#ffffffad),linear-gradient(120deg,rgba(127,151,179,.1),transparent 48%)}.vector-graph-shell{padding:20px;border:1px solid var(--line);background:linear-gradient(180deg,#fffc,#ffffffad),radial-gradient(circle at top right,rgba(127,151,179,.12),transparent 34%);box-shadow:0 18px 48px #4b5c701a}.vector-graph-head{display:grid;gap:8px}.vector-graph-head h4{margin:0;font-size:1.1rem}.vector-graph-canvas{margin-top:14px;padding:10px;overflow-x:auto;border:1px solid var(--line);background:#f5f9ffc2}.vector-graph-svg{width:100%;min-width:1200px;display:block}.vector-lanes rect{fill:#36506f0d;stroke:#36506f24;stroke-dasharray:4 6}.vector-lane-labels text{fill:#36506fbf;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:12px;letter-spacing:.08em}.vector-edges path{fill:none;stroke:#405a7a9e;stroke-width:2.5}.vector-signals text{fill:#36506fd6;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:11px}.vector-node rect{stroke-width:1.4}.vector-node .node-title{font-family:IBM Plex Mono,SFMono-Regular,monospace;letter-spacing:.01em;font-size:13px}.vector-node .node-subtitle{font-size:12px;fill:#18212cc7}.vector-node.tone-input rect{fill:#e4edf8eb;stroke:#506c8d5c}.vector-node.tone-analysis rect{fill:#e0f1eceb;stroke:#4d7a645c}.vector-node.tone-data rect{fill:#ededfbeb;stroke:#62629e5c}.vector-node.tone-vector rect{fill:#e9f1fceb;stroke:#496e9a66}.vector-node.tone-decision rect{fill:#fcf5e9f0;stroke:#99743e6b}.vector-node.tone-output rect{fill:#eef8f1eb;stroke:#49866166}.vector-graph-telemetry{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.vector-graph-telemetry span{padding:8px 10px;border:1px solid var(--line);background:#ffffffb8;color:#18212cc7;font-size:.84rem}.vector-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.vector-stats-grid article{padding:18px;background:#ffffffb8;border:1px solid var(--line);box-shadow:0 16px 42px #4b5c7014}.vector-stats-grid strong{display:block;font-size:1.28rem;margin-bottom:8px}.vector-stats-grid span{color:var(--muted);line-height:1.4;font-size:.92rem}.vector-flow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.vector-flow-card{padding:18px;border:1px solid var(--line);background:linear-gradient(180deg,#fffc,#ffffffa3),linear-gradient(180deg,rgba(127,151,179,.08),transparent 54%);box-shadow:0 16px 42px #4b5c7014}.vector-flow-card h4,.sql-proof-card h4{margin:0 0 8px;font-size:1rem}.vector-flow-card p,.sql-proof-card p{margin:0;color:var(--muted);line-height:1.5}.runtime-snippet-shell{padding:22px;background:linear-gradient(180deg,#141e2af5,#182432f0),radial-gradient(circle at top right,rgba(126,154,181,.18),transparent 38%);border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 48px #4b5c701a}.runtime-snippet-shell h3{margin:0 0 10px;color:#f3f6fbf2}.runtime-snippet-shell pre{margin:0;padding:16px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#eff4fae6;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.82rem;line-height:1.65;white-space:pre-wrap}.runtime-snippet-shell .artifact-kind{color:#f3f6fbb8}.sql-proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sql-proof-card{padding:20px;border:1px solid var(--line);background:#ffffffc2;box-shadow:0 16px 42px #4b5c7014}.sql-proof-card pre{margin:12px 0 0;padding:14px;border:1px solid var(--line);background:#f8fbffeb;color:#18212ce6;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.78rem;line-height:1.6;white-space:pre-wrap}body.js-motion [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .62s ease,transform .62s ease}body.js-motion [data-reveal].revealed{opacity:1;transform:translateY(0)}@media (max-width: 1100px){.app-shell{grid-template-columns:1fr}.rail{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--line)}.rail nav{grid-template-columns:repeat(3,minmax(0,1fr))}.deck{padding:0 20px 64px}.hero,.split-columns,.retrieval-grid,.preservation-layout,.sam-summary,.thesis-panel,.style-hero,.prompt-assembly{grid-template-columns:1fr}.stack-board,.hero-metrics,.ip-grid,.mode-grid,.vector-stats-grid,.vector-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.rail nav{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{min-height:auto;grid-template-columns:1fr;padding-top:10px}.hero-copy h1{font-size:clamp(2rem,9vw,3.15rem)}.hero-metrics,.stack-board,.module-grid,.artifact-grid,.sam-grid,.ip-grid,.retrieval-grid,.mode-grid,.vector-stats-grid,.vector-flow-grid,.sql-proof-grid,.visual-grid,.preservation-stack,.artifact-media.dual,.sam-stats,.vibe-example-grid,.prompt-assembly-grid{grid-template-columns:1fr}.hero-visual>img,.visual-grid img,.artifact-media.single img,.artifact-media.dual img,.sam-hero-card img{min-height:220px}.section{margin-top:64px}}