@layer properties,theme,base;@layer components{.fv-flow{--flow:8s;flex-direction:column;gap:14px;display:flex;container-type:inline-size}.fv-flow-top{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}@container (width>=26rem){.fv-flow-top{grid-template-columns:minmax(0,1fr) 4.5rem minmax(0,1fr);align-items:center;gap:0}}.fv-form,.fv-inbox{border:1px solid var(--ah-color-hairline-strong);border-radius:var(--ah-radius-md);background:var(--ah-color-surface-1);flex-direction:column;gap:8px;padding:12px;display:flex}.fv-form-title{color:var(--ah-color-ink);font-weight:600}.fv-field{flex-direction:column;gap:2px;display:flex}.fv-field-label{color:var(--ah-color-ink-muted);font-size:11px}.fv-field-value{border:1px solid var(--ah-color-hairline-strong);border-radius:var(--ah-radius-sm);background:var(--ah-color-canvas);min-height:28px;color:var(--ah-color-ink);font-size:var(--ah-text-caption-size);white-space:nowrap;padding:5px 8px;display:block;overflow:hidden}.fv-field-value>span{display:inline-block}.fv-form-button{border-radius:var(--ah-radius-sm);background:var(--ah-color-demo-accent);color:var(--ah-color-demo-canvas);font-size:var(--ah-text-caption-size);text-align:center;padding:6px 10px;font-weight:600}.fv-pipe{flex-direction:column;align-items:center;gap:6px;display:flex;position:relative}.fv-pipe-line{background:repeating-linear-gradient(to bottom, var(--ah-color-hairline-strong) 0 4px, transparent 4px 8px);width:1px;height:28px;position:relative}.fv-pipe-packet{border-radius:var(--ah-radius-pill);background:var(--ah-color-signal);width:7px;height:7px;box-shadow:0 0 10px 2px color-mix(in srgb, var(--ah-color-signal) 55%, transparent);opacity:0;position:absolute;top:0;left:-3px}.fv-spam{border-radius:var(--ah-radius-pill);background:var(--ah-color-success-surface);color:var(--ah-color-success);font-family:var(--ah-font-mono);text-align:center;align-items:center;gap:4px;padding:2px 6px;font-size:10px;line-height:1.3;display:inline-flex}@container (width>=26rem){.fv-pipe-line{background:repeating-linear-gradient(to right, var(--ah-color-hairline-strong) 0 4px, transparent 4px 8px);width:100%;height:1px}.fv-pipe-packet{top:-3px;left:0}.fv-spam{width:max-content;max-width:5.5rem;position:absolute;top:calc(50% + 10px);left:50%;translate:-50%}.fv-spam svg{flex:none}}.fv-inbox-head{color:var(--ah-color-ink);align-items:center;gap:6px;font-weight:600;display:flex}.fv-inbox-head svg{color:var(--ah-color-signal)}.fv-inbox-count{border-radius:var(--ah-radius-pill);background:var(--ah-color-surface-2);color:var(--ah-color-ink);font-family:var(--ah-font-mono);margin-left:auto;padding:0 7px;font-size:11px;font-weight:500;display:grid}.fv-inbox-count>span{grid-area:1/1}.fv-count-old{opacity:0}.fv-inbox-list{flex-direction:column;display:flex;overflow:hidden}.fv-inbox-list li{border-radius:var(--ah-radius-sm);font-size:var(--ah-text-caption-size);align-items:center;gap:8px;padding:5px 4px;display:flex}.fv-avatar{border-radius:var(--ah-radius-pill);background:var(--ah-color-surface-2);width:22px;height:22px;color:var(--ah-color-ink);flex:none;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:inline-flex}.fv-inbox-list li.is-new .fv-avatar{background:var(--ah-color-signal);color:var(--ah-color-ink-inverse)}.fv-lead{min-width:0;color:var(--ah-color-ink);flex-direction:column;line-height:1.25;display:flex}.fv-lead span{color:var(--ah-color-ink-muted);font-size:11px}.fv-new{border-radius:var(--ah-radius-pill);background:color-mix(in srgb, var(--ah-color-signal) 20%, transparent);color:var(--ah-color-signal);text-transform:uppercase;letter-spacing:.04em;margin-left:auto;padding:0 6px;font-size:10px;font-weight:600}.fv-actions{gap:8px;display:grid}@container (width>=24rem){.fv-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}.fv-actions li{border:1px solid var(--ah-color-hairline-strong);border-radius:var(--ah-radius-md);background:var(--ah-color-surface-1);align-items:center;gap:8px;padding:8px 10px;display:flex}.fv-action-icon{border-radius:var(--ah-radius-pill);background:color-mix(in srgb, var(--ah-color-signal) 14%, transparent);width:28px;height:28px;color:var(--ah-color-signal);flex:none;justify-content:center;align-items:center;display:inline-flex}.fv-action-text{min-width:0;color:var(--ah-color-ink);font-size:var(--ah-text-caption-size);flex-direction:column;font-weight:500;line-height:1.3;display:flex}.fv-action-text span{color:var(--ah-color-ink-muted);font-family:var(--ah-font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:400;overflow:hidden}.fv-action-check{color:var(--ah-color-success);flex:none;margin-left:auto;display:inline-flex}[data-scene-item][data-active=play] :is(.fv-form,.fv-pipe,.fv-inbox,.fv-actions){animation:sc-rise .42s var(--scene-ease) both}[data-scene-item][data-active=play] .fv-pipe{animation-delay:.12s}[data-scene-item][data-active=play] .fv-inbox{animation-delay:.24s}[data-scene-item][data-active=play] .fv-actions{animation-delay:.36s}[data-play] [data-scene-item][data-active] .fv-field-value>span{animation:sc-flow-type var(--flow) steps(14, end) infinite;animation-delay:calc(var(--i) * 1.1s);animation-play-state:var(--scene-loop-state)}[data-play] [data-scene-item][data-active] .fv-form-button{animation:sc-flow-press var(--flow) ease infinite;animation-play-state:var(--scene-loop-state)}[data-play] [data-scene-item][data-active] .fv-pipe-packet{animation:sc-flow-packet var(--flow) ease-in-out infinite;animation-play-state:var(--scene-loop-state)}[data-play] [data-scene-item][data-active] .fv-spam{animation:sc-flow-spam var(--flow) ease infinite;animation-play-state:var(--scene-loop-state)}[data-play] [data-scene-item][data-active] .fv-inbox-list li{animation:sc-flow-push var(--flow) var(--scene-ease) infinite;animation-play-state:var(--scene-loop-state)}[data-play] [data-scene-item][data-active] .fv-inbox-list li.is-new{animation-name:sc-flow-new}[data-play] [data-scene-item][data-active] .fv-count-old{animation:sc-flow-count-old var(--flow) steps(1, end) infinite;animation-play-state:var(--scene-loop-state)}[data-play] [data-scene-item][data-active] .fv-count-new{animation:sc-flow-count-new var(--flow) ease infinite;animation-play-state:var(--scene-loop-state)}[data-play] [data-scene-item][data-active] .fv-actions li{animation:sc-flow-act var(--flow) ease infinite;animation-delay:calc(var(--i) * .45s);animation-play-state:var(--scene-loop-state)}[data-play] [data-scene-item][data-active] .fv-action-check{animation:sc-flow-check var(--flow) var(--scene-ease) infinite;animation-delay:calc(var(--i) * .45s);animation-play-state:var(--scene-loop-state)}@keyframes sc-flow-type{0%,4%{clip-path:inset(0 100% 0 0)}16%,94%{clip-path:inset(0)}to{clip-path:inset(0 100% 0 0)}}@keyframes sc-flow-press{0%,31%,37%,to{box-shadow:none;transform:none}33%{box-shadow:0 0 0 4px color-mix(in srgb, var(--ah-color-demo-accent) 45%, transparent);transform:scale(.95)}}@keyframes sc-flow-packet{0%,35%{opacity:0;transform:none}37%{opacity:1;transform:none}46%{opacity:1;transform:translate(var(--pipe-x,0), var(--pipe-y,28px))}48%,to{opacity:0;transform:translate(var(--pipe-x,0), var(--pipe-y,28px))}}@keyframes sc-flow-spam{0%,39%{opacity:.35;transform:none}43%{opacity:1;transform:scale(1.08)}47%,94%{opacity:1;transform:none}to{opacity:.35}}@keyframes sc-flow-push{0%,47%{transform:translateY(-100%)}53%,94%{transform:none}to{transform:translateY(-100%)}}@keyframes sc-flow-new{0%,47%{opacity:0;transform:translateY(-100%)}53%{opacity:1;background:color-mix(in srgb, var(--ah-color-signal) 24%, transparent);transform:none}75%,94%{opacity:1;background:0 0;transform:none}to{opacity:0;transform:translateY(-100%)}}@keyframes sc-flow-count-old{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes sc-flow-count-new{0%,50%{opacity:0;transform:none}53%{opacity:1;transform:scale(1.25)}57%,96%{opacity:1;transform:none}to{opacity:0}}@keyframes sc-flow-act{0%,55%{opacity:.45;border-color:var(--ah-color-hairline-strong);box-shadow:none}59%{opacity:1;border-color:var(--ah-color-signal);box-shadow:0 0 0 3px color-mix(in srgb, var(--ah-color-signal) 18%, transparent)}68%,94%{opacity:1;border-color:var(--ah-color-hairline-strong);box-shadow:none}to{opacity:.45}}@keyframes sc-flow-check{0%,57%{opacity:0;transform:scale(.4)}61%{opacity:1;transform:scale(1.25)}64%,94%{opacity:1;transform:none}to{opacity:0}}@container (width>=26rem){.fv-pipe-packet{--pipe-x:calc(4.5rem - 7px);--pipe-y:0}}.fv-psi{border:1px solid color-mix(in srgb, var(--ah-color-success) 35%, var(--ah-color-hairline-strong));border-radius:var(--ah-radius-md);background:radial-gradient(120% 140% at 0% 50%, color-mix(in srgb, var(--ah-color-success) 12%, transparent), transparent 60%), var(--ah-color-surface-1);align-items:center;gap:14px;margin-top:14px;padding:12px 14px;display:flex}.fv-psi-gauge{width:52px;height:52px;color:var(--ah-color-success);font-family:var(--ah-font-mono);font-size:var(--ah-text-body-size);flex:none;place-items:center;font-weight:600;display:inline-grid;position:relative}.fv-psi-gauge svg{position:absolute;inset:0;rotate:-90deg}.fv-psi-gauge circle{fill:none;stroke:var(--ah-color-success-surface);stroke-width:3px}.fv-psi-gauge .fv-psi-arc{stroke:var(--ah-color-success);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:calc(100 - var(--score))}.fv-psi-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.fv-psi-title{color:var(--ah-color-ink);font-weight:600}.fv-psi-detail{color:var(--ah-color-ink-muted);font-size:var(--ah-text-caption-size)}.fv-psi-scores{color:var(--ah-color-ink-muted);font-family:var(--ah-font-mono);flex-wrap:wrap;gap:2px 10px;margin-top:2px;font-size:10px;display:flex}.fv-psi-scores>span{align-items:center;gap:4px;display:inline-flex}.fv-psi-dot{border-radius:var(--ah-radius-pill);background:var(--ah-color-success);width:6px;height:6px}.fv-psi-link{border:1px solid var(--ah-color-hairline-strong);border-radius:var(--ah-radius-pill);min-height:44px;color:var(--ah-color-ink);font-size:var(--ah-text-caption-size);white-space:nowrap;transition:border-color var(--ah-motion-duration-base) var(--ah-motion-easing-standard);flex:none;align-items:center;gap:4px;padding:0 12px;font-weight:500;display:inline-flex}.fv-psi-link:hover{border-color:var(--ah-color-success)}@container (width<=26rem){.fv-psi{flex-wrap:wrap}.fv-psi-link{justify-content:center;width:100%}}[data-scene-item][data-active=play] .fv-psi{animation:sc-rise .42s var(--scene-ease) both 1s}[data-scene-item][data-active=play] .fv-psi-arc{animation:sc-psi-arc 1.4s var(--scene-ease) both 1.2s}@keyframes sc-psi-arc{0%{stroke-dashoffset:100px}}.mcp-call{border:1px solid var(--ah-color-hairline-strong);border-radius:var(--ah-radius-md);background:var(--ah-color-code-bg);min-width:0;color:var(--ah-color-code-ink);font-family:var(--ah-font-mono);font-size:var(--ah-text-caption-size);line-height:1.6;overflow:hidden}.mcp-call-label{border-bottom:1px solid var(--ah-color-hairline);color:var(--ah-color-ink-muted);letter-spacing:var(--ah-text-label-tracking);text-transform:uppercase;align-items:center;gap:6px;padding:6px 12px;font-size:11px;display:flex}.mcp-call-lines{scrollbar-width:thin;flex-direction:column;gap:2px;padding:8px 12px 10px;display:flex;overflow-x:auto}.mcp-call-lines li{grid-template-columns:1.2ch minmax(0,1fr);align-items:baseline;column-gap:8px;min-width:0;display:grid}.mcp-call-lines li>code,.mcp-result{grid-column:2}.mcp-call-lines li.is-note>code{grid-column:1/-1}.mcp-arrow{color:var(--ah-color-ink-muted)}.mcp-call code{overflow-wrap:anywhere}.mcp-tool{color:var(--ah-color-syntax-function)}.mcp-args{color:var(--ah-color-syntax-punctuation)}.mcp-result{color:var(--ah-color-success)}.mcp-call li.is-note{color:var(--ah-color-syntax-comment)}.problem-grid,.pipeline,.feature-groups{--scene-accent:var(--ah-color-signal);--scene-accent-soft:color-mix(in srgb, var(--ah-color-signal) 14%, transparent)}[data-theme=light] :is(.problem-grid,.pipeline,.feature-groups){--scene-accent:var(--ah-color-secondary);--scene-accent-soft:var(--ah-color-limit-surface)}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) :is(.problem-grid,.pipeline,.feature-groups){--scene-accent:var(--ah-color-secondary);--scene-accent-soft:var(--ah-color-limit-surface)}}.browser{border:1px solid var(--ah-color-hairline-strong);border-radius:var(--ah-radius-lg);background:var(--ah-color-surface-1);box-shadow:var(--ah-shadow-xl);overflow:hidden}.browser-bar{border-bottom:1px solid var(--ah-color-hairline);align-items:center;gap:10px;height:40px;padding-inline:12px;display:flex}.browser-address{border-radius:var(--ah-radius-sm);background:var(--ah-color-surface-sunken);min-width:0;height:26px;color:var(--ah-color-ink-muted);font-family:var(--ah-font-mono);font-size:var(--ah-text-caption-size);white-space:nowrap;flex:1;align-items:center;gap:6px;padding-inline:10px;display:flex}.browser-lock{color:var(--ah-color-ink-subtle);transition:color var(--ah-motion-duration-slow) var(--ah-motion-easing-standard);display:inline-flex}.browser-lock[data-status=installed]{color:var(--ah-color-success)}.browser-page{background:var(--ah-color-canvas);flex-direction:column;gap:12px;padding:16px;display:flex}.page-el{position:relative}.tag-label{border-radius:var(--ah-radius-xs);background:var(--ah-color-canvas);color:var(--ah-color-secondary);font-family:var(--ah-font-mono);padding:0 4px;font-size:10px;line-height:16px;position:absolute;top:-9px;right:6px}.mini-headline{font-size:15px;font-weight:600;line-height:1.25}.mini-image{border:1px solid var(--ah-color-hairline);border-radius:var(--ah-radius-md);background:linear-gradient(135deg, transparent 49.5%, var(--ah-color-hairline) 50%, transparent 50.5%), var(--ah-color-surface-2);height:56px}.mini-form{gap:8px;display:flex}.mini-input{border:1px solid var(--ah-color-hairline-strong);border-radius:var(--ah-radius-sm);background:var(--ah-color-surface-sunken);min-width:0;color:var(--ah-color-ink);font-family:var(--ah-font-mono);font-size:var(--ah-text-caption-size);white-space:nowrap;flex:1;padding:6px 10px;overflow:hidden}.mini-submit{border-radius:var(--ah-radius-sm);background:var(--ah-color-primary);color:var(--ah-color-on-primary);font-size:var(--ah-text-caption-size);white-space:nowrap;transition:transform var(--ah-motion-duration-instant) var(--ah-motion-easing-standard);flex:none;padding:6px 10px;font-weight:600}.mini-submit.is-pressed{transform:translateY(1px)scale(.97)}.mini-toast{border:1px solid var(--ah-color-hairline-strong);border-radius:var(--ah-radius-md);background:var(--ah-color-surface-elevated);box-shadow:var(--ah-shadow-lg);color:var(--ah-color-ink);font-size:var(--ah-text-caption-size);white-space:nowrap;align-items:center;gap:8px;padding:7px 12px;display:inline-flex}.mini-toast svg{color:var(--ah-color-success)}.hero{padding-top:72px;padding-bottom:var(--ah-space-section-mobile)}@media (width>=768px){.hero{padding-top:96px;padding-bottom:var(--ah-space-section)}}.hero-grid{align-items:center;gap:48px;display:grid}@media (width>=1024px){.hero-grid{grid-template-columns:5fr 7fr;gap:40px}}.hero-title{font-size:var(--ah-text-display-xl-size);line-height:var(--ah-text-display-xl-line-height);font-weight:var(--ah-text-display-xl-weight);letter-spacing:var(--ah-text-display-xl-tracking);text-wrap:balance}.hero-highlight{color:var(--ah-color-signal);white-space:nowrap;display:inline-block;position:relative}.hero-underline{width:100%;height:.18em;position:absolute;bottom:-.12em;left:0;right:0;overflow:visible}.hero-underline path{fill:none;stroke:var(--ah-color-signal);stroke-width:3px;stroke-linecap:round}.hero-subtitle{max-width:560px;color:var(--ah-color-ink-muted);font-size:var(--ah-text-body-lg-size);line-height:var(--ah-text-body-lg-line-height);text-wrap:pretty}.hero-note{color:var(--ah-color-ink-subtle);font-size:var(--ah-text-caption-size);line-height:var(--ah-text-caption-line-height)}.hero-composition{width:100%;position:relative}.hero-stage{flex-direction:column;display:flex;position:relative}.hero-layer{position:relative}.hero-layer-terminal{width:100%}.hero-layer-browser{display:none}.hero-layer-inbox{align-self:flex-end;width:84%;margin-top:-16px}.hero-layer-toasts{display:none}@media (width>=768px){.hero-composition{height:500px}.hero-stage{display:block;position:absolute;inset:0}.hero-layer{position:absolute}.hero-layer-terminal{top:0;left:0}.hero-layer-inbox{margin-top:0}.hero-layer-terminal{width:68%}.hero-layer-browser{width:64%;display:block;top:56px;right:0}.hero-layer-inbox{width:46%;bottom:0;left:0;right:auto}.hero-layer-toasts{flex-direction:column;align-items:flex-end;gap:8px;width:50%;display:flex;bottom:0;right:0}}@media (width>=1024px){.hero-composition{aspect-ratio:7/6;perspective:1200px;height:auto;max-height:600px}.hero-stage{transform-style:preserve-3d;transform:rotateY(-8deg)}.hero-layer-inbox{bottom:6%}.hero-layer-toasts{bottom:8%}}@media (prefers-reduced-motion:reduce){.browser-lock,.mini-submit{transition:none}}ah-hero-sequence{display:block}.hero-boot{z-index:1;background:var(--ah-color-code-bg);padding:16px 18px;position:absolute;inset:36px 0 auto}.terminal-body,.hero-layer-terminal .terminal{position:relative}.hero-packet{z-index:3;background:var(--ah-color-accent);width:8px;height:8px;box-shadow:0 0 12px var(--ah-color-accent);opacity:0;pointer-events:none;border-radius:2px;position:absolute;top:0;left:0}.hero-packet.is-flying{opacity:1}ah-hero-sequence[data-enhanced] .term-cursor{animation:1s step-end infinite ah-blink}ah-hero-sequence[data-paused] .term-cursor,ah-hero-sequence[data-paused] .badge-dot-pulse{animation-play-state:paused}@keyframes ah-blink{50%{opacity:0}}ah-hero-sequence[data-enhanced] [data-a1]{transition:opacity var(--ah-motion-duration-slow) var(--ah-motion-easing-emphasized), transform var(--ah-motion-duration-slow) var(--ah-motion-easing-emphasized), clip-path var(--ah-motion-duration-slow) var(--ah-motion-easing-emphasized)}ah-hero-sequence[data-enhanced] [data-a1^=tool-].a1-off,ah-hero-sequence[data-enhanced] [data-a1=generating].a1-off,ah-hero-sequence[data-enhanced] [data-a1=boot-check].a1-off{opacity:0;transform:translate(-6px)}ah-hero-sequence[data-enhanced] [data-a1^=tool-] .term-check{transition:transform var(--ah-motion-duration-base) var(--ah-motion-easing-emphasized);display:inline-block}ah-hero-sequence[data-enhanced] [data-a1^=tool-].a1-off .term-check{transform:scale(.6)}ah-hero-sequence[data-enhanced] [data-a1=page-el].a1-off{opacity:0;clip-path:inset(-12px 100% -12px -12px)}ah-hero-sequence[data-enhanced] [data-a1=page-el]{clip-path:inset(-12px);border-radius:var(--ah-radius-sm);outline-offset:3px;outline:1px solid #0000}ah-hero-sequence[data-enhanced] [data-a1=page-el].is-building{outline-color:var(--ah-color-secondary)}ah-hero-sequence[data-enhanced] [data-a1=page-el]:not(.is-building) .tag-label{opacity:.85}ah-hero-sequence[data-enhanced] [data-a1=live].a1-off{opacity:0;transform:scale(.9)}ah-hero-sequence[data-enhanced] [data-a1=lead].a1-off{opacity:0;transform:translateY(-100%)}ah-hero-sequence[data-enhanced] [data-a1=inbox]{transition:transform var(--ah-motion-duration-base) var(--ah-motion-easing-emphasized)}ah-hero-sequence[data-enhanced] [data-a1=inbox].is-pulse{transform:scale(1.02)}ah-hero-sequence[data-enhanced] [data-a1^=toast-].a1-off,ah-hero-sequence[data-enhanced] [data-a1=webhook][data-status=off]{opacity:0;transform:translateY(8px)}ah-hero-sequence[data-enhanced] :is([data-a1=visitor],[data-a1$=packet]){transition:opacity .15s var(--ah-motion-easing-standard)}ah-hero-sequence[data-enhanced] .hero-stage{transition:opacity .3s var(--ah-motion-easing-standard)}ah-hero-sequence[data-enhanced] .hero-stage.a1-fading{opacity:0}.a1-underline{stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .6s var(--ah-motion-easing-emphasized)}.a1-underline.is-drawn{stroke-dashoffset:0}.hero-pause-btn .icon-pause,.hero-pause-btn .icon-play{display:inline-flex}.hero-pause-btn .icon-play,.hero-pause-btn[aria-pressed=true] .icon-pause{display:none}.hero-pause-btn[aria-pressed=true] .icon-play{display:inline-flex}.hero-pause{z-index:2;position:absolute;bottom:-48px;right:0}@media (width>=1024px){.hero-pause{bottom:-8px}}.browser-page.site{background:var(--ah-color-demo-canvas);color:var(--ah-color-demo-ink);gap:0;padding:0;font-size:10px;line-height:1.35}.site .tag-label{z-index:1;background:var(--ah-color-secondary);color:var(--ah-color-on-primary);top:-8px}.site-nav{border-bottom:1px solid var(--ah-color-demo-line);align-items:center;gap:12px;padding:8px 12px;display:flex}.site-logo{letter-spacing:-.01em;align-items:center;gap:5px;font-size:11px;font-weight:700;display:inline-flex}.site-logo-mark{width:14px;height:14px;fill:var(--ah-color-demo-accent)}.site-links{color:var(--ah-color-demo-muted);gap:10px;display:flex}.site-call{border:1px solid var(--ah-color-demo-accent);border-radius:var(--ah-radius-pill);color:var(--ah-color-demo-accent);margin-left:auto;padding:2px 8px;font-size:9px;font-weight:600}.site-main{background:linear-gradient(180deg, var(--ah-color-demo-surface), var(--ah-color-demo-canvas));grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:12px;padding:12px;display:grid}.site-copy,.site-form{min-width:0}.site-kicker{color:var(--ah-color-demo-accent);letter-spacing:.06em;text-transform:uppercase;font-size:8.5px;font-weight:600}.site-title{letter-spacing:-.02em;margin-top:4px;font-size:15px;font-weight:700;line-height:1.15}.site-text{color:var(--ah-color-demo-muted);margin-top:5px}.site-rating{color:var(--ah-color-demo-muted);align-items:center;gap:4px;margin-top:6px;font-size:9px;display:flex}.site-stars{color:var(--ah-color-demo-star);letter-spacing:1px}.site-photo{border-radius:var(--ah-radius-md);background:radial-gradient(circle at 78% 25%, color-mix(in srgb, var(--ah-color-demo-canvas) 45%, transparent), transparent 45%), linear-gradient(135deg, var(--ah-color-demo-accent-soft), var(--ah-color-demo-accent));place-items:center;height:64px;margin-top:8px;display:grid;position:relative;overflow:hidden}.site-photo-mark{width:34px;height:34px;fill:var(--ah-color-demo-canvas);opacity:.9}.site-open{border-radius:var(--ah-radius-pill);background:var(--ah-color-demo-canvas);color:var(--ah-color-demo-ink);align-items:center;gap:4px;padding:2px 6px;font-size:8px;font-weight:600;display:inline-flex;position:absolute;bottom:6px;left:6px}.site-open-dot{border-radius:var(--ah-radius-pill);background:var(--ah-color-demo-success);width:5px;height:5px}.site-form{border:1px solid var(--ah-color-demo-line);border-radius:var(--ah-radius-md);background:var(--ah-color-demo-canvas);box-shadow:0 6px 18px color-mix(in srgb, var(--ah-color-demo-ink) 10%, transparent);padding:10px}.site-form [data-a1=form]{flex-direction:column;display:flex}.site-form-title{margin-bottom:4px;font-size:11px;font-weight:700}.site-label{color:var(--ah-color-demo-muted);margin-top:5px;font-size:8.5px;font-weight:500}.site-input{border:1px solid var(--ah-color-demo-line);background:var(--ah-color-demo-canvas);height:22px;color:var(--ah-color-demo-ink);white-space:nowrap;transition:border-color var(--ah-motion-duration-fast) var(--ah-motion-easing-standard), box-shadow var(--ah-motion-duration-fast) var(--ah-motion-easing-standard);border-radius:5px;justify-content:space-between;align-items:center;margin-top:2px;padding-inline:7px;display:flex;overflow:hidden}.site-input [data-typed]{text-overflow:clip;overflow:hidden}.site-input [data-rest]{display:none}.site-input.is-focused{border-color:var(--ah-color-demo-accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--ah-color-demo-accent) 25%, transparent)}.site-input.is-focused [data-typed]:after{content:"";vertical-align:-2px;background:var(--ah-color-demo-ink);width:1px;height:11px;margin-left:1px;display:inline-block}.site-select{color:var(--ah-color-demo-muted)}.site-submit{background:var(--ah-color-demo-accent);height:24px;color:var(--ah-color-demo-canvas);transition:transform var(--ah-motion-duration-instant) var(--ah-motion-easing-standard);border-radius:5px;place-items:center;margin-top:8px;font-size:10px;font-weight:600;display:grid;position:relative}.site-submit.is-pressed{transform:translateY(1px)scale(.97)}.site-submit>span{grid-area:1/1}.site-submit-sending{visibility:hidden;align-items:center;gap:5px;display:inline-flex}[data-a1=form][data-status=sending] .site-submit-label{visibility:hidden}[data-a1=form][data-status=sending] .site-submit-sending{visibility:visible}.site-spinner{border:1.5px solid color-mix(in srgb, var(--ah-color-demo-canvas) 40%, transparent);border-top-color:var(--ah-color-demo-canvas);border-radius:var(--ah-radius-pill);width:9px;height:9px}ah-hero-sequence[data-enhanced] .site-spinner{animation:.7s linear infinite ah-spin}@keyframes ah-spin{to{transform:rotate(360deg)}}.site-success{background:var(--ah-color-demo-success-surface);color:var(--ah-color-demo-success);transition:opacity var(--ah-motion-duration-base) var(--ah-motion-easing-emphasized), transform var(--ah-motion-duration-base) var(--ah-motion-easing-emphasized);border-radius:5px;align-items:center;gap:4px;margin-top:6px;padding:4px 6px;font-size:8.5px;font-weight:600;display:flex}[data-a1=form]:not([data-status=sent]) .site-success{opacity:0;transform:translateY(-4px)}.webhook-card{border:1px solid var(--ah-color-hairline-strong);border-radius:var(--ah-radius-lg);background:var(--ah-color-surface-elevated);width:100%;max-width:280px;box-shadow:var(--ah-shadow-lg);overflow:hidden}.webhook-head{border-bottom:1px solid var(--ah-color-hairline);color:var(--ah-color-ink);font-size:var(--ah-text-caption-size);justify-content:space-between;align-items:center;padding:7px 10px;font-weight:500;display:flex}.webhook-status{font-family:var(--ah-font-mono);font-size:10px;display:inline-grid}.webhook-status>span{border-radius:var(--ah-radius-pill);text-align:right;grid-area:1/1;padding:1px 6px}.webhook-pending{color:var(--ah-color-ink-muted);visibility:hidden}.webhook-ok{background:var(--ah-color-success-surface);color:var(--ah-color-success)}[data-a1=webhook][data-status=sending] .webhook-pending{visibility:visible}[data-a1=webhook][data-status=sending] .webhook-ok{visibility:hidden}.webhook-req{color:var(--ah-color-ink-muted);font-family:var(--ah-font-mono);white-space:nowrap;text-overflow:ellipsis;padding:6px 10px 0;font-size:10px;overflow:hidden}.webhook-method{color:var(--ah-color-secondary);margin-right:4px;font-weight:600}.webhook-body{color:var(--ah-color-code-ink);font-family:var(--ah-font-mono);white-space:nowrap;padding:4px 10px 8px;font-size:10px;line-height:1.5;display:block;overflow:hidden}.hero-packet.is-webhook{background:var(--ah-color-secondary);box-shadow:0 0 12px var(--ah-color-secondary)}.hero-visitor{z-index:4;pointer-events:none;opacity:0;align-items:flex-start;display:flex;position:absolute;top:0;left:0}.hero-visitor.is-visible{opacity:1}.hero-visitor-arrow{width:16px;height:16px;fill:var(--ah-color-demo-ink);stroke:var(--ah-color-demo-canvas);stroke-width:1.2px;stroke-linejoin:round;filter:drop-shadow(0 1px 2px color-mix(in srgb, var(--ah-color-demo-ink) 40%, transparent))}.hero-visitor-label{border-radius:var(--ah-radius-pill);background:var(--ah-color-ink-muted);color:var(--ah-color-ink-inverse);font-family:var(--ah-font-mono);margin:13px 0 0 -2px;padding:1px 6px;font-size:9px;font-weight:600}.hero-visitor:before{content:"";border:2px solid var(--ah-color-demo-accent);border-radius:var(--ah-radius-pill);opacity:0;width:24px;height:24px;position:absolute;top:-10px;left:-10px;transform:scale(.4)}.hero-visitor.is-clicking:before{opacity:1;transition:transform .2s var(--ah-motion-easing-emphasized), opacity .2s var(--ah-motion-easing-emphasized);transform:scale(1)}.hero-visitor.is-clicking .hero-visitor-arrow{transform:scale(.9)}.site .tag-label,ah-hero-sequence[data-enhanced] .site [data-a1=page-el]:not(.is-building) .tag-label{opacity:0}ah-hero-sequence[data-enhanced] .site [data-a1=page-el].is-building .tag-label{opacity:1}ah-hero-sequence[data-enhanced] [data-a1=inbox] .leads-row:not(.leads-head){transition:transform var(--ah-motion-duration-slow) var(--ah-motion-easing-emphasized)}ah-hero-sequence[data-enhanced] [data-a1=inbox]:has([data-a1=lead].a1-off) .leads-row:not(.leads-head,.is-new){transform:translateY(-100%)}.logos{border-top:1px solid var(--ah-color-hairline);background:var(--ah-color-canvas);color:var(--ah-color-ink);padding-block:56px 64px}.logos-label{color:var(--ah-color-ink-muted);font-family:var(--ah-font-mono);font-size:var(--ah-text-label-size);letter-spacing:var(--ah-text-label-tracking);text-align:center;text-transform:uppercase;margin-bottom:32px}.logos-viewport{overflow:hidden;mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.logos-track{width:max-content;display:flex}.logos-list{flex:none;align-items:center;gap:56px;padding-right:56px;display:flex}.logo-item{color:var(--ah-color-ink-muted);white-space:nowrap;transition:color var(--ah-motion-duration-base) var(--ah-motion-easing-standard);flex:none;align-items:center;gap:10px;font-size:19px;line-height:1;display:inline-flex}.logo-item:hover{color:var(--ah-color-ink)}.logo-mark{flex:none;width:22px;height:22px}.logo-bold{letter-spacing:-.03em;font-weight:700}.logo-light{letter-spacing:-.01em;font-weight:300}.logo-mono{font-family:var(--ah-font-mono);font-size:16px;font-weight:500}.logo-caps{letter-spacing:.16em;text-transform:uppercase;font-size:14px;font-weight:600}@media (prefers-reduced-motion:no-preference){.logos-track{animation:45s linear infinite logos-scroll;animation-play-state:var(--scene-loop-state,running)}.logos-viewport:hover .logos-track{animation-play-state:paused}}@keyframes logos-scroll{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.logos-viewport{mask-image:none}.logos-track,.logos-list{flex-wrap:wrap;justify-content:center;gap:20px 40px;width:auto;padding-inline:16px}.logos-list{flex:100%}.logos-list[aria-hidden=true]{display:none}}[data-motion=reduced] .logos-track{animation:none}.trust{border-bottom:1px solid var(--ah-color-hairline);background:var(--ah-color-canvas);padding-block:40px 56px}@media (width>=768px){.logos{padding-block:72px 80px}.trust{padding-block:48px 80px}}.trust-built{color:var(--ah-color-ink-muted);font-family:var(--ah-font-mono);font-size:var(--ah-text-label-size);letter-spacing:var(--ah-text-label-tracking);text-transform:uppercase;white-space:nowrap;align-items:center;gap:16px;margin-bottom:24px;display:flex}.trust-built-line{background:linear-gradient(to right, transparent, var(--ah-color-hairline-strong));flex:1;height:1px}.trust-built-line:last-child{background:linear-gradient(to left, transparent, var(--ah-color-hairline-strong))}.trust-highlights{border:1px solid var(--ah-color-hairline);border-radius:var(--ah-radius-lg);background:linear-gradient(180deg, var(--ah-color-surface-1), color-mix(in srgb, var(--ah-color-surface-1) 35%, transparent));grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:16px;display:grid;overflow:hidden}@media (width>=1024px){.trust-highlights{grid-template-columns:repeat(4,minmax(0,1fr))}}.trust-highlight{border-color:var(--ah-color-hairline);border-style:solid;border-width:0;padding:24px 20px;position:relative}.trust-highlight:nth-child(2n){border-left-width:1px}.trust-highlight:nth-child(n+3){border-top-width:1px}@media (width>=1024px){.trust-highlight{padding:28px 24px}.trust-highlight:nth-child(n){border-top-width:0;border-left-width:1px}.trust-highlight:first-child{border-left-width:0}}.trust-highlight:before{content:"";background:var(--ah-color-signal);width:32px;height:2px;position:absolute;top:0;left:20px}.trust-highlight-value{color:var(--ah-color-ink);font-family:var(--ah-font-mono);letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:36px;font-weight:600;line-height:1}@media (width>=768px){.trust-highlight-value{font-size:48px}}.trust-highlight-suffix{color:var(--ah-color-signal)}.trust-highlight-label{color:var(--ah-color-ink-muted);font-family:var(--ah-font-mono);font-size:var(--ah-text-label-size);letter-spacing:var(--ah-text-label-tracking);text-transform:uppercase;margin-top:10px}.trust-grid{gap:16px;display:grid}@media (width>=768px){.trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.proof-card{border:1px solid var(--ah-color-hairline);border-radius:var(--ah-radius-lg);background:linear-gradient(180deg, var(--ah-color-surface-1), color-mix(in srgb, var(--ah-color-surface-1) 35%, transparent));min-width:0;transition:border-color var(--ah-motion-duration-base) var(--ah-motion-easing-standard), transform var(--ah-motion-duration-slow) var(--ah-motion-easing-emphasized);flex-direction:column;justify-content:space-between;gap:24px;padding:24px;display:flex;position:relative;overflow:hidden}.proof-card:before{content:"";background:linear-gradient(to right, transparent, var(--ah-color-signal), transparent);opacity:.5;height:1px;position:absolute;top:0;left:24px;right:24px}.proof-card:hover{border-color:var(--ah-color-hairline-strong)}@media (prefers-reduced-motion:no-preference){.proof-card:hover{transform:translateY(-2px)}}.proof-value{color:var(--ah-color-ink);font-family:var(--ah-font-mono);letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:44px;font-weight:600;line-height:1}@media (width>=1024px){.proof-value{font-size:56px}}.proof-label{color:var(--ah-color-ink);margin-top:12px;font-weight:500}.proof-caption{max-width:34ch;color:var(--ah-color-ink-muted);font-size:var(--ah-text-body-sm-size);line-height:var(--ah-text-body-sm-line-height);margin-top:6px}.network svg{width:100%;height:auto;display:block;overflow:visible}.network-grid{mask-image:radial-gradient(#000 45%,#0000 85%)}.network-grid-dot{fill:var(--ah-color-hairline-strong)}.network-node{filter:drop-shadow(0 0 3px color-mix(in srgb, var(--ah-color-signal) 70%, transparent))}.network-arc{fill:none;stroke:var(--ah-color-ink-subtle);stroke-width:.8px;opacity:.4}.network-arc.is-backbone{stroke:var(--ah-color-signal);stroke-width:1px;opacity:.5}.network-packet{fill:none;stroke:var(--ah-color-signal);stroke-width:1.6px;stroke-linecap:round;stroke-dasharray:6 200;opacity:0}.network-node{fill:var(--ah-color-signal);transform-box:fill-box;transform-origin:50%}.network-node.is-hub{fill:var(--ah-color-ink)}.network-pulse{fill:none;stroke:var(--ah-color-signal);stroke-width:.6px;opacity:0;transform-box:fill-box;transform-origin:50%}.eu{align-items:center;gap:24px;display:flex}@media (width<=479.98px){.eu{flex-direction:column;align-items:stretch;gap:16px}.eu-emblem{align-self:center}}.eu-emblem{flex:none;width:112px;height:112px;position:relative}.eu-ring{transform-origin:50%;width:100%;height:100%;position:absolute;inset:0}.eu-orbit{fill:none;stroke:var(--ah-color-hairline-strong);stroke-dasharray:2 4}.eu-star{fill:var(--ah-color-eu-gold)}.proof-eu .proof-value{align-items:center;gap:14px;display:flex}.eu-shield{border:1px solid color-mix(in srgb, var(--ah-color-signal) 40%, transparent);border-radius:var(--ah-radius-pill);background:color-mix(in srgb, var(--ah-color-signal) 12%, transparent);color:var(--ah-color-signal);place-items:center;display:grid;position:absolute;inset:32px}.eu-scan{border-radius:var(--ah-radius-pill);background:conic-gradient(from 0deg, transparent 0 75%, color-mix(in srgb, var(--ah-color-signal) 35%, transparent) 100%);opacity:0;position:absolute;inset:14px;mask-image:radial-gradient(circle,#0000 52%,#000 53%)}@media (width>=768px){.eu{gap:32px}.eu-emblem{width:152px;height:152px}.eu-shield{inset:46px}.eu-scan{inset:20px}}.eu-chips{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.eu-chips li{border:1px solid color-mix(in srgb, var(--ah-color-eu-gold) 28%, var(--ah-color-hairline-strong));border-radius:var(--ah-radius-md);background:linear-gradient(100deg, color-mix(in srgb, var(--ah-color-eu-blue) 22%, transparent), transparent 70%), var(--ah-color-canvas);align-items:center;gap:10px;padding:8px 10px 8px 8px;display:flex;position:relative;overflow:hidden}.eu-chips li:after{content:"";background:linear-gradient(100deg, transparent 30%, color-mix(in srgb, var(--ah-color-eu-gold) 22%, transparent) 50%, transparent 70%);pointer-events:none;position:absolute;inset:0;transform:translate(-100%)}.eu-chip-icon{border-radius:var(--ah-radius-sm);background:var(--ah-color-eu-blue);width:30px;height:30px;color:var(--ah-color-eu-gold);box-shadow:0 0 0 1px color-mix(in srgb, var(--ah-color-eu-gold) 35%, transparent);flex:none;justify-content:center;align-items:center;display:inline-flex}.eu-chip-text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.eu-chip-label{color:var(--ah-color-ink);font-family:var(--ah-font-mono);font-size:var(--ah-text-code-sm-size);font-weight:600}.eu-chip-sub{color:var(--ah-color-ink-muted);font-size:var(--ah-text-caption-size)}.eu-chip-check{border-radius:var(--ah-radius-pill);background:var(--ah-color-success-surface);width:20px;height:20px;color:var(--ah-color-success);flex:none;justify-content:center;align-items:center;margin-left:auto;display:inline-flex}[data-play=intro] .trust-highlight{animation:sc-rise .52s var(--scene-ease) both;animation-delay:calc(var(--i) * 90ms)}[data-play=intro] .proof-card{animation:sc-rise .6s var(--scene-ease) both;animation-delay:calc(.36s + var(--card) * .12s)}[data-play=intro] .network-arc{stroke-dasharray:100;animation:sc-draw .9s var(--scene-ease) both;animation-delay:calc(.5s + var(--i) * 45ms)}[data-play=intro] .network-node{animation:sc-pop .36s var(--scene-ease) both;animation-delay:calc(.35s + var(--i) * 30ms)}[data-play=intro] .eu-star{animation:sc-fade .3s ease-out both calc(.4s + var(--i) * 60ms), sc-twinkle 2.4s ease-in-out calc(1.4s + var(--i) * .2s) infinite;animation-play-state:running, var(--scene-loop-state)}[data-play=intro] .eu-shield{animation:sc-pop .5s var(--scene-ease) both .3s}[data-play=intro] .eu-chips li{animation:sc-slide-x .42s var(--scene-ease) both;animation-delay:calc(.9s + var(--i) * .11s)}[data-play=intro] .eu-chip-check{animation:sc-pop .32s var(--scene-ease) both;animation-delay:calc(1.2s + var(--i) * .13s)}[data-play] .eu-chips li:after{animation:4.2s ease-in-out infinite sc-shield-scan;animation-delay:calc(2s + var(--i) * .35s);animation-play-state:var(--scene-loop-state)}[data-play] .network-packet{opacity:1;animation:2.8s linear infinite sc-packet;animation-delay:calc(1.2s + var(--d,0s));animation-play-state:var(--scene-loop-state)}[data-play] .network-pulse{animation:3.2s ease-out infinite sc-pulse-ring;animation-delay:calc(var(--i) * .13s);animation-play-state:var(--scene-loop-state)}[data-play=loop] .eu-star{animation:2.4s ease-in-out infinite sc-twinkle;animation-delay:calc(var(--i) * .2s);animation-play-state:var(--scene-loop-state)}[data-play] .eu-ring{animation:60s linear infinite sc-spin;animation-play-state:var(--scene-loop-state)}[data-play] .eu-scan{opacity:1;animation:4s linear infinite sc-spin;animation-play-state:var(--scene-loop-state)}.problem-grid{align-items:center;gap:40px;display:grid}@media (width>=1024px){.problem-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:64px}.problem-grid .pv{display:flex}.problem-grid .pv-stage{aspect-ratio:auto;flex:1;min-height:520px;max-height:none}}.problem-copy{min-width:0}.problem-pains{flex-direction:column;gap:10px;margin-top:28px;display:flex;position:relative}.problem-pains:before{content:"";border-left:2px dashed color-mix(in srgb, var(--ah-color-danger) 45%, transparent);width:0;position:absolute;top:24px;bottom:24px;left:31px}.problem-pain{border:1px solid var(--ah-color-hairline);border-radius:var(--ah-radius-lg);background:linear-gradient(90deg, color-mix(in srgb, var(--ah-color-danger) 7%, transparent), transparent 55%), var(--ah-color-surface-1);transition:border-color var(--ah-motion-duration-base) var(--ah-motion-easing-standard), transform var(--ah-motion-duration-slow) var(--ah-motion-easing-emphasized);align-items:flex-start;gap:14px;padding:14px 16px;display:flex;position:relative}.problem-pain:hover{border-color:color-mix(in srgb, var(--ah-color-danger) 45%, var(--ah-color-hairline))}@media (prefers-reduced-motion:no-preference){.problem-pain:hover{transform:translate(3px)}}.problem-pain-icon{z-index:1;border:1px solid color-mix(in srgb, var(--ah-color-danger) 35%, transparent);border-radius:var(--ah-radius-md);background:var(--ah-color-danger-surface);width:32px;height:32px;color:var(--ah-color-danger);flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.problem-pain-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.problem-pain-title{color:var(--ah-color-ink);flex-wrap:wrap;align-items:baseline;gap:4px 10px;font-weight:600;display:flex}.problem-pain-metric{border-radius:var(--ah-radius-pill);background:var(--ah-color-danger-surface);color:var(--ah-color-danger);font-family:var(--ah-font-mono);padding:1px 8px;font-size:11px;font-weight:500}.problem-pain-text{color:var(--ah-color-ink-muted);font-size:var(--ah-text-body-sm-size);line-height:var(--ah-text-body-sm-line-height)}.problem-answer{border:1px solid var(--scene-accent);border-radius:var(--ah-radius-lg);background:radial-gradient(90% 120% at 0% 0%, var(--scene-accent-soft), transparent 70%), var(--ah-color-surface-1);box-shadow:0 12px 40px -24px var(--scene-accent);margin-top:16px;padding:18px 20px;position:relative;overflow:hidden}.problem-answer-title{color:var(--ah-color-ink);font-size:var(--ah-text-heading-sm-size);align-items:center;gap:10px;font-weight:600;display:flex}.problem-answer-mark{color:var(--scene-accent);font-family:var(--ah-font-mono);font-weight:600}.problem-answer-text{color:var(--ah-color-ink-muted);font-size:var(--ah-text-body-sm-size);line-height:var(--ah-text-body-sm-line-height);margin-top:6px}.problem-compare{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.problem-compare li{border:1px solid var(--ah-color-hairline-strong);border-radius:var(--ah-radius-pill);background:var(--ah-color-canvas);font-family:var(--ah-font-mono);font-size:var(--ah-text-caption-size);align-items:center;gap:8px;padding:6px 12px;display:inline-flex}.problem-compare svg{color:var(--ah-color-ink-muted)}.problem-compare-from{color:var(--ah-color-ink-muted);text-decoration-color:var(--ah-color-danger)}.problem-compare-to{color:var(--scene-accent);font-weight:600}[data-play=intro] .problem-pain{animation:sc-slide-x .46s var(--scene-ease) both;animation-delay:calc(.3s + var(--i) * .16s)}[data-play=intro] .problem-pains:before{animation:sc-grow-y .7s var(--scene-ease) both .2s;transform-origin:top}[data-play=intro] .problem-answer{animation:sc-rise .52s var(--scene-ease) both .9s}[data-play=intro] .problem-compare li{animation:sc-pop .36s var(--scene-ease) both;animation-delay:calc(1.3s + var(--i) * .15s)}[data-play] .problem-pain-icon{--ping:var(--ah-color-danger);animation:2.8s ease-out infinite sc-ping;animation-delay:calc(1.6s + var(--i) * .7s);animation-play-state:var(--scene-loop-state)}.pv{border:1px solid var(--ah-color-hairline-strong);border-radius:var(--ah-radius-xl);background:radial-gradient(60% 50% at 50% 50%, color-mix(in srgb, var(--ah-color-signal) 10%, transparent), transparent 70%), var(--ah-color-canvas);min-width:0;box-shadow:var(--ah-shadow-xl)}.pv-stage{aspect-ratio:1;background-image:linear-gradient(to right, var(--ah-color-grid-line) 1px, transparent 1px), linear-gradient(to bottom, var(--ah-color-grid-line) 1px, transparent 1px);border-radius:inherit;max-height:560px;transition:opacity .4s var(--ah-motion-easing-standard);background-size:32px 32px;margin-inline:auto;position:relative;overflow:hidden;container-type:size}.pv-caption{border-radius:var(--ah-radius-pill);background:var(--ah-color-danger-surface);color:var(--ah-color-danger);font-family:var(--ah-font-mono);font-size:var(--ah-text-caption-size);white-space:nowrap;align-items:center;gap:6px;padding:4px 12px;display:inline-flex;position:absolute;top:6cqh;left:50%;transform:translate(-50%)}.pv-lines{width:100%;height:100%;position:absolute;inset:0}.pv-lines line{stroke:var(--ah-color-hairline-strong);stroke-width:1.5px;stroke-dasharray:.04 .03}.pv-page{border:1px solid var(--ah-color-hairline-strong);border-radius:var(--ah-radius-md);background:var(--ah-color-surface-1);color:var(--ah-color-ink);font-family:var(--ah-font-mono);font-size:var(--ah-text-caption-size);white-space:nowrap;align-items:center;gap:8px;padding:10px 14px;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pv-tool{--tx:calc(var(--x) * 1cqw);--ty:calc(var(--y) * 1cqh);border:1px dashed var(--ah-color-hairline-strong);border-radius:var(--ah-radius-md);background:var(--ah-color-surface-1);color:var(--ah-color-ink);font-size:var(--ah-text-caption-size);white-space:nowrap;transform:translate(-50%, -50%) translate(var(--tx), var(--ty));align-items:center;gap:8px;padding:7px 10px;line-height:1.2;display:inline-flex;position:absolute;top:50%;left:50%}.pv-tool:after{content:"";background:var(--ah-color-danger);transform-origin:0;height:2px;position:absolute;top:50%;left:6px;right:6px;transform:scaleX(0)}.pv-tool-icon{color:var(--ah-color-ink-muted);display:inline-flex}.pv-tool-text{flex-direction:column;display:flex}.pv-tool-tag{color:var(--ah-color-ink-muted);font-family:var(--ah-font-mono);font-size:10px}@media (width<=479.98px){.pv-tool{gap:6px;padding:5px 8px}.pv-tool-tag{display:none}}.pv-final{--logo-shift:26cqh;flex-direction:column;justify-content:center;gap:4cqh;display:flex;position:absolute;inset:8cqh 8cqw}.pv-logo{text-align:center}.pv-logo-mark{color:var(--ah-color-ink);font-family:var(--ah-font-mono);letter-spacing:-.02em;align-items:center;gap:10px;font-size:clamp(22px,7cqw,36px);font-weight:600;display:inline-flex}.pv-logo-tag,.pv-logo-any{color:var(--ah-color-signal)}.pv-logo-any{font-weight:400}.pv-logo-sub{color:var(--ah-color-ink-muted);font-size:var(--ah-text-body-sm-size);margin-top:6px}.pv-list{flex-direction:column;gap:8px;display:flex}.pv-list li{border:1px solid var(--ah-color-hairline-strong);border-radius:var(--ah-radius-md);background:var(--ah-color-surface-1);color:var(--ah-color-ink);align-items:center;gap:12px;padding:9px 12px;font-weight:500;display:flex}.pv-list-icon{border-radius:var(--ah-radius-sm);background:color-mix(in srgb, var(--ah-color-signal) 14%, transparent);width:28px;height:28px;color:var(--ah-color-signal);justify-content:center;align-items:center;display:inline-flex}@media (width<=639.98px){.pv-stage{aspect-ratio:4/5}.pv-final{--logo-shift:30cqh;inset:6cqh 5cqw}.pv-list{gap:6px}.pv-list li{font-size:var(--ah-text-body-sm-size);gap:10px;padding:6px 10px}.pv-list-icon{width:26px;height:26px}}.pv-built{white-space:nowrap;border-radius:var(--ah-radius-pill);background:var(--ah-color-success-surface);color:var(--ah-color-success);font-family:var(--ah-font-mono);align-items:center;gap:4px;margin-left:auto;padding:2px 8px;font-size:11px;display:inline-flex}.pv-caption,.pv-lines,.pv-page,.pv-tool{opacity:0}.pv-tool{transform:translate(-50%,-50%)scale(.3)}.pv[data-phase] :is(.pv-caption,.pv-lines,.pv-page,.pv-tool,.pv-logo,.pv-list li){transition:opacity .45s var(--ah-motion-easing-standard), transform .55s var(--ah-motion-easing-emphasized)}.pv[data-phase] .pv-tool:after{transition:transform .3s var(--ah-motion-easing-emphasized)}.pv:is([data-phase=tools],[data-phase=strike]) :is(.pv-caption,.pv-lines,.pv-page){opacity:1}.pv:is([data-phase=tools],[data-phase=strike]) .pv-tool{opacity:1;transform:translate(-50%, -50%) translate(var(--tx), var(--ty));transition-delay:calc(.3s + var(--i) * .16s)}.pv:is([data-phase=tools],[data-phase=strike],[data-phase=merge]) .pv-logo,.pv:is([data-phase=tools],[data-phase=strike],[data-phase=merge],[data-phase=logo]) .pv-list li{opacity:0}.pv:is([data-phase=tools],[data-phase=strike],[data-phase=merge]) .pv-logo{transform:translateY(var(--logo-shift)) scale(.6)}.pv:is([data-phase=tools],[data-phase=strike],[data-phase=merge],[data-phase=logo]) .pv-list li{transform:translateY(10px)}.pv[data-phase=strike] .pv-tool{opacity:.7;transition-delay:0s}.pv[data-phase=strike] .pv-tool:after{transition-delay:calc(var(--i) * .14s);transform:scaleX(1)}.pv[data-phase=merge] .pv-page{opacity:1;transform:translate(-50%,-50%)scale(1.12)}.pv[data-phase=merge] .pv-tool{transition-delay:calc(var(--i) * 60ms)}.pv[data-phase=merge] .pv-tool:after{transform:scaleX(1)}.pv[data-phase=logo] .pv-page{transform:translate(-50%,-50%)scale(1.5)}.pv[data-phase=logo] .pv-logo{opacity:1;transform:translateY(var(--logo-shift)) scale(1.2)}.pv[data-phase=list] .pv-list li{transition-duration:.7s,.8s;transition-delay:calc(.4s + var(--i) * .45s)}.pv[data-phase=list] .pv-built{animation:sc-built .75s var(--ah-motion-easing-emphasized) both;animation-delay:calc(.9s + var(--i) * .45s)}@keyframes sc-built{0%{opacity:0;transform:scale(.6);box-shadow:0 0 #0000}55%{opacity:1;box-shadow:0 0 0 6px color-mix(in srgb, var(--ah-color-success) 30%, transparent);transform:scale(1.15)}to{opacity:1;transform:scale(1);box-shadow:0 0 #0000}}.pv[data-phase=out] .pv-stage,.pv[data-phase=out] :is(.pv-logo,.pv-list li){opacity:0}@media (prefers-reduced-motion:reduce){.pv *{transition:none!important}}.step>*,.code-preview>*,.hero-grid>*{min-width:0}.syntax-tag{color:var(--ah-color-syntax-keyword)}.syntax-attr{color:var(--ah-color-syntax-function)}.syntax-str{color:var(--ah-color-syntax-string)}.syntax-text{color:var(--ah-color-code-ink)}.code-preview{gap:12px;display:grid}@media (width>=640px){.code-preview{grid-template-columns:1fr 1fr}}.pipeline{--rail-x:16px;view-timeline:--pipeline block;position:relative}@media (width>=1024px){.pipeline{--rail-x:50%}}.pipeline-rail{top:0;bottom:0;left:var(--rail-x);background:var(--ah-color-hairline);border-radius:1px;width:2px;margin-left:-1px;position:absolute;mask-image:linear-gradient(#0000,#000 8% 92%,#0000)}.pipeline-fill{background:linear-gradient(to bottom, color-mix(in srgb, var(--scene-accent) 25%, transparent), var(--scene-accent));transform-origin:top;position:absolute;inset:0}.pipeline-packet{position:absolute;inset:0;transform:translateY(-100%)}.pipeline-packet:after{content:"";background:linear-gradient(to bottom, transparent, var(--ah-color-ink));width:2px;height:64px;margin-left:-1px;position:absolute;bottom:0;left:50%}.steps{flex-direction:column;gap:120px;display:flex;position:relative}@media (width>=1024px){.steps{gap:200px}}.step :is(.step-copy,.step-node,.step-visual){transition:opacity .7s var(--ah-motion-easing-standard), transform .8s var(--ah-motion-easing-emphasized)}.step .step-visual{transition-delay:.15s}[data-play] .step:not([data-active]) :is(.step-copy,.step-visual){opacity:0;transform:translateY(56px)}[data-play] .step:not([data-active]) .step-node{opacity:0;transform:scale(.6)}.step{grid-template-columns:32px minmax(0,1fr);gap:24px 20px;display:grid}.step-node{z-index:1;border:1px solid var(--scene-accent);border-radius:var(--ah-radius-pill);background:var(--ah-color-canvas);width:32px;height:32px;box-shadow:0 0 0 6px var(--ah-color-canvas), 0 0 24px -6px var(--scene-accent);color:var(--ah-color-ink);font-family:var(--ah-font-mono);font-size:var(--ah-text-caption-size);transition:border-color var(--ah-motion-duration-slow) var(--ah-motion-easing-standard), box-shadow var(--ah-motion-duration-slow) var(--ah-motion-easing-standard), color var(--ah-motion-duration-slow) var(--ah-motion-easing-standard);grid-area:1/1;place-items:center;display:grid;position:relative}.step-copy{isolation:isolate;grid-area:1/2;min-width:0;position:relative}.step-visual{grid-area:2/2;min-width:0}@media (width>=1024px){.step{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);align-items:center;column-gap:40px}.step-node{width:48px;height:48px;font-size:var(--ah-text-code-sm-size);grid-column:2;justify-self:center}.step-copy{grid-column:1}.step-visual{grid-area:1/3}.step:nth-child(2n) .step-copy{grid-column:3}.step:nth-child(2n) .step-visual{grid-column:1}}.step-ghost{opacity:.6;z-index:-1;color:#0000;font-family:var(--ah-font-mono);letter-spacing:-.06em;pointer-events:none;user-select:none;-webkit-text-stroke:1px var(--ah-color-hairline-strong);font-size:96px;font-weight:700;line-height:1;position:absolute;top:-24px;right:0}@media (width>=1024px){.step-ghost{font-size:120px;top:-48px}}.step-kicker{color:var(--scene-accent);font-family:var(--ah-font-mono);font-size:var(--ah-text-label-size);letter-spacing:var(--ah-text-label-tracking);text-transform:uppercase}.step-title{font-size:var(--ah-text-display-md-size);line-height:var(--ah-text-display-md-line-height);letter-spacing:-.02em;margin-top:8px;font-weight:600}.step-text{max-width:42ch;color:var(--ah-color-ink-muted);margin-top:12px}.step-chips{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.step-chips li{border:1px solid var(--ah-color-hairline-strong);border-radius:var(--ah-radius-pill);background:var(--ah-color-surface-1);color:var(--ah-color-ink-muted);font-family:var(--ah-font-mono);font-size:var(--ah-text-caption-size);padding:4px 10px}.step-stage{border:1px solid var(--ah-color-hairline);border-radius:var(--ah-radius-xl);background:radial-gradient(80% 70% at 50% 0%, var(--scene-accent-soft), transparent 70%), var(--ah-color-surface-1);padding:12px;position:relative}@media (width>=768px){.step-stage{padding:20px}}.step-badge,.step-live{flex:none;max-width:100%;display:inline-flex}.step-badge .badge{white-space:normal}@supports (animation-timeline:view()){[data-play=intro] .pipeline-fill{animation:linear both sc-rail-fill --pipeline;animation-range:cover 15% cover 75%}}[data-play] .pipeline-packet{animation:5s ease-in-out infinite sc-rail-packet;animation-play-state:var(--scene-loop-state)}[data-play] .step:not([data-active]) .step-node{border-color:var(--ah-color-hairline-strong);box-shadow:0 0 0 6px var(--ah-color-canvas);color:var(--ah-color-ink-muted)}.step[data-active=play] .step-node{animation:sc-node-on .7s var(--scene-ease) both}[data-play] .step[data-active] .code-line{animation:8s linear infinite sc-gen-line;animation-delay:calc(var(--i) * .3s);animation-play-state:var(--scene-loop-state)}[data-play] .step[data-active] .page-el{animation:sc-gen-el 8s var(--scene-ease) infinite;animation-delay:calc(1.2s + var(--i) * .8s);animation-play-state:var(--scene-loop-state)}[data-play] .step[data-active] .code-preview .step-badge{animation:sc-gen-el 8s var(--scene-ease) infinite;animation-delay:3.8s;animation-play-state:var(--scene-loop-state)}[data-play] .step[data-active] .step-logos li{animation:8s infinite sc-gen-logo;animation-delay:calc(var(--i,0) * 2s);animation-play-state:var(--scene-loop-state)}@keyframes sc-gen-line{0%{clip-path:inset(0 100% 0 0);animation-timing-function:steps(14,end)}5%,90%{clip-path:inset(0)}to{clip-path:inset(0 100% 0 0)}}@keyframes sc-gen-el{0%{opacity:0;transform:translateY(8px)}6%,86%{opacity:1;transform:none}94%,to{opacity:0;transform:translateY(8px)}}@keyframes sc-gen-logo{0%,to{border-color:var(--ah-color-hairline-strong);box-shadow:none}4%,20%{border-color:var(--scene-accent);box-shadow:0 0 0 3px var(--scene-accent-soft)}26%{border-color:var(--ah-color-hairline-strong);box-shadow:none}}[data-play] .step[data-active] .mini-submit{--ping:var(--ah-color-signal);animation:2.6s ease-out 2s infinite sc-ping;animation-play-state:var(--scene-loop-state)}.deploy{container-type:inline-size}.deploy .browser-address{overflow:hidden}.deploy-domain{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}@container (width<=380px){.deploy-stages li{grid-template-columns:18px 26px minmax(0,1fr);row-gap:0}.deploy-meta{grid-column:3;justify-self:start}}.deploy-body{background:var(--ah-color-canvas);font-size:var(--ah-text-caption-size);flex-direction:column;gap:10px;padding:14px;display:flex}.deploy-head{color:var(--ah-color-ink-muted);font-family:var(--ah-font-mono);justify-content:space-between;align-items:center;display:flex}.deploy-time{color:var(--ah-color-success)}.deploy-stages{flex-direction:column;gap:4px;display:flex}.deploy-stages li{border:1px solid var(--ah-color-hairline);border-radius:var(--ah-radius-sm);background:var(--ah-color-surface-1);color:var(--ah-color-ink);grid-template-columns:18px 26px minmax(0,auto) minmax(0,1fr);align-items:center;gap:8px;padding:6px 8px;display:grid}.deploy-status{place-items:center;width:18px;height:18px;display:grid;position:relative}.deploy-status>span{grid-area:1/1}.deploy-spin{border:1.5px solid var(--ah-color-hairline-strong);border-top-color:var(--ah-color-signal);border-radius:var(--ah-radius-pill);opacity:0;width:12px;height:12px}.deploy-check{border-radius:var(--ah-radius-pill);background:var(--ah-color-success-surface);width:18px;height:18px;color:var(--ah-color-success);justify-content:center;align-items:center;display:inline-flex}.deploy-icon{border-radius:var(--ah-radius-sm);background:var(--ah-color-surface-2);width:26px;height:26px;color:var(--ah-color-ink-muted);justify-content:center;align-items:center;display:inline-flex}.deploy-label{white-space:nowrap;font-weight:500}.deploy-meta{min-width:0;color:var(--ah-color-syntax-function);font-family:var(--ah-font-mono);text-overflow:ellipsis;white-space:nowrap;justify-self:end;font-size:11px;overflow:hidden}.deploy-progress{border-radius:var(--ah-radius-pill);background:var(--ah-color-surface-2);height:4px;overflow:hidden}.deploy-progress>span{border-radius:inherit;background:linear-gradient(90deg, var(--ah-color-secondary), var(--ah-color-success));transform-origin:0;height:100%;display:block}.deploy-edges{grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;display:grid}.deploy-edges>span{background:var(--ah-color-signal);border-radius:2px;height:6px}[data-play] .step[data-active] .deploy-stages li{animation:7s infinite sc-deploy-row;animation-delay:calc(var(--i) * .6s);animation-play-state:var(--scene-loop-state)}[data-play] .step[data-active] .deploy-spin{animation:7s linear infinite sc-deploy-spin,.7s linear infinite sc-spin;animation-delay:calc(var(--i) * .6s), 0s;animation-play-state:var(--scene-loop-state), var(--scene-loop-state)}[data-play] .step[data-active] .deploy-check{animation:7s infinite sc-deploy-check;animation-delay:calc(var(--i) * .6s);animation-play-state:var(--scene-loop-state)}[data-play] .step[data-active] .deploy-progress>span{animation:7s ease-in-out infinite sc-deploy-progress;animation-play-state:var(--scene-loop-state)}[data-play] .step[data-active] .deploy-edges>span{animation:7s infinite sc-deploy-edge;animation-delay:calc(var(--i) * 45ms);animation-play-state:var(--scene-loop-state)}[data-play] .step[data-active] .step-live .badge-dot{--ping:var(--ah-color-signal);animation:1.8s ease-out infinite sc-ping;animation-play-state:var(--scene-loop-state)}.step[data-active=play] .deploy-domain{animation:.7s steps(20,end) .2s both sc-type;display:inline-block}@keyframes sc-deploy-row{0%,8%{opacity:.45;border-color:var(--ah-color-hairline)}12%{opacity:1;border-color:var(--ah-color-signal)}22%,92%{opacity:1;border-color:var(--ah-color-hairline)}to{opacity:.45}}@keyframes sc-deploy-spin{0%,4%{opacity:0}6%,18%{opacity:1}20%,to{opacity:0}}@keyframes sc-deploy-check{0%,18%{opacity:0;transform:scale(.5)}22%,92%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.5)}}@keyframes sc-deploy-progress{0%{transform:scaleX(0)}60%,90%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes sc-deploy-edge{0%,50%{opacity:.15}56%,92%{opacity:1}to{opacity:.15}}[data-play] .step[data-active] .integrations-ok{animation:7s infinite sc-int-req;animation-play-state:var(--scene-loop-state)}[data-play] .step[data-active] .integrations-list li{animation:7s infinite sc-int-row;animation-delay:calc(.8s + var(--i) * .9s);animation-play-state:var(--scene-loop-state)}[data-play] .step[data-active] .integrations-sent{animation:sc-int-sent 7s var(--scene-ease) infinite;animation-delay:calc(1s + var(--i) * .9s);animation-play-state:var(--scene-loop-state)}@keyframes sc-int-req{0%,to{box-shadow:none}4%{box-shadow:0 0 0 4px color-mix(in srgb, var(--ah-color-success) 30%, transparent)}12%{box-shadow:none}}@keyframes sc-int-row{0%,to{background:0 0}4%{background:color-mix(in srgb, var(--ah-color-signal) 10%, transparent)}16%{background:0 0}}@keyframes sc-int-sent{0%{opacity:0;transform:scale(.6)}5%,80%{opacity:1;transform:scale(1)}90%,to{opacity:0;transform:scale(.6)}}[data-play] .step[data-active] .integrations-count{--ping:var(--ah-color-success);animation:2.2s ease-out 2s infinite sc-ping;animation-play-state:var(--scene-loop-state)}@keyframes sc-switch-bg{0%{background:var(--ah-color-hairline-strong)}}@keyframes sc-switch-knob{0%{transform:translate(-12px)}}[data-play] .step[data-active] .leads-row.is-new{animation:sc-col-new 6s var(--scene-ease) infinite;animation-play-state:var(--scene-loop-state)}[data-play] .step[data-active] .leads-row:not(.is-new,.leads-head){animation:sc-col-push 6s var(--scene-ease) infinite;animation-play-state:var(--scene-loop-state)}[data-play] .step[data-active] .leads-count{animation:6s infinite sc-col-count;animation-play-state:var(--scene-loop-state);display:inline-block}[data-play] .step[data-active] .mini-toast{animation:sc-col-toast 6s var(--scene-ease) infinite;animation-delay:calc(1.2s + var(--i) * .5s);animation-play-state:var(--scene-loop-state)}@keyframes sc-col-new{0%,8%{opacity:0;transform:translateY(-100%)}15%{opacity:1;background:color-mix(in srgb, var(--ah-color-signal) 28%, transparent);transform:none}40%,90%{opacity:1;transform:none}to{opacity:0;transform:translateY(-100%)}}@keyframes sc-col-push{0%,8%{transform:translateY(-100%)}15%,90%{transform:none}to{transform:translateY(-100%)}}@keyframes sc-col-count{0%,12%,24%,to{transform:scale(1)}17%{transform:scale(1.35)}}@keyframes sc-col-toast{0%{opacity:0;transform:translate(-10px)}6%,70%{opacity:1;transform:none}80%,to{opacity:0;transform:translate(-10px)}}.step-mcp{max-width:520px;margin-top:16px}.step[data-active=play] .mcp-call li{animation:.52s steps(24,end) both sc-type;animation-delay:calc(.9s + var(--i) * .26s)}.step-logos{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.step-logos li{border:1px solid var(--ah-color-hairline-strong);border-radius:var(--ah-radius-pill);background:var(--ah-color-surface-1);color:var(--ah-color-ink);font-size:var(--ah-text-body-sm-size);align-items:center;gap:8px;padding:6px 12px 6px 6px;font-weight:500;display:inline-flex}.step-logo-mark{border-radius:var(--ah-radius-pill);background:var(--ah-color-canvas);width:30px;height:30px;color:var(--ah-color-ink);justify-content:center;align-items:center;display:inline-flex}.step-logos li:nth-child(2){--i:1}.step-logos li:nth-child(3){--i:2}.step-logos li:nth-child(4){--i:3}.site-mini .tag-label{opacity:1}.site-mini .site-nav .tag-label{top:auto;bottom:-8px}.site-mini .site-nav{padding:7px 10px}.site-mini-body{background:linear-gradient(180deg, var(--ah-color-demo-surface), var(--ah-color-demo-canvas));flex-direction:column;gap:10px;padding:10px;display:flex}.site-mini .site-title{font-size:14px}.site-mini-photo{height:46px;margin-top:6px}.site-mini-photo .site-photo-mark{width:26px;height:26px}.site-mini-form{flex-direction:column;display:flex}.code-preview .step-badge{grid-column:1/-1;justify-self:start}.feature-grid{gap:16px;display:grid}@media (width>=768px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.feature-groups{flex-direction:column;gap:20px;display:flex}.feature-group{border:1px solid var(--ah-color-hairline);border-radius:var(--ah-radius-xl);background:radial-gradient(70% 60% at 0% 0%, var(--scene-accent-soft), transparent 70%), var(--ah-color-surface-1);gap:24px;padding:20px;display:grid;position:relative;overflow:hidden}@media (width>=768px){.feature-group{padding:28px}}@media (width>=1024px){.feature-group{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:40px;padding:36px}}@media (width>=1024px) and (height>=720px){.feature-groups{gap:32px}.feature-group{top:calc(var(--ah-layout-header-height) + 24px + var(--gi) * 20px);min-height:min(600px, calc(100dvh - var(--ah-layout-header-height) - 120px));box-shadow:0 -1px 0 var(--ah-color-hairline-strong), 0 -24px 48px -24px color-mix(in srgb, var(--ah-color-canvas) 80%, transparent);transform:scale(calc(1 - var(--stack-progress,0) * .05));transform-origin:50% 0;filter:brightness(calc(1 - var(--stack-progress,0) * .35));position:sticky}}.feature-group-intro{flex-direction:column;min-width:0;display:flex}.feature-group-index{color:var(--scene-accent);font-family:var(--ah-font-mono);font-size:var(--ah-text-label-size);letter-spacing:var(--ah-text-label-tracking)}.feature-group-title{font-size:var(--ah-text-display-md-size);line-height:var(--ah-text-display-md-line-height);letter-spacing:-.02em;margin-top:8px;font-weight:600}.feature-group-lead{max-width:44ch;color:var(--ah-color-ink-muted);margin-top:10px}.feature-group-stage{min-width:0;display:flex}.feature-group-visual{border:1px solid var(--ah-color-hairline-strong);border-radius:var(--ah-radius-lg);background:radial-gradient(60% 50% at 50% 40%, color-mix(in srgb, var(--ah-color-signal) 9%, transparent), transparent 70%), var(--ah-color-canvas);box-shadow:var(--ah-shadow-lg);font-size:var(--ah-text-body-sm-size);flex-direction:column;flex:1;justify-content:center;padding:20px;display:flex;container-type:inline-size}@media (width>=1024px){.feature-group-visual{padding:28px}}.fv-window{border-bottom:1px solid var(--ah-color-hairline);color:var(--ah-color-ink-muted);font-family:var(--ah-font-mono);font-size:var(--ah-text-caption-size);align-items:center;gap:10px;margin:-8px -8px 20px;padding-bottom:12px;display:flex}@media (width>=1024px){.feature-group-visual{justify-content:flex-start}.fv-window+*{margin-block:auto}}.feature-group .feature-grid{flex-direction:column;gap:8px;margin-top:24px;display:flex}@media (width>=1024px){.feature-group .feature-grid{margin-top:28px}}.feature-group .feature-card{isolation:isolate;background:var(--ah-color-canvas);transition:border-color var(--ah-motion-duration-base) var(--ah-motion-easing-standard), transform var(--ah-motion-duration-slow) var(--ah-motion-easing-emphasized);grid-template-columns:36px minmax(0,1fr);align-items:center;gap:0 14px;padding:12px 14px;display:grid;overflow:hidden}.feature-group .feature-card-icon{background:var(--scene-accent-soft);color:var(--scene-accent);grid-row:span 2;position:relative}.feature-group .feature-card-title{font-size:var(--ah-text-body-size)}.feature-group .feature-card-text{font-size:var(--ah-text-caption-size)}.feature-group .feature-card:before{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(120% 90% at 0% 50%, var(--scene-accent-soft), transparent 60%);opacity:0;transition:opacity var(--ah-motion-duration-slow) var(--ah-motion-easing-standard);pointer-events:none;position:absolute;inset:0}.feature-group .feature-card.is-link:hover{border-color:color-mix(in srgb, var(--scene-accent) 55%, var(--ah-color-hairline))}.feature-group .feature-card.is-link:hover:before{opacity:1}@media (prefers-reduced-motion:no-preference){.feature-group .feature-card.is-link:hover{transform:translate(3px)}}.feature-group .feature-card.is-link:hover .feature-card-icon{color:var(--scene-accent)}.feature-group-tools{margin-top:20px}.feature-group-tools-label{color:var(--ah-color-ink-muted);font-family:var(--ah-font-mono);font-size:var(--ah-text-label-size);letter-spacing:var(--ah-text-label-tracking);text-transform:uppercase;align-items:center;gap:6px;display:flex}.feature-group-tools ul{font-size:var(--ah-text-caption-size);flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.feature-group-tools-note{color:var(--ah-color-ink-muted);font-size:var(--ah-text-caption-size);margin-top:8px}[data-play=intro] .agent-point .text-signal{animation:sc-pop .36s var(--scene-ease) both;animation-delay:calc(.5s + var(--i) * .16s)}.agent-point-text{flex-direction:column;gap:4px;display:flex}.agent-point-note{max-width:46ch;color:var(--ah-color-ink-muted);font-size:var(--ah-text-body-sm-size)}.agent-point-tools{flex-wrap:wrap;gap:6px;display:flex}.agent-point-tools code,.feature-group-tools code{border:1px solid var(--ah-color-hairline-strong);border-radius:var(--ah-radius-xs);background:var(--ah-color-surface-sunken);color:var(--ah-color-syntax-function);font-family:var(--ah-font-mono);overflow-wrap:anywhere;padding:1px 6px;font-size:.85em}[data-theme=light] .feature-group-tools code{color:var(--ah-color-secondary)}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .feature-group-tools code{color:var(--ah-color-secondary)}}.agent-grid,.split-grid{gap:48px;display:grid}@media (width>=1024px){.agent-grid,.split-grid{grid-template-columns:1fr 1fr;align-items:center;gap:64px}.agent-grid{align-items:start}}.sec-map{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden;mask-image:radial-gradient(75% 65%,#000 40%,#0000 100%)}.sec-map-inner{aspect-ratio:360/140;width:max(1100px,115%);position:absolute;top:46%;left:50%;translate:-50% -50%}.sec-map-inner:before{content:"";background:var(--ah-color-ink);opacity:.1;position:absolute;inset:0;mask:url(/images/world-dots.svg) 50%/100% 100% no-repeat}.sec-map-pin,.sec-map-eu{border-radius:var(--ah-radius-pill);background:var(--ah-color-signal);width:6px;height:6px;box-shadow:0 0 10px 2px color-mix(in srgb, var(--ah-color-signal) 45%, transparent);opacity:.6;position:absolute;translate:-50% -50%}.sec-map-eu{background:var(--ah-color-eu-gold);width:10px;height:10px;box-shadow:0 0 16px 4px color-mix(in srgb, var(--ah-color-eu-gold) 45%, transparent);opacity:1}.sec-map-eu:after{content:"";border:1px solid var(--ah-color-eu-gold);border-radius:inherit;opacity:0;position:absolute;inset:-1px}[data-play] .sec-map-pin{animation:3.2s ease-in-out infinite sc-twinkle;animation-delay:calc(var(--i) * -.55s);animation-play-state:var(--scene-loop-state)}[data-play] .sec-map-eu:after{animation:2.8s ease-out infinite sc-map-ping;animation-play-state:var(--scene-loop-state)}@keyframes sc-map-ping{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(5)}}.sec-grid{gap:16px;display:grid}@media (width>=768px){.sec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sec-uptime,.sec-compliance{grid-column:1/-1}}@media (width>=1024px){.sec-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sec-uptime,.sec-compliance{grid-column:span 2}}.sec-tile{border:1px solid var(--ah-color-hairline);border-radius:var(--ah-radius-lg);background:linear-gradient(180deg, var(--ah-color-surface-1), color-mix(in srgb, var(--ah-color-surface-1) 40%, transparent));min-width:0;transition:border-color var(--ah-motion-duration-base) var(--ah-motion-easing-standard), transform var(--ah-motion-duration-slow) var(--ah-motion-easing-emphasized);flex-direction:column;gap:8px;padding:24px;display:flex;position:relative;overflow:hidden}.sec-tile:hover{border-color:var(--ah-color-hairline-strong)}@media (prefers-reduced-motion:no-preference){.sec-tile:hover{transform:translateY(-2px)}}.sec-title{color:var(--ah-color-ink);font-size:var(--ah-text-heading-sm-size);line-height:var(--ah-text-heading-sm-line-height);font-weight:var(--ah-text-heading-sm-weight)}.sec-text{max-width:52ch;color:var(--ah-color-ink-muted);font-size:var(--ah-text-body-sm-size);line-height:var(--ah-text-body-sm-line-height)}.sec-uptime-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.sec-uptime-value{color:var(--ah-color-ink);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(44px,6vw,72px);font-weight:600;line-height:1}.sec-status{border-radius:var(--ah-radius-pill);background:var(--ah-color-success-surface);color:var(--ah-color-success);font-family:var(--ah-font-mono);font-size:var(--ah-text-caption-size);align-items:center;gap:8px;padding:4px 12px;display:inline-flex}.sec-status-dot{border-radius:var(--ah-radius-pill);background:var(--ah-color-success);width:7px;height:7px}@media (width>=768px){.sec-compliance{flex-direction:row;justify-content:space-between;align-items:center;gap:24px}}.sec-compliance-copy{flex:1 1 0;min-width:0}[data-play] .sec-tile:not([data-active]){opacity:0}.sec-tile[data-active=play]{animation:sc-rise .56s var(--scene-ease) backwards}[data-play] .sec-tile[data-active] .sec-status-dot{--ping:var(--ah-color-success);animation:1.8s ease-out infinite sc-ping;animation-play-state:var(--scene-loop-state)}}@layer utilities;