:root{--ff-serif:"Instrument Serif", Georgia, "Times New Roman", serif;--ff-sans:"Plus Jakarta Sans", system-ui, -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;--ff-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--maxw:1180px;--radius:14px;--radius-sm:9px;--radius-xs:6px;--radius-pill:99px;--duration-micro:.12s;--duration-quick:.2s;--duration-base:.35s;--ease:cubic-bezier(.22, .61, .36, 1);--ease-spring:cubic-bezier(.3, 1.18, .6, 1);--ease-settle:cubic-bezier(.45, .05, .22, 1);--z-grain:0;--z-root:1;--z-menu:38;--z-nav:40;--z-tweaks:999}[data-theme=paper]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:oklch(98.7% .008 86);--bg-2:oklch(96.7% .011 85);--bg-3:oklch(94.5% .013 84);--card:oklch(99.5% .006 90);--ink:oklch(25.5% .014 58);--ink-soft:oklch(44% .013 56);--ink-faint:oklch(60% .012 60);--line:oklch(90% .012 76);--line-2:oklch(84% .015 74);--accent:oklch(62% .14 42);--accent-2:oklch(62% .1 200);--good:oklch(60% .1 155);--bad:oklch(57% .17 28);--warn:oklch(68% .12 85);--on-accent:oklch(99% .005 86);--c1:oklch(62% .14 42);--c2:oklch(62% .1 200);--c3:oklch(68% .12 85);--c4:oklch(55% .11 280);--c5:oklch(60% .12 145);--c6:oklch(58% .15 350);--c7:oklch(66% .11 250);--c8:oklch(50% .04 60);--shadow:0 1px 2px oklch(40% .02 60/.04), 0 8px 30px oklch(40% .02 60/.06);--shadow-sm:0 1px 2px oklch(40% .02 60/.05), 0 2px 8px oklch(40% .02 60/.05);--grain:.5}[data-theme=slate]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:oklch(99.3% .002 250);--bg-2:oklch(97.5% .004 250);--bg-3:oklch(95.5% .006 250);--card:oklch(100% 0 0);--ink:oklch(22% .015 260);--ink-soft:oklch(42% .014 258);--ink-faint:oklch(58% .012 258);--line:oklch(91% .008 256);--line-2:oklch(85% .01 256);--accent:oklch(56% .16 256);--accent-2:oklch(60% .13 190);--good:oklch(58% .13 158);--bad:oklch(56% .19 22);--warn:oklch(68% .12 85);--on-accent:oklch(100% 0 0);--c1:oklch(56% .16 256);--c2:oklch(62% .13 190);--c3:oklch(64% .14 145);--c4:oklch(60% .16 300);--c5:oklch(66% .15 70);--c6:oklch(58% .18 12);--c7:oklch(60% .12 220);--c8:oklch(50% .03 256);--shadow:0 1px 2px oklch(30% .02 256/.05), 0 10px 34px oklch(30% .02 256/.08);--shadow-sm:0 1px 2px oklch(30% .02 256/.06), 0 2px 8px oklch(30% .02 256/.06);--grain:0}[data-theme=ink]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:oklch(20.5% .012 264);--bg-2:oklch(24.5% .014 264);--bg-3:oklch(28.5% .015 264);--card:oklch(25.5% .014 264);--ink:oklch(95% .008 80);--ink-soft:oklch(78% .012 80);--ink-faint:oklch(62% .012 264);--line:oklch(34% .014 264);--line-2:oklch(42% .016 264);--accent:oklch(72% .14 50);--accent-2:oklch(74% .12 200);--good:oklch(74% .13 155);--bad:oklch(68% .17 28);--warn:oklch(80% .12 90);--on-accent:oklch(20% .012 264);--c1:oklch(72% .14 50);--c2:oklch(74% .12 200);--c3:oklch(80% .12 90);--c4:oklch(72% .13 285);--c5:oklch(74% .13 150);--c6:oklch(72% .15 350);--c7:oklch(76% .11 250);--c8:oklch(70% .03 80);--shadow:0 1px 2px oklch(0% 0 0/.3), 0 12px 40px oklch(0% 0 0/.4);--shadow-sm:0 1px 2px oklch(0% 0 0/.3), 0 2px 10px oklch(0% 0 0/.3);--grain:0}*{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{font-family:var(--ff-sans);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;transition:background var(--duration-base) var(--ease), color var(--duration-base) var(--ease);touch-action:manipulation;margin:0;font-size:16px;line-height:1.55}body:before{content:"";pointer-events:none;z-index:var(--z-grain);opacity:calc(var(--grain,0) * .5);mix-blend-mode:multiply;background-image:radial-gradient(oklch(50% .02 60/.5) .5px,#0000 .5px);background-size:4px 4px;position:fixed;inset:0}#root{z-index:var(--z-root);position:relative}h1,h2,h3,h4{letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:600;line-height:1.1}p{text-wrap:pretty;margin:0}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}button:not(:disabled):active,.btn:active{scale:.97}.ct-ax,.ct-val,.ct-axl,.num,.demo-num,.rec-rank,.pg-table,.ans-stat,.pg-col-stat,time{font-variant-numeric:tabular-nums}::selection{background:var(--accent);color:var(--bg)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}:focus:not(:focus-visible){outline:none}.serif{font-family:var(--ff-serif)}.mono{font-family:var(--ff-mono)}.kicker{font-family:var(--ff-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);font-size:12px;font-weight:500}.display{font-family:var(--ff-serif);letter-spacing:-.01em;font-weight:400;line-height:1.02}.display em{color:var(--accent);font-style:italic}[data-type=technical] .display,[data-type=technical] .sec-head h2,[data-type=technical] .flow-q,[data-type=technical] .detail-head h2{font-family:var(--ff-sans);letter-spacing:-.025em;font-weight:600}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}.section{padding-top:92px;padding-bottom:92px}.nav{z-index:var(--z-nav);-webkit-backdrop-filter:blur(10px)saturate(1.2);backdrop-filter:blur(10px)saturate(1.2);background:color-mix(in oklab, var(--bg) 82%, transparent);border-bottom:1px solid var(--line);position:sticky;top:0}.nav-inner{max-width:var(--maxw);align-items:center;gap:22px;margin:0 auto;padding:13px 28px;display:flex}.brand{cursor:pointer;color:inherit;font:inherit;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.brand-name{font-family:var(--ff-serif);letter-spacing:-.02em;white-space:nowrap;font-size:19px;font-weight:400}.brand-name b{color:var(--accent);font-weight:400}.nav-links{align-items:center;gap:4px;margin-left:auto;display:flex}.nav-link{color:var(--ink-soft);white-space:nowrap;transition:color var(--duration-quick) var(--ease), background-color var(--duration-quick) var(--ease), border-color var(--duration-quick) var(--ease), scale var(--duration-micro) var(--ease);border:1px solid #0000;border-radius:99px;padding:7px 13px;font-size:14px;font-weight:500}.nav-link:hover{color:var(--ink);background:var(--bg-2)}.nav-link.active{color:var(--ink);background:var(--bg-3);border-color:var(--line)}.btn{border:1px solid var(--ink);background:var(--ink);color:var(--bg);white-space:nowrap;transition:background-color var(--duration-quick) var(--ease), border-color var(--duration-quick) var(--ease), color var(--duration-quick) var(--ease), box-shadow var(--duration-quick) var(--ease), transform var(--duration-quick) var(--ease), scale var(--duration-micro) var(--ease);border-radius:99px;align-items:center;gap:8px;padding:11px 19px;font-size:15px;font-weight:500;display:inline-flex}@media (hover:hover){.btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}}.btn.sm{padding:7px 14px;font-size:13px}.btn.ghost{color:var(--ink);border-color:var(--line-2);background:0 0}.btn.ghost:hover{background:var(--bg-2);border-color:var(--ink-faint)}.btn.accent{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.tag{font-family:var(--ff-mono);letter-spacing:.04em;border:1px solid var(--line-2);color:var(--ink-soft);background:var(--bg-2);border-radius:99px;align-items:center;gap:6px;padding:3px 9px;font-size:11px;display:inline-flex}.badge{font-family:var(--ff-mono);letter-spacing:.03em;border-radius:6px;align-items:center;gap:6px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.badge.good{color:var(--good);background:color-mix(in oklab, var(--good) 14%, transparent)}.badge.bad{color:var(--bad);background:color-mix(in oklab, var(--bad) 14%, transparent)}.badge.warn{color:var(--warn);background:color-mix(in oklab, var(--warn) 16%, transparent)}.rule{background:var(--line);border:0;height:1px}.muted{color:var(--ink-soft)}.faint{color:var(--ink-faint)}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:var(--line-2);border:3px solid var(--bg);border-radius:99px}::-webkit-scrollbar-track{background:0 0}.chartsvg{width:100%;height:auto;display:block;overflow:visible}.ct-ax{font-family:var(--ff-mono);fill:var(--ink-faint);font-size:11px}.ct-lab{font-family:var(--ff-sans);fill:var(--ink-soft);font-size:12.5px}.ct-val{font-family:var(--ff-mono);fill:var(--ink-soft);font-size:11px}.ct-axl{font-family:var(--ff-mono);letter-spacing:.06em;fill:var(--ink-faint);text-transform:lowercase;font-size:11px}@media (prefers-reduced-motion:no-preference){.ct-line{stroke-dasharray:1 1;stroke-dashoffset:1px;animation:draw 1.1s var(--ease) forwards}@keyframes draw{to{stroke-dashoffset:0}}.ct-bar{transform-box:fill-box;transform-origin:bottom;animation:growb .6s var(--ease) both}@keyframes growb{0%{opacity:.4;transform:scaleY(.01)}to{opacity:1;transform:scaleY(1)}}}.no-motion .ct-line,.doc-hidden .ct-line{stroke-dasharray:none!important;stroke-dashoffset:0!important;animation:none!important}.no-motion .ct-bar,.doc-hidden .ct-bar{animation:none!important}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){.fade-up{animation:fadeUp .5s var(--ease) backwards}}.no-motion .fade-up,.doc-hidden .fade-up{animation:none!important}@media (width<=720px){.section{padding-top:60px;padding-bottom:60px}.nav-link{padding:7px 9px;font-size:13px}.wrap{padding:0 18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}.intent-card .ic-sub,.note-block .nb-label,.detail-related .dr-label,.lie-rule .faint,.tp-section{font-family:var(--ff-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);font-size:11px}.intent-card .ic-sub{color:var(--ink-faint)}[role=button]{cursor:pointer}.hero{padding-top:78px;padding-bottom:56px;position:relative}.hero-eyebrow{margin-bottom:22px;display:block}.hero h1{max-width:14ch;font-size:clamp(40px,7.5vw,86px)}.hero-lede{color:var(--ink-soft);max-width:52ch;margin-top:24px;font-size:clamp(17px,2.3vw,21px);line-height:1.62}.hero-cta{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.hero-strip{margin-top:64px}.hero-strip-label{align-items:center;gap:12px;margin-bottom:14px;display:flex}.hero-strip-label .rule{flex:1}.hero-demos{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.hero-demo{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 14px 8px;overflow:hidden}.hero-demo .cap{font-family:var(--ff-mono);color:var(--ink-faint);letter-spacing:.04em;font-size:11px}.sec-head{margin-bottom:38px}.sec-head .kicker{margin-bottom:12px;display:block}.sec-head h2{font-size:clamp(28px,4.5vw,44px);font-family:var(--ff-serif);letter-spacing:-.02em;max-width:none;font-weight:400}[data-type=technical] .sec-head h2{font-family:var(--ff-sans);font-weight:600}.sec-head p{color:var(--ink-soft);max-width:56ch;margin-top:14px;font-size:17px}.intent-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.intent-card{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;transition:border-color var(--duration-quick) var(--ease), transform var(--duration-quick) var(--ease), box-shadow var(--duration-quick) var(--ease), scale var(--duration-micro) var(--ease);padding:22px;position:relative;overflow:hidden}@media (hover:hover){.intent-card:hover{border-color:var(--ink-faint);box-shadow:var(--shadow);transform:translateY(-2px)}}.intent-card .ic-icon{border-radius:var(--radius-sm);background:var(--bg-2);width:46px;height:46px;color:var(--accent);border:1px solid var(--line);place-items:center;margin-bottom:16px;display:grid}.intent-card .ic-q{font-family:var(--ff-serif);letter-spacing:0;font-size:22px;font-weight:400}.intent-card .ic-sub{margin-top:4px}.intent-card .ic-blurb{color:var(--ink-soft);margin-top:12px;font-size:14.5px;line-height:1.55}.intent-card .ic-arrow{color:var(--ink-faint);transition:transform var(--duration-quick) var(--ease), color var(--duration-quick) var(--ease);position:absolute;top:22px;right:22px}@media (hover:hover){.intent-card:hover .ic-arrow{color:var(--accent);transform:translate(3px)}}.flow-wrap{max-width:760px;margin:0 auto}.flow-back{color:var(--ink-soft);border-radius:var(--radius-pill);border:1px solid var(--line);transition:background-color var(--duration-quick) var(--ease), color var(--duration-quick) var(--ease);align-items:center;gap:7px;margin-bottom:28px;padding:6px 12px;font-size:14px;display:inline-flex}.flow-back:hover{background:var(--bg-2);color:var(--ink)}.flow-q{font-family:var(--ff-serif);letter-spacing:-.02em;margin-bottom:6px;font-size:clamp(26px,4.5vw,38px);font-weight:400}.flow-q-sub{color:var(--ink-soft);margin-bottom:30px}.flow-opts{gap:12px;display:grid}.flow-opt{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;transition:border-color var(--duration-quick) var(--ease), transform var(--duration-quick) var(--ease), box-shadow var(--duration-quick) var(--ease), scale var(--duration-micro) var(--ease);align-items:center;gap:16px;padding:18px 22px;font-size:17px;display:flex}@media (hover:hover){.flow-opt:hover{border-color:var(--accent);transform:translate(3px)}}.flow-opt .num{font-family:var(--ff-mono);color:var(--accent);border:1px solid var(--line-2);border-radius:var(--radius-xs);flex:none;place-items:center;width:28px;height:28px;font-size:13px;display:grid}.flow-opt .picks{font-family:var(--ff-mono);color:var(--ink-faint);margin-left:auto;font-size:12px}.detail{max-width:1000px;margin:0 auto}.detail-head{flex-wrap:wrap;align-items:flex-start;gap:18px;margin-bottom:24px;display:flex}.detail-head h2{font-family:var(--ff-serif);letter-spacing:-.02em;font-size:clamp(30px,5vw,46px);font-weight:400}.detail-grid{grid-template-columns:1.25fr 1fr;align-items:start;gap:26px;display:grid}.detail-viz{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:22px 22px 14px}.detail-notes{gap:18px;display:grid}.note-block .nb-label{align-items:center;gap:8px;margin-bottom:7px;display:flex}.note-block p{color:var(--ink);font-size:15.5px;line-height:1.55}.note-block.pitfall{background:color-mix(in oklab, var(--bad) 7%, transparent);border-left:2px solid var(--bad);border-radius:0 var(--radius-xs) var(--radius-xs) 0;padding:14px 16px}.note-block.pitfall .nb-label{color:var(--bad)}.note-block.tufte{background:var(--bg-2);border-radius:var(--radius-xs);padding:14px 16px}.detail-tags{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.detail-related{margin-top:16px}.detail-related .dr-label{margin-bottom:12px}.cat-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:28px;display:flex}.cat-filter,.chip,.lie-tab{font-family:var(--ff-sans);border-radius:var(--radius-pill);border:1px solid var(--line);background:var(--card);color:var(--ink-soft);cursor:pointer;transition:border-color var(--duration-quick) var(--ease), color var(--duration-quick) var(--ease), background-color var(--duration-quick) var(--ease), scale var(--duration-micro) var(--ease);align-items:center;gap:7px;padding:7px 14px;font-size:13px;display:inline-flex}.cat-filter:hover,.chip:hover,.lie-tab:hover{border-color:var(--ink-faint);color:var(--ink)}.cat-filter.active,.chip.on,.lie-tab.on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.cat-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.chart-card{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;transition:border-color var(--duration-quick) var(--ease), transform var(--duration-quick) var(--ease), box-shadow var(--duration-quick) var(--ease), scale var(--duration-micro) var(--ease);flex-direction:column;padding:0;display:flex;overflow:hidden}@media (hover:hover){.chart-card:hover{border-color:var(--ink-faint);box-shadow:var(--shadow);transform:translateY(-2px)}}.chart-card-viz{background:var(--bg);border-bottom:1px solid var(--line);padding:14px 14px 4px}.chart-card-viz .chartsvg{max-height:168px}.chart-card-meta{padding:14px 16px 16px}.chart-card-title{font-family:var(--ff-serif);justify-content:space-between;align-items:center;font-size:18px;font-weight:400;display:flex}.chart-card-best{color:var(--ink-soft);margin-top:6px;font-size:13.5px;line-height:1.5}.dot{border-radius:50%;flex:none;width:9px;height:9px}.dot-good{background:var(--good)}.dot-warn{background:var(--warn)}.dot-bad{background:var(--bad)}.rec-list{gap:12px;display:grid}.rec-item{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;transition:border-color var(--duration-quick) var(--ease), scale var(--duration-micro) var(--ease);align-items:center;gap:16px;padding:12px 16px 12px 12px;display:flex}.rec-item:hover{border-color:var(--accent)}.rec-mini{background:var(--bg);border-radius:var(--radius-sm);border:1px solid var(--line);flex:none;place-items:center;width:132px;height:86px;padding:6px;display:grid;overflow:hidden}.rec-mini .chartsvg{max-height:78px}.rec-body h4{font-family:var(--ff-serif);font-size:19px;font-weight:400}.rec-body p{color:var(--ink-soft);margin-top:3px;font-size:14px}.rec-rank{font-family:var(--ff-mono);color:var(--accent);font-size:12px;font-weight:600}.pg-grid{grid-template-columns:.9fr 1.1fr;align-items:start;gap:26px;display:grid}.pg-left{flex-direction:column;gap:14px;display:flex;position:sticky;top:78px}.pg-examples{flex-wrap:wrap;gap:7px;margin-bottom:12px;display:flex}.pg-text{resize:vertical;border-radius:var(--radius);border:1px solid var(--line-2);background:var(--card);width:100%;min-height:280px;color:var(--ink);tab-size:12;transition:border-color .15s var(--ease);padding:16px;font-size:13px;line-height:1.7}.pg-text:focus{border-color:var(--accent)}.pg-col{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-xs);align-items:center;gap:7px;padding:5px 10px 5px 8px;font-size:12.5px;display:inline-flex}.pg-col-dot{border-radius:50%;width:8px;height:8px}.pg-col-type{font-family:var(--ff-mono);color:var(--ink-faint);letter-spacing:.04em;font-size:11px}.pg-top{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:22px}.pg-top-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pg-reason{color:var(--ink-soft);margin:12px 0 16px;font-size:15.5px;line-height:1.5}.pg-top-viz{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .15s var(--ease);padding:16px 16px 8px}.pg-top-viz:hover{border-color:var(--accent)}.pg-alts{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.pg-alt{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);cursor:pointer;transition:border-color var(--duration-quick) var(--ease), transform var(--duration-quick) var(--ease), box-shadow var(--duration-quick) var(--ease), scale var(--duration-micro) var(--ease);overflow:hidden}@media (hover:hover){.pg-alt:hover{border-color:var(--ink-faint);box-shadow:var(--shadow-sm);transform:translateY(-2px)}}.pg-alt-viz{background:var(--bg);border-bottom:1px solid var(--line);padding:8px 8px 2px}.pg-alt-viz .chartsvg{max-height:110px}.pg-alt-meta{padding:10px 12px 12px}.pg-alt-meta h4{font-size:15px;font-weight:500}.pg-alt-meta p{color:var(--ink-soft);margin-top:4px;font-size:12.5px;line-height:1.45}.pg-empty{text-align:center;border:1px dashed var(--line-2);border-radius:var(--radius);padding:50px 30px}.pg-privacy{color:var(--ink-faint);background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-sm);align-items:flex-start;gap:8px;padding:10px 12px;font-size:12px;line-height:1.5;display:flex}.pg-privacy svg{flex:none;margin-top:1px}.pg-drop{position:relative}.pg-drop.drag .pg-text{opacity:.4;pointer-events:none}.pg-drop-overlay{border-radius:var(--radius);border:2px dashed var(--accent);background:color-mix(in oklab, var(--accent) 8%, var(--card));font-family:var(--ff-mono);color:var(--accent);pointer-events:none;place-items:center;font-size:14px;display:grid;position:absolute;inset:0}.pg-col{cursor:pointer;transition:border-color .15s var(--ease)}.pg-col:hover{border-color:var(--accent)}.pg-col-stat{color:var(--ink-faint);letter-spacing:0;margin-left:2px;font-size:11px}.pg-preview{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.pg-preview-head{margin-bottom:8px}.pg-preview-cols{flex-wrap:wrap;gap:7px;margin-bottom:12px;display:flex}.pg-table-wrap{overflow-x:auto}.pg-table{border-collapse:collapse;width:100%;font-size:12px}.pg-table th{font-family:var(--ff-mono);color:var(--ink-soft);letter-spacing:.04em;text-align:left;border-bottom:1px solid var(--line);padding:4px 10px 6px 4px;font-size:11px}.pg-table td{font-family:var(--ff-mono);color:var(--ink-soft);border-bottom:1px solid var(--line);padding:5px 10px 5px 4px;font-size:12px}.pg-table tr:last-child td{border-bottom:none}@media (width<=900px){.pg-grid{grid-template-columns:1fr}.pg-left{position:static}.pg-alts{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.pg-alts{grid-template-columns:1fr}}.demo-stack{gap:22px;display:grid}.demo-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:28px}.demo-head{gap:18px;margin-bottom:22px;display:flex}.demo-num{font-family:var(--ff-mono);color:var(--accent);border:1px solid var(--line-2);border-radius:var(--radius-xs);flex:none;place-items:center;width:34px;height:34px;font-size:13px;font-weight:600;display:grid}.demo-head h3{margin-bottom:8px;font-size:23px;font-weight:500}.demo-head .muted{font-size:15px;line-height:1.55}.demo-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.pa-grid{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:repeat(18,1fr);gap:4px;padding:16px;display:grid}.pa-cell{aspect-ratio:1;border-radius:var(--radius-xs);transition:background-color var(--duration-quick) var(--ease), color var(--duration-quick) var(--ease);place-items:center;font-size:16px;display:grid}@media (width<=700px){.pa-grid{grid-template-columns:repeat(9,1fr)}}.ans-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.ans-cell{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);padding:8px 8px 4px}.ans-label{color:var(--ink-faint);text-align:center;padding-bottom:4px;font-size:11px}.ans-stats{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.ans-stat{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--radius-sm);flex-direction:column;gap:2px;padding:8px 14px;display:flex}.ans-stat .faint{letter-spacing:.06em;font-size:11px}.ans-stat b{font-size:14px}@media (width<=760px){.ans-grid{grid-template-columns:repeat(2,1fr)}}.lie-tabs{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.lie-stage{grid-template-columns:1fr .85fr;align-items:center;gap:24px;display:grid}.lie-viz{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:20px;position:relative}.lie-flag{font-family:var(--ff-mono);letter-spacing:.06em;border-radius:var(--radius-xs);padding:3px 9px;font-size:11px;font-weight:600;position:absolute;top:12px;right:12px}.lie-flag.no{background:color-mix(in oklab, var(--bad) 16%, transparent);color:var(--bad)}.lie-flag.ok{background:color-mix(in oklab, var(--good) 16%, transparent);color:var(--good)}.lie-rule{background:var(--bg-2);border-radius:0 var(--radius-sm) var(--radius-sm) 0;border-left:2px solid var(--accent);margin:18px 0;padding:12px 14px}.lie-rule p{font-family:var(--ff-serif);margin-top:4px;font-style:italic}.lie-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:14px;display:inline-flex}.lie-toggle input{opacity:0;pointer-events:none;width:1px;height:1px;margin:0;position:absolute}.lie-toggle{position:relative}.lie-toggle input:focus-visible+.lie-switch{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-pill)}.lie-switch{background:var(--line-2);width:40px;height:23px;transition:background-color var(--duration-quick) var(--ease);border-radius:99px;flex:none;position:relative}.lie-switch:after{content:"";background:var(--card);width:18px;height:18px;transition:transform var(--duration-quick) var(--ease);box-shadow:var(--shadow-sm);border-radius:50%;position:absolute;top:2.5px;left:2.5px}.lie-toggle input:checked+.lie-switch{background:var(--good)}.lie-toggle input:checked+.lie-switch:after{transform:translate(17px)}@media (width<=760px){.lie-stage{grid-template-columns:1fr}}.pvb-stage{grid-template-columns:1fr 1.2fr;align-items:center;gap:20px;display:grid}.pvb-side{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;align-items:center;gap:10px;padding:20px;display:flex}.pvb-cap{color:var(--ink-faint);letter-spacing:.06em;font-size:11px}@media (width<=700px){.pvb-stage{grid-template-columns:1fr}}.rain-stage{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);place-items:center;padding:22px;display:grid}.ctw-stage{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:14px;padding:14px;overflow:hidden}.ctw-presets{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.ctw-verdict{margin-bottom:16px}.ctw-sliders{grid-template-columns:1fr 1fr;gap:14px;display:grid}.ctw-slider-wrap{flex-direction:column;gap:6px;display:flex}.ctw-range{width:100%;accent-color:var(--accent);height:4px}@media (width<=600px){.ctw-sliders{grid-template-columns:1fr}}.tryit{border-top:1px solid var(--line);padding-top:24px}.tryit-toggle{color:var(--ink-soft);border:1px solid var(--line);border-radius:var(--radius-pill);cursor:pointer;transition:border-color var(--duration-quick) var(--ease), color var(--duration-quick) var(--ease), scale var(--duration-micro) var(--ease);background:0 0;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:500;display:inline-flex}.tryit-toggle:hover{border-color:var(--accent);color:var(--accent)}.tryit-body{margin-top:4px}.tryit-result{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);margin-top:14px;padding:14px 14px 8px}.tryit-viz .chartsvg{max-height:220px}.tryit-nomatch{background:var(--bg-2);border-radius:var(--radius);border:1px solid var(--line);margin-top:14px;padding:18px}.nav-hamburger{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--card);width:36px;height:36px;color:var(--ink);cursor:pointer;transition:border-color var(--duration-quick) var(--ease), scale var(--duration-micro) var(--ease);justify-content:center;align-items:center;margin-left:auto;display:none}.nav-hamburger:hover{border-color:var(--ink-faint)}.mobile-menu{z-index:var(--z-menu);background:color-mix(in oklab, var(--bg) 96%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);flex-direction:column;gap:4px;padding:14px 20px 18px;display:flex;position:fixed;top:58px;left:0;right:0}.mobile-menu .nav-link{border-radius:var(--radius-sm);text-align:left}@media (width<=720px){.nav-hamburger{display:flex}.nav-links{display:none}.hero h1{font-size:clamp(34px,9vw,56px)}.hero-demos{grid-template-columns:1fr}.hero-demos .hero-demo:nth-child(n+2){display:none}.chart-card-viz .chartsvg{max-height:130px}.detail-grid{grid-template-columns:1fr}.intent-grid,.cat-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.intent-grid,.cat-grid{grid-template-columns:1fr}.cat-toolbar{gap:6px}}@media (width<=900px){.intent-grid,.cat-grid,.hero-demos{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:1fr}}@media (width<=600px){.intent-grid,.cat-grid,.hero-demos{grid-template-columns:1fr}.rec-item{flex-direction:column;align-items:stretch}.rec-mini{width:100%;height:120px}}#tweaks-panel{z-index:var(--z-tweaks);background:var(--card);border:1px solid var(--line-2);border-radius:var(--radius);width:260px;box-shadow:var(--shadow);position:fixed;bottom:18px;right:18px;overflow:hidden}.tp-header{background:var(--bg-2);border-bottom:1px solid var(--line);cursor:move;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.tp-title{font-family:var(--ff-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);font-size:12px;font-weight:600}.tp-close{color:var(--ink-faint);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px}.tp-close:hover{color:var(--ink)}.tp-body{gap:8px;max-height:420px;padding:12px 14px;display:grid;overflow-y:auto}.tp-section{border-bottom:1px solid var(--line);color:var(--ink-faint);margin-top:6px;padding-bottom:4px}.tp-row{justify-content:space-between;align-items:center;gap:10px;min-height:28px;display:flex}.tp-label{color:var(--ink-soft);flex:none;max-width:90px;font-size:13px}.tp-radio-group{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.tp-radio{border-radius:var(--radius-xs);border:1px solid var(--line);background:var(--bg);color:var(--ink-soft);cursor:pointer;transition:border-color var(--duration-quick) var(--ease), color var(--duration-quick) var(--ease), background-color var(--duration-quick) var(--ease);padding:4px 9px;font-size:11.5px}.tp-radio:hover{border-color:var(--ink-faint);color:var(--ink)}.tp-radio.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}.tp-toggle{background:var(--line-2);cursor:pointer;width:36px;height:20px;transition:background-color var(--duration-quick) var(--ease);border:none;border-radius:99px;flex:none;position:relative}.tp-toggle.on{background:var(--good)}.tp-thumb{background:var(--card);width:16px;height:16px;box-shadow:var(--shadow-sm);transition:transform var(--duration-quick) var(--ease);border-radius:50%;display:block;position:absolute;top:2px;left:2px}.tp-toggle.on .tp-thumb{transform:translate(16px)}.tp-colors{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.tp-swatch{cursor:pointer;width:20px;height:20px;transition:transform var(--duration-micro) var(--ease);border:2px solid #0000;border-radius:5px}@media (hover:hover){.tp-swatch:hover{transform:scale(1.15)}}.tp-swatch.active{border-color:var(--ink)}.tp-btn{border-radius:var(--radius-xs);border:1px solid var(--line);background:var(--bg);color:var(--ink-soft);cursor:pointer;text-align:left;width:100%;padding:5px 10px;font-size:12px}.tp-btn:hover{border-color:var(--ink-faint);color:var(--ink)}