:root{--ease:cubic-bezier(.32,.72,0,1);--spring:cubic-bezier(.34,1.36,.64,1);--r:12px;--font:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--ar:"IBM Plex Sans Arabic",Inter,sans-serif}
[data-theme=dark]{--bg:#0a0a0a;--bg2:#111111;--card:#141414;--fg:#ededed;--mut:#a1a1a1;--dim:#6f6f6f;--line:#232323;--line2:#2e2e2e;--acc:#3ddc84;--acc-ink:#06200f;--bub-in:#1c1c1c;--bub-out:#163d27;--ph-bg:#2a2410;--ph-fg:#f5d36b;--ph-line:#5a4a15;--shadow:0 0 0 1px var(--line),0 24px 60px -20px #000}
[data-theme=light]{--bg:#ffffff;--bg2:#fafafa;--card:#ffffff;--fg:#171717;--mut:#5f5f5f;--dim:#8f8f8f;--line:#ececec;--line2:#e2e2e2;--acc:#0f9d58;--acc-ink:#ffffff;--bub-in:#f3f3f3;--bub-out:#dcf7e3;--ph-bg:#fff7d6;--ph-fg:#7a5a00;--ph-line:#ecd27a;--shadow:0 0 0 1px var(--line),0 24px 60px -24px #0002}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.6 var(--font);letter-spacing:-.006em;-webkit-font-smoothing:antialiased;transition:background .3s var(--ease),color .3s var(--ease)}
[dir=rtl] body,[lang=ar]{font-family:var(--ar);letter-spacing:0}
a{color:inherit;text-decoration:none}::selection{background:var(--acc);color:var(--acc-ink)}
.wrap{max-width:1080px;margin:0 auto;padding:0 24px}
h1,h2,h3{font-weight:600;letter-spacing:-.035em;margin:0}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0;line-height:1.3}
h1{font-size:clamp(34px,5vw,52px);line-height:1.05;max-width:13em}
h2{font-size:clamp(24px,3vw,32px);line-height:1.15;max-width:20em;margin-bottom:14px}
h3{font-size:15px;letter-spacing:-.01em;margin-bottom:6px}
p{margin:0}.sub{color:var(--mut);font-size:16.5px;max-width:34em;margin-top:18px}
.mono,.label{font-family:var(--mono);letter-spacing:0}.label{font-size:12px;text-transform:uppercase;color:var(--mut);display:block;margin-bottom:14px}
.dim{color:var(--dim)}.small{font-size:11px;margin-top:10px}.tiny{font-size:11px}.center{text-align:center;justify-content:center}
.sr,.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.skip:focus{clip:auto;width:auto;height:auto;padding:8px 12px;background:var(--fg);color:var(--bg);z-index:99;top:8px;left:8px;border-radius:8px}
:focus-visible{outline:2px solid var(--acc);outline-offset:2px;border-radius:8px}
.ph{background:var(--ph-bg);color:var(--ph-fg);box-shadow:inset 0 0 0 1px var(--ph-line);border-radius:6px;padding:1px 7px;font:500 12px/1.7 var(--mono);display:inline-block;letter-spacing:0}

/* buttons */
.btn{--h:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:var(--h);padding:0 18px;border-radius:999px;background:var(--fg);color:var(--bg);font-weight:500;font-size:14px;border:0;cursor:pointer;white-space:nowrap;transition:transform .16s var(--ease),background .2s,box-shadow .2s,opacity .2s;will-change:transform}
.btn:hover{opacity:.88}.btn:active{transform:scale(.97)}
.btn-ghost{background:transparent;color:var(--fg);box-shadow:inset 0 0 0 1px var(--line2)}.btn-ghost:hover{background:var(--bg2);opacity:1}
.btn-sm{--h:32px;padding:0 13px;font-size:13px}.btn-block{width:100%}
.icon-btn{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;border:0;background:transparent;color:var(--mut);cursor:pointer;transition:transform .16s var(--ease),color .2s,background .2s}.icon-btn:hover{color:var(--fg);background:var(--bg2)}.icon-btn:active{transform:scale(.92)}
[data-theme=dark] .i-moon,[data-theme=light] .i-sun{display:none}
.seg{display:flex;padding:2px;border-radius:8px;box-shadow:inset 0 0 0 1px var(--line)}.seg button{border:0;background:transparent;color:var(--mut);font:500 12px var(--mono);height:26px;min-width:30px;border-radius:6px;cursor:pointer;transition:background .2s var(--ease),color .2s,transform .16s var(--ease)}.seg button:active{transform:scale(.94)}.seg button[aria-pressed=true]{background:var(--bg2);color:var(--fg);box-shadow:0 0 0 1px var(--line2)}
.lnk{color:var(--mut);font-size:13.5px;transition:color .2s}.lnk:hover{color:var(--fg)}
.lnk-arrow{color:var(--fg);font-size:13.5px;font-weight:500}.lnk-arrow span[aria-hidden]{display:inline-block;transition:transform .25s var(--spring)}.lnk-arrow:hover span[aria-hidden]{transform:translateX(3px)}[dir=rtl] .lnk-arrow span[aria-hidden]{transform:scaleX(-1)}

/* nav */
.nav{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 78%,transparent);backdrop-filter:saturate(1.6) blur(12px);-webkit-backdrop-filter:saturate(1.6) blur(12px);border-bottom:1px solid var(--line)}
.nav-in{height:58px;display:flex;align-items:center;justify-content:space-between}.nav nav{display:flex;align-items:center;gap:14px}
.logo{display:inline-flex;align-items:center;gap:9px;font-weight:600;letter-spacing:-.02em;font-size:15px}.logo .mono{font-size:12px}

/* hero */
.hero{padding:76px 0 84px}.hero-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center}
.ctas{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.fine{margin-top:12px;font-size:12px;color:var(--dim)}
.outcomes{list-style:none;padding:0;margin:36px 0 0;display:grid;gap:8px;max-width:400px}
.outcomes li{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;background:var(--bg2);box-shadow:0 0 0 1px var(--line);font-size:13.5px;opacity:0;transform:translateY(8px) scale(.98);animation:pop .7s var(--spring) forwards;animation-delay:calc(.9s + var(--d)*.55s)}
.tick{flex:none;width:16px;height:16px;border-radius:50%;background:var(--acc);position:relative}.tick::after{content:"";position:absolute;left:5px;top:3px;width:4px;height:7px;border:solid var(--acc-ink);border-width:0 1.6px 1.6px 0;transform:rotate(45deg)}
@keyframes pop{to{opacity:1;transform:none}}

/* device */
.device-col{display:flex;flex-direction:column;align-items:center;gap:14px}
.device{width:100%;max-width:360px;height:540px;display:flex;flex-direction:column;border-radius:28px;background:var(--card);box-shadow:var(--shadow);overflow:hidden}
.d-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}.d-av{width:30px;height:30px;border-radius:50%;background:var(--fg);color:var(--bg);display:grid;place-items:center;font-weight:600;font-size:13px}
.d-meta{flex:1;display:flex;flex-direction:column;line-height:1.25}.d-meta b{font-size:14px;font-weight:600}.d-meta span{font-size:11px;color:var(--acc)}
.pill{font-size:10.5px;color:var(--mut);padding:3px 8px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line)}
.d-body{flex:1;overflow-y:auto;padding:16px 12px;display:flex;flex-direction:column;gap:6px;scroll-behavior:smooth;scrollbar-width:none}.d-body::-webkit-scrollbar{display:none}
.msg{max-width:84%;padding:8px 11px;border-radius:14px;font-size:13.5px;line-height:1.45;white-space:pre-wrap;unicode-bidi:plaintext;text-align:start;transform-origin:bottom left;animation:msg .45s var(--spring) both}
.msg.bot{align-self:flex-start;background:var(--bub-in);border-bottom-left-radius:4px}
.msg.me{align-self:flex-end;background:var(--bub-out);border-bottom-right-radius:4px;transform-origin:bottom right}
.msg[lang=ar]{font-family:var(--ar);font-size:14.5px}
.msg .t{display:block;font:10px var(--mono);color:var(--dim);margin-top:3px;text-align:end;direction:ltr}
.msg.booked{box-shadow:inset 0 0 0 1px var(--acc)}
@keyframes msg{from{opacity:0;transform:translateY(6px) scale(.96)}}
.typing{align-self:flex-start;display:flex;gap:3px;padding:12px 12px;border-radius:14px;background:var(--bub-in)}.typing i{width:5px;height:5px;border-radius:50%;background:var(--dim);animation:dot 1s infinite}.typing i:nth-child(2){animation-delay:.15s}.typing i:nth-child(3){animation-delay:.3s}
@keyframes dot{0%,60%,100%{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-2px)}}
.d-chips{display:flex;gap:6px;padding:8px 12px 0;overflow-x:auto;scrollbar-width:none}.d-chips::-webkit-scrollbar{display:none}
.chip{flex:none;height:30px;padding:0 11px;border-radius:999px;border:0;background:transparent;box-shadow:inset 0 0 0 1px var(--line2);color:var(--fg);font:500 12.5px var(--font);cursor:pointer;transition:transform .16s var(--ease),background .2s;animation:msg .4s var(--spring) both}.chip:hover{background:var(--bg2)}.chip:active{transform:scale(.95)}.chip[lang=ar]{font-family:var(--ar)}
.d-input{display:flex;gap:8px;padding:10px 12px 12px}.d-input input{flex:1;min-width:0;height:38px;border-radius:999px;border:0;background:var(--bg2);box-shadow:inset 0 0 0 1px var(--line);color:var(--fg);padding:0 14px;font:14px var(--font);outline:none;transition:box-shadow .2s}.d-input input:focus{box-shadow:inset 0 0 0 1px var(--acc)}
.send{width:38px;height:38px;border-radius:50%;border:0;background:var(--acc);color:var(--acc-ink);display:grid;place-items:center;cursor:pointer;transition:transform .16s var(--ease)}.send:active{transform:scale(.9)}[dir=rtl] .send svg{transform:scaleX(-1)}
.device-cap{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;font-size:12px;text-align:center}

/* strip */
.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:0}.strip-in{display:grid;grid-template-columns:repeat(4,1fr)}
.strip-in>div{padding:26px 20px;display:flex;flex-direction:column;gap:6px;border-inline-start:1px solid var(--line)}.strip-in>div:first-child{border-inline-start:0;padding-inline-start:0}
.num{font-size:22px;font-weight:600;letter-spacing:-.03em}.ph-num{font:500 13px/32px var(--mono);color:var(--ph-fg)}.strip .label{margin:0;font-size:11px}

section{padding:96px 0}
.cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:44px}.cols3 p,.steps p{color:var(--mut);font-size:14.5px}
.cols3>div{padding-top:18px;border-top:1px solid var(--line)}

/* product UI card */
.product{background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.prod-in{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.checks{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:10px;font-size:14.5px}.checks li{position:relative;padding-inline-start:26px}.checks li::before{content:"";position:absolute;inset-inline-start:0;top:6px;width:14px;height:14px;border-radius:4px;box-shadow:inset 0 0 0 1px var(--line2);background:linear-gradient(var(--acc),var(--acc)) center/6px 6px no-repeat}
.ui-card{position:relative;background:var(--card);border-radius:16px;box-shadow:var(--shadow);padding:16px 16px 14px}
.ui-top{display:flex;justify-content:space-between;font-size:11.5px;padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:12px}
.cal{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.c-col{display:grid;gap:6px}.c-h{font-size:11px;color:var(--mut);padding:0 2px 2px}
.slot{font:11px var(--mono);color:var(--mut);padding:8px 9px;border-radius:8px;background:var(--bg2);box-shadow:inset 0 0 0 1px var(--line);min-height:50px;display:flex;flex-direction:column;gap:2px}.slot b{font:500 12px var(--font);color:var(--fg)}
.slot.empty{background:transparent;box-shadow:inset 0 0 0 1px var(--line);border:0;opacity:.6}
.slot.new,.slot.new2{box-shadow:inset 0 0 0 1px var(--acc);background:color-mix(in srgb,var(--acc) 10%,var(--card))}
.reveal.in .slot.new{animation:slotin .8s var(--spring) .5s both}
@keyframes slotin{from{opacity:0;transform:scale(.92)}}
.toast{position:absolute;inset-inline-end:-18px;bottom:-46px;display:flex;gap:10px;align-items:flex-start;background:var(--card);box-shadow:var(--shadow);border-radius:12px;padding:11px 14px;font-size:12.5px;width:min(290px,80%)}.toast div{display:flex;flex-direction:column;line-height:1.35}.toast b{font-weight:600}.toast .tick{margin-top:1px}
.reveal.in .toast{animation:toast .7s var(--spring) 1.4s both}@keyframes toast{from{opacity:0;transform:translateY(14px) scale(.96)}}
.ui-card{margin-bottom:52px}

/* method */
.steps{list-style:none;padding:0;margin:44px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line)}
.steps li{padding:22px 22px 0 0;border-inline-end:1px solid var(--line);margin-inline-end:22px}.steps li:last-child{border:0;margin:0}
.step-n{display:block;font-size:11px;color:var(--acc);margin-bottom:28px}

/* pilot */
.pilot-in{display:grid;grid-template-columns:1fr 380px;gap:56px;align-items:start}
.guarantee{margin-top:32px;padding:18px 20px;border-radius:12px;box-shadow:inset 0 0 0 1px var(--line)}.guarantee .label{margin-bottom:8px}
.price-card{background:var(--card);border-radius:16px;box-shadow:var(--shadow);padding:22px;display:grid;gap:10px}.price-card .checks{margin:6px 0 10px}
.pc-top{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--line)}.pc-top .label{margin:0}

.quote{padding:0 0 96px}.q{margin:0;padding:44px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;gap:14px;justify-items:start}.q blockquote{margin:0;font-size:22px;letter-spacing:-.02em}.q .label{margin:0}

.founder{background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.founder-in{display:grid;grid-template-columns:160px minmax(0,660px);gap:48px;align-items:start}
.founder p{color:var(--mut);margin-top:10px;max-width:36em}.h-name{margin-bottom:4px}
.mono-avatar{width:96px;height:96px;border-radius:24px;background:var(--card);box-shadow:var(--shadow);display:grid;place-items:center;font:500 22px var(--mono);color:var(--fg)}
.links{display:flex;gap:8px;margin-top:20px}.chip-link{height:32px;display:inline-flex;align-items:center;padding:0 13px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line2);font-size:13px;transition:background .2s,transform .16s var(--ease)}.chip-link:hover{background:var(--card)}.chip-link:active{transform:scale(.96)}

.final{text-align:center}.final h2{margin:0 auto}.final .ctas{justify-content:center}
footer{border-top:1px solid var(--line);padding:28px 0 40px}.foot-in{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;justify-content:space-between}.fl{display:flex;flex-wrap:wrap;gap:18px;font-size:13px;color:var(--mut)}.fl a:hover{color:var(--fg)}.foot-in .tiny{width:100%}

/* reveal */
.reveal{opacity:0;transform:translateY(12px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:calc(var(--rd,0)*.08s)}.reveal.in{opacity:1;transform:none}

@media (max-width:900px){.hero-in,.prod-in,.pilot-in{grid-template-columns:1fr}.hero{padding:48px 0 64px}.steps{grid-template-columns:1fr 1fr}.steps li:nth-child(2){border:0;margin:0}.steps li{padding-bottom:22px}.strip-in{grid-template-columns:1fr 1fr}.strip-in>div:nth-child(3){border-inline-start:0;padding-inline-start:0}.strip-in>div:nth-child(n+3){border-top:1px solid var(--line)}.toast{inset-inline-end:8px}}
@media (max-width:600px){.hide-s{display:none}.wrap{padding:0 18px}section{padding:68px 0}.cols3{grid-template-columns:1fr;gap:24px}.steps{grid-template-columns:1fr}.steps li{border:0;margin:0;border-bottom:1px solid var(--line)}.step-n{margin-bottom:12px}.device{height:500px}.founder-in{grid-template-columns:1fr;gap:20px}.cal{grid-template-columns:1fr 1fr}.hide-xs{display:none}.nav nav{gap:8px}.ctas .btn{flex:1 1 auto}.strip-in>div{padding:20px 12px}.strip-in>div:nth-child(odd){padding-inline-start:0}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-delay:0s!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.outcomes li{opacity:1;transform:none}}
[dir=rtl] .label,[dir=rtl] .step-n,[dir=rtl] .device-cap .mono{font-family:var(--ar);font-size:12.5px;text-transform:none}
.monogram{width:144px;height:144px;border-radius:50%;display:grid;place-items:center;background:var(--card);box-shadow:0 0 0 1px var(--line),0 0 0 8px var(--bg2),0 0 0 9px var(--line),0 30px 60px -30px #0006;position:relative}
.monogram span{font:500 40px/1 var(--font);letter-spacing:-.06em;color:var(--fg)}
.monogram::after{content:"";position:absolute;right:16px;bottom:16px;width:10px;height:10px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 3px var(--card)}
.f-role{font-size:12px;color:var(--mut)!important;margin-top:6px!important}.founder .f-lead{color:var(--fg);font-size:16.5px;line-height:1.55;margin-top:20px}
.f-list{margin:26px 0 0;border-top:1px solid var(--line)}.f-list div{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}
.f-list dt{font-size:11px;text-transform:uppercase;color:var(--dim);padding-top:3px}.f-list dd{margin:0;color:var(--mut)}
[dir=rtl] .f-list dt{font-family:var(--ar);text-transform:none;font-size:12.5px}
.byline{margin-top:18px;font-size:13px;color:var(--mut);display:flex;align-items:center;gap:8px}.byline::before{content:"";width:18px;height:1px;background:var(--line2)}
@media (max-width:600px){.monogram{width:104px;height:104px}.monogram span{font-size:30px}.f-list div{grid-template-columns:1fr;gap:2px}}
.portrait{display:block;width:160px;height:160px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px var(--line),0 0 0 8px var(--bg2),0 0 0 9px var(--line),0 30px 60px -30px #0006}.portrait img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9)}
@media (max-width:600px){.portrait{width:112px;height:112px}}
.strip-2{grid-template-columns:auto 1fr}.strip-2>div{padding-inline-end:48px}.num-text{font-size:16px;font-weight:500;letter-spacing:-.015em;line-height:32px}
.pc-top{flex-wrap:wrap}.pc-price{display:flex;flex-direction:column;align-items:flex-end;text-align:end;line-height:1.35}.pc-price b{font-size:20px;font-weight:600;letter-spacing:-.03em}.pc-price .dim{font-size:12.5px}
@media (max-width:900px){.strip-2{grid-template-columns:1fr}.strip-2>div{border-inline-start:0!important;padding-inline-start:0!important}.strip-2>div+div{border-top:1px solid var(--line)}}
[dir=rtl] .f-role{font-family:var(--ar);font-size:13px}
.g-text{font-size:16px;color:var(--fg);letter-spacing:-.01em}
/* voice */
.voice-in{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:56px;align-items:start}
.tag{display:inline-block;margin-inline-start:8px;padding:2px 8px;border-radius:999px;font-size:11px;color:var(--acc);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--acc) 45%,transparent);text-transform:none;vertical-align:1px}
.v-cta{margin-top:28px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}
.mic{width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 25%,transparent)}
#talk[aria-busy=true] .mic{animation:pulse 1s var(--ease) infinite}
.v-note{margin:0;font-size:13.5px;color:var(--mut);animation:vn .4s var(--spring) both}.v-note a{color:var(--fg);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--line2)}.v-note a:hover{text-decoration-color:var(--fg)}
@keyframes vn{from{opacity:0;transform:translateX(-6px)}}
.call{padding-bottom:0;overflow:hidden}
.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--acc);margin-inline-end:8px;vertical-align:1px;animation:pulse 1.6s var(--ease) infinite}
@keyframes pulse{50%{opacity:.35}}
.wave{display:flex;align-items:center;gap:3px;height:48px;padding:0 2px 12px;border-bottom:1px solid var(--line);margin-bottom:12px}
.wave i{flex:1;height:calc(var(--h)*1%);min-height:3px;border-radius:2px;background:var(--line2);transform-origin:center;transition:background .3s}
.call.in .wave i{animation:wv 1.4s var(--ease) infinite alternate;animation-delay:calc(var(--h)*-23ms)}
.wave i:nth-child(n+9):nth-child(-n+18){background:var(--acc)}
@keyframes wv{from{transform:scaleY(.35)}to{transform:scaleY(1)}}
.tx{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.tx li{display:grid;grid-template-columns:52px 1fr;gap:10px;align-items:baseline;opacity:0;transform:translateY(6px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.call.in .tx li{opacity:1;transform:none}.call.in .tx li:nth-child(2){transition-delay:.15s}.call.in .tx li:nth-child(3){transition-delay:.3s}.call.in .tx li:nth-child(4){transition-delay:.45s}
.tx .who{font-size:10.5px;color:var(--dim);text-transform:uppercase}.tx .out .who{color:var(--acc)}
.tx p{margin:0;font-size:13.5px;line-height:1.5}.tx p[lang=ar]{text-align:start;font-family:var(--ar);font-size:14.5px}
.call-foot{display:flex;gap:10px;align-items:center;margin:14px -16px 0;padding:12px 16px;background:var(--bg2);border-top:1px solid var(--line);font-size:12.5px}

/* pricing */
.pricing{background:var(--bg2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pr-head{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:end}.pr-head h2{margin-bottom:0}.pr-head .sub{margin:0}
.plans{margin-top:44px;display:grid;grid-template-columns:1.15fr 1fr .85fr;gap:16px;align-items:stretch}
.plan{background:var(--card);border-radius:16px;box-shadow:0 0 0 1px var(--line);padding:22px;display:flex;flex-direction:column;gap:6px}
.plan.feat{box-shadow:0 0 0 1px color-mix(in srgb,var(--acc) 55%,var(--line)),var(--shadow)}
.plan.addon{background:transparent;box-shadow:inset 0 0 0 1px var(--line2)}
.pl-top{display:flex;justify-content:space-between;align-items:center;min-height:24px;margin-bottom:12px}.pl-top .label{margin:0}
.badge{font-size:11px;padding:3px 8px;border-radius:999px;background:color-mix(in srgb,var(--acc) 14%,transparent);color:var(--acc)}
.pl-price,.pl-mo{margin:0;display:flex;align-items:baseline;gap:6px}.pl-price b{font-size:30px;font-weight:600;letter-spacing:-.035em}.pl-mo b{font-size:17px;font-weight:600;letter-spacing:-.02em}.pl-mo .dim,.pl-price .dim{font-size:13.5px}
.plan .checks{margin:18px 0 22px;padding-top:16px;border-top:1px solid var(--line);font-size:14px;flex:1}
.plan .btn{margin-top:auto}
.pl-desc{margin:14px 0 18px;color:var(--mut);font-size:14px;line-height:1.55;flex:1}
.lnk-acc{font-size:13.5px;color:var(--fg);margin-top:auto}.lnk-acc:hover{color:var(--acc)}
.g-row{margin-top:16px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px 32px;background:var(--card)}
.g-row .g-text{margin:0;max-width:52ch}.g-cta{display:flex;flex-wrap:wrap;gap:8px}
@media (max-width:900px){.voice-in,.pr-head{grid-template-columns:1fr;gap:28px}.plans{grid-template-columns:1fr}.pr-head{align-items:start}}
@media (prefers-reduced-motion:reduce){.tx li{opacity:1;transform:none}.call.in .wave i,.live-dot{animation:none}}
[dir=rtl] .tag,[dir=rtl] .badge{font-family:var(--ar)}
.plan .checks{align-content:start}
.mini-wave{display:flex;align-items:center;gap:3px;height:34px;margin:16px 0 0;padding:0 2px}.mini-wave i{flex:1;height:calc(var(--h)*1%);border-radius:2px;background:var(--line2)}.mini-wave i:nth-child(n+5):nth-child(-n+11){background:color-mix(in srgb,var(--acc) 70%,var(--line2))}
/* inline voice call */
.vcall{margin-top:20px;max-width:440px;padding:16px;border-radius:16px;background:var(--card);box-shadow:0 0 0 1px var(--line),var(--shadow);animation:vc .45s var(--spring) both}
@keyframes vc{from{opacity:0;transform:translateY(8px) scale(.98)}}
.vc-top{display:flex;align-items:center;gap:10px;font-size:13.5px}.vc-state{font-weight:500}.vc-time{margin-inline-start:auto;font-size:11.5px;color:var(--dim)}
.vc-dot{width:8px;height:8px;border-radius:50%;background:var(--line2);transition:background .3s}
.vcall[data-s=connecting] .vc-dot{background:var(--mut);animation:pulse 1s var(--ease) infinite}
.vcall[data-s=listening] .vc-dot,.vcall[data-s=speaking] .vc-dot{background:var(--acc)}.vcall[data-s=speaking] .vc-dot{animation:pulse .9s var(--ease) infinite}
.vc-wave{display:flex;align-items:center;gap:3px;height:44px;margin:14px 0 12px}
.vc-wave i{flex:1;height:100%;border-radius:2px;background:var(--line2);transform:scaleY(.08);transform-origin:center;transition:transform .09s linear,background .3s}
.vcall[data-s=speaking] .vc-wave i{background:var(--acc)}.vcall[data-s=listening] .vc-wave i{background:var(--fg)}
.vc-note{margin:0 0 14px;font-size:13px;line-height:1.5;color:var(--mut)}
.vc-act{display:flex;flex-wrap:wrap;gap:8px}
.vcall[data-s=listening] .vc-note,.vcall[data-s=speaking] .vc-note{display:none}
@media (prefers-reduced-motion:reduce){.vc-wave i{transition:none}}
.vc-act [hidden],.vcall[hidden]{display:none}
.logo .lg{display:block;height:24px;width:auto}.logo.sm .lg{height:20px}[data-theme=dark] .lg-l,[data-theme=light] .lg-d{display:none}
/* onboarding timeline */
.onb .pr-head{margin-bottom:0}
.tl{list-style:none;margin:48px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}
.tl::before{content:"";position:absolute;top:5px;inset-inline:6px;height:1px;background:linear-gradient(90deg,var(--line2),var(--acc))}
[dir=rtl] .tl::before{background:linear-gradient(-90deg,var(--line2),var(--acc))}
.tl li{position:relative;padding-top:28px}
.tl-dot{position:absolute;top:0;inset-inline-start:0;width:11px;height:11px;border-radius:50%;background:var(--bg);box-shadow:inset 0 0 0 2px var(--line2)}
.tl-dot.live{background:var(--acc);box-shadow:0 0 0 4px color-mix(in srgb,var(--acc) 22%,transparent)}
.tl-d{display:block;font-size:11px;color:var(--acc);margin-bottom:10px}
.tl h3{margin:0 0 8px}.tl p{margin:0;color:var(--mut);font-size:14.5px;line-height:1.55}
.ob-foot{margin-top:44px;padding-top:24px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:16px 32px;align-items:center;justify-content:space-between}
.ob-foot p{margin:0;max-width:62ch;font-size:15px}.ob-foot .label{margin-bottom:6px}
[dir=rtl] .tl-d{font-family:var(--ar);font-size:12.5px}
@media (max-width:900px){.tl{grid-template-columns:1fr 1fr;row-gap:36px}.tl::before{display:none}}
@media (max-width:600px){.tl{grid-template-columns:1fr;gap:0;margin-top:32px;padding-inline-start:4px}.tl::before{display:block;top:6px;bottom:6px;inset-inline-start:13px;inset-inline-end:auto;width:1px;height:auto;background:linear-gradient(180deg,var(--line2),var(--acc))}
  .tl li{padding:0 0 28px 30px}[dir=rtl] .tl li{padding:0 30px 28px 0}.tl-dot{top:2px;inset-inline-start:4px}.ob-foot .btn{width:100%}}
/* Try the demo pairs */
.l-short{display:none}@media (max-width:420px){.nav-demo .l-long{display:none}.nav-demo .l-short{display:inline}.nav nav{gap:6px}.nav .btn-sm{padding:0 11px}}
.cta-pair{display:flex;flex-wrap:wrap;gap:8px}.pl-ctas{margin-top:auto;display:grid;gap:8px}.plan .pl-ctas .btn{margin-top:0}
@media (max-width:600px){.cta-pair{width:100%}.cta-pair .btn{flex:1 1 auto}.ob-foot .cta-pair .btn{width:auto}}
.ask-dot{width:7px;height:7px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 3px color-mix(in srgb,var(--acc) 25%,transparent)}
/* Sales assistant ("Ask us") */
.sa-launch{position:fixed;z-index:45;right:20px;bottom:20px;height:46px;padding:0 18px 0 14px;border-radius:999px;border:0;background:var(--acc);color:var(--acc-ink);font:600 14px var(--font);display:inline-flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 10px 30px -10px #000a;transition:transform .16s var(--ease),bottom .25s var(--ease),opacity .2s}
[dir=rtl] .sa-launch{font-family:var(--ar)}.sa-launch:active{transform:scale(.96)}.sa-launch svg{width:18px;height:18px}.sa-launch[hidden]{display:none}
.sa{position:fixed;z-index:46;right:20px;bottom:20px;width:370px;height:min(600px,calc(100dvh - 40px));display:flex;flex-direction:column;border-radius:24px;background:var(--card);box-shadow:var(--shadow),0 30px 80px -30px #000c;overflow:hidden;transform-origin:bottom right;animation:saIn .32s var(--spring) both}
.sa[hidden]{display:none}@keyframes saIn{from{opacity:0;transform:translateY(12px) scale(.96)}}@media(prefers-reduced-motion:reduce){.sa{animation:none}}
.sa .d-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}
.sa .d-av{width:32px;height:32px;border-radius:50%;background:var(--acc);display:grid;place-items:center;flex:none}.sa .d-av svg{width:32px;height:32px}
.sa-x{width:32px;height:32px;border-radius:50%;border:0;background:transparent;color:var(--mut);cursor:pointer;display:grid;place-items:center;box-shadow:inset 0 0 0 1px var(--line2)}.sa-x:hover{color:var(--fg)}
.sa .d-body{flex:1;min-height:0;overflow-y:auto;padding:14px 12px;display:flex;flex-direction:column;gap:6px}
.sa .msg a.sa-cal{display:inline-flex;margin-top:8px;height:34px;align-items:center;padding:0 14px;border-radius:999px;background:var(--acc);color:var(--acc-ink);font-weight:600;font-size:13px;text-decoration:none}
.sa .d-chips{flex-wrap:wrap;overflow:visible;max-height:118px;overflow-y:auto}
.sa-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.sa-note{font:10.5px var(--mono);color:var(--dim);text-align:center;padding:0 12px 10px;margin:0}.sa-note a{color:var(--mut);text-decoration:underline}
@media (max-width:600px){.sa{right:0;left:0;bottom:0;width:auto;height:min(86dvh,640px);border-radius:22px 22px 0 0}.sa-launch{right:14px;bottom:14px}}
@media (max-width:420px){.logo .lg{height:20px}.nav-in{gap:8px}}
