/* Monsieur SI v2 — navy / gold / cyan, Inter. Overrides styles.css */
:root{
  --black:#0A1628; --black-soft:#0D1C33; --black-elevated:#12243F;
  --gold:#F5C518; --gold-soft:#FFD84A; --gold-dim:rgba(245,197,24,.35); --gold-glow:rgba(245,197,24,.16);
  --border:rgba(245,197,24,.26); --border-subtle:rgba(255,255,255,.09);
  --cyan:#00E5FF; --cyan-dim:rgba(0,229,255,.35);
  --font-display:"Inter",system-ui,-apple-system,sans-serif;
}
body{background:var(--black)}
.nav{background:rgba(10,22,40,.9)}
.hero h1,.section-head h2,.training-copy h2,.app-text h2{font-family:var(--font-display);font-weight:800;letter-spacing:-.02em}
.hero h1{line-height:1.12}
.section-head h2{line-height:1.15}
.btn-primary,.nav-cta{color:#0A1628!important}
.btn-primary:hover,.nav-cta:hover{color:#0A1628!important}
.btn-pay{background:transparent}
.btn-pay:hover{color:#0A1628!important}
.btn-app{background:linear-gradient(135deg,var(--gold),#ffe27a);color:#0A1628!important}
.btn-app:hover{background:var(--black);color:var(--gold)!important}
.app-banner{background:radial-gradient(120% 160% at 0% 0%,rgba(0,229,255,.12),transparent 55%),linear-gradient(135deg,#102340,#0A1628);border-color:rgba(245,197,24,.5)}
.app-text p{color:#c9d3e3}
.x-link .x-icon{background:var(--black)}

/* nav */
.nav-actions{display:flex;align-items:center;gap:.6rem;flex:0 0 auto}
.nav-app{font-size:.82rem;font-weight:600;color:var(--cyan)!important;padding:.5rem .2rem;white-space:nowrap}
.nav-app:hover{color:#fff!important}
.nav-cta{white-space:nowrap}
@media (max-width:767px){.nav-brand span{display:none}}

/* hero */
.hero-card{background:var(--black-elevated)}
.btn-hero{font-size:1.02rem;padding:1.1rem 1.8rem;text-transform:none;letter-spacing:.01em}
.hero-sub{margin-top:1rem;font-size:.86rem;color:var(--white-muted);display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}
.tag-launch{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#0A1628;background:var(--cyan);border-radius:999px;padding:.2rem .6rem}
.hero-secondary{margin-top:1.1rem;font-size:.9rem;color:var(--white-dim);display:flex;flex-wrap:wrap;gap:.5rem}
.hero-secondary a{color:var(--white-muted);text-decoration:underline;text-decoration-color:var(--cyan-dim);text-underline-offset:3px}
.hero-secondary a:hover{color:var(--cyan)}
.hero-eyebrow{color:var(--cyan);border-color:var(--cyan-dim)}
.hero-eyebrow::before{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}

/* pricing */
.pricing{padding:24px 0 72px}
.offer-grid{display:grid;gap:1.25rem;grid-template-columns:1fr}
@media (min-width:820px){.offer-grid{grid-template-columns:1.1fr 1fr;align-items:stretch}}
.offer-card{position:relative;display:flex;flex-direction:column;gap:.6rem;padding:2rem 1.6rem 1.6rem;border:1px solid var(--border-subtle);border-radius:18px;background:linear-gradient(180deg,#102340,#0B1930)}
.offer-card.featured{border-color:var(--gold);box-shadow:0 0 40px var(--gold-glow),inset 0 2px 0 var(--gold)}
.offer-card .pkg-badge{position:absolute;top:-12px;left:1.6rem}
.pkg-badge-cyan{background:var(--cyan)!important;color:#0A1628!important}
.offer-kicker{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cyan)}
.offer-card h3{font-size:1.45rem;font-weight:800;color:#fff;line-height:1.2}
.offer-price{font-size:2.6rem;font-weight:800;color:var(--gold);line-height:1.1}
.offer-price span{font-size:1rem;font-weight:500;color:var(--white-dim)}
.offer-price-text{font-size:1.6rem}
.check-list{list-style:none;display:grid;gap:.55rem;margin:.4rem 0 1rem;flex:1}
.check-list li{position:relative;padding-left:1.6rem;color:var(--white-muted);font-size:.95rem}
.check-list li::before{content:"✓";position:absolute;left:0;top:0;color:var(--cyan);font-weight:700}
.text-link{display:block;text-align:center;font-size:.86rem;color:var(--white-muted)!important;text-decoration:underline;text-underline-offset:3px;margin-top:.2rem}

/* about */
.about{padding:72px 0;background:var(--black-soft);border-block:1px solid var(--border-subtle)}
.about-grid{display:grid;gap:2rem;align-items:center;grid-template-columns:1fr}
@media (min-width:820px){.about-grid{grid-template-columns:320px 1fr;gap:3rem}}
.about-photo{width:min(280px,70vw);aspect-ratio:1;margin:0 auto;border-radius:50%;overflow:hidden;border:2px solid var(--gold);box-shadow:0 0 0 6px rgba(0,229,255,.08),0 0 40px var(--gold-glow);background:#0A1628}
.about-photo img{width:100%;height:100%;object-fit:cover}
.about-photo img.is-fallback{object-fit:contain;padding:12%}
.about-copy h2{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;margin:.6rem 0 1rem;line-height:1.2}
.about-copy p{color:var(--white-muted);max-width:620px}
.proof-row{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin:1.5rem 0;max-width:620px}
.proof-row li{border:1px solid var(--border-subtle);border-radius:12px;padding:.8rem .7rem;background:rgba(255,255,255,.02)}
.proof-row strong{display:block;color:var(--gold);font-size:1.25rem;font-weight:800}
.proof-row span{display:block;font-size:.78rem;color:var(--white-dim);line-height:1.35}
.about-links{font-size:.92rem}

/* guide */
.guide{padding:64px 0}
.guide-card{display:flex;flex-direction:column;gap:1.25rem;align-items:flex-start;padding:2rem 1.6rem;border-radius:18px;border:1px solid var(--cyan-dim);background:radial-gradient(120% 140% at 100% 0%,rgba(0,229,255,.12),transparent 60%),#0D1C33}
.guide-card h2{font-size:clamp(1.4rem,2.6vw,1.9rem);font-weight:800;margin:.5rem 0 .4rem}
.guide-card p{color:var(--white-muted)}
@media (min-width:820px){.guide-card{flex-direction:row;align-items:center;justify-content:space-between;padding:2.2rem 2.6rem}}
.btn-cyan{background:var(--cyan);color:#0A1628!important;border:1px solid var(--cyan);font-weight:700;white-space:nowrap}
.btn-cyan:hover{background:transparent;color:var(--cyan)!important}

/* fiverr cards: no images, clear buttons */
.pkg-card .btn{text-transform:none;letter-spacing:.01em}

/* booking steps */
.book-steps{list-style:none;display:grid;gap:1.5rem;counter-reset:none}
.book-steps li{display:grid;grid-template-columns:40px 1fr;gap:1rem;align-items:start}
.step-num{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#0A1628;background:var(--gold)}
.step-main h3{font-size:1.1rem;font-weight:700;margin:.35rem 0 .25rem}
.step-main p{color:var(--white-muted);font-size:.92rem;margin-bottom:.8rem}
.step-main .btn+.btn{margin-top:.6rem}
.book-card .btn{text-transform:none;letter-spacing:.01em}

/* footer app button */
.footer-app{margin-top:1rem;padding:.7rem 1.4rem;font-size:.9rem;display:inline-flex}

/* sticky mobile bar */
.sticky-book{display:none}
@media (max-width:760px){
  .sticky-book{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:60;align-items:center;justify-content:space-between;gap:.75rem;
    padding:.7rem 1rem calc(.7rem + env(safe-area-inset-bottom));background:rgba(10,22,40,.96);backdrop-filter:blur(12px);border-top:1px solid var(--border)}
  .sticky-text{display:flex;flex-direction:column;line-height:1.2}
  .sticky-text strong{font-size:.92rem}
  .sticky-text span{font-size:.72rem;color:var(--cyan);font-weight:600;letter-spacing:.06em;text-transform:uppercase}
  .sticky-book .btn{padding:.75rem 1.4rem;white-space:nowrap}
  body{padding-bottom:84px}
  .btn-hero{width:100%;text-align:center}
}

/* QA fixes */
.offer-card .pkg-badge{transform:none;left:1.6rem;top:-.7rem}
.hero h1{font-size:clamp(2.1rem,4.6vw,3.4rem)}
.btn,.nav-cta{text-transform:none;letter-spacing:.01em}
.hero h1 .h1-sub{color:#fff;display:inline-block}
.contact-card{background:linear-gradient(180deg,#102340,#0B1930);border-color:var(--border)}
@media (max-width:819px){.about-photo{width:200px}}
.learn-card,.pkg-card,.step{background:linear-gradient(165deg,#12243F,#0B1930)}
.learn-icon{background:rgba(0,229,255,.06)}
/* Cal.com booking embed */
.book-wrap{max-width:1040px}
.book-steps li.step-cal{grid-template-columns:40px 1fr}
.cal-embed-wrap{grid-column:1/-1;min-width:0}
.cal-inline{width:100%;min-height:650px;overflow:auto;border:1px solid var(--border);border-radius:14px;background:#0B1930;position:relative}
.cal-inline iframe{width:100%!important;min-height:650px}
.cal-loading{position:absolute;inset:0;display:grid;place-items:center;color:var(--white-muted);font-size:.95rem}
.cal-fallback{margin-top:1rem}
.cal-alt{text-align:center;font-size:.88rem;color:var(--white-muted);margin:.7rem 0 0}
.cal-alt a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
@media (max-width:639px){.book-card{padding:1.4rem .9rem}.cal-inline{border-radius:10px}}
/* Mobile booking fix (Oct 20): popup on mobile, inline on desktop */
.btn-big{min-height:52px;display:flex;align-items:center;justify-content:center;font-size:1.02rem;font-weight:700}
.cal-open-mobile{display:none}
.book-card .cal-alt{margin-top:1.4rem}
@media (max-width:768px){
  .cal-embed-wrap{display:none}
  .cal-open-mobile{display:flex}
  .book-card{padding:1.4rem 1.1rem}
  .book-steps{gap:1.6rem}
  .book-steps li,.book-steps li.step-cal{grid-template-columns:44px 1fr;gap:.85rem}
  .step-num{width:44px;height:44px;font-size:1.1rem}
  .step-main h3{font-size:1.2rem;margin:.45rem 0 .3rem}
  .step-main p{font-size:1rem;line-height:1.5}
  .book-card .btn-big{min-height:56px;font-size:1.05rem;width:100%}
  .book-card .cal-alt{font-size:.95rem}
  .book-card .cal-alt a{display:inline-block;padding:.6rem .2rem}
  .book-card .social-row{font-size:.92rem;line-height:2.2}
  .sticky-book{transition:transform .25s ease,opacity .25s ease}
  .sticky-book.is-hidden{transform:translateY(110%);opacity:0;pointer-events:none}
  .sticky-book .btn{min-height:48px;display:inline-flex;align-items:center}
}
@media (max-width:380px){
  .book-steps li,.book-steps li.step-cal{grid-template-columns:1fr}
  .step-num{margin-bottom:-.4rem}
}
@media (min-width:769px){.cal-inline{min-height:520px;overflow:visible}.cal-inline iframe{min-height:0}}