.ai-hero h1 mark{background:linear-gradient(transparent 62%,var(--signal) 62%,var(--signal) 90%,transparent 90%);color:inherit;padding:0 .05em}.ai-hero{padding-block:clamp(40px,6vw,80px) clamp(32px,5vw,56px)}.ai-hero .grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(28px,5vw,64px);display:grid}.ai-hero .grid>*{min-width:0}@media (width<=920px){.ai-hero .grid{grid-template-columns:1fr}}.works{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.works span{font:700 .85rem/1 var(--f-body);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:.6em .85em}.stack{background:var(--surface);border:1px solid var(--line);border-radius:14px;gap:10px;padding:22px;display:grid;box-shadow:0 24px 48px -28px #10283a59}.stack .row{border:1px solid var(--line);border-radius:10px;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:12px 14px;display:grid}.stack .row b{font:700 .72rem/1 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.stack .row span{font-weight:600}.stack .arrow{color:var(--signal);font:700 1rem/1 var(--f-mono);justify-self:center}.stack .row.hl{border-color:var(--signal);background:color-mix(in srgb,var(--signal) 8%,transparent)}#demo .head{text-align:center;justify-items:center;margin-inline:auto}.sim{gap:14px;max-width:860px;margin-inline:auto;display:grid}.topics{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.topics button{font:600 .9rem/1 var(--f-body);border:1.5px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;border-radius:999px;padding:.65em 1.05em}.topics button:hover{border-color:var(--ink-soft)}.topics button[aria-selected=true]{background:var(--ink);border-color:var(--ink);color:var(--ground)}.qs{flex-wrap:wrap;justify-content:center;gap:8px;min-height:44px;display:flex}.tool{font:600 .9rem/1.2 var(--f-body);text-align:left;border:1.5px dashed color-mix(in srgb,var(--signal) 55%,var(--line));background:color-mix(in srgb,var(--signal) 5%,var(--surface));color:var(--ink);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:.6em .9em;transition:background .15s;display:inline-flex}.tool:hover{background:color-mix(in srgb,var(--signal) 12%,var(--surface))}.tool[aria-pressed=true]{border-style:solid;border-color:var(--signal);background:color-mix(in srgb,var(--signal) 16%,var(--surface))}.tool .w{font:700 .62rem/1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;background:color-mix(in srgb,var(--signal) 30%,transparent);white-space:nowrap;border-radius:4px;padding:.35em .45em}.chat{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:0 30px 60px -36px #10283a73}.chead{border-bottom:1px solid var(--line);background:var(--ground);align-items:center;gap:10px;padding:12px 16px;display:flex}.chead .dot{background:var(--ok);border-radius:50%;flex:none;width:10px;height:10px}.chead b{font-size:.92rem}.chead small{font:700 .68rem/1 var(--f-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin-left:auto}.clog{align-content:start;gap:12px;min-height:380px;padding:18px 16px;display:grid}.msg{border-radius:12px;max-width:88%;padding:10px 13px;font-size:.95rem;line-height:1.5;animation:.25s ease-out both pop}.msg.u{background:var(--ink);color:var(--ground);border-bottom-right-radius:4px;justify-self:end}.msg.a{background:var(--ground);border:1px solid var(--line);border-bottom-left-radius:4px;justify-self:start}.msg.a ul{margin:6px 0 0;padding-left:1.1em}.act{border:1px solid var(--line);background:color-mix(in srgb,var(--signal) 6%,var(--surface));border-radius:12px;justify-self:start;gap:8px;width:min(100%,420px);padding:12px 14px;animation:.25s ease-out both pop;display:grid}.atop{align-items:center;gap:10px;font-size:.9rem;display:flex}.atop b{flex:1;min-width:0}.atop code{font:500 .7rem/1 var(--f-mono);color:var(--ink-soft);background:var(--ground);border:1px solid var(--line);white-space:nowrap;border-radius:5px;margin-left:auto;padding:.35em .5em}.spin{border:2.5px solid color-mix(in srgb,var(--signal) 30%,transparent);border-top-color:var(--signal);border-radius:50%;flex:none;width:16px;height:16px;animation:.8s linear infinite spin}.act.fin .spin{background:var(--ok);border:0;place-items:center;animation:none;display:grid}.act.fin .spin:after{content:"";border:0 solid #fff;border-width:0 0 2px 2px;width:7px;height:4px;transform:rotate(-45deg)translate(1px,-1px)}.act ul{gap:5px;margin:0;padding:0 0 0 24px;list-style:none;display:grid}.act li{color:var(--ink-soft);padding-left:19px;font-size:.85rem;line-height:1.4;animation:.2s ease-out both pop;position:relative}.act li:before{content:"";background:var(--signal);border-radius:50%;width:6px;height:6px;position:absolute;top:.5em;left:1px}.act li.run:after{content:"…";animation:1s infinite blink}.act li.ok:before{border:solid var(--ok);background:0 0;border-width:0 0 2px 2px;border-radius:0;width:10px;height:6px;top:.35em;left:0;transform:rotate(-45deg)}@keyframes spin{to{transform:rotate(360deg)}}.typing{background:var(--ground);border:1px solid var(--line);border-radius:12px;justify-self:start;gap:4px;padding:12px 14px;display:flex}.typing i{background:var(--ink-soft);border-radius:50%;width:6px;height:6px;animation:1s infinite blink}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}.confirm{justify-self:end;gap:8px;animation:.25s ease-out both pop;display:flex}.confirm .btn{padding:.6em 1em;font-size:.9rem}.cfoot{border-top:1px solid var(--line);color:var(--ink-soft);justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;font-size:.8rem;display:flex}.cfoot button{font:700 .85rem/1 var(--f-body);color:var(--accent);cursor:pointer;background:0 0;border:0;padding:.5em 0}@keyframes pop{0%{opacity:0;transform:translateY(6px)}}@keyframes blink{50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.msg,.act,.act li,.confirm,.typing i,.spin,.act li.run:after{animation:none}}.cards3{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}@media (width<=860px){.cards3{grid-template-columns:1fr}}.cards3>div{background:var(--surface);border:1px solid var(--line);border-radius:12px;align-content:start;gap:8px;padding:24px;display:grid}.cards3 p{color:var(--ink-soft)}