:root{--brand-50:#eef2ff;--brand-100:#e0e7ff;--brand-200:#c7d2fe;--brand-300:#a5b4fc;--brand-400:#818cf8;--brand-500:#6366f1;--brand-600:#4f46e5;--brand-700:#4338ca;--brand-800:#3730a3;--brand-900:#312e81;--brand-950:#1e1b4b;--accent-50:#f5f3ff;--accent-100:#ede9fe;--accent-200:#ddd6fe;--accent-300:#c4b5fd;--accent-400:#a78bfa;--accent-500:#8b5cf6;--accent-600:#7c3aed;--accent-700:#6d28d9;--accent-800:#5b21b6;--accent-900:#4c1d95;--accent-950:#2e1065;--gradient-from:var(--brand-600);--gradient-to:var(--accent-600);--brand-mark-from:var(--brand-500);--brand-mark-to:var(--accent-600);--aurora-base:var(--brand-950);--aurora-1:var(--brand-500);--aurora-2:var(--accent-500);--aurora-3:var(--brand-300);--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif;--font-mono:ui-monospace, "Cascadia Code", Menlo, Consolas, monospace;--ease-out:cubic-bezier(.22, 1, .36, 1);--gutter:clamp(16px, 4vw, 48px);--maxw:1240px;--header-h:64px}:root,:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#050608;--bg-2:#090a0f;--surface:#0e1017;--surface-2:#131621;--line:#ffffff14;--line-strong:#ffffff26;--text:#eceef6;--muted:#9ba3b7;--subtle:#8a93a8;--accent:var(--accent-400);--glow:#7c3aed42;--glow-2:#4f46e533;--head-grad:linear-gradient(180deg, #fff 0%, #d5d8e2 55%, #9aa1b2 100%);--accent-grad:linear-gradient(100deg, #c7d2fe 0%, #a78bfa 48%, #818cf8 100%);--header-bg:#050608b8;--tile-bg:linear-gradient(180deg, #0f1118 0%, #08090d 100%);--tile-hi:#ffffff24;--chip-dyn:color-mix(in oklab, var(--accent-500) 18%, transparent);--bar-from:var(--brand-400);--bar-to:var(--accent-600);--ok:#34d399;--ok-soft:#10b98124;--shadow-deep:#000000b3;--plate-1:#2d3039;--plate-2:#121319;--plate-3:#42464f;--plate-edge:#07080b;--mod-hi:#fff;--mod-mid:#b7bbc6;--mod-lo:#5f6473;--mod-shadow:#000000b3;--sheen:#fff3;--engrave:#ffffff61;--card-shadow:#000000d9;--field-bg:#07080c;--field-line:#5d6577;--warn:#fbbf24;--warn-soft:#fbbf241a}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#e7e9ee;--bg-2:#dfe2e8;--surface:#f4f5f8;--surface-2:#eceef3;--line:#0e11211a;--line-strong:#0e112133;--text:#0e1121;--muted:#464d5e;--subtle:#555c6d;--accent:var(--accent-700);--glow:#7c3aed21;--glow-2:#4f46e51c;--head-grad:linear-gradient(180deg, #0e1121 0%, #262b3b 60%, #464c5f 100%);--accent-grad:linear-gradient(100deg, #4338ca 0%, #6d28d9 50%, #4f46e5 100%);--header-bg:#e7e9eec7;--tile-bg:linear-gradient(180deg, #f6f7f9 0%, #e9ebf0 100%);--tile-hi:#ffffffe6;--chip-dyn:color-mix(in oklab, var(--accent-500) 13%, transparent);--bar-from:var(--brand-500);--bar-to:var(--accent-600);--ok:#047857;--ok-soft:#e3f6ee;--shadow-deep:#1e1b4b38;--plate-1:#f3f4f7;--plate-2:#c5c9d2;--plate-3:#e6e8ed;--plate-edge:#9ea3ae;--mod-hi:#555a70;--mod-mid:#262a3d;--mod-lo:#0b0d18;--mod-shadow:#14162873;--sheen:#ffffffbf;--engrave:#0e11217a;--card-shadow:#1e1b4b61;--field-bg:#fff;--field-line:#7d8599;--warn:#92400e;--warn-soft:#fdf3dc}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 16px)}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--bg);color:var(--text);font:400 1.0625rem/1.6 var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;overflow-x:clip}h1,h2,h3,p{margin:0}a{color:inherit}img,svg{display:block}::selection{background:color-mix(in oklab, var(--brand-500) 32%, transparent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sprite{position:absolute}.mt{margin-top:14px}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.wrap{max-width:var(--maxw);padding-inline:var(--gutter);margin-inline:auto}.skip{z-index:100;background:var(--text);color:var(--bg);border-radius:999px;padding:10px 16px;font-weight:600;text-decoration:none;position:fixed;top:12px;left:16px;transform:translateY(-160%)}.skip:focus{transform:none}.ic{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-size:.8125rem;font-weight:650}.metal{background:var(--head-grad);color:#0000;-webkit-background-clip:text;background-clip:text}.accent-text{background:var(--accent-grad);color:#0000;-webkit-background-clip:text;background-clip:text}@media (forced-colors:active){.metal,.accent-text{color:canvastext;background:0 0}}.title{letter-spacing:-.038em;text-wrap:balance;margin-top:14px;font-size:clamp(2.1rem,5.2vw,4.4rem);font-weight:720;line-height:1.03}.lead{max-width:44ch;color:var(--muted);text-wrap:pretty;margin-top:22px;font-size:clamp(1.05rem,1.35vw,1.25rem)}.btn{min-height:50px;font:600 1rem/1 var(--font-sans);white-space:nowrap;cursor:pointer;transition:transform .25s var(--ease-out), background-color .25s, border-color .25s;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 26px;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:linear-gradient(135deg, var(--brand-600), var(--accent-600));box-shadow:0 14px 34px -14px #7c3aedb3,inset 0 1px #ffffff38}.btn-ghost{color:var(--text);border-color:var(--line-strong);background:0 0}.btn-ghost:hover{border-color:var(--text)}.btn-sm{min-height:36px;padding:0 14px;font-size:.875rem}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn .ic{width:18px;height:18px}.site-header{z-index:50;background:var(--header-bg);border-bottom:1px solid var(--line);-webkit-backdrop-filter:saturate(1.4)blur(16px);backdrop-filter:saturate(1.4)blur(16px);position:fixed;inset:0 0 auto}.hdr{height:var(--header-h);align-items:center;gap:8px;display:flex}.brand{letter-spacing:-.015em;border-radius:8px;align-items:center;gap:9px;margin-right:auto;font-size:1.0625rem;font-weight:700;text-decoration:none;display:inline-flex}.brand .mark{width:28px;height:28px}.hdr-nav{display:none}.hdr-nav a{white-space:nowrap;color:var(--muted);border-radius:999px;padding:8px 12px;font-size:.875rem;text-decoration:none;transition:color .2s}.hdr-nav a:hover{color:var(--text)}.hdr-tools{align-items:center;gap:6px;display:flex}.langs{position:relative}.langs__trigger{border:1px solid var(--line-strong);height:34px;color:var(--text);font:650 .8125rem/1 var(--font-sans);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 10px;list-style:none;transition:background-color .2s;display:inline-flex}.langs__trigger::-webkit-details-marker{display:none}.langs__trigger:hover,.langs[open]>.langs__trigger{background:var(--surface-2)}.langs__trigger .ic{width:16px;height:16px;color:var(--muted)}.langs__code{letter-spacing:.06em;width:2.6ch}.langs__pop{z-index:60;border:1px solid var(--line-strong);background:var(--surface);width:max-content;min-width:240px;max-width:min(320px,100vw - 32px);box-shadow:0 18px 40px -18px var(--shadow-deep);transform-origin:100% 0;border-radius:12px;padding:4px;display:grid;position:absolute;top:calc(100% + 6px);right:0}@media (max-width:639.98px){.langs{position:static}.langs__pop{top:calc(100% + 6px);right:16px}}@media (prefers-reduced-motion:no-preference){.langs[open] .langs__pop{animation:.18s cubic-bezier(.2,.8,.2,1) langs-in}}@keyframes langs-in{0%{opacity:0;transform:translateY(-4px)scale(.97)}}.langs__title{color:var(--subtle);letter-spacing:.06em;text-transform:uppercase;padding:8px 12px 4px;font-size:.6875rem;font-weight:700}.langs__search{align-items:center;margin-bottom:4px;display:flex;position:relative}.langs__search[hidden]{display:none}.langs__search .ic{width:15px;height:15px;color:var(--muted);pointer-events:none;position:absolute;left:12px}.langs__search input{border:1px solid var(--line-strong);background:var(--bg-2);width:100%;height:36px;color:var(--text);font:inherit;border-radius:8px;padding:0 12px 0 34px;font-size:.875rem}.langs__list{overscroll-behavior:contain;max-height:min(360px,55vh);margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.langs__item{min-height:44px;color:var(--text);border-radius:8px;align-items:center;gap:12px;padding:0 12px;font-size:.9375rem;text-decoration:none;display:flex}.langs__item:hover,.langs__item:focus-visible{background:var(--surface-2);outline:none}.langs__badge{border:1px solid var(--line-strong);background:var(--surface-2);min-width:2.25rem;height:1.375rem;color:var(--muted);letter-spacing:.06em;border-radius:6px;flex:none;place-items:center;padding:0 4px;font-size:.6875rem;font-weight:700;display:inline-grid}.langs__item[aria-current=true] .langs__badge{background:var(--chip-dyn);color:var(--accent);border-color:#0000}.langs__text{flex:1;min-width:0;padding:5px 0;line-height:1.25;display:grid}.langs__desc{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.langs__check{width:18px;height:18px;color:var(--accent)}.langs__empty{color:var(--muted);text-align:center;padding:12px;font-size:.875rem}.theme-switch{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0;display:inline-flex}.theme-switch__track{border:1px solid var(--line-strong);background:var(--surface-2);border-radius:999px;justify-content:space-between;align-items:center;width:60px;height:32px;padding:0 8px;transition:background .2s,border-color .2s;display:flex;position:relative}.theme-switch:hover .theme-switch__track{border-color:var(--accent)}.theme-switch__icon{z-index:1;transition:color .2s,transform .35s cubic-bezier(.2,.8,.2,1);display:flex;position:relative}.theme-switch__icon .ic{width:15px;height:15px}.theme-switch__knob{background:var(--surface);width:24px;height:24px;box-shadow:0 1px 3px var(--shadow-deep);border-radius:50%;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .2s;position:absolute;top:3px;left:3px}.theme-switch[aria-checked=false] .theme-switch__icon--sun,.theme-switch[aria-checked=true] .theme-switch__icon--moon{color:var(--accent);transform:rotate(0)scale(1.05)}.theme-switch[aria-checked=false] .theme-switch__icon--moon{transform:rotate(-30deg)}.theme-switch[aria-checked=true] .theme-switch__icon--sun{transform:rotate(90deg)}.theme-switch[aria-checked=true] .theme-switch__track{background:var(--chip-dyn)}.theme-switch[aria-checked=true] .theme-switch__knob{transform:translate(28px)}@media (prefers-reduced-motion:reduce){.theme-switch__icon,.theme-switch__knob{transition:none}}.hdr-access{display:none!important}@media (min-width:640px){.hdr-access{display:inline-flex!important}}.hdr-try{display:none!important}@media (min-width:860px) and (max-width:1279.98px){.hdr-try{display:inline-flex!important}}@media (min-width:1280px){.brand{margin-right:20px}.hdr-nav{gap:2px;margin-right:auto;display:flex}.hdr-tools{gap:10px}.hdr--compact .brand{margin-right:auto}.hdr--compact .hdr-nav{display:none}.hdr--compact .hdr-try{display:inline-flex!important}}@media (max-width:359.98px){.brand-name{display:none}}.hero{isolation:isolate;position:relative;overflow:clip}.hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(52% 46% at 72% 34%, var(--glow), transparent 72%), radial-gradient(36% 34% at 14% 8%, var(--glow-2), transparent 72%);height:min(1400px,160vh);position:absolute;inset:0 0 auto}.hero-track{position:relative}.hero-stage{max-width:var(--maxw);padding:64px var(--gutter) 96px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(24px,5vw,72px);margin-inline:auto;display:grid}.hero-copy{z-index:2;gap:64px;display:grid;position:relative}.display{letter-spacing:-.048em;margin-top:18px;font-size:clamp(2.35rem,6vw,5.6rem);font-weight:740;line-height:.98}.display span{padding-bottom:.06em;display:block}.intro .lead{max-width:36ch}.actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.scroll-hint{display:none}.beats{gap:36px;margin:0;padding:0;list-style:none;display:grid}.beat-n{font:600 .8125rem/1 var(--font-mono);letter-spacing:.12em;color:var(--accent)}.beat-t{letter-spacing:-.038em;text-wrap:balance;margin-top:12px;font-size:clamp(1.7rem,3.3vw,2.7rem);font-weight:720;line-height:1.04}.beat-s{max-width:38ch;color:var(--muted);text-wrap:pretty;margin-top:12px}.fx .hero-track{height:240vh;overflow:clip}.fx .hero-stage{height:100vh;height:100svh;padding-top:calc(var(--header-h) + 24px);padding-bottom:32px;position:sticky;top:0}.fx .hero-copy,.fx .beats{grid-template-areas:"s";align-items:center}.fx .intro,.fx .beats,.fx .beat{grid-area:s}.fx .intro,.fx .beat{will-change:opacity, transform}.fx .beat{opacity:0}.fx .beat-t{letter-spacing:-.045em;font-size:clamp(2.2rem,5.3vw,4.9rem);line-height:1}.fx .beat-s{font-size:clamp(1rem,1.3vw,1.2rem)}.fx .scroll-hint{letter-spacing:.2em;text-transform:uppercase;color:var(--subtle);align-items:center;gap:12px;margin-top:48px;font-size:.75rem;display:inline-flex}.fx .scroll-hint:before{content:"";background:linear-gradient(var(--subtle), transparent);width:1px;height:36px}.intro.gone{pointer-events:none}.intro.gone .actions{visibility:hidden}.scene{--card:min(31vw, 400px);perspective:1300px;perspective-origin:50% 42%;place-items:center;display:grid;position:relative}.halo{width:calc(var(--card) * 2.1);aspect-ratio:1;background:radial-gradient(closest-side, var(--glow), transparent);opacity:.6;pointer-events:none;border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.floor{left:50%;top:calc(50% + var(--card) * .7);width:calc(var(--card) * 1.15);height:calc(var(--card) * .18);background:radial-gradient(closest-side, var(--card-shadow), transparent);pointer-events:none;border-radius:50%;position:absolute;translate:-50%}.card{--u:calc(var(--card) / 400);--r:calc(var(--card) * .075);--e:0;--sx:-110%;width:var(--card);aspect-ratio:4/5;transform-style:preserve-3d;will-change:transform;position:relative;transform:rotateX(12deg)rotateY(-20deg)rotate(-2deg)}.card>*{border-radius:var(--r);position:absolute;inset:0}.edge{background:var(--plate-edge);opacity:calc(1 - var(--e) * .92)}.e1{transform:translateZ(-1.5px)}.e2{transform:translateZ(-3px)}.e3{transform:translateZ(-4.5px)}.e4{transform:translateZ(-6px)}.e5{transform:translateZ(-7.5px)}.e6{box-shadow:0 30px 60px -20px var(--card-shadow);transform:translateZ(-9px)}.plate{opacity:calc(1 - var(--e) * .86);background:repeating-linear-gradient(90deg, #ffffff06 0 1px, transparent 1px 3px), linear-gradient(140deg, var(--plate-3) 0%, var(--plate-2) 36%, var(--plate-1) 60%, var(--plate-2) 100%);box-shadow:inset 0 1px #ffffff38,inset 0 0 0 1px #ffffff12,inset 0 -1px #0000004d}.qr{--n:21;--w:1;--mod:calc(var(--card) * .76 / var(--n));aspect-ratio:1;width:76%;transform-style:preserve-3d;border-radius:0!important;inset:9.5% auto auto 12%!important}.card-foot{opacity:calc(1 - var(--e) * 1.5);font:700 calc(var(--card) * .036)/1 var(--font-sans);letter-spacing:.34em;color:var(--engrave);text-shadow:0 1px #ffffff14;justify-content:space-between;align-items:center;display:flex;transform:translateZ(.6px);border-radius:0!important;inset:auto 12% 7%!important}.led{width:calc(var(--card) * .032);aspect-ratio:1;background:var(--accent-500);box-shadow:0 0 calc(var(--card) * .045) var(--accent-500);border-radius:50%}.sheen{opacity:calc(1 - var(--e) * 1.8);pointer-events:none;overflow:hidden;transform:translateZ(3px)}.sheen:before{content:"";background:linear-gradient(100deg, transparent 0%, var(--sheen) 50%, transparent 100%);width:55%;transform:translateX(var(--sx)) skewX(-14deg);position:absolute;top:-25%;bottom:-25%;left:0}.m{left:calc(var(--x) * 100% / var(--n));top:calc(var(--y) * 100% / var(--n));width:calc(var(--mod) * (var(--w) - .14));height:calc(var(--mod) * .86);border-radius:calc(var(--mod) * .22);background:linear-gradient(145deg, var(--mod-hi), var(--mod-mid) 48%, var(--mod-lo));box-shadow:0 calc(var(--card) * .004) calc(var(--card) * .006) var(--mod-shadow), inset 0 1px 0 #ffffff59;--t:clamp(0, (var(--e) - var(--d)) * 1.5, 1);--k:calc(var(--t) * var(--t) * (3 - 2 * var(--t)));transform:translate3d(calc(var(--dx) * var(--k) * var(--u)), calc(var(--dy) * var(--k) * var(--u)), calc(1.5px + var(--dz) * var(--k) * var(--u))) rotateX(calc(var(--rx) * var(--k) * 1deg)) rotateY(calc(var(--ry) * var(--k) * 1deg));position:absolute}.m.f{width:calc(var(--mod) * 6.86);height:calc(var(--mod) * 6.86);border-radius:calc(var(--mod) * 1.5);border:calc(var(--mod) * .93) solid var(--mod-mid);border-top-color:var(--mod-hi);border-bottom-color:var(--mod-lo);box-shadow:0 calc(var(--card) * .004) calc(var(--card) * .008) var(--mod-shadow), inset 0 calc(var(--card) * .003) calc(var(--card) * .006) var(--mod-shadow);background:0 0}.m.c{width:calc(var(--mod) * 2.86);height:calc(var(--mod) * 2.86);border-radius:calc(var(--mod) * .69)}.qr[data-dots=dots] .m:not(.f):not(.c){border-radius:calc(var(--mod) * .43)}.qr[data-dots=square] .m:not(.f):not(.c){border-radius:calc(var(--mod) * .08)}.qr[data-corners=circle] .m.f,.qr[data-corners=circle] .m.c{border-radius:50%}.qr[data-corners=square] .m.f{border-radius:calc(var(--mod) * .3)}.qr[data-corners=square] .m.c{border-radius:calc(var(--mod) * .15)}@media (max-width:899.98px){.hero-stage{text-align:center;padding-top:calc(var(--header-h) + 40px);grid-template-columns:minmax(0,1fr);justify-items:center;gap:40px}.scene{--card:min(58vw, 30svh, 260px);order:-1}.intro .lead,.beat-s{margin-inline:auto}.actions{justify-content:center}.fx .hero-stage{padding-top:calc(var(--header-h) + 20px);grid-template-rows:auto minmax(0,1fr);align-content:start;gap:28px}.fx .hero-copy,.fx .beats{align-items:start;width:100%}.fx .scroll-hint{display:none}.fx .hero-track{height:220vh}}.section{padding-block:clamp(104px,14vw,184px);position:relative}.sec-head{max-width:54rem;margin-bottom:clamp(48px,7vw,88px)}.sec-head.center{text-align:center;margin-inline:auto}.sec-head.center .lead{margin-inline:auto}.fx .rv{opacity:0;transition:opacity 1s var(--ease-out), transform 1s var(--ease-out);transform:translateY(28px)}.fx .rv.in{opacity:1;transform:none}.sample{border:1px dashed var(--line-strong);letter-spacing:.06em;text-transform:uppercase;color:var(--subtle);white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:.6875rem;font-weight:600;display:inline-block}.top{isolation:isolate;position:relative;overflow:clip}.top:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(46% 54% at 78% 46%, var(--glow), transparent 72%), radial-gradient(36% 34% at 10% 4%, var(--glow-2), transparent 72%);position:absolute;inset:0}.top-grid{max-width:var(--maxw);padding:calc(var(--header-h) + 20px) var(--gutter) 48px;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:clamp(24px,4vw,64px);margin-inline:auto;display:grid}.top-copy{min-width:0}.top .display{letter-spacing:-.042em;margin-top:10px;font-size:clamp(2.2rem,3.4vw,3rem);line-height:1.02}.top .lead{max-width:60ch;margin-top:12px;font-size:clamp(1rem,1.2vw,1.125rem)}.top-scene{--card:min(28vw, 370px, 50svh)}.panel{border:1px solid var(--line);background:var(--tile-bg);box-shadow:0 50px 90px -50px var(--shadow-deep), inset 0 1px 0 var(--tile-hi);border-radius:26px}.tool{gap:14px;margin-top:18px;padding:clamp(18px,2vw,24px);display:grid}.fld-label,.tool legend{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;padding:0;font-size:.75rem;font-weight:650;display:block}.url-field{position:relative}.url-field .ic{width:18px;height:18px;color:var(--muted);pointer-events:none;position:absolute;top:50%;left:16px;translate:0 -50%}.url-field input{border:1px solid var(--field-line);background:var(--field-bg);width:100%;height:52px;color:var(--text);font:500 16px/1 var(--font-mono);border-radius:16px;padding:0 16px 0 46px;transition:border-color .2s;box-shadow:inset 0 2px 8px #00000038}.url-field input:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent)}.controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 24px;display:grid}fieldset{border:0;min-width:0;margin:0;padding:0}.swatches{flex-wrap:wrap;gap:8px;display:flex}.swatch{border:1px solid var(--line-strong);background:var(--c);cursor:pointer;width:34px;height:34px;transition:transform .2s var(--ease-out);border-radius:50%;padding:0;display:block;position:relative;box-shadow:inset 0 1px #ffffff4d,inset 0 -3px 6px #00000038}.swatch:hover{transform:translateY(-1px)}.swatch[aria-pressed=true],.swatch.on{box-shadow:0 0 0 3px var(--bg-2), 0 0 0 5px var(--accent)}.c-brand{--c:linear-gradient(135deg, #4f46e5, #7c3aed)}.c-ink{--c:#0e1121}.c-indigo{--c:#3730a3}.c-green{--c:#047857}.c-red{--c:#b91c1c}.c-white{--c:#fff}.c-lavender{--c:#eef2ff}.c-cream{--c:#fef3c7}.c-mint{--c:#ecfdf5}.c-custom{--c:conic-gradient(#ef4444, #f59e0b, #84cc16, #06b6d4, #6366f1, #d946ef, #ef4444);overflow:hidden}.c-custom input{opacity:0;cursor:pointer;border:0;width:52px;height:52px;padding:0;position:absolute;inset:-8px}.c-custom:focus-within{outline:2px solid var(--accent);outline-offset:3px}.opts{flex-wrap:wrap;gap:8px;display:flex}.opt{border:1px solid var(--line-strong);min-height:40px;color:var(--muted);font:600 .875rem/1 var(--font-sans);cursor:pointer;background:0 0;border-radius:12px;align-items:center;gap:8px;padding:0 14px 0 10px;transition:border-color .2s,color .2s,background-color .2s;display:inline-flex}.opt svg{flex:none;width:16px;height:16px}.opt:hover{color:var(--text);border-color:var(--text)}.opt[aria-pressed=true]{color:var(--text);border-color:var(--accent);background:var(--chip-dyn)}.out{border-top:1px solid var(--line);grid-template-columns:132px minmax(0,1fr);grid-template-areas:"th act""th nt";align-items:start;gap:10px 18px;padding-top:16px;display:grid}.thumb{background:repeating-linear-gradient(90deg, #ffffff06 0 1px, transparent 1px 3px), linear-gradient(140deg, var(--plate-3) 0%, var(--plate-2) 36%, var(--plate-1) 60%, var(--plate-2) 100%);box-shadow:0 18px 30px -18px var(--card-shadow), inset 0 1px 0 #ffffff38, inset 0 0 0 1px #ffffff12;border-radius:16px;grid-area:th;padding:7px}.act{flex-wrap:wrap;grid-area:act;align-items:center;gap:8px 10px;display:flex}.act .btn{min-height:44px;padding:0 18px;font-size:.9375rem}.act .meta{font:600 .75rem/1.3 var(--font-mono);color:var(--muted);flex-basis:100%}.out-note{color:var(--muted);grid-area:nt;gap:4px;font-size:.8125rem;line-height:1.5;display:grid}.out-note a{color:var(--text);text-underline-offset:3px;border-radius:4px;font-weight:650}.qr-out{aspect-ratio:1;background:#fff;border-radius:10px;position:relative;overflow:hidden;box-shadow:0 1px #ffffff40,0 10px 24px -14px #0009}.qr-out canvas{width:100%;height:100%;display:block}.qr-empty{color:#464d5e;text-align:center;background:#fff;place-items:center;padding:8px;font-size:.75rem;line-height:1.35;display:none;position:absolute;inset:0}.qr-out.is-empty canvas{visibility:hidden}.qr-out.is-empty .qr-empty{display:grid}.warn:empty{display:none}.warn{background:var(--warn-soft);color:var(--warn);border-radius:12px;padding:10px 14px;font-size:.875rem;font-weight:600}.privacy{color:var(--subtle)}@media (max-width:899.98px){.top-grid{padding-top:calc(var(--header-h) + 20px);grid-template-columns:minmax(0,1fr);gap:32px}.top .scene.top-scene{--card:min(64vw, 270px);order:0;padding-block:8px 24px}}@media (max-width:519.98px){.controls{grid-template-columns:minmax(0,1fr);gap:14px}.out{grid-template-columns:108px minmax(0,1fr);grid-template-areas:"th act""nt nt"}.act .btn{flex:100%}}.story-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(32px,6vw,96px);display:grid}.steps{grid-area:1/1;margin:0;padding:0;list-style:none}.sv-wrap{grid-area:1/2;position:sticky;top:calc(50vh - 180px)}.step{border-left:1px solid var(--line-strong);flex-direction:column;justify-content:center;min-height:64vh;padding-left:28px;display:flex;position:relative}.step:before{content:"";background:linear-gradient(var(--brand-500), var(--accent-500));transform-origin:top;width:2px;transition:transform .7s var(--ease-out);position:absolute;top:0;bottom:0;left:-1px;transform:scaleY(0)}.step.on:before{transform:scaleY(1)}.step-k{font:600 .8125rem/1.3 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.step h3{letter-spacing:-.028em;text-wrap:balance;margin-top:14px;font-size:clamp(1.55rem,2.7vw,2.3rem);font-weight:700;line-height:1.1}.step p:last-child{max-width:42ch;color:var(--muted);margin-top:14px}.sv{border:1px solid var(--line);background:var(--tile-bg);box-shadow:0 50px 90px -50px var(--shadow-deep), inset 0 1px 0 var(--tile-hi);border-radius:28px;grid-template-columns:minmax(0,.62fr) 44px minmax(0,1.4fr);align-items:center;padding:clamp(14px,2.4vw,28px);display:grid}.sv-code{text-align:center;justify-items:center;gap:10px;display:grid}.sv-qr{aspect-ratio:1;color:#0e1121;width:100%;max-width:150px;box-shadow:0 18px 40px -18px var(--shadow-deep);background:#fff;border-radius:16px;padding:8%}.sv-qr svg,.mini svg{width:100%;height:100%}.sv-cap{color:var(--muted);font-size:.8125rem}.ok{background:var(--ok-soft);color:var(--ok);border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:.75rem;font-weight:650;display:inline-flex}.ok .ic{stroke-width:2.4px;width:14px;height:14px}.sv-link{background:repeating-linear-gradient(90deg, var(--accent) 0 6px, transparent 6px 11px);height:2px;margin:0 6px;position:relative}.sv-link:after{content:"";border-top:2px solid var(--accent);border-right:2px solid var(--accent);width:8px;height:8px;position:absolute;top:50%;right:-2px;transform:translateY(-50%)rotate(45deg)}.sv-panel{border:1px solid var(--line-strong);background:var(--surface-2);border-radius:18px;flex-direction:column;min-height:320px;display:flex;position:relative;overflow:hidden}.sv-bar{border-bottom:1px solid var(--line);font:500 .75rem/1.2 var(--font-mono);color:var(--muted);align-items:center;gap:8px;padding:10px 12px;display:flex}.sv-bar .ic{width:14px;height:14px;color:var(--ok)}.sv-url{flex:1;min-width:0;display:grid}.sv-url .u{opacity:0;white-space:nowrap;text-overflow:ellipsis;grid-area:1/1;transition:opacity .45s;overflow:hidden}.sv-screens{flex:1;display:grid;position:relative}.scr{opacity:0;transition:opacity .55s var(--ease-out), transform .55s var(--ease-out);grid-area:1/1;padding:18px 16px 44px;transform:translateY(12px)}.sv[data-step="1"] .u1,.sv[data-step="2"] .u2,.sv[data-step="3"] .u3,.sv[data-step="1"] .s1,.sv[data-step="2"] .s2,.sv[data-step="3"] .s3{opacity:1;transform:none}.scr-h{letter-spacing:-.015em;font-size:1.05rem;font-weight:700}.menu{gap:11px;margin:14px 0 0;padding:0;font-size:.875rem;list-style:none;display:grid}.menu li{align-items:center;gap:10px;display:flex}.menu li:after{content:"";border-bottom:1px dotted var(--line-strong);flex:1;order:1;min-width:12px}.menu li:before{content:"";background:var(--line-strong);border-radius:4px;order:2;width:34px;height:8px}.promo{background:linear-gradient(135deg, var(--brand-600), var(--accent-700));color:#fff;border-radius:14px;padding:18px}.promo-k{letter-spacing:.14em;text-transform:uppercase;opacity:.85;font-size:.6875rem;font-weight:700}.promo-h{letter-spacing:-.02em;margin-top:8px;font-size:1.3rem;font-weight:750;line-height:1.1}.promo-p{opacity:.92;margin-top:6px;font-size:.875rem}.fake-btn{border:1px solid var(--line-strong);border-radius:999px;margin-top:14px;padding:8px 14px;font-size:.8125rem;font-weight:600;display:inline-block}.bars{align-items:flex-end;gap:6px;height:96px;margin-top:14px;display:flex}.bars i{background:linear-gradient(180deg, var(--bar-from), var(--bar-to));border-radius:6px 6px 2px 2px;flex:1;height:40%}.bars i:nth-child(2){height:56%}.bars i:nth-child(3){height:47%}.bars i:nth-child(4){height:72%}.bars i:nth-child(5){height:63%}.bars i:nth-child(6){height:92%}.bars i:nth-child(7){height:58%}.split{color:var(--muted);gap:7px;margin-top:14px;font-size:.75rem;display:grid}.split div{grid-template-columns:5.5em 1fr;align-items:center;gap:8px;display:grid}.split b{background:var(--line);border-radius:3px;height:6px;overflow:hidden}.split i{border-radius:inherit;background:var(--accent);transform-origin:0;width:74%;height:100%;display:block}.split div:nth-child(2) i{width:19%}.split div:nth-child(3) i{width:7%}.sv-panel .sample{position:absolute;bottom:10px;right:10px}@media (max-width:899.98px){.story-grid{flex-direction:column;gap:0;display:flex}.sv-wrap{z-index:2;top:calc(var(--header-h) + 8px);margin-inline:calc(var(--gutter) * -1);padding:0 var(--gutter) 20px;background:linear-gradient(var(--bg) 86%, transparent);order:-1}.sv{border-radius:22px;grid-template-columns:minmax(0,.72fr) 26px minmax(0,1.5fr)}.sv-panel{min-height:236px}.sv-qr{border-radius:12px}.scr{padding:14px 12px 40px}.promo{padding:14px}.promo-h{font-size:1.05rem}.menu{gap:8px;font-size:.8125rem}.bars{height:70px}.step{min-height:50vh}}.bento{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.tile{border:1px solid var(--line);background:var(--tile-bg);min-height:270px;box-shadow:inset 0 1px 0 var(--tile-hi);border-radius:28px;flex-direction:column;gap:12px;padding:clamp(22px,2.4vw,32px);display:flex;position:relative;overflow:hidden}.tile h3{letter-spacing:-.022em;font-size:1.4rem;font-weight:700;line-height:1.15}.tile p{color:var(--muted);font-size:.975rem}.tile .viz{margin-top:auto;padding-top:12px}.t-types,.t-roles,.t-pause,.t-sec{grid-column:span 2}.t-stats{grid-row:span 2}.chips{flex-wrap:wrap;gap:8px;margin:auto 0 0;padding:12px 0 0;list-style:none;display:flex}.chip{background:var(--chip-dyn);border:1px solid #0000;border-radius:999px;padding:7px 13px;font-size:.8125rem;font-weight:600}.chip.static{border:1px dashed var(--line-strong);background:0 0}.legend{color:var(--subtle);flex-wrap:wrap;gap:16px;font-size:.75rem;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend span:before{content:"";background:var(--chip-dyn);border-radius:4px;width:12px;height:12px}.legend span+span:before{border:1px dashed var(--line-strong);background:0 0}.minis{align-items:flex-end;gap:10px;display:flex}.mini{aspect-ratio:1;max-width:86px;box-shadow:0 10px 24px -14px var(--shadow-deep);background:#fff;border-radius:14px;flex:1;padding:8px;position:relative}.mini:first-child{color:var(--brand-700)}.mini:nth-child(2){color:var(--accent-700)}.mini:nth-child(3){color:#0e1121}.mini:after{content:"";aspect-ratio:1;background:linear-gradient(135deg, var(--brand-500), var(--accent-600));border:3px solid #fff;border-radius:28%;width:24%;position:absolute;top:50%;left:50%;translate:-50% -50%}.fmt{gap:6px;margin-top:14px;display:flex}.fmt span{border:1px solid var(--line-strong);font:600 .6875rem/1.3 var(--font-mono);color:var(--muted);border-radius:6px;padding:3px 8px}.t-stats .bars{height:150px}.tree{gap:8px;margin:0;padding:0;font-size:.875rem;list-style:none;display:grid}.tree ul{border-left:1px solid var(--line-strong);color:var(--muted);gap:8px;margin:8px 0 0 12px;padding:0 0 0 14px;list-style:none;display:grid}.tree li{display:block}.tree .row{align-items:center;gap:8px;display:flex}.tree .ic{width:16px;height:16px;color:var(--accent)}.roles{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:auto 0 0;padding-top:12px;display:grid}.roles div{border:1px solid var(--line);background:color-mix(in oklab, var(--surface-2) 60%, transparent);border-radius:16px;padding:14px}.roles dt{font-size:.9375rem;font-weight:700}.roles dd{color:var(--muted);margin:4px 0 0;font-size:.8125rem;line-height:1.45}.roles div:first-child dt{color:var(--accent)}.switch-row{border:1px solid var(--line);border-radius:14px;align-items:center;gap:12px;padding:12px 14px;font-size:.8125rem;display:flex}.switch-row .nm{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sw{background:linear-gradient(135deg, var(--brand-600), var(--accent-600));border-radius:999px;flex:none;width:40px;height:24px;position:relative}.sw:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;position:absolute;top:3px;right:3px;box-shadow:0 1px 3px #0000004d}.sw-state{color:var(--ok);font-weight:650}.sec-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:auto 0 0;padding:12px 0 0;list-style:none;display:grid}.sec-list li{border:1px solid var(--line);border-radius:14px;align-items:center;gap:10px;padding:12px 14px;font-size:.875rem;font-weight:600;display:flex}.sec-list .ic{color:var(--accent);width:20px;height:20px}@media (max-width:1039.98px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:679.98px){.bento{grid-template-columns:minmax(0,1fr)}.t-types,.t-roles,.t-pause,.t-sec,.t-stats{grid-area:auto}.roles,.sec-list{grid-template-columns:minmax(0,1fr)}.tile{min-height:0}}.uses{border:1px solid var(--line);background:var(--line);border-radius:28px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.use{background:var(--bg);padding:clamp(24px,3vw,40px)}.use-ic{width:48px;height:48px;color:var(--accent);background:var(--chip-dyn);border-radius:14px;place-items:center;display:grid}.use h3{letter-spacing:-.018em;margin-top:22px;font-size:1.25rem;font-weight:700}.use p{color:var(--muted);margin-top:8px;font-size:.975rem}@media (max-width:899.98px){.uses{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:599.98px){.uses{grid-template-columns:minmax(0,1fr)}}.spec{border-collapse:collapse;width:100%}.spec caption{text-align:left}.spec th,.spec td{border-top:1px solid var(--line);text-align:left;vertical-align:top;padding:22px 0}.spec tr:last-child th,.spec tr:last-child td{border-bottom:1px solid var(--line)}.spec th{width:30%;padding-right:32px;font-size:1rem;font-weight:650}.spec td{color:var(--muted)}@media (max-width:639.98px){.spec,.spec tbody,.spec tr,.spec th,.spec td{width:auto;display:block}.spec th{padding:20px 0 6px}.spec td{border-top:0;padding:0 0 20px}.spec tr:last-child th{border-bottom:0}}.faq{max-width:52rem;margin-inline:auto}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;letter-spacing:-.015em;border-radius:6px;justify-content:space-between;gap:24px;padding:24px 0;font-size:clamp(1.1rem,1.6vw,1.35rem);font-weight:650;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";background:linear-gradient(var(--accent), var(--accent)) center / 100% 2px no-repeat, linear-gradient(var(--accent), var(--accent)) center / 2px 100% no-repeat;width:14px;height:14px;transition:transform .3s var(--ease-out);flex:none;margin-top:.45em}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{max-width:62ch;color:var(--muted);padding:0 0 26px}.cta{text-align:center;isolation:isolate;padding-block:clamp(120px,16vw,220px);position:relative;overflow:clip}.cta:before{content:"";aspect-ratio:1.6;z-index:-1;background:radial-gradient(closest-side, var(--glow), transparent);border-radius:50%;width:min(1100px,140vw);position:absolute;bottom:-40%;left:50%;translate:-50%}.cta .title{max-width:15ch;margin-inline:auto;font-size:clamp(2.3rem,6vw,5.2rem)}.cta .lead{margin-inline:auto}.cta .actions{justify-content:center}.site-footer{border-top:1px solid var(--line);padding-block:56px 40px;font-size:.9375rem}.foot{grid-template-columns:1.3fr 1fr 1fr;gap:32px;display:grid}.foot-brand .brand{margin:0}.foot-brand p,.foot p{color:var(--muted)}.foot-brand p{margin-top:12px}.foot-h{letter-spacing:.12em;text-transform:uppercase;color:var(--subtle);font-size:.8125rem;font-weight:650}.foot-contact p{margin-top:12px}.foot-contact a{color:var(--text);text-underline-offset:3px;border-radius:4px}.foot ul{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.foot ul li{color:var(--muted)}.foot ul a{color:inherit;text-underline-offset:3px;border-radius:4px}.foot ul a:hover{color:var(--text)}.foot-contact .mail{color:var(--text);font-family:var(--font-mono);margin-top:6px;font-size:.875rem}.copy{border-top:1px solid var(--line);grid-column:1/-1;padding-top:24px;font-size:.8125rem}@media (max-width:719.98px){.foot{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation-duration:0s!important}}