:root{
    --navy:#1A4A7A;
    --navy-deep:#0F2E4F;
    --navy-soft:#2A5E92;
    --gold:#B8923F;
    --gold-light:#D4B16A;
    --gold-soft:#F0E4CC;
    --cream:#FBF8F2;
    --ink:#1B2330;
    --muted:#6B7280;
    --line:#E8E2D3;
    /* Product accents */
    --pulse:#2F7D5B;
    --pulse-light:#E8F3EE;
    --pulse-soft:#F4FAF7;
    --warn:#C97A3F;
    --compliance:#B84444;
    --compliance-soft:#FCEEEE;
    --compliance-bg:#FDF6F6;
    --success:#2F7D5B;
    --danger:#B84444;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{
    font-family:'IBM Plex Sans Arabic','Tajawal',sans-serif;
    background:var(--cream);color:var(--ink);line-height:1.7;
    overflow-x:hidden;-webkit-font-smoothing:antialiased;
  }
  .signature{font-family:'Caveat',cursive;color:var(--gold);font-weight:600}

  /* ============ PAGE SWITCHER ============ */
  .page{display:none}
  .page.active{display:block;animation:pageIn .5s ease}
  @keyframes pageIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

  /* ============ SHARED NAV ============ */
  nav.main-nav{
    position:sticky;top:0;z-index:50;
    background:rgba(251,248,242,0.88);
    backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
    border-bottom:1px solid var(--line);
  }
  .nav-wrap{max-width:1240px;margin:0 auto;padding:18px 32px;display:flex;align-items:center;justify-content:space-between}
  .logo{display:flex;align-items:baseline;gap:8px;cursor:pointer;background:none;border:none;font-family:inherit}
  .logo .mark{font-family:'Caveat',cursive;font-size:34px;color:var(--gold);font-weight:700;line-height:1}
  .logo .dot{width:7px;height:7px;border-radius:50%;background:var(--navy);display:inline-block}
  .logo .sub{font-size:11px;color:var(--navy);letter-spacing:2px;font-weight:500}
  .nav-links{display:flex;gap:32px;align-items:center}
  .nav-link{
    color:var(--navy);text-decoration:none;font-size:14.5px;font-weight:500;
    background:none;border:none;cursor:pointer;font-family:inherit;padding:0;
    transition:color .2s ease;position:relative;
  }
  .nav-link:hover{color:var(--gold)}
  .nav-link.active{color:var(--gold)}
  .nav-link.active::after{
    content:"";position:absolute;bottom:-6px;right:0;left:0;height:2px;background:var(--gold);border-radius:2px;
  }
  .nav-cta{
    background:var(--navy);color:var(--cream)!important;
    padding:10px 22px;border-radius:999px;transition:all .25s ease;
  }
  .nav-cta:hover{background:var(--gold);transform:translateY(-1px)}
  .nav-cta::after{display:none!important}
  @media(max-width:880px){
    .nav-links{gap:18px}
    .nav-link:not(.nav-cta){display:none}
  }

  /* ============ SHARED BUTTONS ============ */
  .btn-primary,.btn-secondary{
    padding:16px 32px;border-radius:999px;text-decoration:none;font-size:15.5px;font-weight:600;
    display:inline-flex;align-items:center;gap:10px;transition:all .3s cubic-bezier(.4,0,.2,1);
    border:none;cursor:pointer;font-family:'IBM Plex Sans Arabic',sans-serif;
  }
  .btn-primary{background:var(--navy);color:var(--cream);box-shadow:0 8px 24px -8px rgba(26,74,122,.4)}
  .btn-primary:hover{background:var(--navy-deep);transform:translateY(-2px);box-shadow:0 12px 30px -8px rgba(26,74,122,.5)}
  .btn-secondary{background:transparent;color:var(--navy);border:1.5px solid var(--navy)}
  .btn-secondary:hover{background:var(--navy);color:var(--cream)}

  /* ============ SHARED SECTIONS ============ */
  .section{padding:100px 32px;max-width:1240px;margin:0 auto;position:relative}
  .section-head{text-align:center;margin-bottom:64px}
  .section-eyebrow{font-family:'Caveat',cursive;font-size:28px;color:var(--gold);font-weight:600;margin-bottom:8px}
  h2.section-title{font-family:'Tajawal',sans-serif;font-size:clamp(32px,4vw,48px);color:var(--navy-deep);font-weight:800;letter-spacing:-.5px;margin-bottom:16px;line-height:1.2}
  .section-sub{font-size:17px;color:var(--muted);max-width:680px;margin:0 auto}

  /* ============ SHARED HERO STRUCTURE ============ */
  .hero{position:relative;padding:80px 32px 60px;max-width:1240px;margin:0 auto;overflow:hidden}
  .hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
  .hero-eyebrow{
    display:inline-flex;align-items:center;gap:10px;padding:8px 18px;border-radius:999px;
    font-size:13px;font-weight:600;margin-bottom:24px;letter-spacing:.5px;
  }
  .hero-eyebrow .pulse-dot{width:7px;height:7px;border-radius:50%;animation:pulseDot 2s infinite}
  @keyframes pulseDot{
    0%{box-shadow:0 0 0 0 currentColor}
    70%{box-shadow:0 0 0 12px transparent}
    100%{box-shadow:0 0 0 0 transparent}
  }
  h1.hero-title{
    font-family:'Tajawal',sans-serif;font-size:clamp(38px,5.5vw,66px);
    line-height:1.15;color:var(--navy-deep);font-weight:800;letter-spacing:-1px;margin-bottom:24px;
  }
  h1.hero-title .accent{font-family:'Caveat',cursive;color:var(--gold);font-weight:700;font-size:1.05em}
  .hero-desc{font-size:18px;color:#3a4554;max-width:560px;line-height:1.8;margin-bottom:36px}
  .hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:40px}
  .hero-stats{display:flex;gap:36px;padding-top:32px;border-top:1px solid var(--line);flex-wrap:wrap}
  .stat-num{font-family:'Tajawal',sans-serif;font-size:32px;font-weight:800;color:var(--navy);line-height:1}
  .stat-num .unit{font-size:.7em}
  .stat-lbl{font-size:13px;color:var(--muted);margin-top:6px}
  .hero-visual{position:relative;height:540px}
  .visual-card{position:absolute;background:#fff;border-radius:20px;box-shadow:0 30px 60px -20px rgba(15,46,79,.18),0 0 0 1px rgba(232,226,211,.6)}
  .deco-1{position:absolute;top:-60px;right:-80px;width:300px;height:300px;border-radius:50%;z-index:-1}
  .deco-2{position:absolute;bottom:-100px;left:-100px;width:400px;height:400px;border-radius:50%;z-index:-1}
  @media(max-width:980px){.hero-grid{grid-template-columns:1fr}.hero-visual{height:480px;margin-top:20px}}

  /* ============ SHARED FAQ ============ */
  .faq-section{padding:100px 32px;max-width:880px;margin:0 auto}
  .faq-item{
    background:#fff;border:1px solid var(--line);border-radius:16px;
    margin-bottom:14px;overflow:hidden;transition:border-color .3s ease, box-shadow .3s ease;
  }
  .faq-q{
    width:100%;background:none;border:none;cursor:pointer;padding:22px 28px;
    display:flex;justify-content:space-between;align-items:center;
    font-family:'IBM Plex Sans Arabic',sans-serif;font-size:16.5px;font-weight:600;color:var(--navy-deep);
    text-align:right;direction:rtl;
  }
  .faq-icon{
    width:32px;height:32px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;
    transition:transform .3s ease, background .3s ease;flex-shrink:0;margin-left:14px;
  }
  .faq-item.open .faq-icon{transform:rotate(45deg)}
  .faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease;padding:0 28px}
  .faq-item.open .faq-a{max-height:500px}
  .faq-a-inner{padding-bottom:24px;color:#475569;font-size:15px;line-height:1.85;border-top:1px solid var(--line);padding-top:18px}

  /* Default (gold) FAQ */
  .faq-item:hover{border-color:var(--gold-light)}
  .faq-item.open{border-color:var(--gold);box-shadow:0 12px 30px -15px rgba(184,146,63,.25)}
  .faq-icon{background:var(--gold-soft);color:var(--gold)}
  .faq-item.open .faq-icon{background:var(--gold);color:#fff}

  /* ============ SHARED FOOTER ============ */
  footer{background:var(--navy-deep);color:rgba(255,255,255,.7);padding:48px 32px 28px;text-align:center}
  footer .logo{justify-content:center;margin-bottom:16px;cursor:default}
  footer .logo .mark{color:var(--gold-light)}
  footer .logo .sub{color:rgba(255,255,255,.6)}
  footer .links{margin-bottom:18px}
  footer .links a, footer .links button{
    color:rgba(255,255,255,.8);text-decoration:none;margin:0 14px;font-size:14px;
    background:none;border:none;cursor:pointer;font-family:inherit;transition:color .2s ease;
  }
  footer .links a:hover, footer .links button:hover{color:var(--gold-light)}
  footer .legal-links{
    margin-bottom:14px;font-size:12.5px;
  }
  footer .legal-links a{
    color:rgba(255,255,255,.55);text-decoration:none;margin:0 6px;transition:color .2s ease;
  }
  footer .legal-links a:hover{color:var(--gold-light)}
  footer .legal-links .sep{color:rgba(255,255,255,.25)}
  footer .social-row{
    display:flex;justify-content:center;gap:12px;margin-bottom:20px;
  }
  footer .social-row a{
    width:36px;height:36px;border-radius:50%;
    background:rgba(255,255,255,.05);color:rgba(255,255,255,.75);
    display:inline-flex;align-items:center;justify-content:center;
    transition:all .25s ease;
  }
  footer .social-row a:hover{background:var(--gold);color:#fff;transform:translateY(-2px)}
  footer .copy{font-size:13px;color:rgba(255,255,255,.5);line-height:1.7}

  .reveal{opacity:0;transform:translateY(20px);transition:opacity .8s ease, transform .8s ease}
  .reveal.in{opacity:1;transform:translateY(0)}

  /* ============================================================ */
  /* ====================== HOME PAGE =========================== */
  /* ============================================================ */

  /* HOME HERO */
  #page-home .hero-eyebrow{
    background:rgba(184,146,63,0.10);
    border:1px solid rgba(184,146,63,0.30);color:var(--gold);
    max-width:560px;line-height:1.5;font-size:12.5px;
    border-radius:14px;padding:10px 18px;
    text-align:right;
  }
  #page-home .hero-eyebrow .pulse-dot{background:var(--gold);color:rgba(184,146,63,.6)}
  #page-home .stat-num .unit{color:var(--gold)}
  #page-home .deco-1{background:radial-gradient(circle,rgba(184,146,63,.08) 0%,transparent 70%)}
  #page-home .deco-2{background:radial-gradient(circle,rgba(26,74,122,.06) 0%,transparent 70%)}

  /* Hero visual — Brand showcase */
  #page-home .visual-card.main{
    top:30px;right:0;left:0;
    background:linear-gradient(135deg,var(--navy) 0%,var(--navy-deep) 100%);
    color:var(--cream);padding:40px 36px;transform:rotate(-1.5deg);
  }
  .home-vc-tag{
    font-size:11px;color:var(--gold-light);letter-spacing:3px;font-weight:600;margin-bottom:14px;
  }
  .home-vc-quote{
    font-family:'Tajawal',sans-serif;font-size:28px;font-weight:700;line-height:1.4;color:#fff;
    margin-bottom:28px;
  }
  .home-vc-quote em{color:var(--gold-light);font-style:normal;font-family:'Caveat',cursive;font-size:1.3em;font-weight:600}
  .home-vc-grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
    padding-top:22px;border-top:1px solid rgba(255,255,255,.1);
  }
  .home-vc-stat{text-align:center}
  .home-vc-stat .n{font-family:'Tajawal',sans-serif;font-size:24px;font-weight:800;color:var(--gold-light);line-height:1}
  .home-vc-stat .l{font-size:11px;color:rgba(255,255,255,.65);margin-top:4px}

  #page-home .visual-card.float-1{
    bottom:0;right:30px;width:240px;padding:18px 20px;transform:rotate(3deg);
    border-top:3px solid var(--gold);
  }
  .home-float-icon{
    width:36px;height:36px;border-radius:10px;background:var(--gold-soft);color:var(--gold);
    display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;margin-bottom:10px;
  }
  .home-float-h{font-size:14px;color:var(--navy-deep);font-weight:700;margin-bottom:4px}
  .home-float-p{font-size:12px;color:var(--muted);line-height:1.5}

  #page-home .visual-card.float-2{
    top:50px;left:-20px;width:210px;padding:18px;transform:rotate(-4deg);
  }
  .home-float-num{font-family:'Caveat',cursive;font-size:40px;color:var(--gold);line-height:1;font-weight:700}
  .home-float-lbl{font-size:12.5px;color:var(--ink);margin-top:8px;font-weight:500}

  /* HOME — MISSION */
  .mission-grid{
    display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;
  }
  @media(max-width:880px){.mission-grid{grid-template-columns:1fr}}
  .mission-text h2{
    font-family:'Tajawal',sans-serif;font-size:clamp(28px,3.5vw,42px);
    color:var(--navy-deep);font-weight:800;line-height:1.25;margin-bottom:24px;
  }
  .mission-text h2 em{color:var(--gold);font-style:normal;font-family:'Caveat',cursive;font-size:1.2em;font-weight:600}
  .mission-text p{font-size:16px;color:#475569;line-height:1.9;margin-bottom:18px}
  .mission-visual{
    aspect-ratio:1;max-width:480px;margin:0 auto;
    background:linear-gradient(135deg,var(--gold-soft),#fff);
    border-radius:32px;padding:48px;
    display:flex;align-items:center;justify-content:center;
    position:relative;overflow:hidden;
    border:1px solid var(--line);
  }
  .mission-tagline{
    text-align:center;
  }
  .mission-tagline .arabic{
    font-family:'Tajawal',sans-serif;font-size:38px;font-weight:800;color:var(--navy-deep);
    line-height:1.3;margin-bottom:16px;
  }
  .mission-tagline .arabic .gold-word{color:var(--gold)}
  .mission-tagline .signature-mark{
    font-family:'Caveat',cursive;font-size:48px;color:var(--gold);font-weight:700;
    transform:rotate(-3deg);display:inline-block;
  }

  /* HOME — PRODUCTS GRID */
  .products{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
  @media(max-width:980px){.products{grid-template-columns:1fr}}
  .product-card{
    background:#fff;border-radius:24px;padding:36px;
    border:1px solid var(--line);position:relative;overflow:hidden;
    transition:transform .4s ease, box-shadow .4s ease, border-color .4s ease;
    cursor:pointer;
    text-align:right;font-family:inherit;
    display:flex;flex-direction:column;
  }
  .product-card:hover{transform:translateY(-6px);box-shadow:0 30px 60px -25px rgba(15,46,79,.2)}
  .product-card.jahez:hover{border-color:var(--gold)}
  .product-card.cash:hover{border-color:var(--pulse)}
  .product-card.zatca:hover{border-color:var(--compliance)}
  .product-card::before{
    content:"";position:absolute;top:0;right:0;width:140px;height:140px;
    background:radial-gradient(circle at top right, var(--accent-color, var(--gold-soft)), transparent 70%);
    opacity:.5;
  }
  .product-card.jahez{--accent-color:rgba(184,146,63,.18)}
  .product-card.cash{--accent-color:rgba(47,125,91,.15)}
  .product-card.zatca{--accent-color:rgba(184,68,68,.15)}
  .product-icon{
    width:56px;height:56px;border-radius:16px;
    display:flex;align-items:center;justify-content:center;
    font-family:'Tajawal',sans-serif;font-weight:800;font-size:24px;
    margin-bottom:24px;position:relative;z-index:1;
  }
  .product-card.jahez .product-icon{background:var(--gold-soft);color:var(--gold)}
  .product-card.cash .product-icon{background:var(--pulse-light);color:var(--pulse)}
  .product-card.zatca .product-icon{background:var(--compliance-soft);color:var(--compliance)}
  .product-name{
    font-family:'Tajawal',sans-serif;font-size:26px;font-weight:800;color:var(--navy-deep);
    margin-bottom:10px;line-height:1.2;
  }
  .product-tag{
    font-size:12px;color:var(--muted);font-weight:600;letter-spacing:1.5px;
    margin-bottom:18px;text-transform:uppercase;
  }
  .product-desc{font-size:14.5px;color:#475569;line-height:1.8;margin-bottom:24px;flex:1}
  .product-features{list-style:none;margin-bottom:24px}
  .product-features li{
    display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink);padding:4px 0;
  }
  .product-features li::before{
    content:"✓";font-weight:700;flex-shrink:0;
  }
  .product-card.jahez .product-features li::before{color:var(--gold)}
  .product-card.cash .product-features li::before{color:var(--pulse)}
  .product-card.zatca .product-features li::before{color:var(--compliance)}
  .product-price-row{
    display:flex;align-items:center;justify-content:space-between;padding-top:18px;border-top:1px dashed var(--line);
  }
  .product-price{
    font-family:'Tajawal',sans-serif;font-weight:700;color:var(--navy-deep);font-size:15px;
  }
  .product-price .from{font-size:11px;color:var(--muted);font-weight:500;margin-left:2px}
  .product-arrow{
    width:36px;height:36px;border-radius:50%;background:#fafaf5;
    display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--navy);
    transition:all .3s ease;
  }
  .product-card:hover .product-arrow{background:var(--navy);color:#fff;transform:translateX(-4px)}

  /* HOME — STATS BAND */
  .stats-band{
    background:linear-gradient(135deg, var(--navy-deep) 0%, var(--navy) 100%);
    margin:60px 0 0;padding:80px 32px;color:#fff;position:relative;overflow:hidden;
  }
  .stats-band::before{
    content:"";position:absolute;top:-200px;right:-200px;width:600px;height:600px;
    border-radius:50%;background:radial-gradient(circle,rgba(184,146,63,.12) 0%,transparent 60%);
  }
  .stats-inner{max-width:1240px;margin:0 auto;position:relative;z-index:1}
  .stats-head{text-align:center;margin-bottom:48px}
  .stats-head .signature{font-size:30px;color:var(--gold-light)}
  .stats-head h2{
    font-family:'Tajawal',sans-serif;font-size:clamp(28px,3.5vw,40px);font-weight:800;color:#fff;margin-bottom:12px;line-height:1.3;
  }
  .stats-head h2 .gold{color:var(--gold-light)}
  .stats-head p{color:rgba(255,255,255,.7);font-size:16px;max-width:600px;margin:0 auto}
  .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
  @media(max-width:880px){.stats-grid{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:480px){.stats-grid{grid-template-columns:1fr}}
  .stat-item{
    background:rgba(255,255,255,.04);
    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;padding:32px 24px;text-align:center;
    backdrop-filter:blur(10px);
    transition:transform .3s ease, border-color .3s ease;
  }
  .stat-item:hover{transform:translateY(-4px);border-color:rgba(184,146,63,.4)}
  .stat-big{
    font-family:'Tajawal',sans-serif;font-size:42px;font-weight:800;color:var(--gold-light);line-height:1;margin-bottom:8px;
  }
  .stat-big .plus{font-family:'Caveat',cursive;font-size:.7em;vertical-align:super}
  .stat-label{color:rgba(255,255,255,.85);font-size:14px;font-weight:500;line-height:1.5}

  /* HOME — METHODOLOGY */
  .method-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;margin-top:40px}
  @media(max-width:880px){.method-steps{grid-template-columns:1fr}}
  .method-steps::before{
    content:"";position:absolute;top:42px;right:10%;left:10%;height:2px;
    background:repeating-linear-gradient(90deg,var(--gold) 0 8px,transparent 8px 16px);z-index:0;
  }
  @media(max-width:880px){.method-steps::before{display:none}}
  .method-step{position:relative;z-index:1;text-align:center;padding:0 16px}
  .method-num{
    width:84px;height:84px;border-radius:50%;background:#fff;
    border:2px solid var(--gold);color:var(--gold);
    display:flex;align-items:center;justify-content:center;
    font-family:'Caveat',cursive;font-size:42px;font-weight:700;
    margin:0 auto 22px;
    box-shadow:0 12px 28px -10px rgba(184,146,63,.4);
  }
  .method-step h4{font-family:'Tajawal',sans-serif;font-size:19px;color:var(--navy-deep);font-weight:700;margin-bottom:10px}
  .method-step p{font-size:14px;color:var(--muted);line-height:1.7}

  /* HOME — TESTIMONIAL */
  .testimonial-card{
    max-width:880px;margin:60px auto 0;
    background:#fff;border-radius:28px;padding:48px;
    border:1px solid var(--line);
    box-shadow:0 30px 70px -30px rgba(15,46,79,.18);
    position:relative;
  }
  .testimonial-quote-mark{
    position:absolute;top:24px;right:32px;
    font-family:'Tajawal',sans-serif;font-size:120px;color:var(--gold);
    line-height:1;opacity:.18;font-weight:900;
  }
  .testimonial-text{
    font-family:'Tajawal',sans-serif;font-size:22px;color:var(--navy-deep);
    line-height:1.7;font-weight:500;margin-bottom:28px;position:relative;
  }
  .testimonial-author{display:flex;align-items:center;gap:16px}
  .author-avatar{
    width:54px;height:54px;border-radius:50%;
    background:linear-gradient(135deg,var(--gold),var(--gold-light));
    color:#fff;display:flex;align-items:center;justify-content:center;
    font-family:'Tajawal',sans-serif;font-size:22px;font-weight:800;
  }
  .author-info h5{font-family:'Tajawal',sans-serif;font-size:16px;color:var(--navy-deep);font-weight:700;margin-bottom:2px}
  .author-info p{font-size:13px;color:var(--muted)}

  /* HOME — CTA */
  #page-home .final-cta-card{
    background:linear-gradient(135deg, var(--gold) 0%, #a07d2f 100%);
  }

  /* HOME — STATS DISCLAIMER */
  .stats-disclaimer{
    text-align:center;max-width:760px;margin:36px auto 0;
    color:rgba(255,255,255,.55);font-size:13px;font-style:italic;line-height:1.8;
    padding-top:24px;border-top:1px solid rgba(255,255,255,.08);
  }

  /* HOME — PROBLEM / SOLUTION */
  .problem-section{
    background:linear-gradient(180deg, #fff 0%, #fafaf5 100%);
    padding:90px 32px;margin:0;
  }
  .problem-inner{max-width:1240px;margin:0 auto}
  .problem-grid{
    display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;margin-top:48px;
  }
  @media(max-width:880px){.problem-grid{grid-template-columns:1fr}}
  .problem-col, .solution-col{
    background:#fff;border-radius:24px;padding:40px 36px;
    border:1px solid var(--line);position:relative;overflow:hidden;
  }
  .problem-col{border-right:4px solid var(--danger)}
  .solution-col{border-right:4px solid var(--success)}
  .col-label{
    display:inline-block;font-size:12px;font-weight:700;letter-spacing:2px;
    padding:6px 14px;border-radius:6px;margin-bottom:18px;
  }
  .problem-col .col-label{background:rgba(184,68,68,.1);color:var(--danger)}
  .solution-col .col-label{background:rgba(47,125,91,.1);color:var(--success)}
  .col-title{
    font-family:'Tajawal',sans-serif;font-size:24px;font-weight:800;color:var(--navy-deep);
    margin-bottom:20px;line-height:1.3;
  }
  .problem-list{list-style:none}
  .problem-list li{
    display:flex;align-items:flex-start;gap:12px;padding:11px 0;font-size:14.5px;color:#475569;line-height:1.7;
    border-bottom:1px dashed rgba(232,226,211,.6);
  }
  .problem-list li:last-child{border-bottom:none}
  .problem-list .ic{
    flex-shrink:0;width:22px;height:22px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    font-size:12px;font-weight:700;margin-top:3px;
  }
  .problem-col .problem-list .ic{background:rgba(184,68,68,.1);color:var(--danger)}
  .solution-col .problem-list .ic{background:rgba(47,125,91,.1);color:var(--success)}

  /* HOME — FOR WHOM */
  .for-whom-section{padding:100px 32px;max-width:1240px;margin:0 auto}
  .for-whom-grid{
    display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;
  }
  @media(max-width:880px){.for-whom-grid{grid-template-columns:1fr}}
  .whom-card{
    background:#fff;border:1px solid var(--line);border-radius:18px;
    padding:28px 26px;
    transition:transform .3s ease, border-color .3s ease, box-shadow .3s ease;
    position:relative;
  }
  .whom-card:hover{transform:translateY(-3px);border-color:var(--gold);box-shadow:0 18px 40px -20px rgba(184,146,63,.18)}
  .whom-icon{
    width:46px;height:46px;border-radius:12px;
    background:var(--gold-soft);color:var(--gold);
    display:flex;align-items:center;justify-content:center;
    font-size:20px;font-weight:700;margin-bottom:16px;
    font-family:'Tajawal',sans-serif;
  }
  .whom-card h4{
    font-family:'Tajawal',sans-serif;font-size:17px;color:var(--navy-deep);
    font-weight:700;margin-bottom:8px;line-height:1.4;
  }
  .whom-card p{font-size:14px;color:var(--muted);line-height:1.7}

  /* HOME — SUCCESS PARTNERS SECTION */
  .founder-section{
    background:var(--cream);
    padding:90px 32px;color:var(--ink);position:relative;overflow:hidden;margin-top:0;
  }
  .founder-section::before{
    content:"";position:absolute;top:-150px;left:-150px;width:500px;height:500px;
    border-radius:50%;background:radial-gradient(circle,rgba(184,146,63,.08),transparent 70%);
  }
  .founder-section::after{
    content:"";position:absolute;bottom:-150px;right:-150px;width:500px;height:500px;
    border-radius:50%;background:radial-gradient(circle,rgba(26,74,122,.05),transparent 70%);
  }
  .founder-inner{max-width:1100px;margin:0 auto;position:relative;z-index:1}

  .partners-head{
    text-align:center;margin-bottom:56px;
  }
  .partners-head .signature{
    color:var(--gold);font-size:30px;display:block;margin-bottom:10px;
  }
  .partners-head h2{
    font-family:'Tajawal',sans-serif;font-size:clamp(28px,3.5vw,40px);
    color:var(--navy-deep);font-weight:800;margin-bottom:18px;line-height:1.3;
  }
  .partners-divider{
    width:80px;height:2px;background:var(--gold);margin:0 auto 22px;
  }
  .partners-head p{
    font-size:16px;color:#475569;max-width:680px;margin:0 auto;line-height:1.85;
  }

  .partners-grid{
    display:grid;grid-template-columns:repeat(2,1fr);gap:28px;
  }
  @media(max-width:780px){.partners-grid{grid-template-columns:1fr}}

  .partner-card{
    background:#fff;border-radius:20px;padding:40px 36px;
    border:1px solid var(--line);
    text-align:center;
    transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
    box-shadow:0 12px 30px -18px rgba(15,46,79,.12);
  }
  .partner-card:hover{
    transform:translateY(-4px);
    border-color:var(--gold);
    box-shadow:0 24px 50px -25px rgba(184,146,63,.2);
  }

  .partner-logo{
    height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;
    margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--line);
    position:relative;
  }

  /* Partner logo images */
  .partner-img{
    max-height:130px;max-width:200px;
    width:auto;height:auto;
    object-fit:contain;
    transition:transform .4s ease;
  }
  .partner-card:hover .partner-img{transform:scale(1.05)}

  .bre-img{
    /* B Real Estate — navy logo, looks good on white */
    filter:drop-shadow(0 4px 12px rgba(26,74,122,.15));
  }

  .wb-img{
    /* White Bloom — delicate gold/white, needs slight background */
    filter:drop-shadow(0 4px 12px rgba(184,146,63,.2));
  }

  /* White Bloom card gets soft gold backdrop */
  .partner-logo.white-bloom{
    background:linear-gradient(135deg, rgba(184,146,63,.04) 0%, rgba(212,177,106,.08) 100%);
    border-radius:12px;
  }

  /* Old text-based logo styles — kept as fallback but img takes precedence */
  .logo-letter{
    font-family:'Tajawal',sans-serif;font-size:92px;font-weight:900;color:var(--navy-deep);
    line-height:1;letter-spacing:-4px;
  }
  .logo-label{
    font-family:'Tajawal',sans-serif;font-size:11px;font-weight:700;color:var(--navy-deep);
    letter-spacing:3px;margin-top:4px;
  }
  .wb-mark{
    font-family:'Caveat',cursive;font-size:54px;color:var(--gold);font-weight:700;
    line-height:1;letter-spacing:-2px;
  }
  .wb-name{
    font-family:'Tajawal',sans-serif;font-size:11px;font-weight:700;color:var(--gold);
    letter-spacing:4px;margin-top:6px;
  }

  .partner-name{
    font-family:'Tajawal',sans-serif;font-size:24px;font-weight:800;
    color:var(--navy-deep);margin-bottom:6px;line-height:1.2;
  }
  .partner-type{
    font-size:14px;color:var(--gold);font-weight:600;
    margin-bottom:18px;
  }
  .partner-desc{
    font-size:14.5px;color:#475569;line-height:1.9;text-align:right;
  }

  /* HOME — TRUST */
  .trust-section{padding:100px 32px;max-width:1240px;margin:0 auto}
  .trust-grid{
    display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:48px;
  }
  @media(max-width:980px){.trust-grid{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:520px){.trust-grid{grid-template-columns:1fr}}
  .trust-card{
    background:#fff;border:1px solid var(--line);border-radius:16px;
    padding:24px 20px;text-align:center;
    transition:all .3s ease;
  }
  .trust-card:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:0 14px 30px -18px rgba(184,146,63,.2)}
  .trust-icon{
    width:48px;height:48px;border-radius:50%;
    background:linear-gradient(135deg,var(--gold-soft),rgba(184,146,63,.25));
    color:var(--gold);
    display:flex;align-items:center;justify-content:center;
    font-size:22px;font-weight:700;margin:0 auto 16px;
    font-family:'Tajawal',sans-serif;
  }
  .trust-card h5{
    font-family:'Tajawal',sans-serif;font-size:14.5px;color:var(--navy-deep);
    font-weight:700;line-height:1.5;
  }

  /* HOME — FAQ (reuses shared FAQ styles) */

  /* LEGAL DISCLAIMER */
  .legal-notice{
    background:#fff;border:1px solid var(--line);border-right:4px solid var(--gold);
    border-radius:14px;padding:24px 28px;max-width:980px;margin:0 auto;
    display:flex;align-items:flex-start;gap:16px;
  }
  .legal-icon{
    width:36px;height:36px;border-radius:10px;background:var(--gold-soft);color:var(--gold);
    display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0;
  }
  .legal-text{flex:1}
  .legal-text strong{display:block;color:var(--navy-deep);font-size:14.5px;font-weight:700;margin-bottom:6px}
  .legal-text p{font-size:13.5px;color:var(--muted);line-height:1.8;margin:0}

  /* ============================================================ */
  /* ====================== JAHEZ PAGE ========================== */
  /* ============================================================ */
  #page-jahez .hero-eyebrow{
    background:rgba(184,146,63,0.10);border:1px solid rgba(184,146,63,0.30);color:var(--gold);
  }
  #page-jahez .hero-eyebrow .pulse-dot{background:var(--gold)}
  #page-jahez .stat-num .unit{color:var(--gold)}
  #page-jahez .deco-1{background:radial-gradient(circle,rgba(184,146,63,.08) 0%,transparent 70%)}
  #page-jahez .deco-2{background:radial-gradient(circle,rgba(26,74,122,.06) 0%,transparent 70%)}

  /* Jahez hero visual */
  #page-jahez .visual-card.main{
    top:30px;right:0;left:0;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-deep) 100%);
    color:var(--cream);padding:36px 32px;transform:rotate(-1.5deg);position:relative;
  }
  #page-jahez .visual-card.main::before{
    content:"جاهز";font-family:'Tajawal',sans-serif;
    position:absolute;top:24px;left:28px;
    font-size:13px;color:var(--gold-light);letter-spacing:3px;font-weight:600;
  }
  .score-circle{
    width:180px;height:180px;border-radius:50%;
    background:conic-gradient(var(--gold) 0% 78%, rgba(255,255,255,0.08) 78% 100%);
    margin:30px auto 20px;display:flex;align-items:center;justify-content:center;
  }
  .score-inner{
    width:148px;height:148px;border-radius:50%;background:var(--navy-deep);
    display:flex;flex-direction:column;align-items:center;justify-content:center;
  }
  .score-num{font-family:'Tajawal',sans-serif;font-size:54px;font-weight:800;color:var(--gold);line-height:1}
  .score-lbl{font-size:11px;color:rgba(255,255,255,.6);letter-spacing:2px;margin-top:4px}
  .axes{display:flex;justify-content:space-around;padding-top:18px;border-top:1px solid rgba(255,255,255,.08)}
  .axis{text-align:center}
  .axis-bar{width:6px;height:38px;background:rgba(255,255,255,.1);border-radius:3px;margin:0 auto 8px;position:relative;overflow:hidden}
  .axis-bar::after{content:"";position:absolute;bottom:0;left:0;right:0;background:var(--gold);border-radius:3px}
  .axis-bar.a1::after{height:85%} .axis-bar.a2::after{height:72%} .axis-bar.a3::after{height:90%}
  .axis-bar.a4::after{height:65%} .axis-bar.a5::after{height:78%}
  .axis-lbl{font-size:10px;color:rgba(255,255,255,.7)}

  #page-jahez .visual-card.float-1{
    bottom:0;right:30px;width:240px;padding:18px 20px;transform:rotate(3deg);border-top:3px solid var(--gold);
  }
  .float-row{display:flex;align-items:center;gap:12px;margin-bottom:10px}
  .check-icon{
    width:24px;height:24px;border-radius:50%;background:var(--success);color:#fff;
    display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;
  }
  .float-text{font-size:13px;color:var(--ink);font-weight:500}
  .float-row:last-child{margin-bottom:0}

  #page-jahez .visual-card.float-2{
    top:60px;left:-20px;width:200px;padding:16px;transform:rotate(-4deg);
  }
  .float-2-num{font-family:'Caveat',cursive;font-size:42px;color:var(--gold);line-height:1;font-weight:700}
  .float-2-lbl{font-size:12px;color:var(--muted);margin-top:4px}

  /* Jahez packages */
  .packages-2{display:grid;grid-template-columns:1fr 1fr;gap:32px}
  @media(max-width:880px){.packages-2{grid-template-columns:1fr}}
  .pkg{
    background:#fff;border-radius:24px;padding:40px 36px;position:relative;border:1px solid var(--line);
    transition:transform .4s ease, box-shadow .4s ease;
  }
  .pkg:hover{transform:translateY(-4px);box-shadow:0 30px 60px -25px rgba(15,46,79,.18)}
  .pkg.featured.gold{background:linear-gradient(180deg, #fff 0%, #fffdf7 100%);border:2px solid var(--gold);box-shadow:0 20px 50px -20px rgba(184,146,63,.25)}
  .pkg-badge{position:absolute;top:-14px;right:36px;color:#fff;padding:6px 18px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:1px}
  .pkg.featured.gold .pkg-badge{background:var(--gold)}
  .pkg-tag{display:inline-block;font-size:13px;color:var(--gold);font-weight:600;letter-spacing:2px;margin-bottom:14px;text-transform:uppercase}
  .pkg-name{font-family:'Tajawal',sans-serif;font-size:42px;font-weight:800;color:var(--navy-deep);line-height:1;margin-bottom:16px}
  .pkg-name .star{color:var(--gold);font-size:.7em;vertical-align:super}
  .pkg-desc{font-size:15px;color:var(--muted);line-height:1.7;min-height:55px;margin-bottom:28px}
  .pkg-price{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}
  .price-amount{font-family:'Tajawal',sans-serif;font-size:56px;font-weight:800;color:var(--navy-deep);line-height:1}
  .pkg.featured.gold .price-amount{color:var(--gold)}
  .price-currency{font-size:22px;color:var(--navy);font-weight:600}
  .price-period{font-size:13px;color:var(--muted);margin-bottom:24px;padding-bottom:24px;border-bottom:1px dashed var(--line)}
  .feature-list{list-style:none;margin-bottom:32px}
  .feature-list li{display:flex;align-items:flex-start;gap:12px;padding:10px 0;font-size:14.5px}
  .feat-icon{
    width:22px;height:22px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;
    font-size:12px;font-weight:700;margin-top:3px;
  }
  .feat-icon.yes{background:rgba(47,125,91,.12);color:var(--success)}
  .feat-icon.no{background:rgba(0,0,0,.05);color:#9ca3af}
  .feature-list li.disabled{color:#a8aebd;text-decoration:line-through;text-decoration-color:#d1d5db}
  .feature-list li strong{color:var(--navy-deep);font-weight:700}
  .pkg.featured.gold .feature-list li strong{color:var(--gold)}
  .pkg-btn{
    width:100%;padding:16px;border-radius:999px;font-family:'IBM Plex Sans Arabic',sans-serif;
    font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;border:none;
  }
  .pkg-btn.outline{background:transparent;color:var(--navy);border:1.5px solid var(--navy)}
  .pkg-btn.outline:hover{background:var(--navy);color:#fff}
  .pkg-btn.filled-gold{background:var(--gold);color:#fff}
  .pkg-btn.filled-gold:hover{background:#a07d2f;transform:translateY(-1px)}

  /* Jahez upgrade bridge */
  .bridge{
    margin-top:48px;
    background:linear-gradient(135deg, rgba(184,146,63,.08), rgba(26,74,122,.04));
    border:1px solid rgba(184,146,63,.25);
    border-radius:20px;padding:36px 40px;
    display:flex;align-items:center;gap:32px;flex-wrap:wrap;justify-content:space-between;
  }
  .bridge-text h3{font-family:'Tajawal',sans-serif;font-size:24px;color:var(--navy-deep);font-weight:700;margin-bottom:8px}
  .bridge-text h3 em{color:var(--gold);font-style:normal;font-family:'Caveat',cursive;font-size:1.3em;font-weight:600}
  .bridge-text p{font-size:15px;color:#3a4554;max-width:580px}
  .bridge-tag{
    background:#fff;border:1.5px solid var(--gold);padding:14px 24px;border-radius:999px;
    font-size:14.5px;color:var(--gold);font-weight:700;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;
  }

  /* Jahez compare table */
  .compare-wrap{
    background:#fff;border-radius:24px;overflow:hidden;
    box-shadow:0 20px 50px -20px rgba(15,46,79,.10);border:1px solid var(--line);
  }
  table{width:100%;border-collapse:collapse}
  thead{background:linear-gradient(180deg,#fafaf5,#fff)}
  th{padding:24px 20px;font-family:'Tajawal',sans-serif;font-size:18px;font-weight:700;color:var(--navy-deep);text-align:center;border-bottom:2px solid var(--gold)}
  th:first-child{text-align:right;color:var(--muted);font-size:14px;font-weight:500}
  th.featured-col{color:var(--gold);position:relative}
  tr.group-row td{
    background:linear-gradient(90deg, rgba(26,74,122,.04), transparent);
    font-family:'Tajawal',sans-serif;font-size:15px;font-weight:700;color:var(--navy);
    padding:14px 20px;border-bottom:1px solid var(--line);
  }
  tbody td{padding:18px 20px;border-bottom:1px solid var(--line);text-align:center;font-size:14.5px}
  tbody td:first-child{text-align:right;color:var(--ink);font-weight:500}
  tbody td:first-child small{display:block;color:var(--muted);font-size:12.5px;font-weight:400;margin-top:3px}
  tbody td.cell-yes{color:var(--success);font-size:20px}
  tbody td.cell-no{color:#cbd5e0;font-size:18px}
  tbody td.highlight{color:var(--gold);font-weight:700;font-size:15px}
  tr.price-row td{padding:28px 20px;background:#fafaf5;font-family:'Tajawal',sans-serif;font-weight:800}
  tr.price-row td.featured-col{color:var(--gold);font-size:24px}
  tr.price-row td:nth-child(2){color:var(--navy);font-size:22px}
  tr.price-row td small{display:block;font-size:12px;color:var(--muted);font-weight:400;margin-top:4px}
  @media(max-width:780px){.compare-wrap{overflow-x:auto}table{min-width:620px}}

  /* Jahez value proof */
  .value-section{
    background:linear-gradient(135deg, var(--navy-deep) 0%, var(--navy) 100%);
    margin:80px 0 0;padding:80px 32px;color:#fff;position:relative;overflow:hidden;
  }
  .value-section::before{
    content:"";position:absolute;top:-200px;right:-200px;width:600px;height:600px;
    border-radius:50%;background:radial-gradient(circle,rgba(184,146,63,.12) 0%, transparent 60%);
  }
  .value-inner{max-width:1240px;margin:0 auto;position:relative;z-index:1}
  .value-head{text-align:center;margin-bottom:56px}
  .value-head .signature{font-size:30px;color:var(--gold-light)}
  .value-head h2{font-family:'Tajawal',sans-serif;font-size:clamp(28px,4vw,44px);font-weight:800;color:#fff;margin-bottom:14px;line-height:1.2}
  .value-head h2 .gold{color:var(--gold-light)}
  .value-head p{color:rgba(255,255,255,.7);font-size:16px;max-width:680px;margin:0 auto}
  .value-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
  @media(max-width:780px){.value-stats{grid-template-columns:1fr}}
  .value-stat{
    background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
    border-radius:20px;padding:36px 28px;text-align:center;backdrop-filter:blur(10px);
    transition:transform .3s ease, border-color .3s ease;
  }
  .value-stat:hover{transform:translateY(-4px);border-color:rgba(184,146,63,.4)}
  .value-stat .big{font-family:'Tajawal',sans-serif;font-size:54px;font-weight:800;color:var(--gold-light);line-height:1;margin-bottom:8px}
  .value-stat .big .tilde{font-family:'Caveat',cursive;font-size:.7em;vertical-align:super}
  .value-stat .lbl{color:rgba(255,255,255,.85);font-size:15px;font-weight:500}
  .value-stat .sub{color:rgba(255,255,255,.55);font-size:13px;margin-top:6px}

  /* ============================================================ */
  /* ==================== CASH HEALTH PAGE ====================== */
  /* ============================================================ */
  #page-cash .hero-eyebrow{
    background:var(--pulse-light);border:1px solid rgba(47,125,91,.3);color:var(--pulse);
  }
  #page-cash .hero-eyebrow .pulse-dot{background:var(--pulse)}
  #page-cash .stat-num .unit{color:var(--pulse)}
  #page-cash .deco-1{background:radial-gradient(circle,rgba(47,125,91,.08) 0%,transparent 70%)}
  #page-cash .deco-2{background:radial-gradient(circle,rgba(26,74,122,.06) 0%,transparent 70%)}
  #page-cash h1.hero-title .underline{position:relative;display:inline-block}
  #page-cash h1.hero-title .underline::after{
    content:"";position:absolute;bottom:-4px;right:0;left:0;height:8px;
    background:rgba(47,125,91,.18);z-index:-1;border-radius:4px;
  }

  /* Cash health visual */
  #page-cash .visual-card.main{
    top:30px;right:0;left:0;background:#fff;padding:32px 30px;transform:rotate(-1deg);
    border-top:4px solid var(--pulse);
  }
  .vc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
  .vc-title{font-family:'Tajawal',sans-serif;font-size:13px;color:var(--muted);letter-spacing:2px;font-weight:600}
  .vc-status{
    background:var(--pulse-light);color:var(--pulse);padding:5px 12px;border-radius:999px;
    font-size:11.5px;font-weight:700;display:inline-flex;align-items:center;gap:6px;
  }
  .vc-status .dot{width:6px;height:6px;border-radius:50%;background:var(--pulse);animation:pulseDot 1.6s infinite}
  .vc-big{font-family:'Tajawal',sans-serif;font-size:48px;font-weight:800;color:var(--navy-deep);line-height:1;margin-bottom:6px}
  .vc-big .currency{font-size:.4em;color:var(--muted);margin-right:6px;font-weight:500}
  .vc-trend{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--pulse);font-weight:600;margin-bottom:24px}
  .ekg{height:80px;background:linear-gradient(to bottom,#fafaf5,#fff);border-radius:12px;padding:14px;position:relative;overflow:hidden}
  .ekg svg{width:100%;height:100%}
  .ekg-path{fill:none;stroke:var(--pulse);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawEkg 3s ease-out forwards 0.5s}
  @keyframes drawEkg{to{stroke-dashoffset:0}}
  .ekg-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:10.5px;color:var(--muted)}

  #page-cash .visual-card.float-1{
    bottom:0;right:30px;width:240px;padding:18px 20px;transform:rotate(3deg);border-top:3px solid var(--gold);
  }
  .ratio-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--line)}
  .ratio-row:last-child{border-bottom:none}
  .ratio-lbl{font-size:12.5px;color:var(--muted)}
  .ratio-val{font-family:'Tajawal',sans-serif;font-weight:700;color:var(--navy-deep);font-size:14px}
  .ratio-val.good{color:var(--pulse)}
  .ratio-val.warn{color:var(--warn)}

  #page-cash .visual-card.float-2{
    top:50px;left:-20px;width:210px;padding:18px;transform:rotate(-4deg);
  }
  .cash-float-mini{font-size:11px;color:var(--muted);letter-spacing:1.5px;font-weight:600;margin-bottom:6px}
  .cash-float-num{font-family:'Caveat',cursive;font-size:38px;color:var(--pulse);line-height:1;font-weight:700}
  .cash-float-lbl{font-size:12px;color:var(--ink);margin-top:8px;font-weight:500}

  /* Cash symptoms */
  .symptoms-bg{background:linear-gradient(180deg,#fff 0%,#fafaf5 100%);padding:80px 32px;margin:60px 0 0}
  .symptoms-inner{max-width:1240px;margin:0 auto}
  .symptoms{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
  @media(max-width:880px){.symptoms{grid-template-columns:1fr}}
  .symptom{
    background:#fff;border:1px solid var(--line);border-radius:20px;padding:32px 28px;
    transition:transform .3s ease, border-color .3s ease, box-shadow .3s ease;position:relative;
  }
  .symptom:hover{transform:translateY(-4px);border-color:var(--danger);box-shadow:0 20px 40px -20px rgba(184,68,68,.15)}
  .symptom-icon{
    width:48px;height:48px;border-radius:12px;background:rgba(184,68,68,.08);color:var(--danger);
    display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin-bottom:18px;
  }
  .symptom h3{font-family:'Tajawal',sans-serif;font-size:18px;color:var(--navy-deep);font-weight:700;margin-bottom:10px}
  .symptom p{font-size:14.5px;color:var(--muted);line-height:1.7}

  /* Cash diagnosis */
  .diagnosis{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:40px}
  @media(max-width:880px){.diagnosis{grid-template-columns:1fr}}
  .diag-card{
    background:#fff;border:1px solid var(--line);border-radius:20px;padding:36px;
    transition:all .3s ease;position:relative;overflow:hidden;
  }
  .diag-card::before{
    content:"";position:absolute;top:0;right:0;width:120px;height:120px;
    background:radial-gradient(circle at top right, rgba(47,125,91,.06), transparent 70%);
  }
  .diag-card:hover{border-color:var(--pulse);box-shadow:0 24px 50px -25px rgba(47,125,91,.2)}
  .diag-num{font-family:'Caveat',cursive;font-size:42px;color:var(--gold);font-weight:700;line-height:1;margin-bottom:12px}
  .diag-card h3{font-family:'Tajawal',sans-serif;font-size:22px;color:var(--navy-deep);font-weight:700;margin-bottom:12px}
  .diag-card p{font-size:15px;color:#475569;line-height:1.8;margin-bottom:18px}
  .diag-tags{display:flex;flex-wrap:wrap;gap:8px}
  .diag-tag{background:var(--pulse-soft);color:var(--pulse);padding:5px 12px;border-radius:999px;font-size:12px;font-weight:600}

  /* Cash 3-pkg */
  .packages-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
  @media(max-width:980px){.packages-3{grid-template-columns:1fr}}
  .pkg.featured.pulse{background:linear-gradient(180deg,#fff 0%,var(--pulse-soft) 100%);border:2px solid var(--pulse);box-shadow:0 20px 50px -20px rgba(47,125,91,.22)}
  .pkg.featured.pulse .pkg-badge{background:var(--pulse)}
  .pkg.featured.pulse .price-amount{color:var(--pulse)}
  .pkg.featured.pulse .feature-list li strong{color:var(--pulse)}
  .pkg-btn.filled-pulse{background:var(--pulse);color:#fff}
  .pkg-btn.filled-pulse:hover{background:#266649;transform:translateY(-1px)}

  /* Cash bonus card */
  .bonus-card{
    margin-top:48px;
    background:linear-gradient(135deg, var(--navy-deep), var(--navy));
    border-radius:24px;padding:48px 44px;color:#fff;position:relative;overflow:hidden;
    display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;
  }
  .bonus-card::before{
    content:"";position:absolute;top:-100px;left:-100px;width:400px;height:400px;
    border-radius:50%;background:radial-gradient(circle,rgba(184,146,63,.12),transparent 70%);
  }
  .bonus-text{position:relative;z-index:1}
  .bonus-text .signature{color:var(--gold-light);font-size:24px;margin-bottom:6px;display:block}
  .bonus-text h3{font-family:'Tajawal',sans-serif;font-size:28px;color:#fff;font-weight:800;margin-bottom:10px;line-height:1.3}
  .bonus-text p{font-size:15px;color:rgba(255,255,255,.8);max-width:540px;line-height:1.8}
  .bonus-tag{position:relative;z-index:1}
  .bonus-tag .lbl{font-size:11px;color:var(--gold-light);letter-spacing:2px;font-weight:600;margin-bottom:4px}
  .bonus-tag .val{font-family:'Caveat',cursive;font-size:54px;color:var(--gold-light);font-weight:700;line-height:1}
  @media(max-width:780px){.bonus-card{grid-template-columns:1fr;text-align:center}}

  /* Cash journey */
  .journey-section{
    background:linear-gradient(180deg,#fff 0%,var(--pulse-soft) 100%);
    border-radius:32px;margin:60px auto;max-width:1240px;padding:80px 32px;
  }
  .journey{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:40px;position:relative}
  @media(max-width:880px){.journey{grid-template-columns:1fr}}
  .journey::before{
    content:"";position:absolute;top:32px;right:8%;left:8%;height:2px;
    background:repeating-linear-gradient(90deg,var(--pulse) 0 8px,transparent 8px 16px);z-index:0;
  }
  @media(max-width:880px){.journey::before{display:none}}
  .step{position:relative;z-index:1;text-align:center;padding:0 12px}
  .step-num{
    width:64px;height:64px;border-radius:50%;background:#fff;border:2px solid var(--pulse);color:var(--pulse);
    display:flex;align-items:center;justify-content:center;font-family:'Tajawal',sans-serif;font-size:24px;font-weight:800;
    margin:0 auto 18px;box-shadow:0 8px 20px -8px rgba(47,125,91,.3);
  }
  .step h4{font-family:'Tajawal',sans-serif;font-size:17px;color:var(--navy-deep);font-weight:700;margin-bottom:8px}
  .step p{font-size:14px;color:var(--muted);line-height:1.7;padding:0 8px}

  /* Cash FAQ hover */
  #page-cash .faq-item:hover{border-color:var(--pulse)}
  #page-cash .faq-item.open{border-color:var(--pulse);box-shadow:0 12px 30px -15px rgba(47,125,91,.22)}
  #page-cash .faq-icon{background:var(--pulse-light);color:var(--pulse)}
  #page-cash .faq-item.open .faq-icon{background:var(--pulse);color:#fff}

  /* ============================================================ */
  /* ====================== ZATCA PAGE ========================== */
  /* ============================================================ */
  .urgency-bar{
    background:var(--compliance);color:#fff;padding:10px 32px;text-align:center;
    font-size:13.5px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:10px;
  }
  .urgency-bar strong{font-weight:700}
  .urgency-bar .clock{
    display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;
    border-radius:50%;background:rgba(255,255,255,.18);font-size:11px;
  }
  #page-zatca .hero-eyebrow{background:var(--compliance-soft);border:1px solid rgba(184,68,68,.3);color:var(--compliance)}
  #page-zatca .hero-eyebrow .pulse-dot{background:var(--compliance)}
  #page-zatca .stat-num .unit{color:var(--compliance)}
  #page-zatca .deco-1{background:radial-gradient(circle,rgba(184,68,68,.06) 0%,transparent 70%)}
  #page-zatca .deco-2{background:radial-gradient(circle,rgba(26,74,122,.06) 0%,transparent 70%)}
  #page-zatca h1.hero-title .mark{position:relative;display:inline-block;color:var(--compliance)}
  #page-zatca h1.hero-title .mark::before{
    content:"";position:absolute;top:-6px;right:-8px;left:-8px;bottom:-4px;
    border:2px solid var(--compliance);border-radius:6px;transform:rotate(-1deg);opacity:.35;
  }

  /* Zatca visual */
  #page-zatca .visual-card.main{
    top:30px;right:0;left:0;padding:30px 28px;transform:rotate(-1deg);border-top:4px solid var(--compliance);
  }
  .gauge-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
  .gauge-title{font-family:'Tajawal',sans-serif;font-size:13px;color:var(--muted);letter-spacing:2px;font-weight:600}
  .gauge-wave{font-size:11px;color:var(--compliance);font-weight:700;background:var(--compliance-soft);padding:4px 10px;border-radius:6px}
  .gauge{position:relative;width:220px;height:130px;margin:10px auto 20px}
  .gauge svg{width:100%;height:100%}
  .gauge-text{position:absolute;bottom:8px;left:0;right:0;text-align:center}
  .gauge-pct{font-family:'Tajawal',sans-serif;font-size:42px;font-weight:800;color:var(--navy-deep);line-height:1}
  .gauge-lbl{font-size:11px;color:var(--muted);letter-spacing:2px;margin-top:2px}
  .gauge-zones{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);padding:0 4px;margin-top:8px}
  .checklist-mini{display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--line);padding-top:16px}
  .check-row{display:flex;align-items:center;gap:10px;font-size:12.5px}
  .check-box{
    width:18px;height:18px;border-radius:4px;flex-shrink:0;display:flex;align-items:center;justify-content:center;
    font-size:11px;font-weight:700;
  }
  .check-box.done{background:var(--success);color:#fff}
  .check-box.partial{background:var(--warn);color:#fff}
  .check-box.todo{background:var(--compliance);color:#fff}
  .check-text{color:var(--ink);font-weight:500;flex:1}
  .check-status{font-size:11px;font-weight:600}
  .check-status.s-done{color:var(--success)}
  .check-status.s-partial{color:var(--warn)}
  .check-status.s-todo{color:var(--compliance)}

  #page-zatca .visual-card.float-1{
    bottom:10px;right:20px;width:240px;padding:18px 20px;transform:rotate(3deg);border-right:3px solid var(--compliance);
  }
  .alert-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}
  .alert-icon{
    width:24px;height:24px;border-radius:50%;background:var(--compliance-soft);color:var(--compliance);
    display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;
  }
  .alert-title{font-size:12px;color:var(--compliance);font-weight:700;letter-spacing:1px}
  .alert-num{font-family:'Tajawal',sans-serif;font-size:28px;font-weight:800;color:var(--navy-deep);line-height:1;margin-bottom:4px}
  .alert-desc{font-size:12px;color:var(--muted);line-height:1.5}

  #page-zatca .visual-card.float-2{top:60px;left:-30px;width:200px;padding:18px;transform:rotate(-4deg)}
  .zatca-float-mini{font-size:11px;color:var(--muted);letter-spacing:1.5px;font-weight:600;margin-bottom:6px}
  .zatca-float-num{font-family:'Caveat',cursive;font-size:44px;color:var(--compliance);line-height:1;font-weight:700}
  .zatca-float-lbl{font-size:12.5px;color:var(--ink);margin-top:8px;font-weight:500}

  /* Zatca penalties */
  .penalty-bg{
    background:var(--compliance-bg);padding:80px 32px;margin:60px 0 0;
    border-top:1px solid rgba(184,68,68,.12);border-bottom:1px solid rgba(184,68,68,.12);
  }
  .penalty-inner{max-width:1240px;margin:0 auto}
  .penalty-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px}
  @media(max-width:980px){.penalty-grid{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:580px){.penalty-grid{grid-template-columns:1fr}}
  .penalty-card{
    background:#fff;border-radius:18px;padding:28px 24px;border:1px solid rgba(184,68,68,.15);
    transition:transform .3s ease, border-color .3s ease;
  }
  .penalty-card:hover{transform:translateY(-3px);border-color:var(--compliance)}
  .penalty-amount{font-family:'Tajawal',sans-serif;font-size:32px;font-weight:800;color:var(--compliance);line-height:1;margin-bottom:6px}
  .penalty-amount .currency{font-size:.5em;color:var(--muted);margin-right:4px;font-weight:500}
  .penalty-violation{font-size:13.5px;color:var(--navy-deep);font-weight:600;margin-bottom:8px;line-height:1.5}
  .penalty-desc{font-size:12.5px;color:var(--muted);line-height:1.6}

  /* Zatca assessment preview */
  .assessment{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-top:40px}
  @media(max-width:880px){.assessment{grid-template-columns:1fr}}
  .assessment-text h3{font-family:'Tajawal',sans-serif;font-size:28px;color:var(--navy-deep);font-weight:800;margin-bottom:20px;line-height:1.3}
  .assessment-text h3 em{color:var(--gold);font-style:normal;font-family:'Caveat',cursive;font-size:1.2em;font-weight:600}
  .assessment-text p{font-size:15.5px;color:#475569;line-height:1.85;margin-bottom:18px}
  .axes-list{margin-top:24px}
  .axis-item{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}
  .axis-item:last-child{border-bottom:none}
  .axis-badge{
    width:36px;height:36px;border-radius:10px;background:var(--gold-soft);color:var(--gold);
    display:flex;align-items:center;justify-content:center;font-family:'Tajawal',sans-serif;font-weight:800;font-size:14px;flex-shrink:0;
  }
  .axis-info{flex:1}
  .axis-info h4{font-size:15px;color:var(--navy-deep);font-weight:700;margin-bottom:2px}
  .axis-info p{font-size:13px;color:var(--muted);margin:0;line-height:1.5}

  .assessment-preview{background:#fff;border-radius:24px;padding:36px;border:1px solid var(--line);box-shadow:0 24px 60px -25px rgba(15,46,79,.18)}
  .preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:20px;border-bottom:2px solid var(--gold)}
  .preview-title{font-family:'Tajawal',sans-serif;font-size:16px;color:var(--navy-deep);font-weight:700}
  .preview-q{font-size:11px;color:var(--muted);letter-spacing:1px;font-weight:600}
  .question-block{margin-bottom:24px}
  .question-text{font-size:15px;color:var(--navy-deep);font-weight:600;margin-bottom:16px;line-height:1.6}
  .answer-options{display:flex;flex-direction:column;gap:10px}
  .answer{
    padding:13px 16px;border:1.5px solid var(--line);border-radius:12px;
    display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s ease;font-size:14px;
  }
  .answer:hover{border-color:var(--gold)}
  .answer.selected{border-color:var(--success);background:rgba(47,125,91,.05)}
  .answer-radio{
    width:18px;height:18px;border-radius:50%;border:2px solid var(--line);flex-shrink:0;
    display:flex;align-items:center;justify-content:center;
  }
  .answer.selected .answer-radio{border-color:var(--success);background:var(--success)}
  .answer.selected .answer-radio::after{content:"";width:6px;height:6px;border-radius:50%;background:#fff}
  .answer-text{color:var(--ink);flex:1}
  .progress-bar{height:6px;background:var(--line);border-radius:3px;overflow:hidden;margin-top:8px}
  .progress-fill{height:100%;background:linear-gradient(90deg,var(--compliance),var(--gold),var(--success));width:32%;border-radius:3px}
  .progress-info{display:flex;justify-content:space-between;margin-top:10px;font-size:12px;color:var(--muted)}

  /* Zatca included */
  .included{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
  @media(max-width:880px){.included{grid-template-columns:1fr}}
  .incl-card{
    background:#fff;border:1px solid var(--line);border-radius:20px;padding:32px 28px;transition:all .3s ease;
  }
  .incl-card:hover{border-color:var(--gold);box-shadow:0 24px 50px -25px rgba(184,146,63,.2);transform:translateY(-3px)}
  .incl-icon{
    width:54px;height:54px;border-radius:14px;
    background:linear-gradient(135deg,var(--gold-soft),rgba(184,146,63,.2));color:var(--gold);
    display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;margin-bottom:20px;
    font-family:'Tajawal',sans-serif;
  }
  .incl-card h3{font-family:'Tajawal',sans-serif;font-size:19px;color:var(--navy-deep);font-weight:700;margin-bottom:12px}
  .incl-card p{font-size:14.5px;color:#475569;line-height:1.8}

  /* Zatca pricing card */
  .pricing-card{
    max-width:780px;margin:0 auto;background:#fff;border-radius:28px;
    border:2px solid var(--gold);box-shadow:0 30px 80px -30px rgba(184,146,63,.3);
    overflow:hidden;display:grid;grid-template-columns:1.2fr 1fr;
  }
  @media(max-width:780px){.pricing-card{grid-template-columns:1fr}}
  .pricing-left{padding:44px 40px;background:linear-gradient(180deg,#fff,#fffdf7)}
  .pricing-tag{display:inline-block;font-size:12px;color:var(--gold);font-weight:700;letter-spacing:2px;margin-bottom:14px;text-transform:uppercase}
  .pricing-name{font-family:'Tajawal',sans-serif;font-size:38px;font-weight:800;color:var(--navy-deep);line-height:1.1;margin-bottom:14px}
  .pricing-desc{font-size:15px;color:var(--muted);line-height:1.8;margin-bottom:24px}
  .pricing-feat{list-style:none}
  .pricing-feat li{display:flex;align-items:flex-start;gap:10px;padding:7px 0;font-size:14px;color:var(--ink)}
  .pricing-feat .check{
    width:20px;height:20px;border-radius:50%;background:rgba(47,125,91,.12);color:var(--success);
    display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;margin-top:3px;
  }
  .pricing-right{
    background:linear-gradient(135deg, var(--navy-deep), var(--navy));color:#fff;padding:44px 40px;
    display:flex;flex-direction:column;justify-content:center;text-align:center;position:relative;overflow:hidden;
  }
  .pricing-right::before{
    content:"";position:absolute;top:-100px;left:-100px;width:300px;height:300px;
    border-radius:50%;background:radial-gradient(circle,rgba(184,146,63,.15),transparent 70%);
  }
  .pricing-right > *{position:relative;z-index:1}
  .pricing-amount{font-family:'Tajawal',sans-serif;font-size:64px;font-weight:800;color:var(--gold-light);line-height:1;margin-bottom:6px}
  .pricing-amount .cur{font-size:.4em;color:rgba(255,255,255,.7);margin-right:6px;font-weight:500}
  .pricing-period{font-size:13px;color:rgba(255,255,255,.7);margin-bottom:28px}
  .pricing-btn{
    background:var(--gold);color:#fff;padding:16px 32px;border-radius:999px;
    font-family:'IBM Plex Sans Arabic',sans-serif;font-size:15px;font-weight:700;
    border:none;cursor:pointer;transition:all .3s ease;margin-bottom:18px;width:100%;
  }
  .pricing-btn:hover{background:#a07d2f;transform:translateY(-1px)}
  .pricing-guarantee{font-size:12.5px;color:rgba(255,255,255,.65);line-height:1.6}

  /* ============================================================ */
  /* ==================== FINAL CTA (shared) ==================== */
  /* ============================================================ */
  .final-cta{max-width:1100px;margin:60px auto 80px;padding:0 32px}
  .final-card{
    border-radius:28px;padding:64px 48px;text-align:center;color:#fff;position:relative;overflow:hidden;
  }
  .final-card.gold-bg{background:linear-gradient(135deg, var(--gold) 0%, #a07d2f 100%)}
  .final-card.pulse-bg{background:linear-gradient(135deg, var(--pulse) 0%, #266649 100%)}
  .final-card.compliance-bg{background:linear-gradient(135deg, var(--compliance) 0%, #8c3232 100%)}
  .final-card::before{content:"";position:absolute;top:-100px;left:-100px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.1),transparent 70%)}
  .final-card::after{content:"";position:absolute;bottom:-150px;right:-150px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(15,46,79,.15),transparent 70%)}
  .final-card > *{position:relative;z-index:1}
  .final-card .signature{color:#fff;font-size:30px}
  .final-card.pulse-bg .signature, .final-card.compliance-bg .signature{color:var(--gold-light)}
  .final-card h2{font-family:'Tajawal',sans-serif;font-size:clamp(28px,4vw,46px);font-weight:800;margin-bottom:18px;line-height:1.3}
  .final-card p{font-size:17px;opacity:.94;max-width:620px;margin:0 auto 36px}
  .final-card .btn-primary{background:var(--navy-deep);color:#fff;font-size:16px}
  .final-card .btn-primary:hover{background:#fff;color:var(--navy-deep)}

  /* ============================================================ */
  /* ==================== COMING SOON PAGE ====================== */
  /* ============================================================ */
  #page-soon{min-height:100vh;display:flex;flex-direction:column;position:relative}
  .bg-canvas{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
  .bg-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:floatOrb 20s ease-in-out infinite}
  .bg-orb.o1{width:500px;height:500px;background:radial-gradient(circle,rgba(184,146,63,.35),transparent 70%);top:-150px;right:-150px}
  .bg-orb.o2{width:600px;height:600px;background:radial-gradient(circle,rgba(26,74,122,.25),transparent 70%);bottom:-200px;left:-200px;animation-delay:-7s}
  .bg-orb.o3{width:400px;height:400px;background:radial-gradient(circle,rgba(212,177,106,.22),transparent 70%);top:40%;left:50%;animation-delay:-14s}
  @keyframes floatOrb{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(60px,-40px) scale(1.08)}66%{transform:translate(-40px,50px) scale(.95)}}
  .bg-grid{
    position:fixed;inset:0;z-index:0;pointer-events:none;
    background-image:linear-gradient(rgba(184,146,63,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(184,146,63,.04) 1px,transparent 1px);
    background-size:60px 60px;
    mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%);
    -webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%);
  }
  .soon-main{flex:1;position:relative;z-index:1;display:flex;align-items:center;justify-content:center;padding:40px 32px 60px;min-height:80vh}
  .soon-container{max-width:880px;width:100%;text-align:center}
  .soon-eyebrow{
    display:inline-flex;align-items:center;gap:12px;padding:10px 22px;border-radius:999px;
    background:rgba(255,255,255,.7);border:1px solid var(--gold);
    color:var(--gold);font-size:13px;font-weight:600;letter-spacing:1.5px;margin-bottom:32px;
    backdrop-filter:blur(10px);box-shadow:0 8px 24px -10px rgba(184,146,63,.3);
    animation:slideDown .8s cubic-bezier(.4,0,.2,1);
  }
  .soon-eyebrow .spark{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);animation:sparkPulse 1.8s infinite}
  @keyframes sparkPulse{0%{box-shadow:0 0 0 0 rgba(184,146,63,.6)}70%{box-shadow:0 0 0 10px rgba(184,146,63,0)}100%{box-shadow:0 0 0 0 rgba(184,146,63,0)}}
  @keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}
  .signature-tag{font-family:'Caveat',cursive;font-size:42px;color:var(--gold);font-weight:700;line-height:1;margin-bottom:8px;display:inline-block;transform:rotate(-2deg);animation:slideUp 1s cubic-bezier(.4,0,.2,1) .1s both}
  .soon-h1{
    font-family:'Tajawal',sans-serif;font-size:clamp(72px,12vw,150px);font-weight:900;line-height:.95;letter-spacing:-3px;
    color:var(--navy-deep);margin-bottom:20px;position:relative;display:inline-block;
    animation:slideUp 1.1s cubic-bezier(.4,0,.2,1) .2s both;
  }
  .soon-h1 .gold-text{
    color:var(--gold);
    background:linear-gradient(135deg,var(--gold) 0%,var(--gold-light) 50%,var(--gold) 100%);
    background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
    animation:shimmer 4s ease-in-out infinite;
  }
  @keyframes shimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
  .soon-h1::after{
    content:"";position:absolute;bottom:18px;right:0;left:0;height:14px;background:rgba(184,146,63,.18);
    z-index:-1;border-radius:8px;transform:rotate(-1deg);
  }
  @keyframes slideUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
  .soon-subtitle{font-size:clamp(17px,2vw,20px);color:#3a4554;max-width:560px;margin:0 auto 48px;line-height:1.8;animation:slideUp 1.2s cubic-bezier(.4,0,.2,1) .3s both}
  .countdown{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:48px;animation:slideUp 1.3s cubic-bezier(.4,0,.2,1) .4s both}
  .time-box{
    background:rgba(255,255,255,.7);backdrop-filter:blur(20px);border:1px solid rgba(232,226,211,.8);
    border-radius:20px;padding:24px 20px;min-width:110px;
    box-shadow:0 20px 50px -20px rgba(15,46,79,.18);position:relative;overflow:hidden;transition:transform .3s ease;
  }
  .time-box:hover{transform:translateY(-4px)}
  .time-box::before{content:"";position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-light))}
  .time-num{font-family:'Tajawal',sans-serif;font-size:48px;font-weight:800;color:var(--navy-deep);line-height:1;margin-bottom:8px;font-variant-numeric:tabular-nums}
  .time-lbl{font-size:12px;color:var(--muted);letter-spacing:2px;font-weight:600;text-transform:uppercase}
  @media(max-width:560px){.time-box{min-width:80px;padding:18px 14px}.time-num{font-size:36px}.countdown{gap:10px}}

  .notify-form{max-width:520px;margin:0 auto 36px;animation:slideUp 1.4s cubic-bezier(.4,0,.2,1) .5s both}
  .form-label{font-size:14px;color:var(--navy);font-weight:600;margin-bottom:14px;display:flex;align-items:center;justify-content:center;gap:8px}
  .form-row{
    display:flex;gap:10px;background:rgba(255,255,255,.8);backdrop-filter:blur(20px);
    border:1.5px solid var(--line);border-radius:999px;padding:6px;
    box-shadow:0 12px 30px -15px rgba(15,46,79,.15);transition:border-color .3s ease, box-shadow .3s ease;
  }
  .form-row:focus-within{border-color:var(--gold);box-shadow:0 12px 35px -10px rgba(184,146,63,.25)}
  .form-row input{
    flex:1;border:none;background:none;outline:none;padding:12px 20px;
    font-family:'IBM Plex Sans Arabic',sans-serif;font-size:15px;color:var(--ink);direction:rtl;text-align:right;
  }
  .form-row input::placeholder{color:#a8aebd}
  .form-row button{
    background:var(--navy);color:var(--cream);border:none;cursor:pointer;
    padding:12px 26px;border-radius:999px;font-family:'IBM Plex Sans Arabic',sans-serif;
    font-size:14.5px;font-weight:700;transition:all .3s ease;
    display:inline-flex;align-items:center;gap:6px;white-space:nowrap;
  }
  .form-row button:hover{background:var(--gold);transform:translateX(-2px)}
  .form-note{font-size:12.5px;color:var(--muted);margin-top:14px}
  .success-msg{
    display:none;background:linear-gradient(135deg,rgba(47,125,91,.1),rgba(47,125,91,.05));
    border:1px solid rgba(47,125,91,.3);color:#2F7D5B;padding:18px 24px;border-radius:16px;
    font-size:14.5px;font-weight:600;animation:slideUp .5s ease;
  }
  .success-msg.show{display:block}
  .meta-row{display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap;margin-top:8px;animation:slideUp 1.5s cubic-bezier(.4,0,.2,1) .6s both}
  .social{display:flex;gap:10px}
  .social a{
    width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.6);border:1px solid var(--line);
    display:flex;align-items:center;justify-content:center;color:var(--navy);text-decoration:none;
    transition:all .3s ease;backdrop-filter:blur(10px);
  }
  .social a:hover{background:var(--navy);color:var(--cream);transform:translateY(-3px);border-color:var(--navy)}
  .social svg{width:18px;height:18px}
  .meta-divider{width:1px;height:24px;background:var(--line)}
  .meta-link{color:var(--muted);text-decoration:none;font-size:14px;transition:color .3s ease}
  .meta-link:hover{color:var(--gold)}
  .floating-badges{position:absolute;inset:0;pointer-events:none;z-index:1}
  .badge{
    position:absolute;background:rgba(255,255,255,.85);backdrop-filter:blur(14px);
    border:1px solid var(--line);border-radius:14px;padding:14px 18px;
    box-shadow:0 20px 40px -20px rgba(15,46,79,.2);font-size:13px;display:flex;align-items:center;gap:10px;
  }
  .badge .b-icon{
    width:32px;height:32px;border-radius:8px;background:var(--gold-soft);color:var(--gold);
    display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0;
  }
  .badge-num{font-family:'Tajawal',sans-serif;font-weight:800;color:var(--navy-deep);font-size:15px;line-height:1}
  .badge-lbl{font-size:11px;color:var(--muted);margin-top:2px}
  .badge.b1{top:14%;right:-2%;transform:rotate(3deg);animation:floatBadge1 6s ease-in-out infinite}
  .badge.b2{top:50%;left:-3%;transform:rotate(-4deg);animation:floatBadge2 7s ease-in-out infinite}
  .badge.b3{bottom:18%;right:-1%;transform:rotate(2deg);animation:floatBadge3 8s ease-in-out infinite}
  @keyframes floatBadge1{0%,100%{transform:rotate(3deg) translateY(0)}50%{transform:rotate(3deg) translateY(-12px)}}
  @keyframes floatBadge2{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(-4deg) translateY(14px)}}
  @keyframes floatBadge3{0%,100%{transform:rotate(2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-10px)}}
  @media(max-width:980px){.floating-badges{display:none}}