/* 1.29.8.29: easy buying (gold pay buttons that shimmer, clear savings), Medical Tourism & Concierge, MyDoctor Grant,
   Fundraising, co-work in Office, the founder's titles. Loaded on the website (SITE_CSS) and in the app (EXTRA_CSS). */

/* ---------- the gold "pay" button: shimmer and a soft pulse; still under reduced motion ---------- */
.btn-pay,.mdx .btn-pay{position:relative;overflow:hidden;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:8px;
  background:linear-gradient(135deg,#ffd77a 0%,#f2a541 45%,#d98a1f 100%);color:#2b1c00!important;font-weight:800;border:0;border-radius:999px;
  padding:13px 22px;text-decoration:none!important;box-shadow:0 6px 18px rgba(217,138,31,.35),inset 0 1px 0 rgba(255,255,255,.55);
  animation:mdPayPulse 2.6s ease-in-out infinite;cursor:pointer;line-height:1.2}
.btn-pay::after{content:"";position:absolute;inset:-2px;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.75) 48%,transparent 66%);
  transform:translateX(-120%);animation:mdPayShine 3.2s ease-in-out infinite}
.btn-pay:hover,.btn-pay:focus-visible{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 10px 26px rgba(217,138,31,.45)}
.btn-pay:focus-visible{outline:3px solid #0e7c86;outline-offset:3px}
.btn-pay svg{width:18px;height:18px}
.btn-pay.sm,.btn.btn-pay.sm{padding:8px 14px;font-size:.9rem}
.btn-pay.alt{background:linear-gradient(135deg,#1ba3ad 0%,#0e7c86 55%,#0a5f67 100%);color:#fff!important;box-shadow:0 6px 18px rgba(14,124,134,.3)}
@keyframes mdPayShine{0%,55%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)}}
@keyframes mdPayPulse{0%,100%{box-shadow:0 6px 18px rgba(217,138,31,.32),0 0 0 0 rgba(242,165,65,.45)}50%{box-shadow:0 6px 18px rgba(217,138,31,.32),0 0 0 9px rgba(242,165,65,0)}}

/* header "Plans & pricing": the one gold button in the bar */
.mdx .hdr-price{background:linear-gradient(135deg,#ffd77a 0%,#f2a541 50%,#d98a1f 100%)!important;border-color:transparent!important;color:#2b1c00!important;font-weight:800;
  position:relative;overflow:hidden;isolation:isolate;animation:mdPayPulse 2.6s ease-in-out infinite}
.mdx .hdr-price::after{content:"";position:absolute;inset:-2px;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.7) 48%,transparent 66%);transform:translateX(-120%);animation:mdPayShine 3.2s ease-in-out infinite}
/* "Book a call" in the bar is now a quiet outline, so the eye goes to Plans & pricing first */
.mdx .md-bar>.btn-gold.btn-sm{background:#fff;color:var(--deep,#0a5f67)!important;border:2px solid var(--teal,#0e7c86);box-shadow:none}
.mdx .md-bar>.btn-gold.btn-sm:hover{background:var(--mint,#eaf4f4)}
.mdx .nav-npo{font-weight:700;color:#7a4b00!important}
.mdx .nav-npo svg{width:16px;height:16px;vertical-align:-3px;margin-right:6px}

@media (prefers-reduced-motion:reduce){.btn-pay,.mdx .hdr-price{animation:none}.btn-pay::after,.mdx .hdr-price::after{animation:none;display:none}}

/* who is signed in (website header) */
.mdx .hdr-me{display:inline-flex;flex-direction:column;justify-content:center;max-width:260px;padding:2px 10px;margin-right:6px;text-decoration:none!important;line-height:1.15;border-left:3px solid var(--gold,#f2a541)}
.mdx .hdr-me b{font:700 14px var(--sans,system-ui);color:var(--ink,#123f48);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mdx .hdr-me small{font-size:11px;color:var(--muted,#5a737b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:1280px){.mdx .hdr-me small{display:none}}
@media (max-width:980px){.mdx .hdr-me{display:none}}

/* ---------- prices: struck list price, the saving, the price per day ---------- */
.ps{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px}
.ps-was,.ck-was,.mdx s.ck-was{font-size:1.05rem;color:#8a5a5a;text-decoration:line-through;text-decoration-color:#c0362c;text-decoration-thickness:2px}
.ps-now{font-size:1.9rem;line-height:1;color:var(--ink,#123f48);font-weight:800}
.ps-per{color:var(--muted,#5a737b);font-size:.85rem}
.ps-save,.mdx .ps-save{display:inline-block;font:800 12px var(--sans,system-ui);letter-spacing:.02em;color:#0f5132;background:#d8f3e3;border:1px solid #9fd9b6;border-radius:999px;padding:3px 9px;font-style:normal}
.mdx .ck-price{flex-wrap:wrap}
.mdx .ck-price .ps-save{margin:0 0 4px 6px}
.mdx .ck-day{display:block;width:100%;margin-top:6px;font-size:.82rem;color:#0f5132;font-weight:700}
.mdx .ck-perday{margin:.4rem 0 .6rem;color:#0f5132;font-weight:700;font-size:.92rem}
.mdx .ck-go{width:100%;font-size:1.05rem;padding:15px 22px}
.mdx .ck-safe{display:flex;gap:6px;align-items:center;justify-content:center;font-size:.8rem;color:var(--muted,#5a737b);margin:.5rem 0 0}
.mdx .ck-safe svg{width:14px;height:14px}
.mdx .ck-more{border:1px dashed var(--line,#d6e5e6);border-radius:12px;padding:8px 12px;background:#fbfdfd}
.mdx .ck-more>summary{cursor:pointer;font-weight:600;color:var(--deep,#0a5f67)}
.mdx .ck-more[open]>summary{margin-bottom:10px}
.mdx .ck-upi-x{border:1px solid var(--line,#d6e5e6);border-radius:12px;padding:8px 12px;margin:10px 0}
.mdx .ck-upi-x>summary{cursor:pointer;font-weight:600;color:var(--deep,#0a5f67)}
.mdx .ck-sticky{display:none}
@media (max-width:900px){
  .mdx .ck-sticky{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:70;gap:10px;align-items:center;justify-content:space-between;padding:10px 14px calc(10px + env(safe-area-inset-bottom));
    background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line,#d6e5e6);box-shadow:0 -8px 24px rgba(8,63,69,.12)}
  .mdx .ck-sticky span{display:flex;flex-direction:column;font-size:.8rem;color:var(--muted,#5a737b)}
  .mdx .ck-sticky b{font-size:1.15rem;color:var(--ink,#123f48)}
  .mdx .ck-sticky small{color:#0f5132;font-weight:700}
  .mdx .ck-sticky .btn-pay{padding:12px 18px}
  .mdx .ck{padding-bottom:84px}
}

/* ---------- footer ---------- */
.mdx .ft-id{white-space:nowrap}
.mdx .ft-cta{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;justify-content:space-between;padding:22px 26px;margin:0 0 28px;border-radius:22px;
  background:linear-gradient(135deg,rgba(242,165,65,.18),rgba(14,124,134,.18));border:1px solid rgba(242,165,65,.45)}
.mdx .ft-cta b{display:block;font:700 20px var(--serif,Georgia,serif);color:#fff}
.mdx .ft-cta span{color:#cfe6e7;font-size:.95rem}
.mdx .ft-cta-a{display:flex;flex-wrap:wrap;gap:10px}
.mdx .ft-cta-l{background:transparent;border:2px solid rgba(255,255,255,.55);color:#fff!important;border-radius:999px;padding:11px 18px}
.mdx .ft-cta-l:hover{background:rgba(255,255,255,.1)}

/* ---------- Medical Tourism & Concierge, Fundraising and Grant pages ---------- */
.mdx .cg-hero,.mdx .fr-hero{padding:56px 0 40px;background:radial-gradient(1200px 400px at 85% 0%,rgba(242,165,65,.18),transparent 60%),linear-gradient(180deg,#f6fbfb,#fff)}
.mdx .cg-hero-in,.mdx .fr-hero-in{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:center}
@media (max-width:900px){.mdx .cg-hero-in,.mdx .fr-hero-in{grid-template-columns:1fr}}
.mdx .cg-hero h1,.mdx .fr-hero h1{font-size:clamp(32px,4.4vw,52px);line-height:1.05;margin:.4rem 0 .8rem}
.mdx .cg-badge{display:inline-flex;align-items:center;gap:8px;font:800 12px var(--sans,system-ui);letter-spacing:.06em;text-transform:uppercase;color:#7a4b00;background:#fff1d6;border:1px solid #f2c27a;border-radius:999px;padding:6px 12px}
.mdx .cg-badge svg{width:15px;height:15px}
.mdx .cg-badge.fr-free{color:#0f5132;background:#e0f5e9;border-color:#9fd9b6}
.mdx .cg-acts{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 10px}
.mdx .cg-trust{display:flex;gap:8px;align-items:center;color:var(--muted,#5a737b);font-size:.9rem}
.mdx .cg-trust svg{width:16px;height:16px;flex:none}
.mdx .cg-hero-art{display:grid;gap:12px;padding:22px;border-radius:24px;background:linear-gradient(160deg,#083f45,#0e7c86);color:#fff;box-shadow:0 30px 60px -30px rgba(8,63,69,.6)}
.mdx .cg-route{display:flex;align-items:center;gap:10px;font-weight:700}
.mdx .cg-route i{flex:1;height:2px;background:repeating-linear-gradient(90deg,#f2a541 0 8px,transparent 8px 14px);position:relative}
.mdx .cg-route i::after{content:"✈";position:absolute;right:-4px;top:-11px;font-style:normal;color:#ffd77a}
.mdx .cg-chips,.mdx .fr-amts{display:flex;flex-wrap:wrap;gap:6px}
.mdx .cg-chips span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:4px 10px;font-size:.82rem}
.mdx .cg-sec{padding:48px 0}
.mdx .cg-sec.tint{background:var(--mint2,#f4f9f9)}
.mdx .cg-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}
@media (max-width:900px){.mdx .cg-cards{grid-template-columns:1fr}}
.mdx .cg-card{position:relative;display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid var(--line,#d6e5e6);border-radius:22px;padding:24px;box-shadow:0 14px 30px -24px rgba(8,63,69,.5)}
.mdx .cg-card.cg-pop{border:2px solid var(--gold,#f2a541)}
.mdx .cg-tag{position:absolute;top:-12px;right:18px;background:var(--gold,#f2a541);color:#2b1c00;font:800 11px var(--sans,system-ui);letter-spacing:.05em;text-transform:uppercase;padding:5px 10px;border-radius:999px}
.mdx .cg-card h3{margin:0}
.mdx .cg-card p{margin:0;color:var(--body,#3a5961)}
.mdx .cg-ic{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(135deg,#e3f2f3,#fff4e2);color:var(--deep,#0a5f67)}
.mdx .cg-ic svg{width:24px;height:24px}
.mdx .cg-price{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:10px;border-top:1px dashed var(--line,#d6e5e6)}
.mdx .cg-tax{color:var(--muted,#5a737b)}
.mdx .cg-steps{list-style:none;padding:0;margin:20px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
@media (max-width:900px){.mdx .cg-steps{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.mdx .cg-steps{grid-template-columns:1fr}}
.mdx .cg-steps li{background:#fff;border:1px solid var(--line,#d6e5e6);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:6px}
.mdx .cg-steps b{color:var(--deep,#0a5f67)}
.mdx .cg-note{margin-top:16px;color:var(--muted,#5a737b);font-size:.9rem}
.mdx .cg-band{padding:40px 0;background:linear-gradient(135deg,#083f45,#0e7c86);color:#fff}
.mdx .cg-band-in{display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;align-items:center}
.mdx .cg-band h2{color:#fff;margin:0 0 .3rem}
.mdx .cg-band p{color:#cfe6e7;margin:0}
.mdx .cg-band .btn-line{color:#fff!important;border-color:rgba(255,255,255,.6)}

.mdx .fr-demo,.mdx .gr-calc{background:#fff;border:1px solid var(--line,#d6e5e6);border-radius:22px;padding:22px;box-shadow:0 30px 60px -36px rgba(8,63,69,.55);display:grid;gap:10px}
.mdx .fr-bar{height:12px;border-radius:999px;background:#e8eef0;overflow:hidden}
.mdx .fr-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0e7c86,#f2a541)}
.mdx .fr-nums{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:.92rem;color:var(--muted,#5a737b)}
.mdx .fr-nums b{color:var(--ink,#123f48);font-size:1.1rem}
.mdx .fr-qr{display:flex;gap:12px;align-items:center;font-weight:600}
.mdx .fr-qr i{width:64px;height:64px;border-radius:10px;background:repeating-conic-gradient(#123f48 0 25%,#fff 0 50%) 0 0/16px 16px;border:4px solid #fff;outline:1px solid var(--line,#d6e5e6)}
.mdx .fr-feats,.mdx .osb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}
@media (max-width:900px){.mdx .fr-feats,.mdx .osb-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.mdx .fr-feats,.mdx .osb-grid{grid-template-columns:1fr}}
.mdx .fr-feat,.mdx .osb-t{background:#fff;border:1px solid var(--line,#d6e5e6);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:8px}
.mdx .fr-feat p,.mdx .osb-t p{margin:0;color:var(--body,#3a5961);font-size:.94rem}
.mdx .fr-apply,.mdx .gr-apply{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.mdx .gr-apply{grid-template-columns:1fr}
@media (max-width:900px){.mdx .fr-apply{grid-template-columns:1fr}}
.mdx .fr-gcta{display:grid;gap:10px}
.mdx .fr-disc{background:#fffaf0;border:1px solid #f2d9a8;border-radius:16px;padding:16px 20px;font-size:.88rem;color:#5b4a2a}
.mdx .fr-disc ul{margin:.4rem 0 0;padding-left:1.1rem}
.mdx .fr-disc li{margin:.25rem 0}
.mdx .fr-camp{padding:40px 0}
.mdx .fr-camp-in{display:grid;grid-template-columns:1.3fr .7fr;gap:28px;align-items:start}
@media (max-width:900px){.mdx .fr-camp-in{grid-template-columns:1fr}}
.mdx .fr-prog{margin:18px 0}
.mdx .fr-story{line-height:1.7;margin:18px 0}
.mdx .fr-recent{list-style:none;padding:0;margin:0}
.mdx .fr-recent li{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line,#d6e5e6)}
.mdx .fr-give{position:sticky;top:90px;display:grid;gap:10px}
.mdx .fr-amts button{border:2px solid var(--line,#d6e5e6);background:#fff;border-radius:999px;padding:8px 14px;font-weight:700;cursor:pointer}
.mdx .fr-amts button.on{border-color:var(--teal,#0e7c86);background:var(--mint,#eaf4f4);color:var(--deep,#0a5f67)}
.mdx .fr-qrimg{width:190px;max-width:100%;margin:6px auto}
.mdx .fr-told{display:grid;gap:8px}
.mdx .fr-told label{display:grid;gap:4px;font-weight:600;font-size:.9rem}
.mdx .fr-told label.chk{display:flex;gap:8px;align-items:center;font-weight:500}
.mdx .fr-fine{font-size:.78rem;color:var(--muted,#5a737b)}

.mdx .gr-by{margin:-.3rem 0 .8rem;color:var(--deep,#0a5f67)}
.mdx .gr-ctl{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mdx .gr-ctl label{display:grid;gap:4px;font-size:.85rem;font-weight:600}
.mdx .gr-lines{list-style:none;padding:0;margin:0;display:grid;gap:6px;font-size:.9rem}
.mdx .gr-lines li{display:flex;justify-content:space-between;gap:10px;border-bottom:1px dashed var(--line,#d6e5e6);padding-bottom:6px}
.mdx .gr-lines li b{white-space:nowrap}
.mdx .gr-total{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding-top:6px}
.mdx .gr-total strong{font-size:1.8rem;color:#0f5132}
.mdx .gr-form .fgrid,.mdx .fr-form .fgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mdx .gr-form .fgrid .full,.mdx .fr-form .fgrid .full{grid-column:1/-1}
@media (max-width:640px){.mdx .gr-form .fgrid,.mdx .fr-form .fgrid{grid-template-columns:1fr}}
.mdx .gr-form label{display:block;font-weight:600;font-size:.9rem;margin-bottom:4px}
.mdx .gr-form label.chk{display:flex;gap:8px;font-weight:500}
.mdx .gr-form input,.mdx .gr-form select,.mdx .gr-form textarea{width:100%}
.mdx .gr-kind{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 10px}
.mdx .gr-mine{margin-bottom:18px}
.mdx .gr-app{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line,#d6e5e6)}
.mdx .gr-app.st-approved .pill{background:#d8f3e3;color:#0f5132}
.mdx .gr-app.st-declined .pill{background:#fce8e6;color:#8a2a22}
.mdx .gr-reply,.mdx .gr-dec{flex-basis:100%}
.mdx .gr-reply{display:grid;gap:8px;background:#fffaf0;border:1px solid #f2d9a8;border-radius:12px;padding:12px}
.mdx .gr-signin{max-width:640px;margin:0 auto;text-align:center}

/* "Your office is already inside MyDoctor" band */
.mdx .osb{background:linear-gradient(180deg,#fff,#f6fbfb)}
.mdx .osb-acts{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:22px 0 10px}
.mdx .osb-disc{font-size:.76rem;color:var(--muted,#5a737b);text-align:center;max-width:860px;margin:6px auto 0}

/* home contact: the portal first */
.mdx .c-portal b{color:#ffd77a}

/* ---------- in the app ---------- */
.side-founder small{display:block;white-space:normal;line-height:1.3}
.side-founder .side-sa{color:var(--brand,#0e7c86);font-weight:600}
.aph-title,.gm-title{margin:.2rem 0 0;font-size:.85rem;opacity:.85;line-height:1.35}
.ocw .ocw-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--line,#e2e8eb)}
.ocw .ocw-row span{display:flex;flex-direction:column;min-width:0}
.ocw .ocw-row small{color:var(--ink-3,#5b6b75)}
.ocw .ocw-row form{display:inline}
.mdx .ck-signin{border:1px solid var(--line,#d6e5e6);border-radius:14px;padding:10px 14px;margin:10px 0 14px;background:#fff}
.mdx .ck-signin>summary{cursor:pointer;font-weight:600;color:var(--deep,#0a5f67)}
.mdx .ck-signin[open]>summary{margin-bottom:10px}
/* on a phone checkout, the floating helpers step aside so the Pay bar and the form are clear */
@media (max-width:900px){.mdx:has(.ck-sticky) .m13d-tab,.mdx:has(.ck-sticky) .m13f-tab,.mdx:has(.ck-sticky) .adv,body:has(.ck-sticky) .adv{display:none!important}}