:root{
  --cream:#fff4c7;
  --cream2:#fff9df;
  --ivory:#fffdf4;
  --ink:#171713;
  --muted:#685c49;
  --pink:#ec3a86;
  --pink2:#ff6faa;
  --honey:#ffb436;
  --gold:#f6ce65;
  --teal:#18b7a5;
  --charcoal:#19182a;
  --line:rgba(23,23,19,.14);
  --shadow:0 22px 65px rgba(42,31,0,.14);
  --radius:30px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background:
    radial-gradient(circle at 85% 8%, rgba(236,58,134,.18), transparent 27%),
    radial-gradient(circle at 10% 20%, rgba(24,183,165,.16), transparent 26%),
    linear-gradient(180deg,var(--cream),var(--cream2));
  color:var(--ink);
}
a{text-decoration:none;color:inherit}
.container{width:min(1180px, calc(100% - 36px)); margin:0 auto}
.ar{font-family:"Noto Naskh Arabic", serif; direction:rtl; line-height:1.9}
.topbar{
  position:sticky;top:0;z-index:40;
  backdrop-filter:blur(18px);
  background:rgba(255,244,199,.82);
  border-bottom:1px solid var(--line);
}
.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:12px;font-weight:950;letter-spacing:-.035em;font-size:22px}
.mark{width:48px;height:48px;border:3px solid var(--ink);border-radius:18px;display:grid;place-items:center;background:#fff;box-shadow:5px 5px 0 var(--ink);font-weight:950}
.brand small{display:block;font-size:12px;color:#80621c;letter-spacing:0;margin-top:2px}
.links{display:flex;gap:9px;flex-wrap:wrap;align-items:center;justify-content:flex-end}
.links a,.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  border:2px solid var(--ink);
  border-radius:999px;
  padding:12px 17px;
  background:#fff;
  font-weight:900;
  box-shadow:4px 4px 0 var(--ink);
  transition:.16s ease;
}
.links a:hover,.btn:hover{transform:translateY(-2px);box-shadow:6px 6px 0 var(--ink)}
.btn.primary{background:var(--pink);color:#fff}
.btn.premium{background:var(--honey);color:#151515}
.btn.charcoal{background:var(--charcoal);color:#fff}
.btn.soft{box-shadow:none;border:1px solid var(--line);background:rgba(255,255,255,.6)}
.hero{padding:78px 0 44px}
.badge{
  display:inline-flex;gap:9px;align-items:center;
  border:2px solid var(--ink);background:#fff;border-radius:999px;
  padding:9px 15px;font-weight:950;box-shadow:4px 4px 0 var(--ink);margin-bottom:20px;
}
.dot{width:10px;height:10px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 5px rgba(24,183,165,.16)}
h1{font-size:clamp(44px,7vw,92px);line-height:.93;letter-spacing:-.075em;margin:0 0 24px;font-weight:950}
h2{font-size:clamp(30px,4.4vw,56px);line-height:1;letter-spacing:-.055em;margin:0 0 14px;font-weight:950}
h3{font-size:24px;line-height:1.1;letter-spacing:-.025em;margin:0 0 10px}
.lead{font-size:19px;line-height:1.72;color:#332d22;font-weight:550;max-width:820px}
.lead.ar{font-size:21px;color:#593e0a;font-weight:750}
.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:36px;align-items:center}
.selector{
  background:rgba(255,255,255,.58);
  border:2px solid var(--ink);
  border-radius:38px;
  padding:18px;
  box-shadow:10px 10px 0 var(--ink);
}
.path-card{
  background:var(--ivory);
  border:2px solid rgba(0,0,0,.13);
  border-radius:30px;
  padding:26px;
  box-shadow:var(--shadow);
  min-height:310px;
  display:flex;flex-direction:column;justify-content:space-between;gap:18px;
  position:relative;overflow:hidden;
}
.path-card:before{content:"";position:absolute;right:-55px;top:-55px;width:140px;height:140px;border-radius:50%;background:rgba(236,58,134,.11)}
.path-card.arabic:before{background:rgba(24,183,165,.14)}
.path-card .flag{font-size:13px;text-transform:uppercase;letter-spacing:.12em;font-weight:950;color:#795610}
.path-card p{color:var(--muted);line-height:1.72;font-weight:560;margin:0}
.card-actions{display:flex;gap:10px;flex-wrap:wrap}
.section{padding:54px 0}
.kicker{text-transform:uppercase;letter-spacing:.13em;font-size:13px;font-weight:950;color:#7b5513;margin-bottom:10px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.info-card,.price-card{
  background:#fff;border:2px solid rgba(0,0,0,.12);border-radius:28px;padding:24px;box-shadow:var(--shadow)
}
.info-card p,.price-card p,.info-card li,.price-card li{color:var(--muted);line-height:1.65;font-weight:560}
.icon{width:52px;height:52px;border:2px solid var(--ink);border-radius:17px;background:var(--honey);display:grid;place-items:center;font-size:24px;box-shadow:4px 4px 0 var(--ink);margin-bottom:16px;font-weight:950}
.icon.pink{background:var(--pink);color:#fff}.icon.teal{background:var(--teal);color:#fff}.icon.dark{background:var(--charcoal);color:#fff}
.price-card.featured{background:var(--charcoal);color:#fff;border-color:var(--ink);box-shadow:8px 8px 0 var(--ink)}
.price-card.featured p,.price-card.featured li{color:#efeaff}
.amount{font-size:42px;font-weight:950;letter-spacing:-.05em;margin:10px 0}
.pill-row{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}
.pill{display:inline-flex;border:1px solid rgba(0,0,0,.12);border-radius:999px;background:#fff7d2;padding:7px 10px;font-size:12px;font-weight:900;color:#5b4300}
.destination-map{background:rgba(255,255,255,.46);border:2px solid var(--ink);border-radius:34px;padding:24px;box-shadow:8px 8px 0 var(--ink)}
.map-row{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:center;margin:12px 0}
.map-node{background:#fff;border:2px solid rgba(0,0,0,.12);border-radius:22px;padding:18px;font-weight:900}
.arrow{font-weight:950;font-size:28px}
.footer{padding:40px 0 50px;border-top:1px solid var(--line);color:#5f543f}
.footer-grid{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
.small{font-size:13px;line-height:1.65;color:#6b604c}
@media(max-width:900px){
  .hero-grid,.grid-3,.grid-4{grid-template-columns:1fr}
  .nav{height:auto;padding:14px 0;align-items:flex-start;flex-direction:column}
  .links{justify-content:flex-start}
  h1{font-size:50px}
  .map-row{grid-template-columns:1fr}.arrow{display:none}
}

/* V3.1 Emotional Motion Landing */
.motion-home{overflow-x:hidden;position:relative}
.ambient-orb{position:fixed;z-index:-1;border-radius:999px;filter:blur(3px);opacity:.68;pointer-events:none;animation:floatOrb 12s ease-in-out infinite alternate}
.orb-one{width:360px;height:360px;background:rgba(236,58,134,.18);right:-90px;top:110px}
.orb-two{width:320px;height:320px;background:rgba(24,183,165,.18);left:-100px;top:330px;animation-delay:-3s}
.orb-three{width:280px;height:280px;background:rgba(255,180,54,.18);right:20%;bottom:8%;animation-delay:-5s}
@keyframes floatOrb{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(24px,-28px,0) scale(1.08)}}
.emotional-nav{background:rgba(255,249,223,.78)}
.intent-links{gap:10px}
.links .nav-intent{flex-direction:column;align-items:flex-start;line-height:1.05;padding:11px 15px;border-radius:22px;background:rgba(255,255,255,.82)}
.nav-intent span{font-size:14px}.nav-intent small{font-size:10px;color:#7b5513;font-weight:900;margin-top:4px}.arabic-intent:hover{background:#ecfff9}.english-intent:hover{background:#fff0f6}
.nav-cta{animation:softPulse 2.8s ease-in-out infinite}
@keyframes softPulse{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
.bridge-mark{position:relative;overflow:hidden}.bridge-mark:after{content:"";position:absolute;inset:-20px;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.7) 48%,transparent 70%);transform:translateX(-80px);animation:shine 3.4s ease-in-out infinite}@keyframes shine{0%,55%{transform:translateX(-95px)}100%{transform:translateX(95px)}}
.emotional-hero{min-height:calc(100vh - 78px);display:flex;align-items:center;padding:72px 0 50px;position:relative}
.emotional-grid{grid-template-columns:.98fr 1.02fr;gap:44px}
.motion-badge{animation:badgeFloat 4.4s ease-in-out infinite}.pulse-dot{animation:pulseDot 1.8s ease-in-out infinite}@keyframes badgeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes pulseDot{0%,100%{box-shadow:0 0 0 5px rgba(24,183,165,.16)}50%{box-shadow:0 0 0 12px rgba(24,183,165,.05)}}
.emotional-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}
.decision-card{position:relative;overflow:hidden;border:3px solid var(--ink);border-radius:30px;padding:22px;min-height:190px;background:#fff;box-shadow:8px 8px 0 var(--ink);display:flex;flex-direction:column;gap:10px;transition:.22s cubic-bezier(.2,.8,.2,1)}
.decision-card:before{content:"";position:absolute;right:-35px;top:-35px;width:120px;height:120px;border-radius:50%;opacity:.16;transition:.22s ease}.decision-card:hover{transform:translateY(-7px) rotate(-.4deg);box-shadow:12px 13px 0 var(--ink)}.decision-card:hover:before{transform:scale(1.35)}
.decision-arabic:before{background:var(--teal)}.decision-english:before{background:var(--pink)}
.decision-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:950;color:#7b5513}.decision-card strong{font-size:26px;letter-spacing:-.04em;line-height:1.08;max-width:290px}.decision-card strong.ar{font-size:30px}.decision-card em{font-style:normal;color:#62553f;line-height:1.5;font-weight:650}.decision-card b{margin-top:auto;color:#171713}
.bridge-stage{min-height:560px;border:3px solid var(--ink);border-radius:42px;background:linear-gradient(135deg,rgba(255,255,255,.75),rgba(255,247,207,.72));box-shadow:12px 12px 0 var(--ink);position:relative;overflow:hidden;isolation:isolate}
.bridge-stage:before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 20deg,rgba(236,58,134,.13),rgba(255,180,54,.18),rgba(24,183,165,.14),rgba(236,58,134,.13));animation:spinGlow 18s linear infinite;z-index:-1}.bridge-stage:after{content:"";position:absolute;inset:18px;border-radius:32px;border:1px solid rgba(0,0,0,.09);pointer-events:none}@keyframes spinGlow{to{transform:rotate(360deg)}}
.bridge-line{position:absolute;left:9%;right:9%;top:50%;height:8px;border-radius:99px;background:linear-gradient(90deg,var(--teal),var(--honey),var(--pink));box-shadow:0 12px 30px rgba(23,23,19,.16);animation:lineBreathe 3s ease-in-out infinite}@keyframes lineBreathe{0%,100%{transform:scaleX(.94);opacity:.8}50%{transform:scaleX(1);opacity:1}}
.center-orbit{position:absolute;left:50%;top:50%;width:190px;height:190px;transform:translate(-50%,-50%);display:grid;place-items:center}.orbit-ring{position:absolute;inset:0;border:3px dashed rgba(23,23,19,.26);border-radius:50%;animation:orbit 14s linear infinite}.orbit-ring.slow{inset:18px;border-color:rgba(236,58,134,.28);animation-duration:20s;animation-direction:reverse}@keyframes orbit{to{transform:rotate(360deg)}}
.language-core{width:128px;height:128px;border-radius:38px;border:3px solid var(--ink);background:linear-gradient(135deg,#fff,#fff3be);box-shadow:7px 7px 0 var(--ink);display:grid;place-items:center;text-align:center;font-family:"Noto Naskh Arabic",serif;font-size:33px;font-weight:900;line-height:.95}.language-core span{font-family:Inter,sans-serif;font-size:22px;letter-spacing:-.04em}
.floating-card{position:absolute;width:245px;background:#fff;border:2px solid rgba(0,0,0,.12);border-radius:26px;padding:18px;box-shadow:0 25px 60px rgba(0,0,0,.14);animation:floatCard 5s ease-in-out infinite}.floating-card span{display:block;color:#7b5513;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:950;margin-bottom:7px}.floating-card strong{display:block;font-size:21px;line-height:1.12;letter-spacing:-.03em}.floating-card small{display:block;margin-top:8px;color:#665943;line-height:1.45;font-weight:650}.card-left{left:34px;top:72px}.card-right{right:34px;bottom:72px;animation-delay:-2s}@keyframes floatCard{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-14px) rotate(1deg)}}
.word-spark{position:absolute;background:#fff;border:2px solid rgba(0,0,0,.12);border-radius:999px;padding:8px 13px;font-weight:950;box-shadow:0 12px 28px rgba(0,0,0,.11);animation:spark 7s ease-in-out infinite}.word-spark.ar{font-family:"Noto Naskh Arabic",serif;font-size:18px}.s1{left:10%;bottom:115px}.s2{right:14%;top:90px;animation-delay:-1.2s}.s3{left:42%;top:52px;animation-delay:-2.4s}.s4{right:38%;bottom:54px;animation-delay:-3.3s}@keyframes spark{0%,100%{transform:translateY(0);opacity:.75}50%{transform:translateY(-18px);opacity:1}}
.section-head{max-width:820px;margin-bottom:24px}.sublead{font-size:18px;line-height:1.7;color:#594d39;font-weight:650;margin:0}
.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.audience-panel{background:rgba(255,255,255,.76);border:3px solid var(--ink);border-radius:34px;padding:28px;box-shadow:9px 9px 0 var(--ink);position:relative;overflow:hidden}.audience-panel:before{content:"";position:absolute;right:-70px;top:-70px;width:190px;height:190px;border-radius:50%;background:rgba(24,183,165,.12)}.audience-panel.english:before{background:rgba(236,58,134,.12)}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px}.panel-label{font-weight:950;color:#7b5513;text-transform:uppercase;letter-spacing:.12em;font-size:12px}.audience-panel p{color:var(--muted);line-height:1.7;font-weight:600}.motion-tags{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.motion-tags span{background:#fff7d2;border:1px solid rgba(0,0,0,.12);border-radius:99px;padding:7px 10px;font-size:12px;font-weight:950;color:#5b4300}
.journey-section{background:linear-gradient(135deg,rgba(23,23,19,.06),rgba(255,255,255,.28));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.journey-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:12px;align-items:stretch}.journey-step{background:#fff;border:2px solid rgba(0,0,0,.12);border-radius:26px;padding:22px;box-shadow:var(--shadow)}.journey-step span{width:38px;height:38px;border-radius:14px;border:2px solid var(--ink);display:grid;place-items:center;font-weight:950;background:var(--honey);box-shadow:3px 3px 0 var(--ink);margin-bottom:12px}.journey-step strong{display:block;font-size:20px;letter-spacing:-.03em}.journey-step small{display:block;color:#665943;font-weight:750;margin-top:6px}.journey-arrow{display:grid;place-items:center;font-size:30px;font-weight:950;color:#7b5513}.premium-step{background:linear-gradient(135deg,var(--charcoal),#30293b);color:#fff}.premium-step small{color:#f7e8ff}.premium-step span{background:var(--pink);color:#fff}
.reveal-up{opacity:0;transform:translateY(22px);transition:opacity .75s ease, transform .75s ease}.reveal-up.visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.20s}.delay-3{transition-delay:.28s}
@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-up{opacity:1;transform:none}}
@media(max-width:1040px){.emotional-grid{grid-template-columns:1fr}.bridge-stage{min-height:480px}.emotional-actions,.audience-grid{grid-template-columns:1fr}.journey-flow{grid-template-columns:1fr}.journey-arrow{display:none}}
@media(max-width:700px){.emotional-hero{padding-top:44px}.decision-card strong{font-size:23px}.bridge-stage{min-height:430px}.floating-card{position:relative;width:auto;margin:16px;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important}.center-orbit{width:156px;height:156px}.language-core{width:104px;height:104px;font-size:28px}.word-spark{display:none}.bridge-line{top:57%}.links .nav-intent{width:100%}.intent-links{width:100%}.links a,.btn{box-shadow:3px 3px 0 var(--ink)}}