:root{--contours:linear-gradient(130deg,#102c25,#264b3d)}
[hidden]{display:none!important}.preview-banner{background:#e4ebd9;color:#183b2c;text-align:center;font-size:12px;padding:7px 12px}.scripted-demo{border-radius:14px;border:1px solid #d8ded3;background:#fafbf8;color:#202c27;box-shadow:0 16px 50px #04150f30;overflow:hidden;font-size:13px;text-align:left}.demo-top{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#f0f1e9;border-bottom:1px solid #dedfd5;gap:12px}.demo-top>span{font-size:10px;color:#647166}.demo-screen{display:grid;grid-template-columns:142px 1fr;min-height:540px}.demo-screen aside{background:#ebede5;padding:22px 12px;display:flex;flex-direction:column;gap:22px;font-size:11px;color:#647166}.demo-conversation{padding:24px 20px}.demo-question{background:#e8ebdf;padding:12px 16px;border-radius:14px;margin-left:24px;font-size:14px;margin-bottom:18px}.tool-status{color:var(--accent);font-size:12px}.demo-phase{opacity:0;transform:translateY(7px);transition:opacity .35s,transform .35s;visibility:hidden}.demo-phase.visible{opacity:1;transform:none;visibility:visible}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.metric-grid>div{background:#edf1e7;border:1px solid #dce2d4;border-radius:8px;padding:10px;display:flex;flex-direction:column}.metric-grid small{font-size:10px}.metric-grid strong{font-size:23px;line-height:1.5;color:#224732}.metric-grid span{font-size:11px}.demo-conversation table{font-size:11px;margin:12px 0}.demo-conversation :is(th,td){padding:7px 5px}.demo-bars{display:grid;gap:4px;margin:14px 0}.demo-bars span{background:color-mix(in srgb,var(--accent) 22%,#f2f4eb);width:var(--bar);font-size:10px;padding:3px 7px;white-space:nowrap;border-radius:3px}.demo-bars span:nth-child(even){background:color-mix(in srgb,var(--accent) 40%,#f2f4eb)}.demo-answer p{font-size:13px;line-height:1.7}.demo-answer .small{font-size:10px}.demo-controls{display:flex;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid #dce0d5}.demo-controls button{border:0;background:transparent;font:inherit;color:#234333;cursor:pointer;white-space:nowrap;min-height:32px}.demo-controls input{min-width:30px;width:100%;accent-color:#37614a}.demo-controls output{font:10px monospace;white-space:nowrap}.platform-hero h1{max-width:900px}.platform-demo{max-width:1050px;margin:40px auto 0}.platform-demo .demo-screen{min-height:550px;grid-template-columns:180px 1fr}.editorial{max-width:880px}.editorial section{margin-top:44px}.editorial h2{font-size:28px}.copy-status,#analytics-status{display:block;margin:10px 0;font-size:14px}.home .landing-hero{align-items:start}.home .showcase{padding-top:20px}
@media(max-width:700px){.demo-screen{grid-template-columns:1fr;min-height:570px}.demo-screen aside{display:none}.demo-conversation{padding:16px 12px}.demo-top{padding:12px}.demo-top>span{max-width:120px;text-align:right}.metric-grid strong{font-size:20px}.demo-controls{gap:5px;padding:8px}.demo-controls output{font-size:9px}.platform-demo .demo-screen{grid-template-columns:1fr}.demo-question{margin-left:0}.preview-banner{font-size:10px}.home .landing-hero{display:flex;flex-direction:column}.home .showcase{width:100%}.home .hero-overview{width:100%}.hero h1{overflow-wrap:break-word}.showcase-tabs button{font-size:12px;padding:7px 9px}.showcase-tabs{gap:5px}.platform-hero{padding-top:40px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.demo-phase{transition:none}}
.home .landing-hero h1,.home .landing-hero .guide-link{color:#f4f5ed}.home .landing-hero .btn.primary{background:#efb294;color:#172c22;border-color:transparent}.scripted-demo video{display:block;width:100%;height:auto;background:#edf0e7;aspect-ratio:1280/840}.demo-transcript{border-top:1px solid #dce0d5}.demo-transcript>summary{padding:12px 18px;cursor:pointer;font-size:12px}.demo-transcript .demo-screen{min-height:540px}.home .hero-overview h1{font-size:clamp(2.8rem,4.6vw,5rem)}.site-header .brand span{white-space:nowrap}
/* Google Ads MCP: light surfaces and a blue reporting accent. */
:root{--paper:#ffffff;--card:#f5f9ff;--line:#dce7f4;--line-strong:#b1c9e7;--ink:#122b50;--text:#233d5b;--soft:#49627f;--muted:#607893;--faint:#8ba0ba;--marker:#2563eb;--marker-ink:#2563eb;--on-ink:#fff;--on-ink-soft:#eaf2ff;--on-ink-muted:#d2e4ff;--contours:linear-gradient(125deg,#f8fbff,#edf5ff)}
body{background:#fff}.preview-banner{background:#eaf3ff;color:#335e98;border-bottom:1px solid #dce8fa}.site-header{position:relative;background:#fff;border-bottom:1px solid var(--line)}main{padding-top:0}.site-header :is(.brand,.menu-toggle,.site-nav a,.login-link){color:#18345d}.site-header :is(.brand img,.provider-nav img){filter:none}.site-header .provider-nav a:hover{background:#edf5ff}.home .landing-hero{background:var(--contours);color:#49627f;padding-top:52px;min-height:760px}.home .landing-hero h1{color:#122b50}.home .landing-hero .guide-link{color:#2563eb}.home .showcase-tabs{--soft:#49627f;--line:#cbdcf3;--ink:#1e55a6}.home .showcase-tabs button[aria-selected=true]{background:#2563eb;color:#fff;border-color:#2563eb}.home .showcase-tabs button[aria-selected=false] :is(img[src$="/openai.svg"],img[src$="/grok.svg"]){filter:none}.home .showcase-tabs button[aria-selected=true] img{filter:brightness(0) invert(1)}
.btn.primary,.btn.dark,.home .landing-hero .btn.primary,main>:not(.landing-hero) :is(.btn.primary,.btn.dark){background:#2563eb;color:#fff;border-color:#2563eb}.btn.primary:hover,.btn.dark:hover,.home .landing-hero .btn.primary:hover,main>:not(.landing-hero) :is(.btn.primary,.btn.dark):hover{background:#1d4ed8;color:#fff}.btn.ghost{color:#1d4ed8;border-color:#adc8f3;background:#fff}.btn.ghost:hover{background:#eff6ff;color:#1d4ed8}
.scripted-demo{background:#fff;color:#233d5b;border-color:#d2e2f8;box-shadow:0 18px 55px #356bab16}.demo-top{background:#f5f9ff;border-color:#dce7f4}.demo-top>span{color:#607893}.demo-screen aside{background:#edf4ff;color:#607893}.demo-question{background:#eef5ff}.metric-grid>div{background:#eff6ff;border-color:#d9e8ff}.metric-grid strong{color:#2563eb}.demo-controls{border-color:#dce7f4}.demo-controls button{color:#2563eb}.demo-controls input{accent-color:#2563eb}.demo-transcript{border-color:#dce7f4}.demo-bars span{background:#dfecff}.demo-bars span:nth-child(even){background:#c5dcff}.tool-status{color:#2563eb}
.home .plan.featured,.plan.featured{background:#f0f6ff;border:2px solid #2563eb;color:#233d5b;box-shadow:0 14px 40px #2563eb0c}.plan.featured h3,.plan.featured .price{color:#173d7d}.plan.featured .price small,.plan.featured .annual,.plan.featured li,.plan.featured .tag{color:#49627f}.plan.featured ul,.plan.featured li{border-color:#d4e3f7}.plan.featured .btn.primary{background:#2563eb;color:#fff;border-color:#2563eb}body.home .stats{background:#f2f7ff;color:#18345d}.home .stats span{color:#607893}.site-footer{background:#f7faff}.editorial,.platform-hero,.hero.wrap{padding-top:48px;padding-bottom:48px}.home .hero :focus-visible{outline-color:#2563eb}.scripted-demo video{background:#f5f9ff}
@media(max-width:700px){.home .landing-hero{min-height:0;padding-top:36px;padding-bottom:40px}}
/* Product UI is recreated inside demos; the surrounding site keeps its own theme. */
.scripted-demo video{aspect-ratio:1440/1000}.platform-title{font-size:17px;font-weight:600;margin-bottom:24px}.platform-composer{margin-top:22px;background:#f4f4f4;border-radius:18px;padding:14px;color:#777;display:grid;gap:18px}.platform-composer small{font-size:10px;white-space:pre-wrap}.scripted-demo .demo-screen{background:#fff;color:#202124}.scripted-demo .demo-question{background:#f1f1f1;color:#202124}.scripted-demo .demo-screen aside{background:#f9f9f9;color:#4b4b4b}.scripted-demo .metric-grid>div{background:#f7f7f8;border-color:#e5e5e5}.scripted-demo .metric-grid strong{color:#202124}.scripted-demo .tool-status{color:#686b72}.scripted-demo .demo-bars span{background:#e8e8e8}.scripted-demo .demo-bars span:nth-child(even){background:#c0c0c0}
.ui-claude .demo-screen{background:#faf9f5}.ui-claude .demo-screen aside{background:#f0eee6}.ui-claude .demo-screen aside b{font:24px Georgia,serif;color:#252421}.ui-claude .demo-question{background:#ece9e0}.ui-claude .demo-answer{font-family:Georgia,serif}.ui-claude .platform-composer{background:#fff;border:1px solid #e4e0d8}.ui-claude .demo-bars span:nth-child(even){background:#b9815e}
.ui-gemini .demo-screen,.platform-demo .ui-gemini .demo-screen{grid-template-columns:54px 1fr}.ui-gemini .demo-screen aside{background:#f0f4f9;align-items:center;font-size:20px;padding:22px 6px}.ui-gemini .demo-question{background:#e9eef6;border-radius:20px}.ui-gemini .platform-composer{background:#f0f4f9}.ui-gemini .demo-bars span:nth-child(even){background:#7399dc}
.ui-grok .demo-screen{background:#171717;color:#ededed}.ui-grok .demo-screen aside{background:#111;color:#d7d7d7}.ui-grok .demo-question{background:#2b2b2b;color:#ededed}.ui-grok .demo-conversation :is(th,td,strong),.ui-grok .demo-screen .muted{color:#d3d3d3}.ui-grok .metric-grid>div{background:#242424;border-color:#393939}.ui-grok .platform-composer{background:#232323;color:#aaa;border-radius:24px}.ui-grok .demo-bars span{background:#3c3c3c}.ui-grok .demo-bars span:nth-child(even){background:#666}.ui-grok .tool-status{color:#aaa}
.ui-claude-code-and-cursor .demo-screen{background:#1e1e1e;color:#ccc;font-family:var(--mono)}.ui-claude-code-and-cursor .demo-screen aside{background:#252526;color:#bcbcbc;font-size:10px}.ui-claude-code-and-cursor .demo-question{background:#292929;color:#eee;font-family:var(--mono)}.ui-claude-code-and-cursor .platform-title{font-size:13px;color:#dcb394}.ui-claude-code-and-cursor .demo-conversation :is(th,td,strong),.ui-claude-code-and-cursor .demo-screen .muted{color:#c5d8b7}.ui-claude-code-and-cursor .metric-grid>div{background:#262626;border-color:#3b3b3b}.ui-claude-code-and-cursor .platform-composer{background:#292929;color:#aaa;border-radius:6px}.ui-claude-code-and-cursor .tool-status{color:#b6cda4}.ui-claude-code-and-cursor .demo-bars span{background:#333}.ui-claude-code-and-cursor .demo-bars span:nth-child(even){background:#4f6148}
@media(max-width:700px){.ui-gemini .demo-screen,.platform-demo .ui-gemini .demo-screen{grid-template-columns:1fr}}
.demo-chapters{display:flex;align-items:center;gap:4px;background:#f7faff;border-bottom:1px solid #dce7f4;padding:6px 10px;height:44px}.demo-chapters button{font:inherit;font-size:11px;border:0;border-radius:6px;background:transparent;color:#607893;padding:7px 11px;cursor:pointer;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}.demo-chapters button[aria-current=true]{background:#e4efff;color:#1d4ed8}.demo-film{position:relative;aspect-ratio:1440/1000;background:#f8f9fb}.demo-film video{display:block;width:100%;height:100%;object-fit:contain;cursor:pointer}.demo-toggle{position:absolute;right:12px;bottom:12px;width:36px;height:36px;aspect-ratio:1;display:grid;place-items:center;border:1px solid #ffffff99;border-radius:50%;background:#172331aa;color:#fff;cursor:pointer;opacity:0;transition:opacity .15s}.demo-film:hover .demo-toggle,.demo-toggle:focus-visible,.is-paused .demo-toggle{opacity:1}.demo-toggle span{font-size:13px;line-height:1}.demo-written-transcript{padding:0 18px 18px;font-size:13px;line-height:1.7}.demo-written-transcript h3{font-size:15px}.scripted-demo video::-webkit-media-controls{display:none!important}@media(hover:none){.demo-toggle{opacity:.8}}@media(max-width:390px){.demo-chapters{padding-inline:5px}.demo-chapters button{font-size:10px;padding:7px 8px}}
/* One macOS-style title bar shared by all platform demos. */
.scripted-demo{border:1px solid #c9c9ce;border-radius:9px;box-shadow:0 22px 48px #172a4220;background:#faf9f6}
.demo-chapters{height:37px;display:flex;align-items:flex-end;gap:2px;padding:6px 8px 0;background:linear-gradient(#e9e7e6,#dcd9d7);border-bottom:1px solid #c8c5c2;color:#514f52}
.window-lights{display:flex;align-items:center;align-self:center;gap:4px;flex:none;margin:0 9px 6px 4px}
.window-lights i{display:block;width:8px;height:8px;flex:none;border-radius:50%;background:#ff6058}
.window-lights i:nth-child(2){background:#febc2e}.window-lights i:nth-child(3){background:#61c454}
.demo-chapters button{display:inline-flex;align-items:center;gap:5px;flex:none;min-width:0;max-width:33%;height:30px;border:0;border-radius:6px 6px 0 0;padding:7px 11px;background:transparent;color:#5d595d;font:12px/1.15 var(--sans);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.demo-chapters button img{display:block;flex:none;width:13px;height:13px;object-fit:contain}
.demo-chapters button[aria-current=true]{background:#faf9f6;color:#242224;box-shadow:0 -1px 1px #ffffff90}
.demo-chapters button:hover{background:#efedeb;color:#242224}.demo-chapters button[aria-current=true]:hover{background:#faf9f6}
.demo-film,.scripted-demo video{aspect-ratio:1440/970}.demo-film{background:#faf9f6}.demo-film video{object-fit:contain}
.demo-transcript{background:#fff;border-top-color:#e1e1e4}
@media(max-width:700px){.demo-chapters{height:33px;padding:4px 5px 0;gap:1px}.window-lights{gap:3px;margin:0 5px 5px 2px}.window-lights i{width:6px;height:6px}.demo-chapters button{height:28px;gap:4px;font-size:10px;padding:6px 6px;max-width:34%}.demo-chapters button img{width:11px;height:11px}}
@media(max-width:350px){.demo-chapters button{font-size:9px;gap:3px;padding-inline:4px}.window-lights{margin-right:4px}}
.chapter-short{display:none}@media(max-width:350px){.chapter-full{display:none}.chapter-short{display:inline}.demo-chapters button{font-size:10px;padding-inline:6px}}

/* A balanced homepage hero: readable introduction and a contained product window. */
.home .landing-hero.device-hero{
  display:grid;grid-template-columns:minmax(310px,.9fr) minmax(0,1.5fr);
  grid-template-areas:"overview recording";align-items:center;gap:clamp(36px,4.5vw,80px);
  min-height:0;padding:clamp(56px,5vw,88px) max(5%,calc((100vw - 1560px)/2)) clamp(64px,5.5vw,96px);
  background:radial-gradient(ellipse at 85% 40%,#e8f1ff 0,transparent 65%),#f7faff;
  border-bottom:1px solid #e1ebf8;
}
.home .hero-overview{width:100%;align-self:center}
.home .hero-kicker{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#2563eb;margin:0 0 22px}
.home .hero-overview h1{font-size:clamp(44px,3.8vw,66px);line-height:1.08;letter-spacing:-.045em;text-wrap:initial;max-width:none;margin:0 0 24px}
.home .hero-overview h1 span{color:#2563eb}
.home .demo-intro>p:not(.hero-kicker):not(.hero-assurance){max-width:420px;font-size:17px;line-height:1.65;margin:0 0 28px}
.home .demo-intro .btn{padding:15px 26px;min-height:52px;font-size:15px}
.home .demo-intro .hero-assurance{font-size:12px;line-height:1.7;color:#607893;margin:16px 0 0}
.hero-assurance span{padding:0 5px;color:#9eb3ce}
.home .showcase{padding-top:0;width:100%;max-width:960px;justify-self:end}
.home .showcase-tabs{gap:6px;margin-bottom:14px;flex-wrap:wrap}
.home .showcase-tabs button{font-size:12px;padding:9px 12px;min-height:38px}
.home .scripted-demo{box-shadow:0 20px 50px -15px #254e7f35;border-color:#cbd7e5;border-radius:10px}
@media(max-width:1050px){
 .home .landing-hero.device-hero{grid-template-columns:1fr;grid-template-areas:"overview" "recording";gap:36px;padding-top:48px;padding-bottom:56px}
 .home .hero-overview{text-align:center;max-width:700px;justify-self:center}
 .home .hero-overview h1{font-size:clamp(42px,6vw,60px)}
 .home .hero-overview h1 br{display:none}.home .hero-overview h1 br::after{content:" "}
 .home .hero-overview h1 span{display:block}
 .home .demo-intro>p:not(.hero-kicker):not(.hero-assurance){max-width:540px;margin-inline:auto}
 .home .showcase{max-width:860px;justify-self:center}
 .home .showcase-tabs{justify-content:center}
}
@media(max-width:600px){
 .home .landing-hero.device-hero{padding:38px 5% 40px;gap:28px}
 .home .hero-kicker{font-size:10px;margin-bottom:16px}
 .home .hero-overview h1{font-size:clamp(35px,8.8vw,48px);line-height:1.1;margin-bottom:18px}
 .home .demo-intro>p:not(.hero-kicker):not(.hero-assurance){font-size:15px;line-height:1.6;margin-bottom:22px}
 .home .demo-intro .hero-assurance{font-size:10px}
 .hero-assurance span{padding:0 3px}
 .home .showcase-tabs{gap:5px;margin-bottom:12px}
 .home .showcase-tabs button{font-size:11px;padding:7px 9px;min-height:34px}
}

/* Keep the homepage platform selector directly beneath its video. */
.home .showcase-tabs{margin-top:16px;margin-bottom:0}
@media(max-width:600px){.home .showcase-tabs{margin-top:12px;margin-bottom:0}}
/* Reveal the homepage assistant selector on hover without shifting the layout. */
@media(hover:hover) and (pointer:fine){
 .home .showcase-tabs{opacity:0;transition:opacity .18s ease}
 .home .showcase:hover .showcase-tabs,
 .home .showcase:focus-within .showcase-tabs{opacity:1}
}
@media(prefers-reduced-motion:reduce){.home .showcase-tabs{transition:none}}

/* Plan allowances pair their icon with its text, including on narrow cards. */
.plan .plan-allowances{display:flex;flex-direction:column;gap:9px;margin:12px 0 20px}
.plan-allowances>span{display:flex;align-items:center;gap:9px;line-height:1.45}
.plan-allowances img,.plan-allowances svg{width:18px;height:18px;flex:none;object-fit:contain}
.plan-allowances svg{color:#607893}
/* Let short pages reach the viewport bottom without fixing the footer in place. */
body{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}
body>main{flex:1 0 auto;min-width:0}
body>.site-header,body>.site-footer{flex-shrink:0}
/* Google measurement choices are separate from the PostHog control. */
.google-consent-actions{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}
.google-consent-actions button{cursor:pointer;border:1px solid #b1c9e7;background:#f5f9ff;color:#18345d;border-radius:8px;padding:10px 12px;font:500 12px var(--sans)}
.google-consent-actions button:last-child{background:#2563eb;border-color:#2563eb;color:#fff}
.google-consent-actions button:disabled{opacity:.6;cursor:default}
[data-google-status]{display:block;font-size:13px;margin-top:16px;color:#607893}
@media(max-width:850px){.google-consent-actions{flex-shrink:1}}
.currency-picker{display:flex;align-items:center;gap:10px;margin:24px 0;font-size:13px;flex-wrap:wrap}.currency-picker select,.currency-picker button{font:inherit;border:1px solid #b1c9e7;border-radius:8px;padding:9px 12px;background:white;color:#233d5b}.currency-picker button{cursor:pointer;background:#f0f6ff}