.kodza-scroll-header.site-hdr{--kz-header-max: calc(min(var(--wrap), 100% - 2 * var(--gut)) + 32px) ;--kz-header-max-scrolled: calc(var(--kz-header-content) + 48px);--kz-header-top: var(--hdr-top);--kz-header-height: var(--hdr-h);margin-bottom:calc(var(--hdr-h) * -1)}.site-hdr .kodza-fill-button{transition:transform .25s var(--ease),background-color .35s ease,box-shadow .35s ease,color .35s ease}html .kodza-fill-button{font-size:14px;--kz-fill-height: 40px;--kz-fill-pad-x: 18px}:is(.hero-ctas,.center,.cat-more) .kodza-fill-button{font-size:15px;--kz-fill-height: 52px;--kz-fill-pad-x: 26px}.kodza-fill-button.kz-soft{--kz-fill-bg: rgba(10, 10, 10, .06);--kz-fill-border: rgba(10, 10, 10, .08)}:is(.sec:not(.on-light),.promo,.kodza-scroll-header.is-dark) .kodza-fill-button{--kz-fill-fg: #fff;--kz-fill-border: rgba(255, 255, 255, .85);--kz-fill-fill: #fff;--kz-fill-fill-fg: var(--ink)}:is(.sec:not(.on-light),.promo,.kodza-scroll-header.is-dark) .kodza-fill-button.kz-soft{--kz-fill-bg: rgba(255, 255, 255, .07);--kz-fill-border: rgba(255, 255, 255, .12)}:is(.sec:not(.on-light),.promo,.kodza-scroll-header.is-dark) .kodza-fill-button--solid{--kz-fill-bg: #fff;--kz-fill-fg: var(--ink);--kz-fill-border: transparent;--kz-fill-fill: #d9d9d5;--kz-fill-fill-fg: var(--ink)}html .kodza-fill-button.is-disabled{opacity:.5;pointer-events:none}html .kodza-copy{--kz-copy-radius: var(--r-pill);--kz-copy-font: var(--font-mono)}html .kodza-copy:not(.kodza-copy--prompt){--kz-copy-max-width: 600px}.hero .kodza-copy{--kz-copy-bg: var(--ink);--kz-copy-fg: #fff;--kz-copy-muted: var(--w-45);--kz-copy-border: transparent;--kz-copy-button-bg: var(--w-10);--kz-copy-button-fg: #fff}.ask-setup .kodza-copy{--kz-copy-bg: var(--w-06);--kz-copy-fg: var(--w-92);--kz-copy-muted: var(--w-45);--kz-copy-border: var(--w-10);--kz-copy-button-bg: #fff;--kz-copy-button-fg: var(--ink);--kz-copy-size: 13px;--kz-copy-button-height: 30px;flex:0 1 auto;width:auto;min-width:0;max-width:100%}.item-ai .kodza-copy--prompt{--kz-copy-size: clamp(18px, 1.8vw, 23px);--kz-copy-button-height: 52px;max-width:none}@media (min-width: 900px){.item-ai .kodza-copy--prompt{--kz-copy-radius: var(--r-pill)}}@media (max-width: 899px){.item-ai .kodza-copy--prompt{--kz-copy-radius: var(--r-lg)}}.kz-arrow{color:var(--k-92);font-weight:600}.sec:not(.on-light) .kz-arrow{color:var(--w-92)}.faq-card .kodza-accordion{border-top:0}.faq-card .kodza-accordion__item:last-child{border-bottom:0}.dc-license .kodza-more{--kz-more-height: 8.5em}.dc-license .kodza-more__content{width:100%}.item-checked .kodza-more{--kz-more-fg: var(--k-92);--kz-more-height: 300px;--kz-more-fade: 170px;--kz-more-width: 100%}@media (max-width: 920px){.item-checked .kodza-more{--kz-more-height: 340px}}.sec:not(.on-light) .kodza-tabs{--kz-tabs-bg: var(--w-06);--kz-tabs-fg: var(--w-92);--kz-tabs-muted: var(--w-62);--kz-tabs-border: var(--w-10);--kz-tabs-ink: #fff;--kz-tabs-on-ink: var(--ink);--kz-tabs-width: 100%}.cat-rows .kodza-hover-list{--kz-hover-list-ink: var(--w-92);--kz-hover-list-muted: var(--w-62);--kz-hover-list-dim: var(--w-30);--kz-hover-list-line: var(--w-10);--kz-hover-list-placeholder: var(--w-06);--kz-hover-list-size: 18px;--kz-hover-list-columns: minmax(0, 1fr) minmax(0, 13em) 6.5em;--kz-hover-list-panel: 320px;--kz-hover-list-ratio: 4 / 3;--kz-hover-list-sticky: calc(var(--hdr-h) + var(--hdr-top) + 24px)}.code-tabs .kodza-code{--kz-code-max-height: min(64vh, 520px);height:100%}.code-bar .kodza-loading-button{--kz-loading-height: 32px;--kz-loading-pad-x: 14px;--kz-loading-icon: 14px;--kz-loading-gap: 8px;--kz-loading-bg: var(--w-10);--kz-loading-fg: var(--w-92)}.item-hero .kodza-breadcrumbs{--kz-crumbs-size: 14px}.full-bar .kodza-breadcrumbs{--kz-crumbs-fg: rgba(255, 255, 255, .92);--kz-crumbs-muted: rgba(255, 255, 255, .62);--kz-crumbs-separator: rgba(255, 255, 255, .3);--kz-crumbs-soft: rgba(255, 255, 255, .1);--kz-crumbs-soft-fg: #0a0a0a;--kz-crumbs-size: 13.5px;--kz-crumbs-gap: 8px}.cat-intro .kodza-search{--kz-search-height: 56px;max-width:none}.cat-tools .kodza-select{--kz-select-height: 36px}:root{--hdr-space: calc(var(--hdr-h) + var(--hdr-top))}:root.hdr-away{--hdr-space: 0px}.demo-picks{margin:0 0 22px}.demo-code{position:relative;padding:14px;overflow:hidden;border-top:1px solid var(--w-06);background:transparent}.demo-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 20px;margin:0 0 22px}.sec .demo-top .kodza-tabs.demo-picks{--kz-tabs-width: max-content;margin:0;max-width:100%}.demo-actions{display:flex;flex-wrap:wrap;gap:10px}.demo-ai{margin-top:clamp(64px,8vw,112px)}.demo-codepanel,.demo-ai{scroll-margin-top:calc(var(--hdr-h) + var(--hdr-top) + 24px)}.demo .demo-codepanel{margin-top:16px}.demo-code .kodza-code{--kz-code-max-height: 280px;height:356px}.demo-code-pane.is-leaving{position:absolute;inset:14px 14px auto}.faq-cta{margin:0}@media (max-width: 640px){.hero-ctas .kodza-fill-button{width:100%}}.code-panel{margin-top:clamp(48px,6vw,80px);border-radius:var(--r-xl);background:#0c0c0c;box-shadow:inset 0 0 0 1px var(--w-10);overflow:hidden;scroll-margin-top:calc(var(--hdr-h) + var(--hdr-top) + 24px)}.code-toggle{display:flex;align-items:center;gap:14px;width:100%;padding:14px 22px 14px 14px;border:0;background:transparent;color:var(--w-92);font:inherit;font-size:15px;font-weight:600;letter-spacing:-.01em;text-align:left;cursor:pointer;transition:background-color .2s ease}.code-toggle:hover{background:var(--w-04)}.code-toggle:focus-visible{outline:2px solid #fff;outline-offset:-2px;border-radius:var(--r-xl)}.code-toggle-ico{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--w-10)}.code-toggle-ico svg{width:16px;height:16px}.code-toggle-lbl{display:grid;overflow:hidden}.code-toggle-lbl>*{grid-area:1 / 1;transition:transform .45s var(--ease)}.code-toggle-lbl>:last-child{transform:translateY(110%)}.code-panel.is-open .code-toggle-lbl>:first-child{transform:translateY(-110%)}.code-panel.is-open .code-toggle-lbl>:last-child{transform:none}.code-toggle-meta{margin-left:auto;font-family:var(--font-mono);font-size:12.5px;font-weight:400;color:var(--w-45)}.code-toggle-chev{flex:none;width:16px;height:16px;color:var(--w-62);transition:transform .45s var(--ease)}.code-panel.is-open .code-toggle-chev{transform:rotate(180deg)}.code-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s var(--ease)}.code-panel.is-open .code-body{grid-template-rows:1fr}.code-body-in{min-height:0;overflow:hidden;visibility:hidden;transition:visibility 0s .55s}.code-panel.is-open .code-body-in{visibility:visible;transition-delay:0s}.code-wrap{padding:6px 14px 16px;border-top:1px solid var(--w-06)}.code-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}.code-bar .kodza-tabs__list{min-width:0}@media (max-width: 640px){.code-toggle-meta{display:none}.code-toggle-chev{margin-left:auto}}@media (prefers-reduced-motion: reduce){.code-toggle-lbl>*,.code-toggle-chev,.code-body,.code-body-in{transition:none}}.ask-setup{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:18px;padding-left:24px;font-size:14.5px;color:var(--w-62)}@media (max-width: 640px){.ask-setup{padding-left:0}}.cat-list .kodza-empty{--kz-empty-fg: #f2f2f0;--kz-empty-muted: rgba(242, 242, 240, .62);--kz-empty-line: rgba(255, 255, 255, .2);--kz-empty-soft: rgba(255, 255, 255, .08);--kz-empty-card: #161616;--kz-empty-ink: #f2f2f0;--kz-empty-on-ink: #0a0a0a}.page-notfound .kodza-eye-glyph{--kz-eye-glyph-ink: #1d1d1c}.ab-who .kodza-external-link{--kz-external-text: var(--fg)}:root{--ink: #0a0a0a;--char: #121212;--char-2: #191919;--paper: #fff;--mist: #f2f2f0;--w-92: rgba(255, 255, 255, .92);--w-62: rgba(255, 255, 255, .62);--w-45: rgba(255, 255, 255, .5);--w-30: rgba(255, 255, 255, .3);--w-22: rgba(255, 255, 255, .22);--w-16: rgba(255, 255, 255, .16);--w-10: rgba(255, 255, 255, .1);--w-06: rgba(255, 255, 255, .06);--w-04: rgba(255, 255, 255, .04);--k-92: rgba(10, 10, 10, .92);--k-58: rgba(10, 10, 10, .66);--k-50: rgba(10, 10, 10, .58);--k-12: rgba(10, 10, 10, .12);--k-06: rgba(10, 10, 10, .07);--k-04: rgba(10, 10, 10, .04);--fg: var(--w-92);--fg-dim: var(--w-62);--fg-faint: var(--w-45);--surface: var(--w-06);--surface-hi: var(--w-10);--line: var(--w-10);--solid: #fff;--on-solid: var(--ink);--glass-edge: inset 0 1px 0 rgba(255, 255, 255, .12), inset 0 0 0 1px rgba(255, 255, 255, .05);--paper-edge: inset 0 1px 0 rgba(255, 255, 255, .9), inset 0 0 0 1px rgba(10, 10, 10, .05);--font: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-display: "Geist", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono: "Geist Mono", ui-monospace, "SF Mono", SFMono-Regular, Menlo, monospace;--t-display: clamp(46px, 8.2vw, 124px);--t-h1: clamp(38px, 6.2vw, 92px);--t-h2: clamp(32px, 4.4vw, 62px);--t-h3: clamp(19px, 1.7vw, 23px);--t-lead: clamp(17px, 1.45vw, 20px);--t-small: 13.5px;--gut: clamp(16px, 4vw, 40px);--wrap: 1240px;--wrap-mid: 860px;--section-y: clamp(96px, 12vw, 180px);--hdr-h: 60px;--hdr-top: 12px;--r-sm: 10px;--r-md: 16px;--r-lg: 22px;--r-xl: 30px;--r-pill: 999px;--seam-r: clamp(30px, 4.5vw, 64px);--ease: cubic-bezier(.22, 1, .36, 1);--spring: cubic-bezier(.34, 1.28, .5, 1);--d-fast: .18s;--d-mid: .38s;--d-slow: .72s;--check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M3 8.5l3.5 3.5L13 4'/%3E%3C/svg%3E")}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--hdr-h) + var(--hdr-top) + 24px);-webkit-text-size-adjust:100%}body{margin:0;background:var(--ink);color:var(--fg);font-family:var(--font);font-size:16px;line-height:1.6;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}a{color:inherit}img,svg{display:block}button{font:inherit;color:inherit}code{font-family:var(--font-mono)}p{margin:0}:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:8px}::-moz-selection{background:#80808059}::selection{background:#80808059}.skip{position:fixed;top:12px;left:12px;z-index:100;padding:10px 16px;border-radius:var(--r-pill);background:var(--ink);color:#fff;font-weight:600;text-decoration:none;transform:translateY(-150%);transition:transform var(--d-mid) var(--ease)}.skip:focus{transform:none}.wrap,.wrap-wide{width:min(var(--wrap),100% - 2 * var(--gut));margin-inline:auto}.wrap-mid{width:min(var(--wrap-mid),100% - 2 * var(--gut));margin-inline:auto}.center{text-align:center}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}main[tabindex="-1"]:focus{outline:none}.on-light{--fg: var(--k-92);--fg-dim: var(--k-58);--fg-faint: var(--k-50);--surface: var(--k-04);--surface-hi: var(--k-06);--line: var(--k-06);--solid: var(--ink);--on-solid: #fff;position:relative;z-index:1;background:var(--mist);color:var(--fg);border-radius:var(--seam-r)}.on-light+.on-light{border-top-left-radius:0;border-top-right-radius:0}.on-light+.on-light:before{content:"";position:absolute;left:0;right:0;top:-3px;height:6px;background:var(--mist);pointer-events:none}.on-light:has(+.on-light){border-bottom-left-radius:0;border-bottom-right-radius:0}.t-display,.t-h1,.t-h2,.t-h3{font-family:var(--font-display);color:var(--fg);margin:0}.t-display{font-size:var(--t-display);font-weight:700;line-height:.98;letter-spacing:-.05em}.t-h1{font-size:var(--t-h1);font-weight:700;line-height:1;letter-spacing:-.045em}.t-h2{font-size:var(--t-h2);font-weight:700;line-height:1.04;letter-spacing:-.04em;text-wrap:balance}.t-h3{font-size:var(--t-h3);font-weight:650;line-height:1.2;letter-spacing:-.025em}.lead{font-size:var(--t-lead);line-height:1.55;color:var(--fg-dim);max-width:640px;margin-inline:auto;text-wrap:pretty}.lead code{font-size:.86em;padding:1px 7px;border-radius:7px;background:var(--surface-hi);color:var(--fg)}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;font-family:var(--font-mono);font-size:12.5px;font-weight:500;letter-spacing:.02em;color:var(--fg-faint)}.badge{display:inline-block;padding:3px 8px;border-radius:var(--r-pill);background:var(--solid);color:var(--on-solid);font-family:var(--font);font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;line-height:1.3}.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:-.04em;text-decoration:none;color:var(--k-92);transition:color .35s ease}.brand-sq{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--ink);transition:background-color .35s ease}.brand-sq svg{width:15px;height:16px;fill:#fff;transition:fill .35s ease}.hero{padding:calc(var(--hdr-h) + var(--hdr-top) + clamp(56px,8vw,112px)) 0 clamp(64px,8vw,120px);border-top-left-radius:0;border-top-right-radius:0;overflow:hidden}.hero-head{text-align:center}.hero h1{margin-bottom:22px;font-size:clamp(46px,6.6vw,100px)}.hero-word{position:relative;display:inline-block}.hero-word:after{content:"";position:absolute;left:.02em;right:.1em;bottom:.04em;height:.045em;border-radius:1em;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .6s var(--ease)}.hero-word.is-on:after{transform:scaleX(1);transform-origin:left}.hero .lead{max-width:540px}.hero-ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:36px}.hero .hero-ctas{margin-top:30px}.hero-sub{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 12px;margin-top:20px;font-size:14.5px;color:var(--k-58)}.hero-sub i{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.7}@media (max-width: 560px){.hero-sub{flex-direction:column;gap:4px}.hero-sub i{display:none}}.stage{--s-pad: clamp(16px, 3vw, 40px);position:relative;margin-top:clamp(64px,8vw,104px);padding:var(--s-pad);display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(14px,2vw,26px);border-radius:var(--r-xl);background:var(--char);color:var(--w-92);box-shadow:inset 0 0 0 1px var(--w-10),0 30px 60px -24px #0a0a0a73;overflow:hidden;isolation:isolate}.win{display:flex;flex-direction:column;min-width:0;border-radius:18px;background:var(--char-2);box-shadow:inset 0 0 0 1px var(--w-10);overflow:hidden}.win-bar,.demo-bar{display:flex;align-items:center;gap:7px;height:40px;padding:0 14px;border-bottom:1px solid var(--w-06)}.win-bar i,.demo-bar i{width:10px;height:10px;border-radius:50%;background:var(--w-16)}.win-url{margin-left:10px;font-family:var(--font-mono);font-size:12px;color:var(--w-45);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.keycap{margin-left:auto;padding:2px 8px;border-radius:7px;background:#fff;color:var(--ink);font-family:var(--font-mono);font-size:11.5px;font-weight:500;opacity:0;transform:scale(.7);transition:opacity .3s var(--ease),transform .45s var(--spring)}.stage[data-step=paste] .keycap{opacity:1;transform:none}.win-body{flex:1;display:grid;gap:14px;padding:16px}.win-kodza .win-body,.win-project .win-body{grid-template-rows:auto 1fr}.kz-preview{display:grid;place-items:center;height:clamp(120px,13vw,160px);border-radius:12px;background:var(--mist)}.kz-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 24px;border:1.5px solid var(--ink);border-radius:var(--r-pill);color:var(--ink);font-size:15px;font-weight:600;overflow:hidden;isolation:isolate}.kz-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ink);transform:translate(-101%);transition:transform .5s var(--ease);z-index:-1}.kz-btn span{transition:color .3s ease}.kz-btn.is-hover:before{transform:none}.kz-btn.is-hover span{color:#fff}.kz-code{display:flex;flex-direction:column;min-width:0;border-radius:12px;background:#0c0c0c;box-shadow:inset 0 0 0 1px var(--w-06);overflow:hidden}.kz-code-head{display:flex;align-items:center;gap:4px;padding:7px 8px;border-bottom:1px solid var(--w-06)}.tab{padding:3px 8px;border-radius:6px;font-family:var(--font-mono);font-size:11.5px;color:var(--w-45)}.tab.is-on{background:var(--w-10);color:var(--w-92)}.kz-copy{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:4px 11px 4px 9px;border-radius:var(--r-pill);background:var(--w-06);color:var(--w-62);font-size:12px;font-weight:600;transition:background-color .25s ease,color .25s ease,transform .45s var(--spring)}.kz-copy svg{width:14px;height:14px}.ico-check,.lbl-copied{display:none}.stage[data-step=copy] .kz-copy{background:#fff;color:var(--ink);transform:scale(1.06)}.stage[data-step=copy] .kz-copy .ico-copy,.stage[data-step=copy] .kz-copy .lbl-copy{display:none}.stage[data-step=copy] .kz-copy .ico-check,.stage[data-step=copy] .kz-copy .lbl-copied{display:inline}.kz-code pre{margin:0;padding:12px 14px;font-family:var(--font-mono);font-size:12.5px;line-height:1.75;color:var(--w-45);white-space:pre;overflow:hidden}.c-tag{color:#fafafa}.c-attr{color:#8f8f8f}.c-str{color:#cfcfcf}.ed{font-family:var(--font-mono);font-size:12.5px;line-height:1.8;color:var(--w-62);white-space:nowrap;overflow:hidden}.ed-line{padding:0 6px;border-radius:6px}.ed-line b{display:inline-block;width:22px;margin-right:10px;font-weight:400;color:var(--w-22);text-align:right}.ed-paste{max-height:0;opacity:0;transform:translate(-8px);transition:max-height .5s var(--ease),opacity .4s ease,transform .5s var(--ease),background-color 1.2s ease;transition-delay:calc(var(--i) * 90ms)}.stage[data-step=paste] .ed-paste,.stage[data-step=move] .ed-paste{max-height:2em;opacity:1;transform:none}.stage[data-step=paste] .ed-paste{background:#ffffff12}.caret{display:inline-block;width:2px;height:1.05em;margin-left:2px;vertical-align:-2px;background:#fff;animation:blink 1s steps(1) infinite}@keyframes blink{50%{opacity:0}}.site{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;min-height:130px;padding:18px 20px;border-radius:12px;background:var(--mist);color:var(--ink)}.site-h{font-family:var(--font-display);font-size:21px;font-weight:700;letter-spacing:-.035em;line-height:1.1}.site-p{width:62%;height:7px;border-radius:4px;background:var(--k-12);box-shadow:0 13px 0 var(--k-06);margin-bottom:12px}.kz-btn-site{height:38px;padding:0 18px;font-size:13.5px;opacity:0;transform:translateY(8px) scale(.96);transition:opacity .45s var(--ease),transform .55s var(--spring);transition-delay:.25s}.stage[data-step=paste] .kz-btn-site,.stage[data-step=move] .kz-btn-site{opacity:1;transform:none}.cursor{position:absolute;top:0;left:0;width:24px;height:24px;margin:-3px 0 0 -4px;z-index:5;filter:drop-shadow(0 3px 6px rgba(0,0,0,.45));transform:translate(85%,90%);transition:transform .95s var(--ease);pointer-events:none}.stage[data-step=static] .cursor{display:none}.sec{position:relative;padding:var(--section-y) 0}.sec-flush{padding-top:0}.sec-head{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:end;gap:18px 56px;margin-bottom:clamp(48px,6vw,84px);text-align:left}.sec-head .eyebrow{grid-column:1 / -1;margin-bottom:0}.sec-head .lead{margin:0;max-width:470px;justify-self:end}.item-more-links{display:flex;flex-wrap:wrap;align-items:center;align-self:center;justify-content:flex-end;gap:12px 24px}.card{position:relative;padding:clamp(22px,2.4vw,32px);border-radius:var(--r-xl);background:var(--w-06);box-shadow:var(--glass-edge)}.on-light .card{background:#fff;box-shadow:var(--paper-edge)}.card p{color:var(--fg-dim);font-size:15px;line-height:1.55}.card .t-h3+p{margin-top:8px}.demo{margin:0}.demo-frame{position:relative;border-radius:var(--r-xl);background:var(--char);box-shadow:inset 0 0 0 1px var(--w-10);overflow:hidden}.demo-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--w-10);pointer-events:none}.demo-bar{height:46px;padding:0 12px 0 18px}.demo-title{margin-left:12px;font-size:var(--t-small);font-weight:500;color:var(--w-62);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-full{margin-left:auto;display:inline-flex;align-items:center;gap:6px;flex:none;padding:5px 12px;border-radius:var(--r-pill);background:var(--w-06);color:var(--w-62);font-size:12.5px;font-weight:500;text-decoration:none;transition:color var(--d-fast) ease,background-color var(--d-fast) ease}.demo-full svg{width:13px;height:13px}.demo-full:hover{color:var(--w-92);background:var(--w-10)}.demo-view{--demo-min: clamp(320px, 40vw, 440px);height:var(--demo-min);background:var(--mist)}.demo-view iframe{display:block;width:100%;height:100%;border:0;transition:opacity .3s ease}.demo-view iframe.is-loading{opacity:0}.demo-theme{position:relative;display:inline-flex;flex:none;margin-left:auto;padding:3px;border-radius:var(--r-pill);background:var(--w-06)}.demo-theme+.demo-full{margin-left:8px}.demo-theme button,.demo-theme-ink span{padding:4px 12px;border-radius:var(--r-pill);font-size:12.5px;font-weight:500;line-height:18px}.demo-theme button{border:0;background:transparent;color:var(--w-62);font-family:inherit;cursor:pointer;transition:color var(--d-fast) ease}.demo-theme button:hover{color:var(--w-92)}.demo-theme button:focus-visible{outline:2px solid var(--w-62);outline-offset:1px}.demo-theme-ink{position:absolute;top:3px;right:3px;bottom:3px;left:3px;display:flex;border-radius:var(--r-pill);background:#fff;color:var(--ink);pointer-events:none;transition:clip-path .45s cubic-bezier(.65,0,.35,1)}.demo-view.is-themed{position:relative;overflow:hidden}.demo-view.is-themed-fit{display:flex;flex-direction:column;justify-content:center;min-height:var(--demo-min);transition:height .6s cubic-bezier(.65,0,.35,1),background-color .6s cubic-bezier(.65,0,.35,1)}.demo-view.is-themed-fit iframe{flex:none;transition:opacity .3s ease,height .6s cubic-bezier(.65,0,.35,1)}.demo-view.is-themed-fit.is-still,.demo-view.is-themed-fit.is-still iframe{transition:none}.demo-curtain{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(100% 0 0 0);pointer-events:none}@media (prefers-reduced-motion: reduce){.demo-theme-ink{transition:none}}.full-page{background:var(--char)}.full-frame{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.full-bar{position:sticky;top:0;z-index:4;background:var(--char)}.full-home{display:inline-flex;flex:none;color:var(--w-92)}.full-home svg{width:17px;height:18px;fill:currentColor}.full-crumbs{flex:0 1 auto;min-width:0;margin-left:14px}.demo-view.full-view{--demo-min: calc(100vh - var(--full-bar-h, 46px));--demo-min: calc(100dvh - var(--full-bar-h, 46px));flex:none}@media (max-width: 640px){.full-bar{flex-wrap:wrap;height:auto;row-gap:10px;padding-block:8px 11px}.full-crumbs{order:1;flex:1 0 100%;margin-left:0}}.demo-code{background:#0c0c0c;border-top:1px solid var(--w-06)}.demo-hint{margin-top:18px;font-size:var(--t-small);color:var(--w-45)}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.step-n{font-family:var(--font-mono);font-size:12px;color:var(--k-50)}.step-vis{position:relative;display:grid;place-items:center;align-content:center;gap:12px;height:180px;margin:14px 0 24px;border-radius:20px;background:var(--mist);overflow:hidden}.search{display:flex;align-items:center;gap:8px;width:210px;padding:9px 14px;border-radius:var(--r-pill);background:#fff;box-shadow:inset 0 0 0 1px var(--k-06);font-size:14px;font-weight:500}.search svg{width:15px;height:15px;color:var(--k-50);flex:none}.search-typed{display:inline-block;width:9ch;overflow:hidden;white-space:nowrap;border-right:2px solid var(--ink);font-family:var(--font-mono);font-size:13px;clip-path:inset(0 100% 0 0)}.results{list-style:none;margin:0;padding:0;display:grid;gap:5px;width:210px}.results li{padding:5px 12px;border-radius:9px;background:#fff;font-size:12.5px;font-weight:500;color:var(--k-58);opacity:0;transform:translateY(6px)}.results li:first-child{background:var(--ink);color:#fff}.is-in .search-typed{animation:type 6s steps(9) infinite}.is-in .results li{animation:result 6s var(--ease) infinite}.is-in .results li:nth-child(2){animation-delay:.08s}.is-in .results li:nth-child(3){animation-delay:.16s}@keyframes type{0%,6%{clip-path:inset(0 100% 0 0)}30%,88%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 100% 0 0)}}@keyframes result{0%,30%{opacity:0;transform:translateY(6px)}38%,86%{opacity:1;transform:none}96%,to{opacity:0;transform:translateY(-4px)}}.mini-tabs{display:flex;gap:4px;padding:4px;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px var(--k-06)}.mini-tabs span{padding:5px 12px;border-radius:8px;font-family:var(--font-mono);font-size:12px;color:var(--k-50)}.mini-tabs .is-on{background:var(--k-06);color:var(--k-92)}.copy-pill{position:relative;display:inline-grid;padding:9px 20px;border-radius:var(--r-pill);background:#fff;font-size:14px;font-weight:600;box-shadow:inset 0 0 0 1px var(--k-06)}.copy-pill>span{grid-area:1 / 1;text-align:center}.copy-pill .lbl-copied{display:block;opacity:0}.is-in .copy-pill{animation:copybg 3.2s var(--ease) infinite}.is-in .copy-pill .lbl-copy{animation:copyA 3.2s var(--ease) infinite}.is-in .copy-pill .lbl-copied{animation:copyB 3.2s var(--ease) infinite}@keyframes copybg{0%,40%{background:#fff;color:var(--ink);transform:none}46%{transform:scale(.94)}52%,88%{background:var(--ink);color:#fff;transform:none}to{background:#fff;color:var(--ink)}}@keyframes copyA{0%,44%{opacity:1}50%,90%{opacity:0}to{opacity:1}}@keyframes copyB{0%,44%{opacity:0}50%,90%{opacity:1}to{opacity:0}}.ship-ring{width:64px;height:64px}.ship-ring circle{fill:none;stroke-width:4}.ring-bg{stroke:var(--k-06)}.ring-fg{stroke:var(--ink);stroke-linecap:round;stroke-dasharray:164;stroke-dashoffset:164;transform:rotate(-90deg);transform-origin:32px 32px}.ring-check{fill:none;stroke:var(--ink);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:32;stroke-dashoffset:32}.ship-label{font-size:13px;font-weight:500;color:var(--k-58)}.is-in .ring-fg{animation:ring 4.5s var(--ease) infinite}.is-in .ring-check{animation:tick 4.5s var(--ease) infinite}@keyframes ring{0%,5%{stroke-dashoffset:164}40%,90%{stroke-dashoffset:0}to{stroke-dashoffset:164}}@keyframes tick{0%,40%{stroke-dashoffset:32}55%,90%{stroke-dashoffset:0}to{stroke-dashoffset:32}}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tile{position:relative;display:flex;flex-direction:column;border-radius:var(--r-lg);background:var(--w-04);box-shadow:var(--glass-edge);color:inherit;text-decoration:none;overflow:hidden;transition:transform var(--d-mid) var(--spring),box-shadow var(--d-mid) ease,background-color var(--d-mid) ease}.tile:hover{transform:translateY(-3px);background:var(--w-06);box-shadow:inset 0 0 0 1px var(--w-16)}.tile-box{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;height:168px;overflow:hidden}.tile-box-col{flex-direction:column;align-items:stretch;padding:0 clamp(24px,3vw,40px);gap:10px}.tile-meta{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;padding:16px 20px 18px;border-top:1px solid var(--w-06)}.tile-n{grid-row:span 2;padding-top:3px;font-family:var(--font-mono);font-size:11.5px;color:var(--w-45)}.tile h3{margin:0;font-family:var(--font-display);font-size:16.5px;font-weight:650;letter-spacing:-.025em}.tile p{margin:0;font-size:14px;line-height:1.45;color:var(--w-62)}.tile-go{position:absolute;top:14px;right:16px;font-size:15px;color:var(--w-30);transition:transform var(--d-mid) var(--ease),color var(--d-fast) ease}.tile:hover .tile-go{transform:translate(2px,-2px);color:var(--w-92)}.d-underline{position:relative;font-family:var(--font-display);font-size:22px;font-weight:650;letter-spacing:-.03em}.d-underline:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:2px;border-radius:2px;background:#fff;transform:scaleX(0);transform-origin:left}.is-in .d-underline:after{animation:underline 3.2s var(--ease) infinite}@keyframes underline{0%,8%{transform:scaleX(0);transform-origin:left}40%{transform:scaleX(1);transform-origin:left}55%{transform:scaleX(1);transform-origin:right}88%,to{transform:scaleX(0);transform-origin:right}}.d-fill{position:relative;display:inline-flex;align-items:center;height:46px;padding:0 26px;border:1.5px solid #fff;border-radius:var(--r-pill);color:#fff;font-weight:600;overflow:hidden;isolation:isolate}.d-fill:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;transform:translate(-101%);z-index:-1}.is-in .d-fill:before{animation:fill 3s var(--ease) infinite}.is-in .d-fill span{animation:fillTxt 3s var(--ease) infinite}@keyframes fill{0%,10%{transform:translate(-101%)}40%,70%{transform:none}to{transform:translate(101%)}}@keyframes fillTxt{0%,18%{color:#fff}30%,78%{color:var(--ink)}90%,to{color:#fff}}.d-switch{position:relative;width:52px;height:30px;border-radius:var(--r-pill);background:var(--w-16)}.d-switch i{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d}.is-in .d-switch{animation:swTrack 3s var(--ease) infinite}.is-in .d-switch i{animation:swKnob 3s var(--spring) infinite}.d-switch-lbl{font-size:15px;font-weight:500;color:var(--w-62)}@keyframes swTrack{0%,30%{background:var(--w-16)}40%,80%{background:#fff}90%,to{background:var(--w-16)}}@keyframes swKnob{0%,30%{transform:none;background:#fff}42%,80%{transform:translate(22px);background:var(--ink)}92%,to{transform:none;background:#fff}}.d-skel{height:12px;border-radius:6px;background:linear-gradient(90deg,var(--w-06) 0%,var(--w-16) 50%,var(--w-06) 100%) 0 0 / 200% 100%}.d-skel-a{width:55%;height:16px}.d-skel-b{width:92%}.d-skel-c{width:74%}.is-in .d-skel{animation:shimmer 1.6s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}.d-type{font-family:var(--font-display);font-size:22px;font-weight:650;letter-spacing:-.03em;white-space:nowrap}.d-caret{width:2px;height:26px;margin-left:-10px;background:#fff;animation:blink 1s steps(1) infinite}.d-count{font-family:var(--font-display);font-size:42px;font-weight:700;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.d-count-unit{font-size:13px;color:var(--w-45);align-self:flex-end;margin-bottom:52px;margin-left:-4px}.d-shuffle{font-family:var(--font-mono);font-size:22px;font-weight:500;letter-spacing:.14em}.d-prog-lbl{display:flex;justify-content:space-between;font-size:13.5px;color:var(--w-62)}.d-prog-pc{font-variant-numeric:tabular-nums;color:var(--w-92);font-weight:600}.d-prog{height:8px;border-radius:var(--r-pill);background:var(--w-10);overflow:hidden}.d-prog i{display:block;width:0;height:100%;border-radius:inherit;background:#fff}.d-blur{width:150px;height:96px;border-radius:14px;overflow:hidden}.d-blur i{display:block;width:100%;height:100%;background:radial-gradient(circle at 74% 30%,#fafafa 0 11%,transparent 12%),linear-gradient(165deg,transparent 56%,#1c1c1c 57%),linear-gradient(200deg,transparent 48%,#4a4a4a 49%),linear-gradient(180deg,#d9d9d9,#9a9a9a);filter:blur(8px);transform:scale(1.15);transition:filter .6s var(--ease),transform .6s var(--ease)}.is-in .d-blur i{animation:unblur 3.4s var(--ease) infinite}.tile:hover .d-blur i{animation:none;filter:none;transform:none}@keyframes unblur{0%,15%{filter:blur(8px);transform:scale(1.15)}45%,75%{filter:blur(0);transform:none}to{filter:blur(8px);transform:scale(1.15)}}.index{margin-top:clamp(64px,8vw,110px);padding:clamp(24px,3.2vw,44px);border-radius:var(--r-xl);background:var(--w-04);box-shadow:var(--glass-edge)}.index-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px;margin-bottom:28px}.index-count{font-family:var(--font-mono);font-size:12.5px;color:var(--w-45)}.index-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 20px}.index-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:start;gap:40px 56px}.ix-list+.ix-list{margin-top:32px}.ix-label{display:flex;align-items:center;gap:.7em;margin:0 0 8px;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--w-45)}.ix-n{display:inline-flex;align-items:center;gap:.7em}.ix-n:before{content:"";width:3px;height:3px;border-radius:50%;background:currentColor}.ix-list ul{list-style:none;margin:0;padding:0}.ix-cat,.ix-new{display:flex;align-items:center;gap:12px;color:var(--w-62);text-decoration:none;transition:color var(--d-fast) ease}.ix-cat{height:44px}.ix-new{height:64px}.ix-cat:hover,.ix-new:hover{color:var(--w-92)}.ix-cat:focus-visible,.ix-new:focus-visible,.ix-more:focus-visible{outline:2px solid #fff;outline-offset:2px;border-radius:8px}.ix-name{flex:1 1 auto;min-width:0;overflow:hidden;font-size:15px;font-weight:500;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis}.ix-cat b{font-family:var(--font-mono);font-size:12.5px;font-weight:500;color:var(--w-45);transition:color var(--d-fast) ease}.ix-cat:hover b{color:var(--w-62)}.ix-cat svg,.ix-more svg{flex:none;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.ix-cat svg{opacity:0;transform:translate(-6px);transition:opacity .28s var(--ease),transform .28s var(--ease)}.ix-cat:hover svg{opacity:1;transform:none}.ix-thumb{flex:none;width:64px;height:48px;overflow:hidden;border-radius:8px;background:var(--mist);box-shadow:inset 0 0 0 1px var(--w-06)}.ix-thumb img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ix-text{display:flex;flex:1 1 auto;flex-direction:column;gap:3px;min-width:0}.ix-text .ix-name{flex:none}.ix-sub{font-family:var(--font-mono);font-size:12px;color:var(--w-45)}.ix-more{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-family:var(--font-mono);font-size:12.5px;color:var(--w-62);text-decoration:none;transition:color var(--d-fast) ease}.ix-more:hover{color:var(--w-92)}.bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.b-wide{grid-column:span 2}.term{margin-top:24px;padding:20px 22px;border-radius:20px;background:var(--char);color:var(--w-62);font-family:var(--font-mono);font-size:13px;line-height:2;overflow:hidden}.term-line{position:relative;width:-moz-fit-content;width:fit-content;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.term-p{color:var(--w-45);margin-right:8px}.term-strike{transition:color .4s ease .4s}.term-strike:after{content:"";position:absolute;left:0;right:0;top:50%;height:1.5px;background:var(--w-45);transform:scaleX(0);transform-origin:left;transition:transform .7s var(--ease)}.is-in .term-strike{color:var(--w-45)}.is-in .term-strike:after{transform:scaleX(1);transition-delay:.5s}.is-in .term-strike:nth-child(2):after{transition-delay:.75s}.term-ok{color:#fff}.term-res{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:12px;padding-top:14px;border-top:1px solid var(--w-10);font-family:var(--font);font-size:13.5px}.term-res b{margin-right:4px;font-family:var(--font-display);font-size:22px;font-weight:700;color:#fff}.checks{list-style:none;margin:22px 0 0;padding:0}.checks li{position:relative;padding:11px 0 11px 34px;border-top:1px solid var(--k-06);font-size:15px;font-weight:500}.checks li:before{content:"";position:absolute;left:0;top:50%;width:22px;height:22px;margin-top:-11px;border-radius:50%;background:var(--ink) var(--check) center / 13px no-repeat;transform:scale(0);transition:transform .5s var(--spring);transition-delay:calc(.3s + var(--i) * .11s)}.is-in .checks li:before{transform:none}.zip{margin-top:20px;padding:8px;border-radius:18px;background:var(--mist)}.zip-row{display:flex;align-items:center;gap:10px;padding:7px 10px;font-family:var(--font-mono);font-size:13px;opacity:0;transform:translate(-8px);transition:opacity .5s ease,transform .6s var(--ease);transition-delay:calc(.4s + var(--i) * .11s)}.zip-root{font-family:var(--font-display);font-size:15px;font-weight:650;opacity:1;transform:none}.zip-root svg{width:17px;height:17px;color:var(--ink)}.zip-row em{width:38px;padding:2px 0;border-radius:5px;background:#fff;color:var(--k-58);font-style:normal;font-family:var(--font);font-size:10px;font-weight:700;letter-spacing:.05em;text-align:center;text-transform:uppercase}.zip-row:not(.zip-root){margin-left:16px;border-left:1.5px solid var(--k-06);padding-left:14px}.is-in .zip-row{opacity:1;transform:none}.full-vis{display:grid;place-items:center;height:150px;margin-top:14px}.full-box{position:relative;width:104px;height:66px;border-radius:12px;background:var(--mist)}.full-corner{position:absolute;width:14px;height:14px;border:2px solid var(--ink)}.full-corner.tl{top:-10px;left:-10px;border-right:0;border-bottom:0;border-top-left-radius:5px}.full-corner.tr{top:-10px;right:-10px;border-left:0;border-bottom:0;border-top-right-radius:5px}.full-corner.bl{bottom:-10px;left:-10px;border-right:0;border-top:0;border-bottom-left-radius:5px}.full-corner.br{bottom:-10px;right:-10px;border-left:0;border-top:0;border-bottom-right-radius:5px}.is-in .full-box{animation:grow 3.6s var(--ease) infinite}@keyframes grow{0%,15%{transform:none}45%,75%{transform:scale(1.45,1.6)}to{transform:none}}.tweak{display:grid;gap:14px;margin-top:24px}.tweak-row{display:grid;grid-template-columns:64px 1fr 48px;align-items:center;gap:12px;font-size:13px;font-weight:500;color:var(--k-58)}.tweak-row code{font-size:12px;text-align:right;color:var(--k-92)}.tweak-track{position:relative;height:6px;border-radius:var(--r-pill);background:var(--k-06)}.tweak-track i{position:absolute;inset:0 auto 0 0;width:calc(var(--v) * 100%);border-radius:inherit;background:var(--ink)}.tweak-track i:after{content:"";position:absolute;right:-7px;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0a0a0a4d,0 0 0 1px var(--k-06)}.is-in .tweak-row:nth-child(1) i{animation:wiggle 4s var(--ease) infinite}.is-in .tweak-row:nth-child(2) i{animation:wiggle 4s var(--ease) -1.3s infinite reverse}@keyframes wiggle{0%,to{width:calc(var(--v) * 100%)}50%{width:calc(var(--v) * 60%)}}.pro-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-bottom:56px}.pro-card{display:flex;flex-direction:column;gap:18px;min-height:150px;padding:20px;border-radius:var(--r-lg);background:var(--w-06);box-shadow:var(--glass-edge);text-decoration:none;transition:transform var(--d-mid) var(--spring),background-color var(--d-mid) ease,box-shadow var(--d-mid) ease}.pro-card:hover{transform:translateY(-3px);background:#ffffff14;box-shadow:inset 0 0 0 1px var(--w-16)}.pro-top{display:flex;align-items:center;justify-content:space-between}.pro-n{font-family:var(--font-mono);font-size:12px;color:var(--w-30)}.pro-tag{padding:2px 8px;border-radius:var(--r-pill);box-shadow:inset 0 0 0 1px var(--w-22);font-size:10.5px;font-weight:600;letter-spacing:.05em;color:var(--w-62)}.pro-card h3{margin:0;font-family:var(--font-display);font-size:18px;font-weight:650;line-height:1.2;letter-spacing:-.03em}.pro-go{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:500;color:var(--w-62)}.pro-go svg{width:12px;height:12px;transition:transform var(--d-mid) var(--spring)}.pro-card:hover .pro-go{color:var(--w-92)}.pro-card:hover .pro-go svg{transform:translate(2px,-2px)}.faq-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.55fr);gap:40px clamp(40px,6vw,96px);align-items:start}.faq-side{position:sticky;top:calc(var(--hdr-space) + 40px);transition:top .5s var(--ease)}.faq-side .t-h2{margin-top:14px}.faq-intro{margin:16px 0 28px;max-width:340px;font-size:var(--t-lead);line-height:1.5;color:var(--k-58)}.faq-card{padding:6px clamp(18px,2.4vw,32px);border-radius:var(--r-xl);background:#fff;box-shadow:var(--paper-edge)}.closing .t-display{margin-bottom:20px}.closing-voice{font-family:var(--font-mono);font-size:14px;color:var(--w-45);min-height:1.6em}.ftr{padding:clamp(64px,7vw,84px) 0 36px;border-bottom-left-radius:0;border-bottom-right-radius:0}.ftr-grid{display:grid;grid-template-columns:2.6fr repeat(3,1fr);gap:32px}.ftr .brand{color:var(--k-92)}.ftr-brand p{margin-top:14px;font-size:14.5px;color:var(--k-58)}.ftr h4{margin:0 0 14px;font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--k-50)}.ftr ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.ftr ul a{font-size:14.5px;color:var(--k-58);text-decoration:none;transition:color var(--d-fast) ease}.ftr ul a:hover{color:var(--k-92)}.ftr-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-top:64px;padding-top:22px;border-top:1px solid var(--k-06);font-size:13px;color:var(--k-50)}.ftr-bottom a{margin-left:10px;color:var(--k-58);text-decoration:none}.ftr-bottom a:hover{color:var(--k-92);text-decoration:underline;text-underline-offset:3px}.ftr-news{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,540px);align-items:center;gap:28px 56px;margin-bottom:clamp(56px,7vw,88px);padding:clamp(24px,3.4vw,44px);border-radius:var(--r-xl);background:#fff;box-shadow:var(--paper-edge)}[data-look=folder] .has-tab .ftr-news .eyebrow{display:none}.ftr-news-t{margin:0 0 12px;font-family:var(--font-display);font-size:clamp(30px,3.4vw,46px);font-weight:700;line-height:1;letter-spacing:-.045em;color:var(--k-92)}.ftr-news-copy p:not(.eyebrow){max-width:420px;font-size:15.5px;line-height:1.55;color:var(--k-58)}.ftr-news-legal{display:inline-block;margin-top:14px;font-family:var(--font-mono);font-size:12.5px;color:var(--k-50);text-underline-offset:3px}.ftr-news-legal:hover{color:var(--k-92)}.ftr-news-form{display:flex;align-items:flex-start;gap:10px}.ftr-news-form .kodza-field{flex:1;max-width:none}.ftr-news-form .kodza-loading-button{--kz-loading-height: 56px;flex:none}.ftr-news-form .kodza-field__hint a{color:inherit;font-weight:600}@media (max-width: 860px){.ftr-news{grid-template-columns:minmax(0,1fr)}}@media (max-width: 560px){.ftr-news-form{flex-direction:column;align-items:stretch}.ftr-news-form .kodza-loading-button{align-self:flex-start}}.page-hero{padding:calc(var(--hdr-h) + var(--hdr-top) + clamp(40px,6vw,80px)) 0 clamp(40px,5vw,64px);border-radius:0}.page-hero .t-h1{margin-top:10px}.cat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}@media (scripting: enabled){.cc[data-static]{visibility:hidden}}.cc{position:relative;display:flex;flex-direction:column;min-width:0;border-radius:var(--r-lg);background:#fff;color:var(--ink);box-shadow:inset 0 0 0 1px var(--k-06),0 1px 2px #0a0a0a0a;overflow:hidden;transition:transform var(--d-mid) var(--spring),box-shadow var(--d-mid) ease}.cc:hover{transform:translateY(-3px);box-shadow:inset 0 0 0 1px var(--k-12),0 18px 40px -22px #0a0a0a47}.cc-view{position:relative;display:block;aspect-ratio:4 / 3;margin:6px 6px 0;border-radius:calc(var(--r-lg) - 6px);background:#e9e9e6;overflow:hidden}.cc-poster,.cc-video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.cc-video{opacity:0;transition:opacity .3s ease}.cc-video.is-playing{opacity:1}.cc-view iframe{display:block;width:100%;height:100%;border:0;transition:opacity .3s ease}.cc-view iframe.is-loading{opacity:0}.cc-full{position:absolute;top:16px;right:16px;z-index:2;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#0a0a0ac7;color:#fff;opacity:0;transform:scale(.86);transition:opacity var(--d-fast) ease,transform var(--d-mid) var(--spring),background-color var(--d-fast) ease}.cc-full svg{width:14px;height:14px}.cc:hover .cc-full,.cc-full:focus-visible{opacity:1;transform:none}.cc-full:hover{background:#0a0a0a}.cc-full:focus-visible{outline-color:#0a0a0a;outline-offset:2px;border-radius:50%}@media (hover: none),(prefers-reduced-motion: reduce){.cc-full{transform:none}}@media (hover: none){.cc-full{opacity:1}}.cc-meta{display:block;flex:1;padding:16px 18px 18px;color:inherit;text-decoration:none}.cc-top{display:flex;align-items:center;gap:8px;margin-bottom:8px}.cc-cat{font-family:var(--font-mono);font-size:11.5px;color:var(--k-50)}.cc-spec{margin-left:auto;font-family:var(--font-mono);font-size:11.5px;color:var(--k-50);white-space:nowrap}.cc-dep{padding:2px 7px;border-radius:var(--r-pill);box-shadow:inset 0 0 0 1px var(--k-12);font-size:10px;font-weight:600;letter-spacing:.05em;color:var(--k-58)}.cc h3{margin:0;font-family:var(--font-display);font-size:17px;font-weight:650;letter-spacing:-.025em}.cc p{display:-webkit-box;margin-top:6px;overflow:hidden;font-size:14px;line-height:1.5;color:var(--k-58);-webkit-line-clamp:2;-webkit-box-orient:vertical}.cc-go{display:inline-flex;gap:6px;margin-top:12px;font-size:13px;font-weight:600;color:var(--k-92)}.cc-go span{transition:transform var(--d-mid) var(--ease)}.cc-meta:hover .cc-go span{transform:translate(3px)}.promo{--solid: #fff;--on-solid: var(--ink);display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:clamp(22px,2.6vw,32px);border-radius:var(--r-lg);background:var(--ink);color:#fff}.promo-eyebrow{font-family:var(--font-mono);font-size:11.5px;color:var(--w-45)}.promo-brand{font-family:var(--font-display);font-size:clamp(30px,3vw,40px);font-weight:700;line-height:1;letter-spacing:-.05em}.promo h3{margin:8px 0 0;font-family:var(--font-display);font-size:19px;font-weight:650;letter-spacing:-.025em}.promo p{margin-bottom:8px;font-size:14.5px;line-height:1.55;color:var(--w-62)}.promo .kodza-fill-button{margin-top:auto}@media (max-width: 920px){.cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.cat-grid{grid-template-columns:minmax(0,1fr)}}.js [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity var(--d-slow) var(--ease),transform var(--d-slow) var(--ease);transition-delay:calc(var(--i, 0) * 70ms)}.js [data-reveal].is-in{opacity:1;transform:none}@media (max-width: 1080px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 920px){.steps{grid-template-columns:minmax(0,1fr);max-width:520px;margin-inline:auto}.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.stage{grid-template-columns:minmax(0,1fr)}.win-kodza .win-body{grid-template-columns:1fr 1.3fr;grid-template-rows:none}.kz-preview{height:auto;min-height:120px}.ftr-grid{grid-template-columns:repeat(2,1fr)}.ftr-brand{grid-column:1 / -1}.sec-head{grid-template-columns:minmax(0,1fr)}.sec-head .lead{justify-self:start}.item-more-links{justify-content:flex-start}.faq-wrap{grid-template-columns:minmax(0,1fr)}.faq-side{position:static}}@media (max-width: 640px){:root{--hdr-h: 56px;--hdr-top: 8px}.hero-ctas{flex-direction:column;align-items:stretch;max-width:360px;margin-inline:auto}.win-kodza .win-body{grid-template-columns:1fr}.kz-preview{min-height:104px}.kz-code pre,.ed{font-size:11.5px}.site{min-height:120px}.tiles,.bento{grid-template-columns:minmax(0,1fr)}.b-wide{grid-column:auto}.demo-view{--demo-min: 360px}.demo-full span{display:none}.term{font-size:11.5px;padding:16px}.ftr-grid{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0s!important}.js [data-reveal]{transform:none}.search-typed{clip-path:none}.results li{opacity:1;transform:none}.ring-fg,.ring-check{stroke-dashoffset:0}.d-underline:after{transform:scaleX(1)}.d-blur i{filter:none;transform:none}.d-caret,.caret{animation:none}}[data-look=folder] main>section:is(.sec,.hero),[data-look=folder] .ftr.on-light{--edge: rgba(255, 255, 255, .1);position:relative;z-index:1;border-radius:0}[data-look=folder] .on-light{--edge: rgba(10, 10, 10, .09)}[data-look=folder] .has-tab{box-shadow:inset 0 1px 0 var(--edge)}[data-look=folder] .has-tab .sec-head .eyebrow,[data-look=folder] .has-tab .faq-side .eyebrow{display:none}[data-look=folder] .on-light+.on-light:before{display:none}[data-look=folder] .tone-join{position:relative}[data-look=folder] .tone-join:before{content:"";display:block;position:absolute;left:0;right:0;top:-3px;height:6px;background:inherit;pointer-events:none}[data-look=folder] [data-tone=alt]{--mist: #e7e7e3;background:var(--mist)}[data-look=folder] .has-tab.sec-flush{padding-top:clamp(80px,9vw,128px)}.folder-tab{--tab-bg: var(--ink);--tab-w: 300px;--tab-h: 61px;position:absolute;bottom:calc(100% - 1px);left:calc(max(var(--gut),(100% - var(--wrap)) / 2) + min(var(--wrap),100% - 2 * var(--gut)) * var(--pos) / 2);display:none;align-items:center;justify-content:center;gap:12px;width:var(--tab-w);height:var(--tab-h);padding:4px 44px 0;transform:translate(calc(var(--pos) * -50%));color:var(--fg);pointer-events:none}.on-light>.folder-tab{--tab-bg: var(--mist)}.folder-tab svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.folder-tab .tab-fill{fill:var(--tab-bg)}.folder-tab .tab-edge{fill:none;stroke:var(--edge);stroke-width:1;vector-effect:non-scaling-stroke}.folder-tab b{position:relative;padding:2px 7px;border-radius:6px;box-shadow:inset 0 0 0 1px var(--line);font-family:var(--font-mono);font-size:12px;font-weight:500;color:var(--fg-dim)}.folder-tab span{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-display);font-size:17px;font-weight:650;letter-spacing:-.025em}[data-look=folder] .folder-tab{display:flex}@media (max-width: 640px){.folder-tab{--tab-w: 240px;--tab-h: 49px;padding:3px 34px 0;gap:10px}.folder-tab span{font-size:15px}.folder-tab b{font-size:11px}}