@font-face{font-family:'Geist';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/geist-sans-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Geist';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/geist-sans-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Geist';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/geist-sans-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Geist Mono';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/geist-mono-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Geist Mono';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/geist-mono-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(fonts/instrument-serif-latin-400-italic.woff2) format('woff2')}
:root{--site-motion-dur-hover:160ms;--site-motion-dur-press:120ms;--site-motion-dur-move:240ms;--site-motion-dur-theme:240ms;--site-motion-dur-reveal:600ms;--site-motion-dur-story:600ms;--site-motion-reveal-y:16px;--site-motion-par-max:24px;--site-motion-mag-max:4px}
/* Xporta site.css (v15): Home design system + inner-page components */

/* ===== tokens: light ===== */
:root,[data-theme=light]{color-scheme:light;--site-bg:#FFFFFF;--site-bg2:#F7F6F3;--site-bg3:#F0EEEA;--site-card:#FFFFFF;--site-raised:#FFFFFF;--site-ink:#17171A;--site-mut:#65625C;--site-mut2:#7C786F;--site-line:rgba(23,23,26,.08);--site-line2:rgba(23,23,26,.14);--site-line3:rgba(23,23,26,.3);
--site-co:#FF6332;--site-cos:rgba(255,99,50,.1);--site-coink:#A8442A;--site-glow:rgba(255,99,50,.07);--site-dot:#DCD9D3;
--site-btn:#2B2B2E;--site-btnfg:#FFFFFF;--site-btnh:#111111;--site-btnsh:0 1px 0 rgba(255,255,255,.15) inset,0 8px 20px -8px rgba(23,23,26,.5);
--site-inv:#2B2B2E;--site-invfg:#FFFFFF;--site-invring:transparent;--site-invbtn:#FFFFFF;--site-invbtnfg:#17171A;--site-svon:#FFB79C;
--site-navbg:rgba(255,255,255,.82);--site-chipbg:#FFFFFF;--site-av:linear-gradient(135deg,#EFECE6,#E2DCD2);--site-ok:#24865A;
--site-mapbg:linear-gradient(180deg,#FBFAF8,#F6F4F0);--site-mland:rgba(23,23,26,.22);--site-msea:rgba(23,23,26,.06);--site-mtx:#65625C;--site-myou:#2B2B2E;
--site-phbg:#FFF3D6;--site-phfg:#8A5A12;--site-phbd:#E8B84A;
--site-sh:0 1px 0 rgba(255,255,255,.8) inset,0 1px 2px rgba(23,23,26,.04),0 8px 24px -8px rgba(23,23,26,.08),0 32px 64px -32px rgba(23,23,26,.12)}
/* ===== tokens: dark (from app-tokens-v3 dark theme) ===== */
[data-theme=dark]{color-scheme:dark;--site-bg:#0F0F0E;--site-bg2:#131312;--site-bg3:#1E1E1C;--site-card:#171716;--site-raised:#1E1E1C;--site-ink:#F2F1EE;--site-mut:#B5B2AC;--site-mut2:#8E8B85;--site-line:rgba(242,241,238,.08);--site-line2:rgba(242,241,238,.14);--site-line3:rgba(242,241,238,.3);
--site-cos:rgba(255,99,50,.14);--site-coink:#F2A88E;--site-glow:rgba(255,99,50,.10);--site-dot:#2A2926;
--site-btn:#F2F1EE;--site-btnfg:#111111;--site-btnh:#FFFFFF;--site-btnsh:0 8px 24px -10px rgba(0,0,0,.7);
--site-inv:#1E1E1C;--site-invfg:#F2F1EE;--site-invring:rgba(242,241,238,.1);--site-invbtn:#F2F1EE;--site-invbtnfg:#111111;--site-svon:#A8442A;
--site-navbg:rgba(15,15,14,.78);--site-chipbg:#171716;--site-av:linear-gradient(135deg,#2A2926,#21201E);--site-ok:#7FCB9F;
--site-mapbg:linear-gradient(180deg,#171716,#131312);--site-mland:rgba(242,241,238,.26);--site-msea:rgba(242,241,238,.06);--site-mtx:#B5B2AC;--site-myou:#F2F1EE;
--site-phbg:#2A2214;--site-phfg:#E6B566;--site-phbd:#5A4A2A;
--site-sh:0 0 0 1px rgba(242,241,238,.03),0 16px 40px -16px rgba(0,0,0,.6),0 40px 80px -40px rgba(0,0,0,.5)}
:root{--site-cb:#EAE8E4;--site-cbs:#DCD9D3;--site-csoft:#F2F1EE;--site-csoft2:#ECEBE7;--site-ct2:#55524E;--site-conink:#FFFFFF;--site-cfocus:rgba(17,17,17,.4);--site-chalo:rgba(17,17,17,.06);--site-csh:0 1px 2px rgba(17,17,17,.04),0 8px 24px rgba(17,17,17,.06)}
[data-theme=dark]{--site-cb:#2A2926;--site-cbs:#3A3935;--site-csoft:#262522;--site-csoft2:#2E2D2A;--site-ct2:#C9C6C0;--site-conink:#1F1F22;--site-cfocus:rgba(236,235,231,.4);--site-chalo:rgba(236,235,231,.08);--site-csh:none}
:root{--site-r1:8px;--site-r2:16px;--site-r3:24px;--site-motion-ease:cubic-bezier(.22,1,.36,1);--site-f:'Geist',system-ui,sans-serif;--site-s:'Instrument Serif',Georgia,serif;--site-m:'Geist Mono',ui-monospace,monospace;--site-nav:72px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:0}body{background:var(--site-bg);color:var(--site-ink);font:400 16px/1.5 var(--site-f);-webkit-font-smoothing:antialiased;overflow-x:hidden}
/* smooth theme switch (fallback when View Transitions are unavailable) */
html.tt body,html.tt body *,html.tt body *:before,html.tt body *:after{transition:background-color var(--site-motion-dur-theme) ease,color var(--site-motion-dur-theme) ease,border-color var(--site-motion-dur-theme) ease,box-shadow var(--site-motion-dur-theme) ease,fill var(--site-motion-dur-theme) ease,stroke var(--site-motion-dur-theme) ease!important}
::view-transition-old(root),::view-transition-new(root){animation-duration:var(--site-motion-dur-theme);animation-timing-function:ease}
a{color:inherit;text-decoration:none}img{display:block}
/* mono third-party marks (Simple Icons, as used in staging) shown white in dark */[data-theme=dark] img.mo{filter:invert(1)}
.lgd{display:none!important}[data-theme=dark] .lgl{display:none!important}[data-theme=dark] .lgd{display:block!important}
.w{max-width:1216px;margin:0 auto;padding:0 32px}
em.s{font-family:var(--site-s);font-style:italic;font-weight:400;letter-spacing:-.01em}
.eb{font:500 12px/16px var(--site-m);letter-spacing:.08em;text-transform:uppercase;color:var(--site-mut);display:inline-flex;gap:8px;align-items:center}.eb:before{content:"";width:6px;height:6px;border-radius:2px;background:var(--site-co)}
h2{font-weight:600;font-size:56px;line-height:1.02;letter-spacing:-.045em;margin:16px 0 16px}h2 em.s{font-size:1.08em}
.lead{color:var(--site-mut);font-size:18px;line-height:28px;max-width:560px}
.btn{display:inline-flex;align-items:center;gap:8px;height:48px;padding:0 24px;border-radius:999px;font-weight:500;font-size:16px;transition:transform var(--site-motion-dur-hover) var(--site-motion-ease),box-shadow var(--site-motion-dur-hover) var(--site-motion-ease),background var(--site-motion-dur-hover),border-color var(--site-motion-dur-hover)}
.b1{background:var(--site-btn);color:var(--site-btnfg);box-shadow:var(--site-btnsh)}.b1:hover{background:var(--site-btnh)}
.b2{background:var(--site-card);color:var(--site-ink);border:1px solid var(--site-line2)}.b2:hover{border-color:var(--site-line3)}
:focus-visible{outline:2px solid var(--site-co);outline-offset:3px}

/* nav */
nav.top{position:fixed;top:0;left:0;right:0;z-index:50;transition:background var(--site-motion-dur-move),box-shadow var(--site-motion-dur-move)}nav.top.sc{background:var(--site-navbg);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);box-shadow:0 1px 0 var(--site-line)}
.nv{height:var(--site-nav);display:flex;align-items:center;gap:40px}.nv .lg img{height:28px;width:auto}.nl{display:flex;gap:32px;font-size:14px;color:var(--site-mut)}.nl a{transition:color var(--site-motion-dur-hover)}.nl a:hover{color:var(--site-ink)}.nr{margin-left:auto;display:flex;gap:4px;align-items:center}.li{font-size:14px;font-weight:500;height:40px;display:inline-flex;align-items:center;padding:0 20px;border-radius:999px;border:1px solid var(--site-line2);transition:border-color var(--site-motion-dur-hover),background var(--site-motion-dur-hover)}.li:hover{border-color:var(--site-line3)}
.thm{position:relative;width:40px;height:40px;border-radius:999px;border:0;background:transparent;color:var(--site-mut);cursor:pointer;display:grid;place-items:center;transition:color var(--site-motion-dur-hover),background var(--site-motion-dur-hover);margin-right:4px}.thm:hover{color:var(--site-ink);background:var(--site-line)}
.thm svg{position:absolute;transition:transform var(--site-motion-dur-move) var(--site-motion-ease),opacity var(--site-motion-dur-move)}.thm .sun{opacity:0;transform:rotate(-90deg) scale(.6)}[data-theme=dark] .thm .sun{opacity:1;transform:none}[data-theme=dark] .thm .moon{opacity:0;transform:rotate(90deg) scale(.6)}
.mb{display:none;width:40px;height:40px;border-radius:999px;border:1px solid var(--site-line2);background:var(--site-card);margin-left:4px;align-items:center;justify-content:center;flex-direction:column;gap:5px;cursor:pointer}.mb i{width:16px;height:1.5px;background:var(--site-ink);transition:var(--site-motion-dur-hover) var(--site-motion-ease)}
.mm{display:none}
/* hero: soft white→warm wash + faint dot field (from the earlier home.html), no line grid, no noise */
.hero{position:relative;isolation:isolate;min-height:100vh;min-height:100svh;display:flex;align-items:center;padding:calc(var(--site-nav) + clamp(8px,2.4vh,40px)) 0 clamp(16px,3.6vh,56px);overflow:hidden;background:linear-gradient(180deg,var(--site-bg) 0%,var(--site-bg) 30%,var(--site-bg2) 72%,var(--site-bg) 100%)}
.hero>.w{width:100%}
.hero:after{content:"";position:absolute;left:50%;top:-30vh;width:1100px;height:70vh;transform:translateX(-50%);background:radial-gradient(closest-side,var(--site-glow),transparent);pointer-events:none;z-index:-1;animation:site-glow 14s ease-in-out infinite alternate}
@keyframes site-glow{to{transform:translateX(-46%) scale(1.08)}}
.hgrid{position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(var(--site-dot) 1px,transparent 1.2px);background-size:24px 24px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%);opacity:.6}
.ht{text-align:center}
.h1{font-weight:600;font-size:clamp(36px,min(5vw,9vh),76px);line-height:1;letter-spacing:-.052em;max-width:1120px;margin:0 auto;text-wrap:balance}.h1 em.s{font-size:1.1em;color:var(--site-ink);position:relative}
.h1 em.s:after{content:"";position:absolute;left:2%;right:2%;bottom:.06em;height:1.5px;background:var(--site-co);transform-origin:left;transform:scaleX(0);animation:site-ul .6s var(--site-motion-ease) .3s forwards}@keyframes site-ul{to{transform:scaleX(1)}}
.hsub{text-wrap:balance;margin:clamp(12px,2.2vh,20px) auto 0;max-width:640px;color:var(--site-mut);font-size:clamp(15px,2.2vh,17px);line-height:1.55}
.site-fx-rv{opacity:0;transform:translateY(var(--site-motion-reveal-y));transition:opacity var(--site-motion-dur-reveal) var(--site-motion-ease),transform var(--site-motion-dur-reveal) var(--site-motion-ease)}.site-fx-rv.site-fx-in{opacity:1;transform:none;filter:none}
/* stage (demo) */
.stage{position:relative;margin:24px auto 0;max-width:1152px;border-radius:var(--site-r3);background:var(--site-card);box-shadow:var(--site-sh),0 0 0 1px var(--site-line);overflow:hidden}
.stage:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:conic-gradient(from var(--site-a,0deg),transparent 0 70%,rgba(255,99,50,.9) 85%,transparent);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:site-spin 6s linear infinite;pointer-events:none;z-index:3}
@property --site-a{syntax:'<angle>';inherits:false;initial-value:0deg}@keyframes site-spin{to{--site-a:360deg}}
.comp{display:flex;align-items:center;gap:16px;padding:12px 12px 12px 24px;border-bottom:1px solid var(--site-line)}
.comp .tile{width:32px;height:32px;flex:none}
.prompt{flex:1;font-size:20px;letter-spacing:-.02em;min-height:32px;display:flex;align-items:center;white-space:nowrap;overflow:hidden}
.caret{display:inline-block;width:2px;height:22px;background:var(--site-co);margin-left:2px;animation:site-bl 1s steps(1) infinite}@keyframes site-bl{50%{opacity:0}}
.send{width:48px;height:48px;border-radius:999px;background:var(--site-btn);color:var(--site-btnfg);display:grid;place-items:center;flex:none;transition:transform var(--site-motion-dur-hover) var(--site-motion-ease)}.send.go{transform:scale(.88)}
.sbody{display:grid;grid-template-columns:1.25fr 1fr;height:416px}
.map{position:relative;border-right:1px solid var(--site-line);background:var(--site-mapbg)}
.map svg{position:absolute;inset:0;width:100%;height:100%}
.map .ml{fill:var(--site-mland)}.map .ms{fill:var(--site-msea)}.map .mt{fill:var(--site-mtx)}.map .my{fill:var(--site-myou)}.map .nc{stroke:var(--site-card)}.map .yh{fill:var(--site-line2)}
.status{position:absolute;left:24px;top:24px;display:flex;gap:8px;align-items:center;font:500 12px/16px var(--site-m);color:var(--site-mut);background:var(--site-card);border:1px solid var(--site-line);padding:8px 12px;border-radius:999px;box-shadow:0 4px 12px -6px rgba(0,0,0,.1);opacity:0;transition:opacity .5s}
.status.on{opacity:1}.status i{width:8px;height:8px;border-radius:9px;background:var(--site-co);box-shadow:0 0 0 0 rgba(255,99,50,.5);animation:site-pu 1.4s infinite}@keyframes site-pu{70%{box-shadow:0 0 0 8px rgba(255,99,50,0)}100%{box-shadow:0 0 0 0 rgba(255,99,50,0)}}
.status.done i{animation:none;background:var(--site-ok)}
.lane{fill:none;stroke:var(--site-co);stroke-width:1.5;stroke-linecap:round}.lane2{fill:none;stroke:var(--site-line2);stroke-width:1;stroke-dasharray:2 4}
.node{opacity:0;transition:opacity .4s}.node.on{opacity:1}
.res{padding:16px 24px;display:flex;flex-direction:column;gap:8px;position:relative}
.rh{font-size:14px;color:var(--site-mut);height:24px;opacity:0;transition:opacity .5s}.rh.on{opacity:1}.rh b{color:var(--site-ink);font-weight:600}
.row{display:grid;grid-template-columns:1fr auto;gap:2px 16px;padding:8px 16px;border:1px solid var(--site-line);border-radius:12px;background:var(--site-card);opacity:0;transform:translateY(8px);transition:all .6s var(--site-motion-ease)}.row.on{opacity:1;transform:none}
.row b{font-weight:600;font-size:14px;letter-spacing:-.01em}.row small{grid-column:1;color:var(--site-mut);font-size:12px;display:flex;gap:8px;align-items:center}.row small .v{color:var(--site-ok)}
.fit{grid-row:1/3;grid-column:2;display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.fit span{font:500 11px var(--site-m);color:var(--site-mut2);letter-spacing:.06em}.fit strong{font-size:24px;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.draft{margin-top:8px;background:var(--site-inv);color:var(--site-invfg);border-radius:16px;padding:16px;box-shadow:0 0 0 1px var(--site-invring),0 24px 48px -16px rgba(0,0,0,.45);opacity:0;transform:translateY(16px) scale(.98);transition:all .6s var(--site-motion-ease)}.draft.on{opacity:1;transform:none}
.draft .dt{display:flex;align-items:center;gap:8px;font-size:12px;color:rgba(255,255,255,.62)}.draft .dt img{width:16px;height:16px}.aw{margin-left:auto;font:500 11px/16px var(--site-m);color:#FFB79C;display:flex;gap:8px;align-items:center}.aw:before{content:"";width:6px;height:6px;border-radius:9px;background:var(--site-co);animation:site-pu 1.4s infinite}
.draft p{font-size:13px;line-height:20px;margin:8px 0 12px;color:rgba(255,255,255,.88)}.da{display:flex;gap:8px}.da span{font-size:12px;font-weight:500;height:32px;padding:0 16px;border-radius:999px;display:inline-flex;align-items:center}.da .ap{background:var(--site-invbtn);color:var(--site-invbtnfg)}.da .ed{border:1px solid rgba(255,255,255,.2)}.da .nn{color:rgba(255,255,255,.72)}
.replay{position:absolute;right:16px;bottom:-40px;font:500 12px var(--site-m);color:var(--site-mut);background:none;border:0;cursor:pointer;display:flex;gap:8px;align-items:center}
.exl{display:inline-block;font:500 11px/18px var(--site-m);letter-spacing:.06em;text-transform:uppercase;color:var(--site-mut);border:1px solid var(--site-line2);border-radius:999px;padding:0 8px;vertical-align:1px;margin-left:8px;background:var(--site-card)}.dcard{position:relative}.exr{position:absolute;top:12px;right:12px;margin:0}#exrows{display:flex;flex-direction:column;gap:8px}
.rh{height:auto;min-height:24px}
.send2.busy{pointer-events:none}.send2.busy svg{opacity:0}.send2.busy:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;border:1.5px solid currentColor;border-right-color:transparent;animation:site-sp .7s linear infinite}@keyframes site-sp{to{transform:rotate(360deg)}}.send2{position:relative}
/* hero example cards (floating, side gutters) */
.stk{position:relative;max-width:920px;margin:0 auto}
.hcd{position:absolute;z-index:4;width:232px;pointer-events:none;background:var(--site-card);border:1px solid var(--site-cb);border-radius:14px;box-shadow:var(--site-csh);padding:12px 16px;font-size:12px;line-height:16px;color:var(--site-ink);text-align:left;opacity:0;transform:translateY(10px) scale(.98);transition:opacity .6s var(--site-motion-ease),transform .6s var(--site-motion-ease)}
[data-theme=dark] .hcd{background:var(--site-raised);box-shadow:0 16px 40px -20px rgba(0,0,0,.7)}
.hcd.site-fx-in{opacity:1;transform:none}.hcd>.fl{animation:site-hfl 7s ease-in-out infinite}.hd.site-fx-in>.fl{animation-delay:-2.3s}.hi.site-fx-in>.fl{animation-delay:-4.6s}
@keyframes site-hfl{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.dcard .hi{right:-44px;top:116px;width:216px}
.hch{white-space:nowrap;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:12px;font:500 11px/16px var(--site-m);letter-spacing:.06em;text-transform:uppercase;color:var(--site-mut2)}.hch .exl{margin:0;font-size:12px;line-height:16px;padding:0 8px}
.hrow{display:flex;gap:9px;align-items:center}.ring{flex:none;width:34px;height:34px;position:relative}.ring svg{width:34px;height:34px;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:3}.ring .t{stroke:var(--site-cb)}.ring .v{stroke:var(--site-co);stroke-linecap:round}.ring b{position:absolute;inset:0;display:grid;place-items:center;font:600 12px var(--site-f);font-variant-numeric:tabular-nums}
.hcd .nm{font-weight:600;font-size:13px;line-height:17px;letter-spacing:-.02em}.hb .nm{white-space:nowrap}.hcd .sb{color:var(--site-mut);margin-top:1px}.hcd .ok{color:var(--site-ok);margin-top:8px;display:flex;align-items:center;gap:8px}.hcd .ok:before{content:"";width:12px;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3 3 7-7' stroke='%2324865A' stroke-width='1.75' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") center/12px no-repeat}
[data-theme=dark] .hcd .ok:before{filter:brightness(1.8)}
.hdt{display:flex;align-items:center;gap:8px;font-weight:600;font-size:13px}.hdt img{width:16px;height:16px}.haw{display:flex;align-items:center;gap:8px;color:var(--site-coink);font:500 12px/16px var(--site-f);margin-top:8px}.haw:before{content:"";width:6px;height:6px;border-radius:9px;background:var(--site-co);animation:site-pu 1.6s infinite}
.hcd .tx{color:var(--site-mut);margin:8px 0 12px}.hba{display:flex;gap:8px}.hba span{height:26px;padding:0 12px;border-radius:8px;display:inline-flex;align-items:center;font-weight:600;font-size:12px}.hba .a{background:var(--site-btn);color:var(--site-btnfg)}.hba .e{border:1px solid var(--site-cbs);color:var(--site-ink)}
.spk2{display:block;width:100%;height:20px;margin-top:8px}.spk2 path{fill:none;stroke:var(--site-co);stroke-width:1.5;stroke-linecap:round}.spk2 .ar{fill:var(--site-cos);stroke:none}

/* light cards (hand-built, v9 content) for steps 2-5: phone always; desktop + tablet when AGENT_DESKTOP_MODE='light' */
.lcw{display:none;position:relative;margin-top:44px}.lcw>.exl,.apf>.exl{position:absolute;right:2px;top:-28px;margin:0}
.lc{position:relative;background:var(--site-card);border:1px solid var(--site-cb);border-radius:18px;box-shadow:var(--site-csh);padding:20px;text-align:left;color:var(--site-ink)}
[data-theme=dark] .lc{background:var(--site-raised);box-shadow:0 24px 60px -30px rgba(0,0,0,.8)}
.lc .ptl{display:flex;justify-content:space-between;gap:12px;font:500 11px/16px var(--site-m);letter-spacing:.06em;text-transform:uppercase;color:var(--site-mut);padding-bottom:12px;border-bottom:1px solid var(--site-line);margin-bottom:16px}.lc .ptl span:last-child{text-transform:none;letter-spacing:0;font:500 12px/16px var(--site-f);text-align:right}
.lc .lt{font-size:16px;font-weight:600;letter-spacing:-.01em;line-height:22px}.lc .ls{font-size:12px;line-height:16px;color:var(--site-mut);margin:2px 0 8px}
.lc .ar{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--site-line)}.lc .ptl+.ar{border-top:0;padding-top:0}
.lc .g{flex:1;min-width:0}.lc .g b{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;line-height:20px}.lc .g small{display:block;color:var(--site-mut);font-size:12px;line-height:17px}.lc .g small.sj{color:var(--site-ink);font-size:13px}.lc .li2{width:14px;height:14px}
.lc .pl{flex:none;display:inline-flex;align-items:center;gap:5px;height:22px;padding:0 8px;border-radius:999px;background:var(--site-csoft);color:var(--site-ct2);font:500 12px/1 var(--site-f);white-space:nowrap}
.lc .pl.w{background:#FBF3E6;color:#8A5A12}.lc .pl.w:before{content:"";width:5px;height:5px;border-radius:9px;background:var(--site-co)}[data-theme=dark] .lc .pl.w{background:rgba(233,184,114,.12);color:#E9B872}
.lc .pl.lk i{width:3px;height:3px;border-radius:9px;background:var(--site-mut2);margin-right:-2px}.lc .pl.lk i:last-of-type{margin-right:3px}
.lc .pt{flex:none;font-size:12px;color:var(--site-mut);white-space:nowrap}.lc .em{flex:none;font-size:12px;color:var(--site-ink);max-width:48%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lc .b2{flex:none;height:26px;padding:0 12px;border:1px solid var(--site-cbs);border-radius:8px;font:500 12px/24px var(--site-f);color:var(--site-ink);white-space:nowrap}
.lc .dr{flex:none;align-self:flex-start;font:500 12px/18px var(--site-f);color:var(--site-ok);white-space:nowrap}
.lc .av2{flex:none;align-self:flex-start;width:30px;height:30px;border-radius:999px;background:var(--site-csoft);display:grid;place-items:center;font:600 12px var(--site-f);color:var(--site-ct2)}
.lc .kv div{display:grid;grid-template-columns:76px 1fr;gap:8px;padding:9px 0;border-top:1px solid var(--site-line);font-size:13px;line-height:18px}.lc .kv div:first-child{border-top:0;padding-top:0}.lc .kv span{color:var(--site-mut)}
.lc .ab{margin-top:12px;border:1px solid var(--site-cb);border-radius:12px;padding:12px 16px}.lc .at{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;line-height:20px}.lc .at:before{content:"";width:6px;height:6px;border-radius:9px;background:var(--site-co)}
.lc .ax{font-size:13px;line-height:19px;color:var(--site-ct2);margin-top:4px}.lc .am2{font-size:12px;line-height:16px;color:var(--site-mut);margin-top:2px}
.lc .ac{display:flex;align-items:center;gap:4px;margin-top:12px}.lc .ac span{height:28px;padding:0 12px;border-radius:8px;font:500 12px/28px var(--site-f);white-space:nowrap}.lc .ac .b1{background:var(--site-btn);color:var(--site-btnfg)}.lc .ac .bt{color:var(--site-ink)}
.pin .lc{padding:32px}.pin .lc .ptl{margin-bottom:20px}.pin .lc .lt{font-size:20px;line-height:28px}.pin .lc .ls{font-size:13px;margin-bottom:12px}.pin .lc .ar{padding:16px 0;gap:16px}.pin .lc .ptl+.ar{padding-top:0}.pin .lc .g b{font-size:16px}.pin .lc .g small{font-size:13px;line-height:19px}.pin .lc .pl{height:24px;font-size:12px;padding:0 12px}.pin .lc .pt,.pin .lc .em,.pin .lc .dr{font-size:13px}.pin .lc .b2{height:30px;line-height:28px;font-size:13px}.pin .lc .av2{width:36px;height:36px;font-size:12px}.pin .lc .kv div{padding:12px 0;font-size:14px;grid-template-columns:110px 1fr}.pin .lc .kv div:first-child{padding-top:0}.pin .lc .ab{padding:16px 20px;margin-top:20px}.pin .lc .at{font-size:16px}.pin .lc .ax{font-size:14px;line-height:21px}.pin .lc .am2{font-size:13px}.pin .lc .ac span{height:32px;line-height:32px;font-size:13px;padding:0 12px}
@media(max-width:700px){.apm:not([data-panel=chat]){display:none!important}.lcw{display:block}.st .lcw{margin-top:48px}.lcw .lc .ptl span:first-child{flex:none}.lcw .lc .ptl span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:1100px){#agent.agent-light .apm:not([data-panel=chat]){display:none!important}#agent.agent-light .lcw{display:block}}
@media(max-width:1300px){.dcard .hi{right:-20px}}
@media(max-width:1100px){.dcard .hi{position:relative;right:auto;top:auto;margin-top:24px;width:auto;max-width:280px;box-shadow:none}}
@media(prefers-reduced-motion:reduce){.hcd{opacity:1;transform:none}}
/* hero composer */
.chips{display:flex;flex-wrap:nowrap;justify-content:center;gap:8px;margin:16px auto 0;max-width:920px}.chip{height:32px;padding:0 12px;border:1px solid var(--site-cb);border-radius:999px;background:transparent;font:500 13px/30px var(--site-f);color:var(--site-ct2);display:inline-flex;align-items:center;white-space:nowrap;cursor:pointer;transition:background var(--site-motion-dur-hover),border-color var(--site-motion-dur-hover),color var(--site-motion-dur-hover)}.chip:hover{background:var(--site-csoft);color:var(--site-ink)}.chip.on{background:var(--site-csoft);border-color:var(--site-cbs);color:var(--site-ink)}
.trust{display:flex;justify-content:center;flex-wrap:wrap;gap:4px 16px;margin-top:16px;font:400 12px/16px var(--site-f);color:var(--site-mut2)}.trust li{list-style:none;display:inline-flex;align-items:center;gap:8px}.trust li:before{content:"";width:4px;height:4px;border-radius:9px;background:var(--site-line3)}
.langs{text-align:center;margin-top:clamp(8px,1.6vh,16px);font:400 12px var(--site-m);color:var(--site-mut2);letter-spacing:.04em}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.cbox{--site-cpt:clamp(14px,2.4vh,24px);position:relative;display:block;margin:clamp(20px,3.6vh,36px) auto 0;max-width:920px;border:1px solid var(--site-cbs);border-radius:16px;background:var(--site-card);box-shadow:var(--site-csh);transition:border-color var(--site-motion-dur-hover) ease,box-shadow var(--site-motion-dur-hover) ease}
.cbox:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--site-a,0deg),transparent 0 72%,rgba(255,99,50,.38) 86%,transparent);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:site-spin 9s linear infinite;pointer-events:none;transition:opacity var(--site-motion-dur-hover)}
.cbox.f{border-color:var(--site-cfocus);box-shadow:0 0 0 4px var(--site-chalo),var(--site-csh)}.cbox.f:before{opacity:0}
[data-theme=dark] .cbox.f{box-shadow:0 0 0 4px var(--site-chalo)}
.cin{position:relative;padding:var(--site-cpt) 28px 4px}
.cin textarea,.ghost{font:400 clamp(17px,2.6vh,21px)/1.5 var(--site-f);letter-spacing:-.02em}
.cin textarea{display:block;width:100%;min-height:clamp(60px,10vh,104px);max-height:30vh;border:0;outline:0;resize:none;background:transparent;color:var(--site-ink);caret-color:var(--site-co)}
.cin textarea::placeholder{color:var(--site-mut2)}
.ghost{position:absolute;left:28px;right:28px;top:var(--site-cpt);color:var(--site-mut2);pointer-events:none;transition:opacity var(--site-motion-dur-hover)}.ghost.off{opacity:0}
.gc{display:inline-block;width:2px;height:1.05em;background:var(--site-co);vertical-align:-.18em;margin-left:2px;border-radius:1px;animation:site-bl 1.05s steps(1) infinite}
.cbar{display:flex;align-items:center;gap:16px;padding:clamp(8px,1.2vh,12px) 12px 12px 28px}
.cch{display:flex;align-items:center;gap:12px;font:500 11px var(--site-m);letter-spacing:.06em;text-transform:uppercase;color:var(--site-mut2)}.cch img{width:18px;height:18px;transition:transform var(--site-motion-dur-move) var(--site-motion-ease)}.cch img:hover{transform:translateY(-2px)}.lnk{filter:invert(29%) sepia(90%) saturate(1500%) hue-rotate(190deg)}
.cact{margin-left:auto;display:flex;align-items:center;gap:8px}.hint{font:400 12px/16px var(--site-f);color:var(--site-mut2);margin-right:4px;white-space:nowrap}
.mic{width:32px;height:32px;border-radius:10px;border:1px solid var(--site-cb);background:var(--site-card);color:var(--site-ink);display:flex;align-items:center;justify-content:center;flex:none;cursor:pointer;padding:0;transition:border-color var(--site-motion-dur-hover),background var(--site-motion-dur-hover)}.mic:hover{border-color:var(--site-cbs);background:var(--site-csoft)}.mic.rec{border-color:transparent;box-shadow:0 0 0 1px var(--site-ink) inset}
.send2{width:32px;height:32px;border-radius:10px;border:0;background:var(--site-csoft2);color:var(--site-conink);display:flex;align-items:center;justify-content:center;flex:none;cursor:pointer;padding:0;transition:background var(--site-motion-dur-hover),color var(--site-motion-dur-hover),transform var(--site-motion-dur-move) var(--site-motion-ease)}[data-theme=dark] .send2{color:var(--site-mut2)}.send2.ready{background:var(--site-btn);color:var(--site-btnfg)}.send2.ready:hover{background:var(--site-btnh)}.send2.go{animation:site-go var(--site-motion-dur-hover) var(--site-motion-ease)}
@keyframes site-go{30%{transform:scale(.86)}100%{transform:scale(1)}}.send2.go svg{animation:site-up .55s var(--site-motion-ease) var(--site-motion-dur-hover)}@keyframes site-up{45%{transform:translateY(-22px);opacity:0}46%{transform:translateY(22px);opacity:0}100%{transform:none;opacity:1}}

.demo{padding-top:96px}.demo .stage{margin-top:48px}
@media(max-width:700px){.cbox{--site-cpt:20px;border-radius:16px;margin-top:24px}.cin{padding:20px 20px 4px}.cin textarea,.ghost{font-size:18px;line-height:26px}.cin textarea{min-height:84px}.hero .h1{font-size:40px}.hero .hsub{font-size:16px;line-height:23px;margin-top:12px}.hero{padding-top:96px;min-height:0}.ghost{left:20px;right:20px}.cbar{padding:8px 12px 12px 20px}.cch{display:none}.hl{display:none}.cact{margin-left:0;width:100%}.hint{margin-right:auto}.cch{gap:12px}.cch img{width:16px;height:16px}.mic,.send2{width:44px;height:44px;border-radius:12px}.demo{padding-top:72px}}
@media(prefers-reduced-motion:reduce){.gc{display:none}}
/* stats */
.stats{border-top:1px solid var(--site-line);border-bottom:1px solid var(--site-line)}.stats .w{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr}
.stats .c{padding:32px;border-left:1px solid var(--site-line)}.stats .c:first-child{border:0;padding-left:0;color:var(--site-mut);font-size:16px;display:flex;align-items:center}
.stats .n{font-size:56px;font-weight:600;letter-spacing:-.05em;line-height:1;font-variant-numeric:tabular-nums}.stats small{display:block;color:var(--site-mut);font-size:14px;margin-top:8px}
section.sec{padding:144px 0}
/* story */
.story{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;margin-top:64px}
.steps .st{min-height:62vh;display:flex;flex-direction:column;justify-content:center;opacity:.28;transition:opacity .6s var(--site-motion-ease)}.steps .st.on{opacity:1}
.st .k{font:500 12px var(--site-m);color:var(--site-co);letter-spacing:.08em}.st h3{font-size:40px;font-weight:600;letter-spacing:-.04em;line-height:1.05;margin:12px 0}.st p{color:var(--site-mut);font-size:18px;line-height:28px;max-width:440px}
.pin{position:sticky;top:max(104px,calc(50vh - 300px));height:600px;align-self:start}
/* agent panels: approved app panels (panels/*.html) embedded in sandboxed iframes, scaled + cropped only */
.story{grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:56px;margin-top:0}.st.intro h2{margin-top:16px}
.apf{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);opacity:0;visibility:hidden;transition:opacity var(--site-motion-dur-story) var(--site-motion-ease),visibility 0s var(--site-motion-dur-story)}.apf.on{opacity:1;visibility:visible;transition:opacity var(--site-motion-dur-story) var(--site-motion-ease),visibility 0s}
.apf>.exl,.apm>.exl{position:absolute;right:2px;top:-28px;margin:0}
.apc{position:relative;overflow:hidden;border-radius:18px;background:#fff;box-shadow:0 1px 2px rgba(17,17,17,.04),0 24px 56px -24px rgba(17,17,17,.18),0 0 0 1px var(--site-line)}
[data-theme=dark] .apc{background:#1A1A19;box-shadow:0 24px 60px -28px rgba(0,0,0,.85),0 0 0 1px var(--site-line)}
.apv{position:absolute;left:0;top:0;transform-origin:0 0}.apv>*{position:absolute;left:0;top:0;border:0;display:block;pointer-events:none}.apv iframe{opacity:0;transition:opacity .35s ease;background:transparent}.apv iframe.ld{opacity:1}
.apm{display:none;position:relative;margin-top:44px}
.apc.fr:after{content:"";position:absolute;top:0;right:0;bottom:0;width:48px;background:linear-gradient(90deg,rgba(255,255,255,0),#fff);pointer-events:none;z-index:2}.apc.fb:after{content:"";position:absolute;left:0;right:0;bottom:0;height:40px;background:linear-gradient(180deg,rgba(255,255,255,0),#fff);pointer-events:none;z-index:2}[data-theme=dark] .apc.fb:after{background:linear-gradient(180deg,rgba(26,26,25,0),#1A1A19)}[data-theme=dark] .apc.fr:after{background:linear-gradient(90deg,rgba(26,26,25,0),#1A1A19)}
@media(min-width:1101px){.story .steps{padding-bottom:18vh}}
/* v14: framed panels on a soft matte, desktop micro animations + pop-outs */
.apc{overflow:visible;border-radius:24px;background:radial-gradient(120% 90% at 85% 0%,rgba(255,99,50,.07),rgba(255,99,50,0) 60%),linear-gradient(160deg,#F7F5F0,#EEEBE4);box-shadow:inset 0 0 0 1px rgba(17,17,17,.05);display:flex;align-items:center;justify-content:center;box-sizing:border-box}
[data-theme=dark] .apc{background:radial-gradient(120% 90% at 85% 0%,rgba(255,99,50,.08),rgba(255,99,50,0) 60%),linear-gradient(160deg,#232321,#1B1B1A);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.apc:after{display:none!important}
.aps{position:relative;flex:none;overflow:hidden;border-radius:12px;background:#fff;box-shadow:0 0 0 1px rgba(17,17,17,.07),0 1px 2px rgba(17,17,17,.05),0 22px 48px -24px rgba(17,17,17,.28)}
.apc.aph .aps{border-radius:22px}.apm .apc.aph{border-radius:28px}
[data-theme=dark] .aps{background:#1A1A19;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 24px 56px -26px rgba(0,0,0,.9)}
.apo{z-index:3}.apo i{position:absolute;display:block;pointer-events:none}
.apo .vl{background:var(--site-l);opacity:0}[data-theme=dark] .apo .vl{background:var(--site-d)}
.apf.on .apo .vl{animation:site-apvl .6s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--site-motion-i)*110ms + 350ms)}
@keyframes site-apvl{from{opacity:1;transform:none}to{opacity:0;transform:translateY(-6px)}}
.apo .sw{overflow:hidden;opacity:0}.apo .sw:after{content:"";position:absolute;inset:0;width:45%;background:linear-gradient(90deg,rgba(255,99,50,0),rgba(255,99,50,.10),rgba(255,99,50,0));transform:translateX(-110%)}
[data-theme=dark] .apo .sw:after{background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.07),rgba(255,255,255,0))}
.apf.on .apo .sw{opacity:1}.apf.on .apo .sw:after{animation:site-apsw 1.6s cubic-bezier(.4,0,.2,1) 1.2s both}
@keyframes site-apsw{from{transform:translateX(-110%)}to{transform:translateX(240%)}}
.apf.on .apo .pu{animation:site-appu 1.4s ease-out 2s both}
@keyframes site-appu{0%{box-shadow:0 0 0 0 rgba(255,99,50,.5)}100%{box-shadow:0 0 0 12px rgba(255,99,50,0)}}
.apo .ca{background:currentColor;color:#2B2B2E;opacity:0}[data-theme=dark] .apo .ca{color:#F2F1EE}
.apf.on .apo .ca{animation:site-apca 1.1s steps(1) 1s infinite}
@keyframes site-apca{0%{opacity:1}50%{opacity:0}}
.apf.on .aps{animation:site-apin .6s cubic-bezier(.2,.7,.2,1) both}
@keyframes site-apin{from{opacity:.55;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
.apop{width:224px;z-index:6}.apop.r{right:-28px}.apop.l{left:-40px}
.apf .apop{transition-delay:0s}.apf.on .apop{opacity:1;transform:none;transition-delay:calc(var(--site-motion-i)*250ms + 650ms)}
.apop .haw.rd{color:var(--site-ink);font-weight:600;font-size:13px;margin-top:0}
.av3{flex:none;width:30px;height:30px;border-radius:999px;background:var(--site-csoft);display:grid;place-items:center;font:600 12px var(--site-f);color:var(--site-ct2)}
.apop .hrow .nm{white-space:nowrap}.apop .hrow>div{min-width:0}.apop .nm .li3{display:inline-block;width:12px;height:12px;vertical-align:-1px;margin-left:3px;filter:invert(29%) sepia(90%) saturate(1500%) hue-rotate(190deg)}
.em3{margin-top:8px;padding-top:8px;border-top:1px solid var(--site-line);color:var(--site-ink);font-size:12px}
@media(max-width:1100px){.apop{display:none}}
@media(prefers-reduced-motion:reduce){.apo{display:none}.apf.on .aps{animation:none}.apop{transition:none!important}.apop>.fl{animation:none!important}}

/* data */
.data{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.ticks{list-style:none;margin-top:32px;display:grid;gap:12px}.ticks li{display:flex;gap:12px;align-items:center;font-size:16px}.ticks li:before{content:"";width:16px;height:16px;border-radius:4px;background:var(--site-cos) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.5l2 2 5-5' stroke='%23FF6332' stroke-width='1.75' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")}
.dcard{border-radius:var(--site-r3);background:var(--site-card);box-shadow:var(--site-sh),0 0 0 1px var(--site-line);padding:32px;will-change:transform}
.dq{font-size:16px;color:var(--site-mut);padding:16px;border-radius:12px;background:var(--site-bg3)}.big{font-size:88px;font-weight:600;letter-spacing:-.06em;line-height:1;margin:32px 0 8px;font-variant-numeric:tabular-nums}.big small{font-size:24px;letter-spacing:-.02em;color:var(--site-mut);font-weight:500}
.bars{margin-top:24px;display:grid;gap:12px}.bar{display:grid;grid-template-columns:1fr auto;font-size:14px;gap:8px}.bar i{grid-column:1/3;height:6px;border-radius:9px;background:var(--site-bg3);overflow:hidden}.bar i:after{content:"";display:block;height:100%;width:var(--site-p);background:var(--site-ink);border-radius:9px;transform-origin:left;transform:scaleX(0);transition:transform .6s var(--site-motion-ease)}.site-fx-in .bar i:after{transform:scaleX(1)}.bar span{color:var(--site-mut);font-variant-numeric:tabular-nums}
.hid{margin-top:16px;font:500 11px var(--site-m);color:var(--site-mut2);letter-spacing:.06em;text-transform:uppercase}
/* why */
.why{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--site-line);border:1px solid var(--site-line);border-radius:var(--site-r3);overflow:hidden;margin-top:64px}
.why div{background:var(--site-bg);padding:32px;transition:background var(--site-motion-dur-move)}.why div:hover{background:var(--site-bg2)}.why .no{font:500 12px var(--site-m);color:var(--site-co)}.why h3{font-size:20px;font-weight:600;letter-spacing:-.02em;margin:48px 0 8px}.why p{color:var(--site-mut);font-size:16px}
.cmp{margin-top:32px;border-radius:var(--site-r3);background:var(--site-card);box-shadow:0 0 0 1px var(--site-line);overflow:hidden}.cmp div{display:grid;grid-template-columns:1fr 1fr 1.6fr;padding:20px 32px;border-top:1px solid var(--site-line);font-size:16px;gap:24px}.cmp div:first-child{border:0;font:500 11px var(--site-m);letter-spacing:.08em;color:var(--site-mut2)}.cmp div span:last-child{color:var(--site-mut)}
.cmp .x{background:var(--site-inv);color:var(--site-invfg)}.cmp .x span:last-child{color:rgba(255,255,255,.8)}.cmp .x span:first-child{display:flex;align-items:center;gap:12px;font-weight:600}.cmp .x img{width:20px;height:20px}
/* who */
.who{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:64px}.who div{padding:32px;border-radius:var(--site-r3);background:var(--site-card);box-shadow:0 0 0 1px var(--site-line);transition:transform var(--site-motion-dur-move) var(--site-motion-ease),box-shadow var(--site-motion-dur-move) var(--site-motion-ease)}.who div:hover{transform:translateY(-4px);box-shadow:var(--site-sh),0 0 0 1px var(--site-line)}.who .tg{font:500 11px var(--site-m);letter-spacing:.06em;color:var(--site-mut);text-transform:uppercase}.who h3{font-size:24px;letter-spacing:-.03em;font-weight:600;margin:64px 0 8px}.who p{color:var(--site-mut)}
/* voice */
.voice{background:var(--site-inv);color:var(--site-invfg);box-shadow:0 0 0 1px var(--site-invring);border-radius:32px;padding:96px 64px;position:relative;overflow:hidden}.voice .eb{color:rgba(255,255,255,.62)}.voice .lead{color:rgba(255,255,255,.68)}
.voice:after{content:"";position:absolute;right:-200px;top:-200px;width:600px;height:600px;background:radial-gradient(closest-side,rgba(255,99,50,.35),transparent);pointer-events:none}
.mq{margin-top:56px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.mq .t{display:flex;gap:16px;width:max-content;animation:site-mq 40s linear infinite}.mq span{font-family:var(--site-s);font-size:32px;font-style:italic;padding:16px 28px;border:1px solid rgba(255,255,255,.14);border-radius:999px;white-space:nowrap;color:rgba(255,255,255,.92)}@keyframes site-mq{to{transform:translateX(-50%)}}
/* testi */
.tes{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:64px}.tes figure{padding:32px;border-radius:var(--site-r3);background:var(--site-card);box-shadow:0 0 0 1px var(--site-line);display:flex;flex-direction:column}.tes blockquote{font-size:20px;line-height:28px;letter-spacing:-.015em;margin:24px 0 32px;flex:1}.tes figcaption b{display:block;font-weight:600}.tes figcaption small{color:var(--site-mut);font-size:13px}
/* pricing: compact, fits one laptop viewport; details in an accordion */
#pricing{padding:clamp(80px,11vh,128px) 0 clamp(40px,7vh,96px)}
.phd{display:flex;align-items:flex-end;justify-content:space-between;gap:32px}.phd h2{font-size:clamp(36px,5.6vh,52px);margin:12px 0 8px}.phd .lead{font-size:16px;line-height:24px;max-width:760px}
.tog{display:inline-flex;padding:4px;border-radius:999px;background:var(--site-card);box-shadow:0 0 0 1px var(--site-line);position:relative;flex:none}.tog button{position:relative;z-index:1;border:0;background:none;font:500 14px var(--site-f);height:40px;padding:0 20px;border-radius:999px;cursor:pointer;color:var(--site-mut);transition:color var(--site-motion-dur-hover)}.tog button.on{color:var(--site-btnfg)}.tog .tog-knob{position:absolute;top:4px;bottom:4px;border-radius:999px;background:var(--site-btn);transition:all var(--site-motion-dur-move) var(--site-motion-ease)}.tog .sv{font-size:12px;color:var(--site-coink);margin-left:8px;font-weight:600}.tog button.on .sv{color:var(--site-svon)}
.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:clamp(24px,3.6vh,36px);align-items:stretch}
.plan{border-radius:var(--site-r3);background:var(--site-card);box-shadow:0 0 0 1px var(--site-line);padding:24px;display:flex;flex-direction:column;position:relative;transition:transform var(--site-motion-dur-move) var(--site-motion-ease),box-shadow var(--site-motion-dur-move) var(--site-motion-ease)}.plan:hover{transform:translateY(-4px);box-shadow:var(--site-sh),0 0 0 1px var(--site-line2)}
.plan.pop{box-shadow:0 0 0 1.5px var(--site-ink),var(--site-sh)}.plan.pop:hover{box-shadow:0 0 0 1.5px var(--site-ink),var(--site-sh)}
.plan.pop:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(120% 60% at 50% 0%,var(--site-cos),transparent 60%);pointer-events:none}
.pb{position:absolute;top:-11px;right:24px;background:var(--site-co);color:#fff;font:500 11px/22px var(--site-m);letter-spacing:.04em;padding:0 12px;border-radius:999px}
.plan h3{font-size:18px;font-weight:600;letter-spacing:-.01em}.plan .ds{color:var(--site-mut);font-size:14px;line-height:20px;min-height:40px;margin-top:2px}
.pr{display:flex;align-items:baseline;gap:8px;margin-top:16px;height:48px}.pr b{font-size:40px;line-height:1;font-weight:600;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.pr s{font-size:18px;color:var(--site-mut2);font-weight:500;letter-spacing:-.02em;text-decoration-thickness:1.5px}.pr span{color:var(--site-mut);font-size:14px}
.bn{font-size:13px;line-height:18px;color:var(--site-mut);margin-top:8px;min-height:18px}.bn b{color:var(--site-ok);font-weight:600}
.ku{list-style:none;margin-top:16px;padding-top:16px;border-top:1px solid var(--site-line);display:grid;gap:8px;font-size:14px;line-height:19px;flex:1;align-content:start}.ku li{display:flex;gap:12px}.ku li:before{content:"";flex:none;margin-top:4px;width:12px;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3 3 7-7' stroke='%23FF6332' stroke-width='1.75' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")}
.plan .btn{width:100%;justify-content:center;margin-top:16px;height:44px}
.pfoot{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:16px;font-size:13px;color:var(--site-mut)}.pfoot .tr{display:flex;gap:20px;flex-wrap:wrap}.pfoot .tr span{display:inline-flex;align-items:center;gap:8px}.pfoot .tr span:before{content:"";width:5px;height:5px;border-radius:9px;background:var(--site-co)}
.cmpall{margin-top:12px;border-radius:var(--site-r2);background:var(--site-card);box-shadow:0 0 0 1px var(--site-line);overflow:hidden}
.cmpall summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;padding:0 24px;height:56px;font-weight:600;font-size:16px;letter-spacing:-.01em}.cmpall summary::-webkit-details-marker{display:none}.cmpall summary small{font:400 13px var(--site-f);color:var(--site-mut);letter-spacing:0}
.cmpall summary i{margin-left:auto;width:28px;height:28px;border-radius:999px;border:1px solid var(--site-line2);display:grid;place-items:center;transition:transform var(--site-motion-dur-move) var(--site-motion-ease),background var(--site-motion-dur-hover)}.cmpall summary:hover i{background:var(--site-bg3)}.cmpall[open] summary i{transform:rotate(180deg)}
.ctw{overflow-x:auto;border-top:1px solid var(--site-line)}.cmpall[open] .ctw{animation:site-dd .6s var(--site-motion-ease)}@keyframes site-dd{from{opacity:0;transform:translateY(-8px)}}
.ct{width:100%;border-collapse:collapse;font-size:14px;min-width:720px}.ct th,.ct td{padding:12px 16px;text-align:center;border-bottom:1px solid var(--site-line)}.ct th:first-child,.ct td:first-child{text-align:left;padding-left:24px;width:40%}
.ct thead th{font-weight:600;font-size:14px;padding-top:16px;padding-bottom:16px;background:var(--site-card)}.ct thead th small{display:block;font-weight:400;color:var(--site-mut);font-size:12px}.ct thead th.p{color:var(--site-ink)}.ct thead th.p span{font:500 11px/18px var(--site-m);color:#fff;background:var(--site-co);border-radius:999px;padding:0 8px;margin-left:8px;vertical-align:1px}
.ct td.p,.ct th.p{background:var(--site-cos)}.ct tr.g td{font:500 11px var(--site-m);letter-spacing:.08em;color:var(--site-mut2);text-transform:uppercase;padding-top:20px;background:var(--site-card)}.ct tr.g td.p{background:var(--site-cos)}
.ct td{color:var(--site-mut)}.ct td:first-child{color:var(--site-ink)}.ct .y{display:inline-block;width:16px;height:16px;vertical-align:-3px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3 3 7-7' stroke='%23FF6332' stroke-width='1.75' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") center/14px no-repeat}.ct .n{color:var(--site-mut2)}
.pr .ux{color:var(--site-mut);font-size:14px;display:inline-flex;align-items:center;gap:8px}.pr .ux:before{content:"";width:3px;height:3px;border-radius:9px;background:var(--site-mut2)}
.plan .bn{min-height:54px}
.incs{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:24px;border-top:1px solid var(--site-line)}.inc{padding:0 4px}.inc.p{background:var(--site-cos);border-radius:12px;padding:12px}.inc h4{font-size:16px;font-weight:600;letter-spacing:-.01em}.inc p{font-size:13px;color:var(--site-mut);margin:4px 0 12px}.inc ul{list-style:none;display:grid;gap:8px;font-size:14px;line-height:19px}.inc li{display:flex;gap:12px}.inc li:before{content:"";flex:none;margin-top:4px;width:12px;height:12px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3 3 7-7' stroke='%23FF6332' stroke-width='1.75' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")}
@media(max-width:1100px){.incs{grid-template-columns:1fr 1fr}}@media(max-width:700px){.incs{grid-template-columns:1fr;padding:16px}}
.fn{margin-top:12px;font-size:13px;color:var(--site-mut2);text-align:center}
/* faq */
.faq{display:grid;grid-template-columns:1fr 1.6fr;gap:80px}.faq details{border-top:1px solid var(--site-line2)}.faq details:last-child{border-bottom:1px solid var(--site-line2)}.faq summary{list-style:none;cursor:pointer;padding:24px 0;font-size:20px;font-weight:500;letter-spacing:-.015em;display:flex;justify-content:space-between}.faq summary::-webkit-details-marker{display:none}.faq .fq{font:inherit;letter-spacing:inherit}.faq summary:after{content:"+";font-weight:300;font-size:24px;line-height:1;transition:transform var(--site-motion-dur-move) var(--site-motion-ease)}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{color:var(--site-mut);padding:0 48px 24px 0;font-size:16px;line-height:26px}
/* cta+footer */
.cta{text-align:center;padding:160px 0;position:relative;overflow:hidden;isolation:isolate}.cta h2{font-size:80px;max-width:900px;margin:16px auto}.cta:before{content:"";position:absolute;left:50%;bottom:-300px;width:900px;height:600px;transform:translateX(-50%);background:radial-gradient(closest-side,rgba(255,99,50,.18),transparent);z-index:-1}
.cta .one{white-space:nowrap;max-width:none}
.cta .acts{display:flex;gap:12px;justify-content:center;margin-top:32px}
footer{border-top:1px solid var(--site-line);padding:64px 0 40px;font-size:14px}.fg{display:grid;grid-template-columns:1.6fr repeat(4,1fr);gap:32px}.fg h6{font:500 11px var(--site-m);letter-spacing:.08em;color:var(--site-mut2);text-transform:uppercase;margin-bottom:16px}.fg a{display:block;color:var(--site-mut);padding:4px 0}.fg a:hover{color:var(--site-ink)}.fg p{color:var(--site-mut);margin-top:16px;max-width:280px}.fb{margin-top:64px;padding-top:24px;border-top:1px solid var(--site-line);display:flex;justify-content:space-between;color:var(--site-mut2);font-size:13px}
.site-fx-mag{will-change:transform}
/* responsive */
@media(max-width:1100px){.nl{display:none}h2{font-size:40px}.story{grid-template-columns:1fr;gap:0}.pin{display:none}.apm{display:block}.st.intro{border-top:0!important;padding-top:0!important}.steps .st{min-height:auto;opacity:1;padding:32px 0;border-top:1px solid var(--site-line)}.data,.faq{grid-template-columns:1fr;gap:48px}.why{grid-template-columns:1fr 1fr}.plans{grid-template-columns:1fr 1fr}.fg{grid-template-columns:1fr 1fr 1fr}.fg>div:first-child{grid-column:1/-1}.cta h2{font-size:60px}.phd{flex-direction:column;align-items:flex-start}}
@media(max-width:700px){.w{padding:0 20px}.nv{gap:12px}.li{display:none}.mb{display:flex}.h1{font-size:40px}.hsub{font-size:16px}.comp{padding:12px 12px 12px 16px}.prompt{font-size:16px;white-space:normal}.sbody{grid-template-columns:1fr;height:auto}.map{height:200px;border-right:0;border-bottom:1px solid var(--site-line)}.res{min-height:0}.row small{flex-wrap:wrap;gap:0 8px}.fit{align-self:start}.map svg{transform:scale(1.35)}
.stats .w{grid-template-columns:1fr 1fr}.stats .c{padding:24px 16px}.stats .c:first-child{grid-column:1/-1;padding:24px 0 0}.stats .c:nth-child(2){border-left:0}.stats .c:last-child{border-left:0;border-top:1px solid var(--site-line)}.stats .n{font-size:40px}
section.sec{padding:96px 0}#pricing{padding:96px 0}h2{font-size:40px}.phd h2{font-size:40px}.st h3{font-size:32px}.why,.who,.tes,.plans{grid-template-columns:1fr}.plan .ds{min-height:0}.pfoot{flex-direction:column;align-items:flex-start}.cmpall summary small{display:none}.cmp div{grid-template-columns:1fr;gap:4px;padding:16px 20px}.cmp div:first-child{display:none}.voice{padding:64px 24px;border-radius:24px}.mq span{font-size:24px}.big{font-size:64px}.cta{padding:112px 0}.cta h2{font-size:40px}.cta .one{white-space:normal}.cta .acts{flex-direction:column;align-items:center}.fg{grid-template-columns:1fr 1fr}.fb{flex-direction:column;gap:8px}.replay{bottom:-36px}
nav.top.op{background:var(--site-bg)}.mm{display:block;position:fixed;top:72px;left:0;right:0;bottom:0;background:var(--site-bg);padding:24px 20px;transform:translateY(-8px);opacity:0;pointer-events:none;transition:var(--site-motion-dur-move) var(--site-motion-ease)}.op .mm{opacity:1;transform:none;pointer-events:auto}.mm a{display:block;font-size:32px;font-weight:600;letter-spacing:-.03em;padding:12px 0;border-bottom:1px solid var(--site-line)}.op .mb i:first-child{transform:translateY(3.25px) rotate(45deg)}.op .mb i:last-child{transform:translateY(-3.25px) rotate(-45deg)}}

/* ===== mobile fold (v7.1): balanced, centred in 100svh minus nav ===== */
@media(max-width:700px){
.hero{min-height:100vh;min-height:100svh;align-items:center;padding:calc(var(--site-nav) + 8px) 0 32px}
.hero .ht{padding:0}
.hero .h1{font-size:clamp(28px,8.2vw,32px);line-height:1.06;letter-spacing:-.045em;max-width:none;text-wrap:balance}
.hero .h1 em.s{font-size:1.12em}
.hero .hsub{font-size:16px;line-height:22px;margin-top:16px;max-width:none;color:var(--site-mut);letter-spacing:-.012em;text-wrap:balance}
@media(min-height:780px){.hero form.cbox{margin-top:32px}}
.hero .cbox{margin-top:24px}
.hero .cin textarea{min-height:clamp(88px,15svh,136px)}
.hero .chips{margin-top:16px}.hero .chip{height:44px;padding:0 16px}
.hero .trust{gap:4px 12px;font-size:12px}
.demo{padding-top:56px}
}

/* ===== v13 mobile type scale (<700px only): small and crisp ===== */
@media(max-width:700px){
body h2,body .phd h2{font-size:24px;line-height:1.1;letter-spacing:-.035em;margin:12px 0;text-wrap:balance}
body .cta h2{font-size:32px;margin:12px auto}
body .eb{font-size:12px;line-height:16px}
body .lead,body .st p,body .why p,body .who p,body details p{font-size:16px;line-height:1.5;text-wrap:pretty}body .tes blockquote,body .hsub{text-wrap:pretty}
body .st .k{font-size:12px}body .st h3{font-size:24px;line-height:1.15;margin:8px 0}
body .steps .st{padding:28px 0}
body .why h3{font-size:18px;line-height:1.3;margin:28px 0 8px;text-wrap:balance}
body .who h3{font-size:20px;line-height:1.25;margin:36px 0 8px;text-wrap:balance}
body .tes{margin-top:32px;gap:16px}body .tes figure{padding:24px}body .tes blockquote{font-size:16px;line-height:24px;margin:16px 0 20px}
body .big{font-size:56px;margin:24px 0 8px}body .big small{font-size:18px}
body .stats .w{grid-template-columns:repeat(3,minmax(0,1fr))}body .stats .c{padding:20px 8px 20px 12px;border-left:1px solid var(--site-line);border-top:0}body .stats .c:first-child{grid-column:1/-1;padding:20px 0 0;border:0;font-size:14px}body .stats .c:nth-child(2){border-left:0;padding-left:0}body .stats .c:last-child{border-top:0;border-left:1px solid var(--site-line)}body .stats .n{font-size:24px;letter-spacing:-.045em;white-space:nowrap}body .stats small{font-size:12px;line-height:15px;margin-top:8px}body .stats small 
body .pr{height:40px}body .pr b{font-size:32px}
body .faq summary{font-size:16px;line-height:1.35;padding:20px 0;text-wrap:balance}
body .cmp{font-size:14px}body .mq span{font-size:18px}
body section.sec,body #pricing{padding:64px 0}
body section[style*="144px"]{padding-bottom:64px!important}
body .voice{padding:48px 20px}
body .cta{padding:72px 0}
body .demo{padding-top:48px}body .demo .stage{margin-top:32px}
body footer{padding:48px 0 32px;font-size:13px}body .da span{white-space:nowrap;padding:0 12px}body .draft .dt{flex-wrap:wrap;row-gap:2px}body .why h3{margin-top:16px}
body .data,body .faq{gap:32px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.site-fx-rv{opacity:1;transform:none;filter:none}html{scroll-behavior:auto}::view-transition-old(root),::view-transition-new(root){animation:none!important}}

/* ===================================================================
   v15 site pages (shared): page hero, use cases, guides, compare, legal, about, pricing page
   Same tokens, type and motion as Home. Mobile (<700px) follows the v13 small, crisp scale.
   =================================================================== */
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Google Sheets: the official staging file (Simple Icons glyph, unchanged) shown in its brand green */
/* page hero */
.phero{position:relative;isolation:isolate;overflow:hidden;padding:calc(var(--site-nav) + 88px) 0 72px;background:linear-gradient(180deg,var(--site-bg) 0%,var(--site-bg2) 100%);border-bottom:1px solid var(--site-line)}
.phero:after{content:"";position:absolute;left:50%;top:-30vh;width:1100px;height:60vh;transform:translateX(-50%);background:radial-gradient(closest-side,var(--site-glow),transparent);pointer-events:none;z-index:-1}
.phero .hgrid{opacity:.9}
.phero .in-w{max-width:880px;margin:0 auto;text-align:center}
.phero.l .in-w{max-width:none;margin:0;text-align:left}
.ph1{font-weight:600;font-size:clamp(40px,4.4vw,64px);line-height:1.02;letter-spacing:-.048em;margin:20px auto 0;text-wrap:balance}.ph1 em.s{font-size:1.08em}
.phero.l .ph1{max-width:960px;margin-left:0}
.phero .lead{margin:20px auto 0;max-width:680px;font-size:18px;line-height:28px;text-wrap:pretty}.phero.l .lead{margin-left:0;max-width:760px}
.upd{margin-top:20px;font-size:13px;color:var(--site-mut2)}
.acts2{display:flex;gap:12px;justify-content:center;margin-top:32px;flex-wrap:wrap}.phero.l .acts2{justify-content:flex-start}
.jumps{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:32px}.jumps a{height:36px;padding:0 16px;border:1px solid var(--site-cb);border-radius:999px;background:var(--site-card);font:500 14px/34px var(--site-f);color:var(--site-ct2);transition:border-color var(--site-motion-dur-hover),color var(--site-motion-dur-hover),background var(--site-motion-dur-hover)}.jumps a:hover{border-color:var(--site-cbs);color:var(--site-ink);background:var(--site-bg3)}
/* section heads on inner pages */
.sec2{padding:112px 0}.sec2.alt{background:var(--site-bg2);border-top:1px solid var(--site-line);border-bottom:1px solid var(--site-line)}
.sec2 h2{font-size:56px}
/* use cases */
.uc{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding:112px 0;border-top:1px solid var(--site-line)}
.uc:first-of-type{border-top:0}
.uc.flip>.uct{order:2}
.uc h2{font-size:40px;margin:16px 0}
.uc .pain{color:var(--site-mut);font-size:18px;line-height:28px;max-width:520px}
.try{margin-top:32px}.try .tl{font:500 11px/16px var(--site-m);letter-spacing:.08em;text-transform:uppercase;color:var(--site-mut2);display:block;margin-bottom:12px}
.tryp{display:inline-flex;align-items:center;gap:12px;text-align:left;max-width:100%;padding:12px 12px 12px 20px;border:1px solid var(--site-cbs);border-radius:16px;background:var(--site-card);box-shadow:var(--site-csh);font:400 16px/1.45 var(--site-f);letter-spacing:-.01em;color:var(--site-ink);cursor:pointer;transition:border-color var(--site-motion-dur-hover),box-shadow var(--site-motion-dur-hover),transform var(--site-motion-dur-move) var(--site-motion-ease)}
.tryp:hover{border-color:var(--site-cfocus);box-shadow:0 0 0 4px var(--site-chalo),var(--site-csh)}
.tryp i{flex:none;width:32px;height:32px;border-radius:10px;background:var(--site-btn);color:var(--site-btnfg);display:grid;place-items:center}
.tryp.busy i svg{opacity:0}.tryp.busy i{position:relative}.tryp.busy i:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;border:1.5px solid currentColor;border-right-color:transparent;animation:site-sp .7s linear infinite}
.tryq{font-size:18px;line-height:1.6;color:var(--site-ink)}
.tryq .tryp{display:inline;padding:0;border:0;background:none;box-shadow:none;font:inherit;color:inherit;text-decoration:underline;text-decoration-color:var(--site-co);text-underline-offset:4px;text-decoration-thickness:1.5px}.tryq .tryp:hover{box-shadow:none;color:var(--site-coink)}
/* example result card (artifact rows only) */
.xc{position:relative;border-radius:var(--site-r3);background:var(--site-card);box-shadow:var(--site-sh),0 0 0 1px var(--site-line);padding:28px}
.xc>.exl{position:absolute;right:20px;top:20px;margin:0}
.xq{margin-left:auto;max-width:86%;width:fit-content;padding:12px 16px;border-radius:14px 14px 4px 14px;background:var(--site-csoft);color:var(--site-ink);font-size:14px;line-height:20px;margin-top:28px}
.xs{margin-top:20px;font-size:16px;line-height:22px;color:var(--site-ink);font-weight:500}.xs2{font-size:13px;color:var(--site-mut);margin-top:4px}
.xbig{font-size:56px;font-weight:600;letter-spacing:-.05em;line-height:1;margin-top:24px;font-variant-numeric:tabular-nums}.xbig small{font-size:20px;letter-spacing:-.02em;font-weight:500;color:var(--site-mut)}
.xr{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-top:1px solid var(--site-line);font-size:14px;line-height:20px}.xs+.xr,.xs2+.xr{margin-top:12px}
.xr b{font-weight:500;min-width:0}.xr span{flex:none;height:26px;padding:0 12px;border-radius:999px;background:var(--site-csoft);color:var(--site-ct2);font:500 12px/26px var(--site-f);white-space:nowrap}
.xr span.ok{background:rgba(36,134,90,.1);color:var(--site-ok)}
.xr.kv{display:grid;grid-template-columns:1fr auto}.xr.kv b{color:var(--site-mut);font-weight:400}.xr.kv span{background:none;padding:0;height:auto;font:500 14px/20px var(--site-f);color:var(--site-ink);text-align:right;white-space:normal}
/* article (guides) */
.art{display:grid;grid-template-columns:220px minmax(0,720px);gap:72px;justify-content:center;padding:80px 0 40px}
.toc{position:sticky;top:calc(var(--site-nav) + 32px);align-self:start;font-size:14px;line-height:20px}
.toc .tt2{font:500 11px/16px var(--site-m);letter-spacing:.08em;text-transform:uppercase;color:var(--site-mut2);margin-bottom:12px;display:block}
.toc a{display:block;padding:8px 0 8px 16px;color:var(--site-mut);border-left:1px solid var(--site-line2);transition:color var(--site-motion-dur-hover),border-color var(--site-motion-dur-hover)}.toc a:hover{color:var(--site-ink)}.toc a.on{color:var(--site-ink);border-left-color:var(--site-co)}
.prose{font-size:18px;line-height:1.7;color:var(--site-ink)}
.prose>*+*{margin-top:20px}
.prose h2{font-size:32px;line-height:1.15;letter-spacing:-.035em;margin:64px 0 0;scroll-margin-top:calc(var(--site-nav) + 24px);text-wrap:balance}.prose h2:first-child{margin-top:0}
.prose h3{font-size:20px;font-weight:600;letter-spacing:-.015em;line-height:1.35;margin-top:32px}
.prose h3+p{margin-top:8px}
.prose p{color:var(--site-ct2)}[data-theme=dark] .prose p{color:var(--site-mut)}
.prose a{text-decoration:underline;text-decoration-color:var(--site-line3);text-underline-offset:3px}.prose a:hover{text-decoration-color:var(--site-co)}
.prose ol,.prose ul{padding:0;list-style:none;display:grid;gap:12px}
.prose ol{counter-reset:n}.prose ol li{counter-increment:n;position:relative;padding-left:44px;color:var(--site-ct2)}[data-theme=dark] .prose ol li,[data-theme=dark] .prose ul li{color:var(--site-mut)}
.prose ol li:before{content:counter(n);position:absolute;left:0;top:1px;width:28px;height:28px;border-radius:999px;background:var(--site-cos);color:var(--site-coink);font:600 13px/28px var(--site-f);text-align:center}
.prose ul li{position:relative;padding-left:24px;color:var(--site-ct2)}.prose ul li:before{content:"";position:absolute;left:4px;top:.72em;width:6px;height:6px;border-radius:2px;background:var(--site-co)}
.prose li b,.prose p b{color:var(--site-ink);font-weight:600}
.tw{overflow-x:auto;border-radius:var(--site-r2);box-shadow:0 0 0 1px var(--site-line);background:var(--site-card);-webkit-overflow-scrolling:touch}
.tbl{width:100%;border-collapse:collapse;font-size:14px;line-height:1.5}
.tbl th{font:500 11px/16px var(--site-m);letter-spacing:.06em;text-transform:uppercase;color:var(--site-mut2);text-align:left;padding:16px 16px;border-bottom:1px solid var(--site-line2);background:var(--site-bg2);vertical-align:bottom}
.tbl td{padding:16px 16px;border-bottom:1px solid var(--site-line);vertical-align:top;color:var(--site-ct2)}[data-theme=dark] .tbl td{color:var(--site-mut)}
.tbl tr:last-child td{border-bottom:0}
.tbl td:first-child{color:var(--site-ink);font-weight:500}
.tbl.wide{min-width:760px}.tbl.mid{min-width:560px}
.tbl tr.me td{background:var(--site-cos)}.tbl tr.me td:first-child{color:var(--site-ink)}
.tbl td.pr2{white-space:nowrap;text-align:right;color:var(--site-ink);font-weight:500}.tbl th.pr2{text-align:right}
.qc{border-radius:var(--site-r3);background:var(--site-card);box-shadow:var(--site-sh),0 0 0 1px var(--site-line);padding:28px;margin-top:48px;max-width:560px}
.phero.l .qc{margin-left:0}
.cards2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cards2>div{padding:20px 24px;border-radius:var(--site-r2);background:var(--site-card);box-shadow:0 0 0 1px var(--site-line)}.cards2 h3{margin-top:0;font-size:16px}.cards2 p{font-size:16px;line-height:1.55;margin-top:8px}
.mail{border-radius:var(--site-r2);background:var(--site-bg2);box-shadow:0 0 0 1px var(--site-line);padding:24px 28px;font-size:16px;line-height:1.6;color:var(--site-ink);position:relative}
.mail p{color:var(--site-ink)!important}.mail p+p{margin-top:0}.mail p.g{margin-top:16px}.mail .sj{font-weight:600}
.callout{border-radius:var(--site-r3);background:var(--site-inv);color:var(--site-invfg);padding:36px;box-shadow:0 0 0 1px var(--site-invring)}
.prose .callout h2,.prose .callout h3{color:var(--site-invfg);margin-top:0}.prose .callout h2{font-size:13px;font:500 11px/16px var(--site-m);letter-spacing:.08em;text-transform:uppercase;color:var(--site-svon)}
.prose .callout h3{font-size:24px;line-height:1.25;letter-spacing:-.025em;margin-top:12px}.prose .callout p{color:rgba(255,255,255,.72);margin-top:12px}[data-theme=dark] .prose .callout p{color:var(--site-mut)}
.callout .btn{margin-top:24px;background:var(--site-invbtn);color:var(--site-invbtnfg)}
.prose .callout a.btn{text-decoration:none}
.tryblk{border-radius:var(--site-r3);padding:28px;background:var(--site-bg2);box-shadow:0 0 0 1px var(--site-line)}.tryblk .tl{font:500 11px/16px var(--site-m);letter-spacing:.08em;text-transform:uppercase;color:var(--site-mut2)}
.tryblk .tryq{margin-top:12px}
.cbox.cpb{max-width:none;margin:20px 0 0;--site-cpt:16px}.cbox.cpb .cin{padding:16px 20px 4px}.cbox.cpb .cin textarea,.cbox.cpb .ghost{font-size:18px}.cbox.cpb .cin textarea{min-height:56px}.cbox.cpb .ghost{left:20px;right:20px}.cbox.cpb .cbar{padding:8px 12px 12px 20px}
.send2.lbl{width:auto;padding:0 16px;font:500 14px/32px var(--site-f);white-space:nowrap}.send2.lbl svg{margin-left:8px}
.faqq{margin-top:8px;border-top:1px solid var(--site-line2)}.faqq li{list-style:none;padding:20px 0;border-bottom:1px solid var(--site-line2);display:flex;gap:16px;align-items:baseline}
.faqq h3{font-size:18px;font-weight:500;letter-spacing:-.01em;margin:0!important;line-height:1.4}.faqq li:before{content:"Q";font:500 11px/16px var(--site-m);color:var(--site-co);flex:none}
.prose .faqq{padding:0;gap:0;display:block}.prose .faqq li{padding:20px 0}.prose .faqq li:before{position:static;width:auto;height:auto;background:none;border-radius:0}
/* picks (best tools) */
.picks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.picks>div{padding:24px;border-radius:var(--site-r2);background:var(--site-card);box-shadow:0 0 0 1px var(--site-line);position:relative}
.picks>div:first-child{box-shadow:0 0 0 1.5px var(--site-ink),var(--site-sh)}
.picks .pl2{font:500 11px/16px var(--site-m);letter-spacing:.07em;text-transform:uppercase;color:var(--site-coink)}.picks h3{margin-top:12px;font-size:20px}.picks p{font-size:14px;line-height:1.55;margin-top:8px}
.note{font-size:14px;line-height:1.6;color:var(--site-mut)!important;padding-left:16px;border-left:2px solid var(--site-co)}
/* compare */
.cwrap{padding:80px 0 0}
.cmpt{width:100%;border-collapse:separate;border-spacing:0;font-size:16px;line-height:1.5}
.cmpt th{font:600 13px/18px var(--site-m);letter-spacing:.06em;text-transform:uppercase;text-align:left;padding:20px 24px;color:var(--site-mut)}
.cmpt th.x{color:var(--site-ink);background:var(--site-cos);border-radius:16px 16px 0 0}
.cmpt td{padding:20px 24px;border-top:1px solid var(--site-line);vertical-align:top;color:var(--site-ct2)}[data-theme=dark] .cmpt td{color:var(--site-mut)}
.cmpt td:first-child{font-weight:600;color:var(--site-ink);width:22%}
.cmpt td.x{background:var(--site-cos);color:var(--site-ink)}.cmpt tr:last-child td.x{border-radius:0 0 16px 16px}
.cmpt th:nth-child(2),.cmpt td:nth-child(2){width:36%}
.cmptw{border-radius:var(--site-r3);background:var(--site-card);box-shadow:var(--site-sh),0 0 0 1px var(--site-line);padding:8px 8px 8px;overflow-x:auto}
.fits{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:48px}.fits>div{padding:32px;border-radius:var(--site-r3);background:var(--site-card);box-shadow:0 0 0 1px var(--site-line)}
.fits>div.x{background:var(--site-inv);color:var(--site-invfg);box-shadow:0 0 0 1px var(--site-invring)}.fits h2{font-size:24px;line-height:1.25;letter-spacing:-.025em;margin:0}.fits p{margin-top:12px;color:var(--site-mut);font-size:16px;line-height:1.6}.fits .x p{color:rgba(255,255,255,.74)}[data-theme=dark] .fits .x p{color:var(--site-mut)}
.qs2{display:grid;grid-template-columns:1fr 1.6fr;gap:80px;padding:96px 0 0}
.disc{font-size:13px;line-height:1.6;color:var(--site-mut2);max-width:760px;margin:0 auto;text-align:center;padding:0 0 64px}
/* legal */
.legal{max-width:760px;margin:0 auto;padding:calc(var(--site-nav) + 80px) 0 96px}
.legal .ph1{text-align:left;margin:0;font-size:clamp(36px,4vw,52px)}
.legal .upd{margin-top:12px}
.legal .prose{margin-top:48px}.legal .prose h2{font-size:24px;letter-spacing:-.02em;margin-top:48px}
.legal .prose p,.legal .prose li{font-size:16px;line-height:1.7}
.legal .tbl{font-size:14px}
/* about */
.astats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--site-line);border-bottom:1px solid var(--site-line);margin-top:72px}
.astats>div{padding:32px;border-left:1px solid var(--site-line)}.astats>div:first-child{border-left:0;padding-left:0}
.astats b{display:block;font-size:56px;font-weight:600;letter-spacing:-.05em;line-height:1}.astats small{display:block;color:var(--site-mut);font-size:14px;margin-top:8px}

.story2{display:grid;grid-template-columns:1fr 1.6fr;gap:80px}.story2 .prose p{font-size:18px;line-height:1.7}
.why.nc{counter-reset:w}.why.nc>div{counter-increment:w}.why.nc>div:before{content:"0" counter(w);font:500 12px var(--site-m);color:var(--site-co)}
.why.nc h3{margin-top:40px}
.talk{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:40px;border-radius:var(--site-r3);background:var(--site-bg2);box-shadow:0 0 0 1px var(--site-line);margin-top:96px}
.talk h2{font-size:32px;margin:0}.talk p{color:var(--site-mut);margin-top:8px}.talk a.em2{color:var(--site-ink);text-decoration:underline;text-decoration-color:var(--site-co);text-underline-offset:3px}
/* pricing page */
.pp{padding:calc(var(--site-nav) + 72px) 0 96px}
.pp .ph1{margin:16px 0 0;text-align:left}
.payg{display:grid;grid-template-columns:1fr 1.3fr;gap:64px;align-items:start}
.payg h2{font-size:40px}
.cta .cbox.cpb{max-width:640px;margin:32px auto 0;text-align:left}
@media(max-width:1100px){.uc,.art,.story2,.qs2,.payg{grid-template-columns:minmax(0,1fr);gap:40px}.uc.flip>.uct{order:0}.toc{display:none}.art{gap:0}.picks{grid-template-columns:1fr}.uc h2,.sec2 h2{font-size:40px}}
@media(max-width:700px){
.phero{padding:calc(var(--site-nav) + 40px) 0 48px}
body .ph1{font-size:32px;line-height:1.08;letter-spacing:-.04em;margin-top:16px}
body .phero .lead{font-size:16px;line-height:1.5;margin-top:16px}
.upd{font-size:12px;margin-top:16px}
.acts2{flex-direction:column;align-items:stretch;gap:12px;margin-top:24px}.acts2 .btn{justify-content:center}
.jumps{justify-content:flex-start;margin-top:24px;gap:8px}.jumps a{height:32px;line-height:30px;font-size:13px;padding:0 12px}
.uc{padding:64px 0;gap:32px}body .uc h2{font-size:24px}.uc .pain{font-size:16px;line-height:1.5}
.tryp{font-size:16px;padding:12px 12px 12px 16px;border-radius:14px}
.xc{padding:20px}.xc>.exl{right:14px;top:14px}.xq{font-size:14px;margin-top:32px}.xbig{font-size:40px}.xr{font-size:14px;padding:12px 0}
.sec2{padding:64px 0}body .sec2 h2{font-size:24px}
.art{padding:48px 0 16px}
.prose{font-size:16px;line-height:1.6}.prose>*+*{margin-top:16px}
body .prose h2{font-size:24px;line-height:1.2;margin-top:44px;letter-spacing:-.03em}
.prose h3{font-size:18px;margin-top:24px}
.prose ol li{padding-left:40px}.prose ol li:before{width:24px;height:24px;line-height:24px;font-size:12px}
.tbl{font-size:14px}.tbl th,.tbl td{padding:12px}
.cards2{grid-template-columns:1fr}.cards2>div{padding:16px 20px}
.mail{padding:20px;font-size:14px}
.callout{padding:24px}.prose .callout h3{font-size:20px}
.tryblk{padding:20px}.tryq{font-size:16px}
.cbox.cpb .cin textarea,.cbox.cpb .ghost{font-size:16px}
.qc{padding:20px;margin-top:32px}
.cwrap{padding:48px 0 0}.cmpt{font-size:14px;min-width:600px}.cmpt th,.cmpt td{padding:16px 16px}
.fits{grid-template-columns:1fr;gap:12px;margin-top:32px}.fits>div{padding:24px}.fits h2{font-size:20px}.fits p{font-size:16px}
.qs2{padding:56px 0 0;gap:24px}
.faqq h3{font-size:16px}.faqq li{padding:16px 0}
.disc{font-size:12px;padding:0 0 48px;text-align:left}
.legal{padding:calc(var(--site-nav) + 40px) 0 64px}body .legal .ph1{font-size:32px}.legal .prose{margin-top:32px}body .legal .prose h2{font-size:20px;margin-top:36px}.legal .prose p,.legal .prose li{font-size:16px;line-height:1.6}
.astats{margin-top:40px}.astats>div{padding:20px 8px 20px 12px}.astats>div:first-child{padding-left:0}.astats b{font-size:24px;letter-spacing:-.04em}.astats small{font-size:12px;line-height:15px}
.story2 .prose p{font-size:16px}.talk{flex-direction:column;align-items:flex-start;padding:24px;margin-top:56px;gap:16px}body .talk h2{font-size:24px}
.pp{padding:calc(var(--site-nav) + 40px) 0 64px}body .payg h2{font-size:24px}
.picks h3{font-size:18px}
}

/* ---- v15 additions ---- */
.ucl{margin-top:24px;display:grid;gap:12px}.ucl li{display:flex;gap:12px;align-items:flex-start;font-size:16px;line-height:24px;color:var(--site-ct2)}.ucl svg{flex:none;margin-top:4px;color:var(--site-co)}
.nl a[aria-current=page],.mm a[aria-current=page]{color:var(--site-ink)}
.prose .tbl.wide{min-width:680px}.prose .mail p{margin:0}.prose .mail p+p{margin-top:16px}
@media(max-width:700px){.ucl li{font-size:16px;line-height:22px}.ucl{gap:12px;margin-top:20px}}
/* v16 Home hero chips: never overflow on narrow phones; centred when they fit, scroll when they do not */
@media(max-width:430px){.hero .chips{justify-content:safe center;overflow-x:auto;scrollbar-width:none;margin-left:-20px;margin-right:-20px;padding:0 20px}.hero .chips::-webkit-scrollbar{display:none}.hero .chip{flex:none}}
/* v16 story column must not grow to min-content on phones */
@media(max-width:1100px){.story{grid-template-columns:minmax(0,1fr)}.steps,.steps .st{min-width:0}.map{overflow:hidden}}
/* v16 a11y contrast (AA) */
[data-theme=light]{--site-mut2:#6F6B63}
[data-theme=light] .xr span.ok{color:#1E7A50}
[data-theme=dark] .prose .callout h2{color:var(--site-co)}
@media(prefers-reduced-motion:reduce){.steps .st{opacity:1}}
/* v16 mobile menu: the scrolled nav's backdrop-filter made it the containing block, collapsing the fixed menu panel; drop it while open */
nav.top.op{backdrop-filter:none;-webkit-backdrop-filter:none}
/* v16 tablet: stats as label row + 3 equal columns */
@media(min-width:701px) and (max-width:1100px){.stats .w{grid-template-columns:repeat(3,minmax(0,1fr))}.stats .c:first-child{grid-column:1/-1}}
/* v16 tap targets: 44px minimum on touch and tablet/phone widths */
@media(max-width:1100px),(pointer:coarse){.thm,.mb{width:44px;height:44px}.li{height:44px}.lg{display:inline-flex;align-items:center;min-height:44px}.mic{width:44px;height:44px;border-radius:12px}.send2{min-width:44px;height:44px;border-radius:12px}.tog button{height:44px}.replay{min-height:44px}.chip{min-height:44px}.toc a{min-height:44px;display:flex;align-items:center}}
/* v16 large desktop: scale the whole layout up instead of leaving a narrow column */
@media(min-width:1800px){html{zoom:1.125}}
@media(min-width:2200px){html{zoom:1.333}}
/* v16 chip rows (use-case jump chips): Home's quiet chip style; even 3x2 grid >700px, one scrollable row with edge fade on phones */
.jumps a{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;background:transparent;line-height:1;text-align:center}
.jumps a:hover{background:var(--site-csoft)}
@media(min-width:701px){.jumps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:720px;margin:32px auto 0;gap:8px}.jumps a{height:44px;padding:0 16px;font-size:14px}}
@media(max-width:700px){.jumps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:440px;margin:24px auto 0}.jumps a{min-height:44px;padding:8px 12px;font-size:13px;line-height:1.25;white-space:normal;border-radius:14px}}

/* v16.2 UI designer audit */
:root,[data-theme=light]{--site-co-text:#CC3100}
[data-theme=dark]{--site-co-text:#FF6332}
.st .k,.why .no,.faqq li:before,.why.nc>div:before{color:var(--site-co-text)}
.pb,.ct thead th.p span{background:#CC3100;color:#fff}
[data-theme=dark] .tog button:not(.on) .sv{color:#F2A88E}
:focus-visible{outline-color:var(--site-co-text)}
.site-fx-paused,.site-fx-paused *,.site-fx-paused::before,.site-fx-paused::after,.site-fx-paused *::before,.site-fx-paused *::after,.site-fx-hidden *,.site-fx-hidden *::before,.site-fx-hidden *::after{animation-play-state:paused!important}
.cch img.lnk,img.li2{filter:none!important}
.mm{visibility:hidden;transition:opacity var(--site-motion-dur-move) var(--site-motion-ease),transform var(--site-motion-dur-move) var(--site-motion-ease),visibility 0s linear var(--site-motion-dur-move)}
.op .mm{visibility:visible;transition-delay:0s}
@media(max-width:1100px),(pointer:coarse){.fg a{display:flex!important;align-items:center;min-height:44px;padding:0}footer a[href^="mailto:"]{display:inline-flex!important;align-items:center;min-height:44px}}
.art p,.art li{max-width:68ch}
.fn{max-width:72ch;margin-left:auto;margin-right:auto}
[data-site-scroll=start]{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent)}
[data-site-scroll=mid]{-webkit-mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,transparent,#000 40px,#000 calc(100% - 40px),transparent)}
[data-site-scroll=end]{-webkit-mask-image:linear-gradient(90deg,transparent,#000 40px);mask-image:linear-gradient(90deg,transparent,#000 40px)}
.ctw .ct th:first-child,.ctw .ct td:first-child{position:sticky;left:0;z-index:1;background:var(--site-bg)}
#pricing .ctw .ct th:first-child,#pricing .ctw .ct td:first-child{background:var(--site-bg2)}
@media(min-width:701px) and (max-width:1100px){.apm{width:100%;max-width:420px;margin-left:auto;margin-right:auto;align-self:center}}
@media(max-width:380px){.lcw .lc .ptl span:last-child{white-space:normal;overflow:visible}}
@media(min-width:431px){.tryq .tryp{box-sizing:border-box;min-height:44px;padding-top:9px;padding-bottom:9px;margin-top:-9px;margin-bottom:-9px}}

/* ===== v1.0.1 motion add-ons (motion.md §9). Site exception rules apply; all off under reduced motion. ===== */
:root{--site-motion-dur-odo:480ms;--site-motion-dur-pop:240ms;--site-motion-stagger:60ms;--site-motion-dur-deck:480ms}
/* 1 price odometer */
.pr b .site-fx-odo,.pr b .site-fx-odo span{color:inherit;font-size:inherit}
.site-fx-odo{display:inline-flex;align-items:flex-start}
.site-fx-odo-c{display:inline-block;height:1em;overflow:hidden;transition:width var(--site-motion-dur-odo) var(--site-motion-ease)}
.site-fx-odo-s{display:flex;flex-direction:column;transition:transform var(--site-motion-dur-odo) var(--site-motion-ease)}
.site-fx-odo-s>span{display:block;height:1em}
/* 2 us vs them */
.cmpt td.x,.cmpt th.x{padding-left:52px}
.cmpt td.x{position:relative}
.site-fx-chk{position:absolute;left:24px;top:22px;width:20px;height:20px;border-radius:50%;background:rgba(255,99,50,.14);color:var(--site-co-text);display:grid;place-items:center}
.site-fx-chk svg{width:12px;height:12px;display:block}
@media(max-width:700px){.cmpt td.x,.cmpt th.x{padding-left:44px}.site-fx-chk{left:16px;top:16px}}
.site-fx-vs .site-fx-chk{opacity:0;transform:scale(.5)}
.site-fx-vs-in .site-fx-chk{opacity:1;transform:none}
.site-fx-vs.site-fx-vs-in .site-fx-chk{transition:opacity var(--site-motion-dur-pop) var(--site-motion-ease),transform var(--site-motion-dur-pop) cubic-bezier(.34,1.4,.64,1);transition-delay:calc(var(--site-vsi)*var(--site-motion-stagger) + 300ms)}
.site-fx-vs-in th.x{box-shadow:inset 1px 0 0 rgba(255,99,50,.45),inset -1px 0 0 rgba(255,99,50,.45),inset 0 1px 0 rgba(255,99,50,.45)}
.site-fx-vs-in td.x{box-shadow:inset 1px 0 0 rgba(255,99,50,.45),inset -1px 0 0 rgba(255,99,50,.45)}
.site-fx-vs-in tr:last-child td.x{box-shadow:inset 1px 0 0 rgba(255,99,50,.45),inset -1px 0 0 rgba(255,99,50,.45),inset 0 -1px 0 rgba(255,99,50,.45)}
.site-fx-vs.site-fx-vs-in th.x,.site-fx-vs.site-fx-vs-in td.x{transition:box-shadow var(--site-motion-dur-pop) var(--site-motion-ease) calc(var(--site-vsn)*var(--site-motion-stagger) + 300ms)}
.cmp.site-fx-vs>div:not(:first-child){opacity:0;transform:translateY(8px)}
.cmp.site-fx-vs.site-fx-vs-in>div:not(:first-child){opacity:1;transform:none;transition:opacity var(--site-motion-dur-pop) var(--site-motion-ease),transform var(--site-motion-dur-pop) var(--site-motion-ease),box-shadow var(--site-motion-dur-pop) var(--site-motion-ease);transition-delay:calc(var(--site-vsi)*var(--site-motion-stagger) + 300ms)}
.cmp.site-fx-vs-in>.x{box-shadow:inset 0 0 0 1.5px var(--site-co)}
.cmp.site-fx-vs.site-fx-vs-in>.x{transition-delay:calc(var(--site-vsi)*var(--site-motion-stagger) + 300ms),calc(var(--site-vsi)*var(--site-motion-stagger) + 300ms),calc(var(--site-vsi)*var(--site-motion-stagger) + 540ms)}
/* 3 cursor tour (chat panel overlay, panel css px) */
.apf.site-fx-tour .apo i,.apf.site-fx-tour .apo i:after{animation-play-state:paused!important}
.apf.site-fx-tour .apo .ca{visibility:hidden}
.apf.site-fx-tour .apop{opacity:0!important;transform:translateY(8px)!important;transition:none!important}
.apo .site-fx-tv{background:var(--site-l)}
[data-theme=dark] .apo .site-fx-tv{background:var(--site-d)}
.apo .site-fx-tq{position:absolute;font:400 14px/20px Manrope,system-ui,sans-serif;color:#1F1F22;background:#FFFFFF;white-space:nowrap;overflow:hidden;opacity:0;pointer-events:none}
[data-theme=dark] .apo .site-fx-tq{color:#ECEBE7;background:#171716}
.apo .site-fx-tc{display:inline-block;width:1.5px;height:18px;margin-left:1px;vertical-align:-4px;background:currentColor}
.apo .site-fx-tb{position:absolute;border-radius:10px;background:rgba(255,255,255,.28);opacity:0;pointer-events:none}
[data-theme=dark] .apo .site-fx-tb{background:rgba(0,0,0,.16)}
.apo .site-fx-cur{position:absolute;left:0;top:0;width:40px;height:40px;opacity:0;pointer-events:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.28))}
.apo .site-fx-cur svg{display:block;width:40px;height:40px;transform-origin:6px 4px;transition:transform var(--site-motion-dur-press) var(--site-motion-ease)}
.apo .site-fx-cur.site-fx-down svg{transform:scale(.86)}
/* 4 process line (desktop story) */
.story .steps{position:relative}
.site-fx-pl{position:absolute;left:-18px;width:0;pointer-events:none;z-index:1}
.site-fx-pl i{position:absolute;left:-.75px;top:0;bottom:0;width:1.5px;border-radius:1px}
.site-fx-pl-t{background:var(--site-line2)}
.site-fx-pl-f{background:var(--site-co);transform-origin:50% 0;transform:scaleY(0)}
.site-fx-pl-n{position:absolute;left:-8px;width:16px;height:16px;margin-top:-8px;border-radius:50%;background:var(--site-bg);box-shadow:inset 0 0 0 1.5px var(--site-line2);display:grid;place-items:center;color:#FFFFFF;transition:background-color var(--site-motion-dur-pop) var(--site-motion-ease),box-shadow var(--site-motion-dur-pop) var(--site-motion-ease)}
.site-fx-pl-n svg{width:10px;height:10px;display:block;opacity:0;transform:scale(.5);transition:opacity var(--site-motion-dur-pop) var(--site-motion-ease),transform var(--site-motion-dur-pop) cubic-bezier(.34,1.4,.64,1)}
.site-fx-pl-n.site-fx-on{background:var(--site-co);box-shadow:0 0 0 4px var(--site-cos)}
.site-fx-pl-n.site-fx-on svg{opacity:1;transform:none}
@media(max-width:1100px){.site-fx-pl{display:none}}
/* 5 review shuffle (>=701px) */
.tes.site-fx-deck{display:grid;grid-template-columns:minmax(0,1fr);gap:0;max-width:720px;margin-left:auto;margin-right:auto;padding-bottom:28px}
.tes.site-fx-deck figure{grid-area:1/1;transform-origin:50% 100%;transition:transform var(--site-motion-dur-deck) var(--site-motion-ease),opacity var(--site-motion-dur-deck) var(--site-motion-ease)}
.tes.site-fx-deck figure[data-site-depth="0"]{z-index:4;box-shadow:0 0 0 1px var(--site-line),0 24px 48px -28px rgba(17,17,17,.28)}
.tes.site-fx-deck figure[data-site-depth="1"]{z-index:3;transform:translateY(14px) scale(.95);box-shadow:0 0 0 1px var(--site-line2)}
.tes.site-fx-deck figure[data-site-depth="2"]{z-index:2;transform:translateY(28px) scale(.9);opacity:.85;box-shadow:0 0 0 1px var(--site-line2)}
.tes.site-fx-deck figure[data-site-depth="3"]{z-index:1;transform:translateY(28px) scale(.9);opacity:0}
.tes.site-fx-deck figure.site-fx-out{z-index:5;opacity:0;transform:translateY(-12px);transition-duration:var(--site-motion-dur-pop)}
.site-fx-deckc{display:flex;justify-content:center;gap:12px;margin-top:24px}
.site-fx-deckc button{width:44px;height:44px;border-radius:50%;border:1px solid var(--site-line2);background:var(--site-card);color:var(--site-ink);display:grid;place-items:center;cursor:pointer;transition:border-color var(--site-motion-dur-hover) var(--site-motion-ease),transform var(--site-motion-dur-press) var(--site-motion-ease)}
.site-fx-deckc button:hover{border-color:var(--site-ink)}
.site-fx-deckc button:active{transform:scale(.96)}
@media(max-width:700px){.site-fx-deckc{display:none}}
/* v1.0.2: hero pills = the artifact's 6 tiles (label + small line), two rows of 3 above 430px */
.hero .chip.site-chip2{height:auto;min-height:44px;padding:6px 18px;flex-direction:column;align-items:flex-start;justify-content:center;line-height:16px;text-align:left}
.hero .chip.site-chip2 small{display:block;font:400 12px/16px var(--site-f);color:var(--site-mut2)}
@media(min-width:431px){.hero .chips{flex-wrap:wrap;max-width:720px}}
/* v1.0.2: the logo link is a 44px tap target at every width (look unchanged: the 28px tile lockup stays centred in the 72px bar) */
.nv .lg{display:inline-flex;align-items:center;min-height:44px}
@media(prefers-reduced-motion:reduce){.site-fx-vs .site-fx-chk,.cmp.site-fx-vs>div{opacity:1!important;transform:none!important}.site-fx-pl-f{transform:none!important}.site-fx-pl-n svg{opacity:1;transform:none}}
/* v1.0.2 E+F start */
/* E: phones show all 6 hero pills in the swipe row (was: first 3) */
@media(max-width:430px){.hero .chips{scroll-snap-type:x proximity;scroll-padding-inline:20px}.hero .chip{scroll-snap-align:start}}
/* F: price line never breaks mid-phrase; in narrow cards the usage unit sits on its own line in every card */
.plans .plan{container:site-plan/inline-size}
.pr{flex-wrap:wrap;align-content:flex-start;row-gap:2px}
.pr b,.pr span,.pr .ux{white-space:nowrap;flex:none}
@container site-plan (max-width:245px){.plan .pr{height:72px}.plan .pr .ux{flex-basis:100%}}
@media(max-width:700px){@container site-plan (max-width:245px){body .plan .pr{height:62px}}}
/* v1.0.2 E+F end */
/* v1.0.2 G start */
/* H: no orphans or ragged last lines (copy unchanged; layout only) */
h2,h3,.faq summary,.ph1{text-wrap:balance}
p,.lead,.st p,.who p,details p{text-wrap:pretty}
.plan .ds,.plan .bn,figcaption small,.why p{text-wrap:balance}
figcaption small{display:block}
/* J: header links are 44px targets on touch screens that get the desktop nav (e.g. iPad Pro landscape) */
@media(pointer:coarse){.nl a{display:inline-flex;align-items:center;min-height:44px}}
/* I: the demo prompt grows from the top on phones (its final height is reserved by home.js) */
@media(max-width:700px){.prompt{align-items:flex-start}}
/* v1.0.2 G end */
/* v1.0.2 hero polish start */
/* chips: short label + Lucide icon (1.75 stroke); the sub-line shows only in the desktop tile option (site-cd2) */
.hero .chip.site-chip3{display:inline-flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:8px;height:44px;min-height:44px;padding:0 16px 0 14px;border-radius:999px;font:500 14px/20px var(--site-f);letter-spacing:-.01em;color:var(--site-ink);white-space:nowrap;text-align:left;flex:none}
.hero .site-chip3 .site-ci{width:16px;height:16px;flex:none;color:var(--site-mut)}
.hero .site-chip3 .site-ct{display:flex;flex-direction:column;min-width:0}
.hero .site-chip3 .site-cl{display:block}
.hero .site-chip3 small{display:none;font:400 12px/16px var(--site-f);color:var(--site-mut2);letter-spacing:0}
.hero .site-chip3:hover .site-ci{color:var(--site-ink)}
/* desktop option 1: one even row (>=1101), 3+3 grid on tablets */
@media(min-width:701px){.hero .chips.site-cd1{display:flex;flex-wrap:nowrap;justify-content:center;gap:8px;max-width:none}}
@media(min-width:701px) and (max-width:1100px){.hero .chips.site-cd1{display:grid;grid-template-columns:repeat(3,max-content);justify-content:center}}
/* desktop option 2: 3+3 equal tiles as wide as the composer, title + sub-line */
@media(min-width:701px){.hero .chips.site-cd2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:100%;margin-left:auto;margin-right:auto}
.hero .site-cd2 .chip.site-chip3{height:56px;border-radius:14px;padding:0 14px;gap:12px;width:100%}
.hero .site-cd2 .site-chip3 .site-ci{width:32px;height:32px;padding:8px;border-radius:9px;background:var(--site-bg2);box-shadow:inset 0 0 0 1px var(--site-line)}
.hero .site-cd2 .site-chip3 small{display:block}}
/* mobile option 1: one swipe row, title + icon, soft fade at the edges */
@media(max-width:700px){.hero .chips.site-cm1{display:flex;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;margin:16px -20px 0;padding:0 20px;gap:8px;max-width:none;scroll-snap-type:x proximity;scroll-padding-inline:20px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 28px),transparent)}
.hero .chips.site-cm1::-webkit-scrollbar{display:none}
.hero .site-cm1 .chip.site-chip3{scroll-snap-align:start;padding:0 14px 0 12px;gap:6px}
/* mobile option 2: neat 2-column wrap, title only */
.hero .chips.site-cm2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;overflow:visible;margin:16px 0 0;padding:0;max-width:none;-webkit-mask-image:none;mask-image:none}
.hero .site-cm2 .chip.site-chip3{width:100%;justify-content:center;padding:0 10px}
.hero .site-cm2 .site-chip3 .site-ci{display:none}
.hero .site-chip3 small{display:none!important}}
/* mobile-only sub-heading (Amrish approved the adaptation); desktop keeps the original */
.hero .site-hs-m{display:none}
@media(max-width:700px){.hero .site-hs-d{display:none}.hero .site-hs-m{display:inline}.hero .hsub{text-wrap:balance;max-width:34ch;margin-left:auto;margin-right:auto}}
/* v1.0.2 hero polish end */
/* v1.0.2 N start */
/* N1: when the usage unit drops under the price, drop its leading dot; Free/Starter keep the same reserved (empty) second line */
@container site-plan (max-width:245px){.plan .pr .ux:before{display:none}.plan .pr .ux{gap:0}}
/* N2: phone header (<768): composed official tile (22px) + 6px + official wordmark (14px), 52px bar, 44px hit area. Desktop unchanged */
.nv .lg .site-lgm{display:none}
@media(max-width:767px){:root{--site-nav:52px}.mm{top:52px}
.nv{height:52px}
html .nv .lg img.lgl,html .nv .lg img.lgd,html[data-theme=dark] .nv .lg img.lgd{display:none!important}
.nv .lg{min-height:44px;display:inline-flex;align-items:center}
.nv .lg .site-lgm{display:inline-flex;align-items:center;gap:6px}
.nv .lg .site-lgm img{display:block;width:auto}
.nv .lg .site-lgm .site-lgt{height:22px;width:22px}
.nv .lg .site-lgm .site-lgw{height:14px}
.nv .lg .site-lgm .site-lgw-d{display:none}
[data-theme=dark] .nv .lg .site-lgm .site-lgw-l{display:none}[data-theme=dark] .nv .lg .site-lgm .site-lgw-d{display:block}}
/* v1.0.2 N end */








/* v1.0.3 O start */
/* O1 first fold (<=700): fixed top space under the 52px bar instead of centring in 100svh, even rhythm, shorter composer */
@media(max-width:700px){
.hero{min-height:0;align-items:flex-start;padding:calc(var(--site-nav) + clamp(28px,5svh,44px)) 0 clamp(28px,5svh,40px)}
.hero .hsub{margin-top:16px}
.hero .cbox,.hero form.cbox{margin-top:24px}
.hero .cin{padding:16px 18px 0}
.hero .cin textarea{min-height:clamp(56px,8svh,76px)}
.hero .ghost{left:18px;right:18px}
.hero .cbar{padding:6px 10px 10px 18px}
/* chips: 3 per row (3+3, DOM order: RFQ and email leads last), 36px pill, 44px hit area via ::after */
.hero .chips.site-cm2{grid-template-columns:repeat(3,minmax(max-content,1fr));column-gap:6px;row-gap:8px;margin-top:16px}
.hero .chips.site-cm2 .chip.site-chip3{position:relative;height:36px;min-height:36px;padding:0 8px;font:500 13px/16px var(--site-f);letter-spacing:-.01em;color:var(--site-ct2,var(--site-ink));border-color:var(--site-line2)}
.hero .chips.site-cm2 .chip.site-chip3:after{content:"";position:absolute;left:0;right:0;top:-4px;bottom:-4px}
.hero .trust{margin-top:20px}
}
@media(max-width:374px){.hero .chips.site-cm2{column-gap:4px}.hero .chips.site-cm2 .chip.site-chip3{font-size:12px;padding:0 6px;letter-spacing:-.015em}}
@media(max-width:339px){.hero .chips.site-cm2{column-gap:3px}.hero .chips.site-cm2 .chip.site-chip3{font-size:11.5px;padding:0 5px}}
/* O2 demo card (<=700): no logo tile in the prompt row; the prompt takes the full width */
@media(max-width:700px){.comp .tile{display:none}.comp{gap:12px;padding:12px 12px 12px 20px}.prompt{display:block;line-height:24px}.prompt .caret{height:18px;vertical-align:-3px}}
/* O3 price row: "a month", the dot and "N× usage" share one baseline, same size and line-height; dot centred on the x-height */
.pr span,.pr .ux{font-size:14px;line-height:20px}
.pr .ux{display:inline-flex;align-items:baseline}
.pr .ux:before{align-self:center;transform:translateY(var(--site-dot-y,1px))}
/* O4 compare table (<=700): plan switcher + 2 columns (feature | selected plan). Sticky under the bar; nothing clips it */
.site-cps{display:none}
@media(max-width:700px){
.cmpall{overflow:clip}
.site-cps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;position:sticky;top:var(--site-nav);z-index:3;padding:6px;background:var(--site-card);border-top:1px solid var(--site-line);border-bottom:1px solid var(--site-line)}
.site-cps button{height:44px;border:0;border-radius:10px;background:transparent;font:500 14px/1 var(--site-f);letter-spacing:-.01em;color:var(--site-mut);cursor:pointer;-webkit-tap-highlight-color:transparent}
.site-cps button.on{background:var(--site-bg2);color:var(--site-ink);box-shadow:inset 0 0 0 1px var(--site-line2)}
.site-cps button:focus:not(:focus-visible){outline:none}
.ctw{overflow:visible;border-top:0;-webkit-mask-image:none!important;mask-image:none!important}
.ct{display:block;min-width:0;width:100%}
.ct thead,.ct tbody{display:block}
.ct tr{display:grid;grid-template-columns:minmax(0,1fr) 108px;align-items:center;border-bottom:1px solid var(--site-line)}
.ct th,.ct td{display:none;border-bottom:0;padding:12px 12px;background:transparent!important;position:static!important}
.ct th:first-child,.ct td:first-child{display:block;width:auto;padding-left:20px;text-align:left}
.ctw[data-site-col="2"] .ct :is(th,td):nth-child(2),.ctw[data-site-col="3"] .ct :is(th,td):nth-child(3),.ctw[data-site-col="4"] .ct :is(th,td):nth-child(4),.ctw[data-site-col="5"] .ct :is(th,td):nth-child(5){display:block;text-align:center}
.ct tr.g td:not(:first-child){display:none!important}
.ct tr.g td:first-child{grid-column:1/-1;padding:20px 20px 8px}
.ct thead th{padding-top:12px;padding-bottom:12px}
.ct thead th.p span{display:inline-block;margin:0 0 2px}
}
/* O5 phone header (<768): one optical centre line. Menu button = 36px visual circle inside a 44px hit area (was a 44px circle in a 52px bar); wordmark x-height centred on the tile like the official lockup */
@media(max-width:767px){
.mb{width:44px;height:44px;border:0;background:transparent;position:relative;margin-left:0;margin-right:-4px}
.mb:before{content:"";position:absolute;inset:4px;border-radius:999px;border:1px solid var(--site-line2);background:var(--site-card)}
.mb i{position:relative}
.nv .lg .site-lgm .site-lgw{transform:translateY(.6px)}
.nr{gap:0}
}
/* O6 phone + tablet menu (<=1100): primary links, collapsible Use cases / Guides / Compare (footer labels and URLs), Company, Log in; calm type, subtle current page, no tap focus box */
.mm .site-mmp a,.mm .site-mms a{border:0;letter-spacing:-.01em}
@media(max-width:1100px){
.mm{overflow-y:auto;overscroll-behavior:contain;padding:8px 20px calc(24px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column}
.mm:focus{outline:none}
.mm .site-mmp a{display:flex;align-items:center;min-height:52px;padding:0;font:500 21px/28px var(--site-f);letter-spacing:-.02em;color:var(--site-ink);border-bottom:1px solid var(--site-line)}
.mm h6{margin:20px 0 4px;font:500 11px/16px var(--site-m);letter-spacing:.08em;text-transform:uppercase;color:var(--site-mut2)}
.mm .site-mmg{border-bottom:1px solid var(--site-line)}
.mm .site-mmg summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;list-style:none;cursor:pointer;font:500 11px/16px var(--site-m);letter-spacing:.08em;text-transform:uppercase;color:var(--site-mut2);-webkit-tap-highlight-color:transparent}
.mm .site-mmg summary::-webkit-details-marker{display:none}
.mm .site-mmg summary:after{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);margin-right:4px;transition:transform var(--site-motion-dur-hover) var(--site-motion-ease)}
.mm .site-mmg[open] summary:after{transform:translateY(2px) rotate(-135deg)}
.mm .site-mmg summary:focus:not(:focus-visible){outline:none}
.mm .site-mmg .site-mms{padding-bottom:8px}
.mm .site-mmg+h6{margin-top:24px}
.mm .site-mms{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}
.mm .site-mms.site-mmu{grid-template-columns:1fr}
.mm .site-mms a{display:flex;align-items:center;min-height:44px;padding:0;font:400 15px/20px var(--site-f);color:var(--site-mut)}
.mm a[aria-current=page]{color:var(--site-ink)}
.mm a[aria-current=page]:after{content:"";width:6px;height:6px;border-radius:9px;background:var(--site-co);margin-left:10px;flex:none}
.mm .site-mml{margin-top:auto;padding-top:24px}
.mm .site-mml a{display:flex;align-items:center;justify-content:center;height:48px;border:1px solid var(--site-line2);border-radius:999px;font:500 16px/1 var(--site-f);color:var(--site-ink);background:var(--site-card)}
.mm a:focus:not(:focus-visible){outline:none}
.mm a{-webkit-tap-highlight-color:transparent}
}
@media(max-width:359px){.mm .site-mms:not(.site-mmu){grid-template-columns:1fr}}
/* O8 tablets 701-1100: the menu button and the same sheet (fixed, under the bar), content capped at a readable width and aligned with the logo; header Log in stays, so the sheet's copy hides; 1101+ unchanged */
@media(min-width:701px) and (max-width:1100px){
.nv{gap:12px}
.mb{display:flex}
nav.top.op{background:var(--site-bg)}
.mm{display:flex;position:fixed;top:var(--site-nav);left:0;right:0;bottom:0;background:var(--site-bg);padding:16px 32px calc(32px + env(safe-area-inset-bottom,0px));transform:translateY(-8px);opacity:0;pointer-events:none;transition:var(--site-motion-dur-move) var(--site-motion-ease)}
.op .mm{opacity:1;transform:none;pointer-events:auto}
.op .mb i:first-child{transform:translateY(3.25px) rotate(45deg)}
.op .mb i:last-child{transform:translateY(-3.25px) rotate(-45deg)}
.mm>*{width:100%;max-width:560px}
.mm .site-mml{display:none}
.mm .site-mms.site-mmu{grid-template-columns:1fr 1fr}
}
@media(min-width:701px) and (max-width:1100px) and (prefers-reduced-motion:reduce){.mm{transform:none;transition:opacity 1ms}}
html:has(#mb[aria-expanded="true"]){overflow:hidden}
/* v1.0.3 O end */
/* v1.0.3 O7 start */
@media(max-width:700px){
/* O7a */
li{text-wrap:pretty}
/* O7b: third .who card has an empty aria-hidden tag that reserves a blank line */
.who .tg[aria-hidden=true]{display:none}
.who .tg[aria-hidden=true]+h3{margin-top:0}
/* O7c: CTA composer (no hint) kept its buttons on the left */
.cbox.cpb .cact{justify-content:flex-end}
/* O7e: home demo result card was 351px wide inside a 280px stage at 320 (grid 1fr = minmax(auto,1fr)); right edge clipped */
.sbody{grid-template-columns:minmax(0,1fr)}
.sbody>*{min-width:0}
.draft .da{flex-wrap:wrap;row-gap:8px}
/* O7d tables */
.tw:has(>table.site-t2,>table.site-t3,>table.site-tstk),.cmptw:has(>table.site-t3){overflow:visible;-webkit-mask-image:none!important;mask-image:none!important}
.tbl.site-t2{min-width:0!important}
.tbl.site-t2 td.pr2{white-space:normal;text-wrap:balance;width:34%}
table.site-t3{display:block;min-width:0!important;width:100%}
.site-t3 thead{display:block;position:sticky;top:var(--site-nav);z-index:2;background:var(--site-card)}
.site-t3 tbody{display:block}
.site-t3 tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:8px}
.site-t3 thead th:first-child{display:none}
.site-t3 th,.site-t3 td{display:block;width:auto!important;min-width:0}
.site-t3 thead th{padding:12px;align-self:end}
.site-t3 tbody td:first-child{grid-column:1/-1;padding:16px 12px 6px;border-top:1px solid var(--site-line);color:var(--site-ink);font-weight:600}
.site-t3 tbody tr:first-child td:first-child{border-top:0}
.site-t3 tbody td:not(:first-child){border:0;padding:10px 12px 12px}
.cmpt.site-t3 th.x{border-radius:10px}
.cmpt.site-t3 td.x{border-radius:10px;padding-left:40px}
.cmpt.site-t3 td.x .site-fx-chk{left:12px;top:12px}
.cmpt.site-t3 th.x{padding-left:12px}
.tbl.site-t3 thead th{border-bottom:1px solid var(--site-line2)}
.tbl.site-t3 tbody tr:first-child td:first-child{border-top:0}
table.site-tstk{display:block;min-width:0!important;width:100%}
.site-tstk thead{display:none}
.site-tstk tbody{display:block}
.site-tstk tr{display:block;padding:16px;border-bottom:1px solid var(--site-line)}
.site-tstk tr:last-child{border-bottom:0}
.site-tstk td{display:block;padding:0;border:0!important;background:transparent!important}
.site-tstk td:first-child{font-size:16px;line-height:22px;font-weight:600;color:var(--site-ink)}
.site-tstk td+td{margin-top:10px}
.site-tstk td[data-site-th]:before{content:attr(data-site-th);display:block;margin-bottom:2px;font:500 11px/16px var(--site-m);letter-spacing:.06em;text-transform:uppercase;color:var(--site-mut2)}
.site-tstk tr.me{background:var(--site-cos)}
}
@media(max-width:374px){.site-t3 tr{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);column-gap:6px}.cmpt.site-t3 td.x{padding-left:34px;padding-right:10px}.cmpt.site-t3 td.x .site-fx-chk{left:8px}.site-t3 tbody td:not(:first-child):not(.x){padding-left:8px;padding-right:8px}}
/* O7f use-cases jump pills: phones show the shorter hero-chip labels (same anchors); desktop keeps the long ones */
.jumps .site-js{display:none}
@media(max-width:700px){.jumps .site-jl{display:none}.jumps .site-js{display:inline}.jumps a{white-space:nowrap}}
/* v1.0.3 O7 end */
/* v1.0.4 P start */
/* P1: phones fit the demo map viewBox in JS (class site-mapfit), so the old 1.35x crop scale is dropped */
@media(max-width:700px){.map svg.site-mapfit{transform:none}}
/* P2: Who it's for, 701-900: horizontal cards, one per row (replaces staging's interim 701-900 1fr stack) */
@media(min-width:701px) and (max-width:900px){
.who{grid-template-columns:minmax(0,1fr);gap:16px}
.who>div{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-rows:auto 1fr;column-gap:32px;align-items:start;padding:28px 32px}
.who .tg{grid-column:1;grid-row:1}
.who h3{grid-column:1;grid-row:2;margin:12px 0 0;text-wrap:balance}
.who p{grid-column:2;grid-row:1/3;align-self:center;margin:0}
}
/* v1.0.4 P end */