/* Sighaty design tokens: Direction C (command palette, dark legal tech), adopted June 2026.
   Brand constants from Brand/: tile #0E5E54, cream #F6F1E7, gold #B8862B, ink #07332E.
   Class contract preserved from Direction A so every page inherits the skin unchanged. */
:root{
  --bg:#03140F; --bg2:#072018; --panel:#0A2B22; --panel-2:#08241D;
  --ink:#F2EDE2; --cream:#F6F1E7; --muted:#93ABA3; --line:rgba(242,237,226,.12);
  --primary:#0E5E54; --primary-strong:#14756A; --tint:rgba(184,134,43,.1);
  --sand:#0A2B24; --paper:#0C312A;
  --gold:#B8862B; --gold-bright:#D9A93F; --gold-ink:#241903;
  --success:#5DCAA5; --warning:#D9A93F; --danger:#F09595;
  --r-md:10px; --r-lg:14px; --maxw:1120px;
  --font-ar:'IBM Plex Sans Arabic','Sakkal Majalla',system-ui,sans-serif;
  --font-en:'IBM Plex Sans',Verdana,system-ui,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);-webkit-user-select:none;-moz-user-select:none;user-select:none}
input,textarea,select,[contenteditable="true"]{-webkit-user-select:text;-moz-user-select:text;user-select:text}
img{-webkit-user-drag:none;user-drag:none}
html[lang="ar"] body{font-family:var(--font-ar);font-size:18px;line-height:1.8}
html[lang="en"] body{font-family:var(--font-en);font-size:16px;line-height:1.7}
::selection{background:var(--gold);color:var(--gold-ink)}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}
.grid-bg{position:fixed;inset:0;z-index:0;pointer-events:none;
  background-image:radial-gradient(ellipse 62% 46% at 50% -8%, rgba(14,94,84,.20) 0%, transparent 60%),
                   radial-gradient(ellipse 34% 30% at 88% 104%, rgba(184,134,43,.07) 0%, transparent 64%);
  background-repeat:no-repeat}
main,header,.wrap,footer{position:relative;z-index:1}
.btn{display:inline-block;border-radius:var(--r-md);padding:11px 22px;font-size:.95em;cursor:pointer;text-decoration:none;border:1.5px solid var(--gold);transition:transform .15s,background .2s,border-color .2s}
.btn:active{transform:scale(.98)}
.btn-primary{background:var(--gold);color:var(--gold-ink);font-weight:600;border-color:var(--gold)}
.btn-primary:hover{background:var(--gold-bright);border-color:var(--gold-bright)}
.btn-ghost{background:transparent;color:var(--cream);border-color:rgba(242,237,226,.35)}
.btn-ghost:hover{border-color:var(--cream)}
.badge-gold{background:var(--gold);color:var(--gold-ink);border-radius:999px;padding:5px 14px;font-size:.78em;display:inline-block;font-weight:600}
.card{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;transition:border-color .2s,transform .2s,box-shadow .2s}
a.card:hover{border-color:rgba(217,169,63,.55);transform:translateY(-3px);box-shadow:0 16px 38px rgba(0,0,0,.35)}
.tintcard{background:var(--tint);border:1px solid rgba(184,134,43,.3);border-radius:var(--r-lg);padding:20px}
.hero{background:transparent;padding:64px 0 56px}
h1{font-size:1.9em;margin:.3em 0;font-weight:600;color:var(--cream)}
h2{font-size:1.35em;margin:1.6em 0 .6em;font-weight:600;color:var(--cream)}
.muted{color:var(--muted)}
.grid{display:grid;gap:16px}
@media(min-width:760px){.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.g2{grid-template-columns:repeat(2,1fr)}}
nav{display:flex;align-items:center;gap:18px;padding:14px 0;border-bottom:1px solid var(--line);flex-wrap:wrap}
nav a{color:var(--ink);text-decoration:none;font-size:.9em;opacity:.85}
nav a:hover{opacity:1;color:var(--cream)}
.brand{font-weight:700;color:var(--cream);font-size:1.2em;letter-spacing:.2px;display:inline-flex;align-items:center}
.brand img{width:32px;height:32px;margin-inline-end:9px;border-radius:8px;box-shadow:0 0 0 1px rgba(242,237,226,.18)}
.spacer{flex:1}
.lang-switch{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:var(--panel-2)}
.lang-switch button{border:0;background:transparent;color:var(--muted);font:inherit;font-size:.82em;padding:7px 16px;cursor:pointer;transition:all .15s}
.lang-switch button.active{background:var(--gold);color:var(--gold-ink);font-weight:600}
footer{background:#03150F;color:var(--muted);padding:36px 0;margin-top:64px;font-size:.85em;line-height:1.9;border-top:1px solid var(--line)}
footer a{color:var(--success)}
input[type=search],input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],select,textarea{border:1.5px solid var(--line);border-radius:var(--r-md);padding:10px 14px;font:inherit;background:var(--panel-2);color:var(--ink)}
input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:1px}
.chip{border:1.5px solid var(--line);border-radius:999px;padding:6px 14px;font-size:.8em;cursor:pointer;background:var(--panel-2);color:var(--ink)}
.chip.active{background:var(--gold);border-color:var(--gold);color:var(--gold-ink);font-weight:600}
.tag{background:rgba(184,134,43,.18);color:var(--gold-bright);border-radius:6px;padding:2px 10px;font-size:.75em;font-family:var(--font-en);letter-spacing:.06em}
.price{font-size:1.6em;font-weight:700;color:var(--cream)}
.tier-featured{border:2.5px solid var(--gold);box-shadow:0 0 44px rgba(217,169,63,.14)}
.notice-block{border-inline-start:4px solid var(--danger);background:rgba(240,149,149,.08);padding:10px 14px;border-radius:6px}
.notice-warn{border-inline-start:4px solid var(--gold);background:rgba(184,134,43,.1);padding:10px 14px;border-radius:6px}
/* Direction C components */
.tagline{display:inline-flex;gap:9px;align-items:center;border:1px solid var(--line);border-radius:999px;padding:6px 16px;font-size:.74em;color:var(--muted)}
.tagline .dot{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 12px var(--success)}
.display{font-size:clamp(38px,6vw,76px);line-height:1.3;font-weight:700;margin:24px 0 12px;color:var(--cream)}
.display em{font-style:normal;color:var(--gold-bright)}
.palette{position:relative;max-width:760px;margin:46px auto 0;background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid rgba(217,169,63,.4);border-radius:18px;box-shadow:0 30px 90px rgba(0,0,0,.5);overflow:hidden;text-align:start}
.palette .ph{display:flex;align-items:center;gap:14px;padding:19px 24px;border-bottom:1px solid var(--line)}
.palette .ph svg{flex:0 0 22px;color:var(--gold-bright)}
.typed{font-size:1.05em;min-height:1.6em}
.typed .c{display:inline-block;width:2px;height:1.05em;background:var(--gold-bright);vertical-align:-3px;animation:blink .9s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
.pipe{display:flex;align-items:center;padding:20px 24px;font-size:.72em;color:var(--muted)}
.node{display:flex;align-items:center;gap:9px;white-space:nowrap}
.node .b{width:30px;height:30px;border-radius:9px;border:1px solid var(--line);display:grid;place-items:center;color:var(--muted);transition:all .4s}
.node.on .b{background:var(--gold);border-color:var(--gold);color:var(--gold-ink);box-shadow:0 0 22px rgba(217,169,63,.45)}
.node.on{color:var(--cream)}
.wire{flex:1;height:1px;background:var(--line);margin:0 12px;position:relative;overflow:hidden;min-width:26px}
.wire i{position:absolute;top:0;bottom:0;width:34%;background:linear-gradient(90deg,transparent,var(--gold-bright),transparent)}
.wire.go i{animation:flow 1.1s linear forwards}
@keyframes flow{from{transform:translateX(160%)}to{transform:translateX(-260%)}}
html[dir="rtl"] .wire.go i{animation:flowr 1.1s linear forwards}
@keyframes flowr{from{transform:translateX(-160%)}to{transform:translateX(260%)}}
.statgrid{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:38px}
.stat{border:1px solid var(--line);background:rgba(10,43,36,.55);border-radius:12px;padding:13px 22px;text-align:center;min-width:150px}
.stat b{display:block;font-size:1.35em;color:var(--gold-bright)}
.stat span{font-size:.72em;color:var(--muted)}
.modid{font-family:var(--font-en);font-size:.72em;color:var(--gold-bright);letter-spacing:.12em}
.counsel-strip{border:1px solid rgba(217,169,63,.45);border-radius:20px;padding:30px 4.5%;display:flex;gap:24px;align-items:center;background:linear-gradient(120deg,rgba(184,134,43,.1),transparent 60%);margin-top:70px}
.counsel-strip img{width:64px;height:64px;border-radius:16px;flex:0 0 64px}
.rise{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s ease}
.rise.in{opacity:1;transform:none}
.rise.in .grid>*{opacity:0;transform:translateY(14px);animation:riseIn .55s ease forwards}
.rise.in .grid>*:nth-child(1){animation-delay:.05s}.rise.in .grid>*:nth-child(2){animation-delay:.13s}
.rise.in .grid>*:nth-child(3){animation-delay:.21s}.rise.in .grid>*:nth-child(4){animation-delay:.29s}
.rise.in .grid>*:nth-child(5){animation-delay:.37s}.rise.in .grid>*:nth-child(6){animation-delay:.45s}
.rise.in .grid>*:nth-child(7){animation-delay:.53s}
@keyframes riseIn{to{opacity:1;transform:none}}
.boot{opacity:0;transform:translateY(18px);animation:riseIn .65s ease forwards}
.boot.d1{animation-delay:.08s}.boot.d2{animation-delay:.2s}.boot.d3{animation-delay:.34s}
.boot.d4{animation-delay:.5s}.boot.d5{animation-delay:.68s}.boot.d6{animation-delay:.86s}
.palette{transition:box-shadow .5s ease,border-color .5s ease}
.palette.busy{border-color:rgba(217,169,63,.7);box-shadow:0 30px 90px rgba(0,0,0,.5),0 0 42px rgba(217,169,63,.12)}
a.card{position:relative;overflow:hidden;will-change:transform}
a.card::after{content:"";position:absolute;top:0;bottom:0;width:46%;inset-inline-start:-60%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(242,237,226,.06),transparent);transition:inset-inline-start .6s ease;pointer-events:none}
a.card:hover::after{inset-inline-start:120%}
.btn-primary{will-change:transform}
.glowcursor{position:fixed;width:480px;height:480px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(20,117,106,.10) 0%,transparent 60%);transform:translate(-50%,-50%);opacity:0;transition:opacity .4s ease}
.heroq{width:100%;border:0;background:transparent;color:var(--cream);font:inherit;font-size:1.05em;padding:0}
.heroq:focus{outline:none}
.qresults{border-top:1px solid var(--line);max-height:330px;overflow:auto;text-align:start}
.qrow{display:flex;align-items:center;gap:12px;padding:12px 24px;cursor:pointer;text-decoration:none;color:var(--ink)}
.qrow:hover,.qrow.sel{background:rgba(184,134,43,.10)}
.qrow .qcode{font-family:var(--font-en);font-size:.72em;color:var(--gold-bright);letter-spacing:.1em;min-width:44px}
.qrow .qname{flex:1;font-size:.92em}
.qrow .qprice{font-size:.8em;color:var(--muted)}
.qrow .qcert{font-size:.66em;background:var(--gold);color:var(--gold-ink);border-radius:999px;padding:2px 9px;font-weight:600}
.qempty{padding:14px 24px;font-size:.85em;color:var(--muted)}
@media (prefers-reduced-motion: reduce){
  .boot,.rise,.rise.in .grid>*{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}
  .glowcursor{display:none}
}
/* ---- Mobile / small-screen tuning (usable phone layout across every page) ---- */
@media(max-width:760px){
  html[lang="ar"] body{font-size:16px;line-height:1.75}
  html[lang="en"] body{font-size:15px;line-height:1.62}
  .wrap{padding:0 16px}
  .hero{padding:32px 0 28px}
  h1{font-size:1.55em}
  h2{font-size:1.18em;margin:1.3em 0 .5em}
  .display{margin:16px 0 10px}
  nav{gap:9px 12px;padding:11px 0}
  nav a{font-size:.95em}
  .brand{font-size:1.05em}
  .brand img{width:28px;height:28px;margin-inline-end:7px}
  .card{padding:16px}
  .tintcard{padding:16px}
  .price{font-size:1.4em}
  .pipe{flex-wrap:wrap;gap:11px}
  .wire{display:none}
  .counsel-strip{flex-direction:column;text-align:center;padding:24px 20px;gap:16px;margin-top:48px}
  .statgrid{gap:10px;margin-top:26px}
  .stat{min-width:120px;padding:11px 16px}
  .palette{margin-top:30px}
  .qrow{padding:11px 16px}
  /* wide data tables (account, admin) scroll horizontally instead of breaking the layout */
  table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  /* 16px inputs stop iOS from auto-zooming the page on focus */
  input,select,textarea{font-size:16px}
}
@media(max-width:480px){
  .wrap{padding:0 14px}
  nav{gap:8px 10px}
  .btn{padding:12px 18px}
  .hero{padding:24px 0 22px}
  h1{font-size:1.4em}
  .counsel-strip{padding:20px 16px;margin-top:40px}
  .counsel-strip img{width:54px;height:54px;flex-basis:54px}
  .statgrid{flex-direction:column;align-items:stretch}
  .stat{min-width:0}
  .tagline{font-size:.7em}
  footer{padding:28px 0;margin-top:48px}
}
/* ---- conversion components: trust strip, founding counter, sticky mobile CTA ---- */
.trust-strip{display:flex;flex-wrap:wrap;gap:8px 12px;justify-content:center;align-items:center;margin:16px auto 0;max-width:660px;font-size:.8em;color:var(--muted)}
.trust-strip .ts-item{display:inline-flex;align-items:center}
.trust-strip .dot{width:6px;height:6px;border-radius:50%;background:var(--success);display:inline-block;margin-inline-end:6px}
.ts-pay{background:rgba(184,134,43,.18);color:var(--gold-bright);border-radius:6px;padding:2px 9px;font-size:.92em;font-family:var(--font-en)}
.founding-strip{max-width:420px;margin:16px auto 0;border:1px solid rgba(184,134,43,.3);background:rgba(184,134,43,.1);border-radius:10px;padding:10px 14px;font-size:.82em;color:var(--cream)}
.founding-strip .bar{height:6px;border-radius:999px;background:rgba(242,237,226,.14);overflow:hidden;margin-top:7px}
.founding-strip .bar i{display:block;height:100%;background:var(--gold-bright)}
.preview-wrap{position:relative;border:1px solid var(--line);border-radius:var(--r-md);background:var(--panel-2);padding:18px 20px 0;max-height:320px;overflow:hidden;margin:8px 0}
.preview-wrap p{margin:0 0 9px;font-size:.85em;line-height:1.75;color:var(--ink)}
.preview-wm{position:absolute;inset:0;pointer-events:none;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:28px 46px;opacity:.08;overflow:hidden}
.preview-wm span{font-size:1.5em;font-weight:700;color:var(--gold-bright);transform:rotate(-24deg);white-space:nowrap}
.preview-fade{position:absolute;inset-inline:0;bottom:0;height:150px;background:linear-gradient(to top,var(--panel-2) 28%,transparent);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:9px;padding-bottom:16px}
.preview-fade .lock{font-size:.82em;color:var(--muted)}
.mcta{display:none}
.mcta-spacer{display:none}
@media(max-width:760px){
  .mcta{display:block;position:fixed;inset-inline:0;bottom:0;z-index:50;background:var(--panel);border-top:1px solid var(--line);padding:9px 14px}
  .mcta .btn{display:block;text-align:center;width:100%}
  .mcta-spacer{display:block;height:62px}
}

/* ---- platform policy pages (terms, privacy, cookies, refund) ---- */
.policy-wrap{max-width:760px;margin:0 auto;padding:0 4px}
.pol-h1{margin:14px 0 4px;font-size:1.7em;line-height:1.25}
.pol-meta{margin:0 0 18px;font-size:.85em}
.pol-intro{font-size:1.02em;line-height:1.8;margin:0 0 22px}
.pol-pending{border:1px solid var(--gold);background:rgba(184,134,43,.10);color:var(--gold-bright);border-radius:var(--r-md);padding:10px 14px;font-size:.86em;margin:0 0 18px}
.pol-sec{margin:0 0 22px}
.pol-h2{font-size:1.12em;margin:0 0 8px;color:var(--ink)}
.pol-sec p{line-height:1.85;margin:0 0 10px;color:var(--ink)}
.pol-list{margin:0 0 12px;padding-inline-start:22px}
.pol-list li{line-height:1.8;margin:5px 0;color:var(--ink)}
.pol-note{color:var(--muted);font-size:.9em}
.pol-foot{border-top:1px solid var(--line);padding-top:16px;margin-top:26px}
.footlinks{margin-top:10px;font-size:.82em}
.footlinks a{color:inherit;text-decoration:none;opacity:.85}
.footlinks a:hover{opacity:1;text-decoration:underline}
.footlinks .sep{opacity:.4;margin:0 8px}