:root{--bg: #f4f1e9;--bg-2: #ede9dd;--ink: #1c1f1a;--ink-mute: #6a6c64;--ink-soft: #9a9c94;--rule: #d8d3c6;--rule-soft: #e6e1d2;--accent: #586d3a;--accent-4: #b9c98a;--dk-bg: #0c0a09;--dk-ink: #efece4;--dk-mute: rgba(239,236,228,.55);--dk-faint: rgba(239,236,228,.28);--grotesk: "Inter", system-ui, sans-serif;--serif: "Instrument Serif", "Times New Roman", serif;--mono: "Courier Prime", ui-monospace, monospace;--sh-soft: 0 1px 2px rgba(28,31,26,.04), 0 8px 24px -8px rgba(28,31,26,.1);--sh-lift: 0 1px 2px rgba(28,31,26,.05), 0 16px 40px -12px rgba(28,31,26,.14);--sh-deep: 0 2px 4px rgba(28,31,26,.06), 0 32px 64px -16px rgba(28,31,26,.18);--z-chrome: 10;--z-dots: 200;--z-nav: 300;--card-bg-top: #faf8f2;--card-bg-bot: #f4f1e9;--pad-h: clamp(36px,4.5vw,96px);--ease-out-quart: cubic-bezier(.25,1,.5,1);--ease-out-expo: cubic-bezier(.22,1,.36,1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;background:var(--dk-bg);font-family:var(--grotesk)}#root{height:100%}#scroller{height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory}#scroller::-webkit-scrollbar{display:none}section{height:100vh;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden;position:relative;contain:layout style}.t-display{font-family:var(--grotesk);font-weight:500;font-size:clamp(52px,8.5vw,148px);line-height:.92;letter-spacing:-.045em;text-rendering:optimizeLegibility;font-kerning:normal}.t-chapter{font-family:var(--grotesk);font-weight:500;font-size:clamp(72px,13vw,210px);line-height:.88;letter-spacing:-.052em;text-rendering:optimizeLegibility;font-kerning:normal}.t-title{font-family:var(--grotesk);font-weight:500;font-size:clamp(26px,3.8vw,62px);line-height:1.05;letter-spacing:-.025em}.t-lead{font-family:var(--serif);font-style:italic;font-size:clamp(16px,2vw,30px);line-height:1.38;font-optical-sizing:auto;font-kerning:normal}.t-body{font-family:var(--grotesk);font-size:clamp(14px,1.3vw,19px);line-height:1.56}.t-label{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute)}.t-label-d{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#efece480}.it{font-family:var(--serif);font-style:italic;font-weight:400;font-optical-sizing:auto}.itg,.itr,.ity{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--accent);font-optical-sizing:auto}.card{background:linear-gradient(180deg,var(--card-bg-top) 0%,var(--card-bg-bot) 100%);border:1px solid var(--rule);border-radius:16px;padding:clamp(18px,2.2vw,32px);display:flex;flex-direction:column;gap:9px;position:relative;overflow:hidden;box-shadow:var(--sh-soft)}.card.dark{background:linear-gradient(160deg,#232520,#16181d);border-color:#2a2c26;box-shadow:var(--sh-deep)}.card.dark:before{background:linear-gradient(90deg,transparent,rgba(180,200,140,.22),transparent)}.card.accent{background:linear-gradient(160deg,#586d3a1a,#586d3a08);border-color:#586d3a40}.card.rust{background:linear-gradient(160deg,#586d3a14,#586d3a05);border-color:#586d3a38}.card .ch{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);display:flex;justify-content:space-between;align-items:center}.card .ct{font-family:var(--grotesk);font-weight:500;font-size:clamp(15px,1.8vw,24px);letter-spacing:-.015em;line-height:1.1;color:var(--ink)}.card .cd{font-size:clamp(11px,1.1vw,15px);line-height:1.5;color:var(--ink-mute)}.card.dark .ch{color:#efece480}.card.dark .ct{color:var(--bg)}.card.dark .cd{color:#efece499}.card.dark .ct em{color:var(--accent)}.metric{background:linear-gradient(180deg,var(--card-bg-top) 0%,var(--card-bg-bot) 100%);border:1px solid var(--rule);border-radius:16px;padding:clamp(18px,2.2vw,32px);display:flex;flex-direction:column;gap:5px;position:relative;overflow:hidden;box-shadow:var(--sh-soft)}.metric .ml{font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute)}.metric .mv{font-family:var(--grotesk);font-weight:500;font-size:clamp(36px,5vw,72px);line-height:1;letter-spacing:-.04em;color:var(--ink);font-variant-numeric:tabular-nums}.metric .mv em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--accent)}.metric .mv.rust em{color:var(--accent)}.metric .mf{font-size:clamp(10px,1vw,13px);color:var(--ink-mute);line-height:1.45}.vault-scene{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.vault-scene svg{display:block;width:100%;height:100%;max-height:640px;overflow:visible}.vs-line{fill:none;stroke:var(--ink-mute);stroke-width:2;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.2s var(--ease-out-quart)}.vault-scene.is-on .vs-line{stroke-dashoffset:0}.vs-body{stroke-width:2.5;transition-delay:calc(var(--d,0s) + .05s)}.vs-door{transition-delay:calc(var(--d,0s) + .35s)}.vs-rim{stroke-width:1.5;opacity:.6;transition-duration:1s;transition-delay:calc(var(--d,0s) + .6s)}.vs-tick{stroke-width:1.5;opacity:.5;transition-duration:.5s}.vs-tick:nth-child(odd){transition-delay:calc(var(--d,0s) + .75s)}.vs-tick:nth-child(2n){transition-delay:calc(var(--d,0s) + .85s)}.vs-dial{transition-delay:calc(var(--d,0s) + .65s)}.vs-spoke{stroke-width:1.5;transition-duration:.5s;transition-delay:calc(var(--d,0s) + .95s)}.vs-knob{fill:var(--ink-mute);opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(0);transition:opacity .3s ease calc(var(--d,0s) + 1.05s),transform .4s var(--ease-out-quart) calc(var(--d,0s) + 1.05s)}.vault-scene.is-on .vs-knob{opacity:1;transform:scale(1)}.vs-web-l{stroke-width:1;opacity:.35;transition-duration:1.6s;transition-delay:calc(var(--d,0s) + 1.2s)}.vs-web-a{stroke-width:1;opacity:.35;transition-duration:1.2s;transition-delay:calc(var(--d,0s) + 1.6s)}.vs-doc{fill:var(--bg);stroke:var(--ink-mute);stroke-width:1.5;opacity:0;transform-box:fill-box;transform-origin:center;transform:translateY(14px) scale(.94);transition:opacity .7s ease calc(var(--d,0s) + 1s),transform .9s var(--ease-out-quart) calc(var(--d,0s) + 1s)}.vault-scene.is-on .vs-doc{opacity:1;transform:translateY(0) scale(1)}.vs-doc-line{stroke-width:1.5;opacity:.55;transition-duration:.6s}.vs-doc-line:nth-of-type(1){transition-delay:calc(var(--d,0s) + 1.5s)}.vs-doc-line:nth-of-type(2){transition-delay:calc(var(--d,0s) + 1.6s)}.vs-doc-line:nth-of-type(3){transition-delay:calc(var(--d,0s) + 1.7s)}.vs-doc-line:nth-of-type(4){transition-delay:calc(var(--d,0s) + 1.8s)}.vs-doc-line:nth-of-type(5){transition-delay:calc(var(--d,0s) + 1.9s)}.vs-seal{fill:var(--seal,var(--accent-4));opacity:0;transform-box:fill-box;transform-origin:center;transform:scale(0);transition:opacity .4s ease calc(var(--d,0s) + 2.05s),transform .5s cubic-bezier(.34,1.56,.64,1) calc(var(--d,0s) + 2.05s)}.vs-seal-mark{stroke:var(--bg);stroke-width:2;stroke-linecap:round;opacity:0;transition:opacity .3s ease calc(var(--d,0s) + 2.35s)}.vault-scene.is-on .vs-seal{opacity:1;transform:scale(1)}.vault-scene.is-on .vs-seal-mark{opacity:1}@keyframes vsFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.vs-vault{animation-name:vsFloat;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-play-state:paused}.vault-scene.is-on .vs-vault{animation-play-state:running}@keyframes vsDial{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}.vs-dialgroup{animation-name:vsDial;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-play-state:paused}.vault-scene.is-on .vs-dialgroup{animation-play-state:running}@keyframes vsDust{0%,to{transform:translate(0)}50%{transform:translate(6px,-16px)}}.vs-dust{fill:var(--ink-mute);opacity:0;animation:vsDust 8s ease-in-out infinite;animation-play-state:paused;transition:opacity 1.2s ease 2.4s}.vault-scene.is-on .vs-dust{opacity:.4;animation-play-state:running}.vault-scene--dark .vs-line{stroke:#efece499}.vault-scene--dark .vs-body{stroke:#efece4e0}.vault-scene--dark .vs-rim,.vault-scene--dark .vs-tick,.vault-scene--dark .vs-spoke,.vault-scene--dark .vs-dial{stroke:#efece480}.vault-scene--dark .vs-web-l,.vault-scene--dark .vs-web-a{stroke:#efece44d}.vault-scene--dark .vs-knob{fill:#efece4cc}.vault-scene--dark .vs-doc{fill:#efece4;stroke:#efece473}.vault-scene--dark .vs-doc-line{stroke:#1c1f1a6b}.vault-scene--dark .vs-seal-mark{stroke:#efece4}.vault-scene--dark.is-on .vs-dust{opacity:.55}.vault-scene--dark .vs-dust{fill:var(--accent-4)}.vbg{position:absolute;inset:0;overflow:hidden}.vbg svg{width:100%;height:100%;display:block}@keyframes vbgDrift{0%,to{transform:translate(0)}50%{transform:translate(-26px,14px)}}.vbg-drift{animation:vbgDrift 26s ease-in-out infinite}.vbg-line{fill:none;stroke:var(--accent-4);stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2.4s var(--ease-out-quart);transition-delay:calc(var(--i) * .22s)}.vbg.is-on .vbg-line{stroke-dashoffset:0}.sec-content.s03-grid{display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start;gap:clamp(28px,5vw,80px)}.s03-left{flex:0 1 clamp(360px,42%,560px);min-width:0;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(6px,1.4vh,18px) 0}.s03-headline{font-family:var(--grotesk);font-weight:500;font-size:clamp(28px,3.6vw,58px);line-height:1.06;letter-spacing:-.025em;color:var(--dk-ink);max-width:18ch}.s03-files-wrap{display:flex;flex-direction:column;gap:12px}.s03-files{list-style:none;display:flex;flex-direction:column}.s03-file{display:flex;align-items:baseline;gap:14px;padding:11px 0;border-top:1px solid rgba(239,236,228,.1);font-family:var(--mono);font-size:clamp(11px,1.05vw,13px);letter-spacing:.04em;color:#efece4a8}.s03-file:last-child{border-bottom:1px solid rgba(239,236,228,.1)}.s03-file-n{color:var(--accent-4);flex:0 0 auto}.s03-file-t{color:#efece49e}.s03-stage{position:relative;flex:1 1 auto;min-width:0;height:100%;display:flex;align-items:center;justify-content:center}.vault-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 52% 56% at 52% 46%,rgba(185,201,138,.2) 0%,rgba(185,201,138,.07) 38%,transparent 68%)}.s03-stage .vault-scene{position:relative;z-index:1}.s03-stage .vault-scene svg{max-height:min(560px,72vh)}@media(max-width:640px){.sec-content.s03-grid{flex-direction:column!important;gap:24px}.s03-left{flex:0 0 auto!important;gap:24px}.s03-stage{flex:0 0 auto!important;width:100%;height:44vh!important}.s03-headline{max-width:none}}.sec-content.s12-wrap{justify-content:center;gap:clamp(14px,2.6vh,34px)}.s12-header{display:flex;align-items:center;justify-content:center}.s12-title{text-align:center;margin:0 auto;max-width:22ch;font-family:var(--grotesk);font-weight:500;font-size:clamp(26px,3.7vw,56px);line-height:1.05;letter-spacing:-.025em;color:var(--dk-ink)}.s12-rule{position:relative;height:1px;background:#efece41f;overflow:hidden}.s12-rule:after{content:"";position:absolute;inset:0;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,var(--accent-4),transparent);transition:transform 1.2s .4s var(--ease-out-quart)}.s12-wrap.is-on .s12-rule:after{transform:scaleX(1)}.s12-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(239,236,228,.12)}.s12-cell{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(16px,2.6vh,40px) clamp(12px,1.5vw,26px);transition:background .3s ease,opacity .6s var(--ease-out-expo),transform .6s var(--ease-out-expo);opacity:0;transform:translateY(16px)}.s12-wrap.is-on .s12-cell{opacity:1;transform:none}.s12-wrap.is-on .s12-cell:nth-child(1){transition-delay:0s,.18s,.18s}.s12-wrap.is-on .s12-cell:nth-child(2){transition-delay:0s,.27s,.27s}.s12-wrap.is-on .s12-cell:nth-child(3){transition-delay:0s,.36s,.36s}.s12-wrap.is-on .s12-cell:nth-child(4){transition-delay:0s,.45s,.45s}.s12-cell:not(:first-child){border-left:1px solid rgba(239,236,228,.12)}.s12-cell:hover{background:#efece40d}.s12-cell-n{font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:var(--accent-4);margin-bottom:clamp(12px,2vh,26px)}.s12-cell-ico{color:#efece48c;transition:color .3s ease;margin-bottom:clamp(12px,2vh,24px)}.s12-ico{display:block;width:clamp(32px,2.8vw,46px);height:clamp(32px,2.8vw,46px)}.s12-cell:hover .s12-cell-ico{color:var(--dk-ink)}.s12-cell-label{font-family:var(--mono);font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;line-height:1.55;color:#efece4db;margin-bottom:10px}.s12-cell-desc{font-family:var(--grotesk);font-size:clamp(11px,.92vw,13px);line-height:1.55;color:#efece480}.s12-tagline{display:flex;flex-direction:column;align-items:center;gap:clamp(10px,1.6vh,20px)}.s12-vline{width:1px;height:clamp(26px,4vh,54px);background:var(--accent-4)}.s12-tagline p{text-align:center;font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(14px,1.7vw,24px);line-height:1.4;color:#efece4b8}@media(max-width:640px){.s12-grid{grid-template-columns:1fr}.s12-cell{padding:22px 16px}.s12-cell:not(:first-child){border-left:none;border-top:1px solid rgba(239,236,228,.12)}.s12-title{max-width:none}}.sec-content.s05-wrap{justify-content:flex-start;gap:clamp(16px,2.8vh,38px)}.s05-head{display:flex;align-items:flex-end;justify-content:space-between;gap:clamp(16px,3vw,52px);flex-wrap:wrap}.s05-tagline{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(14px,1.7vw,24px);line-height:1.35;color:var(--ink-mute);text-align:right;max-width:min(340px,38vw);flex-shrink:0}.s05-index{border-top:1px solid var(--rule)}.s05-row{display:grid;grid-template-columns:clamp(52px,7vw,108px) minmax(0,1fr) minmax(0,1.15fr);align-items:center;column-gap:clamp(14px,2.6vw,44px);padding:clamp(11px,1.7vh,22px) 0;border-bottom:1px solid var(--rule);opacity:0;transform:translate(-20px);transition:background .3s ease,opacity .6s var(--ease-out-expo),transform .6s var(--ease-out-expo)}.s05-wrap.is-on .s05-row{opacity:1;transform:none}.s05-wrap.is-on .s05-row:nth-child(1){transition-delay:0s,.12s,.12s}.s05-wrap.is-on .s05-row:nth-child(2){transition-delay:0s,.2s,.2s}.s05-wrap.is-on .s05-row:nth-child(3){transition-delay:0s,.28s,.28s}.s05-wrap.is-on .s05-row:nth-child(4){transition-delay:0s,.36s,.36s}.s05-wrap.is-on .s05-row:nth-child(5){transition-delay:0s,.44s,.44s}.s05-row:hover:not(.is-climax){background:#586d3a0d}.s05-row-num{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(34px,4.6vw,72px);line-height:.78;color:var(--accent);opacity:.45;transition:opacity .3s ease;font-variant-numeric:lining-nums}.s05-row:hover:not(.is-climax) .s05-row-num{opacity:1}.s05-row-title{font-family:var(--grotesk);font-weight:500;font-size:clamp(17px,2vw,30px);letter-spacing:-.02em;line-height:1.06;color:var(--ink)}.s05-row-title em.itg{color:var(--accent)}.s05-row-desc{font-family:var(--grotesk);font-size:clamp(11px,1.05vw,15px);line-height:1.5;color:var(--ink-mute)}.s05-row.is-climax{background:var(--ink);color:var(--bg);margin:0 calc(-1 * var(--pad-h));padding-left:var(--pad-h);padding-right:var(--pad-h);border-bottom:none}.s05-row.is-climax .s05-row-num{color:var(--accent-4);opacity:.85}.s05-row.is-climax .s05-row-title{color:var(--bg)}.s05-row.is-climax .s05-row-title em.ity{color:var(--accent-4)}.s05-row.is-climax .s05-row-desc{color:#efece49e}.s05-row-silence{font-family:var(--serif);font-style:italic;color:var(--accent-4)}@media(max-width:640px){.s05-row{grid-template-columns:clamp(40px,12vw,56px) 1fr;row-gap:4px;column-gap:16px}.s05-row-desc{grid-column:2 / 3}.s05-tagline{text-align:left;max-width:none}.s05-row.is-climax{margin:0 calc(-1 * var(--pad-h))}}.flow-bg{position:absolute;inset:0;overflow:hidden;pointer-events:none}.flow-radial{position:absolute;inset:0;z-index:1;background:linear-gradient(100deg,rgba(12,10,9,.92) 0%,rgba(12,10,9,.74) 38%,rgba(12,10,9,.18) 68%,transparent 100%),radial-gradient(ellipse 55% 65% at 82% 30%,rgba(185,201,138,.1) 0%,transparent 65%)}.flow-bg svg{position:absolute;left:0;top:-25%;width:100%;height:150%;display:block}@keyframes flowDrift{0%,to{transform:translate(0)}50%{transform:translate(-30px,18px)}}.flow-drift{animation:flowDrift 30s ease-in-out infinite}.flow-line{fill:none;stroke:#efece466;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:var(--o);transition:stroke-dashoffset 2.6s var(--ease-out-quart);transition-delay:calc(var(--i) * .2s)}.flow-bg.is-on .flow-line{stroke-dashoffset:0}.sec-content.s09-wrap{display:flex;flex-direction:row;align-items:stretch;justify-content:flex-start;gap:clamp(28px,5vw,80px)}.s09-content{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:clamp(18px,3vh,40px)}.s09-title{font-family:var(--grotesk);font-weight:500;font-size:clamp(28px,3.6vw,58px);line-height:1.08;letter-spacing:-.025em;color:var(--dk-ink);max-width:24ch}.s09-title .itg{color:var(--accent-4)}.s09-rule{position:relative;height:1px;background:#efece41f;overflow:hidden}.s09-rule:after{content:"";position:absolute;inset:0;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,var(--accent-4),transparent);transition:transform 1.2s .3s var(--ease-out-quart)}.s09-wrap.is-on .s09-rule:after{transform:scaleX(1)}.s09-practices{display:flex;flex-direction:row;align-items:stretch;border-top:1px solid rgba(239,236,228,.12)}.s09-practice{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:10px;padding:clamp(16px,2.6vh,32px) clamp(12px,1.6vw,28px);opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease-out-expo),transform .6s var(--ease-out-expo)}.s09-wrap.is-on .s09-practice{opacity:1;transform:none}.s09-wrap.is-on .s09-practice:nth-child(1){transition-delay:.18s}.s09-wrap.is-on .s09-practice:nth-child(2){transition-delay:.27s}.s09-wrap.is-on .s09-practice:nth-child(3){transition-delay:.36s}.s09-practice:not(:first-child){border-left:1px solid rgba(239,236,228,.12)}.s09-practice:first-child{padding-left:0}.s09-practice-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.s09-practice-n{font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--accent-4)}.s09-practice-title{font-family:var(--grotesk);font-weight:500;font-size:clamp(16px,1.6vw,24px);line-height:1.18;letter-spacing:-.02em;color:var(--dk-ink)}.s09-practice-title em.itg{color:var(--accent-4)}.s09-practice-note{font-family:var(--grotesk);font-size:clamp(11px,.92vw,13px);line-height:1.55;color:#efece480}.s09-diff{display:flex;align-items:flex-start;gap:clamp(16px,2.4vw,32px);opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease-out-expo),transform .6s var(--ease-out-expo)}.s09-wrap.is-on .s09-diff{opacity:1;transform:none;transition-delay:.5s}.s09-diff-bar{flex:0 0 auto;width:2px;align-self:stretch;background:var(--accent-4);min-height:64px}.s09-diff-body{display:flex;flex-direction:column;gap:8px}.s09-diff-statement{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(15px,1.8vw,26px);line-height:1.35;color:var(--dk-ink)}.s09-diff-statement em.ity{color:var(--accent-4)}.s09-diff-text{font-family:var(--grotesk);font-size:clamp(11px,.95vw,14px);line-height:1.6;color:#efece480;max-width:54ch}@media(max-width:640px){.sec-content.s09-wrap{flex-direction:column!important;gap:24px}.s09-rail{flex:0 0 auto!important;flex-direction:row!important;align-items:baseline;gap:14px}.s09-title{max-width:none}.s09-practices{flex-direction:column}.s09-practice:not(:first-child){border-left:none;border-top:1px solid rgba(239,236,228,.12)}.s09-practice{padding-left:0}}.chip{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);padding:5px 13px;border:1px solid var(--rule);border-radius:100px;background:var(--card-bg-top);box-shadow:var(--sh-soft)}.chip .seed{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px #586d3a26}.chip-dk{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#efece4bf;padding:5px 13px;border:1px solid rgba(239,236,228,.22);border-radius:100px;background:#efece41a}.lozenge{display:inline-flex;align-items:center;padding:3px 11px;background:#586d3a1a;border:1px solid rgba(88,109,58,.28);border-radius:100px;font-family:var(--mono);font-size:9px;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.lozenge.rust,.lozenge.gold{background:#586d3a1a;border-color:#586d3a47;color:var(--accent)}table.proto{width:100%;border-collapse:collapse;font-family:var(--grotesk)}table.proto th,table.proto td{padding:clamp(9px,1vw,16px) clamp(10px,1.2vw,20px);text-align:left;border-bottom:1px solid var(--rule-soft);vertical-align:top}table.proto th{font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);border-bottom-color:var(--ink);padding-bottom:11px;font-weight:500}table.proto td.tk{font-weight:600;font-size:clamp(12px,1.2vw,17px);letter-spacing:-.01em}table.proto td.tk em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--accent)}table.proto td.tv{font-size:clamp(11px,1.1vw,15px);line-height:1.42;color:var(--ink-mute)}table.proto td.tv em{font-family:var(--serif);font-style:italic;color:var(--accent)}table.proto tr:last-child td{border-bottom:none}table.proto td.bad{color:var(--ink-mute)}.step-card{position:relative}.step-card:after{content:"";position:absolute;top:0;left:clamp(18px,2.2vw,32px);right:clamp(18px,2.2vw,32px);height:3px;background:linear-gradient(90deg,var(--accent),transparent);border-radius:0 0 2px 2px}.step-card.dark:after{background:linear-gradient(90deg,var(--accent-4),transparent)}.nav-dots{position:fixed;right:16px;top:50%;transform:translateY(-50%);z-index:var(--z-dots);display:flex;flex-direction:column;gap:8px;align-items:center}.nav-dots button{border:none;border-radius:50%;cursor:pointer;padding:0;position:relative;transition:width .3s var(--ease-out-quart),height .3s var(--ease-out-quart),background .3s var(--ease-out-quart),border-color .3s var(--ease-out-quart);display:block;flex-shrink:0}.nav-dots button:before{content:"";position:absolute;inset:-10px;border-radius:50%}@media(max-width:640px){.nav-dots{display:none}}@keyframes arcDrift1{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(10px,-7px) rotate(1.8deg)}}@keyframes arcDrift2{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(-8px,11px) rotate(-1.6deg)}}@keyframes arcDrift3{0%,to{transform:translate(0) rotate(0)}50%{transform:translate(7px,9px) rotate(1.2deg)}}@keyframes labelFade{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes metricPop{0%{transform:scale(1)}35%{transform:scale(1.06)}70%{transform:scale(.98)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:200% center}to{background-position:-200% center}}@keyframes scrollHint{0%,to{opacity:.42}50%{opacity:1}}.sec-bot span+span{animation:scrollHint 3.2s ease-in-out infinite}.card{transition:transform .28s var(--ease-out-quart),box-shadow .28s var(--ease-out-quart)}.card:hover{transform:translateY(-4px);box-shadow:var(--sh-lift)}.card.no-hover:hover{transform:none;box-shadow:var(--sh-soft)}.metric{transition:transform .28s var(--ease-out-quart),box-shadow .28s var(--ease-out-quart);cursor:pointer}.metric:hover{transform:translateY(-3px);box-shadow:var(--sh-lift)}.metric.is-popping{animation:metricPop .5s var(--ease-out-quart) forwards}.glass-card{border-radius:16px;padding:clamp(18px,2.2vw,36px);display:flex;flex-direction:column;justify-content:space-between;transition:transform .28s var(--ease-out-quart),border-color .28s var(--ease-out-quart)}.glass-card:hover{transform:translateY(-3px);border-color:#efece452!important}.browser-frame{display:flex;flex-direction:column;border:1px solid var(--rule);border-radius:12px;overflow:hidden;background:var(--card-bg-top);box-shadow:var(--sh-soft);min-height:320px}.browser-frame__bar{display:flex;align-items:center;gap:10px;padding:9px 12px;border-bottom:1px solid var(--rule-soft);background:var(--card-bg-bot);flex-shrink:0}.browser-frame__dots{display:flex;gap:5px}.browser-frame__dots i{width:7px;height:7px;border-radius:50%;background:var(--rule);display:block}.browser-frame__url{font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:var(--ink-mute);background:var(--bg);border:1px solid var(--rule-soft);border-radius:100px;padding:3px 12px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;transition:color .25s var(--ease-out-quart),border-color .25s var(--ease-out-quart)}a.browser-frame__url:hover{color:var(--accent);border-color:#586d3a4d}.browser-frame__viewport{position:relative;flex:1;overflow:hidden;background:var(--bg-2)}.browser-frame__viewport iframe{display:block;border:0;position:absolute;top:0;left:0;transform-origin:top left}.browser-frame__placeholder{display:flex;align-items:center;justify-content:center;height:100%;font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute)}@media(max-width:768px){.s14-case-grid{grid-template-columns:1fr!important}.browser-frame{min-height:240px}}#sticky-nav{position:fixed;top:0;left:0;right:0;height:44px;z-index:var(--z-nav);display:flex;align-items:center;gap:0;padding:0 clamp(18px,2.8vw,44px);transition:background .45s ease,border-color .45s ease;backdrop-filter:blur(18px) saturate(1.15)}#sticky-nav.is-dark{background:#0c0a09d1;border-bottom:1px solid rgba(239,236,228,.1)}#sticky-nav.is-light{background:#efece4e0;border-bottom:1px solid rgba(28,31,26,.1)}.snav-mark{display:flex;align-items:center;flex:0 0 auto;user-select:none}.snav-logo{height:22px;width:auto;display:block}.snav-label{flex:1;text-align:center;font-family:var(--mono);font-size:9px;letter-spacing:.24em;text-transform:uppercase;animation:labelFade .38s ease;pointer-events:none}.snav-right{flex:0 0 auto;display:flex;align-items:center;gap:10px}.snav-count{font-family:var(--mono);font-size:9px;letter-spacing:.2em;transition:color .45s ease}.snav-btn{background:none;border-radius:5px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;transition:background .18s ease,color .45s ease}.snav-btn:hover{background:#80808024}.snav-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:5px}.nav-dots button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sec-bot{position:absolute;bottom:14px;left:26px;right:26px;display:flex;justify-content:space-between;z-index:var(--z-chrome);font-family:var(--mono);font-size:9px;letter-spacing:.22em;text-transform:uppercase;pointer-events:none}.fi{will-change:opacity,transform}.s15-cta-grid{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:clamp(9px,1.1vw,16px);align-items:stretch}@media(max-width:768px){.s15-cta-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.s15-cta-grid{grid-template-columns:1fr}}.s01-index{border-top:1px solid rgba(239,236,228,.1);padding-top:clamp(10px,1.4vh,18px);display:flex}@media(max-width:640px){.s01-index{display:none}}.mob-progress-bar{position:fixed;top:0;left:0;right:0;height:2px;background:var(--accent);transform-origin:left center;z-index:calc(var(--z-nav) + 1);pointer-events:none;transition:transform .35s var(--ease-out-quart);will-change:transform}@media(min-width:641px){.mob-progress-bar{display:none}}.mob-counter{position:fixed;bottom:20px;left:50%;transform:translate(-50%);font-family:var(--mono);font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:#efece4d9;background:#0c0a098c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:20px;padding:4px 12px;z-index:var(--z-dots);pointer-events:none;display:none}.snav-action{background:none;border-radius:100px;cursor:pointer;font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;padding:7px 14px;height:36px;display:flex;align-items:center;flex-shrink:0;transition:background .18s var(--ease-out-quart),opacity .18s ease;white-space:nowrap}.snav-action:hover{background:#80808024}.snav-action:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:100px}@media(max-width:600px){.snav-action{display:none}}@property --sh-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}@keyframes sh-spin{to{--sh-angle: 360deg}}.share-dialog-wrap{position:relative;border-radius:22px;padding:1.5px;background:conic-gradient(from var(--sh-angle),rgba(100,40,5,.06) 0deg,rgba(165,68,12,.44) 42deg,rgba(222,112,18,.8) 68deg,rgba(250,158,45,1) 86deg,rgba(255,205,80,.9) 96deg,rgba(228,128,32,.66) 118deg,rgba(165,68,12,.3) 152deg,rgba(100,40,5,.05) 210deg,rgba(100,40,5,.06) 360deg);animation:sh-spin 7s linear infinite;display:flex;width:min(680px,96vw)}@keyframes shareIn{0%{opacity:0;transform:scale(.95) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}:root{--sh-olive: #586d3a;--sh-olive-dim: rgba(88,109,58,.55);--sh-surface: var(--dk-bg);--sh-card: rgba(88,109,58,.08);--sh-card-b: rgba(88,109,58,.16);--sh-card-hov: rgba(88,109,58,.13);--sh-card-hov-b: rgba(88,109,58,.36);--sh-text: rgba(239,236,228,.88);--sh-mute: rgba(239,236,228,.55);--sh-done-bg: rgba(196,57,42,.14);--sh-done-b: rgba(196,57,42,.52)}.share-backdrop{position:fixed;inset:0;z-index:500;background:#000000e0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:16px;animation:labelFade .2s ease}.share-dialog{background:var(--sh-surface);background-image:radial-gradient(ellipse 130% 90% at 0% 105%,rgba(88,109,58,.24) 0%,transparent 52%),radial-gradient(ellipse 60% 50% at 95% -5%,rgba(70,85,48,.13) 0%,transparent 48%);border:none;border-radius:20px;padding:clamp(24px,3.4vw,46px);width:min(680px,96vw);position:relative;overflow:hidden;animation:shareIn .4s cubic-bezier(.22,1,.36,1);box-shadow:0 40px 100px #000c,0 0 0 1px #586d3a1a;z-index:2;isolation:isolate}.share-dialog:before{content:"";position:absolute;top:0;left:clamp(24px,3.4vw,46px);right:clamp(24px,3.4vw,46px);height:1px;background:linear-gradient(90deg,var(--sh-olive) 0%,rgba(88,109,58,.3) 60%,transparent 100%)}.share-dialog:after{content:"";position:absolute;inset:0;border-radius:20px;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:38px 38px}.share-close{position:absolute;top:16px;right:16px;z-index:10;width:30px;height:30px;border-radius:50%;background:#586d3a14;border:1px solid rgba(88,109,58,.16);color:var(--sh-mute);font-size:15px;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .18s ease,color .18s ease}.share-close:hover{background:#586d3a2e;color:var(--sh-text)}.share-close:focus-visible{outline:2px solid var(--sh-olive);outline-offset:2px}.share-row-top{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:clamp(20px,2.8vw,32px)}@media(max-width:400px){.share-row-top{grid-template-columns:1fr}}.share-card{background:var(--sh-card);border:1px solid var(--sh-card-b);border-radius:14px;padding:clamp(14px,1.8vw,20px);cursor:pointer;display:flex;flex-direction:column;gap:12px;text-align:left;position:relative;overflow:hidden;width:100%;transition:background .2s var(--ease-out-quart),border-color .2s var(--ease-out-quart),transform .2s var(--ease-out-quart)}.share-card:hover{background:var(--sh-card-hov);border-color:var(--sh-card-hov-b);transform:translateY(-2px)}.share-card:focus-visible{outline:2px solid var(--sh-olive);outline-offset:2px}.share-card.is-done{border-color:var(--sh-done-b);background:var(--sh-done-bg)}.share-ai-section{margin-top:clamp(12px,1.6vw,18px);padding:clamp(14px,1.8vw,20px);background:#586d3a0d;border:1px solid rgba(88,109,58,.14);border-radius:14px;position:relative;overflow:hidden}.share-ai-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}@media(max-width:380px){.share-ai-grid{grid-template-columns:1fr}}.share-ai-card{background:#586d3a14;border:1px solid rgba(88,109,58,.18);border-radius:10px;padding:clamp(11px,1.3vw,15px) clamp(12px,1.4vw,16px);text-decoration:none;display:flex;flex-direction:column;gap:6px;transition:background .2s var(--ease-out-quart),border-color .2s var(--ease-out-quart),transform .2s var(--ease-out-quart)}.share-ai-card:hover{background:#586d3a29;border-color:#586d3a66;transform:translateY(-2px)}.share-ai-card:focus-visible{outline:2px solid var(--sh-olive);outline-offset:2px}.mob-share-fab{display:none;position:fixed;bottom:clamp(60px,9vh,80px);right:16px;z-index:calc(var(--z-nav) + 2);width:44px;height:44px;border-radius:50%;background:var(--accent);color:var(--bg);border:none;cursor:pointer;font-size:18px;line-height:1;box-shadow:0 4px 16px #586d3a73;transition:transform .22s var(--ease-out-quart),box-shadow .22s var(--ease-out-quart);align-items:center;justify-content:center}.mob-share-fab:hover{transform:translateY(-2px);box-shadow:0 8px 24px #586d3a80}.mob-share-fab:focus-visible{outline:2px solid var(--accent-4);outline-offset:3px}@media(max-width:600px){.mob-share-fab{display:flex}}@media(max-width:640px){#scroller{height:100dvh;scroll-snap-type:none}section{height:auto;min-height:100dvh;overflow:visible;scroll-snap-align:none;scroll-snap-stop:unset;contain:none}.sec-content{position:relative!important;inset:auto!important;z-index:2!important;min-height:100dvh!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:clamp(18px,3.2vh,30px)!important;padding:64px var(--pad-h) 80px!important}.sec-content>*{flex:0 0 auto!important}.m-reflow{display:flex!important;flex-direction:column!important;grid-template-columns:1fr!important;gap:clamp(12px,2.4vh,20px)!important;flex:0 0 auto!important;margin-top:0!important}.m-reflow>*{width:100%!important;flex:0 0 auto!important;height:auto!important}.card .cd{max-height:none!important}table.proto th,table.proto td{padding:8px}table.proto td.tk{font-size:13px}table.proto td.tv{font-size:12px}.sec-bot,.snav-label,.mob-counter{display:none}.mob-share-fab{bottom:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.cvs{display:block;width:100%;height:100%}.sec-content{position:absolute;inset:44px 0 38px;padding:0 var(--pad-h);display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;z-index:2;color:var(--ink)}.sec-content.sec-dk{color:var(--dk-ink)}.sec-vignette{position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse at center,transparent 28%,rgba(0,0,0,.62) 100%);pointer-events:none}.sec-noise-dk{position:absolute;inset:0;z-index:1;background-size:240px;mix-blend-mode:screen;opacity:.38;pointer-events:none}.sec-noise-lt{position:absolute;inset:0;z-index:0;background-size:280px;mix-blend-mode:multiply;opacity:.52;pointer-events:none}
