:root{--ink:#24211e;--ink-soft:#3a3632;--lilac:#d9cbf5;--lilac-edge:#9b7fe3;--lilac-soft:#eee7fb;--lime:#e4fa55;--lime-deep:#c9e02e;--lime-edge:#a9c21a;--linen:#ece6d9;--muted:#69645a;--paper:#f5f1e8;--purple:#5329bc;--purple-deep:#43209a;--purple-night:#1c0c45;--sand:#ddd5c5;--stone:#a39c8f;--white:#fff;--color-action-accent:var(--lime);--color-action-accent-hover:var(--lime-deep);--color-action-paper:var(--paper);--color-action-paper-hover:var(--linen);--color-action-soft:var(--lilac);--color-action-soft-hover:var(--lilac-edge);--color-bg-inverse:var(--ink);--color-bg-inverse-hover:var(--ink-soft);--color-bg-muted:var(--linen);--color-bg-page:var(--paper);--color-bg-surface:var(--white);--color-border-default:var(--sand);--color-border-strong:var(--ink);--color-brand-lilac:var(--lilac);--color-brand-lilac-soft:var(--lilac-soft);--color-brand-lime:var(--lime);--color-brand-purple:var(--purple);--color-brand-purple-deep:var(--purple-deep);--color-brand-purple-night:var(--purple-night);--color-edge-ink:var(--ink);--color-edge-lilac:var(--lilac-edge);--color-edge-lime:var(--lime-edge);--color-edge-purple:var(--purple-night);--color-text-inverse:var(--paper);--color-text-on-purple:var(--lilac);--color-text-primary:var(--ink);--color-text-secondary:var(--muted);--color-text-tertiary:var(--stone);--layout-gutter:144px;--radius-full:999px;--radius-lg:24px;--radius-md:16px;--radius-sm:8px;--radius-xl:32px;--space-2xl:48px;--space-2xs:4px;--space-3xl:64px;--space-4xl:96px;--space-5xl:128px;--space-lg:24px;--space-md:16px;--space-sm:12px;--space-xl:32px;--space-xs:8px}.t-body-l{letter-spacing:0;font-family:PP Neue Montreal,system-ui,sans-serif;font-size:19px;font-weight:400;line-height:1.5}.t-body-m{letter-spacing:0;font-family:PP Neue Montreal,system-ui,sans-serif;font-size:16px;font-weight:400;line-height:1.5}.t-display-l{letter-spacing:-.03em;font-family:Piazzolla,Georgia,serif;font-size:72px;font-weight:400;line-height:1}.t-display-m{letter-spacing:-.02em;font-family:Piazzolla,Georgia,serif;font-size:44px;font-weight:400;line-height:1.04}.t-display-s{letter-spacing:-.01em;font-family:Piazzolla,Georgia,serif;font-size:28px;font-weight:400;line-height:1.15}.t-display-xl{letter-spacing:-.04em;font-family:Piazzolla,Georgia,serif;font-size:112px;font-weight:400;line-height:.96}.t-heading{letter-spacing:-.01em;font-family:PP Neue Montreal,system-ui,sans-serif;font-size:22px;font-weight:500;line-height:1.25}.t-label{letter-spacing:0;font-family:PP Neue Montreal,system-ui,sans-serif;font-size:16px;font-weight:500;line-height:1.25}.t-label-l{letter-spacing:0;font-family:PP Neue Montreal,system-ui,sans-serif;font-size:18px;font-weight:500;line-height:1.2}.t-label-s{letter-spacing:0;font-family:PP Neue Montreal,system-ui,sans-serif;font-size:13px;font-weight:500;line-height:1.25}.t-mono-code{letter-spacing:0;font-family:Space Mono,ui-monospace,monospace;font-size:13px;font-weight:400;line-height:1.55}.t-mono-eyebrow{letter-spacing:.04em;text-transform:uppercase;font-family:Space Mono,ui-monospace,monospace;font-size:12px;font-weight:400;line-height:1.3}.t-wordmark{letter-spacing:-.04em;font-family:Piazzolla,Georgia,serif;font-size:32px;font-weight:500;line-height:1}@font-face{font-family:PP Neue Montreal;src:url(/fonts/PPNeueMontreal-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:PP Neue Montreal;src:url(/fonts/PPNeueMontreal-Medium.ttf)format("truetype");font-weight:500;font-display:swap}:root{--duration-micro:80ms;--duration-quick:.15s;--duration-fast:.25s;--duration-medium:.35s;--duration-slow:.4s;--duration-very-slow:.5s;--duration-stagger:40ms;--ease-smooth-out:cubic-bezier(.22, 1, .36, 1);--ease-bounce:cubic-bezier(.34, 1.36, .64, 1);--ease-in-out:ease-in-out;--blur-small:3.5px;--content:1152px;--gutter:clamp(20px, 7vw, var(--layout-gutter))}*,:before,:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overflow-x:clip}body{background:var(--color-bg-page);color:var(--color-text-primary);margin:0;font-family:PP Neue Montreal,system-ui,sans-serif;overflow-x:clip}h1,h2,h3,p{font-weight:inherit;margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}img,video{max-width:100%;display:block}.svg-fill>svg{width:100%;height:100%;display:block}.section{padding:var(--space-5xl) var(--gutter) 0;justify-content:center;display:flex}.section>.inner{width:100%;max-width:var(--content)}[data-reveal]{opacity:0;filter:blur(var(--blur-small));transition:opacity var(--duration-very-slow) var(--ease-smooth-out), transform var(--duration-very-slow) var(--ease-smooth-out), filter var(--duration-very-slow) var(--ease-smooth-out);transition-delay:calc(var(--i,0) * var(--duration-stagger) * 2);transform:translateY(16px)}[data-reveal].in{opacity:1;filter:none;transform:none}.btn{justify-content:center;align-items:center;gap:var(--space-xs);white-space:nowrap;height:44px;padding:0 var(--space-lg);border-radius:var(--radius-full);background:var(--btn-bg);color:var(--btn-fg);transition:background-color var(--duration-quick) var(--ease-smooth-out), transform var(--duration-quick) var(--ease-smooth-out);display:inline-flex}.btn:hover{background:var(--btn-hover)}.btn:active{transform:scale(.97)}.btn:focus-visible,.icon-btn:focus-visible{outline:2px solid var(--color-brand-purple);outline-offset:3px}.btn--l{height:56px;padding:0 var(--space-xl);gap:var(--space-sm)}.btn .icon{width:20px;height:20px;transition:transform var(--duration-fast) var(--ease-smooth-out)}.btn:hover .icon--trail{transform:translate(3px)}.btn:hover .icon--lead{transform:rotate(-12deg)scale(1.08)}.btn--accent{--btn-bg:var(--color-action-accent);--btn-hover:var(--color-action-accent-hover);--btn-fg:var(--color-text-primary)}.btn--ink{--btn-bg:var(--color-bg-inverse);--btn-hover:var(--color-bg-inverse-hover);--btn-fg:var(--color-text-inverse)}.btn--paper{--btn-bg:var(--color-action-paper);--btn-hover:var(--color-action-paper-hover);--btn-fg:var(--color-text-primary)}.btn--soft{--btn-bg:var(--color-action-soft);--btn-hover:var(--color-action-soft-hover);--btn-fg:var(--color-brand-purple-night)}.icon-btn{border-radius:var(--radius-full);background:var(--btn-bg);width:44px;height:44px;color:var(--btn-fg);flex:none;place-items:center;display:inline-grid}.icon-btn .icon{width:20px;height:20px}.tag{height:24px;padding:0 var(--space-sm);border-radius:var(--radius-full);background:var(--tag-bg);color:var(--tag-fg);white-space:nowrap;align-items:center;display:inline-flex}.tag--lime{--tag-bg:var(--color-brand-lime);--tag-fg:var(--color-text-primary)}.tag--lilac{--tag-bg:var(--color-brand-lilac);--tag-fg:var(--color-brand-purple-night)}.tag--purple{--tag-bg:var(--color-brand-purple);--tag-fg:var(--color-text-inverse)}.tag--ink{--tag-bg:var(--color-bg-inverse);--tag-fg:var(--color-brand-lime)}.tag--outline{--tag-bg:transparent;--tag-fg:var(--color-text-primary);box-shadow:inset 0 0 0 1px var(--color-border-strong)}.toggle{border-radius:var(--radius-full);background:var(--color-bg-muted);width:40px;height:24px;transition:background-color var(--duration-fast) var(--ease-smooth-out);flex:none;padding:3px}.toggle i{background:var(--color-bg-surface);width:18px;height:18px;transition:transform var(--duration-fast) var(--ease-bounce), background-color var(--duration-fast) var(--ease-smooth-out);border-radius:50%;display:block}.toggle.on{background:var(--color-brand-lime)}.toggle.on i{background:var(--color-text-primary);transform:translate(16px)}.logo{color:var(--color-text-primary);align-items:center;gap:20px;display:inline-flex}.logo .mark{width:28px;height:28px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:0s!important;animation:none!important}[data-reveal]{opacity:1;filter:none;transform:none}}.stage-wrap{overflow-clip-margin:40px;width:100%;position:relative;overflow:clip}.stage{transform-origin:0 0;position:absolute;top:0;left:0}.motion-card{border-radius:var(--radius-xl);background:var(--lime);width:1152px;height:620px;clip-path:inset(9% 12% round var(--radius-xl));opacity:0;transition:clip-path .9s var(--ease-smooth-out), transform .9s var(--ease-smooth-out), opacity var(--duration-slow) var(--ease-smooth-out);position:absolute;top:90px;left:120px;overflow:hidden;transform:scale(.96)}.motion-card video{object-fit:cover;width:1350px;max-width:none;height:1350px;position:absolute;top:-32px;left:-146px}.stage.is-card .motion-card{clip-path:inset(0 round var(--radius-xl));opacity:1;transform:none}.w{transform:translate(calc(var(--px,0) * var(--depth,10) * 1px), calc(var(--py,0) * var(--depth,10) * 1px));transition:transform var(--duration-very-slow) var(--ease-smooth-out);position:absolute}.stage.is-done .float{animation:float var(--float,6s) var(--ease-in-out) var(--float-delay,0s) infinite alternate}@keyframes float{0%{transform:translateY(-4px)}to{transform:translateY(4px)}}.card{border:1.5px solid var(--color-border-strong);border-radius:var(--radius-lg);padding:var(--space-md);gap:var(--space-sm);flex-direction:column;display:flex}.card--paper{background:var(--paper)}.card--lilac{background:var(--lilac);color:var(--color-brand-purple-night)}.w-type{width:200px;top:65px;left:68px}.w-type .card{opacity:0;height:194px;filter:blur(var(--blur-small));box-shadow:0 0 0 0 var(--color-edge-ink);transition:opacity var(--duration-fast) var(--ease-smooth-out), filter var(--duration-fast) var(--ease-smooth-out), transform var(--duration-slow) var(--ease-bounce), box-shadow var(--duration-slow) var(--ease-bounce);transform:scale(.94)}.w-type .aa{letter-spacing:-.04em;margin-top:auto;font-family:Piazzolla,Georgia,serif;font-size:120px;line-height:.9}.stage.is-fill1 .w-type .card{opacity:1;filter:none;transform:none}.stage.is-settle1 .w-type .card{box-shadow:3px 8px 0 0 var(--color-edge-ink);transform:rotate(-6deg)}.w-colors{width:212px;top:8px;left:1116px}.w-colors .card{opacity:0;height:167px;filter:blur(var(--blur-small));box-shadow:0 0 0 0 var(--color-edge-lilac);transition:opacity var(--duration-fast) var(--ease-smooth-out), filter var(--duration-fast) var(--ease-smooth-out), transform var(--duration-slow) var(--ease-bounce), box-shadow var(--duration-slow) var(--ease-bounce);transform:scale(.94)}.dots{gap:var(--space-xs);grid-template-columns:repeat(3,48px);display:grid}.dot{border:1.5px solid var(--color-border-strong);opacity:0;width:48px;height:48px;transition:transform var(--duration-medium) var(--ease-bounce), opacity var(--duration-quick) var(--ease-smooth-out);transition-delay:calc(.12s + var(--i) * var(--duration-stagger) * 1.5);border-radius:50%;transform:scale(0)}.stage.is-fill2 .w-colors .card{opacity:1;filter:none;transform:none}.stage.is-fill2 .dot{opacity:1;transform:none}.stage.is-settle2 .w-colors .card{box-shadow:3px 8px 0 0 var(--color-edge-lilac);transform:rotate(7deg)}.w-bound{top:597px;left:62px}.pill{align-items:center;gap:var(--space-sm);height:44px;padding:0 var(--space-xs) 0 var(--space-md);background:var(--color-bg-surface);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-full);box-shadow:2px 5px 0 0 var(--color-edge-ink);opacity:0;filter:blur(var(--blur-small));transition:opacity var(--duration-medium) var(--ease-smooth-out), filter var(--duration-medium) var(--ease-smooth-out), transform var(--duration-very-slow) var(--ease-bounce);display:flex;transform:translate(-40px)rotate(0)}.stage.is-bound .pill{opacity:1;filter:none;transform:rotate(6deg)}.w-prompt{top:640px;left:444px}.prompt{align-items:center;gap:var(--space-sm);width:503px;height:63px;padding:0 var(--space-xs) 0 var(--space-lg);background:var(--color-bg-surface);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-full);box-shadow:2px 6px 0 0 var(--color-edge-ink);opacity:0;filter:blur(var(--blur-small));transition:opacity var(--duration-medium) var(--ease-smooth-out), filter var(--duration-medium) var(--ease-smooth-out), transform .7s var(--ease-smooth-out);display:flex;transform:translateY(40px)}.prompt>.t-label{white-space:nowrap;flex:1;overflow:hidden}.caret{vertical-align:-.15em;background:var(--ink);opacity:0;width:1.5px;height:1.1em;margin-left:2px;display:inline-block}.caret.typing{opacity:1;animation:.8s step-end infinite blink}@keyframes blink{50%{opacity:0}}.stage.is-prompt .prompt{opacity:1;filter:none;transform:none}.stage.is-dock .prompt{transform:translate(431px,-15px)rotate(-11deg)}.send{display:grid;position:relative}.send:after{content:"";border:3px solid var(--lime);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:-6px;transform:scale(.8)}.stage.is-click:not(.is-dock) .send .icon-btn{animation:press .32s var(--ease-bounce)}.stage.is-click .send:after{animation:ring .6s var(--ease-smooth-out) .12s}@keyframes press{35%{transform:scale(.86)}}@keyframes ring{0%{opacity:1;transform:scale(.8)}to{opacity:0;transform:scale(1.7)}}.sel{pointer-events:none;width:0;height:0;box-shadow:inset 0 0 0 2px var(--purple);opacity:0;transition:width .65s var(--ease-smooth-out), height .65s var(--ease-smooth-out), opacity var(--duration-quick) var(--ease-smooth-out);position:absolute}.sel i{background:var(--white);border:2px solid var(--purple);width:10px;height:10px;position:absolute}.sel i:first-child{top:-5px;left:-5px}.sel i:nth-child(2){top:-5px;right:-5px}.sel i:nth-child(3){bottom:-5px;left:-5px}.sel i:nth-child(4){bottom:-5px;right:-5px}.sel1{top:65px;left:68px}.sel2{top:8px;left:1116px}.stage.is-sel1 .sel1{opacity:1;width:200px;height:194px}.stage.is-sel2 .sel2{opacity:1;width:212px;height:167px}.sel-label{background:var(--purple);color:var(--paper);border-radius:var(--radius-full);font-variant-numeric:tabular-nums;white-space:nowrap;padding:3px 10px;position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%)}.stage.is-settle1 .sel1,.stage.is-settle2 .sel2{opacity:0;transition:opacity var(--duration-fast) var(--ease-smooth-out)}.cursor{pointer-events:none;z-index:5;transition-property:transform;transition-timing-function:var(--ease-smooth-out);position:absolute;top:0;left:0}.cursor-icon,.cursor-label{opacity:0;transition:opacity var(--duration-fast) var(--ease-smooth-out), transform var(--duration-fast) var(--ease-bounce);transform:scale(.6)}.cursor-icon{transform-origin:3px 3px;width:33px;height:36px;display:block}.cursor-label{background:var(--lime);border-radius:var(--radius-sm);transform-origin:0 0;padding:3px 10px;position:absolute;top:36px;left:28px}.stage.is-cursorIn .cursor-icon,.stage.is-cursorIn .cursor-label{opacity:1;transform:none}.stage.is-click:not(.is-dock) .cursor-icon,.stage.is-click2:not(.is-done) .cursor-icon{animation:tap .26s var(--ease-smooth-out)}@keyframes tap{40%{transform:scale(.8)}}.stage.is-done .cursor-icon,.stage.is-done .cursor-label{opacity:0;transform:scale(.6)}.scene,.scene *{pointer-events:none}.scene{position:absolute;inset:0}.stage-logo{pointer-events:none;opacity:0;filter:blur(var(--blur-small));transition:opacity .7s var(--ease-smooth-out), filter .7s var(--ease-smooth-out), transform .7s var(--ease-smooth-out);place-items:center;display:grid;position:absolute;inset:0;transform:scale(.94)}.stage-logo .logo{color:var(--paper);gap:60px}.stage-logo .mark{width:84px;height:84px;transition:transform .9s var(--ease-bounce);transform:rotate(-35deg)scale(.8)}.stage-logo .t-wordmark{font-size:96px}.stage.is-logo .stage-logo{opacity:1;filter:none;transform:none}.stage.is-logo .stage-logo .mark{transform:none}.replay{opacity:0;pointer-events:none;width:48px;height:48px;transition:opacity var(--duration-fast) var(--ease-smooth-out), transform var(--duration-fast) var(--ease-bounce), background-color var(--duration-quick) var(--ease-smooth-out);margin-left:-24px;position:absolute;bottom:24px;left:50%;transform:translateY(8px)scale(.9)}.replay .icon{transition:transform var(--duration-medium) var(--ease-smooth-out)}.replay:hover{background:var(--btn-hover)}.replay:hover .icon{transform:rotate(-120deg)}.replay:active{transform:scale(.94)}.replay:focus-visible{outline:2px solid var(--purple);outline-offset:3px}.stage.is-logo .replay{opacity:1;pointer-events:auto;transition-delay:.6s,.6s,0s;transform:none}.stage.is-reset,.stage.is-reset *{transition:none!important;animation:none!important}.stage.compact .motion-card{width:560px;height:560px;top:120px;left:20px}.stage.compact .motion-card video{width:820px;height:820px;top:-40px;left:-130px}.stage.compact .stage-logo .logo{gap:40px}.stage.compact .stage-logo .mark{width:60px;height:60px}.stage.compact .stage-logo .t-wordmark{font-size:68px}.stage.compact .w-type,.stage.compact .sel1{top:24px;left:16px}.stage.compact .w-colors,.stage.compact .sel2{top:24px;left:372px}.stage.compact .w-bound{top:690px;left:24px}.stage.compact .w-prompt{top:762px;left:48px}.stage.compact.is-dock .prompt{transform:translate(30px,4px)rotate(-4deg)}.stage.compact .replay{width:76px;height:76px;margin-left:-38px;bottom:20px}.stage.compact .replay .icon{width:30px;height:30px}.muted{color:var(--color-text-secondary)}.faint{color:var(--color-text-tertiary)}.nav-wrap{z-index:10;padding:var(--space-lg) var(--gutter) 0;pointer-events:none;justify-content:center;display:flex;position:sticky;top:0}.nav{pointer-events:auto;width:100%;max-width:var(--content);justify-content:space-between;align-items:center;gap:var(--space-lg);height:72px;padding:0 var(--space-sm) 0 var(--space-lg);border-radius:var(--radius-full);background:color-mix(in srgb, var(--color-bg-surface) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:nav-in var(--duration-very-slow) var(--ease-smooth-out) both;display:flex;box-shadow:0 8px 24px #24211e0f}@keyframes nav-in{0%{opacity:0;transform:translateY(-12px)}}.nav-logo{transform-origin:0;transform:scale(.8)}.nav-links{gap:var(--space-xl);display:flex}.nav-links a{position:relative}.nav-links a:after{content:"";transform-origin:0;height:1.5px;transition:transform var(--duration-fast) var(--ease-smooth-out);background:currentColor;position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}.nav-links a:hover:after{transform:none}.nav-actions{gap:var(--space-xs);display:flex}.hero{min-height:calc(100svh - 96px);padding:var(--space-2xl) var(--space-lg) var(--space-4xl);flex-direction:column;justify-content:center;align-items:center;display:flex}.hero-copy{align-items:center;gap:var(--space-xl);text-align:center;flex-direction:column;display:flex}.hero-title{font-size:clamp(56px,8.5vw,112px)}.hero-title .line{display:block}.hero-title .word,.hero-in{animation:word-in var(--duration-very-slow) var(--ease-smooth-out) both;animation-delay:calc(.15s + var(--i) * var(--duration-stagger) * 1.5);display:inline-block}@keyframes word-in{0%{opacity:0;filter:blur(var(--blur-small));transform:translateY(.35em)}}.hero-sub{max-width:620px;color:var(--color-text-secondary)}.hero-ctas{justify-content:center;gap:var(--space-sm);flex-wrap:wrap;display:flex}.showcase{padding:var(--space-2xl) var(--space-lg) 0;justify-content:center;display:flex}.showcase .stage-wrap{max-width:1392px}.section--tight{padding-top:var(--space-md)}.how-head{margin-bottom:var(--space-2xl);text-align:center}.how-cards{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.how-card{--reveal-delay:calc(var(--i,0) * var(--duration-stagger) * 2);gap:var(--space-lg);padding:var(--space-lg);border-radius:var(--radius-xl);transition:transform var(--duration-medium) var(--ease-smooth-out) 0s, opacity var(--duration-very-slow) var(--ease-smooth-out) var(--reveal-delay), filter var(--duration-very-slow) var(--ease-smooth-out) var(--reveal-delay);flex-direction:column;display:flex}.how-card.in:hover{transform:translateY(-4px)}.how-card--lilac{background:var(--lilac);color:var(--color-brand-purple-night)}.how-card--lime{background:var(--lime)}.how-card--ink{background:var(--ink);color:var(--color-text-inverse)}.how-card--ink .t-body-m{color:var(--color-text-tertiary)}.how-title{gap:var(--space-sm);display:flex}.how-title .num{opacity:.45}.how-visual{border-radius:var(--radius-lg);background:var(--white);height:266px;padding:var(--space-md);gap:var(--space-xs);color:var(--ink);flex-direction:column;display:flex;overflow:hidden}.tokens{flex-direction:column;gap:2px;display:flex}.token-row{align-items:center;gap:var(--space-sm);height:44px;display:flex}.token-row .t-mono-code{flex:1}.swatch{width:20px;height:20px;box-shadow:inset 0 0 0 1px var(--sand);border-radius:50%;flex:none}.alias{border-radius:var(--radius-sm);background:var(--lilac-soft);color:var(--purple);padding:2px 8px;flex:none!important}.tokens .tag{margin-top:var(--space-xs);align-self:flex-start}.how-visual--center{justify-content:center;align-items:center;gap:var(--space-lg)}.mini-sel{outline:1.5px solid var(--purple);outline-offset:4px;position:relative}.mini-sel>i{background:var(--white);border:1.5px solid var(--purple);width:7px;height:7px;position:absolute}.mini-sel>i:first-of-type{top:-8px;left:-8px}.mini-sel>i:nth-of-type(2){top:-8px;right:-8px}.mini-sel>i:nth-of-type(3){bottom:-8px;left:-8px}.mini-sel>i:nth-of-type(4){bottom:-8px;right:-8px}.mini-card{align-items:flex-start;gap:var(--space-xs);width:170px;padding:var(--space-sm);border-radius:var(--radius-md);background:var(--purple);color:var(--paper);flex-direction:column;display:flex}.mini-card .t-display-s{font-size:22px}.mini-card .btn{height:32px;padding:0 var(--space-sm);font-size:13px}.mini-prompt{align-items:center;gap:var(--space-xs);padding:3px 3px 3px var(--space-md);border-radius:var(--radius-full);background:var(--ink);color:var(--paper);display:flex}.mini-prompt .icon-btn{width:32px;height:32px}.mini-prompt .icon-btn .icon{width:16px;height:16px}.how-visual--code{background:var(--ink-soft);color:var(--paper)}.code{white-space:pre;flex:1;margin:0}.code .hl{color:var(--lime)}.row-tags{gap:var(--space-xs);display:flex}.why{border-radius:var(--radius-xl);background:var(--purple);padding:var(--space-3xl);gap:var(--space-2xl);flex-direction:column;display:flex;position:relative;overflow:hidden}.why-petal{width:620px;height:620px;color:var(--lilac);pointer-events:none;position:absolute;top:-230px;right:-150px}.why.in .why-petal{animation:petal-in 1.2s var(--ease-smooth-out) both}@keyframes petal-in{0%{opacity:0;transform:rotate(-24deg)scale(.85)}}.why-head{align-items:flex-start;gap:var(--space-md);color:var(--paper);flex-direction:column;display:flex;position:relative}.why-head p{color:var(--color-text-on-purple)}.why-bands{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid;position:relative}.why-band{align-items:flex-start;gap:var(--space-md);padding:var(--space-xl);border-radius:var(--radius-xl);transition:transform var(--duration-medium) var(--ease-smooth-out), opacity var(--duration-very-slow) var(--ease-smooth-out), filter var(--duration-very-slow) var(--ease-smooth-out);flex-direction:column;display:flex;position:relative}.why-band p{max-width:380px}.why-band.in:hover{transform:translateY(-3px)}.why-band--lime{background:var(--lime)}.why-band--ink{background:var(--ink);color:var(--color-text-inverse)}.why-band--ink p{color:var(--color-text-tertiary)}.why-cursor{align-items:flex-start;display:flex;position:absolute;top:-18px;right:36px}.why-cursor .svg-fill{width:22px;height:24px}.why-cursor .t-mono-eyebrow{background:var(--lime);border-radius:var(--radius-sm);margin:22px 0 0 -4px;padding:2px 8px}.why.in .why-cursor{animation:cursor-drift 5s var(--ease-in-out) 1s infinite alternate}@keyframes cursor-drift{0%{transform:translate(0)}to{transform:translate(-14px,10px)}}.cta{padding:var(--space-3xl);border-radius:var(--radius-xl);background:var(--ink);color:var(--paper)}.cta-copy{align-items:flex-start;gap:var(--space-lg);flex-direction:column;max-width:640px;display:flex}.cta-copy .t-body-l{color:var(--color-text-tertiary)}.footer{margin-top:var(--space-5xl);padding:0 var(--gutter) var(--space-xl);justify-content:center;display:flex;overflow:hidden}.footer-inner{width:100%;max-width:var(--content);border-top:1px solid var(--color-border-default);padding-top:var(--space-3xl);flex-direction:column;display:flex;container-type:inline-size}.footer-top{gap:var(--space-3xl);grid-template-columns:minmax(260px,1.1fr) minmax(0,1.6fr);display:grid}.footer-brand{align-items:flex-start;gap:var(--space-md);flex-direction:column;display:flex}.footer-brand p{max-width:300px}.footer-brand .btn{margin-top:var(--space-xs)}.footer-logo{transform-origin:0;transform:scale(.8)}.footer-nav{gap:var(--space-xl);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.footer-col{gap:var(--space-md);flex-direction:column;display:flex}.footer-col ul{gap:var(--space-sm);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.footer-col a{color:var(--color-text-secondary);transition:color var(--duration-quick) var(--ease-smooth-out);position:relative}.footer-col a:after{content:"";transform-origin:0;height:1.5px;transition:transform var(--duration-fast) var(--ease-smooth-out);background:currentColor;position:absolute;bottom:-3px;left:0;right:0;transform:scaleX(0)}.footer-col a:hover{color:var(--color-text-primary)}.footer-col a:hover:after{transform:none}.footer-soon{align-items:center;gap:var(--space-xs);color:var(--color-text-tertiary);display:inline-flex}.footer-soon .t-mono-eyebrow{border-radius:var(--radius-sm);background:var(--color-bg-muted);color:var(--color-text-secondary);padding:2px 6px}.footer-wordmark{margin:var(--space-3xl) 0 var(--space-lg);color:var(--color-bg-muted);-webkit-user-select:none;user-select:none;transition:color var(--duration-medium) var(--ease-smooth-out);font-size:43.5cqw;line-height:.76;-webkit-mask-image:linear-gradient(#000 62%,#0000);mask-image:linear-gradient(#000 62%,#0000)}.footer:hover .footer-wordmark{color:var(--sand)}.footer-bottom{justify-content:space-between;align-items:center;gap:var(--space-xs) var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border-default);flex-wrap:wrap;display:flex}.footer-top-link{align-items:center;gap:var(--space-xs);color:var(--color-text-secondary);display:inline-flex}.footer-top-link .icon{width:16px;height:16px;transition:transform var(--duration-fast) var(--ease-smooth-out);transform:rotate(-90deg)}.footer-top-link:hover{color:var(--color-text-primary)}.footer-top-link:hover .icon{transform:rotate(-90deg)translate(3px)}@media (width<=960px){.nav-links{display:none}.how-cards,.why-bands{grid-template-columns:1fr}.why,.cta{padding:var(--space-xl)}.footer-top{gap:var(--space-2xl);grid-template-columns:1fr}.footer-wordmark{margin-top:var(--space-2xl)}}@media (width<=560px){.hero{min-height:calc(100svh - 84px);padding-bottom:var(--space-3xl)}.showcase{padding:0 var(--space-md)}.footer-nav{gap:var(--space-lg) var(--space-md);grid-template-columns:repeat(2,minmax(0,1fr))}.footer-bottom{flex-direction:column;align-items:flex-start}}.how-visual--code .code{font-size:12px;line-height:1.45}