:root{font-family:SF Pro Display,SF Pro Text,PingFang SC,-apple-system,BlinkMacSystemFont,Noto Sans SC,Microsoft YaHei,sans-serif;font-synthesis:none;color-scheme:light;--ink: #101418;--ink-muted: #485256;--ink-soft: #515b5f;--ink-faint: #5a6468;--leaf-text: #58a021;--blue: #236de9;--blue-hover: #1d61d5;--blue-soft: rgba(35, 109, 233, .1);--lime: #82dd2d;--lime-soft: rgba(130, 221, 45, .14);--red: #ff5a50;--red-text: #e0443b;--red-soft: rgba(255, 90, 80, .11);--focus: rgba(35, 109, 233, .8);--r-xs: 8px;--r-sm: 12px;--r-md: 16px;--r-lg: 20px;--r-xl: 24px;--shade: 46, 58, 62;--line: rgba(var(--shade), .085);--line-strong: rgba(var(--shade), .11);--glass-line: rgba(255, 255, 255, .88);--glass-line-soft: rgba(255, 255, 255, .7);--e1: 0 1px 2px rgba(var(--shade), .05), 0 5px 14px rgba(var(--shade), .04);--e2: 0 1px 3px rgba(var(--shade), .06), 0 12px 30px rgba(var(--shade), .055);--e3: 0 2px 6px rgba(var(--shade), .07), 0 22px 50px rgba(var(--shade), .08);--e-accent: 0 1px 2px rgba(20, 66, 148, .28), 0 8px 18px rgba(35, 109, 233, .24);--e-accent-hover: 0 1px 2px rgba(20, 66, 148, .32), 0 12px 24px rgba(35, 109, 233, .3);--e-danger: 0 1px 2px rgba(150, 40, 34, .26), 0 8px 18px rgba(255, 90, 80, .24);--edge: inset 0 1px 0 rgba(255, 255, 255, .92);--edge-strong: inset 0 1px 0 rgba(255, 255, 255, .98);--stage: #dfe3e2;--frame: #17191d;--canvas: #f6f8f7;--rail-bg: rgba(250, 251, 250, .92);--pill-bg: linear-gradient(145deg, rgba(255, 255, 255, .93), rgba(246, 251, 249, .62));--pill-inset: inset 0 -1px 0 rgba(105, 122, 128, .08);--float-bg: rgba(246, 248, 247, .86);--float-inset: inset 0 0 0 1px rgba(120, 132, 135, .13), inset 0 1px 0 rgba(255, 255, 255, .72);--surface: linear-gradient(145deg, rgba(255, 255, 255, .97), rgba(249, 252, 251, .93));--surface-solid: #fbfcfc;--groove-bg: rgba(225, 231, 229, .5);--groove-inset: inset 0 1px 0 rgba(255, 255, 255, .46);--input-bg: rgba(255, 255, 255, .78);--hover-bg: rgba(var(--shade), .045);--press-bg: rgba(var(--shade), .075);--overlay: rgba(16, 20, 24, .26);--dark-surface: #131619;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--fs-display-xl: 56px;--fs-display-l: 40px;--fs-display-m: 28px;--track-eyebrow: .14em;--hatch-ink: rgba(var(--shade), .16);--hatch: repeating-linear-gradient(135deg, var(--hatch-ink) 0 1.5px, transparent 1.5px 6px);--tick: rgba(var(--shade), .22);--tick-strong: rgba(var(--shade), .5);--plate-bg: rgba(21, 24, 26, .9);--plate-line: rgba(255, 255, 255, .1);--plate-ink: #f2f5f4;--plate-soft: rgba(255, 255, 255, .56);--cat-1-bg: #f6e7c4;--cat-1-ink: #7a5a16;--cat-2-bg: #d7e7fb;--cat-2-ink: #275a96;--cat-3-bg: #e4dcf7;--cat-3-ink: #5b4597;--cat-4-bg: #f7dce1;--cat-4-ink: #94384c;--cat-5-bg: #d8f0dc;--cat-5-ink: #2d7140;--ambient-a: rgba(130, 221, 45, .07);--ambient-b: rgba(35, 109, 233, .055);--thread: rgba(var(--shade), .2);--thread-active: rgba(35, 109, 233, .62);--pulse-halo: rgba(35, 109, 233, .18);--node-bg: rgba(255, 255, 255, .94);--graph-1: 186, 140, 52;--graph-2: 58, 122, 206;--graph-3: 122, 96, 204;--graph-4: 200, 90, 118;--graph-5: 58, 150, 92;--graph-ink: 46, 58, 62;--graph-accent: 35, 109, 233;--graph-lime: 110, 190, 36;--graph-danger: 224, 68, 59;--graph-paper: 255, 255, 255;--ease-premium: cubic-bezier(.16, 1, .3, 1);--rail-w: 232px;--topbar-h: 64px;--layer-overlay: 200;--layer-toast: 400;--control-h: 36px;--control-h-sm: 30px;--row-h: 48px;--cell-px: 16px}:root[data-density=comfy]{--row-h: 56px;--cell-px: 18px}:root[data-density=compact]{--row-h: 40px;--cell-px: 14px}:root[data-theme=dark]{color-scheme:dark;--ink: #eef2f1;--ink-muted: #b0babd;--ink-soft: #9aa4a7;--ink-faint: #899396;--leaf-text: #9be35a;--blue: #4c8dff;--blue-hover: #3d7ff2;--blue-soft: rgba(76, 141, 255, .16);--lime-soft: rgba(130, 221, 45, .16);--red-text: #ff7a71;--red-soft: rgba(255, 90, 80, .16);--focus: rgba(76, 141, 255, .85);--shade: 0, 0, 0;--line: rgba(255, 255, 255, .07);--line-strong: rgba(255, 255, 255, .1);--glass-line: rgba(255, 255, 255, .1);--glass-line-soft: rgba(255, 255, 255, .07);--e1: 0 1px 2px rgba(0, 0, 0, .3), 0 5px 14px rgba(0, 0, 0, .2);--e2: 0 1px 3px rgba(0, 0, 0, .32), 0 12px 30px rgba(0, 0, 0, .28);--e3: 0 2px 6px rgba(0, 0, 0, .36), 0 22px 50px rgba(0, 0, 0, .42);--e-accent: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 18px rgba(76, 141, 255, .26);--e-accent-hover: 0 1px 2px rgba(0, 0, 0, .4), 0 12px 24px rgba(76, 141, 255, .34);--e-danger: 0 1px 2px rgba(0, 0, 0, .4), 0 8px 18px rgba(255, 90, 80, .26);--edge: inset 0 1px 0 rgba(255, 255, 255, .06);--edge-strong: inset 0 1px 0 rgba(255, 255, 255, .09);--stage: #090b0c;--frame: #000;--canvas: #121517;--rail-bg: rgba(22, 26, 28, .94);--pill-bg: linear-gradient(145deg, rgba(255, 255, 255, .11), rgba(255, 255, 255, .05));--pill-inset: inset 0 -1px 0 rgba(0, 0, 0, .2);--float-bg: rgba(30, 34, 37, .9);--float-inset: inset 0 0 0 1px rgba(255, 255, 255, .04), inset 0 1px 0 rgba(255, 255, 255, .06);--surface: linear-gradient(145deg, rgba(29, 33, 36, .98), rgba(25, 29, 31, .96));--surface-solid: #1b1f21;--groove-bg: rgba(0, 0, 0, .22);--groove-inset: inset 0 1px 2px rgba(0, 0, 0, .28);--input-bg: rgba(255, 255, 255, .04);--hover-bg: rgba(255, 255, 255, .05);--press-bg: rgba(255, 255, 255, .08);--overlay: rgba(0, 0, 0, .5);--hatch-ink: rgba(255, 255, 255, .12);--tick: rgba(255, 255, 255, .16);--tick-strong: rgba(255, 255, 255, .42);--plate-bg: rgba(8, 10, 11, .78);--cat-1-bg: rgba(232, 190, 96, .16);--cat-1-ink: #ecc779;--cat-2-bg: rgba(100, 160, 240, .16);--cat-2-ink: #92bdf5;--cat-3-bg: rgba(160, 132, 236, .17);--cat-3-ink: #bfaaf4;--cat-4-bg: rgba(236, 120, 140, .16);--cat-4-ink: #f2a3b1;--cat-5-bg: rgba(110, 200, 130, .15);--cat-5-ink: #94dca6;--ambient-a: rgba(130, 221, 45, .05);--ambient-b: rgba(76, 141, 255, .07);--thread: rgba(255, 255, 255, .16);--thread-active: rgba(110, 160, 255, .72);--pulse-halo: rgba(76, 141, 255, .28);--node-bg: rgba(32, 37, 40, .94);--graph-1: 236, 199, 121;--graph-2: 146, 189, 245;--graph-3: 191, 170, 244;--graph-4: 242, 163, 177;--graph-5: 148, 220, 166;--graph-ink: 214, 222, 220;--graph-accent: 76, 141, 255;--graph-lime: 155, 227, 90;--graph-danger: 255, 122, 113;--graph-paper: 36, 41, 44}@property --fill{syntax: "<percentage>"; inherits: false; initial-value: 0%;}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;height:100%}body{min-width:320px;min-height:100dvh;color:var(--ink);background:var(--stage);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#app{min-height:100dvh}button,input,select,textarea{font:inherit;color:inherit}button{border:0;background:none;padding:0;cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}img,svg{display:block}table{border-collapse:collapse;border-spacing:0}::selection{background:var(--blue-soft)}:focus:not(:focus-visible){outline:none}.tnum{font-variant-numeric:tabular-nums}.mono{font-family:SF Mono,ui-monospace,Menlo,Consolas,monospace;font-size:12px}.muted{color:var(--ink-muted)}.soft{color:var(--ink-soft)}.faint{color:var(--ink-faint)}.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*{scrollbar-width:thin;scrollbar-color:rgba(var(--shade),.18) transparent}:root[data-theme=dark] *{scrollbar-color:rgba(255,255,255,.14) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{border-radius:999px;background:rgba(var(--shade),.16);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-track{background:transparent}.section-label{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:650;letter-spacing:-.01em;color:var(--ink)}.section-label:before{content:"";width:7px;height:7px;border-radius:999px;background:var(--lime);box-shadow:0 0 0 5px var(--lime-soft);flex:none}.grain-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;pointer-events:none;opacity:.032;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px}:root[data-theme=dark] .grain-layer{opacity:.045}@media(prefers-contrast:more){.grain-layer{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important;transition-duration:.01ms!important;transition-delay:0s!important;scroll-behavior:auto!important}}:root{--paper: #eef1ef;--paper-deep: #e4e9e6;--night: #17191d;--night-2: #1b1e22;--ink: #101418;--ink-muted: #596368;--ink-soft: #7e888c;--ink-faint: #99a2a5;--acid: #82dd2d;--acid-ink: #101408;--leaf: #58a021;--blue: #236de9;--line: rgba(46, 58, 62, .085);--line-strong: rgba(46, 58, 62, .13);--line-night: rgba(255, 255, 255, .12);--text-night: #f4f6f4;--text-night-soft: rgba(244, 246, 244, .66);--text-night-faint: rgba(244, 246, 244, .44);--stage: var(--paper);--canvas: var(--paper);--frame: var(--night);--lime: var(--acid);--focus: var(--blue)}body{background:var(--paper);color:var(--ink);font-size:16px;line-height:1.6}::selection{background:var(--acid);color:var(--acid-ink)}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.shell{width:100%;max-width:1280px;margin:0 auto;padding:0 32px}.site-shell{min-height:100dvh;background:var(--paper)}.site-main{min-width:0}.skip-link{position:fixed;top:-60px;left:16px;z-index:400;padding:10px 14px;border-radius:8px;background:var(--acid);color:var(--acid-ink);font-size:14px;transition:top .2s ease}.skip-link:focus-visible{top:12px}.site-header{position:fixed;inset:0 0 auto;z-index:100;color:var(--ink);background:#eef1efcc;border-bottom:1px solid transparent;backdrop-filter:blur(18px) saturate(1.05);-webkit-backdrop-filter:blur(18px) saturate(1.05);transition:background .25s ease,border-color .25s ease}.site-header.is-scrolled{background:#eef1eff0;border-bottom-color:var(--line)}.header-inner{display:flex;align-items:center;gap:40px;height:76px}.brand{display:inline-flex;align-items:center;gap:10px;flex:none;border-radius:8px}.brand-mark{display:block;width:26px;height:26px;color:#17191d;border-radius:7px;box-shadow:0 0 0 1px #10141824,0 6px 16px #1014181f}.site-header.is-scrolled .brand-mark{box-shadow:0 0 0 1px var(--line-strong),0 6px 16px #1014181f}.brand-mark svg{display:block}.brand-word{font-size:15px;font-weight:650;letter-spacing:-.02em;color:currentColor}.header-nav{display:flex;align-items:center;gap:26px;font-size:14px}.header-nav a{color:var(--ink);opacity:.62;transition:opacity .2s ease}.header-nav a:hover{opacity:1}.header-cta{display:inline-flex;align-items:center;gap:7px;margin-left:auto;padding:8px 14px;border:1px solid var(--line-strong);border-radius:7px;font-size:13px;color:var(--ink);transition:background .2s ease,color .2s ease,border-color .2s ease}.header-cta:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}.kicker{font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint)}.kicker-light{color:var(--text-night-faint)}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:50px;padding:0 22px;border-radius:8px;font-size:15px;font-weight:650;letter-spacing:.005em;white-space:nowrap;transition:transform .3s var(--ease-premium),background .2s ease,color .2s ease,border-color .2s ease,box-shadow .3s ease}.button:hover{transform:translateY(-2px)}.button-light{background:var(--paper);border:1px solid var(--paper);color:var(--night);box-shadow:0 10px 30px #1014182e}.button-light:hover{background:#fff;border-color:#fff}.button-ghost{border:1px solid var(--line-strong);background:#ffffff73;color:var(--ink)}.button-ghost:hover{border-color:var(--ink);background:#fff;color:var(--ink)}.button-dark{background:var(--ink);border:1px solid var(--ink);color:var(--paper)}.button-dark:hover{background:#1b1e22;border-color:#1b1e22}.text-link{display:inline-flex;align-items:center;gap:8px;width:max-content;padding-bottom:4px;border-bottom:1px solid var(--ink);font-size:15px;font-weight:650;color:var(--ink);transition:gap .2s ease,color .2s ease}.text-link:hover{gap:12px;color:var(--ink-muted)}.hero{position:relative;overflow:hidden;background:var(--paper);color:var(--ink);padding-top:156px}.hero:before{content:"";position:absolute;top:-20%;right:-10%;width:70vw;height:70vw;max-width:980px;max-height:980px;border-radius:999px;background:radial-gradient(circle,rgba(130,221,45,.16),transparent 62%);pointer-events:none}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(16,20,24,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(16,20,24,.04) 1px,transparent 1px);background-size:76px 76px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 72%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 72%);pointer-events:none}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:56px;align-items:center;padding-bottom:92px}.hero-copy h1{margin:22px 0 0;font-size:clamp(46px,5.8vw,84px);line-height:1.02;letter-spacing:-.05em;font-weight:660;text-wrap:balance}.hero-copy h1 span{color:var(--leaf)}.hero-lead{max-width:54ch;margin-top:30px;font-size:17px;line-height:1.8;color:var(--ink-muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:38px}.hero-note{margin-top:44px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--ink-faint)}.hero-visual{position:relative;min-height:520px}.hero-shot{position:absolute;margin:0;overflow:hidden;border:1px solid var(--line-strong);border-radius:13px;background:#fff;box-shadow:0 30px 70px #1014182e}.hero-shot img{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover}.hero-shot-back{top:0;right:-3%;width:82%;transform:rotate(2.2deg)}.hero-shot-front{bottom:0;left:-2%;width:62%;transform:rotate(-3deg);border-color:var(--line-strong);box-shadow:0 24px 54px #10141833}.shot-bar{display:flex;align-items:center;gap:6px;height:27px;padding:0 11px;background:var(--night);border-bottom:1px solid rgba(0,0,0,.18)}.shot-bar i{width:6px;height:6px;border-radius:999px;background:#ffffff47}.hero-badge{position:absolute;right:2%;bottom:6%;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:var(--night);color:var(--text-night);font-family:var(--font-mono);font-size:10.5px;font-weight:600;letter-spacing:.08em;box-shadow:0 14px 30px #10141833}.hero-badge i{width:6px;height:6px;border-radius:999px;background:var(--lime)}.hero-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);padding-top:26px;padding-bottom:34px}.hero-stats div{display:flex;flex-direction:column;gap:5px;min-width:0}.hero-stats strong{font-family:var(--font-mono);font-size:26px;font-weight:500;color:var(--ink)}.hero-stats span{font-size:12px;color:var(--ink-faint)}.work{padding:116px 0 40px}.section-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:20px 48px;align-items:end;padding-bottom:56px;border-bottom:1px solid var(--line)}.section-head .kicker{grid-column:1 / -1}.section-head h2{font-size:clamp(40px,5.2vw,74px);line-height:1.02;letter-spacing:-.045em;font-weight:660}.section-head>p{max-width:44ch;padding-bottom:6px;font-size:16.5px;line-height:1.75;color:var(--ink-muted)}.chapter{display:grid;grid-template-columns:70px minmax(0,1.08fr) minmax(0,.92fr);gap:44px;align-items:center;padding:74px 0;border-bottom:1px solid var(--line)}.chapter-index{align-self:start;padding-top:6px;font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;color:var(--ink-faint)}.chapter.is-reversed .chapter-media{order:3}.chapter.is-reversed .chapter-copy{order:2}.chapter-media,.chapter-copy{min-width:0}.chapter-frame{width:100%;margin:0;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 26px 60px #1214121f}.frame-bar{display:flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:var(--paper-deep);border-bottom:1px solid var(--line)}.frame-bar i{width:7px;height:7px;border-radius:999px;background:#1214122e}.chapter-frame img{display:block;width:100%;aspect-ratio:16 / 10;object-fit:cover}.chapter-frame.frame-dark{background:var(--night);border-color:#ffffff24;box-shadow:0 30px 70px #0000004d}.chapter-frame.frame-dark .engine-case{border:0;border-radius:0}.chapter-frame-empty{display:grid;place-items:center;min-height:320px;color:var(--text-night-faint);font-family:var(--font-mono);font-size:12px}.chapter-copy h3{margin:10px 0 18px;font-size:clamp(38px,4.6vw,64px);line-height:1;letter-spacing:-.045em;font-weight:660}.chapter-tagline{max-width:34ch;font-size:19px;line-height:1.6;color:var(--ink-muted)}.chapter-summary{max-width:46ch;margin-top:10px;font-size:14px;line-height:1.75;color:var(--ink-soft)}.chapter-features{margin:28px 0;padding:0;list-style:none;border-top:1px solid var(--line)}.chapter-features li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13.5px;line-height:1.65;color:var(--ink-soft)}.chapter-features li:before{content:"→";color:var(--ink-faint)}.chapter-stack{margin-bottom:24px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.04em;line-height:1.8;color:var(--ink-faint)}.chapter-skeletons{display:flex;flex-direction:column;gap:24px;padding-top:24px}.chapter-skeleton{height:420px;border-radius:14px;background:linear-gradient(100deg,var(--paper-deep) 30%,#f7f5f0 50%,var(--paper-deep) 70%);background-size:200% 100%;animation:skeleton-shift 1.4s ease infinite}@keyframes skeleton-shift{to{background-position:-200% 0}}.state-panel{padding:56px 0;border-bottom:1px solid var(--line)}.state-panel h3,.state-panel h1{margin:10px 0 14px;font-size:clamp(30px,4vw,48px);letter-spacing:-.03em}.state-panel p{max-width:60ch;margin-bottom:20px;color:var(--ink-muted)}.approach{position:relative;overflow:hidden;background:var(--night);color:var(--text-night);padding:112px 0 120px}.approach:before{content:"";position:absolute;top:-30%;left:-10%;width:60vw;height:60vw;max-width:760px;max-height:760px;border-radius:999px;background:radial-gradient(circle,rgba(201,242,77,.08),transparent 65%);pointer-events:none}.approach .shell{position:relative;z-index:1}.approach h2{margin:18px 0 56px;font-size:clamp(40px,5.2vw,74px);line-height:1.02;letter-spacing:-.045em;font-weight:660;text-wrap:balance}.principles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line-night)}.principle{padding:38px 40px 42px 0;border-bottom:1px solid var(--line-night)}.principle:nth-child(odd){border-right:1px solid var(--line-night)}.principle:nth-child(2n){padding-left:40px}.principle>span{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--acid)}.principle h3{margin:18px 0 10px;font-size:25px;letter-spacing:-.02em;font-weight:620}.principle p{max-width:40ch;font-size:14.5px;line-height:1.8;color:var(--text-night-soft)}.about{padding:116px 0 132px}.about-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:64px;align-items:start}.about-copy h2{margin:16px 0 30px;font-size:clamp(44px,5.6vw,86px);line-height:1;letter-spacing:-.05em;font-weight:660}.about-copy p{max-width:52ch;margin-bottom:18px;font-size:17px;line-height:1.85;color:var(--ink-muted)}.about-list{margin:0;border-top:1px solid var(--line)}.about-list div{display:grid;grid-template-columns:76px minmax(0,1fr);gap:24px;padding:20px 0;border-bottom:1px solid var(--line)}.about-list dt{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.about-list dd{margin:0;font-size:14.5px;line-height:1.7;color:var(--ink)}.about-list a{border-bottom:1px solid var(--ink)}.site-footer{background:var(--night);color:var(--text-night);padding:100px 0 30px}.footer-cta{display:flex;align-items:flex-end;justify-content:space-between;gap:48px;padding-bottom:72px;border-bottom:1px solid var(--line-night)}.footer-cta h2{max-width:17ch;margin-top:16px;font-size:clamp(36px,4.8vw,68px);line-height:1.04;letter-spacing:-.045em;font-weight:660;text-wrap:balance}.footer-cta .button{flex:none}.footer-bottom{display:flex;align-items:center;gap:32px;padding-top:24px;font-size:11.5px;color:var(--text-night-faint)}.footer-links{display:flex;align-items:center;gap:20px}.footer-links a:hover{color:var(--acid)}.footer-bottom>p:last-child{margin-left:auto}.case-hero{background-color:var(--paper);background-image:radial-gradient(900px 500px at 82% -12%,rgba(130,221,45,.1),transparent 62%);color:var(--ink);padding-top:146px;overflow:hidden}.back-link{display:inline-flex;align-items:center;gap:8px;margin-bottom:54px;font-size:13px;color:var(--ink-faint);transition:color .2s ease}.back-link:hover{color:var(--leaf)}.case-title{margin:14px 0 22px;font-size:clamp(64px,10.5vw,148px);line-height:.88;letter-spacing:-.06em;font-weight:680;overflow-wrap:anywhere}.case-tagline{max-width:24ch;font-size:clamp(22px,2.7vw,34px);line-height:1.3;letter-spacing:-.02em;color:var(--ink-muted)}.case-summary{max-width:66ch;margin-top:26px;font-size:15.5px;line-height:1.8;color:var(--ink-muted)}.case-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:48px 0 54px;padding-top:24px;border-top:1px solid var(--line)}.case-meta dt{font-family:var(--font-mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-faint)}.case-meta dd{margin:8px 0 0;font-size:14px;line-height:1.5;color:var(--ink)}.case-meta a{display:inline-flex;align-items:center;gap:5px;border-bottom:1px solid var(--line-strong)}.case-meta-links{display:flex;flex-wrap:wrap;gap:6px 14px}.case-media{position:relative;z-index:1}.case-hero-frame{border-radius:16px 16px 0 0;border-bottom:0;box-shadow:0 20px 60px #10141824}.case-hero-frame img{display:block;width:100%;aspect-ratio:16 / 8.6;object-fit:cover}.case-engine-hero .engine-case{border-radius:16px 16px 0 0;border-bottom:0}.case-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding-top:40px;padding-bottom:40px;border-bottom:1px solid var(--line)}.case-metric{display:flex;flex-direction:column;gap:8px;min-width:0}.case-metric span{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.case-metric strong{font-size:19px;line-height:1.5;font-weight:600;color:var(--ink)}.case-layout{display:grid;grid-template-columns:160px minmax(0,1fr);gap:72px;padding-top:72px;padding-bottom:120px}.case-nav{position:sticky;top:104px;align-self:start;display:flex;flex-direction:column;gap:12px}.case-nav a{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--ink-faint);transition:color .2s ease}.case-nav a:hover{color:var(--ink)}.case-content{max-width:880px;min-width:0}.case-section{padding:46px 0 62px;border-top:1px solid var(--line);scroll-margin-top:120px}.case-section:first-child{padding-top:0;border-top:0}.case-section h2{margin:12px 0 26px;font-size:clamp(30px,3.2vw,46px);line-height:1.1;letter-spacing:-.03em;font-weight:650}.case-caption{max-width:60ch;margin-top:16px;font-size:13.5px;line-height:1.75;color:var(--ink-soft)}.case-prose{max-width:68ch}.case-prose p{font-size:16.5px;line-height:1.85;color:var(--ink-muted)}.case-prose p+p{margin-top:18px}.case-subsection{padding-top:36px;margin-top:36px;border-top:1px solid var(--line)}.case-subsection:first-of-type{padding-top:0;margin-top:24px;border-top:0}.case-subsection h3{margin-bottom:18px;font-size:clamp(24px,2.4vw,32px);line-height:1.25;letter-spacing:-.02em;font-weight:640}.case-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;margin:24px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}.case-points li{position:relative;padding:12px 0 12px 18px;border-bottom:1px solid var(--line);font-size:14px;line-height:1.7;color:var(--ink-muted)}.case-points li:before{content:"";position:absolute;top:1.15em;left:0;width:5px;height:5px;border-radius:1px;background:var(--leaf)}.decision-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;border-top:1px solid var(--line)}.decision{padding:26px 0;border-bottom:1px solid var(--line)}.decision:last-child:nth-child(odd){grid-column:1 / -1}.decision:last-child:nth-child(odd) p{max-width:60ch}.decision h3{margin-bottom:10px;font-size:21px;line-height:1.3;letter-spacing:-.02em;font-weight:620}.decision p{max-width:46ch;font-size:14.5px;line-height:1.8;color:var(--ink-muted)}.spec-table{margin:0;border-top:1px solid var(--line)}.spec-table>div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:24px;padding:16px 0;border-bottom:1px solid var(--line)}.spec-table dt{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint)}.spec-table dd{margin:0;font-size:14.5px;line-height:1.7;color:var(--ink)}.capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;border-top:1px solid var(--line)}.capability{padding:24px 0;border-bottom:1px solid var(--line)}.capability>span{font-family:var(--font-mono);font-size:10.5px;color:var(--ink-faint)}.capability h3{margin:10px 0 8px;font-size:20px;line-height:1.3;letter-spacing:-.02em;font-weight:620}.capability p{max-width:46ch;font-size:14.5px;line-height:1.8;color:var(--ink-muted)}.case-diagram{margin-top:32px}.system-map{padding:22px;border:1px solid var(--line);border-radius:12px;background:#ffffff8c}.system-map-title{margin-bottom:14px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.map-layer{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fff9}.map-layer>span{font-family:var(--font-mono);font-size:10px;color:var(--ink-faint)}.map-nodes{display:flex;flex-wrap:wrap;gap:8px}.map-nodes i{padding:6px 9px;border:1px solid var(--line-strong);border-radius:5px;background:var(--paper);font-size:12px;font-style:normal;color:var(--ink-muted)}.map-layer.is-core{border-color:var(--night);background:var(--night)}.map-layer.is-core>span{color:var(--text-night-faint)}.map-layer.is-core .map-nodes i{border-color:#ffffff29;background:transparent;color:var(--text-night)}.map-layer.is-core .map-nodes i:first-child{border-color:var(--acid);color:var(--acid)}.map-arrow{padding:6px 0;text-align:center;font-family:var(--font-mono);color:var(--ink-faint)}.system-map-caption{margin-top:14px;font-size:12.5px;line-height:1.7;color:var(--ink-soft)}.flow-steps{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px}.flow-step{display:flex;flex:1 1 0;flex-direction:column;gap:4px;min-width:130px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fff9}.flow-step span{font-family:var(--font-mono);font-size:10px;color:var(--leaf)}.flow-step strong{font-size:14px;font-weight:620;color:var(--ink)}.flow-step small{font-size:11.5px;color:var(--ink-faint)}.flow-arrow{align-self:center;font-family:var(--font-mono);color:var(--ink-faint)}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.gallery figure{margin:0}.gallery figure:first-child{grid-column:1 / -1}.gallery img{display:block;width:100%;border:1px solid var(--line);border-radius:10px}.gallery figcaption{display:flex;gap:8px;margin-top:10px;font-size:12.5px;line-height:1.6;color:var(--ink-soft)}.gallery figcaption span{font-family:var(--font-mono);font-size:10.5px;color:var(--ink-faint)}.case-engine{max-width:760px}.stack-list{display:flex;flex-wrap:wrap;gap:8px}.stack-list span{padding:7px 10px;border:1px solid var(--line-strong);border-radius:6px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.03em;color:var(--ink-muted)}.next-case{display:flex;flex-direction:column;gap:14px;padding-top:44px;border-top:1px solid var(--line)}.next-case a{display:flex;flex-direction:column;gap:4px}.next-case a>span{font-size:13px;color:var(--ink-faint)}.next-case strong{display:flex;align-items:center;gap:14px;font-size:clamp(38px,5vw,62px);line-height:1.05;letter-spacing:-.04em;font-weight:650;transition:gap .2s ease,color .2s ease}.next-case a:hover strong{gap:22px;color:var(--ink-muted)}.case-loading{min-height:70vh;padding-bottom:80px}.skeleton{border-radius:8px;background:#10141814;animation:skeleton-pulse 1.4s ease infinite}.skeleton-line{width:180px;height:12px;margin-bottom:40px}.skeleton-title{width:70%;height:110px;margin-bottom:30px}.skeleton-text{width:46%;height:16px}@keyframes skeleton-pulse{50%{opacity:.45}}.state-panel-page{padding-top:180px;padding-bottom:120px}.engine-case{overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:radial-gradient(circle at 90% 0%,rgba(201,242,77,.08),transparent 45%),var(--night-2);color:var(--text-night)}.engine-top{display:flex;align-items:center;gap:14px;height:36px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.1);font-family:var(--font-mono);font-size:10px;color:var(--text-night-faint)}.engine-lights{display:flex;gap:5px}.engine-lights i{width:6px;height:6px;border-radius:999px;background:#ffffff3d}.engine-path{letter-spacing:.04em}.engine-state{display:inline-flex;align-items:center;gap:6px;margin-left:auto;color:var(--acid)}.engine-state i{width:5px;height:5px;border-radius:999px;background:var(--acid);box-shadow:0 0 0 4px #c9f24d1f}.engine-body{padding:18px}.engine-layers{display:grid;gap:6px}.engine-layer{display:grid;grid-template-columns:28px 82px minmax(0,1fr);gap:10px;align-items:center;min-height:40px;padding:8px 12px;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:#ffffff06}.engine-num{font-family:var(--font-mono);font-size:9.5px;color:var(--acid)}.engine-layer strong{font-size:13px;font-weight:600;color:var(--text-night)}.engine-role{overflow:hidden;font-family:var(--font-mono);font-size:9.5px;color:var(--text-night-faint);text-overflow:ellipsis;white-space:nowrap}.engine-code{margin-top:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:6px;background:#0a0c0a}.engine-code-head{display:flex;justify-content:space-between;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.08);font-family:var(--font-mono);font-size:9.5px;color:var(--text-night-faint)}.engine-code pre{margin:0;padding:14px;overflow-x:auto;font-family:var(--font-mono);font-size:11px;line-height:1.75;color:#f4f2ecc7}.engine-foot{display:flex;justify-content:space-between;gap:16px;padding:10px 14px;border-top:1px solid rgba(255,255,255,.1);font-family:var(--font-mono);font-size:9.5px;color:var(--text-night-faint)}.engine-foot span:last-child{color:var(--acid)}.not-found{display:flex;align-items:center;min-height:100vh;padding:150px 0 80px;background:var(--paper);color:var(--ink)}.not-found-code{margin:18px 0 8px;font-family:var(--font-mono);font-size:clamp(120px,22vw,260px);line-height:.78;letter-spacing:-.08em;color:var(--leaf)}.not-found h1{margin:22px 0 16px;font-size:clamp(40px,6vw,82px);line-height:1.02;letter-spacing:-.045em;font-weight:660}.not-found-lead{max-width:48ch;margin-bottom:32px;font-size:16px;line-height:1.8;color:var(--ink-muted)}[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease-premium),transform .8s var(--ease-premium)}[data-reveal].is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none}.button:hover,.next-case a:hover strong{transform:none}}@media(max-width:1100px){.hero-grid{grid-template-columns:1fr;gap:44px}.hero-visual{min-height:470px;max-width:760px}.hero-shot-back{right:0;width:82%}.hero-shot-front{left:0;width:60%}.chapter{grid-template-columns:52px minmax(0,1fr) minmax(0,1fr);gap:32px}.case-layout{grid-template-columns:130px minmax(0,1fr);gap:48px}}@media(max-width:900px){.header-inner{height:68px}.section-head{grid-template-columns:1fr}.section-head>p{padding-bottom:0}.chapter{grid-template-columns:1fr;gap:24px;padding:56px 0}.chapter-index{padding-top:0}.chapter.is-reversed .chapter-media,.chapter.is-reversed .chapter-copy{order:0}.chapter-copy h3{font-size:clamp(38px,8vw,56px)}.principles{grid-template-columns:1fr}.principle,.principle:nth-child(2n){padding:30px 0 34px;border-right:0}.about-grid{grid-template-columns:1fr;gap:44px}.case-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.case-metrics{grid-template-columns:1fr;gap:18px}.case-layout{grid-template-columns:1fr;padding-top:48px}.case-nav{display:none}.gallery{grid-template-columns:1fr}.decision-grid{grid-template-columns:1fr;gap:0}.footer-cta{flex-direction:column;align-items:flex-start}.footer-bottom{flex-wrap:wrap}.footer-bottom>p:last-child{margin-left:0}}@media(max-width:640px){.shell{padding:0 20px}.header-inner{gap:18px;height:62px}.brand-word{font-size:14px}.header-nav{gap:14px;font-size:13px}.header-cta{display:none}.hero{padding-top:118px}.hero-copy h1{font-size:clamp(42px,12vw,64px)}.hero-lead{font-size:16px}.hero-actions .button{flex:1 1 auto}.hero-visual{min-height:340px}.hero-shot-back{width:100%}.hero-shot-front{width:74%;bottom:-4%}.hero-badge{right:0;bottom:0;font-size:9.5px}.hero-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}.work,.about{padding-top:76px;padding-bottom:76px}.approach{padding:76px 0 84px}.section-head h2,.approach h2{font-size:clamp(36px,10vw,52px)}.approach h2{font-size:clamp(32px,8.4vw,52px)}.chapter-features li{font-size:14px}.chapter-tagline{font-size:17px}.about-copy h2{font-size:clamp(40px,12vw,60px)}.about-list div{grid-template-columns:64px minmax(0,1fr);gap:14px}.footer-cta h2{font-size:clamp(32px,9vw,46px)}.site-footer{padding-top:72px}.case-hero{padding-top:112px}.case-title{font-size:clamp(44px,12vw,72px)}.case-tagline{font-size:20px}.case-meta{gap:18px}.case-hero-frame img{aspect-ratio:16 / 10}.case-layout{padding-bottom:80px}.capability-grid{grid-template-columns:1fr;gap:0}.case-prose p{font-size:16px}.case-points{grid-template-columns:1fr}.spec-table>div{grid-template-columns:88px minmax(0,1fr);gap:14px}.engine-layer{grid-template-columns:24px 68px minmax(0,1fr);gap:8px;padding:8px 10px}.engine-role{font-size:9px}.not-found{padding-top:120px}}