/* Zee — shared site styles (all pages) */
:root{
  --bg:#FAFAFA; --surface:#FFFFFF; --ink:#0A0A0A; --ink-soft:#525252;
  --line:#E5E5E5; --black:#000; --g400:#A3A3A3; --g500:#737373; --g700:#3F3F3F;
  --g100:#F5F5F5; --emerald:#0E9F6E;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto;} *{transition:none!important;animation:none!important;} }
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
html[lang="ar"] body{font-family:'IBM Plex Sans Arabic','Inter',sans-serif;}
a{color:inherit;}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:4px;}
img{max-width:100%;display:block;}
.wrap{max-width:1180px;margin:0 auto;padding:0 24px;}
.wrap-wide{max-width:1300px;margin:0 auto;padding:0 24px;}
.sec-label{font-size:.8125rem;font-weight:750;letter-spacing:.2em;color:var(--g500);text-transform:uppercase;}
.product .sec-label,.drivers .sec-label,.join .sec-label,.ksa .sec-label{color:#B3B3B3;}
html[lang="ar"] .sec-label{letter-spacing:.04em;}
h2.sec{font-size:clamp(2rem,5vw,3.25rem);font-weight:800;letter-spacing:-.03em;line-height:1.08;margin-top:18px;}
.lead{color:var(--ink-soft);font-size:1.125rem;margin-top:16px;max-width:38rem;line-height:1.55;}
@keyframes rise{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}
.rise{animation:rise .7s ease both;} .rise-2{animation-delay:.12s;} .rise-3{animation-delay:.24s;}

/* header */
header{position:sticky;top:0;z-index:20;background:rgba(250,250,250,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);}
.nav{display:flex;align-items:center;justify-content:space-between;height:68px;}
.nav img.logo{height:28px;width:auto;display:block;}
.nav .links{display:flex;align-items:center;gap:28px;font-size:.9375rem;font-weight:600;}
.nav .links a{text-decoration:none;color:var(--ink-soft);transition:color .2s;}
.nav .links a:hover{color:var(--ink);}
.nav .links a.on{color:var(--ink);}
.nav .links a.cta-mini{color:#fff;background:var(--ink);padding:10px 20px;border-radius:999px;font-weight:700;}
.lang-btn{min-height:44px;padding:0 18px;background:none;border:1px solid var(--line);border-radius:999px;font:inherit;font-weight:600;cursor:pointer;transition:background .2s;}
html[lang="ar"] .lang-btn{font-family:'Inter',sans-serif;}
.lang-btn:hover{background:var(--surface);}
@media (max-width:860px){ .nav .links a:not(.cta-mini){display:none;} }

/* hero */
.hero{position:relative;text-align:center;padding:96px 0 84px;overflow:hidden;}
.hero .thread{position:absolute;top:-30px;bottom:0;width:360px;pointer-events:none;}
html[dir="ltr"] .hero .thread{right:-40px;}
html[dir="rtl"] .hero .thread{left:-40px;transform:scaleX(-1);}
@media (max-width:1100px){.hero .thread{display:none;}}
.pill{display:inline-flex;align-items:center;gap:10px;padding:10px 22px;background:var(--ink);color:#fff;border-radius:999px;font-size:.9375rem;font-weight:650;letter-spacing:.02em;}
.pill i{width:8px;height:8px;border-radius:50%;background:var(--emerald);}
.hero .kick{margin-top:26px;font-size:1.0625rem;font-weight:650;color:var(--ink-soft);letter-spacing:.02em;}
h1{margin-top:14px;font-size:clamp(2.9rem,8vw,5.4rem);font-weight:800;letter-spacing:-.038em;line-height:1.04;}
.hero p.sub{max-width:36rem;margin:24px auto 0;font-size:1.1875rem;color:var(--ink-soft);line-height:1.55;}
.cta-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:44px;}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 32px;border-radius:999px;font-weight:700;font-size:1.0625rem;text-decoration:none;cursor:pointer;border:1px solid var(--ink);transition:transform .15s,background .2s;}
.btn:active{transform:scale(.97);}
.btn-solid{background:var(--ink);color:#fff;}
.btn-solid:hover{background:#262626;}
.btn-ghost{background:var(--surface);color:var(--ink);}
.btn-ghost:hover{background:#F0F0F0;}
.learn{display:inline-block;margin-top:22px;font-size:1rem;font-weight:650;color:var(--ink);text-decoration:none;border-bottom:2px solid var(--ink);padding-bottom:3px;}
.hero .note{margin-top:26px;font-size:.9375rem;color:var(--g500);}

/* product */
.product{background:var(--black);color:#fff;padding:96px 0;}
.product .lead{color:#BDBDBD;}
.stage{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:64px;}
.shot{text-align:center;min-width:0;}
.shot img{width:100%;height:auto;border-radius:22px;box-shadow:0 26px 60px rgba(0,0,0,.55);}
.shot h3{margin-top:18px;font-size:1rem;font-weight:700;}
.shot p{margin-top:4px;font-size:.875rem;color:#B3B3B3;}
.shot.desk{grid-column:span 4;text-align:center;}
.shot.desk img{border-radius:12px;max-width:1100px;margin:0 auto;}
.demo-tag{display:inline-block;margin-top:14px;padding:5px 12px;border:1px solid var(--g700);border-radius:999px;font-size:.75rem;color:var(--g400);letter-spacing:.06em;}
@media (max-width:860px){.stage{grid-template-columns:repeat(2,1fr);} .shot.desk{grid-column:span 2;}}

/* why */
.why{padding:96px 0 80px;}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:52px;}
.card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:32px 28px;transition:transform .2s,box-shadow .2s;}
.card:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(0,0,0,.07);}
.card .ic{width:34px;height:34px;border-radius:10px;background:var(--g100);display:flex;align-items:center;justify-content:center;margin-bottom:18px;}
.card .ic svg{width:19px;height:19px;stroke:var(--ink);}
.card h3{font-size:1.125rem;font-weight:750;margin-bottom:9px;}
.card p{font-size:.9375rem;color:var(--ink-soft);line-height:1.55;}
@media (max-width:860px){.cards{grid-template-columns:1fr;}}

/* how */
.how{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:96px 0;}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:64px;position:relative;}
.step,.card,.tcard{min-width:0;}
.steps::before{content:"";position:absolute;top:34px;left:6%;right:6%;height:2px;background:var(--line);z-index:0;}
.steps.three{grid-template-columns:repeat(3,1fr);}
.step{position:relative;z-index:1;}
.step .n{width:68px;height:68px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;}
.step h3{margin-top:24px;font-size:1.1875rem;font-weight:750;}
.step p{margin-top:8px;font-size:.9375rem;color:var(--ink-soft);line-height:1.5;}
@media (max-width:860px){.steps,.steps.three{grid-template-columns:1fr;gap:40px;} .steps::before{display:none;}}

/* drivers */
.drivers{background:var(--black);color:#fff;padding:96px 0;}
.drivers .cols{display:flex;gap:72px;align-items:flex-start;}
.drivers .left{flex:1.05;}
.drivers .rate{display:flex;align-items:baseline;gap:20px;margin-top:44px;}
.drivers .rate .num{font-size:clamp(4rem,9vw,6.5rem);font-weight:900;letter-spacing:-.04em;line-height:1;}
.drivers .rate .what{font-size:1.25rem;font-weight:650;line-height:1.35;max-width:300px;}
.drivers .right{flex:1;}
.dpts{display:flex;flex-direction:column;}
.dpt{display:flex;gap:16px;padding:19px 0;border-top:1px solid var(--g700);font-size:1.0625rem;font-weight:600;align-items:center;}
.dpt:first-child{border-top:none;padding-top:0;}
.dpt i{width:9px;height:9px;border-radius:50%;background:#fff;flex:none;}
.drivers .btn{margin-top:40px;background:#fff;color:var(--ink);border-color:#fff;}
.drivers .btn:hover{background:#E5E5E5;}
@media (max-width:860px){.drivers .cols{flex-direction:column;gap:48px;}}

/* trust */
.trust{padding:96px 0;}
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:52px;}
.tcard{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:32px 28px;}
.tcard .chip{display:inline-block;padding:6px 14px;background:var(--ink);color:#fff;border-radius:999px;font-size:.8125rem;font-weight:750;letter-spacing:.04em;margin-bottom:18px;}
.tcard h3{font-size:1.125rem;font-weight:750;margin-bottom:9px;}
.tcard p{font-size:.9375rem;color:var(--ink-soft);line-height:1.55;}
.trust-note{margin-top:28px;font-size:.8125rem;color:var(--g500);max-width:52rem;}
@media (max-width:860px){.trust-grid{grid-template-columns:1fr;}}

/* built-for-saudi */
.ksa{background:var(--black);color:#fff;padding:110px 0;position:relative;overflow:hidden;}
.ksa .thread2{position:absolute;left:-60px;top:-40px;height:120%;pointer-events:none;}
html[dir="rtl"] .ksa .thread2{left:auto;right:-60px;transform:scaleX(-1);}
.ksa .wrap{position:relative;}
.ksa h2{font-size:clamp(2.2rem,5.5vw,3.75rem);font-weight:800;letter-spacing:-.035em;line-height:1.06;max-width:900px;}
.ksa p{margin-top:28px;font-size:1.3125rem;color:var(--g400);line-height:1.55;max-width:46rem;font-weight:450;}
.ksa .ar-line{margin-top:36px;font-family:'IBM Plex Sans Arabic';font-size:1.375rem;color:var(--g500);font-weight:500;}
html[lang="ar"] .ksa .ar-line{font-family:'Inter',sans-serif;}

/* founder */
.founder{padding:96px 0;}
.founder .cols{display:flex;gap:64px;align-items:center;}
.founder img.face{width:280px;height:350px;object-fit:cover;border-radius:24px;border:1px solid var(--line);flex:none;}
.founder .who{margin-top:22px;font-size:1.375rem;font-weight:750;}
.founder .who span{color:var(--ink-soft);font-weight:550;font-size:1.125rem;}
.founder .pos{margin-top:6px;font-size:1.0625rem;color:var(--ink-soft);font-style:italic;}
.founder p.bio{margin-top:18px;font-size:1.0625rem;color:var(--ink-soft);line-height:1.6;max-width:46rem;}
.founder .more{display:inline-block;margin-top:20px;font-weight:650;text-decoration:none;border-bottom:2px solid var(--ink);padding-bottom:3px;}
@media (max-width:860px){.founder .cols{flex-direction:column;align-items:flex-start;gap:32px;}}

/* join */
.join{background:var(--black);color:#fff;padding:96px 0;}
.join h2.sec{margin-top:18px;}
.join .lead{color:var(--g400);}
.forms{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:56px;}
.form-card{background:#0F0F0F;border:1px solid #262626;border-radius:22px;padding:32px;min-width:0;}
.form-card h3{font-size:1.25rem;font-weight:750;}
.form-card p.sub2{margin-top:6px;font-size:.9375rem;color:#B0B0B0;}
.form-card label{display:block;margin-top:20px;font-size:.8125rem;font-weight:650;color:var(--g400);letter-spacing:.02em;}
.form-card input{width:100%;margin-top:8px;height:52px;border-radius:12px;border:1px solid #333;background:#161616;color:#fff;padding:0 16px;font:inherit;font-size:1rem;}
.form-card input:focus{outline:2px solid #fff;outline-offset:1px;}
.form-card input.err{border-color:#E5484D;}
.form-card .btn{width:100%;margin-top:26px;background:#fff;color:var(--ink);border-color:#fff;}
.form-card .btn[disabled]{opacity:.55;cursor:default;}
.form-card .fine{margin-top:14px;font-size:.8125rem;color:#B0B0B0;line-height:1.5;}
.form-card .consent{margin-top:16px;font-size:.8125rem;color:#B0B0B0;line-height:1.55;}
.form-card .consent a{color:#D4D4D4;text-decoration:underline;}
.fstatus{display:none;margin-top:18px;padding:14px 16px;border-radius:12px;font-size:.9375rem;font-weight:600;line-height:1.5;}
.fstatus.ok{display:block;background:rgba(14,159,110,.14);border:1px solid rgba(14,159,110,.45);color:#7EE2B8;}
.fstatus.bad{display:block;background:rgba(229,72,77,.12);border:1px solid rgba(229,72,77,.4);color:#F1A1A4;}
.hp{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;}
@media (max-width:860px){.forms{grid-template-columns:1fr;}}

/* subpage hero */
.phero{position:relative;padding:84px 0 72px;overflow:hidden;}
.phero .thread{position:absolute;top:-30px;bottom:0;width:360px;pointer-events:none;}
html[dir="ltr"] .phero .thread{right:-40px;}
html[dir="rtl"] .phero .thread{left:-40px;transform:scaleX(-1);}
@media (max-width:1100px){.phero .thread{display:none;}}
.phero h1{font-size:clamp(2.4rem,6vw,4.2rem);font-weight:800;letter-spacing:-.035em;line-height:1.06;max-width:22ch;}
.phero .sub2{margin-top:22px;font-size:1.1875rem;color:var(--ink-soft);line-height:1.55;max-width:44rem;}

/* prose sections */
.prose{padding:80px 0;}
.prose.tight{padding:64px 0;}
.prose p.body{margin-top:20px;font-size:1.125rem;color:var(--ink-soft);line-height:1.65;max-width:46rem;}
.band{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.mission{background:var(--black);color:#fff;padding:96px 0;}
.mission .sec-label{color:var(--g500);}
.mission p{font-size:clamp(1.6rem,4vw,2.5rem);font-weight:750;letter-spacing:-.025em;line-height:1.25;max-width:56rem;margin-top:22px;}

/* stats */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:52px;}
.stat{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:32px 28px;}
.stat .n{font-size:clamp(2.6rem,6vw,4rem);font-weight:900;letter-spacing:-.04em;line-height:1;direction:ltr;}
html[lang="ar"] .stat .n{text-align:right;}
.stat p{margin-top:14px;font-size:.9375rem;color:var(--ink-soft);line-height:1.55;}
.src{margin-top:22px;font-size:.8125rem;color:var(--g400);max-width:52rem;line-height:1.55;}
@media (max-width:860px){.stats{grid-template-columns:1fr;}}

/* admin strip (investors) */
.adminstrip{margin-top:48px;text-align:center;}
.adminstrip picture{display:block;}
.adminstrip img{width:100%;height:auto;border-radius:12px;box-shadow:0 26px 60px rgba(0,0,0,.16);max-width:1100px;margin:0 auto;border:1px solid var(--line);}
.adminstrip .demo-tag{border-color:var(--line);color:var(--g500);}

/* cta block */
.ctablock{background:var(--black);color:#fff;padding:96px 0;text-align:center;}
.ctablock h2{font-size:clamp(2rem,5vw,3.25rem);font-weight:800;letter-spacing:-.03em;line-height:1.08;}
.ctablock p{margin:20px auto 0;font-size:1.125rem;color:var(--g400);max-width:36rem;line-height:1.55;}
.ctablock .btn{margin-top:36px;background:#fff;color:var(--ink);border-color:#fff;}
.ctablock .btn:hover{background:#E5E5E5;}
.ctablock .fine{margin-top:26px;font-size:.8125rem;color:var(--g500);max-width:44rem;margin-left:auto;margin-right:auto;line-height:1.6;}

/* contact cards */
.ccards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-top:52px;}
.ccard{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:32px 28px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;}
.ccard:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(0,0,0,.07);}
.ccard h3{font-size:1.1875rem;font-weight:750;}
.ccard p{margin-top:9px;font-size:.9375rem;color:var(--ink-soft);line-height:1.55;flex:1;}
.ccard a.mail{display:inline-flex;align-items:center;gap:8px;margin-top:22px;font-weight:700;font-size:1rem;text-decoration:none;border-bottom:2px solid var(--ink);padding-bottom:3px;align-self:flex-start;word-break:break-all;}
.ccard a.mail svg{width:16px;height:16px;stroke:var(--ink);flex:none;}

/* beta */
.notice{background:var(--ink);color:#fff;text-align:center;padding:14px 24px;font-size:.9375rem;font-weight:650;}
.dlgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:52px;}
.dlcard{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:36px 32px;display:flex;flex-direction:column;}
.dlcard .mark{width:56px;height:56px;border-radius:14px;background:var(--g100);display:flex;align-items:center;justify-content:center;margin-bottom:22px;}
.dlcard .mark img{width:34px;height:34px;}
.dlcard h3{font-size:1.375rem;font-weight:750;}
.dlcard p{margin-top:8px;font-size:.9375rem;color:var(--ink-soft);line-height:1.55;flex:1;}
.dlcard .btn{margin-top:26px;align-self:flex-start;}
.ios-note{margin-top:28px;font-size:.9375rem;color:var(--g500);text-align:center;}
@media (max-width:860px){.dlgrid{grid-template-columns:1fr;}}

/* footer */
footer{border-top:1px solid var(--line);padding:64px 0 40px;background:var(--surface);}
.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:32px;}
.fbrand img{height:26px;}
.fbrand p{margin-top:14px;font-size:.9375rem;color:var(--ink-soft);max-width:18rem;}
.fcol h4{font-size:.8125rem;font-weight:750;letter-spacing:.14em;color:var(--g500);text-transform:uppercase;margin-bottom:16px;}
html[lang="ar"] .fcol h4{letter-spacing:.04em;}
.fcol a{display:block;font-size:.9375rem;color:var(--ink-soft);text-decoration:none;padding:5px 0;transition:color .2s;}
.fcol a:hover{color:var(--ink);}
.fbottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:52px;padding-top:24px;border-top:1px solid var(--line);font-size:.875rem;color:var(--g500);}
@media (max-width:860px){.fgrid{grid-template-columns:1fr 1fr;}}

  /* legal pages */
  .legal{max-width:820px;padding:72px 0 88px;}
  .legal h1{font-size:clamp(2rem,5vw,3rem);font-weight:800;letter-spacing:-.03em;line-height:1.08;margin-top:18px;}
  .legal .eff{margin-top:14px;font-size:.9375rem;color:var(--ink-soft);}
  .legal .review-note{margin-top:28px;padding:16px 20px;border:1px solid var(--line);border-radius:14px;background:var(--surface);font-size:.875rem;color:var(--ink-soft);line-height:1.55;}
  .legal h2{margin-top:44px;font-size:1.3125rem;font-weight:750;letter-spacing:-.01em;}
  .legal h2 .num{color:var(--g400);font-weight:600;margin-inline-end:10px;}
  .legal p{margin-top:14px;font-size:1rem;color:var(--ink-soft);line-height:1.65;}
  .legal ul{margin-top:12px;padding-inline-start:22px;}
  .legal li{margin-top:8px;font-size:1rem;color:var(--ink-soft);line-height:1.6;}
  .legal .flag{color:var(--ink);font-weight:650;}
  .lc-ar{font-family:'IBM Plex Sans Arabic','Inter',sans-serif;}
  html[lang="ar"] .lc-en{display:none;}
  html[lang="en"] .lc-ar{display:none;}
  .legal a{text-decoration:underline;}