:root{--ink: #0c110e;--ink-2: #101612;--ink-3: #161d18;--line: #263029;--line-soft: #1c241f;--cream: #f0ead9;--cream-dim: #b9b4a4;--cream-faint: #7d7a6e;--leaf: #9fd8a4;--leaf-deep: #5fa76a;--amber: #e5b567;--red: #e07a6a;--serif: "Instrument Serif", Georgia, serif;--sans: "Inter", system-ui, sans-serif;--mono: "JetBrains Mono", Consolas, monospace;--max: 1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:var(--leaf);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}code{font:.88em var(--mono);background:var(--ink-3);border:1px solid var(--line-soft);border-radius:4px;padding:1px 6px}::selection{background:var(--leaf-deep);color:var(--ink)}.grain{position:fixed;inset:0;pointer-events:none;z-index:50;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E")}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{transition:none;opacity:1;transform:none}}.nav{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(20px,5vw,56px);transition:background .25s,border-color .25s,padding .25s;border-bottom:1px solid transparent}.nav.scrolled{background:color-mix(in srgb,var(--ink) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom-color:var(--line-soft);padding-top:12px;padding-bottom:12px}.nav-brand{font-family:var(--serif);font-size:21px;color:var(--cream);display:flex;align-items:center;gap:9px}.nav-brand:hover{text-decoration:none}.nav-leaf{color:var(--leaf);font-style:normal}.nav-links{display:flex;align-items:center;gap:26px;font-size:14px}.nav-links a{color:var(--cream-dim)}.nav-links a:hover{color:var(--cream);text-decoration:none}.nav-links a.active{color:var(--cream)}.nav-cta{color:var(--ink)!important;background:var(--leaf);padding:8px 18px;border-radius:100px;font-weight:600;transition:transform .15s,background .15s}.nav-cta:hover{background:var(--cream);transform:translateY(-1px);text-decoration:none}.nav-burger{display:none;font-size:20px;color:var(--cream)}@media(max-width:780px){.nav-burger{display:block}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:flex-start;background:var(--ink-2);border-bottom:1px solid var(--line);padding:18px clamp(20px,5vw,56px) 22px;gap:16px}.nav-links.open{display:flex}}h1{font-family:var(--serif);font-weight:400;font-size:clamp(44px,7.2vw,88px);line-height:1.02;letter-spacing:-.015em;margin:0 0 22px}h1 em,h2 em{font-style:italic;color:var(--leaf)}h2{font-family:var(--serif);font-weight:400;font-size:clamp(32px,4.6vw,56px);line-height:1.06;margin:0 0 18px;letter-spacing:-.01em}.section-num{font:500 12px/1 var(--mono);color:var(--leaf-deep);letter-spacing:.18em;text-transform:uppercase;margin:0 0 18px}.section-lede{max-width:620px;color:var(--cream-dim);font-size:17.5px;line-height:1.7}.section-lede a{white-space:nowrap}.hero{position:relative;max-width:var(--max);margin:0 auto;padding:clamp(130px,18vh,190px) clamp(20px,5vw,56px) 40px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,5vw,72px);align-items:center}.hero-glow{position:absolute;top:-180px;right:-160px;width:620px;height:620px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(95,167,106,.16),transparent 62%)}.hero-kicker{font:500 13px var(--mono);color:var(--amber);letter-spacing:.08em;margin:0 0 16px}.hero-sub{color:var(--cream-dim);font-size:17.5px;line-height:1.7;max-width:480px;margin:0 0 30px}.hero-fine{font-size:12.5px;color:var(--cream-faint);margin-top:16px}@media(max-width:920px){.hero{grid-template-columns:1fr;padding-top:120px}}.start-choice{display:flex;gap:14px;flex-wrap:wrap}.btn-major{display:flex;flex-direction:column;gap:2px;padding:14px 26px;border-radius:14px;background:var(--leaf);color:var(--ink);min-width:190px;transition:transform .18s cubic-bezier(.2,.7,.2,1),box-shadow .18s,background .18s;box-shadow:0 0 #9fd8a400}.btn-major:hover{transform:translateY(-2px);box-shadow:0 10px 34px #5fa76a47;text-decoration:none}.btn-major strong{font-size:15px}.btn-major small{font-size:11.5px;opacity:.75}.btn-major.ghost{background:transparent;color:var(--cream);border:1px solid var(--line)}.btn-major.ghost:hover{border-color:var(--leaf-deep);box-shadow:0 10px 30px #00000059}.mock{border:1px solid var(--line);border-radius:16px;background:var(--ink-2);overflow:hidden;box-shadow:0 30px 80px #00000080}.mock-bar{display:flex;align-items:center;gap:6px;padding:11px 14px;border-bottom:1px solid var(--line-soft)}.mock-bar i{width:9px;height:9px;border-radius:50%;background:var(--line)}.mock-bar i:first-child{background:#5c453f}.mock-bar span{margin-left:8px;font:11px var(--mono);color:var(--cream-faint)}.mock-body{padding:16px;display:flex;flex-direction:column;gap:14px}.mock-cards{display:flex;flex-direction:column;gap:9px}.mock-card{border:1px solid var(--line-soft);border-radius:10px;padding:11px 13px;background:var(--ink-3)}.mock-card-top{display:flex;justify-content:space-between;align-items:baseline;font-size:13px}.mock-card-top em{font-style:normal;font-size:10.5px;color:var(--leaf)}.mock-progress{height:5px;border-radius:3px;background:var(--line-soft);margin:8px 0 6px;overflow:hidden}.mock-progress i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--leaf-deep),var(--leaf));transition:width 1.4s cubic-bezier(.2,.7,.2,1)}.mock-card small{font-size:11px;color:var(--cream-faint)}.mock-feed{border-top:1px dashed var(--line);padding-top:10px;min-height:108px}.mock-feed-head{font:500 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--cream-faint);margin-bottom:7px}.mock-feed-line{display:flex;gap:8px;font-size:12px;color:var(--cream-dim);padding:3px 0;animation:feed-in .4s ease}.mock-feed-line span{color:var(--leaf);width:14px;text-align:center}@keyframes feed-in{0%{opacity:0;transform:translateY(6px)}}.ticker{border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);overflow:hidden;padding:13px 0;margin-top:44px}.ticker-track{display:flex;gap:44px;width:max-content;animation:ticker 46s linear infinite}.ticker-track span{font:13px var(--mono);color:var(--cream-faint);white-space:nowrap}.ticker-track s{opacity:.75}.ticker-track b{color:var(--leaf-deep);font-weight:500}@keyframes ticker{to{transform:translate(-50%)}}.section{max-width:var(--max);margin:0 auto;padding:clamp(70px,11vh,130px) clamp(20px,5vw,56px)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}.step{border-top:1px solid var(--line);padding-top:22px}.step-n{font-family:var(--serif);font-size:42px;color:var(--leaf-deep);font-style:italic}.step h3{font-size:19px;margin:10px 0 8px}.step p{color:var(--cream-dim);font-size:14.5px;line-height:1.65;margin:0}@media(max-width:820px){.steps{grid-template-columns:1fr}}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px}.feature{border:1px solid var(--line-soft);border-radius:14px;padding:24px 22px;background:var(--ink-2);transition:transform .2s cubic-bezier(.2,.7,.2,1),border-color .2s}.feature:hover{transform:translateY(-4px);border-color:var(--leaf-deep)}.feature h3{font-family:var(--serif);font-weight:400;font-size:22px;margin:0 0 10px}.feature p{color:var(--cream-dim);font-size:14px;line-height:1.65;margin:0}@media(max-width:900px){.features{grid-template-columns:1fr 1fr}}@media(max-width:620px){.features{grid-template-columns:1fr}}.trust{border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:40px}.trust-grid div{display:flex;flex-direction:column;gap:6px;border-left:2px solid var(--leaf-deep);padding-left:16px}.trust-grid b{font-size:15px}.trust-grid span{color:var(--cream-dim);font-size:13px;line-height:1.55}@media(max-width:900px){.trust-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.trust-grid{grid-template-columns:1fr}}.cta-final{text-align:center}.cta-final .start-choice{justify-content:center;margin-top:30px}.page{max-width:var(--max);margin:0 auto;padding:clamp(130px,17vh,170px) clamp(20px,5vw,56px) 60px}.page.narrow{max-width:860px}.compare-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:40px 0 16px}.compare-tabs button{font-size:13px;color:var(--cream-dim);border:1px solid var(--line);border-radius:100px;padding:7px 16px;transition:all .15s}.compare-tabs button.on{color:var(--ink);background:var(--cream);border-color:var(--cream)}.compare-table{border:1px solid var(--line);border-radius:14px;overflow:hidden}.compare-row{display:grid;grid-template-columns:1fr 150px 170px;align-items:center;border-top:1px solid var(--line-soft)}.compare-row:first-child{border-top:0}.compare-row.head{background:var(--ink-2);font-size:13px;font-weight:600}.compare-row.head span{padding:13px 16px}.compare-label{padding:13px 18px;font-size:14px}.compare-label small{display:block;color:var(--cream-faint);font-size:11.5px;margin-top:2px;line-height:1.45}.mark{text-align:center;font-size:17px;color:var(--cream-faint);padding:13px 0}.mark[data-mark="2"]{color:var(--leaf)}.mark[data-mark="1"]{color:var(--amber)}.mark.price{font-size:13px}.pg-col{background:#5fa76a12}.compare-row.head .pg-col{color:var(--leaf)}.compare-legend{color:var(--cream-faint);font-size:12px;margin-top:14px}@media(max-width:640px){.compare-row{grid-template-columns:1fr 64px 74px}.compare-label small{display:none}}.price-toggle{display:inline-flex;border:1px solid var(--line);border-radius:100px;padding:4px;margin-top:26px}.price-toggle button{padding:7px 20px;border-radius:100px;font-size:13.5px;color:var(--cream-dim)}.price-toggle button.on{background:var(--cream);color:var(--ink);font-weight:600}.price-toggle em{font-style:normal;color:var(--leaf-deep);font-size:11px}.price-toggle button.on em{color:inherit}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:46px 0 26px}.plan{position:relative;border:1px solid var(--line);border-radius:16px;padding:28px 26px;background:var(--ink-2);display:flex;flex-direction:column}.plan.highlight{border-color:var(--leaf-deep);box-shadow:0 18px 60px #5fa76a1f}.plan-badge{position:absolute;top:-11px;left:24px;background:var(--leaf);color:var(--ink);font-size:11px;font-weight:700;padding:3px 12px;border-radius:100px}.plan h3{font-family:var(--serif);font-weight:400;font-size:26px;margin:0 0 6px}.plan-price{font-family:var(--serif);font-size:40px}.plan-price small{font:12.5px var(--sans);color:var(--cream-faint)}.plan-tagline{color:var(--cream-dim);font-size:13.5px;min-height:40px}.plan ul{list-style:none;padding:0;margin:8px 0 24px;flex:1}.plan li{padding:6px 0 6px 22px;font-size:13.5px;color:var(--cream-dim);position:relative}.plan li:before{content:"✓";position:absolute;left:0;color:var(--leaf-deep)}.plan .btn-major{align-self:stretch;text-align:center;align-items:center;min-width:0}.pricing-note{max-width:640px;color:var(--cream-faint);font-size:13.5px;line-height:1.65;border-left:2px solid var(--amber);padding-left:16px}@media(max-width:900px){.plans{grid-template-columns:1fr;max-width:460px}}.docs-h{margin-top:64px}.docs-steps{max-width:700px;padding-left:22px;color:var(--cream-dim)}.docs-steps li{margin:14px 0;line-height:1.65;font-size:15px}.docs-steps b,.docs-p b{color:var(--cream)}.docs-p{max-width:700px;color:var(--cream-dim);line-height:1.7;font-size:15.5px}.docs-code{background:var(--ink-3);border:1px solid var(--line-soft);border-radius:12px;padding:20px 22px;font:13px/1.6 var(--mono);overflow-x:auto;max-width:700px;color:var(--cream-dim)}.faq{max-width:760px;margin-top:28px;border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item button{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;padding:20px 4px;font-size:16.5px;font-weight:500}.faq-item button span{font-family:var(--serif);font-size:24px;color:var(--leaf-deep)}.faq-item p{margin:0;padding:0 4px 22px;color:var(--cream-dim);font-size:14.5px;line-height:1.7;max-width:640px}.faq-item.open button{color:var(--leaf)}.start-tabs{display:inline-flex;gap:8px;margin:34px 0 26px}.start-tabs button{border:1px solid var(--line);border-radius:100px;padding:9px 22px;font-size:14px;color:var(--cream-dim)}.start-tabs button.on{background:var(--leaf);border-color:var(--leaf);color:var(--ink);font-weight:600}.start-panel{border:1px solid var(--line);border-radius:16px;padding:30px;background:var(--ink-2)}.start-panel h2{font-size:30px}.start-panel>p{color:var(--cream-dim);max-width:560px;line-height:1.65}.start-code{position:relative;background:var(--ink);border:1px solid var(--line-soft);border-radius:12px;margin:20px 0}.start-code pre{margin:0;padding:20px 22px;font:13.5px/1.7 var(--mono);color:var(--leaf);overflow-x:auto}.start-code button{position:absolute;top:10px;right:10px;border:1px solid var(--line);border-radius:8px;padding:6px 14px;font-size:12px;color:var(--cream-dim);background:var(--ink-2)}.start-code button:hover{color:var(--cream);border-color:var(--leaf-deep)}.start-fine{color:var(--cream-faint);font-size:13px}.start-detect{font:500 13px var(--mono);border:1px solid var(--line);border-radius:10px;padding:12px 16px;margin:18px 0 14px}.start-detect.ok{color:var(--leaf);border-color:#5fa76a73;background:#5fa76a12}.start-detect.off{color:var(--amber);border-color:#e5b56759}.start-detect.checking{color:var(--cream-faint);animation:detect-pulse 1.2s ease-in-out infinite}@keyframes detect-pulse{50%{opacity:.55}}.start-open{display:inline-flex;margin-bottom:14px}.start-detect-actions{display:flex;gap:10px;margin:6px 0 14px}.start-custom{border-top:1px dashed var(--line-soft);margin-top:18px;padding-top:14px}.start-custom-row{display:flex;gap:9px}.start-custom-row input{flex:1;max-width:280px;background:var(--ink);color:var(--cream);border:1px solid var(--line);border-radius:10px;padding:10px 14px;font:13px var(--mono);outline:0}.start-custom-row input:focus{border-color:var(--leaf-deep)}.btn-major.compact{min-width:0;padding:10px 18px}.start-custom-error{color:var(--amber);font-size:12.5px;margin:8px 0 0}.start-panel.scan{margin-bottom:22px;border-color:var(--leaf-deep)}.scan-row{display:flex;gap:9px;margin:14px 0 6px}.scan-row input{flex:1;max-width:380px;background:var(--ink);color:var(--cream);border:1px solid var(--line);border-radius:10px;padding:11px 14px;font:13.5px var(--mono);outline:0}.scan-row input:focus{border-color:var(--leaf-deep)}.scan-token-toggle{color:var(--cream-faint);font-size:12px;padding:4px 0}.scan-token-toggle:hover{color:var(--cream)}.scan-progress{display:flex;flex-direction:column;gap:6px;margin:16px 0 4px}.scan-progress small{color:var(--cream-faint);font:12px var(--mono)}.scan-results{margin-top:18px;border-top:1px solid var(--line-soft);padding-top:16px}.scan-strip{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:14px;font-size:13px;color:var(--cream-dim)}.scan-strip b{color:var(--cream);font-size:15px}.scan-strip .warn b{color:var(--amber)}.scan-strip .good b{color:var(--leaf)}.scan-card{border:1px solid var(--line-soft);border-radius:10px;padding:12px 15px;margin-bottom:9px;background:var(--ink-3)}.scan-card-head{display:flex;align-items:baseline;gap:10px;font-size:13.5px}.scan-card-head em{font-style:normal;font-size:10.5px;color:var(--cream-faint);border:1px solid var(--line);border-radius:3px;padding:0 5px}.scan-stale{margin-left:auto;font-size:11px;color:var(--amber)}.scan-card-bar{display:flex;align-items:center;gap:10px;margin:9px 0 5px}.scan-card-bar .demo-bar{flex:1}.scan-card-bar span{font-size:12px;color:var(--leaf);white-space:nowrap}.scan-card-bar small{font-size:9.5px;color:var(--cream-faint);border:1px solid var(--line-soft);border-radius:3px;padding:0 4px}.scan-next{color:var(--cream-faint);font-size:12px}.scan-desc{display:block;color:var(--cream-dim);font-size:12px;margin-top:4px}.scan-meta{display:block;color:var(--cream-faint);font-size:11px;margin-bottom:3px}.scan-breakdown{border-top:1px dashed var(--line-soft);margin-top:8px;padding-top:8px}.scan-breakdown-title{display:block;color:var(--cream-faint);font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;margin-top:6px}.scan-breakdown ul{list-style:none;margin:4px 0 0;padding:0}.scan-breakdown li{font-size:12px;color:var(--cream-dim);padding:1px 0}.scan-breakdown li.done{color:var(--leaf)}.scan-breakdown li.reported{color:var(--amber)}.scan-breakdown-note{display:block;color:var(--cream-faint);font-size:10.5px;margin-top:8px;font-style:italic}.dl-note{border:1px dashed var(--line);border-radius:10px;padding:12px 15px;font-size:13px;color:var(--cream-dim);margin:-8px 0 16px}.dl-card.soon{cursor:pointer;text-align:left;font:inherit}.dl-card .dl-soon-tag{margin-top:8px;font-size:10.5px;color:var(--amber);border:1px solid var(--line-soft);border-radius:3px;padding:0 5px;align-self:flex-start}.scan-cta{text-align:center;border-top:1px dashed var(--line-soft);margin-top:16px;padding-top:18px}.scan-cta p{color:var(--cream-dim);font-size:14px;max-width:480px;margin:0 auto 16px}.scan-cta .btn-major{display:inline-flex}.dl-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:22px 0}.dl-grid.big{margin-top:40px}.dl-card{display:flex;flex-direction:column;gap:5px;border:1px solid var(--line);border-radius:14px;padding:22px;color:var(--cream);background:var(--ink-2);transition:transform .18s,border-color .18s}.dl-card:hover{transform:translateY(-3px);border-color:var(--leaf-deep);text-decoration:none}.dl-card b{font-size:17px}.dl-card span{color:var(--cream-faint);font-size:12.5px}.dl-card code{margin-top:10px;font-size:11px;align-self:flex-start}@media(max-width:640px){.dl-grid{grid-template-columns:1fr}}.about-body{max-width:660px}.about-body p{color:var(--cream-dim);line-height:1.75;font-size:15.5px}.about-body b,.about-body i{color:var(--cream)}.footer{border-top:1px solid var(--line-soft);margin-top:40px}.footer-grid{max-width:var(--max);margin:0 auto;padding:56px clamp(20px,5vw,56px) 30px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px}.footer-brand{font-family:var(--serif);font-size:19px;margin-bottom:10px}.footer-grid p{color:var(--cream-faint);font-size:13px;max-width:300px;line-height:1.6}.footer-grid h4{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--cream-faint);margin:0 0 12px}.footer-grid a{display:block;color:var(--cream-dim);font-size:13.5px;padding:4px 0}.footer-grid a:hover{color:var(--cream);text-decoration:none}.footer-note{text-align:center;color:var(--cream-faint);font-size:12px;padding:18px;border-top:1px solid var(--line-soft)}@media(max-width:780px){.footer-grid{grid-template-columns:1fr 1fr}}.mark-svg{color:var(--leaf);display:block}.nav-leaf{display:inline-flex}.nav-hangul{font-style:normal;font-size:12px;color:var(--cream-faint);margin-left:2px;letter-spacing:.05em}.word{padding-top:0!important}.word-card{display:flex;gap:clamp(20px,4vw,44px);align-items:center;border:1px solid var(--line);border-radius:18px;padding:clamp(24px,4vw,44px);background:linear-gradient(135deg,var(--ink-2),rgba(95,167,106,.06))}.word-hangul{font-size:clamp(64px,9vw,110px);line-height:1;color:var(--leaf);font-weight:600;letter-spacing:-.02em;flex:none}.word-say{font:500 13px var(--mono);color:var(--amber);letter-spacing:.04em;margin:0 0 8px}.word-say b{font-size:15px}.word-def{margin:0;color:var(--cream-dim);font-size:16.5px;line-height:1.65;max-width:520px}@media(max-width:640px){.word-card{flex-direction:column;align-items:flex-start;gap:14px}}.pipeline{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap;margin-top:54px}.pipe-node{flex:1;min-width:128px;display:flex;flex-direction:column;gap:3px;border:1px solid var(--line);border-radius:12px;padding:14px 15px;background:var(--ink-2)}.pipe-node b{font-size:14px}.pipe-node small{color:var(--cream-faint);font-size:11.5px;line-height:1.45}.pipe-node.final{border-color:var(--leaf-deep);background:#5fa76a14}.pipe-node.final b{color:var(--leaf)}.pipe-arrow{align-self:center;color:var(--leaf-deep);font-size:16px}@media(max-width:900px){.pipeline{flex-direction:column}.pipe-arrow{transform:rotate(90deg)}}.demo{border:1px solid var(--line);border-radius:16px;background:var(--ink-2);margin-top:44px;overflow:hidden}.demo-tabs{display:flex;border-bottom:1px solid var(--line-soft);overflow-x:auto}.demo-tabs button{padding:13px 20px;font-size:13px;color:var(--cream-faint);white-space:nowrap;border-bottom:2px solid transparent}.demo-tabs button.on{color:var(--leaf);border-bottom-color:var(--leaf)}.demo-screen{padding:clamp(18px,3vw,30px);animation:demo-in .35s ease;min-height:320px}@keyframes demo-in{0%{opacity:0;transform:translateY(8px)}}.demo-title{font:500 12px var(--mono);color:var(--cream-dim);letter-spacing:.04em;margin-bottom:16px}.demo-note{color:var(--cream-faint);font-size:12.5px;margin:18px 0 0;border-top:1px dashed var(--line-soft);padding-top:12px}.demo-import-row{display:flex;align-items:center;gap:12px;padding:7px 0;font-size:13px}.demo-import-name{width:140px;flex:none;font-family:var(--mono);font-size:12px}.demo-bar{flex:1;height:6px;border-radius:3px;background:var(--line-soft);overflow:hidden}.demo-bar b{display:block;height:100%;background:linear-gradient(90deg,var(--leaf-deep),var(--leaf));transition:width .25s linear}.demo-import-row small{flex:none;width:210px;text-align:right;color:var(--cream-faint);font-size:11.5px}.demo-chips{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.demo-chips span{font-size:11.5px;color:var(--leaf);border:1px solid rgba(95,167,106,.4);border-radius:100px;padding:3px 11px}.demo-chips span.warn{color:var(--amber);border-color:#e5b56766}.demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media(max-width:760px){.demo-grid{grid-template-columns:1fr}.demo-import-row small{width:auto}}.demo-diff{border:1px solid var(--line-soft);border-radius:10px;overflow:hidden}.demo-diff-file{font:11.5px var(--mono);color:var(--cream-dim);padding:8px 14px;background:var(--ink-3);border-bottom:1px solid var(--line-soft)}.demo-diff pre{margin:0;padding:12px 0;font:12px/1.7 var(--mono);overflow-x:auto}.dl{display:block;padding:0 14px;white-space:pre}.dl.add{color:var(--leaf);background:#5fa76a14}.dl.del{color:var(--red);background:#e07a6a14;text-decoration:line-through;text-decoration-color:#e07a6a80}.dl.ctx{color:var(--cream-faint)}.demo-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:14px}.demo-btn{background:var(--leaf);color:var(--ink);font-weight:600;font-size:13px;padding:8px 18px;border-radius:9px;cursor:default}.demo-btn.ghost{background:transparent;color:var(--cream-dim);border:1px solid var(--line)}.demo-term{margin:0;border:1px solid var(--line-soft);border-radius:10px;padding:16px 18px;font:12.5px/1.9 var(--mono);background:var(--ink)}.demo-term span{display:block;color:var(--cream-dim)}.demo-term .ok{color:var(--leaf)}.loop{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:26px}.loop-step{font:500 12.5px var(--mono);color:var(--cream-dim);border:1px solid var(--line);border-radius:100px;padding:7px 16px}.loop-arrow{color:var(--leaf-deep);font-size:15px}.loop-arrow.repeat{font-size:19px;color:var(--leaf)}