* {
    padding: 0%;
    margin: 0%;
    box-sizing: border-box;
}

/* ===== EliteBook — Services Dropdown (upgraded) ===== */
.eb-dropdown { position: relative; }

/* Invisible hover bridge between button and menu (prevents gap flicker) */
.eb-dropdown::after{
  content:"";
  position:absolute;
  left:0; right:0;
  top:100%;                /* starts at bottom of toggle */
  height:14px;             /* small bridge zone */
  pointer-events:auto;     /* keeps hover chain alive */
}

/* Toggle button */
.eb-dropdown__toggle{
  display:flex; align-items:center; gap:.45rem;
  padding:.6rem .8rem; border-radius:12px; border:1px solid transparent;
  background: transparent; color:#fff; font-weight:700; cursor:pointer;
  line-height:1;
}
.eb-dropdown__toggle .chev{ transition: transform .2s ease; opacity:.9; }
.eb-dropdown__toggle[aria-expanded="true"] .chev{ transform: rotate(180deg); }

/* Menu panel */
.eb-dropdown__menu{
  --bg:#0f211c;           /* deep green */
  --stroke: rgba(200,168,78,.35);
  position:absolute; top: calc(100% + 10px); left:0;
  min-width: 260px;       /* larger width */
  padding:.5rem; margin:0; list-style:none; z-index: 1000;

  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)), var(--bg);
  border:1px solid var(--stroke); border-radius:16px;
  box-shadow: 0 22px 64px rgba(0,0,0,.38);

  display:grid; gap:6px;
  transform-origin: top left;
  transform: scale(.98) translateY(-6px);
  opacity:0; pointer-events:none; transition: opacity .16s ease, transform .16s ease;
}

/* When open (JS adds .is-open) */
.eb-dropdown.is-open > .eb-dropdown__menu{
  opacity:1; pointer-events:auto; transform:none;
}

/* Desktop hover open as well (keeps existing behavior) */
@media (pointer:fine){
  .eb-dropdown:hover > .eb-dropdown__menu,
  .eb-dropdown:focus-within > .eb-dropdown__menu{
    opacity:1; pointer-events:auto; transform:none;
  }
}

/* Links — bigger, elegant, with icon room */
.eb-dropdown__link{
  display:flex; align-items:center; gap:.55rem;
  padding:.7rem .75rem; border-radius:12px;
  color:#e8edf2; text-decoration:none; font-weight:600;
  line-height:1.2;
}
.eb-dropdown__link:hover,
.eb-dropdown__link:focus{
  background: rgba(255,255,255,.06);
  outline:none;
  box-shadow: inset 0 0 0 1px rgba(200,168,78,.25);
}

/* Optional small caret bullet before each link */
.eb-dropdown__link::before{
  content:"";
  width:8px; height:8px; border-radius:2px;
  background: linear-gradient(180deg, #e6d594, #C8A84E);
  opacity:.9;
}

/* Gold focus ring */
.eb-dropdown__toggle:focus-visible,
.eb-dropdown__link:focus-visible{
  outline:none; box-shadow: 0 0 0 6px rgba(200,168,78,.22);
  border-radius: 12px;
}

/* Keep menu within viewport on right edge */
.eb-dropdown--align-right .eb-dropdown__menu{
  left:auto; right:0; transform-origin: top right;
}

/* Mobile spacing (tap-friendly) */
@media (max-width: 640px){
  .eb-dropdown__menu{ min-width: 86vw; }
  .eb-dropdown__link{ padding: .9rem 1rem; }
}

/* ===== Tokens ===== */
.adv-medallion{
  --green:#0f2a23; --green2:#0b201b;
  --gold:#C8A84E; --gold-soft:#E6D495;
  --ink:#fff; --ink-soft:#E7EDF3;
  --stroke: rgba(255,255,255,.12);
  --ringShadow: 0 22px 64px rgba(0,0,0,.38);
  color:var(--ink);
  background:
    radial-gradient(1200px 600px at 90% -20%, color-mix(in srgb, var(--gold) 12%, transparent), transparent),
    radial-gradient(1000px 600px at 0% 120%, color-mix(in srgb, var(--deep-teal) 12%, transparent), transparent),
    var(--bg);  
  position:relative; overflow:clip;
  padding: clamp(72px, 10vw, 128px) 0;
}

/* Glows */
.advM-glow{ position:absolute; border-radius:50%; filter: blur(40px); opacity:.35; pointer-events:none; }
.advM-glow.g1{ width:520px; height:520px; left:-140px; top:-80px;
  background: radial-gradient(closest-side, rgba(200,168,78,.28), transparent 60%); }
.advM-glow.g2{ width:420px; height:420px; right:-120px; bottom:-100px;
  background: radial-gradient(closest-side, rgba(31,107,58,.28), transparent 60%); }

/* Layout */
.advM-inner{
  width:min(1200px,92%); margin-inline:auto;
  display:grid; gap: clamp(20px, 5vw, 40px);
  grid-template-columns: 1fr;
  align-items:center; text-align:center;
}
@media (min-width: 1000px){
  .advM-inner{ grid-template-columns: .95fr 1.05fr; text-align:left; }
}

/* Medallion */
.advM-medallion{
  position:relative; margin:0; display:grid; place-items:center;
  min-height: clamp(260px, 40vw, 480px);
}
.advM-ring{
  position:absolute; width: clamp(220px, 34vw, 420px); height: clamp(220px, 34vw, 420px);
  border-radius:50%;
  display:grid; place-items:center; pointer-events:none;
  filter: drop-shadow(var(--ringShadow));
}
.advM-ring .ring-outer,
.advM-ring .ring-inner{
  position:absolute; border-radius:50%;
  inset:0; content:"";
}
.advM-ring .ring-outer{
  background: conic-gradient(from 0deg,
    rgba(230,212,149,.95) 0%,
    rgba(200,168,78,1) 35%,
    rgba(31,107,58,.9) 55%,
    rgba(200,168,78,1) 75%,
    rgba(230,212,149,.95) 100%);
  mask: radial-gradient(circle at 50% 50%, transparent 58%, black 59%);
}
.advM-ring .ring-inner{
  inset: 10%;
  background: radial-gradient(circle at 50% 50%, rgba(255,255,255,.08), rgba(255,255,255,.02));
  border:1px solid rgba(200,168,78,.45);
  mask: radial-gradient(circle at 50% 50%, transparent 62%, black 63%);
}

/* Sparkles that orbit the ring softly */
.advM-ring .ring-sparkle{
  position:absolute; width:10px; height:10px; border-radius:50%;
  background: radial-gradient(closest-side, #FFF, rgba(255,255,255,0));
  box-shadow: 0 0 16px rgba(255,255,255,.7);
  animation: orbit 8s linear infinite;
  transform-origin: 50% 220px;
  opacity:.9;
}
.advM-ring .s1{ animation-duration: 9.5s; }
.advM-ring .s2{ animation-duration: 7.5s; }
@keyframes orbit{
  from{ transform: rotate(0deg) translateY(-50%) }
  to  { transform: rotate(360deg) translateY(-50%) }
}

/* Video circle */
.advM-video-wrap{
  position:relative; width: clamp(200px, 31vw, 380px); height: clamp(200px, 31vw, 380px);
  border-radius:50%; overflow:hidden;
}
.advM-video{
  width:100%; height:100%; object-fit:cover;
  filter: contrast(1.06) saturate(1.06) brightness(.92);
}
.advM-vignette{
  position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(closest-side, rgba(0,0,0,.0), rgba(0,0,0,.55) 85%, rgba(0,0,0,.75) 100%);
}

/* Copy */
.advM-copy{ }
.advM-kicker{
  display:inline-block; font-variant-caps:all-small-caps; letter-spacing:.18em; font-size:.8rem;
  color:var(--gold-soft); border:1px solid rgba(255,255,255,.18);
  padding:.38rem .7rem; border-radius:999px; background: rgba(0,0,0,.25);
  -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);
  opacity:0; transform: translateY(8px); animation: advM-fade .5s .1s ease forwards;
}
.advM-title{
  margin:.7rem 0 .35rem; font-family:"Georgia","Times New Roman",serif; font-weight:900; letter-spacing:-.015em;
  line-height:.96; font-size: clamp(2.2rem, 6.6vw, 4.8rem);
  opacity:0; transform: translateY(8px); animation: advM-fade .6s .18s ease forwards;
}
.advM-title em{
  background: linear-gradient(90deg, var(--gold), #1F6B3A);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-style:normal;
}
.advM-dek{
  max-width: 70ch; color:var(--ink-soft);
  font-size: clamp(1rem,1.5vw,1.22rem); line-height:1.6;
  opacity:0; transform: translateY(8px); animation: advM-fade .6s .26s ease forwards;
}
.advM-points{
  list-style:none; padding:0; margin: clamp(10px, 2.6vw, 16px) 0 0;
  display:grid; gap:10px;
  opacity:0; transform: translateY(8px); animation: advM-fade .6s .34s ease forwards;
}
@media (min-width: 900px){ .advM-points{ grid-template-columns: repeat(3, minmax(0,1fr)); max-width: 900px; } }
.advM-points li{
  text-align:center; color:#dbe2ea; font-size:.98rem;
  background: rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08);
  border-radius:999px; padding:.58rem .85rem;
}

.advM-cta{
  display:flex; flex-wrap:wrap; gap:.7rem; margin-top: clamp(14px, 3vw, 24px);
  opacity:0; transform: translateY(8px); animation: advM-fade .6s .42s ease forwards;
}
.advM-btn{
  display:inline-block; padding:.95rem 1.25rem; border-radius:14px; font-weight:800; text-decoration:none;
  border:1px solid transparent; transition: transform .18s ease, box-shadow .25s ease, background .25s ease, color .25s ease;
}
.advM-btn.gold{
  color:#0e1216; background: linear-gradient(180deg, var(--gold-soft), var(--gold)); border-color: rgba(200,168,78,.7);
  box-shadow: 0 12px 30px rgba(200,168,78,.30), inset 0 1px 0 rgba(255,255,255,.35);
}
.advM-btn.gold:hover{ transform: translateY(-2px); box-shadow: 0 16px 36px rgba(200,168,78,.38); }
.advM-btn.ghost{ color:#f1f5f9; background: transparent; border-color: rgba(255,255,255,.28); }
.advM-btn.ghost:hover{ transform: translateY(-2px); background: rgba(255,255,255,.06); box-shadow: 0 10px 26px rgba(0,0,0,.25); }

/* Scroll cue */
.advM-scroll{
  position:absolute; left:50%; transform: translateX(-50%); bottom:16px;
  width:28px; height:44px; border-radius:16px; border:1px solid rgba(255,255,255,.28);
  background: rgba(0,0,0,.18); display:grid; place-items:center; cursor:pointer;
}
.advM-scroll span{ width:6px; height:10px; border-radius:3px; background:rgba(255,255,255,.85); animation: advM-dot 1.6s ease-in-out infinite; }
@keyframes advM-dot{ 0%{ transform: translateY(-6px); opacity:.2 } 50%{ opacity:1 } 100%{ transform: translateY(6px); opacity:.2 } }

/* Animations */
@keyframes advM-fade{ to{ opacity:1; transform:none; } }

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  .advM-kicker,.advM-title,.advM-dek,.advM-points,.advM-cta{ animation:none; opacity:1; transform:none; }
  .advM-ring .ring-sparkle{ display:none; }
}

/* Tokens */
.adv{
  --green:#0f2a23; --green2:#0b201b;
  --gold:#C8A84E; --gold-soft:#e6d495;
  --ink:#ffffff; --ink-soft:#e6ebf2;
  --stroke: rgba(255,255,255,.12);
  --card: rgba(255,255,255,.06);
  --rad: 18px;
  --shadow: 0 22px 64px rgba(0,0,0,.38);
  --ring: 0 0 0 6px rgba(200,168,78,.22);
  color: var(--ink);
  background:
    radial-gradient(1200px 520px at 12% -10%, rgba(31,107,58,.18), transparent 60%),
    radial-gradient(1200px 520px at 88% 110%, rgba(200,168,78,.16), transparent 60%),
    linear-gradient(180deg, var(--green), var(--green2));
  overflow: clip;
}

/* HERO */
.adv__hero{ position:relative; padding: clamp(64px, 10vw, 120px) 0; text-align:center; }
.adv__hero-inner{ width:min(1100px,92%); margin-inline:auto; }
.adv__chip{
  display:inline-block; font-variant-caps: all-small-caps; letter-spacing:.18em; font-size:.8rem;
  color: var(--gold-soft); border:1px solid rgba(255,255,255,.18); padding:.38rem .7rem; border-radius:999px;
  background: rgba(0,0,0,.25); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px);
}
.adv__title{
  margin:.7rem 0 .4rem; font-family:"Georgia","Times New Roman",serif; font-weight:900; letter-spacing:-.015em;
  line-height:.98; font-size: clamp(2.2rem, 6.6vw, 4.6rem);
}
.adv__title em{
  background: linear-gradient(90deg, var(--gold), #1F6B3A);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-style:normal;
}
.adv__dek{ max-width: 70ch; margin: 0 auto; color: var(--ink-soft); font-size: clamp(1rem,1.5vw,1.22rem); line-height:1.6; }
.adv__cta{ display:flex; justify-content:center; gap:.7rem; margin-top: clamp(14px, 3vw, 24px); }

.adv__btn{
  display:inline-block; padding:.95rem 1.25rem; border-radius:14px; font-weight:800; text-decoration:none;
  border:1px solid transparent; transition: transform .18s ease, box-shadow .25s ease, background .25s ease, color .25s ease;
}
.adv__btn--gold{
  color:#0e1216; background: linear-gradient(180deg, var(--gold-soft), var(--gold)); border-color: rgba(200,168,78,.7);
  box-shadow: 0 12px 30px rgba(200,168,78,.30), inset 0 1px 0 rgba(255,255,255,.35);
}
.adv__btn--gold:hover{ transform: translateY(-2px); box-shadow: 0 16px 36px rgba(200,168,78,.38); }
.adv__btn--ghost{ color:#f1f5f9; background: transparent; border-color: rgba(255,255,255,.28); }
.adv__btn--ghost:hover{ transform: translateY(-2px); background: rgba(255,255,255,.06); box-shadow: 0 10px 26px rgba(0,0,0,.25); }

/* Ambient glows */
.adv__glow{ position:absolute; border-radius:50%; filter: blur(38px); opacity:.35; pointer-events:none; }
.adv__glow.g1{ width:520px; height:520px; left:-140px; top:-80px; background: radial-gradient(closest-side, rgba(200,168,78,.28), transparent 60%); }
.adv__glow.g2{ width:420px; height:420px; right:-120px; bottom:-100px; background: radial-gradient(closest-side, rgba(31,107,58,.28), transparent 60%); }

/* VALUE STRIP */
.adv__values{ padding: clamp(18px, 3vw, 26px) 0; }
.adv__value-list{ width:min(1100px,92%); margin:auto; list-style:none; padding:0; display:grid; gap:10px; }
@media(min-width:900px){ .adv__value-list{ grid-template-columns: repeat(3, minmax(0,1fr)); } }
.adv__value{
  text-align:center; color:#dbe2ea; font-size:.98rem; padding:.6rem .8rem; border:1px solid rgba(255,255,255,.08);
  border-radius:999px; background: rgba(255,255,255,.05);
}

/* SERVICES GRID */
.adv__grid-wrap{ padding: clamp(26px, 6vw, 54px) 0; }
.adv__section-title{ text-align:center; margin:0 0 .8rem; font-weight:900; letter-spacing:-.01em; }
.adv__grid{ width:min(1200px,92%); margin:auto; list-style:none; padding:0; display:grid; gap: clamp(14px, 2.4vw, 22px); }
@media(min-width:640px){ .adv__grid{ grid-template-columns: repeat(2, minmax(0,1fr)); } }
@media(min-width:1100px){ .adv__grid{ grid-template-columns: repeat(3, minmax(0,1fr)); } }
.adv__card{
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015)), var(--card);
  border:1px solid var(--stroke); border-radius: var(--rad); padding: clamp(16px, 2vw, 20px);
  box-shadow: var(--shadow); backdrop-filter: blur(8px); transition: transform .35s ease, border-color .25s ease;
}
.adv__card:hover{ transform: translateY(-3px); border-color: rgba(200,168,78,.42); }
.adv__icon{
  display:grid; place-items:center; width:50px; height:50px; border-radius:12px; margin-bottom:8px; color: var(--gold);
  background: radial-gradient(closest-side, rgba(200,168,78,.18), transparent 70%), linear-gradient(180deg, rgba(200,168,78,.10), rgba(31,107,58,.10));
  border:1px solid rgba(200,168,78,.45); box-shadow: inset 0 0 0 1px rgba(255,255,255,.04);
}
.adv__card h3{ margin:.2rem 0 .2rem; font-size:1.05rem; }
.adv__card p{ color:#CFD7E3; font-size:.98rem; line-height:1.55; }

/* TIMELINE */
.adv__timeline{ padding: clamp(26px, 6vw, 54px) 0; }
.adv__steps{ width:min(1200px,92%); margin:auto; list-style:none; padding:0; display:grid; gap: clamp(12px, 2.2vw, 18px); }
@media(min-width:900px){ .adv__steps{ grid-template-columns: repeat(4, minmax(0,1fr)); } }
.adv__step{
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015)), var(--card);
  border:1px solid var(--stroke); border-radius:16px; padding: clamp(14px, 2vw, 20px); box-shadow: var(--shadow);
}
.adv__badge{
  display:inline-grid; place-items:center; width:42px; height:42px; border-radius:12px; font-weight:800; color:#0f141a;
  background: radial-gradient(closest-side, #E9D990, var(--gold)); border:1px solid rgba(200,168,78,.65); box-shadow: inset 0 1px 0 rgba(255,255,255,.32);
  transform: rotate(-6deg); margin-bottom:.4rem;
}
.adv__step h3{ margin:.1rem 0 .2rem; font-size:1.05rem; }
.adv__step p{ color:#CFD7E3; font-size:.98rem; line-height:1.55; }

/* CTA */
.adv__cta-wrap{ padding: clamp(28px, 6vw, 56px) 0; text-align:center; }
.adv__cta-note{
  color:#B5C0CF; font-size:.95rem; margin: .1rem 0 .6rem;
  background: rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08); border-radius: 999px; display:inline-block; padding:.55rem .9rem;
}

/* Reveal Animations */
[data-reveal]{ opacity:0; transform: translateY(14px); }
[data-reveal].in{ opacity:1; transform:none; transition: opacity .7s ease, transform .7s ease; transition-delay: calc(var(--i,0) * 80ms); }

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  [data-reveal], [data-reveal].in{ opacity:1; transform:none; transition:none; }
  .adv__btn{ transition:none; }
}

/* ====== EliteBook Solution — Booking Consultation CTA ====== */
:root {
    --eb-gold: #C8A84E;
    --eb-green: #1F6B3A;
    --ink-50: #f1f5f9;
    --ink-200: #cbd5e1;
    --ink-900: #0b0f14;
    --bg-0: #0b0f14;
    --bg-1: #0f141a;
    --glass: rgba(255,255,255,.06);
    --stroke: rgba(255,255,255,.10);
    --rad: 20px;
    --shadow: 0 22px 64px rgba(0,0,0,.38);
    --ring: 0 0 0 6px rgba(200,168,78,.22);
}

.cta-wrap {
    position: relative;
    isolation: isolate;
    color: #fff;
    background: radial-gradient(1100px 520px at 12% -10%, rgba(31,107,58,.18), transparent 60%), radial-gradient(1100px 520px at 88% 110%, rgba(200,168,78,.16), transparent 60%), linear-gradient(180deg, var(--bg-0), var(--bg-1));
    padding: clamp(56px, 8vw, 96px) 0;
    overflow: clip;
}

.cta-container {
    width: min(1100px,92%);
    margin-inline: auto;
}

.cta-card {
    background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)), var(--glass);
    border: 1px solid var(--stroke);
    border-radius: var(--rad);
    padding: clamp(20px, 4vw, 32px);
    box-shadow: var(--shadow);
    text-align: center;
    position: relative;
    overflow: hidden;
}
.cta-card::after {
    content: "";
    position: absolute;
    inset: -1px -1px auto;
    height: 140px;
    background: radial-gradient(520px 100px at 0% 0%, rgba(200,168,78,.22), transparent 60%), radial-gradient(420px 80px at 100% 0%, rgba(31,107,58,.18), transparent 60%);
    pointer-events: none;
    opacity: 0.9;
}

.cta-chip {
    display: inline-block;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    font-size: 0.72rem;
    color: var(--eb-gold);
    border: 1px solid rgba(200,168,78,.45);
    padding: 0.38rem 0.6rem;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(200,168,78,.18), rgba(31,107,58,.18));
}

.cta-title {
    margin: 0.75rem 0 0.4rem;
    font-weight: 800;
    font-size: clamp(1.6rem, 3.6vw, 2.4rem);
    line-height: 1.15;
    letter-spacing: -.018em;
    text-shadow: 0 2px 14px rgba(0,0,0,.25);
}

.cta-blurb {
    margin-inline: auto;
    max-width: 70ch;
    color: #dde3ea;
    font-size: clamp(.98rem, 1.3vw, 1.06rem);
}

.cta-gains {
    list-style: none;
    margin: clamp(14px, 2.6vw, 20px) 0 0;
    padding: 0;
    display: grid;
    gap: 10px;
    grid-template-columns: 1fr;
    max-width: 820px;
    margin-inline: auto;
}
.cta-gains li {
    font-size: 0.95rem;
    color: #dbe2ea;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 999px;
    padding: 0.55rem 0.9rem;
}
@media (min-width: 860px) {
    .cta-gains {
        grid-template-columns: repeat(3, minmax(0,1fr));
    }
}

.cta-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.7rem;
    justify-content: center;
    margin-top: clamp(18px, 3.2vw, 26px);
}

.cta-btn {
    display: inline-block;
    padding: 0.92rem 1.2rem;
    border-radius: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: transform 0.18s ease, box-shadow 0.25s ease, background 0.25s ease, color 0.25s ease;
    border: 1px solid transparent;
}

.cta-primary {
    color: var(--ink-900);
    background: linear-gradient(180deg, #ddc877, var(--eb-gold));
    border-color: rgba(200,168,78,.7);
    box-shadow: 0 10px 26px rgba(200,168,78,.28), inset 0 1px 0 rgba(255,255,255,.35);
}
.cta-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 14px 34px rgba(200,168,78,.34);
}
.cta-primary:focus-visible {
    outline: none;
    box-shadow: var(--ring), 0 10px 26px rgba(200,168,78,.28);
}

.cta-ghost {
    color: #f1f5f9;
    background: transparent;
    border-color: rgba(255,255,255,.18);
}
.cta-ghost:hover {
    transform: translateY(-2px);
    background: rgba(255,255,255,.06);
    border-color: rgba(255,255,255,.28);
    box-shadow: 0 10px 26px rgba(0,0,0,.25);
}
.cta-ghost:focus-visible {
    outline: none;
    box-shadow: var(--ring);
}

.cta-trust {
    margin-top: 0.7rem;
    color: #aeb7c2;
    font-size: 0.9rem;
}

/* Motion accessibility */
@media (prefers-reduced-motion: reduce) {
    .cta-btn {
        transition: none;
    }
    .cta-ghost:hover,
    .cta-primary:hover {
        transform: none;
    }
}