/* Reused from the approved Vercel design, scoped to two sections only. */
/* Dark is the existing MPA black / blue / gold; light matches the reviewed screenshots. */
.mpa-site {
  --hs-white: #0c1726;
  --hs-soft: #0f1b2c;
  --hs-inner: #121f31;
  --hs-blue-1: #0d2540;
  --hs-blue-2: #10263d;
  --hs-text: #f1f6fd;
  --hs-text-soft: #c2d0e0;
  --hs-muted: #94a7bc;
  --hs-border: rgba(126,156,190,.18);
  --hs-accent: #38bdf8;
  --hs-icon-bg: rgba(56,189,248,.11);
  --hs-success-bg: rgba(52,211,153,.12);
  --hs-success: #34d399;
  --hs-blue-bar: #256da7;
  --hs-avatar-1: #1c456c;
  --hs-avatar-text-1: #c7eaff;
  --hs-avatar-2: #63481c;
  --hs-avatar-text-2: #ffe2a5;
  --hs-avatar-3: #164a39;
  --hs-avatar-text-3: #b3f5d8;
  --hs-pro-border: rgba(56,189,248,.45);
  --hs-shadow: 0 20px 55px rgba(0,0,0,.30);
}
html[data-public-theme="light"] .mpa-site {
  --hs-white: #ffffff;
  --hs-soft: #f6f8fb;
  --hs-inner: #f7f9fc;
  --hs-blue-1: #f3f7ff;
  --hs-blue-2: #eaf4ff;
  --hs-text: #17253b;
  --hs-text-soft: #50627b;
  --hs-muted: #8595a8;
  --hs-border: #e5ebf2;
  --hs-accent: #0071e3;
  --hs-icon-bg: #e2f0ff;
  --hs-success-bg: #e7f9ef;
  --hs-success: #13875a;
  --hs-blue-bar: #bcddff;
  --hs-avatar-1: #d4e9ff;
  --hs-avatar-text-1: #2b71ac;
  --hs-avatar-2: #f9e9c9;
  --hs-avatar-text-2: #9d6b16;
  --hs-avatar-3: #d4f0e1;
  --hs-avatar-text-3: #207a55;
  --hs-pro-border: #bddbfa;
  --hs-shadow: 0 18px 47px rgba(31,54,89,.055);
}
.mpa-site .mpa-home-approved {
  position:relative;
  color:var(--hs-text);
  background:transparent !important;
}
.mpa-site .mpa-home-approved .light-reboot-container {width:min(1280px,calc(100% - 48px));margin:0 auto;}
.mpa-site .mpa-home-approved :is(h2,h3,p){margin:0;}
.mpa-site .mpa-home-approved :is(h2,h3){color:var(--hs-text)!important;font-weight:850;letter-spacing:-.055em;text-wrap:balance;}
.mpa-site .mpa-home-approved p {color:var(--hs-muted)!important;line-height:1.65;}
.mpa-site .mpa-home-approved a {text-decoration:none;}
.mpa-site .mpa-home-approved .light-reboot-kicker {display:inline-flex;letter-spacing:.11em;font-size:10px;font-weight:900;color:var(--public-gold)!important;}
.mpa-site .mpa-home-approved .light-reboot-text-link {display:inline-flex;gap:10px;align-items:center;color:var(--hs-accent)!important;font-size:13px;font-weight:850;}
.mpa-site .mpa-home-approved .light-reboot-text-link:hover {text-decoration:underline;}
.mpa-site .mpa-home-approved .light-reboot-center-intro {max-width:850px;margin:0 auto 47px;text-align:center;}
.mpa-site .mpa-home-approved .light-reboot-center-intro h2 {margin:14px 0 13px;font-size:clamp(2.6rem,4.6vw,4.3rem)!important;line-height:1.06;}
.mpa-site .mpa-home-approved .light-reboot-center-intro p {font-size:15px;}
.mpa-site .mpa-home-approved .light-reboot-plans-grid h2 {font-size:clamp(3rem,5.8vw,5.4rem)!important;line-height:1.04;}
.mpa-site .mpa-home-approved .light-reboot-plans-grid h2 span {color:var(--hs-accent)!important;}
.mpa-site .mpa-home-approved .light-reboot-mini-invoice,
.mpa-site .mpa-home-approved .light-reboot-mini-agenda {box-shadow:var(--hs-shadow)!important;}
.mpa-site .mpa-home-approved .light-reboot-bento-card,
.mpa-site .mpa-home-approved .light-reboot-plan-card {box-shadow:var(--hs-shadow)!important;}

/* Bento section */
.mpa-site .mpa-home-approved.light-reboot-bento {padding:112px 0!important;background:var(--hs-white)!important;}
.mpa-site .light-reboot-center-intro {max-width:820px;margin:0 auto 53px;text-align:center;}
.mpa-site .light-reboot-center-intro h2 {margin:16px 0;font-size:clamp(2.85rem,5vw,5rem)!important;}
.mpa-site .light-reboot-center-intro p {font-size:16px;}
.mpa-site .light-reboot-bento-grid {display:grid;grid-template-columns:1.18fr 1fr;gap:18px;}
.mpa-site .light-reboot-bento-card {display:flex;flex-direction:column;overflow:hidden;min-height:320px;padding:35px;border-radius:28px;background:var(--hs-soft)!important;border:1px solid var(--hs-border);}
.mpa-site .light-reboot-bento-card.large {background:linear-gradient(145deg,var(--hs-blue-1),var(--hs-blue-2))!important;}
.mpa-site .light-reboot-bento-card.agenda {background:linear-gradient(150deg,var(--hs-inner),var(--hs-white))!important;}
.mpa-site .light-reboot-bento-icon {display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--hs-icon-bg);color:var(--hs-accent)!important;margin-bottom:21px;}
.mpa-site .light-reboot-bento-card h3 {font-size:clamp(1.8rem,2.55vw,2.7rem)!important;line-height:1.15;margin-bottom:11px;}
.mpa-site .light-reboot-bento-card p {font-size:13px;max-width:365px;}
.mpa-site .light-reboot-mini-invoice {width:70%;min-width:260px;align-self:center;margin:38px auto -43px;padding:24px;background:var(--hs-white);border:1px solid var(--hs-border);border-radius:17px;box-shadow:0 20px 45px rgba(31,65,104,.095);transform:rotate(-2deg);}
.mpa-site .light-reboot-mini-invoice>div:first-child {display:flex;justify-content:space-between;gap:12px;}
.mpa-site .light-reboot-mini-invoice>div:first-child span {font-size:10px;color:var(--hs-accent)!important;letter-spacing:.06em;font-weight:800;}
.mpa-site .light-reboot-mini-invoice>div:first-child strong {font-size:10px;color:var(--hs-muted)!important;}
.mpa-site .light-reboot-mini-invoice p {font-size:11px;margin:22px 0 13px;color:var(--hs-text-soft)!important;}
.mpa-site .light-reboot-mini-invoice-line {height:7px;width:76%;background:var(--hs-border);border-radius:6px;margin:10px 0;}
.mpa-site .light-reboot-mini-invoice-line.short {width:48%;}
.mpa-site .light-reboot-mini-invoice-total {display:flex;justify-content:space-between;border-top:1px solid var(--hs-border);padding-top:18px;margin:22px 0 15px;}
.mpa-site .light-reboot-mini-invoice-total small {color:var(--hs-muted);}
.mpa-site .light-reboot-mini-invoice-total strong {color:var(--hs-text)!important;font-size:16px;}
.mpa-site .light-reboot-invoice-status {display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:5px 8px;background:var(--hs-success-bg);color:var(--hs-success)!important;font-size:10px;font-weight:700;}
.mpa-site .light-reboot-mini-agenda {margin:30px auto -45px;width:92%;padding:19px;background:var(--hs-white);border:1px solid var(--hs-border);border-radius:16px;box-shadow:0 16px 40px rgba(31,62,95,.075);}
.mpa-site .light-reboot-mini-agenda>div:first-child {display:flex;justify-content:space-between;margin-bottom:13px;}
.mpa-site .light-reboot-mini-agenda>div:first-child strong {font-size:13px;color:var(--hs-text)!important;}
.mpa-site .light-reboot-mini-agenda>div:first-child span {font-size:10px;color:var(--hs-muted)!important;}
.mpa-site .light-reboot-agenda-row {display:flex;align-items:center;gap:13px;border-top:1px solid var(--hs-border);padding:12px 0;}
.mpa-site .light-reboot-agenda-row>span {display:grid;place-items:center;gap:4px;font-size:8px;color:var(--hs-muted)!important;}
.mpa-site .light-reboot-agenda-row>span strong {font-size:15px;color:var(--hs-text-soft)!important;}
.mpa-site .light-reboot-agenda-row>b {font-size:12px;color:var(--hs-text-soft)!important;font-weight:650;flex:1;}
.mpa-site .light-reboot-agenda-row>i {width:8px;height:8px;border-radius:50%;background:var(--hs-blue-bar);}
.mpa-site .light-reboot-bento-card.bottom-card {min-height:285px;}
.mpa-site .light-reboot-bento-card.bottom-card h3 {font-size:25px!important;}
.mpa-site .light-reboot-micro-chart {height:55px;display:flex;align-items:end;gap:8px;margin:28px 0 -35px;}
.mpa-site .light-reboot-micro-chart i {display:block;height:30%;flex:1;max-width:70px;border-radius:5px 5px 0 0;background:var(--hs-blue-bar);}
.mpa-site .light-reboot-micro-chart i:nth-child(2) {height:46%;}
.mpa-site .light-reboot-micro-chart i:nth-child(3) {height:35%;}
.mpa-site .light-reboot-micro-chart i:nth-child(4) {height:65%;}
.mpa-site .light-reboot-micro-chart i:nth-child(5) {height:85%;}
.mpa-site .light-reboot-micro-chart i:nth-child(6) {height:100%;background:var(--hs-accent);}
.mpa-site .light-reboot-team-avatars {display:flex;align-items:center;margin-top:auto;padding-top:20px;}
.mpa-site .light-reboot-team-avatars b {display:grid;place-items:center;width:37px;height:37px;margin-left:-5px;border:2px solid var(--hs-white);border-radius:50%;background:var(--hs-avatar-1);color:var(--hs-avatar-text-1);font-size:11px;}
.mpa-site .light-reboot-team-avatars b:nth-child(2) {background:var(--hs-avatar-2);color:var(--hs-avatar-text-2);}
.mpa-site .light-reboot-team-avatars b:nth-child(3) {background:var(--hs-avatar-3);color:var(--hs-avatar-text-3);}
.mpa-site .light-reboot-team-avatars span {margin-left:13px;font-size:12px;color:var(--hs-muted)!important;}
/* Plans selector and two-card structure. */
.mpa-site .mpa-home-approved.light-reboot-plans {padding:122px 0!important;background:var(--hs-white)!important;}
.mpa-site .light-reboot-plans-grid {display:grid;grid-template-columns:1fr 1.05fr;gap:65px;align-items:center;}
.mpa-site .light-reboot-plans-grid>div:first-child>h2 {margin:19px 0 20px;}
.mpa-site .light-reboot-plans-grid>div:first-child>p {font-size:15.5px;max-width:460px;margin-bottom:29px;}
.mpa-site .light-reboot-plan-pair {display:grid;grid-template-columns:1fr 1fr;gap:13px;}
.mpa-site .light-reboot-plan-card {display:flex;flex-direction:column;min-height:290px;padding:27px;border:1px solid var(--hs-border);border-radius:24px;background:var(--hs-soft)!important;box-shadow:0 12px 37px rgba(31,54,89,.035);}
.mpa-site .light-reboot-plan-card.pro {background:linear-gradient(145deg,var(--hs-blue-2),var(--hs-white))!important;border-color:var(--hs-pro-border);}
.mpa-site .light-reboot-plan-card>span {font-size:11px;font-weight:820;letter-spacing:.1em;color:var(--hs-accent)!important;}
.mpa-site .light-reboot-plan-card>strong {font-size:20px;color:var(--hs-text)!important;margin:24px 0 13px;line-height:1.25;letter-spacing:-.035em;}
.mpa-site .light-reboot-plan-card>p {font-size:12.5px;}
.mpa-site .light-reboot-plan-card>i {margin-top:auto;padding-top:20px;display:flex;align-items:center;gap:8px;color:var(--hs-accent);font-style:normal;font-size:12px;font-weight:820;}

/* Restore approved screenshot fidelity while retaining dark surface contrast. */
.mpa-site .mpa-home-approved.light-reboot-bento,
.mpa-site .mpa-home-approved.light-reboot-plans {background:transparent!important;padding:88px 0!important;}
html[data-public-theme="light"] .mpa-site .mpa-home-approved.light-reboot-bento,
html[data-public-theme="light"] .mpa-site .mpa-home-approved.light-reboot-plans {background:#fff!important;}
.mpa-site .mpa-home-approved .light-reboot-mini-invoice,
.mpa-site .mpa-home-approved .light-reboot-mini-agenda {color:var(--hs-text)!important;}
.mpa-site .mpa-home-approved .light-reboot-mini-invoice>div:first-child strong {color:var(--hs-muted)!important;}
.mpa-site .mpa-home-approved .light-reboot-mini-invoice>div:first-child span,
.mpa-site .mpa-home-approved .light-reboot-plan-card>i {color:var(--hs-accent)!important;}
.mpa-site .mpa-home-approved .light-reboot-plan-card>strong,
.mpa-site .mpa-home-approved .light-reboot-plan-card>span {color:var(--hs-text)!important;}
.mpa-site .mpa-home-approved .light-reboot-plan-card>span {color:var(--hs-accent)!important;}
.mpa-site .mpa-home-approved .light-reboot-plan-card {transition:transform .2s ease,border-color .2s ease;}
.mpa-site .mpa-home-approved .light-reboot-plan-card:hover {transform:translateY(-3px);border-color:var(--hs-accent);}
.mpa-site .mpa-home-approved .light-reboot-plan-card:focus-visible,
.mpa-site .mpa-home-approved .light-reboot-text-link:focus-visible {outline:2px solid var(--hs-accent);outline-offset:4px;}
.mpa-site .mpa-home-approved .light-reboot-mini-invoice p,
.mpa-site .mpa-home-approved .light-reboot-agenda-row>b,
.mpa-site .mpa-home-approved .light-reboot-mini-agenda strong,
.mpa-site .mpa-home-approved .light-reboot-mini-invoice-total strong {color:var(--hs-text-soft)!important;}
.mpa-site .mpa-home-approved .light-reboot-bento-card p,
.mpa-site .mpa-home-approved .light-reboot-plan-card p {color:var(--hs-muted)!important;}
@media(max-width:1050px){
 .mpa-site .mpa-home-approved .light-reboot-bento-grid {grid-template-columns:1fr 1fr;}
 .mpa-site .mpa-home-approved .light-reboot-plans-grid {grid-template-columns:1fr;gap:40px;}
 .mpa-site .mpa-home-approved .light-reboot-plans-grid>div:first-child>p {max-width:660px;}
}
@media(max-width:680px){
 .mpa-site .mpa-home-approved .light-reboot-container {width:calc(100% - 30px);}
 .mpa-site .mpa-home-approved.light-reboot-bento,
 .mpa-site .mpa-home-approved.light-reboot-plans {padding:62px 0!important;}
 .mpa-site .mpa-home-approved .light-reboot-bento-grid {grid-template-columns:1fr;gap:14px;}
 .mpa-site .mpa-home-approved .light-reboot-bento-card {min-height:260px;padding:24px;border-radius:22px;}
 .mpa-site .mpa-home-approved .light-reboot-mini-invoice {min-width:0;width:90%;margin-bottom:-49px;}
 .mpa-site .mpa-home-approved .light-reboot-mini-agenda {width:100%;margin-bottom:-40px;}
 .mpa-site .mpa-home-approved .light-reboot-plan-pair {grid-template-columns:1fr;}
 .mpa-site .mpa-home-approved .light-reboot-plans-grid {gap:25px;}
 .mpa-site .mpa-home-approved .light-reboot-plan-card {min-height:225px;}
 .mpa-site .mpa-home-approved .light-reboot-plans-grid h2 {font-size:clamp(2.7rem,10vw,4rem)!important;}
 .mpa-site .mpa-home-approved .light-reboot-center-intro h2 {font-size:clamp(2.2rem,9vw,3.1rem)!important;}
}
@media(prefers-reduced-motion:reduce){
 .mpa-site .mpa-home-approved * {transition:none!important;}
}