/* consult.css — extracted page CSS (was inline). Tokens stay inline in the page. */
* { box-sizing: border-box; margin: 0; padding: 0; }
 html { scroll-behavior: smooth; }
 body {
 background: var(--bg); color: var(--fg);
 font-family: 'Cormorant Garamond','IBM Plex Sans Arabic','Inter',serif;
  font-size: var(--fs-body-fluid, 16px);
 line-height: 1.6;
 -webkit-font-smoothing: antialiased;
 }
 a { color: inherit; text-decoration: none; }
 img { max-width: 100%; display: block; }
 .container { max-width: 1180px; margin: 0 auto; padding: 0 24px; }

 header.nav {
 position: sticky; top: 0; z-index: 50;
 backdrop-filter: blur(12px);
 background: color-mix(in srgb, var(--bg) 80%, transparent);
 border-bottom: 1px solid var(--line);
 }
 .nav-row {
 display: grid; grid-template-columns: 1fr auto 1fr;
 align-items: center; height: 80px;
 }
 .brand { justify-self: center; }
 .brand-mark { width: 60px; height: 22px; object-fit: contain; }
 .brand-mark.for-dark { filter: invert(1); }
 [data-theme="dark"] .brand-mark.for-light,
 [data-theme="light"] .brand-mark.for-dark { display: none !important; }
 .nav-side-start { justify-self: start; }
 .nav-side-end { justify-self: end; display: flex; gap: 8px; }
 .btn-icon {
 width: 38px; height: 38px; border-radius: 999px;
 border: 1px solid var(--line); background: transparent; color: var(--fg);
 cursor: pointer; display: grid; place-items: center;
 font-size:clamp(17px,2.5vw,22px); font-weight: 600;
 }
 .btn-icon:hover { border-color: var(--fg); }
 [dir="rtl"] .btn-icon svg { transform: scaleX(-1); }

 /* Hero */
 .page-hero {
 padding: 100px 24px 80px;
 text-align: center;
 border-bottom: 1px solid var(--line);
 }
 .eyebrow { font-weight: 400; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
 .eyebrow::before, .eyebrow::after {
 content: ''; width: 24px; height: 1px; background: var(--muted);
 }
 .page-hero h1 {
 font-family: 'Cormorant Garamond', 'IBM Plex Sans Arabic', serif;
 font-size: clamp(44px, 7vw, 84px);
 font-weight: 400; letter-spacing: -.02em; line-height: 1.05;
 max-width: 880px; margin: 0 auto 20px;
 }
 .page-hero h1 em { font-style: italic; font-weight: 300; color: var(--muted); }
 .page-hero p {
 color: var(--muted); font-size: 17px;
 max-width: 620px; margin: 0 auto;
 }

 section { padding: 90px 0; border-top: 1px solid var(--line); }
 section:first-of-type { border-top: 0; }
 .section-title {
 font-family: 'Cormorant Garamond', 'IBM Plex Sans Arabic', serif;
 font-size: clamp(32px, 4.5vw, 52px);
 font-weight: 400; letter-spacing: -.01em; line-height: 1.15;
 margin-bottom: 18px; max-width: 760px;
 }
 .section-sub { color: var(--muted); max-width: 620px; margin-bottom: 56px; font-size:clamp(17px,2.5vw,22px); }

 /* Tier grid */
 .tiers { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
 @media (max-width: 1000px) { .tiers { grid-template-columns: 1fr 1fr; } }
 @media (max-width: 600px) { .tiers { grid-template-columns: 1fr; } }

 /* ── Level groups ── */
 .level-group { margin-bottom: 56px; }
 .level-label {
 display: flex; align-items: center; gap: 16px;
 margin-bottom: 24px;
 }
 .level-label-text {
 font-family: 'JetBrains Mono', monospace;
 font-size: 10px; letter-spacing: 3px; text-transform: uppercase;
 color: var(--muted); white-space: nowrap;
 }
 .level-label-line { flex: 1; height: 1px; background: var(--line); }

 
 /* Outcomes (What you walk away with) */
 .outcomes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 48px; margin-top: 8px; }
 @media (max-width: 800px) { .outcomes { grid-template-columns: 1fr; gap: 40px; } }
 .outcome { text-align: start; }
 .outcome-icon {
 width: 56px; height: 56px; border-radius: 999px;
 border: 1px solid var(--gold); display: grid; place-items: center;
 color: var(--gold); margin-bottom: 22px;
 }
 .outcome-icon svg { width: 24px; height: 24px; }
 .outcome h4 {
 font-family: 'Cormorant Garamond', 'IBM Plex Sans Arabic', serif;
 font-size: clamp(22px, 2.4vw, 28px); font-weight: 500;
 letter-spacing: -.01em; line-height: 1.2; margin-bottom: 12px;
 }
 .outcome p { color: var(--muted); font-size: clamp(15px, 1.8vw, 17px); line-height: 1.6; }

 /* Process */
 .steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
 @media (max-width: 800px) { .steps { grid-template-columns: 1fr 1fr; } }
 @media (max-width: 500px) { .steps { grid-template-columns: 1fr; } }
 .step {
 padding: 28px 22px; border: 1px solid var(--line); border-radius: 16px;
 background: var(--card);
 }
 .step-num {
 font-family: 'Cormorant Garamond', serif;
 font-size: 44px; line-height: 1; color: var(--muted);
 margin-bottom: 14px;
 }
 .step h4 { font-size:clamp(17px,2.5vw,22px); margin-bottom: 8px; font-weight: 600; }
 .step p { color: var(--muted); font-size:clamp(17px,2.5vw,22px); }

 /* FAQ reuse */
 .faq-item { border-bottom: 1px solid var(--line); padding: 18px 0; cursor: pointer; }
 .faq-q { font-weight: 600; font-size:clamp(17px,2.5vw,22px); display: flex; justify-content: space-between; align-items: center; }
 .faq-q .toggle { width: 22px; height: 22px; border: 1px solid var(--line); border-radius: 999px; display: grid; place-items: center; font-size:clamp(17px,2.5vw,22px); transition: transform .2s; }
 .faq-item.open .toggle { transform: rotate(45deg); }
 .faq-a { color: var(--muted); font-size:clamp(17px,2.5vw,22px); max-height: 0; overflow: hidden; transition: max-height .25s, padding .25s; }
 .faq-item.open .faq-a { max-height: 400px; padding-top: 12px; }

 footer {
 border-top: 1px solid var(--line);
 padding: 40px 0 32px; text-align: center;
 color: var(--muted); font-size:clamp(17px,2.5vw,22px);
 }
 footer a { color: var(--fg); }

 .wa-float {
 position: fixed; bottom: 24px; inset-inline-end: 24px;
 width: 56px; height: 56px; border-radius: 999px;
 background: #25d366; display: grid; place-items: center;
 box-shadow: 0 6px 24px rgba(37, 211, 102, 0.4);
 z-index: 60;
 }
 .wa-float svg { width: 28px; height: 28px; fill: #fff; }
 /* ── Universal Latin Numerals ── */
 .stat-num,.pkg-price,.svc-price,.pkg .price,.ret-plan-price,.line-range,.big-price,.cta-price,.all-svc-price,.tier-item-price,.sum-row span:last-child,.service-card-price,.sp-price,.hero-price-badge strong{font-family:'Cormorant Garamond',serif!important;}
 /* ── English: Cormorant everywhere except promo badges ── */
 
 html[lang="en"] .svc-row-badge,html[lang="en"] .svc-badge,html[lang="en"] .pkg-badge,html[lang="en"] .pill,html[lang="en"] .tag,html[lang="en"] .tier-name{font-family:'Inter',system-ui,sans-serif!important}

  html[lang='en'] body{font-family:'Cormorant Garamond','Inter','IBM Plex Sans Arabic',serif!important}
  .btn,.btn-primary,.btn-ghost,.btn-outline,.btn-next,.btn-back-step,.pkg-cta,.svc-row-cta,.cta-btn,.newsletter-btn,.coupon-btn,.filter-btn,.wa-book-btn,.wallet-pay-btn{font-family:'Cormorant Garamond','IBM Plex Sans Arabic',serif!important}
  .eyebrow,.level-label-text,.m-label,.pkg-tag,.pkg-includes-label,.hero-badge-label{font-family:'JetBrains Mono','Inter',ui-monospace,monospace!important}

  /* ── Client marquee (rebuilt) ── */
 .m-section { border-top: 1px solid var(--line); padding: 40px 0; background: var(--card); }
 .m-label {
   font-family: 'JetBrains Mono', monospace;
   font-size: 11px; letter-spacing: 3px; text-transform: uppercase;
   color: var(--muted); text-align: center; margin-bottom: 28px;
 }
 .m-strip {
   overflow: hidden;
   -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
   mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
 }
 .m-track {
   display: flex; width: max-content;
   animation: m-scroll 120s linear infinite;
 }
 .m-strip:hover .m-track { animation-play-state: paused; }
 @keyframes m-scroll {
   from { transform: translateX(0); }
   to   { transform: translateX(-50%); }
 }
 .m-item {
   flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center;
   padding: 8px 22px; margin: 0 6px; min-height: 42px; white-space: nowrap;
   font-family: 'Cormorant Garamond', serif;
   font-size: 16px; font-weight: 400; letter-spacing: .3px;
   color: var(--muted);
   border: 1px solid var(--line); border-radius: 999px;
   background: color-mix(in srgb, var(--fg) 2%, transparent);
   transition: color .25s, border-color .25s, background .25s, transform .25s;
 }
 .m-item:hover { color: var(--fg); border-color: var(--gold); background: color-mix(in srgb, var(--gold) 5%, transparent); transform: translateY(-1px); }
 @media (prefers-reduced-motion: reduce) { .m-track { animation: none; } }

 /* ── Package cards (from services.html) ── */
 .pkg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
 @media(max-width:860px){.pkg-grid{grid-template-columns:1fr;}}
 .pkg-card{background:var(--bg);border:1px solid var(--line);border-radius:20px;padding:28px 24px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:border-color .2s,transform .2s,box-shadow .2s;}
 .pkg-card:hover{border-color:color-mix(in srgb,var(--fg) 40%,transparent);transform:translateY(-3px);}
 .pkg-card.featured{border-color:var(--gold,#D4AB5E);}
 .pkg-card.featured:hover{border-color:var(--gold,#D4AB5E);box-shadow:0 12px 40px rgba(212,171,94,.12);}
 .pkg-card.featured .pkg-tag{border-color:color-mix(in srgb,var(--gold,#D4AB5E) 40%,transparent);color:var(--gold,#D4AB5E);}
 .pkg-card.dashed{border-style:dashed;}
 .pkg-badge{position:absolute;top:14px;inset-inline-end:14px;font-size:11px;font-weight:600;padding:4px 10px;border-radius:999px;letter-spacing:.02em;line-height:1;}
 .pkg-badge.free{background:rgba(46,160,90,.12);color:#3dbf6e;border:1px solid rgba(46,160,90,.35);}
 .pkg-badge.value{background:rgba(212,171,94,.10);color:#D4AB5E;border:1px solid rgba(212,171,94,.35);}
 .pkg-badge.custom{background:rgba(212,171,94,.10);color:#D4AB5E;border:1px solid rgba(212,171,94,.35);}
 .pkg-tag{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--line);border-radius:999px;padding:3px 10px;color:var(--fg);margin-bottom:16px;width:fit-content;}
 .pkg-card h4{font-size:18px;font-weight:700;margin-bottom:4px;color:var(--fg);}
 .pkg-price{font-family:'Cormorant Garamond',serif;font-size:52px;font-weight:300;letter-spacing:-.03em;margin:14px 0 6px;line-height:1;color:var(--fg);}
 .pkg-price small{font-size:clamp(17px,2.5vw,22px);font-weight:400;margin-inline-start:3px;color:var(--muted);}
 .pkg-price.free{font-size:42px;}
 .pkg-price.custom{font-size:30px;}
 .pkg-desc{background:color-mix(in srgb,var(--fg) 5%,transparent);border-radius:10px;padding:10px 12px;color:var(--muted);font-size:clamp(15px,2vw,17px);line-height:1.55;margin:0 0 16px;}
 .pkg-includes-label{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;}
 .pkg-features{display:flex;flex-direction:column;gap:0;margin-bottom:24px;flex:1;}
 .pkg-feat{display:flex;align-items:flex-start;gap:8px;font-size:clamp(15px,2vw,17px);color:var(--fg);padding:8px 0;border-bottom:1px dashed var(--line);}
 .pkg-feat:last-child{border-bottom:none;}
 .pkg-feat::before{content:"—";color:var(--fg);margin-inline-end:4px;flex-shrink:0;}
 .pkg-card .btn{width:100%;justify-content:center;background:var(--fg)!important;color:var(--bg)!important;border-color:var(--fg)!important;display:inline-flex;align-items:center;padding:14px 24px;border-radius:999px;font-size:clamp(17px,2.5vw,22px);font-weight:600;text-decoration:none;border:1px solid;transition:opacity .2s;}
 .pkg-card .btn:hover{opacity:.85;}
 @media(max-width:480px){
  .pkg-tag{font-size:10.5px;letter-spacing:.05em;padding:2px 8px;gap:4px;margin-bottom:10px;}
  .pkg-card{padding:20px 16px;}
  .pkg-card h4{font-size:16px;}
  .pkg-price{font-size:42px;}
 }

  /* Sticky book bar */
  .consult-sticky{
   position:fixed;left:0;right:0;bottom:0;z-index:80;
   display:none;padding:12px 16px calc(12px + env(safe-area-inset-bottom));
   background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(14px);
   border-top:1px solid var(--line);box-shadow:0 -8px 28px rgba(0,0,0,.25);
  }
  @media(max-width:720px){.consult-sticky{display:block} body{padding-bottom:84px}}
  .consult-sticky a{
   display:flex;align-items:center;justify-content:center;gap:8px;
   min-height:50px;border-radius:999px;text-decoration:none;font-weight:700;font-size:16px;
   background:linear-gradient(160deg,var(--gold,#D4AB5E),var(--gold-2,#b8923f));color:#06070a;
   box-shadow:0 8px 24px rgba(212,171,94,.28);
  }
  .hero-ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:28px}
  .hero-ctas .btn,.hero-ctas a.btn{
   display:inline-flex;align-items:center;justify-content:center;min-height:52px;
   padding:14px 28px;border-radius:999px;font-weight:600;font-size:16px;
   text-decoration:none;border:1px solid transparent;
  }
  .hero-ctas .btn-primary{
   background:linear-gradient(160deg,var(--gold,#D4AB5E),var(--gold-2,#b8923f));color:#06070a;
   box-shadow:0 10px 30px rgba(212,171,94,.3);border:none;
  }
  .hero-ctas .btn-outline{background:transparent;color:var(--fg);border-color:var(--line)}
  .hero-ctas .btn-outline:hover{border-color:var(--gold)}
  .pkg-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  @media(max-width:900px){.pkg-grid-3{grid-template-columns:1fr}}
  .pkg-card .btn-gold{
   width:100%;justify-content:center;display:inline-flex;align-items:center;
   padding:14px 24px;border-radius:999px;font-weight:700;text-decoration:none;
   background:linear-gradient(160deg,var(--gold,#D4AB5E),var(--gold-2,#b8923f))!important;
   color:#06070a!important;border:none!important;min-height:48px;
  }
  .pkg-card .btn{
   background:transparent!important;color:var(--fg)!important;border-color:var(--line)!important;
  }
  .pkg-card .btn:hover{border-color:var(--gold)!important;color:var(--gold)!important;opacity:1}
  .pkg-card.featured .btn,.pkg-card.featured .btn-gold{
   background:linear-gradient(160deg,var(--gold,#D4AB5E),var(--gold-2,#b8923f))!important;
   color:#06070a!important;border:none!important;
  }
  .enterprise-bar{
   margin-top:28px;padding:24px 28px;border:1px dashed color-mix(in srgb,var(--gold) 35%,var(--line));border-radius:18px;
   display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;
   background:var(--card);
  }
  .final-cta{text-align:center;padding:72px 24px;border-top:1px solid var(--line)}
  .final-cta h2{font-family:'Cormorant Garamond','IBM Plex Sans Arabic',serif;font-size:clamp(28px,4vw,44px);font-weight:400;margin-bottom:12px}
  .final-cta p{color:var(--muted);margin-bottom:28px;max-width:480px;margin-inline:auto}

  /* Topics / who-for — brand clarity */
  .page-hero .hero-badge{
   display:inline-flex;align-items:center;gap:8px;margin:20px auto 0;
   padding:8px 16px;border-radius:999px;border:1px solid color-mix(in srgb,var(--gold) 40%,var(--line));
   background:color-mix(in srgb,var(--gold) 10%,transparent);color:var(--gold);
   font-size:13px;font-weight:600;
  }
  .page-hero .hero-badge strong{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:500;color:var(--fg)}
  .trust-row{display:flex;flex-wrap:wrap;gap:10px 18px;justify-content:center;margin-top:28px}
  .trust-chip{
   font-size:13px;color:var(--muted);display:inline-flex;align-items:center;gap:6px;
  }
  .trust-chip::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--gold);flex-shrink:0}
  .topics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
  @media(max-width:860px){.topics{grid-template-columns:1fr 1fr}}
  @media(max-width:520px){.topics{grid-template-columns:1fr}}
  .topic{
   background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px 20px;
   transition:border-color .2s,transform .2s;
  }
  .topic:hover{border-color:color-mix(in srgb,var(--gold) 50%,var(--line));transform:translateY(-2px)}
  .topic-icon{
   width:44px;height:44px;border-radius:12px;display:grid;place-items:center;margin-bottom:14px;
   background:color-mix(in srgb,var(--gold) 12%,transparent);color:var(--gold);
  }
  .topic-icon svg{width:20px;height:20px}
  .topic h3{font-size:17px;font-weight:600;margin-bottom:6px;color:var(--fg)}
  .topic p{font-size:13.5px;color:var(--muted);line-height:1.55;margin:0}
  .who-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
  @media(max-width:700px){.who-grid{grid-template-columns:1fr}}
  .who-card{
   border:1px solid var(--line);border-radius:16px;padding:20px 18px;background:var(--card);
  }
  .who-card h4{font-size:15px;font-weight:600;margin-bottom:6px}
  .who-card p{font-size:13px;color:var(--muted);line-height:1.5;margin:0}
  .chooser{
   display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:40px;
  }
  @media(max-width:800px){.chooser{grid-template-columns:1fr}}
  .chooser a{
   display:block;padding:18px 18px;border-radius:16px;border:1px solid var(--line);
   background:var(--card);text-decoration:none;color:inherit;transition:border-color .2s,transform .2s;
  }
  .chooser a:hover{border-color:var(--gold);transform:translateY(-2px)}
  .chooser .ch-kicker{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:8px;font-family:'JetBrains Mono',monospace}
  .chooser .ch-title{font-size:17px;font-weight:600;margin-bottom:4px}
  .chooser .ch-desc{font-size:13px;color:var(--muted);line-height:1.5}
  .steps{grid-template-columns:repeat(3,1fr)!important}
  .pkg-meta{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px}
  .pkg-meta span{
   font-size:11px;padding:4px 10px;border-radius:999px;border:1px solid var(--line);
   color:var(--muted);letter-spacing:.02em;
  }
  .section-sub{font-size:15px!important;line-height:1.65}