/* Cosmetic theme for OmniGLP V4 - Emerald Green to Teal/Blue Palette */
:root{color-scheme:dark;--bg:#000;--paper:#000;--panel:#070b12;--panel-2:#0a101b;--ink:#fff;--body:#f4f6fa;--muted:#c6cfda;--blue:#2563eb;--cyan:#06b6d4;--pink:#10b981;--emerald:#10b981;--mint:#00ffb3;--teal:#06b6d4;--gold:#ffb627;--green:#10b981;--purple:#3b82f6;--display:"Yeseva One",serif;--serif:"Playfair Display",serif;--ui:"Rajdhani",sans-serif;--tech:"Oxanium",sans-serif}
html{background:#000;scrollbar-color:#687d92 #070b12}
body{background:radial-gradient(ellipse at 15% 5%,#051811 0,transparent 30%),radial-gradient(ellipse at 95% 35%,#071428 0,transparent 28%),#000;color:var(--body);font-family:var(--serif);font-weight:500;-webkit-font-smoothing:antialiased}
::selection{color:#fff;background:#0d5c3f}
input,textarea{caret-color:var(--mint)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--mint);outline-offset:4px}
/* =========================================================
   OMNIGLP V4: GREEN-TO-BLUE HOLOGRAPHIC HERO HEADER
   ========================================================= */
.site-header {
  position: relative !important;
  width: 100% !important;
  background-color: #040812 !important;
  background-image: 
    radial-gradient(ellipse at 20% 50%, rgba(16, 185, 129, 0.28) 0%, transparent 50%),
    radial-gradient(ellipse at 80% 40%, rgba(6, 182, 212, 0.28) 0%, transparent 55%),
    url("concept4-hero-bg-v4.jpg") !important;
  background-repeat: no-repeat !important;
  background-position: center right !important;
  background-size: cover !important;
  color: #ffffff !important;
  overflow: hidden !important;
  border-bottom: 1px solid rgba(16, 185, 129, 0.3) !important;
}

.site-header::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(90deg, rgba(4, 8, 18, 0.94) 0%, rgba(4, 8, 18, 0.72) 45%, rgba(4, 8, 18, 0.15) 85%, rgba(4, 8, 18, 0.45) 100%) !important;
  pointer-events: none !important;
  z-index: 1 !important;
}

.nav, .hero, .subbar {
  position: relative !important;
  z-index: 2 !important;
}

.site-header .nav {
  max-width: 1220px !important;
  margin: 0 auto !important;
  padding: 22px 34px !important;
  background: rgba(4, 8, 18, 0.5) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  border-bottom: 1px solid rgba(16, 185, 129, 0.25) !important;
}

.hero {
  max-width: 1220px !important;
  margin: 0 auto !important;
  padding: 65px 34px 75px !important;
  display: grid !important;
  grid-template-columns: 1.5fr 1fr !important;
  gap: 50px !important;
  align-items: center !important;
}

.hero h1 {
  font-family: var(--display), 'Playfair Display', Georgia, serif !important;
  font-size: clamp(38px, 4.4vw, 62px) !important;
  line-height: 1.08 !important;
  letter-spacing: -2px !important;
  color: #ffffff !important;
  margin: 20px 0 22px !important;
}

.hero h1 em {
  font-style: normal !important;
  background: linear-gradient(135deg, #00ffb3 0%, #10b981 40%, #06b6d4 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  filter: drop-shadow(0 0 16px rgba(16, 185, 129, 0.45)) !important;
}

.hero .eyebrow {
  color: #00ffb3 !important;
  font-family: var(--ui), 'Rajdhani', sans-serif !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  letter-spacing: 2.5px !important;
  text-transform: uppercase !important;
  text-shadow: 0 0 10px rgba(0, 255, 179, 0.5) !important;
}

.hero .deck {
  color: #cdd6e4 !important;
  font-size: 16px !important;
  line-height: 1.75 !important;
  max-width: 530px !important;
  margin-bottom: 24px !important;
}

.hero-brand {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  background: rgba(6, 14, 24, 0.75) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(16, 185, 129, 0.5) !important;
  border-radius: 24px !important;
  padding: 28px 24px !important;
  box-shadow: 
    0 20px 50px rgba(0, 0, 0, 0.65), 
    0 0 35px rgba(16, 185, 129, 0.3), 
    inset 0 0 20px rgba(6, 182, 212, 0.15) !important;
  transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important;
  overflow: hidden !important;
  text-align: center !important;
  max-width: 440px !important;
  width: 100% !important;
  margin: 0 auto !important;
}

.hero-brand:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(16, 185, 129, 0.75) !important;
  box-shadow: 
    0 25px 60px rgba(0, 0, 0, 0.75), 
    0 0 45px rgba(16, 185, 129, 0.45), 
    inset 0 0 25px rgba(6, 182, 212, 0.25) !important;
}

.hero-brand img.hero-brand-full-frame,
.hero-brand img.hero-brand-logo,
.hero-brand img {
  display: block !important;
  width: 100% !important;
  max-width: 330px !important;
  height: auto !important;
  border-radius: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
  object-fit: contain !important;
  margin: 0 auto 16px auto !important;
}

.hero-brand-tagline {
  margin: 0 !important;
  font-family: 'Rajdhani', 'Oxanium', system-ui, sans-serif !important;
  font-size: clamp(1.2rem, 1.45vw, 1.45rem) !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: #ffffff !important;
  letter-spacing: 0.2px !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.9) !important;
}

.hero-brand-tagline span.highlight-green,
.hero-brand-tagline span {
  background: linear-gradient(135deg, #10b981, #00ffb3, #06b6d4) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

.omni-theme-pink {
  background: linear-gradient(135deg, #10b981, #00ffb3) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* =========================================================
   VIBRANT GREEN-TO-BLUE NEON BUTTON DESIGN SYSTEM
   ========================================================= */

.hero .primary,
.primary,
.pill.solid,
.submit-btn,
.support-main .submit-btn,
.support-main .setup-continue,
.contact-art .lead-form .submit-btn,
.finalcta .primary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  background: linear-gradient(90deg, #10b981 0%, #06b6d4 50%, #2563eb 100%) !important;
  background-size: 200% auto !important;
  color: #ffffff !important;
  font-family: var(--ui), 'Rajdhani', sans-serif !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  letter-spacing: 0.5px !important;
  padding: 15px 32px !important;
  border-radius: 50px !important;
  border: 1px solid rgba(255, 255, 255, 0.5) !important;
  box-shadow: 
    0 0 25px rgba(16, 185, 129, 0.65), 
    0 0 15px rgba(6, 182, 212, 0.45),
    inset 0 1px 2px rgba(255, 255, 255, 0.5) !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4) !important;
  margin-top: 14px !important;
}

.hero .primary:hover,
.primary:hover,
.pill.solid:hover,
.submit-btn:hover,
.support-main .submit-btn:hover,
.support-main .setup-continue:not([aria-disabled=true]):hover,
.contact-art .lead-form .submit-btn:hover,
.finalcta .primary:hover {
  background-position: right center !important;
  transform: translateY(-3px) scale(1.02) !important;
  border-color: #ffffff !important;
  box-shadow: 
    0 0 38px rgba(16, 185, 129, 0.85), 
    0 0 25px rgba(6, 182, 212, 0.65),
    inset 0 1px 3px rgba(255, 255, 255, 0.7) !important;
  color: #ffffff !important;
}

.pillbutton,
.nav-cta .pillbutton,
.pill,
.language-toggle,
a.offer-link,
.banner a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: rgba(10, 18, 32, 0.75) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  color: #ffffff !important;
  font-family: var(--ui), 'Rajdhani', sans-serif !important;
  font-weight: 700 !important;
  font-size: 0.9rem !important;
  letter-spacing: 0.5px !important;
  padding: 11px 22px !important;
  border-radius: 50px !important;
  border: 1px solid rgba(16, 185, 129, 0.6) !important;
  box-shadow: 
    0 0 16px rgba(16, 185, 129, 0.3), 
    inset 0 0 10px rgba(16, 185, 129, 0.15) !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.pillbutton:hover,
.nav-cta .pillbutton:hover,
.pill:hover,
.language-toggle:hover,
a.offer-link:hover,
.banner a:hover {
  background: linear-gradient(90deg, rgba(16, 185, 129, 0.35), rgba(6, 182, 212, 0.35)) !important;
  border-color: #00ffb3 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 
    0 0 25px rgba(16, 185, 129, 0.6), 
    0 0 18px rgba(6, 182, 212, 0.45),
    inset 0 0 15px rgba(16, 185, 129, 0.2) !important;
}

.subbar {
  background: rgba(5, 9, 18, 0.95) !important;
  color: #e3e8ee !important;
  border-top: 1px solid rgba(16, 185, 129, 0.3) !important;
  border-bottom: 2px solid transparent !important;
  border-image: linear-gradient(90deg, #10b981, #06b6d4, #2563eb, #10b981) 1 !important;
  font-family: var(--ui), 'Rajdhani', sans-serif !important;
  font-size: 15px !important;
  padding: 16px 24px !important;
  text-align: center !important;
}

.subbar strong {
  color: #10b981 !important;
}
.subbar strong{color:var(--cyan)}
.intro{color:#f4f6fa;font-family:var(--serif)}.intro span{background:none;color:#bdeaff}
h2,h3,.item h2,.asidecard h3,.finalcta h2,.support-main .art-h2{font-family:var(--display);font-weight:400;color:#fff;letter-spacing:-.02em}
.item,.item:is(#one,#pricing,#three,#four,#five,#six,#seven){--accent:#00ffb3;--bright:#10b981;--wash:#0b211b;--edge:#295744;background:linear-gradient(150deg,#0e141f,#030509);color:#f4f6fa;border-color:var(--edge);box-shadow:0 18px 45px #0004}
.item#pricing{--accent:#68c7ee;--bright:#68c7ee;--wash:#0c202c;--edge:#285269}
.item#three{--accent:#5ee0a2;--bright:#5ee0a2;--wash:#0b211b;--edge:#295744}
.item#four{--accent:#c19aff;--bright:#b179ff;--wash:#1a132b;--edge:#534073}
.item#five{--accent:#68c7ee;--bright:#68c7ee;--wash:#0c202c;--edge:#285269}
.item#six{--accent:#c19aff;--bright:#b179ff;--wash:#1a132b;--edge:#534073}
.item#seven{--accent:#5ee0a2;--bright:#5ee0a2;--wash:#0b211b;--edge:#295744}
.item:before{inset:0 0 auto;width:auto;height:2px;background:linear-gradient(90deg,var(--bright),#68c7ee,#c19aff)}
.item:after{display:none}
.item .num,.item:is(#pricing,#five) .num{font-family:var(--display);font-style:normal;color:var(--accent);background:var(--wash);border-color:var(--edge);box-shadow:none}
.item .label,.item .sectionmark,.item#five .label,.item#five .sectionmark{color:var(--accent)}
.item .body p,.item:is(#pricing,#five) .body p{color:#e3e8ee;font-family:var(--serif);font-size:15px;line-height:1.8}
.item .takeaway,.item:is(#pricing,#five) .takeaway{color:#e3e8ee;background:var(--wash);border-left:1px solid var(--bright);font-family:var(--serif);font-size:14px}
.item .takeaway b,.item#five .takeaway b{color:var(--accent)}
.item .notice,.item#pricing .notice{color:#c6cfda!important}
.item .steps div,.item#four .steps div,.item .factpair>div,.item .studylist>div,.item .rolegrid>div,.item .ticklist div{background:var(--wash);color:#e3e8ee;border-color:var(--edge)}
.item .steps b,.item#four .steps b,.item .factpair strong,.item .studylist b,.item .rolegrid b,.item .resource,.item#pricing .resource{color:var(--accent)}
.item .medbadge{color:var(--accent);background:var(--wash)}
.item .factpair small{color:#e3e8ee}
.item .pricecard,.item#pricing .pricecard{background:#040a11;border-color:#68c7ee55}
.item .price,.item#pricing .price{color:var(--cyan);font-family:var(--display);letter-spacing:-.03em}
.pricegrid small,.pricecard .sum{color:#e3e8ee}
.item .researchnote,.item .snapshot{color:#d6f1ff;background:#0c202c;border-color:#285269}
.item .guide-source,.item .sourcelinks,.item .comparison-table small{color:#c6cfda}
.comparison-table th{color:#ff8ed1;border-color:#63324d}.comparison-table td{color:#e3e8ee;border-color:#344252}
.item .caregrid div,.item#five .caregrid div{color:#f4f6fa}
.questions{background:#070b12;border:1px solid #68c7ee45;color:#fff}.questions .label{color:var(--cyan)}
.questions details{border-color:#344252}.questions details p{color:#e3e8ee;font-family:var(--serif);font-size:15px}.questions summary{font-size:18px;color:#fff}.questions summary::marker{color:#ff8ed1}
.asidehead{color:var(--cyan)}.toc li{border-color:#68c7ee30}.toc a{color:#e3e8ee;font-family:var(--ui);font-size:15px}.toc a:hover{color:#fff;background:#142030}
.toc a span{background:#230d20;color:#ff8ed1}.toc li:nth-child(3n+2) span{background:#1a132b;color:#c19aff}.toc li:nth-child(3n) span{background:#0b211b;color:#5ee0a2}
.asidecard,.finalcta{background:radial-gradient(ellipse at 100% 0,#251329,transparent 70%),#070b12;border-color:#69416b}
.asidecard p,.finalcta p{color:#e3e8ee;font-family:var(--serif)}.asidefoot,.finalcta .minor{color:#c6cfda}
.finalcta:before{background:linear-gradient(90deg,#ff1ea2,#68c7ee,#c19aff,#5ee0a2)}
.site-footer{background:#030509;border-top-width:2px;border-image:linear-gradient(90deg,#ff1ea2,#68c7ee,#c19aff,#5ee0a2) 1}.site-footer p,.footer-links{color:#c6cfda}.footer-links a:hover{color:var(--cyan)}
/* Enrollment, contact and legal reading surfaces. */
.support-main .art,.support-main .contact-art{background:#070b12;color:#f4f6fa;border-color:#68c7ee45;box-shadow:0 18px 45px #0004}
.support-main .art-p,.support-main .art-lead,.support-main .art-list,.support-main p,.support-main li{color:#e3e8ee;font-family:var(--serif)}
.support-main .art-h1,.support-main .art-h2,.contact-art .contact-details .art-h2,.support-main .setup-ready h2,.support-main .form-thanks h3{color:#fff}
.support-main a,.support-main .art-back,.contact-art .contact-details a,.support-main .setup-store-links a,.support-main .setup-guide-visual figcaption a{color:var(--cyan)}
.support-main .art-eyebrow,.contact-art .contact-intro .art-eyebrow{color:var(--cyan)}
.contact-art .contact-intro{background:radial-gradient(ellipse at 95% 10%,#30112c,transparent 65%),#030509;border-bottom:1px solid #ff1ea280}
.contact-art .contact-intro .art-h1{color:#ff8ed1}
.contact-art .contact-details{background:#0b211b;border:1px solid #295744}
.contact-art .contact-details .art-list li{background:#071710;color:#e3e8ee}
.contact-art>.art-h2{color:#c19aff;border-left:1px solid #b179ff}
.support-main .art-note,.support-main .setup-ready{background:#171226;color:#e3e8ee;border-color:#534073}
.support-main .lead-form,.contact-art .lead-form{background:#0a101b;color:#fff;border:1px solid #365a76;box-shadow:none}
.support-main .field label,.contact-art .lead-form .form-sub{color:#e3e8ee;font-family:var(--ui);font-size:17px}
.support-main input:not([type=checkbox]),.support-main select,.support-main textarea{background:#03070d;color:#fff;border:1px solid #687d92;font-family:var(--ui);font-size:18px}
.support-main input::placeholder,.support-main textarea::placeholder{color:#b5c4d4;opacity:1}
.support-main .consent,.support-main .consent-text,.support-main .fineprint,.support-main .setup-agree,.support-main .setup-help,.support-main .setup-status{color:#c6cfda}
.support-main .setup-summary,.support-main .setup-app-card,.support-main .form-thanks{background:#0a101b;border-color:#365a76}
.support-main .setup-summary b,.support-main .setup-app-card figcaption strong{color:#fff}
.support-main .setup-summary span,.support-main .setup-app-card figcaption,.support-main .setup-app-card figcaption>span{color:#e3e8ee}
.support-main .setup-continue,.contact-art .lead-form .submit-btn{color:#fff;background:#230d20;border:1px solid #ff1ea2;box-shadow:0 5px 22px #ff1ea225}
.support-main input[type=checkbox],.contact-art .lead-form input[type=checkbox]{accent-color:#ff1ea2}
@media(max-width:640px){.hero h1{font-size:clamp(33px,9.5vw,45px)}.hero .deck{font-size:16px}.item .body p{font-size:15px}.item .takeaway{font-size:14px}.item h2{font-size:25px}.support-main .art-h1{font-size:35px}.hero .meta{flex-wrap:wrap;font-size:9px}}


/* Restored Original Pricecard Structure with Golden Yellow Promo Styling */
.item .pricecard, .item#pricing .pricecard {
  padding: 26px 28px !important;
  background: #040a11 !important;
  border: 1px solid rgba(104, 199, 238, 0.35) !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.4) !important;
  margin: 24px 0 !important;
  color: #ffffff !important;
}
.pricegrid {
  display: grid !important;
  grid-template-columns: 1fr 22px 1fr !important;
  align-items: flex-start !important;
  gap: 18px !important;
}
.pricegrid .price {
  font-family: var(--display), Georgia, serif !important;
  font-size: 42px !important;
  letter-spacing: -1.5px !important;
  color: var(--cyan) !important;
}
.pricegrid small {
  display: block !important;
  color: #b6bec7 !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
  margin-top: 6px !important;
}
.pricecard .sum {
  margin-top: 20px !important;
  border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
  padding-top: 16px !important;
  font-size: 13px !important;
  color: #d4dae1 !important;
}
@media (max-width: 640px) {
  .pricegrid {
    grid-template-columns: 1fr !important;
    gap: 15px !important;
  }
}