: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:#42e07f;--acc-ink:#04210f;--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:#11a650;--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}
.mark{width:18px;height:18px;border-radius:5px;background:var(--fg);position:relative}.mark::after{content:"";position:absolute;inset:5px;border-radius:2px;background:var(--acc)}

/* 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}