@font-face { font-family:Inter; font-style:normal; font-weight:400 800; font-display:swap; src:url(/assets/inter-latin-v20.woff2) format('woff2'); }
:root { --paper:#fbf8f1; --sheet:#fffdf8; --ink:#24243e; --muted:#666477; --line:#dedbe2; --action:#5e488b; --action-dark:#40305f; --mint:#78d9be; --tint:#eee8f6; --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; }
* { box-sizing:border-box; }
body,h1,h2,h3,p,ul,ol,dl,dd,figure { margin:0; }
html { scroll-behavior:smooth; scroll-padding:28px 0 90px; }
body { background:var(--paper); color:var(--ink); font:16px/1.65 Inter,system-ui,sans-serif; -webkit-font-smoothing:antialiased; }
img,svg { display:block; }
img { max-width:100%; height:auto; }
a { color:var(--action); text-underline-offset:5px; }
a:hover { color:var(--action-dark); }
button { font:inherit; cursor:pointer; }
a,button,summary { touch-action:manipulation; }
:focus-visible { outline:3px solid #5b88dc; outline-offset:5px; }
[hidden] { display:none!important; }
::selection { background:#ffcf79; color:#24243e; }
.wrap { width:min(100% - 96px,1140px); margin-inline:auto; }
.narrow { max-width:820px; }
.icon { width:20px; height:20px; flex-shrink:0; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.brand { display:inline-flex; align-items:center; gap:8px; color:var(--ink); text-decoration:none; flex-shrink:0; }
.brand-mark { width:34px; height:34px; border-radius:20%; }
.wordmark { width:84px; height:34px; }
.skip-link { position:fixed; top:-100px; left:12px; z-index:100; padding:12px 20px; background:white; }
.skip-link:focus { top:8px; }
.site-header { border-bottom:1px solid var(--line); }
.nav { min-height:88px; display:flex; align-items:center; gap:32px; }
.nav-links { display:flex; gap:24px; margin-left:auto; }
.nav a:not(.brand):not(.btn) { color:var(--ink); font-size:13px; font-weight:500; text-decoration:none; }
.nav a:not(.brand):hover { text-decoration:underline; }
.nav-actions { display:flex; align-items:center; gap:24px; }
.btn { display:inline-flex; align-items:center; justify-content:center; gap:18px; min-height:49px; padding:13px 23px; border:1px solid var(--ink); border-radius:7px; font-size:14px; font-weight:650; line-height:1.3; text-decoration:none; transition:background .15s,transform .15s; }
.btn:hover { transform:translateY(-2px); }
.btn-action { background:var(--action); color:#fff; border-color:var(--action); box-shadow:0 3px 0 #c96567; }
.btn-action:hover { background:var(--action-dark); color:#fff; }
.btn-outline { color:var(--ink); background:transparent; border-color:#b6aac9; }
.btn-outline:hover { color:var(--ink); background:#eee8f6; }
.nav .btn { min-height:44px; padding:11px 18px; }
h1,h2,h3 { text-wrap:balance; letter-spacing:-.045em; line-height:1.08; }
h1,h2 { font-weight:700; }
h2 { font-size:clamp(34px,4vw,52px); }
h2 em,h1 em { font-family:inherit; font-style:normal; font-weight:700; letter-spacing:inherit; }
h3 { font-size:23px; font-weight:600; line-height:1.25; letter-spacing:-.03em; }
.eyebrow { display:block; margin-bottom:20px; color:var(--action); font:500 11px/1.5 var(--mono); letter-spacing:.1em; text-transform:uppercase; }
.hero { padding:48px 0 0; }

.hero-copy { min-width:0; }

h1 { font-size:clamp(49px,5.8vw,78px); letter-spacing:-.065em; line-height:1.03; }
h1 em { display:inline-block; color:var(--action); font-size:1.04em; }
.hero-lede { max-width:460px; margin-top:26px; color:var(--muted); font-size:17px; line-height:1.65; }

.install-line { display:flex; align-items:center; gap:10px; min-width:0; padding:8px 8px 8px 15px; border:1px solid #55516f; border-radius:7px; background:#24243e; }
.install-line code { flex:1; min-width:0; color:#fff3dc; font:12px/1.7 var(--mono); overflow-wrap:anywhere; }

.copy-btn { min-height:40px; padding:8px 13px; border:1px solid #d8cfdf; border-radius:4px; background:#faf5eb; color:#35304a; font-size:11px; }
.copy-btn:hover { background:#eee3fa; }

.hero-ctas { display:flex; flex-wrap:wrap; align-items:center; gap:25px; margin-top:25px; }
.hero-explore { color:var(--ink); font-size:13px; }
.hero-explore span { margin-left:8px; }
.hero-note { color:var(--muted); font-size:11px; margin-top:14px; }
.hero-note strong { font-weight:500; color:var(--ink); }
.google-mark { width:18px; height:18px; flex-shrink:0; }
.google-cta { display:inline-flex; justify-content:center; align-items:center; gap:10px; background:#fff; color:#24243e; border:1px solid #c2b6cd; }
.google-cta:hover { background:#f2edf7; color:#24243e; }
.signup-links { display:flex; flex-wrap:wrap; align-items:center; gap:18px; margin-top:21px; font-size:11px; }
.signup-links .btn { min-height:38px; padding:9px 12px; font-size:11px; }
.signup-links > a:last-child { color:var(--muted); }
.signup-note { color:var(--muted); font-size:11px; margin-top:9px; }
.hero-proof { display:flex; align-items:center; justify-content:center; gap:22px; padding:28px 0; margin-top:52px; border-top:1px solid var(--line); }
.hero-proof p,.provider-note { font-size:11px; line-height:1.5; color:var(--muted); }
.hero-proof strong { font-weight:500; color:var(--ink); }
.provider-list { display:flex; flex-wrap:wrap; justify-content:center; gap:23px; padding:0; list-style:none; }
.provider-list li { display:flex; align-items:center; gap:8px; font-size:14px; font-weight:500; }
.provider-list img,.provider-list .icon { width:22px; height:22px; object-fit:contain; }

.section { padding:88px 0; }
.section-head { max-width:760px; margin-bottom:40px; }
.section-head > p { margin-top:18px; color:var(--muted); font-size:17px; }
.section-head.center { text-align:center; margin-inline:auto; }

.screens { border-block:1px solid var(--line); background:#e8eddf; }
.screens-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px; }
.shot { overflow:hidden; border:1px solid #ccc4db; border-radius:9px; background:white; }
.screen-preview { display:block; width:100%; padding:0; border:0; background:#fff; cursor:zoom-in; }
.screen-preview:focus-visible { outline-offset:-5px; }
.screens-grid img { width:100%; aspect-ratio:16/9; object-fit:cover; object-position:top; }
.shot figcaption { display:flex; gap:20px; padding:15px 18px; border-top:1px solid var(--line); color:var(--muted); font-size:11px; line-height:1.6; }
.shot figcaption strong { display:block; color:var(--ink); font-size:13px; margin-bottom:3px; }
.enlarge-hint { display:flex; align-items:center; gap:6px; margin-left:auto; align-self:center; white-space:nowrap; font-size:9px; }
.enlarge-hint .icon { width:14px; height:14px; }
.screens-more { margin-top:24px; color:var(--muted); font-size:11px; }
.workflow { border-bottom:1px solid var(--line); }
.steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:38px; padding:0; list-style:none; }
.step-art { margin-bottom:24px; }
.agent-scene { position:relative; isolation:isolate; mix-blend-mode:multiply; }
.agent-scene > img:first-child { width:100%; mix-blend-mode:multiply; }
.agent-scene .agent-mark { position:absolute; left:var(--x); top:var(--y); width:var(--size); height:auto; aspect-ratio:1; object-fit:contain; transform:translate(-50%,-50%); }
.agent-scene .agent-mark-badge { padding:.5%; box-sizing:content-box; border:1px solid #384039; border-radius:50%; background:var(--paper); }
.step-no { display:block; margin-bottom:12px; font:10px var(--mono); color:#776386; }
.steps h3 { font-size:22px; }
.steps p { color:var(--muted); font-size:13px; margin-top:13px; }
.step-screen-link { display:inline-block; margin-top:13px; font-size:11px; }
.workflow-screen-note { margin-top:26px; color:var(--muted); font-size:10px; }
.task-starter { margin-top:42px; padding:27px; border:1px solid #d6cbe4; border-radius:8px; background:#eee8f6; }
.task-starter h3 { font-size:23px; }
.starter-options { display:flex; flex-wrap:wrap; gap:7px; margin:19px 0; }
.starter-options button { min-height:40px; padding:8px 14px; border:1px solid #b6aac9; border-radius:5px; background:transparent; color:#5b4a74; font-size:12px; }
.starter-options button[aria-pressed="true"] { background:#51406e; color:#fff; border-color:#51406e; }
.starter-content { display:flex; align-items:center; gap:25px; padding:20px; border:1px solid #d6cbe4; border-radius:5px; background:#fffdf8; }
.starter-content p { color:#5b4a74; font:12px/1.8 var(--mono); }
.starter-content .copy-btn { flex-shrink:0; }
.starter-note { color:var(--muted); font-size:11px; margin-top:14px; }
.starter-start { display:flex; flex-wrap:wrap; align-items:center; gap:20px; margin-top:20px; }
.starter-start p { font-size:11px; color:var(--muted); }
.tour-disclosure { padding-block:32px; }
.tour-disclosure > details { border:1px solid #d9cfe3; border-radius:8px; overflow:hidden; }
.tour-disclosure > details > summary { display:flex; justify-content:space-between; gap:16px; list-style:none; padding:22px 26px; font-size:14px; font-weight:500; cursor:pointer; }
.tour-disclosure .product-tour { border-bottom:0; }
.tour-disclosure .product-tour-wrap { width:calc(100% - 52px); }
.tour-disclosure .product-tour-more { gap:18px; }
.tour-disclosure .product-tour-more img { width:70px; }
.tour-disclosure .product-tour-screen { box-shadow:none; }
.cost-section { padding-top:30px; }

.cost-intro { display:grid; grid-template-columns:1fr 1.15fr; gap:60px; align-items:center; margin-bottom:42px; }
.cost-intro .section-head { margin-bottom:0; }
.cost-intro .section-head > p { color:#cad5c2; font-size:16px; }
.cost-intro .cost-control { font-size:13px; }
.cost-intro .cost-disclosure { font-size:11px; color:#a7bd9c; margin-top:22px; }
.cost-compare { color:#29352a; background:#f9faf2; border:1px solid #a3b493; border-radius:9px; overflow:hidden; }
.compare-columns { display:grid; grid-template-columns:1fr 1fr; }
.compare-col { padding:23px 22px; }
.compare-col + .compare-col { border-left:1px solid #c8d3be; }
.compare-after { background:#e4efd8; }
.compare-tag { display:block; font:9px var(--mono); letter-spacing:.08em; color:#627357; text-transform:uppercase; }
.compare-col h3 { font-size:16px; margin-top:12px; }
.compare-amount { font-size:56px; font-weight:600; letter-spacing:-.06em; line-height:1.1; margin-top:22px; }
.compare-after .compare-amount { color:#356336; }
.compare-unit { font-size:10px; color:#697361; margin-top:7px; }
.compare-col dl { margin-top:22px; border-top:1px solid #c5d0bb; font-size:10px; }
.compare-col dl div { display:flex; justify-content:space-between; gap:10px; padding:9px 0; border-bottom:1px solid #c5d0bb; }
.compare-col dt { color:#697361; }
.compare-col dd { font-weight:600; }
.compare-band { padding:17px 22px; border-top:1px solid #c5d0bb; font-size:12px; }
.compare-band strong { color:#356336; font-size:17px; }
.cost-compare figcaption { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px; padding:12px 22px; border-top:1px solid #c5d0bb; font-size:9px; color:#697361; }

summary { cursor:pointer; }
summary::-webkit-details-marker { display:none; }
.cost-proof { padding:19px 22px; border:1px solid #667e5c; border-radius:7px; }
.cost-proof > summary { display:flex; justify-content:space-between; gap:15px; list-style:none; font-size:13px; font-weight:500; }
.cost-proof > summary::after { content:'+'; font-size:21px; }
.cost-proof[open] > summary::after { content:'−'; }
.benchmark-context { display:block; font-size:10px; font-weight:400; color:var(--muted); margin-top:3px; }
.benchmark-body { margin-top:20px; padding:20px; background:#f6f8ed; color:#4f5e43; border-radius:5px; }
.method p { font-size:12px; }
.method p + p { margin-top:12px; }

.use-cases-section { padding-block:66px; border-top:1px solid var(--line); }
.use-case-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0 28px; margin-bottom:24px; }
.use-case-links a { display:flex; align-items:center; gap:14px; border-top:1px solid var(--line); padding:22px 0; color:var(--ink); text-decoration:none; }
.use-case-links a:hover strong { text-decoration:underline; }
.use-case-links img { width:85px; flex-shrink:0; mix-blend-mode:multiply; }
.use-case-links strong { font-size:15px; line-height:1.4; display:block; }
.use-case-links div > span { display:block; color:var(--muted); font-size:11px; margin-top:6px; }
.use-cases-section > .wrap > a { font-size:12px; }
.industry-rail { display:flex; gap:15px; overflow-x:auto; scroll-snap-type:x mandatory; padding:3px 0 18px; scrollbar-width:thin; }
.industry-rail a { display:flex; flex-direction:column; gap:10px; flex:0 0 218px; scroll-snap-align:start; padding:20px; background:#f3edf7; border:1px solid #d9cfe3; border-radius:8px; text-decoration:none; color:var(--ink); }
.industry-rail a:hover { border-color:#9a7eb8; }
.industry-rail img { width:80px; mix-blend-mode:multiply; }
.industry-rail strong { font-size:14px; line-height:1.4; }
.industry-rail span { font-size:11px; line-height:1.5; color:var(--muted); }
.industry-rail-hint { font-size:11px; color:var(--muted); }
.pricing { background:#e9edde; border-block:1px solid #c9d1bc; }
.plans { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.plans article { display:flex; flex-direction:column; padding:28px; border:1px solid #d5c9df; border-radius:9px; background:#f8faf2; }
.plans article:first-child { border-color:#406c3e; box-shadow:0 4px 0 #8da77b; }
.plans h3 { font-size:22px; }
.plan-for { color:var(--muted); font-size:12px; margin:9px 0 24px; }
.price { font-size:51px; font-weight:600; letter-spacing:-.06em; line-height:1; }
.price span { color:var(--muted); font-size:12px; font-weight:400; letter-spacing:0; }
.credits { font-size:13px; font-weight:600; margin-top:15px; }
.plan-meta { color:var(--muted); font-size:11px; margin-top:7px; min-height:36px; }
.plans ul { list-style:none; padding:20px 0; margin-top:18px; border-top:1px solid var(--line); font-size:12px; }
.plans li { margin-bottom:8px; }
.plans li::before { content:'✓'; color:#386c38; margin-right:9px; }
.plans .btn { width:100%; margin-top:auto; }
.pricing-note { text-align:center; color:var(--muted); font-size:11px; margin-top:24px; }
.team-offer { display:flex; align-items:center; flex-wrap:wrap; gap:22px; margin-top:28px; padding:26px; border:1px solid #d5c9df; border-radius:7px; }
.team-offer > div { flex:1 1 390px; }
.team-offer h3 { font-size:21px; }
.team-offer p { font-size:12px; color:var(--muted); margin-top:10px; }
.team-offer > a:last-child { font-size:11px; }
.billing-details { margin-top:30px; padding-top:28px; border-top:1px solid #d5c9df; }
.billing-details h3 { font-size:17px; }
.billing-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; margin-top:22px; font-size:11px; }
.billing-grid strong { display:block; margin-bottom:7px; font-size:12px; }
.billing-grid p,.billing-details > p { color:var(--muted); }
.billing-details > p { margin-top:20px; font-size:11px; }
.faq { margin-top:32px; }
.faq details { border-top:1px solid var(--line); }
.faq details:last-child { border-bottom:1px solid var(--line); }
.faq summary { display:flex; justify-content:space-between; gap:24px; padding:20px 0; font-size:15px; font-weight:500; list-style:none; }
.faq summary::after { content:'+'; color:var(--muted); font:20px var(--mono); }
.faq details[open] summary::after { content:'−'; }
.faq p { color:var(--muted); font-size:13px; padding:0 30px 22px 0; }

.investors { border-top:1px solid var(--line); }
.investor-band { display:flex; justify-content:space-between; align-items:center; gap:30px; padding-block:42px; }
.investors h2 { font-size:27px; }
.investors .eyebrow { margin-bottom:12px; }
.investors p { color:var(--muted); font-size:12px; margin-top:12px; }
.investor-actions { flex-shrink:0; text-align:right; }
.investor-email { overflow-wrap:anywhere; }
.final { text-align:center; padding:76px 0; background:#1c4933; color:#fffdf7; --muted:#d8e5d7; --action:#d6efb8; --action-dark:#e4f6ce; }
.final h2 { font-size:clamp(44px,5.5vw,72px); }
.final h2 em { color:#c8e8ba; }
.final .btn-action { color:#173f2b; box-shadow:none; }

.final-actions { display:flex; flex-wrap:wrap; justify-content:center; gap:15px; margin-top:25px; }
.final-note { color:var(--muted); font-size:11px; margin-top:22px; }
.final-fallback { display:inline-block; color:var(--muted); font-size:11px; margin-top:12px; }
footer { padding-bottom:65px; }
.footer-top { display:flex; align-items:center; gap:28px; padding-block:30px; }
.footer-top nav { display:flex; flex-wrap:wrap; gap:19px; margin-left:auto; }
.footer-top nav a { color:var(--muted); text-decoration:none; font-size:11px; }
.footer-use-cases { border-top:1px solid var(--line); padding-block:25px; }
.footer-use-cases h3 { font-size:13px; letter-spacing:0; margin-bottom:14px; }
.footer-use-cases nav { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
.footer-use-cases nav a { font-size:11px; text-decoration:none; }
.footer-bottom { display:flex; justify-content:space-between; gap:20px; border-top:1px solid var(--line); padding-top:22px; color:var(--muted); font:10px var(--mono); }
.sticky-cta { position:fixed; right:20px; bottom:80px; z-index:30; border-radius:6px; padding:12px 18px; font-size:12px; font-weight:600; text-decoration:none; box-shadow:0 4px 20px #0002; }
.founder-chat { position:fixed; right:max(20px,env(safe-area-inset-right)); bottom:max(20px,env(safe-area-inset-bottom)); z-index:40; border:1px solid #ded2e5; border-radius:30px; background:#fff9ee; box-shadow:0 5px 22px #14231420; }
.support-launcher { position:relative; display:flex; align-items:center; gap:9px; padding:5px 14px 5px 5px; text-decoration:none; color:#34304e; }
.support-avatar { position:relative; display:grid; place-items:center; width:32px; height:32px; flex-shrink:0; border-radius:50%; background:#51406e; color:white; font-size:14px; font-weight:600; }
.support-avatar i { position:absolute; right:0; bottom:0; width:9px; height:9px; border:2px solid #fff; background:#78d9be; border-radius:50%; }
.support-text { font-size:12px; font-weight:600; }
.support-unread { position:absolute; top:-5px; left:27px; min-width:20px; padding:2px 5px; border:2px solid white; border-radius:12px; background:#51406e; color:#fff; font-size:10px; text-align:center; }
.support-status { position:fixed; right:20px; bottom:130px; width:min(320px,calc(100vw - 40px)); padding:16px; border:1px solid var(--line); border-radius:8px; background:#fff; z-index:41; font-size:13px; }
.screen-dialog { width:calc(100vw - 32px); max-width:1100px; max-height:calc(100dvh - 32px); padding:0; border:1px solid var(--line); border-radius:10px; background:white; color:var(--ink); }
.screen-dialog::backdrop { background:#142118cc; backdrop-filter:blur(5px); }
body:has(.screen-dialog[open]) { overflow:hidden; }
.screen-dialog-toolbar { display:flex; justify-content:space-between; align-items:center; gap:15px; padding:14px 20px; border-bottom:1px solid var(--line); }
.screen-dialog-toolbar strong { display:block; font-size:15px; }
.screen-dialog-toolbar span { display:block; font-size:11px; color:var(--muted); }
.screen-close { min-height:40px; padding:8px 12px; border:1px solid var(--line); border-radius:5px; background:var(--paper); font-size:13px; }
.screen-dialog-scroll { overflow:auto; max-height:calc(100dvh - 125px); overscroll-behavior:contain; }
.screen-dialog-scroll img { width:auto; min-width:0; max-width:none; height:auto; margin-inline:auto; }

@media (max-width:1100px) {
  .wrap { width:calc(100% - 56px); }
  .nav { gap:20px; } .nav-links { gap:17px; } .nav-actions { gap:18px; }
  .nav a:not(.brand):not(.btn) { font-size:12px; }
 .hero-lede { font-size:15px; }

  .provider-list { gap:19px; } .provider-list li { font-size:12px; }
  .hero-proof { gap:18px; } .provider-note { display:none; }

  .cost-intro { gap:30px; } .compare-col { padding:22px 16px; }
  .plans article { padding:24px 20px; } .price { font-size:45px; }
  .use-case-links { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .billing-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:850px) {
  .nav { flex-wrap:wrap; padding-block:17px; gap:16px; }
  .nav-actions { margin-left:auto; }
  .nav-links { order:3; width:100%; margin:0; justify-content:space-between; gap:10px; }
  .hero { padding-top:42px; }
  .hero-copy { max-width:580px; } h1 { font-size:76px; }
  .hero-lede { font-size:17px; max-width:510px; }

  .hero-proof { flex-direction:column; gap:15px; text-align:center; }
  .hero-proof p br { display:none; }
  .section { padding:65px 0; }

  .steps { gap:24px; } .steps h3 { font-size:20px; }
  .screens-grid { gap:18px; } .enlarge-hint { display:none; }
  .cost-intro { grid-template-columns:1fr; gap:32px; }
  .cost-compare { max-width:640px; } .cost-intro .section-head { max-width:550px; }

  .plans { gap:12px; } .plans article { padding:23px 17px; } .plan-for { min-height:40px; }
  .price { font-size:37px; } .price span { font-size:10px; } .credits { font-size:11px; }
  .plans .btn { font-size:12px; padding-inline:12px; } .plan-meta { min-height:50px; }

  .investor-band { flex-direction:column; align-items:flex-start; } .investor-actions { text-align:left; }
  .footer-top { flex-wrap:wrap; } .footer-top nav { width:100%; margin:0; }
}
@media (max-width:600px) {
  .wrap { width:calc(100% - 36px); }
  .nav { padding-block:15px; } .brand-mark { width:28px; height:28px; } .wordmark { width:68px; height:28px; }
  .nav .btn { min-height:40px; padding:10px 13px; font-size:11px; gap:12px; }
  .nav-actions { gap:15px; } .nav-links a { font-size:10px!important; }
  .hero { padding-top:31px; }
  h1 { font-size:clamp(43px,12.2vw,70px); } .hero-lede { font-size:14px; margin-top:20px; }

  .install-line { padding-left:12px; } .install-line code { font-size:10px; } .copy-btn { padding-inline:10px; }
  .hero-ctas { margin-top:20px; gap:22px; } .hero-ctas .btn { min-height:46px; font-size:13px; padding-inline:20px; }
  .hero-explore { font-size:11px; } .hero-note { font-size:10px; }
  .signup-links { gap:13px; margin-top:18px; font-size:10px; }
  .signup-note { font-size:10px; }

  .hero-proof { margin-top:30px; padding-block:26px; } .provider-list { gap:14px 20px; } .provider-list li { font-size:11px; }
  .provider-list img,.provider-list .icon { width:19px; height:19px; }
  .section { padding:52px 0; } .section-head { margin-bottom:30px; } h2 { font-size:35px; }
  .section-head > p { font-size:14px; } .eyebrow { font-size:9px; margin-bottom:16px; }

  .screens-grid { grid-template-columns:1fr; gap:22px; }
  .shot figcaption { padding:13px 15px; font-size:11px; } .screens-more { font-size:10px; }
  .steps { grid-template-columns:1fr; gap:36px; } .step-art { max-width:340px; margin:0 auto 20px; }
  .steps h3 { font-size:25px; } .steps p { font-size:14px; } .workflow-screen-note { font-size:9px; }
  .task-starter { padding:20px; margin-top:28px; } .task-starter h3 { font-size:22px; }
  .starter-options { gap:6px; } .starter-options button { padding:8px 10px; font-size:10px; }
  .starter-content { flex-direction:column; align-items:flex-start; gap:14px; padding:15px; }
  .starter-content p { font-size:11px; } .starter-note { font-size:10px; }
  .cost-intro .section-head > p { font-size:14px; } .cost-intro .cost-disclosure { font-size:10px; }
  .compare-col { padding:19px 15px; } .compare-col h3 { font-size:14px; } .compare-amount { font-size:43px; }
  .compare-col dl div { flex-wrap:wrap; gap:3px 6px; } .compare-col dl { font-size:9px; }
  .compare-unit { font-size:9px; } .compare-band { padding:15px; font-size:11px; } .compare-band strong { font-size:16px; }
  .cost-compare figcaption { padding:12px 15px; font-size:8px; }

  .cost-proof { padding:17px; } .cost-proof > summary { font-size:12px; } .benchmark-context { font-size:9px; }
  .benchmark-body { padding:15px; } .method p { font-size:11px; }
  .tour-disclosure { padding-block:22px; } .tour-disclosure > details > summary { padding:18px; font-size:12px; }
  .tour-disclosure .product-tour-wrap { width:calc(100% - 28px); }
  .tour-disclosure .product-tour { padding-block:30px; } .tour-disclosure .product-tour-heading h2 { font-size:31px; }
  .tour-disclosure .product-tour-copy { display:block; } .tour-disclosure .product-tour-companion { display:none; }
  .tour-disclosure .product-tour-copy h3 { font-size:25px; } .tour-disclosure .product-tour-more { grid-template-columns:1fr; }
  .use-cases-section { padding-block:48px; } .use-case-links { grid-template-columns:1fr; }
  .use-case-links img { width:90px; } .use-case-links strong { font-size:17px; }
  .industry-rail a { flex-basis:210px; } .industry-rail-hint { font-size:10px; }
  .plans { grid-template-columns:1fr; gap:23px; } .plans article { padding:28px; }
  .plan-for { min-height:0; font-size:13px; margin-bottom:24px; } .price { font-size:53px; }
  .price span { font-size:13px; } .credits { font-size:14px; } .plan-meta { min-height:0; font-size:12px; }
  .plans ul { font-size:14px; } .plans .btn { font-size:14px; }
  .pricing-note { font-size:10px; } .team-offer { padding:20px; } .team-offer h3 { font-size:23px; }
  .team-offer .btn { max-width:100%; font-size:12px; padding-inline:15px; }
  .billing-grid { grid-template-columns:1fr; gap:20px; font-size:12px; } .billing-details > p { font-size:10px; }
  .faq summary { font-size:14px; padding-block:19px; } .faq p { font-size:13px; padding-right:0; }

  .investors h2 { font-size:28px; } .investor-email { font-size:11px!important; }
  .final { padding:58px 0; } .final h2 { font-size:46px; } .final-actions { flex-direction:column; align-items:center; }
  .final-note { font-size:10px; } .final-fallback { font-size:10px; }
  .footer-use-cases nav { grid-template-columns:repeat(2,1fr); gap:12px; }
  .footer-bottom { flex-direction:column; gap:8px; font-size:9px; }
  .founder-chat { right:12px; bottom:12px; } .sticky-cta { right:12px; font-size:11px; }
  .screen-dialog-toolbar { padding:12px; } .screen-dialog-toolbar span { font-size:10px; }
  .screen-dialog { width:calc(100vw - 16px); }
}

/* Developer workflows: code, branches, and review in the illustrated palette. */
.wrap { width:min(100% - 96px,1200px); }
.narrow { max-width:820px; }
.site-header,.hero { background:#141630; color:#fff5df; --ink:#fff5df; --muted:#bcbad0; --line:#34344f; --action:#ffcf79; --action-dark:#ffe2a5; }
.site-header { border-color:#303149; }
.nav { min-height:88px; }
.nav-links { gap:27px; }
.nav a:not(.brand):not(.btn) { color:#d6d1e2; }
.brand { gap:10px; }
.brand-mark { border-radius:10px; }
.btn { border-radius:7px; min-height:50px; padding:14px 23px; font-size:14px; box-shadow:none; }
.btn-action { background:#f58a83; color:#25223c; border-color:#f58a83; }
.btn-action:hover { background:#ffaba0; color:#25223c; }
.nav .btn { min-height:42px; padding:11px 17px; font-size:12px; }
.hero { padding:38px 0 0; overflow:hidden; }
.hero-grid { display:grid; grid-template-columns:1fr 1.08fr; gap:0; align-items:center; min-height:530px; }
.hero-copy { position:relative; z-index:1; padding:24px 0 30px; text-align:left; }
.eyebrow { color:#7b578c; font:600 10px/1.5 var(--mono); letter-spacing:.14em; margin-bottom:21px; }
.hero-copy .eyebrow { display:flex; align-items:center; gap:10px; color:#beb4df; font-size:10px; }
.status-dot { display:inline-block; width:7px; height:7px; border-radius:50%; background:#78d9be; flex-shrink:0; }
h1 { font-size:clamp(52px,4.65vw,68px); line-height:1.045; letter-spacing:-.06em; font-weight:750; text-wrap:initial; }
h1 em { font-size:1em; color:#ffcf79; }
h2 { font-size:clamp(36px,3.5vw,48px); line-height:1.08; letter-spacing:-.05em; }
h2 em { color:#8b649e; }
h3 { font-size:23px; }
.hero-lede { max-width:460px; font-size:16px; margin:25px 0 0; color:#cbc5d9; line-height:1.75; }
.hero-ctas { justify-content:flex-start; gap:23px; margin-top:29px; }
.hero-explore { font-size:12px; color:#fff2de; text-decoration:none; }
.hero-explore:hover { color:#ffcf79; }
.hero-note { font-size:11px; margin-top:20px; }
.hero-note a { color:#bcbad0; text-decoration:none; }
.hero-note a:hover { color:#fff2de; text-decoration:underline; }
.agent-figure { width:110%; margin:0 0 0 -3%; position:relative; }
.agent-figure picture { display:block; }
.agent-figure img { width:100%; }
.agent-figure figcaption { display:flex; align-items:center; justify-content:center; gap:8px; margin-top:-15px; color:#bcbad0; font:10px var(--mono); letter-spacing:.03em; }
.hero-proof { margin-top:35px; padding:27px 0 30px; display:flex; justify-content:space-between; gap:24px; }
.hero-proof p { color:#bcbad0; font-size:11px; }
.provider-list { gap:27px; }
.provider-list li { color:#e3daec; font-size:12px; }
.provider-list img { background:#fff8e9; border-radius:50%; padding:4px; width:28px; height:28px; }
.provider-list .icon { width:23px; height:23px; color:#b8a0e1; }
.section { padding:76px 0; }
.section-head { margin-bottom:42px; }
.section-head > p { font-size:15px; margin-top:20px; }
.vector-art img { width:100%; }
.story-grid { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:70px; }
.story-copy > p { margin:23px 0; max-width:420px; font-size:16px; color:var(--muted); line-height:1.75; }
.story-copy > a { display:inline-block; font-size:12px; font-weight:600; text-decoration:none; border-bottom:1px solid #c7b7d1; padding-bottom:4px; }
.models-story { background:#fffdf8; padding:54px 0 62px; }
.models-story .vector-art { margin-left:-35px; }
.connection-options { display:flex; flex-wrap:wrap; gap:10px; margin:23px 0 18px; }
.connection-options > span { display:flex; align-items:center; gap:18px; font:11px var(--mono); padding:9px 12px; border:1px solid #dfd5e3; border-radius:4px; }
.connection-options > span > span { color:#90649a; }
.story-copy .fine-print { font-size:11px; max-width:440px; margin:0 0 23px; }
.workflow { background:#f7f1e7; padding:65px 0 68px; border-top:1px solid #e8dfdb; border-bottom:0; }
.steps { gap:48px; }
.step-art { margin:0 0 22px; }
.step-no { font-size:9px; color:#91687c; margin-bottom:12px; }
.steps h3 { font-size:23px; }
.steps p { font-size:13px; max-width:310px; margin-top:13px; line-height:1.75; }
.screens { background:#20213f; color:#fff2de; --muted:#c6c0d7; --action:#d8b7f3; --action-dark:#f0dcff; --line:#4c4662; border:0; padding:75px 0 64px; }
.screens .eyebrow { color:#9cd7c9; }
.screens h2 em { color:#a8e1cd; }
.screens-grid { gap:23px; }
.shot { border:1px solid #6e6482; border-radius:7px; box-shadow:none; }
.shot figcaption { background:#302e4e; border-color:#4c4662; color:#fff0db; align-items:center; font-size:11px; padding:14px 17px; }
.shot figcaption strong { color:#fff0db; margin:0; font-size:12px; font-weight:500; }
.enlarge-hint { color:#c5bfd5; }
.screens-more { text-align:center; line-height:2; font-size:11px; }
.starter-disclosure,.tour-disclosure,.use-case-disclosure,.industry-disclosure { padding-block:22px; }
.starter-disclosure > details,.tour-disclosure > details,.use-case-disclosure > details,.industry-disclosure > details { border-inline:0; border-block:1px solid var(--line); border-radius:0; }
.starter-disclosure > details > summary,.tour-disclosure > details > summary,.use-case-disclosure > details > summary,.industry-disclosure > details > summary,.billing-details > summary { display:flex; justify-content:space-between; gap:16px; padding:20px 0; list-style:none; font-size:13px; font-weight:550; }
.task-starter { margin:0 0 25px; }
.tour-disclosure .product-tour-wrap,.use-case-disclosure > details > .section > .wrap,.industry-disclosure .wrap { width:100%; }
.use-case-disclosure .section { padding:28px 0; }
.memory-story { background:#eee7f7; padding:36px 0; }
.memory-story .eyebrow { color:#765488; }
.cost-section { padding:38px 0 22px; }
.cost-intro { grid-template-columns:1fr 1fr; gap:70px; margin:0; }
.cost-intro .story-copy h2 em { color:#997039; }
.cost-proof { margin-top:25px; padding:0; border-inline:0; border-color:var(--line); border-radius:0; }
.cost-proof > summary { padding:18px 0; }
.benchmark-body { margin:0; padding:12px 0 25px; background:transparent; display:grid; grid-template-columns:1.2fr 1fr; gap:30px; align-items:center; }
.plugin-strip { background:#eee7f7; padding:32px 0; }
.plugin-grid { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:50px; }
.plugin-strip .eyebrow { margin-bottom:12px; }
.plugin-strip h2 { font-size:27px; }
.plugin-strip p { color:var(--muted); font-size:12px; margin-top:12px; }
.use-case-links img { mix-blend-mode:multiply; }
.pricing { background:#f5efdf; border-block:1px solid #e2d9ca; padding:70px 0 45px; }
.pricing h2 em { color:#9b673e; }
.plans { gap:18px; }
.plans article { padding:28px; background:#fffdf7; border:1px solid #dacfc6; border-radius:8px; }
.plans article:first-child { border:2px solid #ab6c71; box-shadow:0 4px 0 #ebc2b4; }
.plans h3 { font-size:23px; }
.plan-for { font-size:12px; }
.price { font-size:52px; }
.credits { font-size:13px; }
.plans li::before { color:#53887a; }
.team-offer { padding:25px 0; border-inline:0; border-radius:0; border-color:#d8c9bf; }
.team-offer h3 { font-size:22px; }
.billing-details { margin-top:10px; padding-top:0; border:0; }
.billing-grid { margin-top:12px; font-size:12px; }
.billing-details > p { font-size:12px; }
#faq { padding-block:65px; }
.faq summary { font-size:14px; }
.final { position:relative; overflow:hidden; padding:58px 0 65px; background:#141630; color:#fff2dd; --muted:#c6bdd5; --action:#d8b7f3; --action-dark:#edd5ff; }
.final-workflow { width:220px; margin:0 auto 15px; }
.final .eyebrow { color:#9fd5c6; margin-bottom:15px; }
.final h2 { font-size:clamp(42px,4.7vw,66px); }
.final h2 em { color:#ffcf79; }
.final .btn-action { color:#25223c; }
.final-actions { gap:14px; margin-top:27px; }
.final-note { font-size:11px; }
.investor-band { padding-block:33px; border-bottom:1px solid var(--line); }
.investors h2 { font-size:22px; }
.investor-actions .btn { font-size:12px; min-height:42px; }
.footer-top nav { gap:16px; }
.support-avatar,.support-unread { background:#51406e; }
.screen-dialog { color:#24243e; }
.screen-dialog::backdrop { background:#141630d9; }
@media (min-width:1600px) { .hero-grid { min-height:570px; } }
@media (max-width:1100px) {
  .wrap { width:calc(100% - 64px); }
  .nav { gap:22px; } .nav-links { gap:18px; }
  h1 { font-size:55px; }
  .hero-grid { min-height:490px; }
  .hero-lede { font-size:14px; } .hero-ctas { gap:18px; }
  .hero-ctas .btn { padding-inline:16px; font-size:13px; }
  .provider-list { gap:18px; }
  .story-grid,.cost-intro { gap:38px; }
  .plans article { padding:25px 20px; }
  .plugin-grid { gap:30px; }
  .plugin-grid .install-line code { font-size:11px; }
}
@media (max-width:850px) {
  .nav { min-height:82px; padding-block:18px; }
  .nav-links { order:3; width:100%; margin:0; justify-content:space-between; }
  .hero { padding-top:35px; }
  .hero-grid { grid-template-columns:1fr; gap:10px; }
  .hero-copy { text-align:center; padding:15px 0 5px; max-width:640px; margin:auto; }
  .hero-copy .eyebrow { justify-content:center; }
  h1 { font-size:64px; }
  .hero-lede { margin-inline:auto; font-size:16px; }
  .hero-ctas { justify-content:center; }
  .agent-figure { width:100%; max-width:560px; margin:0 auto; }
  .hero-proof { margin-top:30px; flex-direction:column; gap:16px; }
  .story-grid,.cost-intro { gap:24px; }
  .story-copy > p { font-size:14px; }
  h2 { font-size:36px; }
  .models-story { padding-block:40px; }
  .models-story .vector-art { margin-left:0; }
  .connection-options { gap:6px; }
  .connection-options > span { gap:10px; font-size:10px; padding:7px 8px; }
  .steps { gap:23px; }
  .steps h3 { font-size:20px; } .steps p { font-size:12px; }
  .benchmark-body { grid-template-columns:1fr; }
  .plugin-grid { grid-template-columns:1fr; gap:23px; }
  .price { font-size:39px; } .credits { font-size:11px; }
  .plans article { padding:24px 16px; }
}
@media (max-width:600px) {
  .wrap { width:calc(100% - 36px); }
  .nav { gap:18px; padding-block:17px; }
  .nav-links { gap:8px; } .nav-links a { font-size:11px!important; }
  .nav-actions { gap:15px; } .nav .btn { font-size:11px; padding-inline:12px; min-height:40px; }
  .hero { padding-top:25px; }
  .hero-copy { padding-top:8px; }
  .hero-copy .eyebrow { font-size:8px; margin-bottom:20px; letter-spacing:.11em; gap:7px; }
  h1 { font-size:clamp(40px,10.8vw,60px); line-height:1.05; }
  .hero-lede { font-size:13px; margin-top:21px; line-height:1.8; }
  .hero-ctas { gap:16px; margin-top:23px; }
  .hero-ctas .btn { font-size:12px; min-height:46px; padding-inline:15px; gap:13px; }
  .hero-explore { font-size:11px; } .hero-explore span { margin-left:3px; }
  .hero-note { font-size:10px; margin-top:18px; }
  .agent-figure { margin-top:15px; max-width:400px; }
  .agent-figure figcaption { font-size:8px; margin-top:-8px; }
  .hero-proof { padding-block:23px; margin-top:29px; }
  .hero-proof p { font-size:10px; }
  .provider-list { gap:12px 19px; }
  .provider-list li { font-size:10px; gap:6px; }
  .provider-list img { width:24px; height:24px; }
  .provider-list .icon { width:20px; height:20px; }
  .section { padding-block:46px; }
  .section-head { margin-bottom:28px; }
  .section-head > p { font-size:13px; }
  h2 { font-size:35px; }
  .eyebrow { font-size:9px; margin-bottom:17px; }
  .story-grid,.cost-intro { grid-template-columns:1fr; gap:15px; }
  .story-copy > p { font-size:15px; margin:19px 0; max-width:none; }
  .models-story .story-copy,.cost-intro .story-copy { grid-row:1; }
  .vector-art { max-width:390px; width:100%; margin-inline:auto; }
  .models-story .vector-art { margin-inline:auto; }
  .models-story { padding-bottom:23px; }
  .connection-options > span { font-size:11px; padding:8px 10px; }
  .story-copy .fine-print { font-size:11px; margin-bottom:18px; }
  .steps { grid-template-columns:1fr; gap:25px; }
  .steps li { display:grid; grid-template-columns:110px 1fr; align-items:center; gap:17px; }
  .step-art { margin:0; }
  .step-no { font-size:8px; margin-bottom:8px; }
  .steps h3 { font-size:21px; } .steps p { font-size:12px; margin-top:8px; }
  .screens-grid { grid-template-columns:1fr; gap:19px; }
  .screens-more { font-size:10px; }
  .starter-disclosure,.tour-disclosure,.use-case-disclosure,.industry-disclosure { padding-block:16px; }
  .starter-disclosure > details > summary,.tour-disclosure > details > summary,.use-case-disclosure > details > summary,.industry-disclosure > details > summary { font-size:12px; padding-block:18px; }
  .tour-disclosure .product-tour-wrap { width:100%; }
  .memory-story { padding-bottom:16px; }
  .cost-section { padding-bottom:10px; }
  .cost-proof { margin-top:5px; }
  .benchmark-body { padding:5px 0 20px; }
  .plans { grid-template-columns:1fr; gap:22px; }
  .plans article { padding:28px; }
  .price { font-size:53px; } .credits { font-size:14px; }
  .team-offer { gap:15px; }
  .billing-grid { grid-template-columns:1fr; gap:20px; }
  .final { padding-block:35px 48px; }
  .final-workflow { width:190px; margin-bottom:10px; }
  .final h2 { font-size:40px; }
  .final-actions { flex-direction:column; align-items:center; }
  .footer-top nav { gap:15px; }
}
@media (max-width:360px) {
  .nav-actions { gap:10px; }
  .hero-ctas { gap:13px; }
  .hero-ctas .btn { padding-inline:12px; font-size:11px; }
  .steps li { grid-template-columns:90px 1fr; gap:12px; }
  .steps h3 { font-size:19px; }
  .steps p { font-size:11px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition:none!important; animation:none!important; } }