:root{--bg-page:#faf9f5;--bg-surface:#fff;--bg-surface-translucent:#ffffffd9;--bg-sand:#ece7dd;--bg-sand-light:#f4f0e8;--bg-sand-dark:#dfd9ce;--color-olive:#34421e;--color-olive-hover:#263216;--color-olive-active:#1d260f;--color-olive-text:#faf9f5;--color-sage:#d4dec3;--color-sage-light:#ebf0e3;--color-sage-dark:#bac6a3;--color-sage-text:#263216;--color-forest:#222d14;--color-accent-amber:#e6a23c;--color-accent-emerald:#10b981;--color-accent-cyan:#06b6d4;--text-main:#161614;--text-muted:#6b6961;--text-subtle:#96948b;--text-light:#faf9f5;--border-light:#e7e3d9;--border-subtle:#16161414;--border-dark:#1616142e;--code-bg:#141712;--code-surface:#1b2117;--code-border:#2c3524;--code-text:#e5eadf;--code-accent:#9ae66e;--code-blue:#70b4f5;--code-yellow:#f6c177;--code-pink:#eb6f92;--font-sans:"Stack Sans Text", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Stack Sans Text", -apple-system, BlinkMacSystemFont, sans-serif;--font-serif:"Stack Sans Text", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"Fira Code", "SFMono-Regular", Consolas, Menlo, monospace;--fs-display:clamp(2.75rem, 1.4rem + 5.4vw, 5rem);--fs-h2:clamp(2rem, 1.25rem + 2.6vw, 3.25rem);--fs-h3:clamp(1.25rem, 1.08rem + .6vw, 1.5rem);--fs-lede:clamp(1.05rem, .98rem + .35vw, 1.25rem);--fs-body:1rem;--fs-sm:.875rem;--fs-xs:.78rem;--container-max:1220px;--container-narrow:820px;--section-pad:clamp(4.5rem, 2.5rem + 7vw, 8.5rem);--radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-pill:9999px;--shadow-subtle:0 1px 2px #1616140a, 0 4px 20px -2px #1616140d;--shadow-card:0 1px 2px #1616140a, 0 12px 36px -4px #16161414;--shadow-lifted:0 2px 4px #1616140a, 0 24px 56px -12px #16161424;--shadow-device:0 2px 6px #1616140d, 0 40px 80px -20px #232d1438;--shadow-glow:0 0 24px #34421e2e;--transition-fast:.18s ease;--transition-base:.3s cubic-bezier(.16, 1, .3, 1);--transition-smooth:.5s cubic-bezier(.16, 1, .3, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-padding-top:90px;font-size:16px}body{background-color:var(--bg-page);color:var(--text-main);font-family:var(--font-sans);font-optical-sizing:auto;font-style:normal;line-height:1.6;overflow-x:hidden}::selection{background:var(--color-sage);color:var(--color-olive)}a{color:inherit;transition:opacity var(--transition-fast);text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit}img{max-width:100%;height:auto;display:block}:focus-visible{outline:2px solid var(--color-olive);outline-offset:3px;border-radius:var(--radius-xs)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.section-container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 2rem}@media (width<=768px){.section-container{padding:0 1.25rem}}.section{padding-block:var(--section-pad);position:relative}.section-sand{background-color:var(--bg-sand-light);border-block:1px solid var(--border-light)}.rule{background:linear-gradient(90deg, transparent, var(--border-light) 18%, var(--border-light) 82%, transparent);border:0;height:1px}.section-heading{font-family:var(--font-heading);font-optical-sizing:auto;font-size:var(--fs-h2);letter-spacing:-.035em;color:var(--text-main);text-wrap:balance;margin-bottom:1.1rem;font-weight:600;line-height:1.1}.section-heading em{color:var(--color-olive);white-space:nowrap;font-style:normal;position:relative}.section-subtext{font-size:var(--fs-lede);color:var(--text-muted);text-wrap:pretty;max-width:620px;font-weight:400;line-height:1.65}.btn-pill{border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;transition:background-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast), border-color var(--transition-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.72rem 1.5rem;font-size:.925rem;font-weight:500;display:inline-flex}.btn-pill:hover{transform:translateY(-2px)}.btn-pill:active{transform:translateY(0)}.btn-pill:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-olive{background-color:var(--color-olive);color:var(--color-olive-text);box-shadow:0 4px 14px #34421e38}.btn-olive:hover:not(:disabled){background-color:var(--color-olive-hover);box-shadow:0 10px 26px #34421e4d}.btn-outline{color:var(--text-main);border-color:var(--border-dark);background-color:#0000}.btn-outline:hover:not(:disabled){border-color:var(--text-main);background-color:#1616140a}.btn-lg{padding:.9rem 1.9rem;font-size:1rem}code{font-family:var(--font-mono);border-radius:var(--radius-xs);color:var(--color-olive);background-color:#1616140f;padding:.15em .4em;font-size:.88em}pre code{color:inherit;font-size:inherit;background:0 0;padding:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s var(--ease-out-expo) forwards}.reveal{opacity:0;transition:opacity .7s var(--ease-out-expo), transform .7s var(--ease-out-expo);transform:translateY(22px)}.reveal.is-visible{opacity:1;transform:none}.reveal-stagger>*{opacity:0;transition:opacity .6s var(--ease-out-expo), transform .6s var(--ease-out-expo);transform:translateY(18px)}.reveal-stagger.is-visible>*{opacity:1;transform:none}.reveal-stagger.is-visible>:first-child{transition-delay:40ms}.reveal-stagger.is-visible>:nth-child(2){transition-delay:.1s}.reveal-stagger.is-visible>:nth-child(3){transition-delay:.16s}.reveal-stagger.is-visible>:nth-child(4){transition-delay:.22s}.reveal-stagger.is-visible>:nth-child(5){transition-delay:.28s}.reveal-stagger.is-visible>:nth-child(6){transition-delay:.34s}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.reveal,.reveal-stagger>*{opacity:1;transform:none}.btn-pill:hover{transform:none}}.font-mono{font-family:var(--font-mono)}.text-muted{color:var(--text-muted)}.text-main{color:var(--text-main)}.text-olive{color:var(--color-olive)}.font-semibold{font-weight:600}.mt-md{margin-top:1.5rem}.mt-xl{margin-top:3rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-page)}::-webkit-scrollbar-thumb{background:var(--border-dark);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--color-olive)}.nav{z-index:100;transition:background-color var(--transition-base), border-color var(--transition-base), backdrop-filter var(--transition-base);border-bottom:1px solid #0000;position:fixed;inset:0 0 auto}.nav.is-scrolled{-webkit-backdrop-filter:blur(14px)saturate(160%);backdrop-filter:blur(14px)saturate(160%);border-bottom-color:var(--border-light);background-color:#faf9f5c7}.nav-inner{justify-content:space-between;align-items:center;gap:2rem;height:68px;display:flex}.nav-brand{letter-spacing:-.02em;color:var(--text-main);flex-shrink:0;align-items:center;gap:.5rem;font-size:.98rem;font-weight:600;display:inline-flex}.nav-mark{color:var(--color-olive);transition:transform var(--transition-base);font-size:1.05rem}.nav-brand:hover .nav-mark{transform:rotate(90deg)}.nav-links{align-items:center;gap:2rem;margin-inline:auto;display:flex}.nav-link{color:var(--text-muted);transition:color var(--transition-fast);font-size:.9rem;font-weight:450;position:relative}.nav-link:after{content:"";background-color:var(--color-olive);transform-origin:100%;width:100%;height:1.5px;transition:transform var(--transition-base);border-radius:2px;position:absolute;bottom:-5px;left:0;transform:scaleX(0)}.nav-link:hover{color:var(--text-main)}.nav-link:hover:after{transform-origin:0;transform:scaleX(1)}.nav-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.nav-github{width:38px;height:38px;color:var(--text-muted);transition:background-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);border-radius:50%;place-items:center;display:grid}.nav-github:hover{background-color:var(--bg-sand);color:var(--text-main);transform:translateY(-1px)}.nav-toggle{width:38px;height:38px;color:var(--text-main);transition:background-color var(--transition-fast);border-radius:50%;place-items:center;display:none}.nav-toggle:hover{background-color:var(--bg-sand)}.nav-drawer{background-color:var(--bg-page);border-bottom:1px solid var(--border-light);max-height:0;transition:max-height var(--transition-base), padding var(--transition-base);flex-direction:column;gap:.25rem;padding:0 1.25rem;display:none;overflow:hidden}.nav-drawer.open{max-height:60vh;padding:.75rem 1.25rem 1.5rem}.nav-drawer-link{color:var(--text-main);border-bottom:1px solid var(--border-light);padding:.85rem 0;font-size:1.05rem;font-weight:500}.nav-drawer-link:last-child{border-bottom:none}@media (width<=900px){.nav-links{display:none}.nav-toggle{display:grid}.nav-drawer{display:flex}.nav.is-scrolled{background-color:#faf9f5f2}.nav:has(.nav-drawer.open){background-color:#faf9f5f2}}.hero{isolation:isolate;padding-top:clamp(8rem,6rem + 8vw,12rem);padding-bottom:clamp(4rem,2.5rem + 5vw,7rem);position:relative;overflow:hidden}.hero-glow{aspect-ratio:1.6;z-index:-1;pointer-events:none;filter:blur(30px);background:radial-gradient(48% 44% at 32% 42%,#d4dec399,#0000 68%),radial-gradient(42% 40% at 70% 32%,#ece7ddd9,#0000 70%);width:min(1250px,135vw);animation:24s ease-in-out infinite alternate heroAurora;position:absolute;top:-30%;left:50%;translate:-50%}@keyframes heroAurora{0%{opacity:.85;transform:translate(-2%,-1%)scale(1)}50%{opacity:1;transform:translate(2%,2%)scale(1.06)}to{opacity:.9;transform:translate(-1%,1%)scale(1.02)}}.hero-inner{text-align:center;flex-direction:column;align-items:center;display:flex}.hero-title,.hero-lede,.hero-actions,.hero-install,.hero-device,.hero-trust{opacity:0;animation:heroRise .9s var(--ease-out-expo) forwards}.hero-title{animation-delay:60ms}.hero-lede{animation-delay:.16s}.hero-actions{animation-delay:.26s}.hero-install{animation-delay:.34s}.hero-device{animation-duration:1.1s;animation-delay:.44s}.hero-trust{animation-delay:.62s}@keyframes heroRise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}.hero-title{font-family:var(--font-heading);font-optical-sizing:auto;font-size:var(--fs-display);letter-spacing:-.045em;color:var(--text-main);text-wrap:balance;max-width:17ch;margin-bottom:1.6rem;font-weight:650;line-height:1.03}.hero-title em{color:var(--color-olive);font-style:normal;display:inline-block;position:relative}.hero-underline{width:100%;height:.3em;color:var(--color-sage-dark);position:absolute;bottom:-.1em;left:0;overflow:visible}.hero-underline path{stroke-dasharray:320;stroke-dashoffset:320px;animation:drawUnderline 1.1s var(--ease-out-expo) .7s forwards}@keyframes drawUnderline{to{stroke-dashoffset:0}}.hero-lede{font-size:var(--fs-lede);color:var(--text-muted);text-wrap:pretty;max-width:58ch;margin-bottom:2.5rem;line-height:1.68}.hero-lede code{background-color:var(--color-sage-light);border:1px solid var(--color-sage);color:var(--color-olive);font-size:.85em}.hero-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:0;display:flex}.hero-actions .btn-olive svg{transition:transform var(--transition-fast)}.hero-actions .btn-olive:hover svg{transform:translate(3px)}.hero-install{background-color:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-pill);box-shadow:var(--shadow-subtle);transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);align-items:center;gap:.75rem;padding:.4rem .4rem .4rem 1.1rem;display:inline-flex}.hero-install:hover{border-color:var(--color-sage-dark);box-shadow:var(--shadow-card);transform:translateY(-1px)}.hero-install code{color:var(--text-muted);white-space:nowrap;background:0 0;padding:0;font-size:.82rem}.hero-install-copy{width:28px;height:28px;color:var(--text-subtle);background-color:var(--bg-sand-light);transition:background-color var(--transition-fast), color var(--transition-fast);border-radius:50%;place-items:center;display:grid}.hero-install:hover .hero-install-copy{background-color:var(--color-sage-light);color:var(--color-olive)}.copied-check{color:var(--color-accent-emerald);animation:popIn .3s var(--ease-out-expo)}@keyframes popIn{0%{opacity:0;transform:scale(.4)}60%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.hero-device{text-align:left;background-color:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);width:100%;max-width:920px;box-shadow:var(--shadow-device);margin-top:clamp(3.5rem,2rem + 4vw,5.5rem);overflow:hidden}.hero-router{border-bottom:1px solid var(--border-light);background-color:var(--bg-sand-light);flex-wrap:wrap;gap:.4rem;padding:1rem clamp(1rem,.5rem + 1.6vw,1.75rem);display:flex}.hero-router-tab{color:var(--text-muted);border-radius:var(--radius-pill);transition:background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);border:1px solid #0000;padding:.42rem .95rem;font-size:.84rem;font-weight:500}.hero-router-tab:hover{color:var(--color-olive);background-color:var(--bg-surface);transform:translateY(-1px)}.hero-router-tab.active{background-color:var(--color-olive);border-color:var(--color-olive);color:var(--color-olive-text);box-shadow:0 4px 12px #34421e33}.hero-exchange{gap:.75rem;padding:clamp(1.1rem,.6rem + 1.6vw,1.75rem);display:grid}.hero-msg{border-radius:var(--radius-md);border:1px solid var(--border-light);animation:msgIn .5s var(--ease-out-expo) backwards;padding:1.1rem 1.25rem}.hero-msg:first-child{animation-delay:0s}.hero-msg:nth-child(2){animation-delay:80ms}.hero-msg:nth-child(3){animation-delay:.16s}@keyframes msgIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.hero-msg p{color:var(--text-main);font-size:.95rem;line-height:1.65}.hero-msg-user{background-color:var(--bg-sand-light)}.hero-msg-user p{color:var(--text-muted)}.hero-msg-tool{background-color:var(--code-bg);border-color:var(--code-border)}.hero-code{font-family:var(--font-mono);color:var(--code-text);font-size:.82rem;line-height:1.7;overflow-x:auto}.tok-fn{color:var(--code-accent)}.tok-key{color:var(--code-blue)}.tok-str{color:var(--code-yellow)}.tok-num{color:var(--code-pink)}.hero-msg-result{background-color:var(--color-sage-light);border-color:var(--color-sage)}.hero-result-meta{font-family:var(--font-mono);color:var(--color-olive);opacity:.7;margin-top:.85rem;font-size:.72rem;display:block}.hero-trust{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem 2.25rem;margin-top:3.25rem;list-style:none;display:flex}.hero-trust li{color:var(--text-subtle);transition:color var(--transition-fast);cursor:default;font-size:.9rem;font-weight:500}.hero-trust li:hover{color:var(--color-olive)}@media (width<=640px){.hero-install code{font-size:.7rem}}@media (prefers-reduced-motion:reduce){.hero-glow{animation:none}.hero-title,.hero-lede,.hero-actions,.hero-install,.hero-device,.hero-trust,.hero-msg{opacity:1;animation:none;transform:none}.hero-underline path{stroke-dashoffset:0;animation:none}}.features-head{max-width:760px;margin-bottom:clamp(3rem,2rem + 3vw,4.5rem)}.features-head .section-heading br{display:none}@media (width>=900px){.features-head .section-heading br{display:inline}}.features-grid{background-color:var(--border-light);border:1px solid var(--border-light);border-radius:var(--radius-lg);grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1px;display:grid;overflow:hidden}.feature{background-color:var(--bg-page);transition:background-color var(--transition-base);padding:clamp(1.75rem,1.2rem + 1.5vw,2.5rem);position:relative}.feature:before{content:"";background:linear-gradient(160deg, var(--color-sage-light), transparent 60%);opacity:0;transition:opacity var(--transition-base);pointer-events:none;position:absolute;inset:0}.feature:hover{background-color:var(--bg-surface)}.feature:hover:before{opacity:.55}.feature-title{font-size:var(--fs-h3);letter-spacing:-.02em;color:var(--text-main);margin-bottom:.65rem;font-weight:600;line-height:1.3;position:relative}.feature-desc{color:var(--text-muted);text-wrap:pretty;font-size:.95rem;line-height:1.7;position:relative}.arch-head{max-width:680px;margin-bottom:clamp(3rem,2rem + 3vw,4.5rem)}.arch-flow{text-align:center;flex-direction:column;align-items:center;max-width:760px;margin:0 auto clamp(3rem,2rem + 3vw,4.5rem);display:flex}.flow-node{background-color:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-subtle);transition:transform var(--transition-base), box-shadow var(--transition-base);padding:1.5rem 1.75rem}.flow-node:hover{box-shadow:var(--shadow-card);transform:translateY(-3px)}.flow-node-gateway{background-color:var(--color-olive);border-color:var(--color-olive);box-shadow:0 16px 40px -12px #34421e73}.flow-role{letter-spacing:-.015em;color:var(--text-main);margin-bottom:.3rem;font-size:1.02rem;font-weight:600;display:block}.flow-node-gateway .flow-role{color:var(--color-olive-text);font-family:var(--font-mono);font-size:.95rem}.flow-name{color:var(--text-subtle);font-size:.85rem;display:block}.flow-node-gateway .flow-name{color:#faf9f59e}.flow-link{flex-direction:column;align-items:center;gap:.4rem;padding-block:.9rem;display:flex}.flow-link-label{font-family:var(--font-mono);color:var(--text-subtle);font-size:.72rem}.flow-link-line{background-color:var(--border-light);width:1px;height:40px;position:relative;overflow:hidden}.flow-link-line:after{content:"";background:linear-gradient(180deg, transparent, var(--color-olive), transparent);height:14px;animation:2.4s ease-in-out infinite flowPulse;position:absolute;inset-inline:0}.flow-link:last-of-type .flow-link-line:after{animation-delay:.6s}@keyframes flowPulse{0%{opacity:0;top:-14px}25%{opacity:1}75%{opacity:1}to{opacity:0;top:40px}}.flow-targets{flex-wrap:wrap;justify-content:center;gap:.5rem;list-style:none;display:flex}.flow-targets li{color:var(--text-muted);background-color:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-pill);transition:color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);padding:.5rem 1.05rem;font-size:.85rem;font-weight:500}.flow-targets li:hover{color:var(--color-olive);border-color:var(--color-sage-dark);transform:translateY(-2px)}.arch-inspector{background-color:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius-lg);max-width:880px;box-shadow:var(--shadow-lifted);margin-inline:auto;overflow:hidden}.inspector-tabs{border-bottom:1px solid var(--code-border);gap:.25rem;padding:.65rem .75rem;display:flex}.inspector-tab{font-family:var(--font-mono);color:#e5eadf8c;border-radius:var(--radius-sm);transition:background-color var(--transition-fast), color var(--transition-fast);padding:.4rem .95rem;font-size:.78rem}.inspector-tab:hover{color:var(--code-text);background-color:#ffffff0d}.inspector-tab.active{color:var(--code-accent);background-color:#9ae66e1a}.inspector-body{max-height:440px;padding:clamp(1rem,.6rem + 1.4vw,1.6rem);overflow:auto}.inspector-pre{font-family:var(--font-mono);color:var(--code-text);animation:frameIn .35s var(--ease-out-expo);font-size:.8rem;line-height:1.75}@keyframes frameIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.inspector-body::-webkit-scrollbar-track{background:var(--code-bg)}.inspector-body::-webkit-scrollbar-thumb{background:var(--code-border)}@media (prefers-reduced-motion:reduce){.flow-link-line:after{opacity:0;animation:none}.inspector-pre{animation:none}}.pg-head{max-width:680px;margin-bottom:clamp(2.5rem,1.5rem + 3vw,4rem)}.pg-shell{background-color:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-lifted);overflow:hidden}.pg-modes{border-bottom:1px solid var(--border-light);background-color:var(--bg-sand-light);gap:.25rem;padding:.6rem .75rem;display:flex}.pg-mode{color:var(--text-muted);border-radius:var(--radius-pill);transition:background-color var(--transition-fast), color var(--transition-fast);padding:.5rem 1.15rem;font-size:.88rem;font-weight:500}.pg-mode:hover{color:var(--text-main);background-color:var(--bg-surface)}.pg-mode.active{background-color:var(--color-olive);color:var(--color-olive-text)}.pg-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);display:grid}@media (width<=920px){.pg-grid{grid-template-columns:1fr}}.pg-controls{border-right:1px solid var(--border-light);flex-direction:column;gap:1.15rem;padding:clamp(1.25rem,.8rem + 1.4vw,1.9rem);display:flex}@media (width<=920px){.pg-controls{border-right:none;border-bottom:1px solid var(--border-light)}}.field{flex-direction:column;flex:1;gap:.45rem;min-width:0;display:flex}.field-row{gap:1rem;display:flex}.field label{letter-spacing:.04em;color:var(--text-subtle);font-size:.78rem;font-weight:600}.field-value{font-family:var(--font-mono);color:var(--color-olive);font-weight:500}.field input[type=text],.field input[type=number],.field select,.field textarea{width:100%;color:var(--text-main);background-color:var(--bg-page);border:1px solid var(--border-light);border-radius:var(--radius-sm);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:.65rem .85rem;font-size:.88rem}.field input[type=text],.field textarea{font-family:var(--font-mono);font-size:.82rem}.field textarea{resize:vertical;line-height:1.6}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--color-sage-dark);outline:none;box-shadow:0 0 0 3px #d4dec380}.field input:disabled,.field select:disabled,.field textarea:disabled{opacity:.55;cursor:not-allowed}.field input[type=range]{appearance:none;background:var(--bg-sand-dark);border-radius:var(--radius-pill);width:100%;height:4px;margin-block:.7rem}.field input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--color-olive);cursor:pointer;border:2px solid var(--bg-surface);width:16px;height:16px;transition:transform var(--transition-fast);border-radius:50%;box-shadow:0 1px 4px #16161440}.field input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.field input[type=range]::-moz-range-thumb{background:var(--color-olive);cursor:pointer;border:2px solid var(--bg-surface);border-radius:50%;width:16px;height:16px}.pg-presets{flex-wrap:wrap;gap:.4rem;display:flex}.pg-preset{color:var(--text-muted);background-color:var(--bg-sand-light);border:1px solid var(--border-light);border-radius:var(--radius-pill);transition:all var(--transition-fast);padding:.35rem .8rem;font-size:.78rem}.pg-preset:hover:not(:disabled){color:var(--color-olive);background-color:var(--color-sage-light);border-color:var(--color-sage);transform:translateY(-1px)}.pg-preset:disabled{opacity:.5;cursor:not-allowed}.pg-run{width:100%;margin-top:auto}.pg-spinner{border:2px solid #faf9f54d;border-top-color:var(--color-olive-text);border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pg-output{background-color:var(--code-bg);flex-direction:column;min-height:460px;display:flex}.pg-output-bar{border-bottom:1px solid var(--code-border);justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.15rem;display:flex}.pg-status{color:#e5eadf99;align-items:center;gap:.5rem;font-size:.78rem;display:inline-flex}.pg-status:before{content:"";background-color:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.pg-status-streaming,.pg-status-connecting{color:var(--code-yellow)}.pg-status-streaming:before{animation:1s ease-in-out infinite blink}.pg-status-done{color:var(--code-accent)}@keyframes blink{50%{opacity:.25}}.pg-meta{font-family:var(--font-mono);color:#e5eadf73;align-items:center;gap:.9rem;font-size:.72rem;display:inline-flex}.pg-copy{color:#e5eadf99;border-radius:var(--radius-xs);transition:background-color var(--transition-fast), color var(--transition-fast);align-items:center;gap:.35rem;padding:.3rem .6rem;font-size:.74rem;display:inline-flex}.pg-copy:hover{color:var(--code-text);background-color:#ffffff12}.pg-output-body{flex:1;max-height:460px;padding:1.15rem;position:relative;overflow:auto}.pg-output-body pre{font-family:var(--font-mono);color:var(--code-text);white-space:pre-wrap;word-break:break-word;font-size:.8rem;line-height:1.75}.pg-output-body:not(:has(code:not(:empty))) pre{color:#e5eadf59}.pg-caret{background-color:var(--code-accent);vertical-align:text-bottom;width:7px;height:15px;margin-left:2px;animation:1s step-end infinite blink;display:inline-block}.pg-output-body::-webkit-scrollbar-track{background:var(--code-bg)}.pg-output-body::-webkit-scrollbar-thumb{background:var(--code-border)}.pg-config{padding:clamp(1.25rem,.8rem + 1.4vw,1.9rem)}.pg-ide-tabs{flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem;display:flex}.pg-ide-tab{color:var(--text-muted);background-color:var(--bg-sand-light);border-radius:var(--radius-pill);transition:all var(--transition-fast);border:1px solid #0000;padding:.45rem 1rem;font-size:.84rem;font-weight:500}.pg-ide-tab:hover{color:var(--color-olive);transform:translateY(-1px)}.pg-ide-tab.active{background-color:var(--color-olive);color:var(--color-olive-text)}.pg-code{background-color:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius-md);overflow:hidden}.pg-code-bar{border-bottom:1px solid var(--code-border);justify-content:space-between;align-items:center;gap:1rem;padding:.7rem .75rem .7rem 1.1rem;display:flex}.pg-code-path{color:#e5eadf80;text-overflow:ellipsis;white-space:nowrap;background:0 0;padding:0;font-size:.76rem;overflow:hidden}.pg-code-body{max-height:420px;padding:1.15rem;overflow:auto}.pg-code-body pre{font-family:var(--font-mono);color:var(--code-text);animation:frameIn .35s var(--ease-out-expo);font-size:.8rem;line-height:1.75}.pg-code-body::-webkit-scrollbar-track{background:var(--code-bg)}.pg-code-body::-webkit-scrollbar-thumb{background:var(--code-border)}.pg-note{color:var(--text-subtle);margin-top:1.1rem;font-size:.85rem;line-height:1.65}@media (prefers-reduced-motion:reduce){.pg-spinner,.pg-caret,.pg-status-streaming:before,.pg-code-body pre{animation:none}}.compare-head{max-width:680px;margin-bottom:clamp(2.5rem,1.5rem + 3vw,4rem)}.compare-table-wrap{background-color:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow-x:auto}.compare-table{border-collapse:collapse;text-align:left;width:100%;min-width:760px}.compare-table th,.compare-table td{vertical-align:top;border-bottom:1px solid var(--border-light);padding:1.1rem 1.4rem;font-size:.9rem;line-height:1.55}.compare-table thead th{letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle);background-color:var(--bg-sand-light);white-space:nowrap;font-size:.76rem;font-weight:600;position:sticky;top:0}.compare-table thead th.is-primary{color:var(--color-olive)}.compare-table tbody th{color:var(--text-main);width:26%;font-weight:500}.compare-table td{color:var(--text-subtle)}.compare-table .is-primary{color:var(--text-main);box-shadow:inset 1px 0 0 var(--color-sage), inset -1px 0 0 var(--color-sage);background-color:#d4dec32e;font-weight:450}.compare-table tbody tr{transition:background-color var(--transition-fast)}.compare-table tbody tr:hover{background-color:var(--bg-sand-light)}.compare-table tbody tr:last-child th,.compare-table tbody tr:last-child td{border-bottom:none}.qs-head{max-width:660px;margin-bottom:clamp(2.5rem,1.5rem + 3vw,4rem)}.qs-link{color:var(--color-olive);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--color-sage-dark);text-decoration-color:var(--color-sage-dark);transition:text-decoration-color var(--transition-fast)}.qs-link:hover{-webkit-text-decoration-color:var(--color-olive);text-decoration-color:var(--color-olive)}.qs-steps{background-color:var(--border-light);border:1px solid var(--border-light);border-radius:var(--radius-lg);counter-reset:none;gap:1px;list-style:none;display:grid;overflow:hidden}.qs-step{background-color:var(--bg-page);transition:background-color var(--transition-base);gap:clamp(1rem,.5rem + 1.6vw,2rem);padding:clamp(1.5rem,1rem + 1.6vw,2.25rem);display:flex}.qs-step:hover{background-color:var(--bg-surface)}.qs-step-num{font-family:var(--font-mono);color:var(--color-sage-dark);transition:color var(--transition-base);flex-shrink:0;padding-top:.2rem;font-size:.82rem;font-weight:500}.qs-step:hover .qs-step-num{color:var(--color-olive)}.qs-step-body{flex:1;min-width:0}.qs-step-title{font-size:var(--fs-h3);letter-spacing:-.02em;color:var(--text-main);margin-bottom:.4rem;font-weight:600}.qs-step-desc{color:var(--text-muted);max-width:62ch;margin-bottom:1.1rem;font-size:.93rem;line-height:1.65}.qs-code{background-color:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius-md);padding:1rem 3.25rem 1rem 1.15rem;position:relative;overflow-x:auto}.qs-code pre{font-family:var(--font-mono);color:var(--code-text);font-size:.8rem;line-height:1.75}.qs-copy{border-radius:var(--radius-xs);color:#e5eadf80;width:30px;height:30px;transition:background-color var(--transition-fast), color var(--transition-fast);background-color:#ffffff0a;place-items:center;display:grid;position:absolute;top:.65rem;right:.65rem}.qs-copy:hover{color:var(--code-text);background-color:#ffffff1a}@media (width<=560px){.qs-step{flex-direction:column;gap:.5rem}}.closing{padding-block:var(--section-pad);background-color:var(--color-olive);color:var(--color-olive-text);isolation:isolate;position:relative;overflow:hidden}.closing:before{content:"";aspect-ratio:1;z-index:-1;background:radial-gradient(circle,#9ae66e29,#0000 62%);width:min(900px,110vw);animation:18s ease-in-out infinite alternate closingDrift;position:absolute;top:-40%;left:50%;translate:-50%}@keyframes closingDrift{0%{transform:translate(-8%)scale(1)}to{transform:translate(8%,6%)scale(1.12)}}.closing-inner{text-align:center;flex-direction:column;align-items:center;display:flex}.closing-title{font-family:var(--font-heading);font-size:var(--fs-h2);letter-spacing:-.035em;text-wrap:balance;margin-bottom:1rem;font-weight:600;line-height:1.1}.closing-text{font-size:var(--fs-lede);color:#faf9f5b8;text-wrap:pretty;max-width:54ch;margin-bottom:2.25rem;line-height:1.65}.closing-btn{background-color:var(--bg-page);color:var(--color-olive);box-shadow:0 10px 30px -8px #00000073}.closing-btn:hover{background-color:#fff;box-shadow:0 16px 40px -10px #00000080}.closing-btn svg{transition:transform var(--transition-fast)}.closing-btn:hover svg{transform:translate(3px)}.footer{background-color:var(--bg-page);border-top:1px solid var(--border-light);padding-block:2.25rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem 2rem;display:flex}.footer-brand{color:var(--text-main);align-items:center;gap:.5rem;font-size:.92rem;font-weight:600;display:inline-flex}.footer-brand span{color:var(--color-olive)}.footer-links{flex-wrap:wrap;gap:1.5rem;display:flex}.footer-links a{color:var(--text-subtle);transition:color var(--transition-fast);font-size:.88rem}.footer-links a:hover{color:var(--text-main)}.footer-end{color:var(--text-subtle);align-items:center;gap:1rem;font-size:.82rem;display:inline-flex}.footer-github{color:var(--text-subtle);transition:color var(--transition-fast), transform var(--transition-fast)}.footer-github:hover{color:var(--text-main);transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){.closing:before{animation:none}}@media (width<=680px){.footer-inner{text-align:center;justify-content:center}}