@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/manrope-cyrillic-wght-normal.Dvxsihut.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/manrope-greek-wght-normal.DL7QRZyv.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/manrope-vietnamese-wght-normal.usUDDRr7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/manrope-latin-ext-wght-normal.Ch3YOpNY.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_astro/manrope-latin-wght-normal.DHIcAJRg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/_astro/dm-sans-latin-ext-wght-normal.BOFOeGcA.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/_astro/dm-sans-latin-wght-normal.Xz1IZZA0.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/instrument-serif-latin-400-normal.DnYpCC2O.woff2)format("woff2"),url(/_astro/instrument-serif-latin-400-normal.BVbkICAY.woff)format("woff")}@font-face{font-family:Instrument Serif;font-style:italic;font-display:swap;font-weight:400;src:url(/_astro/instrument-serif-latin-400-italic.DKMiL14s.woff2)format("woff2"),url(/_astro/instrument-serif-latin-400-italic.u__WvvIK.woff)format("woff")}:root{color-scheme:dark;--color-bg:oklch(13.5% .008 60);--color-bg-2:oklch(16.5% .009 60);--color-surface:oklch(19.5% .01 60);--color-surface-2:oklch(24% .011 60);--color-ink:oklch(96.5% .012 80);--color-muted:oklch(72% .012 70);--color-faint:oklch(52% .01 65);--color-rule:oklch(100% 0 0/.085);--color-rule-strong:oklch(100% 0 0/.16);--color-accent:oklch(72% .165 42);--color-accent-2:oklch(82% .13 70);--color-accent-3:oklch(66% .17 12);--color-accent-ink:oklch(20% .04 40);--color-glow:oklch(72% .165 42/.35);--color-violet:oklch(55% .16 290/.35);--color-white:oklch(100% 0 0);--color-black:oklch(0% 0 0);--color-focus:oklch(82% .13 70);--color-overlay:oklch(10% .01 60/.45);--color-overlay-heavy:oklch(8% .01 60/.72);--color-clear:oklch(100% 0 0/0);--gradient-ember:linear-gradient(100deg, var(--color-accent-2), var(--color-accent) 45%, var(--color-accent-3));--font-display:"Manrope Variable", system-ui, sans-serif;--font-body:"DM Sans Variable", system-ui, sans-serif;--font-serif:"Instrument Serif", "Times New Roman", serif;--text-display:clamp(3.6rem, 10.2vw, 10.5rem);--text-heading:clamp(2.5rem, 5.6vw, 5.4rem);--radius-sm:.5rem;--radius-md:1rem;--radius-lg:1.75rem;--radius-pill:100px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-short:.2s;--dur-medium:.45s;--dur-long:1.1s}*{box-sizing:border-box}:root{interpolate-size:allow-keywords}html{scroll-behavior:smooth;background:var(--color-bg);scroll-padding-top:96px;overflow-x:clip}body{background:var(--color-bg);color:var(--color-ink);font:16px/1.6 var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;overflow-x:clip}body:has(dialog[open]){overflow-y:hidden}::selection{background:var(--color-accent);color:var(--color-accent-ink)}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:var(--color-clear)}button{color:inherit;cursor:pointer;background:0 0;border:0}button,h1,h2,h3,p,figure{margin:0}img{object-fit:cover;width:100%;display:block}svg{display:block}em{font-family:var(--font-serif);letter-spacing:-.01em;font-style:italic;font-weight:400}:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px;border-radius:6px}h1,h2,h3{font-family:var(--font-display);overflow-wrap:anywhere;min-width:0;font-weight:600}h2{font-size:var(--text-heading);letter-spacing:-.055em;line-height:1}h2 em{font-family:inherit;font-style:normal;font-weight:inherit;letter-spacing:inherit;color:var(--color-muted)}.wrap{width:min(1280px,100% - 96px);margin-inline:auto}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:200;border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-bg);padding:12px 20px;position:fixed;top:8px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:none}.kicker{letter-spacing:.22em;text-transform:uppercase;color:var(--color-muted);align-items:center;gap:12px;margin-bottom:28px;font-size:12px;font-weight:500;display:inline-flex}.kicker:before{content:"";background:var(--color-accent);width:28px;height:1px}.section-heading{max-width:860px;margin-bottom:72px}.section-heading.split{justify-content:space-between;align-items:flex-end;gap:48px;max-width:none;display:flex}.section-lede{max-width:440px;color:var(--color-muted);margin-top:28px;font-size:18px;line-height:1.55}.split .section-lede{max-width:360px;margin:0 0 8px}.grain{z-index:150;pointer-events:none;opacity:.065;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.brand{font:750 24px/1 var(--font-display);letter-spacing:-.07em;white-space:nowrap;align-items:center;min-height:44px;display:inline-flex}.brand-logo{width:auto;height:28px;display:block}.button{--tx:0px;--ty:0px;isolation:isolate;border-radius:var(--radius-pill);letter-spacing:-.01em;white-space:nowrap;min-height:56px;transform:translate(var(--tx), var(--ty));transition:transform var(--dur-medium) var(--ease-out), background-color var(--dur-short), box-shadow var(--dur-medium) var(--ease-out);justify-content:center;align-items:center;gap:12px;padding:0 28px;font-size:16px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.button-arrow{transition:transform var(--dur-medium) var(--ease-out);display:inline-block}.button:hover .button-arrow{transform:translate(2px,-2px)}.button-primary{color:var(--color-bg);background:var(--color-ink);box-shadow:inset 0 -1px oklch(0% 0 0/.12)}.button-primary:hover{background:var(--color-white)}.button-ghost{color:var(--color-ink);border:1px solid var(--color-rule-strong);background:oklch(100% 0 0/.03)}.button-ghost:hover{background:oklch(100% 0 0/.08)}.button-small{gap:8px;min-height:42px;padding:0 18px;font-size:14px}.button-large{min-height:68px;padding:0 40px;font-size:18px}.mini-play{background:var(--color-ink);width:28px;height:28px;color:var(--color-bg);border-radius:50%;place-items:center;display:grid}.mini-play svg{fill:currentColor;width:11px;height:11px;margin-left:2px}.icon-button{min-width:44px;min-height:44px;transition:background-color var(--dur-short);border-radius:10px;place-items:center;display:grid}.site-header{z-index:100;top:16px;pointer-events:none;transition:transform var(--dur-medium) var(--ease-out);position:fixed;inset-inline:0}.site-header.is-hidden{transform:translateY(calc(-100% - 24px))}.nav-pill{pointer-events:auto;border:1px solid var(--color-clear);border-radius:var(--radius-pill);width:min(1280px,100% - 32px);transition:background-color var(--dur-medium), border-color var(--dur-medium), backdrop-filter var(--dur-medium), width var(--dur-long) var(--ease-out);justify-content:space-between;align-items:center;gap:24px;margin-inline:auto;padding:8px 8px 8px 22px;display:flex}.site-header.is-scrolled .nav-pill{border-color:var(--color-rule);backdrop-filter:blur(20px)saturate(1.5);background:oklch(16% .01 60/.62);width:min(880px,100% - 32px);box-shadow:0 20px 50px -20px oklch(0% 0 0/.6)}.desktop-nav{gap:4px;display:flex}.desktop-nav a{color:var(--color-muted);border-radius:var(--radius-pill);transition:color var(--dur-short), background-color var(--dur-short);padding:10px 16px;font-size:14px;position:relative}.desktop-nav a:hover{color:var(--color-ink);background:oklch(100% 0 0/.06)}.hero{isolation:isolate;padding-top:clamp(150px,20vh,210px);position:relative}.hero:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(55% 60% at 50% -8%, oklch(72% .165 42/.26), var(--color-clear) 70%), radial-gradient(22% 30% at 50% -2%, oklch(88% .08 75/.16), var(--color-clear) 80%);height:1000px;position:absolute;inset:0 0 auto}.hero-copy{text-align:center;flex-direction:column;align-items:center;display:flex}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--color-muted);font-size:12px;font-weight:500}.eyebrow span{color:var(--color-accent);margin-inline:.6em}.hero-title{font-size:var(--text-display);letter-spacing:-.065em;margin-top:34px;font-weight:650;line-height:.9}.line{margin:-.02em -.12em -.18em;padding:.02em .12em .18em;display:block;overflow:hidden}.word{white-space:nowrap;display:inline-block}.word+.word{margin-left:.22em}.word.serif{font-family:var(--font-serif);letter-spacing:-.035em;font-size:1.08em;font-style:italic;font-weight:400;line-height:.8}.word.serif .ch{color:color-mix(in oklch, var(--color-accent-2), var(--color-accent-3) calc(var(--k) * 24%))}.ch{animation:char-in 1.15s var(--ease-out) both;animation-delay:calc(.18s + var(--i) * 38ms);display:inline-block}@keyframes char-in{0%{opacity:0;transform:translateY(105%)rotate(8deg)}to{opacity:1;transform:none}}.intro{animation:fade-up 1.1s var(--ease-out) both;animation-delay:calc(var(--d) * 70ms + .15s)}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.hero-lede{max-width:620px;color:var(--color-muted);margin-top:34px;font-size:clamp(17px,1.5vw,20px);line-height:1.55}.hero-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:42px;display:flex}.hero-note{color:var(--color-faint);margin-top:22px;font-size:14px}.mini-mic{background:var(--color-ink);width:28px;height:28px;color:var(--color-bg);border-radius:50%;place-items:center;display:grid}.mini-mic svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:14px;height:14px}.stage{margin-top:clamp(64px,9vh,110px);padding-bottom:40px;scroll-margin-top:90px;position:relative}.stage-glow{background:radial-gradient(closest-side, oklch(72% .165 42/.22), var(--color-clear));pointer-events:none;border-radius:50%;position:absolute;inset:0 10% 10%}.demo-grid{z-index:2;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,64px);display:grid;position:relative}.panel{border-radius:var(--radius-lg);border:1px solid var(--color-rule);backdrop-filter:blur(12px);background:linear-gradient(oklch(21% .01 60/.8),oklch(16% .01 60/.8));padding:24px}.panel-title{letter-spacing:.18em;text-transform:uppercase;color:var(--color-faint);margin-bottom:16px;font-size:11px;font-weight:600}.edit-log ol{align-content:start;gap:8px;min-height:200px;margin:0;padding:0;list-style:none;display:grid}.edit-log li{animation:fade-up .5s var(--ease-out) both;align-items:center;gap:10px;font-size:14px;display:flex}.edit-log li:before{content:"✓";background:var(--color-accent);width:22px;height:22px;color:var(--color-accent-ink);border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:700;display:grid}.edit-log li.is-undo{color:var(--color-muted)}.edit-log li.is-undo:before{content:"↺";background:var(--color-surface-2);color:var(--color-muted)}.edit-log li.log-empty{color:var(--color-faint);animation:none}.edit-log li.log-empty:before{content:none}.command-list{flex-wrap:wrap;gap:8px;display:flex}.command{border-radius:var(--radius-pill);border:1px solid var(--color-rule-strong);min-height:44px;color:var(--color-muted);text-align:left;transition:background-color var(--dur-short), color var(--dur-short), border-color var(--dur-short);padding:0 16px;font-size:14px}.command:hover{color:var(--color-ink);background:oklch(100% 0 0/.06)}.command[aria-pressed=true]{color:var(--color-ink);background:oklch(72% .165 42/.16);border-color:oklch(72% .165 42/.55)}.mic-button{width:100%;min-height:50px;margin-top:20px;font-size:15px}.mic-note{color:var(--color-faint);text-align:center;margin-top:10px;font-size:12px}.demo-footnote{z-index:2;text-align:center;color:var(--color-faint);margin-top:28px;font-size:14px;position:relative}.phone{aspect-ratio:9/19.5;width:300px;box-shadow:inset 0 0 0 1.5px oklch(62% .012 70), inset 0 0 0 3px oklch(30% .008 60), inset 0 0 0 4.5px oklch(45% .01 65/.7), 0 0 0 1px oklch(0% 0 0/.7), 0 70px 120px -40px oklch(0% 0 0/.95), 0 0 140px -30px var(--color-glow);background:oklch(9% .003 60);border-radius:55px;padding:11px;position:relative}.phone:before,.phone:after{content:"";--metal:oklch(48% .01 65);border-radius:2px;width:3px;position:absolute}.phone:before{background:linear-gradient(180deg, var(--metal) 0 24px, var(--color-clear) 24px 44px, var(--metal) 44px 88px, var(--color-clear) 88px 96px, var(--metal) 96px);height:140px;top:104px;left:-2px}.phone:after{background:var(--metal);height:70px;top:150px;right:-2px}.phone-screen{background:oklch(11% .005 60);border-radius:44px;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.phone-screen:after{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(125deg, oklch(100% 0 0/.07), var(--color-clear) 32%);position:absolute;inset:0}.island{z-index:3;background:var(--color-black);border-radius:14px;width:88px;height:26px;margin-left:-44px;position:absolute;top:10px;left:50%}.island:after{content:"";background:radial-gradient(circle at 35% 35%,oklch(40% .05 260),oklch(8% 0 0) 65%);border-radius:50%;width:10px;height:10px;position:absolute;top:8px;right:11px}.status-bar{flex:none;justify-content:space-between;align-items:center;height:46px;padding:2px 24px 0 34px;display:flex}.clock{font:600 15px/1 var(--font-display);letter-spacing:-.02em}.status-icons{align-items:center;gap:5px;display:flex}.status-icons svg{fill:currentColor}.app-bar{flex:none;grid-template-columns:1fr auto 1fr;align-items:center;height:30px;padding:0 16px 6px;font-size:13px;display:grid}.app-bar b{text-align:center;letter-spacing:-.01em;font-weight:600}.app-back{fill:none;width:7px;height:12px;stroke:var(--color-accent-2);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.home-indicator{background:oklch(100% 0 0/.85);border-radius:2px;flex:none;width:108px;height:4px;margin:0 auto 8px;display:block}.export-pill{white-space:nowrap;border-radius:var(--radius-pill);transition:background-color var(--dur-medium), color var(--dur-medium);background:oklch(100% 0 0/.1);justify-self:end;padding:3px 10px;font-size:11px;font-weight:600;line-height:1.4}.phone[data-export] .export-pill{background:var(--color-accent);color:var(--color-accent-ink);animation:pop .5s var(--ease-spring)}@keyframes pop{50%{transform:scale(1.12)}}.viewer{background:var(--color-black);flex:1;place-items:center;min-height:0;display:grid;container-type:size}.frame{width:100cqw;height:56.25cqw;transition:width .9s var(--ease-out), height .9s var(--ease-out);position:relative;overflow:hidden}.phone[data-vertical] .frame{width:min(100cqw,56.25cqh);height:100cqh}.shot{opacity:0;height:100%;animation:9s infinite shot,9s linear infinite drift;animation-delay:calc(var(--s) * 3s);transition:filter .9s var(--ease-out);position:absolute;inset:0}@keyframes shot{0%,33.3%{opacity:1}33.4%,to{opacity:0}}@keyframes drift{0%{transform:scale(1.04)}to{transform:scale(1.16)}}.phone[data-warm] .shot{filter:sepia(.35)saturate(1.45)hue-rotate(-12deg)brightness(1.05)contrast(1.05)}.subs{font:800 20px/1.1 var(--font-display);letter-spacing:-.03em;text-shadow:0 2px 12px oklch(0% 0 0/.7);opacity:0;transition:opacity .5s, transform .5s var(--ease-out);flex-wrap:wrap;justify-content:center;gap:2px 6px;display:flex;position:absolute;bottom:12%;left:8%;right:8%;transform:translateY(8px)}.phone[data-captions] .subs{opacity:1;transform:none}.subs span{animation:sub-hl 3s var(--ease-out) infinite;animation-delay:calc(var(--i) * .5s);border-radius:5px;padding:0 4px 2px}@keyframes sub-hl{0%,to{color:var(--color-white);background:var(--color-clear)}6%,26%{color:var(--color-accent-ink);background:var(--color-accent-2)}40%{color:var(--color-white);background:var(--color-clear)}}.badge{backdrop-filter:blur(6px);letter-spacing:.04em;opacity:0;background:oklch(0% 0 0/.45);border-radius:5px;padding:2px 7px;font-size:9px;font-weight:600;line-height:1.4;transition:opacity .5s;position:absolute;top:8px}.badge-look{left:8px}.badge-ratio{right:8px}.phone[data-warm] .badge-look,.phone[data-vertical] .badge-ratio{opacity:1}.phone-time{color:var(--color-muted);font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:8px;padding:10px 16px 6px;font-size:11px;display:flex}.playing-dot{background:var(--color-accent-3);border-radius:50%;width:7px;height:7px;animation:1.6s infinite blink}@keyframes blink{50%{opacity:.3}}.phone-length{color:var(--color-ink);margin-left:auto;font-weight:600}.tracks{flex:none;gap:5px;padding:4px 16px 12px;display:grid;position:relative}.track{gap:3px;height:30px;display:flex}.clip{transition:flex-grow .8s var(--ease-out);background:50%/cover;border-radius:6px;flex:8 1 0;position:relative;box-shadow:inset 0 0 0 1.5px oklch(100% 0 0/.15)}.phone[data-trim] .clip-0{flex-grow:6}.phone[data-slow] .clip-2{flex-grow:16}.speed-tag{background:var(--color-accent-2);color:var(--color-accent-ink);opacity:0;border-radius:4px;padding:1px 6px;font-size:9px;transition:opacity .4s;position:absolute;top:4px;right:4px}.phone[data-slow] .speed-tag{opacity:1}.subs-track,.music-track{opacity:0;height:0;transition:height .6s var(--ease-out), opacity .4s}.phone[data-captions] .subs-track,.phone[data-music] .music-track{opacity:1;height:22px}.track>i{border-radius:6px;flex:1;align-items:center;padding-left:8px;font-size:10px;font-style:normal;font-weight:600;display:flex;overflow:hidden}.subs-track i{background:oklch(60% .15 290/.55)}.music-track i{color:var(--color-ink);background:repeating-linear-gradient(90deg,oklch(82% .13 70/.55) 0 2px,oklch(82% .13 70/.2) 2px 4px)}.phone-playhead{pointer-events:none;animation:9s linear infinite sweep;position:absolute;inset:0 16px 8px}.phone-playhead:before{content:"";background:var(--color-ink);width:2px;position:absolute;top:0;bottom:0;left:-1px;box-shadow:0 0 10px oklch(100% 0 0/.7)}.voice-bar{background:var(--color-surface);border:1px solid var(--color-rule);min-height:52px;transition:border-color var(--dur-medium), box-shadow var(--dur-medium);border-radius:26px;flex:none;align-items:center;gap:10px;margin:0 12px 10px;padding:8px 12px 8px 8px;display:flex}.voice-bar[data-listening]{box-shadow:0 0 30px -6px var(--color-glow);border-color:oklch(72% .165 42/.6)}.voice-mic{background:var(--gradient-ember);width:36px;height:36px;color:var(--color-accent-ink);border-radius:50%;flex:none;place-items:center;display:grid}.voice-mic svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;width:16px;height:16px}.voice-bar[data-listening] .voice-mic{animation:pulse 1.2s var(--ease-out) infinite}@keyframes pulse{0%{box-shadow:0 0 oklch(72% .165 42/.6)}to{box-shadow:0 0 0 12px oklch(72% .165 42/0)}}.transcript{min-width:0;color:var(--color-muted);flex:1;font-size:13px;line-height:1.3}.voice-bar[data-listening] .transcript{color:var(--color-ink)}.voice-wave{align-items:center;gap:2px;height:20px;display:flex}.voice-wave i{background:var(--color-faint);border-radius:2px;width:3px;height:4px;transition:height .2s}.voice-bar[data-listening] .voice-wave i{background:var(--color-accent-2);animation:.7s ease-in-out infinite alternate wave}.voice-wave i:nth-child(2){animation-delay:-.2s}.voice-wave i:nth-child(3){animation-delay:-.45s}.voice-wave i:nth-child(4){animation-delay:-.1s}.voice-wave i:nth-child(5){animation-delay:-.3s}@keyframes wave{0%{height:4px}to{height:18px}}.js .phone:not(.is-live) *,.js .phone:not(.is-live) :before{animation-play-state:paused!important}.how{padding-top:clamp(80px,12vh,140px)}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.step{border-radius:var(--radius-lg);border:1px solid var(--color-rule);background:linear-gradient(180deg, var(--color-surface), var(--color-bg-2));padding:32px}.step-num{font:400 64px/1 var(--font-serif);background:var(--gradient-ember);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:48px;font-style:italic;display:block}.step h3{letter-spacing:-.04em;font-size:24px}.step p{color:var(--color-muted);margin-top:10px;font-size:15px}.manifesto{position:relative}.manifesto-sticky{padding-block:clamp(120px,18vh,200px)}.manifesto-text{max-width:1120px;font:500 clamp(30px, 4.3vw, 64px)/1.14 var(--font-display);letter-spacing:-.045em}.manifesto-text .hl{color:var(--color-accent-2)}.manifesto-tags{flex-wrap:wrap;gap:10px;margin-top:56px;display:flex}.manifesto-tags span{border-radius:var(--radius-pill);border:1px solid var(--color-rule-strong);color:var(--color-muted);padding:10px 18px;font-size:14px}.js .reveal{opacity:0;transition:opacity .9s var(--ease-out), transform 1.1s var(--ease-out);transition-delay:calc(var(--d,0) * 90ms);transform:translateY(40px)}.js .reveal.is-in{opacity:1;transform:none}.craft{padding-top:clamp(80px,12vh,140px)}.bento{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;display:grid}.tile{--mx:50%;--my:0%;isolation:isolate;border-radius:var(--radius-lg);background:linear-gradient(180deg, var(--color-surface), var(--color-bg-2));border:1px solid var(--color-rule);flex-direction:column;min-height:440px;display:flex;position:relative;overflow:hidden}.tile:before{content:"";z-index:-1;opacity:0;background:radial-gradient(520px circle at var(--mx) var(--my), oklch(72% .165 42/.13), var(--color-clear) 55%);transition:opacity var(--dur-medium);position:absolute;inset:0}.tile:hover:before{opacity:1}.tile-cut{grid-column:span 4}.tile-captions,.tile-grade,.tile-ramp,.tile-reframe{grid-column:span 2}.tile-ai,.tile-layers{grid-column:span 3}.say{z-index:2;border:1px solid var(--color-rule-strong);backdrop-filter:blur(10px);background:oklch(22% .01 60/.82);border-radius:18px 18px 18px 4px;width:fit-content;padding:8px 14px 8px 34px;font-size:14px;line-height:1.35;position:absolute;top:24px;left:24px;right:24px}.say:before{content:"";background:var(--color-accent);border-radius:50%;width:8px;height:8px;margin-top:-4px;position:absolute;top:50%;left:13px;box-shadow:0 0 0 4px oklch(72% .165 42/.25)}.tile-visual:has(.say){padding-top:64px}.cut-visual{padding-inline:32px}.cut-strip{gap:6px;width:100%;height:84px;display:flex}.cut-strip i{background:50%/cover;border-radius:10px;flex:1 1 0;position:relative;box-shadow:inset 0 0 0 1px oklch(100% 0 0/.15)}.cut-strip .cut-out{animation:cut-out 5s var(--ease-in-out) infinite;box-shadow:inset 0 0 0 2px var(--color-accent-3)}.cut-strip b{background:var(--color-accent-3);color:var(--color-white);letter-spacing:.04em;border-radius:5px;padding:2px 8px;font-size:10px;font-weight:700;position:absolute;top:-10px;left:50%;translate:-50% -100%}@keyframes cut-out{0%,30%{opacity:1;flex-grow:1;margin:0}55%,85%{opacity:0;flex-grow:0;margin-inline:-3px}to{opacity:1;flex-grow:1;margin:0}}.reframe-box{aspect-ratio:auto;width:86%;height:130px;box-shadow:0 0 0 1px var(--color-rule-strong), 0 20px 40px -20px oklch(0% 0 0/.8);animation:reframe 5s var(--ease-in-out) infinite;border-radius:12px;overflow:hidden}.reframe-box img{height:100%}@keyframes reframe{0%,25%{width:86%;height:130px}50%,85%{width:96px;height:170px}to{width:86%;height:130px}}.js .tile:not(.is-live) *,.js .tile:not(.is-live) :before{animation-play-state:paused!important}.tile-visual{flex:1;place-items:center;min-height:220px;display:grid;position:relative;overflow:hidden}.tile-copy{padding:0 32px 32px}.tile h3{letter-spacing:-.04em;font-size:24px;line-height:1.15}.tile p{color:var(--color-muted);max-width:440px;margin-top:8px;font-size:15px;line-height:1.55}.craft-note{color:var(--color-faint);margin-top:24px;font-size:13px}.ramp-svg{width:88%;height:68%;position:absolute;inset:14% 6% 18%;overflow:visible}.ramp-grid{stroke:var(--color-rule);stroke-width:1px;fill:none;vector-effect:non-scaling-stroke}.ramp-line{fill:none;stroke:url(#ramp-grad);stroke-width:3px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 2.2s var(--ease-out) .3s;filter:drop-shadow(0 0 10px var(--color-glow))}.is-in .ramp-line,html:not(.js) .ramp-line{stroke-dashoffset:0}.ramp-dot{fill:var(--color-ink);filter:drop-shadow(0 0 8px oklch(100% 0 0/.8))}.ramp-labels{font:500 12px/1 var(--font-body);color:var(--color-faint);letter-spacing:.1em;font-variant-numeric:tabular-nums;justify-content:space-between;display:flex;position:absolute;inset:auto 6% 8%}.captions-visual{background:radial-gradient(circle at 50% 60%, oklch(72% .165 42/.12), var(--color-clear) 60%)}.karaoke{font:750 34px/1.1 var(--font-display);letter-spacing:-.05em;flex-wrap:wrap;justify-content:center;gap:4px 8px;padding:0 24px;display:flex}.karaoke span{color:var(--color-faint);animation:karaoke 3.2s var(--ease-out) infinite;animation-delay:calc(var(--i) * .45s);border-radius:8px;padding:2px 8px 6px}@keyframes karaoke{0%,to{color:var(--color-faint);background:var(--color-clear);scale:1}6%,26%{color:var(--color-accent-ink);background:var(--color-accent-2);scale:1.08}40%{color:var(--color-ink);background:var(--color-clear);scale:1}}.layers-visual{flex-direction:column;justify-content:center;place-items:stretch stretch;gap:8px;padding:28px 32px 8px;display:flex}.layer-row{grid-template-columns:38px 1fr;align-items:center;gap:12px;display:grid}.layer-label{letter-spacing:.1em;color:var(--color-faint);font-size:10px;font-weight:600}.layer-lane{background:oklch(100% 0 0/.03);border-radius:7px;height:28px;position:relative}.layer-lane i{transform-origin:0;transition:transform 1.2s var(--ease-out);transition-delay:calc(.2s + var(--r) * .12s);border-radius:7px;position:absolute;top:0;bottom:0;transform:scaleX(0)}.is-in .layer-lane i,html:not(.js) .layer-lane i{transform:none}.layer-lane i:first-child{left:calc(2% + var(--r) * 7%);width:calc(40% - var(--r) * 3%)}.layer-lane i:last-child{left:calc(48% + var(--r) * 4%);width:calc(40% - var(--r) * 2%)}.layer-row:first-child i{background:linear-gradient(90deg,oklch(72% .165 42/.85),oklch(72% .165 42/.55))}.layer-row:nth-child(2) i{background:linear-gradient(90deg,oklch(82% .13 70/.75),oklch(82% .13 70/.45))}.layer-row:nth-child(3) i{background:oklch(60% .15 290/.6)}.layer-row:nth-child(4) i{background:oklch(70% .1 200/.5)}.layer-row:nth-child(5) i{background:repeating-linear-gradient(90deg, oklch(100% 0 0/.5) 0 2px, var(--color-clear) 2px 5px);mask-image:linear-gradient(#0000 20%,#000 50%,#0000 80%)}.layers-playhead{animation:6s linear infinite sweep;position:absolute;inset:18px 32px 0 82px}.layers-playhead:before{content:"";background:var(--color-ink);width:2px;position:absolute;top:0;bottom:0;left:-1px;box-shadow:0 0 14px oklch(100% 0 0/.7)}@keyframes sweep{to{transform:translate(100%)}}.grade-visual img{filter:sepia(.35)saturate(1.3)contrast(1.05)hue-rotate(-8deg);height:100%;position:absolute;inset:0}.grade-visual .look-2,.grade-visual .look-3{opacity:0;animation:9s infinite look-in}.grade-visual .look-2{filter:saturate(1.7)contrast(1.25);animation-delay:3s}.grade-visual .look-3{filter:grayscale()contrast(1.2)brightness(1.05);animation-delay:6s}@keyframes look-in{0%{opacity:0}5%,30%{opacity:1}36%,to{opacity:0}}.grade-visual:after{content:"";background:linear-gradient(180deg, var(--color-clear) 40%, var(--color-bg-2));position:absolute;inset:0}.grade-name{z-index:1;display:grid;position:absolute;top:24px;left:24px}.grade-name b{border-radius:var(--radius-pill);opacity:0;background:oklch(0% 0 0/.65);grid-area:1/1;padding:6px 12px;font-size:12px;font-weight:600;animation:9s infinite look-name}.grade-name b:nth-child(2){animation-delay:3s}.grade-name b:nth-child(3){animation-delay:6s}@keyframes look-name{0%,33%{opacity:1}34%,to{opacity:0}}.beat-visual{place-items:stretch stretch;padding:44px 32px 12px}.beat-wave{align-items:center;gap:3px;height:100%;display:flex}.beat-wave i{height:var(--h);background:oklch(100% 0 0/.16);border-radius:2px;flex:1}.possibilities{padding-top:clamp(120px,16vh,200px)}.story-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:20px;display:grid}.story-card{--x:0;--y:0;perspective:1200px;display:block}.story-card-1,.story-card-3{margin-top:64px}.story-image{aspect-ratio:3/4;border-radius:var(--radius-lg);background:var(--color-surface);transform:rotateX(calc(var(--y) * -9deg)) rotateY(calc(var(--x) * 9deg));transition:transform .6s var(--ease-out), box-shadow .6s var(--ease-out);position:relative;overflow:hidden;box-shadow:0 30px 60px -30px oklch(0% 0 0/.8)}.story-card:hover .story-image{box-shadow:0 50px 90px -30px oklch(0% 0 0/.9), 0 0 0 1px var(--color-rule-strong)}.story-image img{width:108%;height:108%;transform:translate(calc(var(--x) * -16px), calc(var(--y) * -16px)) scale(1.02);transition:transform .9s var(--ease-out), filter .6s;filter:saturate(.9);position:absolute;inset:-4%}.story-card:hover .story-image img{transform:translate(calc(var(--x) * -16px), calc(var(--y) * -16px)) scale(1.1);filter:saturate(1.1)}.story-image:after{content:"";background:linear-gradient(180deg, oklch(0% 0 0/.35), var(--color-clear) 30%, var(--color-clear) 50%, oklch(0% 0 0/.75));position:absolute;inset:0}.story-category{z-index:1;letter-spacing:.16em;text-transform:uppercase;font-size:11px;font-weight:500;position:absolute;top:22px;left:24px}.story-image h3{z-index:1;font:italic 400 clamp(28px, 2.4vw, 36px)/1.02 var(--font-serif);letter-spacing:-.02em;position:absolute;bottom:24px;left:24px;right:24px}.questions{grid-template-columns:5fr 7fr;gap:64px;padding-top:clamp(140px,18vh,220px);display:grid}.faq-list{border-top:1px solid var(--color-rule)}details{border-bottom:1px solid var(--color-rule)}details::details-content{block-size:0;transition:block-size .5s var(--ease-out), content-visibility .5s allow-discrete;overflow:hidden}details[open]::details-content{block-size:auto}summary{cursor:pointer;min-height:84px;font:500 clamp(18px, 1.7vw, 22px)/1.3 var(--font-display);letter-spacing:-.03em;transition:color var(--dur-short);justify-content:space-between;align-items:center;gap:20px;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary:hover{color:var(--color-accent-2)}.faq-num{width:36px;font:500 13px/1 var(--font-body);color:var(--color-faint);font-variant-numeric:tabular-nums;flex:none}.faq-q{flex:1}.faq-icon{border:1px solid var(--color-rule-strong);width:36px;height:36px;transition:transform var(--dur-medium) var(--ease-out), background-color var(--dur-short);border-radius:50%;flex:none;position:relative}.faq-icon:before,.faq-icon:after{content:"";background:currentColor;width:12px;height:1.5px;margin:-.75px 0 0 -6px;position:absolute;top:50%;left:50%}.faq-icon:after{transition:transform var(--dur-medium) var(--ease-out);transform:rotate(90deg)}details[open] .faq-icon{background:var(--color-ink);color:var(--color-bg);transform:rotate(180deg)}details[open] .faq-icon:after{transform:rotate(0)}details p{max-width:640px;color:var(--color-muted);padding-bottom:28px;font-size:16px;line-height:1.65}.closing{isolation:isolate;text-align:center;border-top:1px solid var(--color-rule);margin-top:clamp(140px,18vh,220px);padding-block:clamp(120px,18vh,220px);position:relative;overflow:clip}.closing-light{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:clip}.closing-light i{background:radial-gradient(closest-side, oklch(72% .165 42/.28), var(--color-clear));width:1100px;height:1100px;transition:translate 1.2s var(--ease-out);will-change:translate;border-radius:50%;margin:-550px 0 0 -550px;position:absolute;top:50%;left:50%}.closing-inner{flex-direction:column;align-items:center;display:flex}.closing h2{letter-spacing:-.065em;margin-bottom:52px;font-size:clamp(3rem,8vw,8.4rem);line-height:.94}.closing h2 em{font-family:var(--font-serif);background:var(--gradient-ember);color:#0000;letter-spacing:-.03em;-webkit-background-clip:text;background-clip:text;padding-right:.08em;font-style:italic;font-weight:400}.closing-note{color:var(--color-faint);margin-top:22px;font-size:14px}.site-footer{border-top:1px solid var(--color-rule);padding-top:48px;position:relative;overflow:clip}.footer-top{justify-content:space-between;align-items:center;gap:24px;display:flex}.footer-top p{color:var(--color-muted);font-size:18px}.footer-link{color:var(--color-muted);transition:color var(--dur-short)}.footer-link:hover{color:var(--color-ink)}.footer-wordmark{text-align:center;font:800 clamp(90px, 23vw, 380px)/.8 var(--font-display);letter-spacing:-.085em;background:linear-gradient(180deg, var(--color-ink) 10%, oklch(96% .012 80/.06) 85%);color:#0000;user-select:none;-webkit-background-clip:text;background-clip:text;margin:56px 0 -.14em;padding-right:.08em}dialog{border:1px solid var(--color-rule-strong);background:linear-gradient(180deg, var(--color-surface-2), var(--color-surface));width:min(520px,100% - 32px);color:var(--color-ink);text-align:center;border-radius:28px;padding:48px 44px 40px;box-shadow:0 60px 120px -30px oklch(0% 0 0/.9)}dialog[open]{animation:dialog-in .6s var(--ease-out)}dialog::backdrop{backdrop-filter:blur(10px);animation:fade .4s var(--ease-out);background:oklch(5% .01 60/.7)}@keyframes dialog-in{0%{opacity:0;transform:translateY(30px)scale(.96)}}@keyframes fade{0%{opacity:0}}.dialog-close{color:var(--color-muted);font-size:24px;position:absolute;top:14px;right:14px}.dialog-close:hover{color:var(--color-ink);background:oklch(100% 0 0/.08)}.dialog-mark{width:44px;height:44px;margin:0 auto 26px;display:block}dialog .kicker{letter-spacing:.16em;margin-bottom:18px;font-size:11px}dialog .kicker:before{display:none}dialog h2{margin-bottom:20px;font-size:clamp(36px,5vw,48px)}dialog>p:not(.kicker){color:var(--color-muted);margin-bottom:30px}dialog small{color:var(--color-faint);margin-top:20px;font-size:12px;display:block}@media (hover:none){.tile:before{display:none}}@media (width<=1100px){.demo-grid{grid-template-columns:auto minmax(0,1fr)}.edit-log{display:none}.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.tile-cut,.tile-captions,.tile-grade,.tile-ramp,.tile-reframe,.tile-ai,.tile-layers{grid-column:span 1}.tile-cut{grid-column:span 2}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.story-card-3{margin-top:0}.story-card-2{margin-top:-64px}.questions{grid-template-columns:1fr;gap:40px}}@media (width<=860px){.wrap{width:calc(100% - 40px)}.desktop-nav{display:none}.site-header.is-scrolled .nav-pill{width:calc(100% - 24px)}.nav-pill{width:calc(100% - 24px);padding-left:16px}.section-heading.split{flex-direction:column;align-items:flex-start;gap:0}.split .section-lede{margin-top:24px}.demo-grid{grid-template-columns:1fr;justify-items:center}.commands{width:100%;max-width:480px}.steps{grid-template-columns:1fr}.step-num{margin-bottom:24px}.footer-top{flex-direction:column;align-items:flex-start;gap:12px}}@media (width<=640px){body{font-size:15px}.wrap{width:calc(100% - 32px)}.hero{padding-top:124px}.hero-title{margin-top:26px;font-size:clamp(3.2rem,17vw,5rem)}.word.serif{display:inline-block}.hero-actions{flex-direction:column;width:100%}.hero-actions .button{width:100%}.stage{margin-top:56px}.phone{width:min(300px,100%)}.panel{padding:20px 16px}.manifesto-text{font-size:clamp(27px,8vw,38px)}.section-heading{margin-bottom:48px}.section-lede{font-size:16px}.bento{grid-template-columns:1fr;gap:12px}.tile-cut,.tile-captions,.tile-grade,.tile-ramp,.tile-reframe,.tile-ai,.tile-layers{grid-column:auto}.tile{min-height:380px}.tile-copy{padding:0 22px 24px}.tile h3{font-size:21px}.say{top:16px;left:16px;right:16px}.cut-visual,.layers-visual{padding-inline:20px}.layers-playhead{left:70px;right:20px}.karaoke{font-size:30px}.story-grid{grid-template-columns:1fr;gap:20px}.story-card-1,.story-card-2,.story-card-3{margin-top:0}.story-image{aspect-ratio:4/3}.questions{gap:32px}summary{min-height:72px}.closing h2{margin-bottom:40px;font-size:clamp(2.6rem,13vw,4rem)}.button-large{width:100%;min-height:60px}dialog{padding:44px 24px 30px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:1ms!important;transition-delay:0s!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.js .reveal{opacity:1;filter:none;transform:none}.grade-name b:first-child,.shot:first-child{opacity:1}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.hero-copy{animation:linear both hero-out;animation-range:exit exit 90%}@keyframes hero-out{to{opacity:0;translate:0 -60px}}.phone{animation:linear both phone-rise;animation-range:entry cover 35%}@keyframes phone-rise{0%{transform:translateY(60px)scale(.94)}}.stage-glow{animation:linear both glow-in;animation-range:entry cover 40%}@keyframes glow-in{0%{opacity:.2;transform:scale(.75)}}.manifesto{view-timeline:--manifesto block;height:260vh}.manifesto-sticky{flex-direction:column;justify-content:center;height:100vh;padding-block:0;display:flex;position:sticky;top:0}.manifesto-text span{animation:linear both word-lit;animation-range:contain calc(var(--i) / var(--n) * 80%) contain calc((var(--i) + 2) / var(--n) * 80%)}@keyframes word-lit{0%{opacity:.13}}.footer-wordmark{animation:linear both wordmark-rise;animation-range:entry entry 80%}@keyframes wordmark-rise{0%{opacity:.15;transform:translateY(40%)}}html :is(.hero-copy,.phone,.stage-glow,.footer-wordmark){animation-timeline:view()}html .manifesto-text span{animation-timeline:--manifesto}}}@media (width<=640px) and (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.manifesto{height:220vh}}}
