@import url(/assets/fonts.css);
:root{--paper:#f3efe7;--paper-2:#ebe5da;--card:#fbf9f5;--ink:#121318;--ink-2:#3b3a3a;--muted:#7a756d;--line:rgba(18,19,24,.12);--line-2:rgba(18,19,24,.22);--accent:#8c6a3f;--accent-2:#b08a5a;--ok:#2f7a5f;--warn:#a26a17;--quote:#5a4fa0;
  --sans:"Futura PT","Helvetica Neue",Arial,sans-serif;--ar:"Sahran Digits","GE SS Two","Futura PT",Tahoma,sans-serif;--serif:"Instrument Serif",Georgia,serif;--pad:clamp(18px,4.5vw,56px)}
*{box-sizing:border-box}[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.6 var(--sans)}
html[lang=ar] body{font-family:var(--ar);line-height:1.8}
a{color:inherit}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.bar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:14px;padding:12px var(--pad);background:rgba(243,239,231,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.hs{font:600 .8rem/1 var(--sans);letter-spacing:.3em;text-transform:uppercase}
.bar .sp{flex:1}
.bar a,.bar button{font-size:.85rem;text-decoration:none;background:none;border:0;padding:6px 8px}
.hero{display:grid;gap:30px;padding:clamp(40px,8vw,110px) var(--pad) 40px;align-items:center}
@media(min-width:1000px){.hero{grid-template-columns:1.05fr 1fr}}
.eyebrow{font:500 .72rem/1 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--accent)}
html[lang=ar] .eyebrow{font:500 .92rem/1.4 var(--ar);letter-spacing:0}
h1{margin:14px 0 18px;font:300 clamp(2.4rem,6vw,5rem)/1.02 var(--sans);letter-spacing:-.01em}
h1 em,h2 em{font:italic 400 1.05em/1 var(--serif);color:var(--accent)}
html[lang=ar] h1{font:300 clamp(2.2rem,6vw,4.4rem)/1.25 var(--ar)}
html[lang=ar] h1 em,html[lang=ar] h2 em{font:inherit;color:var(--accent)}
.lead{font-size:1.12rem;color:var(--ink-2);max-width:560px}
.cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:40px;border:1px solid var(--ink);background:none;text-decoration:none;font-size:.9rem;transition:background .3s,color .3s}
.btn:hover{background:var(--ink);color:var(--paper)}
.btn.solid{background:var(--ink);color:var(--paper)}
.btn.solid:hover{background:var(--accent);border-color:var(--accent)}
.btn.sm{min-height:36px;padding:0 14px;font-size:.82rem}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.stage{position:relative;border-radius:18px;overflow:hidden;background:#0b0d12;aspect-ratio:16/11;box-shadow:0 40px 80px -30px rgba(18,19,24,.5)}
.stage video,.stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.stage .phone{position:absolute;inset-inline-end:5%;bottom:-6%;width:30%;aspect-ratio:9/19;border-radius:22px;border:6px solid #111;overflow:hidden;background:#0b0d12;box-shadow:0 30px 60px rgba(0,0,0,.5)}
.stage .phone img{object-position:50% 20%}
.stage .tag{position:absolute;top:14px;inset-inline-start:14px;background:rgba(243,239,231,.92);color:var(--ink);font-size:.72rem;padding:6px 10px;border-radius:20px}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--line);border-block:1px solid var(--line);margin:0}
.facts div{background:var(--paper);padding:22px var(--pad)}
.facts b{display:block;font:300 1.9rem/1 var(--sans)}
.facts span{font-size:.85rem;color:var(--muted)}
section.s{padding:clamp(60px,9vw,120px) var(--pad) 0}
h2{margin:10px 0 16px;font:300 clamp(1.8rem,4vw,3rem)/1.1 var(--sans)}
html[lang=ar] h2{font:300 clamp(1.7rem,4vw,2.8rem)/1.35 var(--ar)}
.sub{color:var(--ink-2);max-width:680px}
.steps{display:flex;gap:6px;flex-wrap:wrap;margin:22px 0}
.step{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:30px;border:1px solid var(--line);font-size:.85rem;background:none}
.step b{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--paper-2);font-size:.75rem}
.step.on{border-color:var(--ink)}.step.on b{background:var(--ink);color:var(--paper)}
.consult{display:grid;gap:24px}
@media(min-width:1100px){.consult{grid-template-columns:1fr 380px;align-items:start}}
.est{position:sticky;top:76px;background:var(--ink);color:var(--paper);border-radius:18px;padding:22px}
.est h3{margin:0 0 4px;font-weight:400;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;color:#cbb58e}
html[lang=ar] .est h3{font-size:.95rem;letter-spacing:0}
.est .total{font:300 2.6rem/1.1 var(--sans);margin:6px 0}
.est .range{font-size:.82rem;color:#b9b2a7}
.est .why{margin:14px 0;border-top:1px solid rgba(243,239,231,.14);padding-top:12px;max-height:260px;overflow:auto;font-size:.84rem}
.est .why p{display:flex;justify-content:space-between;gap:10px;margin:4px 0}
.est .why .dep{color:#cbb58e}
.est .why .q{color:#b7adff}
.est .btn{border-color:var(--paper);color:var(--paper);width:100%;margin-top:8px}
.est .btn.solid{background:var(--paper);color:var(--ink)}
.est .note{font-size:.76rem;color:#9f988c;margin-top:12px}
.est .meter{height:4px;background:rgba(243,239,231,.15);border-radius:4px;margin:10px 0 2px}.est .meter i{display:block;height:100%;background:#cbb58e;border-radius:4px;transition:width .5s}
.pkgs{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin:20px 0}
.pkg{text-align:start;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:6px}
.pkg.on{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.pkg b{font-weight:500;font-size:1.05rem}
.pkg .p{font:300 1.6rem/1.1 var(--sans)}
.pkg small{color:var(--muted)}
.pkg .flag{align-self:flex-start;font-size:.7rem;padding:3px 8px;border-radius:20px;background:var(--paper-2);color:var(--warn)}
.group{margin-top:30px}
.group>h3{font:500 .75rem/1 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}
html[lang=ar] .group>h3{font:500 .95rem/1 var(--ar);letter-spacing:0}
.caps{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}
.cap{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:8px;transition:border-color .3s,box-shadow .3s}
.cap.on{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}
.cap.core{background:transparent;border-style:dashed}
.cap h4{margin:0;font-weight:500;font-size:1rem}
.cap p{margin:0;color:var(--ink-2);font-size:.9rem;line-height:1.55}
.cap .foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:6px}
.st{font-size:.72rem;padding:3px 9px;border-radius:20px;border:1px solid}
.st.live{color:var(--ok);border-color:rgba(47,122,95,.35)}.st.sim{color:var(--warn);border-color:rgba(162,106,23,.35)}.st.quote{color:var(--quote);border-color:rgba(90,79,160,.35)}
.try{font-size:.82rem;text-decoration:underline;text-underline-offset:3px}
.tog{margin-inline-start:auto;display:inline-flex;align-items:center;gap:8px;font-size:.82rem;border:1px solid var(--line-2);border-radius:30px;padding:6px 12px;background:none}
.tog[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.cap .w{font-size:.75rem;color:var(--muted)}
.form{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:clamp(18px,3vw,32px);max-width:860px}
.fg{display:grid;gap:0 14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
label.f{display:flex;flex-direction:column;gap:6px;font-size:.84rem;color:var(--ink-2);margin-bottom:14px}
.in{background:var(--paper);border:1px solid var(--line-2);border-radius:10px;padding:12px;min-height:48px;width:100%}
textarea.in{min-height:110px}
.in:focus{border-color:var(--ink);outline:none}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.chip{border:1px solid var(--line-2);border-radius:30px;padding:8px 14px;background:none;font-size:.85rem}
.chip[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.summary{background:var(--paper-2);border-radius:12px;padding:16px;margin:10px 0 18px;font-size:.9rem}
.summary ul{margin:6px 0;padding-inline-start:18px}
.err{color:#b0452f;font-size:.9rem}
.recur{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-top:18px}
.recur div{background:var(--card);padding:14px 16px;display:grid;grid-template-columns:1fr auto;gap:10px;font-size:.9rem}
.recur span:last-child{color:var(--ink-2);text-align:end}
.cmp{width:100%;border-collapse:collapse;margin-top:18px;font-size:.9rem;background:var(--card);border-radius:14px;overflow:hidden}
.cmp th,.cmp td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:start;vertical-align:top}
.cmp th{font-weight:500;background:var(--paper-2)}
.tablewrap{overflow-x:auto}
.done{text-align:center;padding:50px 20px}
.done .ref{font:400 1.6rem/1 var(--sans);letter-spacing:.14em;color:var(--accent)}
footer{padding:80px var(--pad) 40px;color:var(--muted);font-size:.85rem;display:flex;gap:16px;flex-wrap:wrap;justify-content:space-between}
.toast{position:fixed;bottom:18px;inset-inline-start:50%;transform:translateX(-50%);z-index:90;background:var(--ink);color:var(--paper);padding:12px 18px;border-radius:30px;font-size:.88rem}
html[dir=rtl] .toast{transform:translateX(50%)}
.mob-est{position:fixed;inset-inline:12px;bottom:12px;z-index:45;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--ink);color:var(--paper);border-radius:40px;padding:10px 12px 10px 20px;box-shadow:0 20px 40px rgba(0,0,0,.3)}
html[dir=rtl] .mob-est{padding:10px 20px 10px 12px}
.mob-est .btn{min-height:38px;border-color:var(--paper);color:var(--paper)}
@media(min-width:1100px){.mob-est{display:none}}
.hp{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;opacity:0}
.curs{display:inline-flex;border:1px solid var(--line-2);border-radius:30px;overflow:hidden}.curs button{padding:5px 10px!important;font-size:.75rem!important}.curs button[aria-pressed=true]{background:var(--ink);color:var(--paper)}