/* EveryExtra marketing site — "Big screen": deep navy, magenta and turquoise, Sora throughout.
   Loaded after app.css on the public sales pages only (body.site). The app itself keeps its own theme. */
body.site {
  --navy: #0B1538; --navy-2: #13204D; --navy-3: #1B2758; --pink: #FF2E93; --pink-2: #E0207C; --teal: #2EE6D6; --soft: #B9C3EE;
  --bg: #0B1538; --ink: #E8ECFF; --muted: #B9C3EE; --line: #24316B; --brand: #FFFFFF; --brand-2: #E8ECFF; --accent: #2EE6D6; --accent-2: #13204D; --highlight: #FF2E93;
  --serif: 'Sora', system-ui, sans-serif; --sans: 'Sora', system-ui, sans-serif;
  background: var(--navy); color: var(--ink); font-family: var(--sans); font-size: 17px; -webkit-font-smoothing: antialiased;
}
body.site h1, body.site h2, body.site h3 { font-family: var(--sans); letter-spacing: -.03em; }
body.site a { color: var(--teal); }
body.site :focus-visible { outline: 3px solid var(--teal); outline-offset: 3px; }

/* light bands and anything that should look like the real (light) app */
.site .band-light, .site .phone, .site .tv, .site .seat-mock, .site .keep-mock, .site .mk-float, .site .mk-drop-menu, .site .qc-mock {
  --bg: #FFFFFF; --ink: #0B1538; --muted: #4A5683; --line: #E1E6F5; --brand: #0B1538; --brand-2: #1B2758; --accent-2: #EEF1FB; --accent: #2EE6D6; --highlight: #FF2E93;
  color: var(--ink);
}
.site .band-light { background: #FFFFFF; }
.site .band-light a:not(.btn) { color: #C2186B; }

/* buttons */
.site .btn { background: var(--pink); border-color: var(--pink); color: #FFFFFF; border-radius: 14px; font-weight: 700; }
.site .btn:hover { background: var(--pink-2); border-color: var(--pink-2); }
.site .btn-ghost { background: transparent; color: var(--brand); border: 2px solid currentColor; }
.site .btn-ghost:hover { background: color-mix(in srgb, var(--brand) 10%, transparent); color: var(--brand); }
.site .btn-light { background: #FFFFFF; color: var(--navy); border-color: #FFFFFF; }
.site .btn-light:hover { background: var(--teal); border-color: var(--teal); color: var(--navy); }
.site .btn-outline-light { background: transparent; color: #FFFFFF; border: 2px solid rgba(255,255,255,.6); }
.site .btn-outline-light:hover { background: rgba(255,255,255,.1); }
.site .btn-lg { padding: 17px 30px; font-size: 1.05rem; }

/* header */
.site .mk-top { background: color-mix(in srgb, var(--navy) 88%, transparent); border-bottom: 1px solid var(--line); }
.site .mk-top-in { min-height: 76px; }
.site .mk-nav > a, .site .mk-drop > summary, .site .mk-login { color: var(--ink); font-weight: 600; }
.site .mk-nav > a:hover, .site .mk-drop > summary:hover, .site .mk-login:hover { color: var(--teal); }
.site .mk-drop-menu { background: #FFFFFF; border-color: #E1E6F5; }
.site .mk-drop-menu a { color: var(--ink); }
.site .mk-drop-menu svg { background: #FFE3F0; stroke: var(--pink-2); }
.site .mk-mega-h { color: #4A5683; }
.ee-logo { display: inline-flex; align-items: center; gap: 11px; text-decoration: none; color: #FFFFFF; flex: none; }
.ee-logo svg { width: 36px; height: 36px; flex: none; }
.ee-logo span { font-weight: 800; font-size: 1.4rem; letter-spacing: -.035em; line-height: 1; color: #FFFFFF; }

/* layout */
.site .mk-wrap { max-width: 1240px; padding: 0 28px; }
.site .mk-sec { padding: 104px 0 0; }
.site .mk-sec:last-of-type { padding-bottom: 104px; }
.site .band-light.mk-sec, .site .mk-sec.band-light { padding: 96px 0; margin-top: 104px; }
.site .mk-h2 { font-size: clamp(2.1rem, 4.4vw, 3.6rem); line-height: 1.02; color: var(--brand); font-weight: 800; max-width: 16ch; }
.site .mk-h3 { color: var(--brand); font-weight: 800; }
.site .mk-sub { color: var(--muted); font-size: 1.15rem; line-height: 1.6; }
.site .mk-kicker { color: var(--teal); font-weight: 600; letter-spacing: 0; text-transform: none; }
.site .band-light .mk-kicker { color: #0E8F86; }
.site .mk-lede { color: var(--muted); }
.site .mk-more { color: var(--teal); }
.site .band-light .mk-more { color: #C2186B; }

/* hero (inner pages) */
.site .mk-hero { background: radial-gradient(1200px 500px at 70% -10%, rgba(255,46,147,.18), transparent 60%), var(--navy); }
.site .mk-hero h1 { color: #FFFFFF; font-weight: 800; letter-spacing: -.04em; line-height: 1; }
.site .mk-crumbs, .site .mk-crumbs a { color: var(--soft); }

/* home hero */
.ee-hero { padding: 64px 0 40px; text-align: center; }
.ee-pill { display: inline-flex; gap: 9px; align-items: center; margin: 0 0 24px; padding: 8px 16px; border-radius: 999px; background: rgba(46,230,214,.12); color: var(--teal); font-weight: 600; font-size: .95rem; }
.ee-pill i { width: 8px; height: 8px; border-radius: 50%; background: var(--teal); box-shadow: 0 0 0 4px rgba(46,230,214,.25); }
.ee-hero h1 { font-size: clamp(3rem, 7.4vw, 6.6rem); line-height: .98; letter-spacing: -.045em; font-weight: 800; color: #FFFFFF; margin: 0 auto; max-width: 11ch; }
.ee-hero .mk-lede { margin: 26px auto 0; max-width: 36em; font-size: 1.25rem; line-height: 1.55; }
.ee-hero .mk-lede p { margin: 0; }
.ee-hero .mk-btns { justify-content: center; margin-top: 34px; }
.ee-note { color: var(--soft); font-size: .95rem; margin: 6px 0 0; }

.ee-stage { position: relative; max-width: 1040px; margin: 56px auto 0; padding: 0 28px 70px; }
.ee-tv { background: #050A1F; border: 14px solid var(--navy-3); border-radius: 22px; aspect-ratio: 16 / 9; position: relative; overflow: hidden; box-shadow: 0 40px 120px rgba(255,46,147,.18); }
.ee-tv-grid { position: absolute; inset: 0; display: grid; grid-template-columns: 2fr 1fr; grid-template-rows: 1fr 1fr; gap: 8px; padding: 8px; }
.ee-tv-grid img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 4px; }
.ee-tv-grid .big { grid-row: span 2; }
.ee-tv-cap { position: absolute; left: 22px; bottom: 20px; background: rgba(5,10,31,.75); color: #FFFFFF; font-weight: 700; padding: 7px 12px; border-radius: 9px; font-size: .95rem; }
.ee-tv-msg { position: absolute; left: 24px; top: 24px; max-width: 44%; background: rgba(5,10,31,.88); color: #FFFFFF; border-radius: 16px; padding: 16px 18px; text-align: left; }
.ee-tv-msg p { margin: 0; font-size: 1.05rem; line-height: 1.4; } .ee-tv-msg small { display: block; margin-top: 6px; color: var(--teal); font-weight: 600; }
.ee-tv-qr { position: absolute; right: 18px; bottom: 18px; background: #FFFFFF; color: var(--navy); border-radius: 14px; padding: 10px 14px 10px 10px; display: flex; gap: 12px; align-items: center; font-weight: 800; font-size: .9rem; line-height: 1.25; text-align: left; }
.ee-tv-qr i { width: 64px; height: 64px; background: repeating-conic-gradient(var(--navy) 0 25%, #FFFFFF 0 50%) 0 0 / 11px 11px; border-radius: 4px; }
.ee-tv-stand { width: 160px; height: 18px; background: var(--navy-3); margin: 0 auto; border-radius: 0 0 8px 8px; }
.ee-phone { position: absolute; left: -6px; bottom: 0; width: 196px; aspect-ratio: 9 / 19; background: #FFFFFF; border: 8px solid var(--navy-3); border-radius: 32px; padding: 14px 10px; box-sizing: border-box; display: flex; flex-direction: column; gap: 8px; text-align: left; box-shadow: 0 30px 60px rgba(0,0,0,.4); }
.ee-phone b { color: var(--navy); font-size: .95rem; }
.ee-phone-grid { display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: 1fr; gap: 4px; flex: 1; min-height: 0; }
.ee-phone-grid img { width: 100%; height: 100%; object-fit: cover; border-radius: 4px; display: block; }
.ee-phone .ee-fab { background: var(--pink); color: #FFFFFF; text-align: center; padding: 8px; border-radius: 10px; font-weight: 800; font-size: .85rem; }
.ee-toast { position: absolute; right: -4px; top: 18%; display: flex; gap: 12px; align-items: center; background: #FFFFFF; color: var(--navy); padding: 12px 16px 12px 12px; border-radius: 16px; box-shadow: 0 20px 50px rgba(0,0,0,.35); text-align: left; }
.ee-toast svg { width: 38px; height: 38px; padding: 8px; border-radius: 12px; background: var(--pink); stroke: #FFFFFF; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; box-sizing: border-box; }
.ee-toast b { display: block; font-size: .95rem; } .ee-toast small { color: #4A5683; }

/* proof strip */
.site .mk-strip { background: var(--navy-2); border-color: var(--line); }
.site .mk-strip-in { color: var(--ink); justify-content: center; gap: 14px 40px; }
.site .mk-strip-in span::before { background: var(--pink); }

/* steps */
.ee-steps { list-style: none; padding: 0; margin: 48px 0 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 40px; counter-reset: s; }
.ee-steps li { counter-increment: s; }
.ee-steps li::before { content: counter(s); display: grid; place-items: center; width: 52px; height: 52px; border-radius: 16px; background: var(--pink); color: #FFFFFF; font-weight: 800; font-size: 1.4rem; }
.ee-steps h3 { font-size: 1.6rem; margin: 20px 0 8px; color: var(--navy); }
.ee-steps p { margin: 0; color: #4A5683; font-size: 1.05rem; line-height: 1.6; }

/* feature cards */
.site .mk-cards { grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); gap: 18px; }
.site .mk-card { background: var(--navy-2); border: 1px solid var(--line); color: var(--ink); border-radius: 22px; padding: 28px; }
.site .mk-card:hover { border-color: var(--pink); }
.site .mk-card h3 { color: #FFFFFF; font-size: 1.3rem; }
.site .mk-card p { color: var(--muted); }
.site .mk-ic svg { background: rgba(255,46,147,.14); stroke: var(--pink); }
.ee-new { display: inline-block; margin-left: 8px; padding: 2px 9px; border-radius: 999px; background: var(--teal); color: var(--navy); font-size: .72rem; font-weight: 800; vertical-align: 3px; letter-spacing: 0; }

/* feature rows */
.site .mk-feature { padding: 120px 0 0; }
.site .mk-feature-art { background: radial-gradient(circle at 30% 20%, rgba(46,230,214,.18), transparent 55%), radial-gradient(circle at 80% 90%, rgba(255,46,147,.22), transparent 55%), var(--navy-2); border: 1px solid var(--line); }
.site .mk-feature-copy h2 { color: #FFFFFF; font-weight: 800; }
.site .mk-ticks li { color: var(--muted); }
.site .mk-ticks b { color: #FFFFFF; }
.site .mk-ticks li::before { background: var(--teal); }

/* photo band */
.ee-photos { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; margin-top: 48px; }
.ee-photos img { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; border-radius: 18px; display: block; }
.ee-photos img:nth-child(even) { margin-top: 36px; }

/* event types */
.ee-types { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 32px; }
.ee-types span { padding: 10px 18px; border-radius: 999px; border: 1.5px solid var(--line); color: var(--ink); font-weight: 600; }
.ee-types span.biz { border-color: var(--teal); color: var(--teal); }

/* business */
.ee-biz { display: flex; flex-wrap: wrap; gap: 48px; align-items: center; border: 2px solid var(--teal); border-radius: 32px; padding: 56px; }
.ee-biz > div:first-child { flex: 999 1 480px; min-width: 0; }
.ee-biz h2 { font-size: clamp(2rem, 4vw, 3.4rem); line-height: 1.02; font-weight: 800; color: #FFFFFF; margin: 0; }
.ee-biz p { color: var(--muted); font-size: 1.1rem; line-height: 1.6; }
.ee-biz-art { flex: 1 1 360px; min-width: 0; position: relative; border-radius: 22px; overflow: hidden; min-height: 400px; }
.ee-biz-art img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ee-biz-list { position: absolute; left: 16px; right: 16px; bottom: 16px; display: grid; gap: 8px; }
.ee-biz-list p { margin: 0; background: rgba(11,21,56,.92); border-radius: 14px; padding: 14px 16px; display: flex; justify-content: space-between; gap: 12px; color: #FFFFFF; font-size: .98rem; }
.ee-biz-list b { color: var(--teal); font-weight: 600; }

/* plans, comparison, partner, extras (on light band) */
.site .plan { border-radius: 24px; }
.site .band-light .plan { background: #FFFFFF; border-color: #E1E6F5; }
.site .band-light .plan.featured { box-shadow: inset 0 0 0 2px var(--pink), 0 20px 50px rgba(11,21,56,.12); border-color: var(--pink); }
.site .plan .price { font-family: var(--sans); font-weight: 800; letter-spacing: -.03em; }
.site .plan .flag { color: #C2186B; }
.site .mk-partner-in { background: linear-gradient(120deg, var(--pink), #B3127A); color: #FFFFFF; border-radius: 32px; }
.site .mk-partner h2 { color: #FFFFFF; }
.site .mk-biz-card { background: var(--navy-2); border-color: var(--line); color: var(--ink); }
.site .mk-biz-card h3 { color: #FFFFFF; }
.site .cmp th, .site .cmp td { border-color: var(--line); }
.site .cmp thead th span { color: var(--muted); }
.site .cmp-y { color: var(--teal); }
.site .mk-points > div { border-top-color: var(--pink); }
.site .mk-points p { color: var(--muted); }
.site .mk-timeline li::before { background: var(--pink); border-color: var(--pink); }
.site .mk-extras > div { background: var(--navy-2); border-color: var(--line); }
.site .mk-extra-price { color: var(--teal); }
.site .mk-faq { border-color: var(--line); }
.site .mk-faq summary { color: #FFFFFF; }
.site .mk-faq summary::after { color: var(--pink); }
.site .mk-faq-a, .site .mk-faq p { color: var(--muted); }
.site .trial-banner, .site .callout { background: var(--navy-2); border-color: var(--line); color: var(--ink); }
.site .prose, .site .prose p, .site .prose li { color: var(--muted); }
.site .prose h1, .site .prose h2 { color: #FFFFFF; }

/* call-to-action band */
.site .mk-band-cta { background: radial-gradient(800px 300px at 50% 0%, rgba(46,230,214,.18), transparent 70%), var(--navy-2); border-top: 1px solid var(--line); }
.site .mk-band-cta h2 { color: #FFFFFF; font-weight: 800; letter-spacing: -.04em; }
.site .mk-band-cta p { color: var(--muted); }

/* footer */
.site .mk-foot { background: #070E28; border-top: 1px solid var(--line); color: var(--muted); }
.site .mk-foot h2 { color: #FFFFFF; }
.site .mk-foot a { color: var(--ink); }
.site .mk-foot a:hover { color: var(--teal); }
.site .mk-legal { border-color: var(--line); }
.site .muted { color: var(--muted); }
.site .band-light .muted, .site .band-light .small.muted { color: #4A5683; }

@media (max-width: 760px) {
  .ee-hero { padding-top: 40px; }
  .ee-stage { padding: 0 16px 40px; }
  .ee-phone { position: relative; left: auto; bottom: auto; margin: -60px auto 0; width: 170px; }
  .ee-toast { display: none; }
  .ee-tv-msg { display: none; }
  .ee-tv-qr i { width: 40px; height: 40px; }
  .ee-photos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ee-photos img:nth-child(even) { margin-top: 0; }
  .ee-photos img:nth-child(5) { display: none; }
  .ee-biz { padding: 28px; }
  .site .mk-wrap { padding: 0 16px; }
}
@media (prefers-reduced-motion: reduce) { .site * { transition: none !important; } }

/* QR card mock-up */
.qc-mock { position: relative; width: 420px; max-width: 100%; height: 380px; }
.qc-m { position: absolute; width: 190px; height: 268px; border-radius: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; box-shadow: 0 24px 50px rgba(0,0,0,.35); text-align: center; padding: 16px; box-sizing: border-box; }
.qc-m b { font-size: 1.05rem; letter-spacing: -.02em; } .qc-m small { font-size: .75rem; opacity: .85; }
.qc-m i { width: 96px; height: 96px; margin-top: 6px; background: repeating-conic-gradient(var(--fg) 0 25%, var(--bg) 0 50%) 0 0 / 16px 16px; border-radius: 4px; outline: 6px solid var(--bg); }
.qc-m span { margin-top: 8px; font-size: .7rem; opacity: .7; }
.qc-m0 { left: 0; top: 40px; transform: rotate(-8deg); } .qc-m1 { left: 115px; top: 0; z-index: 2; border: 1px solid #E1E6F5; } .qc-m2 { left: 230px; top: 60px; transform: rotate(7deg); }

/* fixes after review */
.site h3, .site .mk-card h3, .site .plan h3, .site .ee-steps h3, .site .mk-partner h2 { font-weight: 700; }
.site .mk-partner h2 { font-weight: 800; letter-spacing: -.03em; }
.site .mk-partner-in { padding: 44px 48px; }
.site .mk-biz-card svg { width: 46px; height: 46px; padding: 11px; border-radius: 14px; background: rgba(255,46,147,.14); fill: none; stroke: var(--pink); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; box-sizing: border-box; }
.ee-tv-cap { left: auto; right: calc(33.3% + 18px); }
.ee-tv-grid img.sky { object-position: 50% 58%; }
@media (max-width: 760px) {
  .qc-mock { zoom: .72; }
  .site .mk-feature-art { overflow: hidden; }
  .ee-tv-cap { right: auto; left: 12px; bottom: 10px; font-size: .75rem; }
}
@media (max-width: 980px) { .mk-top-in .ee-logo { flex: 1; } }
@media (max-width: 760px) { .ee-tv-qr { padding: 5px 8px 5px 5px; font-size: .62rem; gap: 6px; right: 8px; bottom: 8px; } .ee-tv-qr i { width: 30px; height: 30px; background-size: 6px 6px; } }
.site .band-light .cmp-y { color: #0E8F86; }
.site .band-light .mk-h2 { color: var(--navy); }
.site .plan { background: var(--navy-2); border-color: var(--line); color: var(--ink); }
.site .plan .price { color: var(--brand); }
.site .prose h1, .site .prose h2 { font-weight: 800; letter-spacing: -.035em; }

/* wedding website mock-up (phone) */
.pm-web { height: 100%; display: flex; flex-direction: column; background: #FFFFFF; text-align: left; }
.pm-web-cover { height: 42%; background-size: cover; background-position: 50% 55%; position: relative; display: flex; flex-direction: column; justify-content: flex-end; padding: 14px; color: #FFFFFF; }
.pm-web-cover::before { content: ''; position: absolute; inset: 0; background: linear-gradient(transparent 35%, rgba(0,0,0,.6)); }
.pm-web-cover small, .pm-web-cover b { position: relative; }
.pm-web-cover small { font-size: .62rem; opacity: .9; color: #FFFFFF; }
.pm-web-cover b { font: 700 1.35rem/1.05 'Sora', sans-serif; letter-spacing: -.03em; }
.pm-web-nav { display: flex; gap: 10px; padding: 9px 12px; border-bottom: 1px solid #E1E6F5; font-size: .6rem; font-weight: 600; color: #4A5683; overflow: hidden; white-space: nowrap; }
.pm-web-nav .on { color: #0B1538; box-shadow: inset 0 -2px 0 #FF2E93; padding-bottom: 3px; }
.pm-web-body { padding: 10px 12px; display: grid; gap: 6px; align-content: start; overflow: hidden; }
.pm-web-body p { margin: 0; }
.pm-web-count { font-size: .62rem; color: #4A5683; } .pm-web-count strong { color: #FF2E93; font-size: .95rem; }
.pm-web-h { font: 700 .78rem 'Sora', sans-serif; color: #0B1538; }
.pm-web-txt { font-size: .62rem; line-height: 1.45; color: #4A5683; }
.pm-web-map { height: 64px; border-radius: 8px; position: relative; background: linear-gradient(90deg, transparent 46%, #FFFFFF 46% 50%, transparent 50%) , linear-gradient(0deg, transparent 40%, #FFFFFF 40% 46%, transparent 46%), #DCEFE6; display: flex; align-items: flex-end; padding: 6px; box-sizing: border-box; }
.pm-web-map i { position: absolute; left: 47%; top: 22%; width: 14px; height: 14px; border-radius: 50% 50% 50% 0; background: #FF2E93; transform: rotate(-45deg); }
.pm-web-map span { position: relative; background: #FFFFFF; border-radius: 6px; padding: 3px 6px; font-size: .55rem; font-weight: 600; color: #0B1538; }

/* ===== Light version of the website (when someone switches to light mode) ===== */
html[data-theme="light"] body.site { --bg: #F6F7FC; --ink: #0B1538; --muted: #4A5683; --line: #E1E6F5; --brand: #0B1538; --accent-2: #EEF1FB; background: #F6F7FC; color: #0B1538; color-scheme: light; }
html[data-theme="light"] .site a:not(.btn) { color: #C2186B; }
html[data-theme="light"] .site :is(.ee-hero h1, .mk-hero h1, .mk-h2, .mk-h3, .mk-feature-copy h2, .mk-card h3, .ee-biz h2, .mk-faq summary, .mk-band-cta h2, .prose h1, .prose h2, .mk-biz-card h3, .mk-ticks b, .ee-steps h3) { color: #0B1538; }
html[data-theme="light"] .site :is(.mk-lede, .mk-sub, .ee-note, .mk-card p, .mk-points p, .mk-faq-a, .mk-faq p, .ee-biz p, .mk-ticks li, .mk-band-cta p, .prose, .prose p, .prose li, .mk-crumbs, .mk-crumbs a) { color: #4A5683; }
html[data-theme="light"] .site :is(.ee-hero, .mk-hero) { background: radial-gradient(1200px 500px at 70% -10%, rgba(255,46,147,.10), transparent 60%), #F6F7FC; }
html[data-theme="light"] .site .ee-pill { background: #DDF7F4; color: #0B6E67; }
html[data-theme="light"] .site .mk-kicker, html[data-theme="light"] .site .mk-more { color: #0B7F77; }
html[data-theme="light"] .site :is(.mk-card, .mk-biz-card, .mk-extras > div, .plan, .trial-banner, .callout) { background: #FFFFFF; border-color: #E1E6F5; color: #0B1538; }
html[data-theme="light"] .site .mk-feature-art { background: radial-gradient(circle at 30% 20%, rgba(46,230,214,.18), transparent 55%), radial-gradient(circle at 80% 90%, rgba(255,46,147,.14), transparent 55%), #EAEEFA; border-color: #E1E6F5; }
html[data-theme="light"] .site .mk-strip { background: #FFFFFF; border-color: #E1E6F5; } html[data-theme="light"] .site .mk-strip-in { color: #0B1538; }
html[data-theme="light"] .site .ee-types span { border-color: #C9D0EA; color: #0B1538; } html[data-theme="light"] .site .ee-types span.biz { border-color: #0B7F77; color: #0B6E67; }
html[data-theme="light"] .site .ee-biz { background: #FFFFFF; border-color: #2EE6D6; }
html[data-theme="light"] .site .mk-band-cta { background: radial-gradient(800px 300px at 50% 0%, rgba(46,230,214,.18), transparent 70%), #EAEEFA; border-color: #E1E6F5; }
html[data-theme="light"] .site .mk-band-cta .btn-outline-light { color: #0B1538; border-color: #0B1538; }
html[data-theme="light"] .site .mk-faq { border-color: #E1E6F5; }
html[data-theme="light"] .site .cmp-wrap { border-color: #E1E6F5; }
html[data-theme="light"] .site .btn-ghost { color: #0B1538; }
html[data-theme="light"] .site .mk-points > div { border-top-color: #FF2E93; }
/* header and footer stay navy in both modes, like the brand */
.site .theme-btn { color: #E8ECFF; border-color: rgba(232,236,255,.3); margin-right: 4px; }
html[data-theme="light"] .site .mk-top { background: color-mix(in srgb, #0B1538 92%, transparent); border-color: #24316B; }
html[data-theme="light"] .site .mk-top :is(.mk-nav > a, .mk-drop > summary, .mk-login) { color: #E8ECFF; }
html[data-theme="light"] .site .mk-foot { color: #B9C3EE; }
html[data-theme="light"] .site .mk-foot a { color: #E8ECFF; }
html[data-theme="light"] .site .mk-foot .muted, html[data-theme="light"] .site .mk-legal { color: #B9C3EE; }
html[data-theme="light"] .site .mk-extra-price { color: #0B7F77; }
html[data-theme="light"] .site .btn:not(.btn-ghost):not(.btn-light):not(.btn-outline-light) { color: #FFFFFF; }
/* buttons: a slightly deeper magenta so white text meets 4.5:1 contrast */
.site .btn:not(.btn-ghost):not(.btn-light):not(.btn-outline-light) { background: #D91A75; border-color: #D91A75; color: #FFFFFF; }
.site .btn:not(.btn-ghost):not(.btn-light):not(.btn-outline-light):hover { background: #B8125F; border-color: #B8125F; }
.site .ee-fab, .site .ee-new { background: #D91A75; }
.site .bt-save { background: #D91A75; color: #FFFFFF; }
/* partner page: launch offers band and earnings calculator */
.site .mk-sec-tight { padding: 0; margin-top: 28px; }
.site .offer-band > div { background: var(--navy-2); border-color: var(--line); }
.site .offer-band strong { color: #FFFFFF; } .site .offer-band span { color: var(--soft); }
body.site #earnings .calc-in input { background: var(--navy-2); color: #FFFFFF; -webkit-text-fill-color: #FFFFFF; border-color: #3A4A8F; }
.site .calc-plan { background: var(--navy-2); }
.site .calc-plan .flag { color: var(--pink); }
html[data-theme="light"] .site .offer-band > div, html[data-theme="light"] .site .calc-plan { background: #FFFFFF; }
html[data-theme="light"] .site .offer-band strong { color: #0B1538; } html[data-theme="light"] .site .offer-band span { color: #4A5683; }
html[data-theme="light"] body.site #earnings .calc-in input { background: #FFFFFF; color: #0B1538; -webkit-text-fill-color: #0B1538; border-color: #C9D0EA; }
html[data-theme="light"] .site .calc-plan .flag { color: #C2186B; }