.swap:where(.astro-f5g7cqr6):not([hidden]){grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:20px;display:grid}.swap-stage:where(.astro-f5g7cqr6){justify-items:center;gap:20px;padding-block:32px;display:grid}.swap-row:where(.astro-f5g7cqr6){flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.swap-code:where(.astro-f5g7cqr6){gap:14px;min-width:0;display:grid}.swap-code:where(.astro-f5g7cqr6)>p:where(.astro-f5g7cqr6){color:var(--muted);margin:0;font-size:17px}.swap-more:where(.astro-f5g7cqr6){justify-self:start}@media (width<=820px){.swap:where(.astro-f5g7cqr6):not([hidden]){grid-template-columns:minmax(0,1fr)}}.showcase:where(.astro-wvihq5mh){gap:10px;width:100%;line-height:1;display:grid}.row:where(.astro-wvihq5mh){grid-template-columns:40px minmax(0,1fr);align-items:center;gap:8px;display:grid}.label:where(.astro-wvihq5mh){font:600 12px / 1 var(--text);color:var(--muted)}.avs:where(.astro-wvihq5mh){flex-wrap:wrap;align-items:center;gap:4px;display:flex}.av:where(.astro-wvihq5mh){line-height:0}.swatches:where(.astro-wvihq5mh){margin-left:6px;display:flex}i:where(.astro-wvihq5mh){width:18px;height:18px;box-shadow:0 0 0 2px var(--tint);border-radius:50%;margin-right:-5px}.home .hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(24px,4vw,56px);min-height:calc(100svh - 140px);padding-block:16px;display:grid}.home h1{letter-spacing:-.045em;font-size:clamp(44px,min(6.6vw,9.5svh),96px);font-weight:800;line-height:.95}.home h1 em{text-wrap:balance;color:var(--accent-text);transition:color .4s var(--ease);font-style:normal;display:block}.home h1 span{animation:nb-rise .7s var(--ease) both;animation-delay:calc(var(--i) * 45ms);display:inline-block}@keyframes nb-rise{0%{opacity:0;transform:translateY(.55em)rotate(5deg)}}.seed-field{background:var(--surface);border:1px solid var(--line);border-radius:18px;align-items:center;gap:8px;max-width:480px;margin:28px 0 18px;padding:6px 6px 6px 18px;transition:border-color .2s;display:flex}.seed-field:focus-within{border-color:var(--accent)}.seed-field input{background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:18px;font-weight:500}.stage{--px:0;--py:0;aspect-ratio:1;justify-self:center;width:100%;max-width:min(560px,66svh);position:relative}.stage .blob{background:var(--tint);transition:background-color .4s var(--ease);border-radius:42% 58% 55% 45%/48% 42% 58% 52%;animation:16s ease-in-out infinite alternate nb-blob;position:absolute;inset:9%}@keyframes nb-blob{to{transform:rotate(10deg)scale(1.04)}}.hero-tilt{transform:translate(calc(var(--px) * 26px), calc(var(--py) * 18px)) rotate(calc(var(--px) * 6deg));place-items:center;display:grid;position:absolute;inset:0}.hero-av{background:0 0;border:0;border-radius:40%;padding:0;line-height:0}.hero-av svg{width:min(320px,60vw,40svh);height:auto}.sat{left:var(--x);top:var(--y);transform:translate(-50%, -50%) translate(calc(var(--px) * var(--d) * -70px), calc(var(--py) * var(--d) * -50px));position:absolute}.sat>.av{animation:nb-float calc(5s + var(--delay) * 1s) ease-in-out infinite;animation-delay:calc(var(--delay) * -1s)}@keyframes nb-float{50%{transform:translateY(-12px)rotate(3deg)}}.bubble{background:var(--surface);border:1px solid var(--line);white-space:nowrap;opacity:0;pointer-events:none;transform-origin:0 100%;border-radius:16px 16px 16px 4px;padding:8px 14px;font-weight:700;transition:opacity .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1);position:absolute;top:13%;left:58%;transform:translateY(4px)scale(.96);box-shadow:0 10px 24px -16px #00000059}.bubble.on{opacity:1;transform:none}@media (prefers-reduced-motion:no-preference){.hero-av.beckon{animation:nb-beckon 3.6s var(--ease) 1.2s infinite}}@keyframes nb-beckon{0%,78%,to{transform:none}85%{transform:translateY(-12px)rotate(-3deg)}92%{transform:translateY(0)rotate(2deg)}}.picker-row{z-index:20;padding:10px var(--gutter);justify-content:center;display:flex;position:sticky;top:68px}@media (width<=720px){.picker-row .picker{flex-wrap:nowrap;justify-content:flex-start;width:100%;padding:0;overflow:hidden}.picker-row .picker-scroll{scrollbar-width:none;scroll-snap-type:x proximity;flex:1;align-items:center;gap:10px;min-width:0;padding:6px 12px;scroll-padding-inline:12px;display:flex;overflow-x:auto}.picker-row .picker-scroll[data-at=start]{mask-image:linear-gradient(90deg,#000 calc(100% - 32px),#0000)}.picker-row .picker-scroll[data-at=middle]{mask-image:linear-gradient(90deg,#0000,#000 32px calc(100% - 32px),#0000)}.picker-row .picker-scroll[data-at=end]{mask-image:linear-gradient(90deg,#0000,#000 32px)}.picker-row .picker-scroll::-webkit-scrollbar{display:none}.picker-row .picker-scroll>span{display:none}.picker-row .chip{scroll-snap-align:start;flex:none}}.scene{grid-template-columns:1.05fr .9fr 1.2fr;gap:16px;display:grid}.scene h3{font:700 15px var(--text);letter-spacing:0;margin-bottom:10px}.member{text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;width:calc(100% + 16px);margin:0 -8px;padding:6px 8px;line-height:0;transition:background-color .2s;display:flex}.member:hover,.member[aria-current=true]{background:color-mix(in srgb, var(--accent) 10%, transparent)}.member span{flex:1;font-size:14px;font-weight:700;line-height:1.25}.member small{color:var(--muted);font-weight:400;display:block}.dot{background:var(--line);border-radius:50%;width:9px;height:9px;transition:background-color .4s}.dot.on{background:var(--accent)}.profile{text-align:center;background:linear-gradient(var(--tint-strong) 0 40%, var(--surface) 40%);align-content:center;justify-items:center;gap:6px;display:grid}#profile-av{min-height:120px;line-height:0}.profile h4{font:800 22px/1.1 var(--display);letter-spacing:-.02em;margin:10px 0 0}.profile small{color:var(--muted);margin-bottom:10px}.chat{flex-direction:column;display:flex}#chat{flex:1}.msg{align-items:flex-end;gap:10px;margin:10px 0;line-height:0;display:flex}.msg p{background:var(--paper);border-radius:16px 16px 16px 4px;margin:0;padding:9px 12px;font-size:14px;line-height:1.4}.msg.me{justify-content:flex-end}.msg.me p{background:var(--accent);color:var(--on-accent);border-radius:16px 16px 4px;transition:background-color .4s}.msg.new{animation:nb-msg .6s var(--spring) both}@keyframes nb-msg{0%{opacity:0;transform:translateY(14px)scale(.96)}}.typing-row.me{flex-direction:row-reverse}.typing{gap:4px;display:flex}.typing i{background:var(--muted);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite nb-dot}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}@keyframes nb-dot{0%,70%,to{opacity:.3;transform:none}35%{opacity:1;transform:translateY(-3px)}}.family .section-head{margin-bottom:28px}.marquee{padding-block:8px;overflow:hidden;mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.track{width:max-content;animation:70s linear infinite nb-scroll;display:flex}.track>.av{margin-right:18px}.marquee.reverse .track{animation-duration:80s;animation-direction:reverse}.marquee:hover .track{animation-play-state:paused}@keyframes nb-scroll{to{transform:translate(-50%)}}.center{justify-content:center;margin-top:28px;display:flex}.features{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.feature{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);transition:transform .4s var(--spring), box-shadow .4s;padding:22px}.feature:hover{box-shadow:0 18px 40px -24px color-mix(in srgb, var(--accent) 60%, transparent);transform:translateY(-4px)}.feature-art{border-radius:var(--r-md);background:var(--tint);justify-content:center;align-items:center;gap:12px;min-height:136px;margin-bottom:18px;padding:12px;line-height:0;transition:background-color .4s;display:flex}.feature-art.modes{gap:0;padding:0;overflow:hidden}.modes .tile{background:#f7f5f2;flex:1;align-self:stretch;place-items:center;display:grid}.modes .tile.dark{background:#16161a}.feature-art.glide{color:var(--muted)}.feature h3{margin-bottom:8px;font-size:22px;font-weight:800}.feature p{color:var(--muted);margin:0}.feature code{font:.92em var(--mono)}.big-num{font:800 56px/1 var(--display);letter-spacing:-.04em;color:var(--accent-text)}.toggles{gap:6px;line-height:1;display:grid}.toggles button{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700}.toggles button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.ai-band{background:var(--ink);color:var(--paper);border-radius:var(--r-xl);grid-template-columns:1.1fr .9fr;align-items:center;gap:36px;padding:clamp(24px,4vw,52px);display:grid}.ai-band h2{font-size:clamp(34px,4.2vw,54px);font-weight:800}.ai-band p{color:color-mix(in srgb, var(--paper) 78%, transparent);margin:14px 0 24px;font-size:18px}.ai-band .btn-ghost{color:var(--paper);border-color:color-mix(in srgb, var(--paper) 35%, transparent);background:0 0}.ai-prompt{background:color-mix(in srgb, var(--paper) 9%, transparent);border-radius:var(--r-md);overflow:hidden}.ai-prompt .code-head{color:color-mix(in srgb, var(--paper) 70%, transparent)}.ai-prompt pre{font:14px/1.6 var(--mono);white-space:pre-wrap;margin:0;padding:18px}.cta{text-align:center}.cta h2{margin-bottom:26px;font-size:clamp(44px,6.4vw,84px);font-weight:800}.cta .actions{justify-content:center}.cta-row{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:40px;display:flex}.cta-row>span{animation:nb-hop 3.2s var(--ease) infinite;animation-delay:calc(var(--i) * .18s)}@keyframes nb-hop{0%,55%,to{transform:none}25%{transform:translateY(-14px)}}.home main{overflow-x:clip}@media (width<=960px){.home .hero,.scene,.ai-band{grid-template-columns:minmax(0,1fr)}.home .hero{min-height:0}.features{grid-template-columns:1fr}}
