.agent-demo{max-width:var(--layout-wide,1240px);margin-inline:auto}.agent-demo-intro{text-align:center;font-size:var(--font-size-sm);color:var(--color-ink-subtle);margin-block:0 var(--space-sm)}.agent-demo-tabs{margin-bottom:var(--space-md);flex-wrap:wrap;justify-content:center;gap:.4rem;display:flex}@media(scripting:enabled){.agent-demo-tabs[hidden],.agent-demo-controls[hidden]{display:flex}.agent-demo-intro--static{display:none}.agent-demo-intro--live[hidden]{display:block}}.agent-demo-tab{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-ink-subtle);font:inherit;font-size:var(--font-size-xs);cursor:pointer;border-radius:999px;align-items:center;gap:.45rem;padding:.4rem .75rem;display:inline-flex}.agent-demo-tab[aria-selected=true]{background:var(--color-accent);border-color:var(--color-accent);color:#fff;box-shadow:var(--shadow-accent)}.agent-demo-tab:has(~.agent-demo-tab[aria-selected=true]) .agent-demo-tab-num{background:var(--color-brand-tint);color:var(--color-brand);font-size:0}.agent-demo-tab:has(~.agent-demo-tab[aria-selected=true]) .agent-demo-tab-num:after{content:"\2713";font-size:var(--font-size-xs);line-height:1}.agent-demo-tab:focus-visible,.agent-demo-nav:focus-visible,.agent-demo-step:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px;border-radius:999px}.agent-demo-step:focus-visible{border-radius:10px}.agent-demo-tab-num{background:var(--color-surface-raised);block-size:1.35rem;inline-size:1.35rem;color:var(--color-ink-muted);border-radius:50%;place-items:center;font-weight:600;display:inline-grid}.agent-demo-tab[aria-selected=true] .agent-demo-tab-num{background:var(--color-accent-dark);color:#fff}@media(width<=599px){.agent-demo-tab-label{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}.agent-demo-steps{margin:0;padding:0;list-style:none}.agent-demo-step+.agent-demo-step{margin-top:var(--space-lg)}@media(scripting:enabled){.agent-demo:not(.is-enhanced) .agent-demo-steps{display:grid}.agent-demo:not(.is-enhanced) .agent-demo-step{grid-area:1/1;margin-top:0}.agent-demo:not(.is-enhanced) .agent-demo-step:not(:first-child){visibility:hidden}}.agent-demo.is-enhanced .agent-demo-steps{display:grid}.agent-demo.is-enhanced .agent-demo-step{visibility:hidden;grid-area:1/1;margin-top:0}.agent-demo.is-enhanced .agent-demo-step[data-current]{visibility:visible}@media(width>=900px){.agent-demo.is-enhanced .agent-demo-step,.agent-demo:not(.is-enhanced) .agent-demo-step{column-gap:var(--space-lg);grid-template-rows:auto auto 1fr;grid-template-columns:1.55fr 1fr;align-content:start;display:grid}.agent-demo-step>.agent-demo-screen{grid-area:1/1/span 3;align-self:start}.agent-demo-step>.agent-demo-step-index{grid-area:1/2}.agent-demo-step>.agent-demo-step-heading{grid-area:2/2}.agent-demo-step>.agent-demo-note{grid-area:3/2}}.agent-demo-step-index{margin:0 0 var(--space-2xs);align-items:baseline;gap:10px;display:flex}.agent-demo-step-index-num{font-family:var(--font-display);letter-spacing:-.03em;color:#ffe0cc;font-size:56px;font-weight:600;line-height:1}.agent-demo-step-index-of{letter-spacing:.09em;text-transform:uppercase;color:var(--color-ink-subtle);font-size:12px;font-weight:600}.agent-demo-progressbar{border-radius:var(--radius-full);background:var(--color-surface-raised);flex:1 0 100%;height:4px;display:block;overflow:hidden}.agent-demo-progressbar-fill{border-radius:var(--radius-full);background:var(--color-accent);width:0;height:100%;transition:width .25s;display:block}.agent-demo:has([data-demo-step="1"][data-current]) .agent-demo-progressbar-fill{width:16.66%}.agent-demo:has([data-demo-step="2"][data-current]) .agent-demo-progressbar-fill{width:33.33%}.agent-demo:has([data-demo-step="3"][data-current]) .agent-demo-progressbar-fill{width:50%}.agent-demo:has([data-demo-step="4"][data-current]) .agent-demo-progressbar-fill{width:66.66%}.agent-demo:has([data-demo-step="5"][data-current]) .agent-demo-progressbar-fill{width:83.33%}.agent-demo:has([data-demo-step="6"][data-current]) .agent-demo-progressbar-fill{width:100%}.agent-demo:not(.is-enhanced) .agent-demo-progressbar{display:none}.agent-demo-step-heading{margin:0 0 var(--space-sm);font-size:var(--font-size-md)}.agent-demo-step-num{font-size:var(--font-size-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-brand);font-weight:600;display:block}.agent-demo-step-title{display:block}.agent-demo-screen{border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);background:var(--color-surface);overflow:hidden}.agent-demo-screen-bar{background:var(--color-surface-sunken);border-bottom:1px solid var(--color-border);font-size:var(--font-size-xs);flex-wrap:wrap;align-items:baseline;gap:.75rem;padding:.55rem .9rem;display:flex}.agent-demo-screen-title{font-weight:600}.agent-demo-screen-meta{color:var(--color-ink-subtle)}.agent-demo-screen-body{padding:.9rem}.agent-demo-rows{gap:.35rem;margin:0;display:grid}.agent-demo-row{font-size:var(--font-size-sm);border-radius:6px;grid-template-columns:minmax(7rem,12rem) 1fr;gap:.75rem;padding:.35rem .5rem;display:grid}@media(width<=599px){.agent-demo-row{grid-template-columns:1fr;gap:.1rem}}.agent-demo-row dt{color:var(--color-ink-subtle);margin:0}.agent-demo-row dd{margin:0;font-weight:500}.agent-demo-row--found{background:var(--color-brand-tint)}.agent-demo-row--new{background:var(--color-surface-sunken);box-shadow:inset 3px 0 0 var(--color-accent)}.agent-demo-message{background:var(--color-surface-sunken);font-size:var(--font-size-sm);border-radius:8px;margin:.75rem 0 0;padding:.75rem .9rem}.agent-demo-screen--draft .agent-demo-message{border-left:3px solid var(--color-brand)}.agent-demo-slots{gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.agent-demo-slot{background:var(--color-surface-sunken);font-size:var(--font-size-sm);border-radius:6px;justify-content:space-between;gap:1rem;padding:.45rem .6rem;display:flex}.agent-demo-slot-state{color:var(--color-ink-subtle);font-size:var(--font-size-xs)}.agent-demo-slot--busy{opacity:.55;text-decoration:line-through}.agent-demo-slot--picked{background:var(--color-brand-tint);box-shadow:inset 3px 0 0 var(--color-brand)}.agent-demo-slot--picked .agent-demo-slot-state{color:var(--color-brand-dark);font-weight:600}.agent-demo-actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.85rem;display:flex}.agent-demo-action{border:1px solid var(--color-border);background:var(--color-surface);font:inherit;font-size:var(--font-size-sm);border-radius:6px;padding:.45rem .9rem}.agent-demo-action--primary{background:var(--color-brand);border-color:var(--color-brand);color:#fff}.agent-demo-action[disabled]{opacity:.75;cursor:not-allowed}.agent-demo-actions-note{font-size:var(--font-size-xs);color:var(--color-ink-subtle);flex-basis:100%;margin:.15rem 0 0}.agent-demo-note{margin:var(--space-sm) 0 0;max-width:62ch}.agent-demo-controls{margin-top:var(--space-md);justify-content:space-between;align-items:center;gap:1rem;row-gap:var(--space-2xs);flex-wrap:wrap;display:flex}.agent-demo-nav{border:1px solid var(--color-border);background:var(--color-surface);font:inherit;cursor:pointer;border-radius:6px;padding:.5rem 1rem}.agent-demo-nav--primary{background:var(--color-brand);border-color:var(--color-brand);color:#fff}.agent-demo-nav[disabled]{opacity:.45;cursor:not-allowed}.agent-demo-progress{font-size:var(--font-size-xs);color:var(--color-ink-subtle);margin:0}@media(prefers-reduced-motion:no-preference){.agent-demo.is-enhanced .agent-demo-step[data-current]{animation:.22s ease-out agent-demo-in}.agent-demo-tab{transition:background-color .15s,border-color .15s,color .15s}}@keyframes agent-demo-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}main>section .card-grid,main>section .process-steps,main>section .trust-bar-list{max-width:var(--layout-wide,1240px)}@media(width>=900px){.home-split{column-gap:var(--space-xl);max-width:var(--layout-wide,1240px);grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:start;margin-inline:auto;display:grid}.home-split.alignfull{max-width:var(--layout-wide,1240px);margin-inline:auto}.home-split>*{grid-column:1;max-width:none;margin-inline:0!important}.home-split>.has-text-align-center{text-align:left}.home-split>h2{margin-top:0}.home-split>.card-grid,.home-split>.process-steps{grid-area:1/2/span 20;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(width>=768px)and (width<=899px){.card-grid:has(>.pain-card){grid-template-columns:repeat(2,minmax(0,1fr))}}.card-grid>.pain-card,.process-steps>.process-step{flex-direction:column;height:100%;display:flex}.card-grid>.pain-card>p:last-child,.process-steps>.process-step>p:last-child{margin-bottom:0}@media(width>=900px){main>section+section{padding-top:calc(var(--space-lg) * .55)!important}}@supports (animation-timeline:view()){@media(prefers-reduced-motion:no-preference){.reveal-step{animation:linear both reveal-step-in view();animation-range:entry entry 60%}}}@keyframes reveal-step-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.trust-bar-list{margin-top:var(--space-md);gap:.5rem}.trust-bar-list li{font-size:var(--font-size-sm);color:var(--color-brand-dark);background:var(--color-surface);border-color:var(--color-brand-bright);padding:.5em 1.1em;font-weight:600}.home-section-nav{z-index:20;background:var(--color-surface,#fff);border-bottom:1px solid var(--color-border);padding-inline:var(--space-md);margin-inline:calc(50% - 50vw);position:sticky;top:0}.home-section-nav ul{max-width:var(--layout-wide,1240px);scrollbar-width:none;gap:1.25rem;margin:0 auto;padding:.6rem 0;list-style:none;display:flex;overflow-x:auto}.home-section-nav ul::-webkit-scrollbar{display:none}.home-section-nav li{margin:0}.home-section-nav a{white-space:nowrap;font-size:var(--font-size-sm);color:var(--color-ink-subtle);padding:.15rem 0;text-decoration:none;display:block}.home-section-nav a:hover,.home-section-nav a:focus-visible{color:var(--color-brand-dark);text-decoration:underline}.home-section-nav a:focus-visible{outline:3px solid var(--color-accent);outline-offset:2px}#problems-ai-abstraction-solves,#what-services-does-ai-abstraction-offer,#what-does-an-ai-agent-do-with-an-email,#ai-abstraction-managed-hosting,#how-ai-abstraction-builds-an-ai-agent,#questions-owners-actually-ask{scroll-margin-top:4rem}