.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 32px}@media(max-width:720px){.wrap{padding:0 20px}}.eyebrow{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--spark-text, var(--spark-500));display:inline-flex;align-items:center;gap:8px}.eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--spark-500);box-shadow:0 0 12px var(--spark-alpha-60)}.section-kicker{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3)}header.nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--bg-base) 78%,transparent);backdrop-filter:saturate(140%) blur(14px);-webkit-backdrop-filter:saturate(140%) blur(14px);border-bottom:1px solid transparent;transition:border-color .2s ease,background .2s ease}header.nav.scrolled{border-bottom-color:var(--border)}.nav-inner{height:64px;display:flex;align-items:center;gap:28px}.wordmark{font-weight:700;font-size:19px;letter-spacing:-.025em;color:var(--fg);display:inline-flex;align-items:center;gap:7px;flex-shrink:0}.wordmark-icon{flex-shrink:0;color:var(--spark-text, var(--spark-500))}.wordmark-icon .wm-play{fill:currentColor}.wordmark-icon .wm-bubble{fill:var(--spark-300)}.wordmark-text{display:inline-flex;align-items:baseline;gap:1px}.wordmark .dot{color:var(--spark-text, var(--spark-500))}.foot-brand .wordmark{gap:1px}.nav-links{display:flex;align-items:center;gap:4px;margin-left:8px}.nav-links a{font-size:14px;font-weight:500;color:var(--fg-2);padding:8px 12px;border-radius:var(--radius-sm);transition:color var(--t-fast),background var(--t-fast)}.nav-links a:hover{color:var(--fg);background:var(--bg-hover)}.nav-right{margin-left:auto;display:flex;align-items:center;gap:8px}@media(max-width:860px){.nav-links{display:none}.icon-btn{width:44px;height:44px}.nav-right .btn-sm{height:44px}}@media(max-width:460px){.nav-login{display:none}}.icon-btn{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:transparent;color:var(--fg-2);cursor:pointer;transition:all var(--t-fast)}.icon-btn:hover{color:var(--fg);border-color:var(--border-hover);background:var(--bg-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:var(--font-ui);font-weight:600;font-size:14px;border-radius:var(--radius-sm);cursor:pointer;border:1px solid transparent;transition:all var(--t-fast);white-space:nowrap}.btn-sm{height:38px;padding:0 16px}.btn-md{height:46px;padding:0 22px;font-size:15px}.btn-lg{height:52px;padding:0 26px;font-size:15.5px}.btn-primary{background:var(--spark);color:var(--on-spark);box-shadow:var(--glow-spark-soft)}.btn-primary:hover{background:var(--spark-hover);transform:translateY(-1px)}.btn-primary:active{background:var(--spark-700);transform:translateY(0)}.btn-ghost{background:transparent;color:var(--fg);border-color:var(--border)}.btn-ghost:hover{background:var(--bg-hover);border-color:var(--border-hover)}.btn-soft{background:var(--surface-1);color:var(--fg);border-color:var(--border)}.btn-soft:hover{background:var(--surface-2);border-color:var(--border-hover)}.hero{position:relative;padding:clamp(28px,3.4vw,44px) 0 clamp(28px,3vw,40px);overflow:hidden}.hero-glow{position:absolute;top:-180px;right:-120px;width:720px;height:720px;border-radius:50%;background:radial-gradient(circle,var(--spark-alpha-20),transparent 62%);filter:blur(20px);pointer-events:none;z-index:0}[data-theme=light] .hero-glow{background:radial-gradient(circle,rgba(232,49,46,.13),transparent 62%)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}@media(max-width:980px){.hero-grid{grid-template-columns:1fr;gap:48px}}.hero h1{font-size:clamp(40px,5.6vw,66px);font-weight:700;letter-spacing:-.035em;line-height:1.02;margin:22px 0 0;text-wrap:balance}.hero h1 .accent{color:var(--spark-400)}.hero .lede{font-size:clamp(16px,1.7vw,19px);color:var(--fg-2);line-height:1.6;margin-top:22px;max-width:540px;text-wrap:pretty}.hero-cta{display:flex;align-items:center;gap:12px;margin-top:32px;flex-wrap:wrap}.hero-note{margin-top:18px;font-size:13px;color:var(--fg-note);display:flex;align-items:center;gap:14px;flex-wrap:wrap}.hero-note span{display:inline-flex;align-items:center;gap:7px}.tick{color:var(--status-success)}.mock{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--elevation-float);overflow:hidden;position:relative}.mock-head{display:flex;align-items:center;gap:8px;height:48px;padding:0 14px;border-bottom:1px solid var(--border);background:var(--bg-base)}.mock-head .spark{color:var(--spark-400);display:inline-flex}.mock-head .title{font-weight:600;font-size:14px}.mock-head .status{width:6px;height:6px;border-radius:50%;background:var(--spark);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.mock-head .pushed{margin-left:auto;display:flex;gap:6px;color:var(--fg-3)}.mock-body{padding:18px;display:flex;flex-direction:column;gap:14px}.msg-user{align-self:flex-end;max-width:86%;background:var(--spark-alpha-12);border:1px solid var(--spark-alpha-20);color:var(--fg);padding:11px 14px;border-radius:14px 14px 4px;font-size:14px;line-height:1.5}.scope-row{display:flex;gap:6px;margin-top:9px;flex-wrap:wrap}.scope-chip{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:11.5px;font-weight:500;padding:3px 9px;border-radius:var(--radius-pill);background:var(--surface-2);border:1px solid var(--border);color:var(--spark-300)}.scope-chip .at{color:var(--spark-500)}.msg-agent{align-self:flex-start;max-width:94%;display:flex;gap:10px}.agent-badge{width:26px;height:26px;border-radius:8px;flex-shrink:0;background:var(--spark-alpha-12);color:var(--spark-400);display:inline-flex;align-items:center;justify-content:center}.agent-text{font-size:14px;line-height:1.6;color:var(--fg)}.agent-text .lead{color:var(--fg-2)}.agent-bullets{list-style:none;margin:10px 0 0;display:flex;flex-direction:column;gap:8px}.agent-bullets li{display:flex;gap:9px;align-items:flex-start;font-size:13.5px;color:var(--fg)}.agent-bullets .b{width:5px;height:5px;border-radius:50%;background:var(--spark-400);margin-top:8px;flex-shrink:0}.src-pill{display:inline-flex;align-items:center;gap:7px;margin-top:12px;padding:6px 10px;border-radius:var(--radius-sm);background:var(--bg-base);border:1px solid var(--border);font-size:12px;color:var(--fg-2);max-width:100%}.src-pill .ts{font-family:var(--font-mono);color:var(--spark-400);font-weight:500}.src-pill .vt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mock-input{margin:0 14px 14px;padding:12px 12px 10px;background:var(--bg-base);border:1px solid var(--border-hover);border-radius:var(--radius-lg)}.mock-input .ph{font-size:13.5px;color:var(--fg-3)}.mock-input .ph .at{color:var(--spark-400);font-family:var(--font-mono)}.mock-input .row{display:flex;align-items:center;gap:8px;margin-top:11px}.mini-ic{width:26px;height:26px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;color:var(--fg-3);border:1px solid var(--border)}.model-pill{margin-left:auto;display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:11.5px;color:var(--fg-2);padding:5px 10px;border-radius:var(--radius-pill);background:var(--surface-1);border:1px solid var(--border)}.model-pill .live{width:6px;height:6px;border-radius:50%;background:var(--status-success)}.send-btn{width:30px;height:30px;border-radius:7px;flex-shrink:0;background:var(--spark);color:var(--on-spark);display:inline-flex;align-items:center;justify-content:center}section{position:relative}:where(#how,#features,#examples,#faq){scroll-margin-top:80px}.section-pad{padding:clamp(34px,3.4vw,46px) 0}.section-pad.pad-tight-bottom{padding-bottom:clamp(28px,3vw,38px)}.section-pad.pad-tight-top{padding-top:clamp(28px,3vw,38px)}.section-head{max-width:640px;margin-bottom:clamp(24px,2.6vw,34px)}.section-head h2{font-size:clamp(28px,3.4vw,40px);font-weight:700;letter-spacing:-.03em;line-height:1.08;margin-top:14px;text-wrap:balance}.section-head p{color:var(--fg-2);font-size:16.5px;margin-top:16px;line-height:1.6;text-wrap:pretty}.flow{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;counter-reset:none;position:relative}.flow-step{position:relative;padding-top:8px;text-align:center}.flow-step:before{content:"";position:absolute;top:31px;left:calc(50% + 32px);width:calc(100% - 24px);height:2px;background:linear-gradient(90deg,var(--spark-alpha-40),var(--spark-alpha-20));z-index:0}.flow-step:last-child:before{display:none}.flow-num{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;font-family:var(--font-mono);font-size:20px;font-weight:600;color:var(--spark-text, var(--spark-500));background:var(--surface-1);border:1.5px solid var(--spark-alpha-40);box-shadow:var(--glow-spark-soft)}.flow-step h3{font-size:18px;font-weight:600;letter-spacing:-.01em;margin-top:20px}.flow-step p{color:var(--fg-2);font-size:14.5px;line-height:1.6;margin:9px auto 0;max-width:34ch}.at-strong{color:var(--spark-400);font-weight:700}@media(max-width:860px){.flow{grid-template-columns:1fr;gap:0}.flow-step{padding:0 0 28px 64px;text-align:left}.flow-step:last-child{padding-bottom:0}.flow-num{position:absolute;left:0;top:0}.flow-step:before{top:48px;left:23px;width:2px;height:calc(100% - 48px);background:linear-gradient(180deg,var(--spark-alpha-40),var(--spark-alpha-12))}.flow-step h3{margin-top:4px}.flow-step p{max-width:none;margin-left:0;margin-right:0}}.feat-band{background:var(--bg-elevated);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.feats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}@media(max-width:760px){.feats{grid-template-columns:1fr}}.feat{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;transition:border-color var(--t-base),transform var(--t-base)}.feat:hover{border-color:var(--border-hover);transform:translateY(-2px)}.feat-ic{width:40px;height:40px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:18px;color:var(--spark-text, var(--spark-500));background:var(--spark-alpha-12);border:1px solid var(--spark-alpha-20)}.feat:hover .feat-ic{border-color:var(--spark-alpha-40)}.feat-ic-at{font-family:var(--font-mono);font-size:20px;font-weight:600}.feat h3{font-size:16.5px;font-weight:600;letter-spacing:-.01em}.feat p{color:var(--fg-2);font-size:14px;line-height:1.6;margin-top:9px}.feats-promise{margin-top:18px}.feat .ink{color:var(--fg);font-weight:600}.ex-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media(max-width:760px){.ex-grid{grid-template-columns:1fr}}.ex{display:flex;align-items:center;gap:14px;background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px;transition:border-color var(--t-base),background var(--t-base),transform var(--t-base);cursor:default}.ex:hover{border-color:var(--spark-alpha-40);transform:translateY(-2px)}.ex-spark{width:34px;height:34px;border-radius:9px;flex-shrink:0;background:var(--spark-alpha-12);color:var(--spark-400);display:inline-flex;align-items:center;justify-content:center}.ex-text{font-size:15px;color:var(--fg);line-height:1.45;flex:1}.ex-text .at{color:var(--spark-400);font-weight:600}.ex-arrow{color:var(--fg-3);flex-shrink:0;transition:color var(--t-fast),transform var(--t-fast)}.ex:hover .ex-arrow{color:var(--spark-400);transform:translate(2px)}#faq .section-head{max-width:760px;margin-left:auto;margin-right:auto;text-align:center}.faq-wrap{max-width:760px;margin:0 auto}.faq-item{border-bottom:1px solid var(--border)}.faq-q{width:100%;text-align:left;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;gap:16px;padding:22px 4px;font-family:var(--font-ui);font-size:17px;font-weight:600;color:var(--fg);letter-spacing:-.01em}.faq-q .chev{margin-left:auto;color:var(--fg-3);transition:transform var(--t-base);flex-shrink:0}.faq-item.open .faq-q .chev{transform:rotate(180deg);color:var(--spark-400)}.faq-a{max-height:0;overflow:hidden;transition:max-height var(--t-base) ease}.faq-a-inner{padding:0 4px 22px;color:var(--fg-2);font-size:15px;line-height:1.65;max-width:660px}.faq-a-inner a{color:var(--spark-400);text-decoration:underline;text-underline-offset:2px}.cta-band{position:relative;overflow:hidden}.cta-card{position:relative;text-align:center;background:#16131b;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-2xl);padding:clamp(44px,6vw,68px) clamp(24px,5vw,40px);overflow:hidden;box-shadow:var(--elevation-2)}.cta-card .glow{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 50% -10%,rgba(232,49,46,.28),transparent 62%)}.cta-card>*{position:relative;z-index:1}.cta-card .eyebrow{color:var(--spark-300)}.cta-card h2{font-size:clamp(28px,4vw,44px);font-weight:700;letter-spacing:-.03em;line-height:1.05;text-wrap:balance;color:#f5f2ee}.cta-card p{color:#b8b2bf;font-size:17px;margin:18px auto 0;max-width:480px;line-height:1.6}.cta-card .btn-soft{background:#ffffff14;color:#f5f2ee;border-color:#ffffff29}.cta-card .btn-soft:hover{background:#ffffff24;border-color:#ffffff42}.cta-actions{display:flex;gap:12px;justify-content:center;margin-top:32px;flex-wrap:wrap}footer.site{border-top:1px solid var(--border);padding:56px 0 40px}.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px}@media(max-width:860px){.foot-grid{grid-template-columns:1fr 1fr;gap:36px 24px}}.foot-brand .wordmark{font-size:20px}.foot-brand p{color:var(--fg-2);font-size:13.5px;margin-top:14px;max-width:280px;line-height:1.6}.foot-col h4{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);margin-bottom:16px}.foot-col ul{list-style:none;display:flex;flex-direction:column;gap:11px}.foot-col a{font-size:14px;color:var(--fg-2);transition:color var(--t-fast)}.foot-col a:hover{color:var(--fg)}.foot-yt{margin-top:44px;padding-top:28px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;text-align:center}.yt-logo{flex-shrink:0;display:inline-flex;border-radius:var(--radius-sm)}.yt-logo img{height:56px;width:auto}.yt-logo-light,.yt-logo-dark{display:block}.yt-logo-light{display:none}[data-theme=light] .yt-logo-light{display:block}[data-theme=light] .yt-logo-dark{display:none}.foot-yt p{flex:1 1 320px;max-width:460px;color:var(--fg-note);font-size:12px;line-height:1.55;margin:0}.foot-yt .yt-link{color:var(--fg-2);text-decoration:underline;text-underline-offset:2px}.foot-yt .yt-link:hover{color:var(--fg)}.foot-bottom{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:32px;padding-top:24px;border-top:1px solid var(--border);color:var(--fg-2);font-size:13px;text-align:center}.reveal{opacity:0;transform:translateY(18px);transition:opacity .62s cubic-bezier(.22,1,.36,1),transform .62s cubic-bezier(.22,1,.36,1)}.reveal.in{opacity:1;transform:none}.flow .flow-step.in:nth-child(2),.feats .feat.in:nth-child(2){transition-delay:80ms}.flow .flow-step.in:nth-child(3),.feats .feat.in:nth-child(3){transition-delay:.16s}.ex-grid .ex.in:nth-child(2){transition-delay:60ms}.ex-grid .ex.in:nth-child(3){transition-delay:.12s}.ex-grid .ex.in:nth-child(4){transition-delay:.18s}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}
