/* Shereen Dulau / Viva Mastery Consultancy: rebuilt from the old Divi site.
   Near-black #191919, Poppins headings, Open Sans text, yellow #f3ec30 call-to-action boxes, white benefits panel. */

body { background: #191919; color: #fff; font-family: "Open Sans", Arial, sans-serif; }
h1, h2, h3 { color: #fff; font-family: "Poppins", sans-serif; }
.sd-wrap { width: min(1080px, 80%); margin-inline: auto; }
.sd-center { text-align: center; }
.sd-band { padding: clamp(40px, 5vw, 64px) 0; background: #191919; }
.sd-h2 { font: 600 clamp(28px, 3vw, 40px)/1.3 "Poppins", sans-serif; margin: 0 0 30px; }
.sd-lead, .sd-lead p, .sd-lead li { font-size: 1.3rem; line-height: 1.6; }
.sd-big { font-size: 1.4rem; line-height: 1.6; }
.sd-list { list-style: disc; padding-left: 1.2em; }
.sd-list li { margin-bottom: .4em; }
.sd-rule { background: #191919; } .sd-rule hr { border: 0; border-top: 1px solid #fff; margin: 0; }

/* header: Divi default white */
.site-header.header-light { background: #fff; border-bottom: 0; box-shadow: 0 1px 0 rgba(0,0,0,.1); backdrop-filter: none; }
.brand img { height: 46px; max-width: 160px; }
.site-nav a { font: 600 14px/1.4 "Open Sans", sans-serif; }
.header-light .site-nav > ul > li > a { color: rgba(0,0,0,.6); border-bottom: 0; }
.header-light .site-nav > ul > li > a:hover { color: rgba(0,0,0,.85); }
.header-light .site-nav a[aria-current="page"] { color: #2ea3f2; }
.nav-toggle { color: #333; }
@media (max-width: 900px) { .site-nav { background: #fff; } }

/* hero */
.sd-hero-grid { display: grid; grid-template-columns: 3fr 2fr; gap: 5.5%; align-items: start; }
.sd-hero h1 { font: 600 clamp(36px, 4.2vw, 56px)/1.2 "Poppins", sans-serif; margin: 0 0 28px; }
.sd-yellow-box { display: block; background: #f3ec30; color: #000; padding: 26px 24px; text-decoration: none; margin-right: 48px; transition: transform .2s; }
.sd-yellow-box:hover { transform: translateY(-3px); color: #000; }
.sd-arrow { display: block; font-size: 20px; font-weight: 700; margin-bottom: 18px; }
.sd-box-title { font: 700 14px/1.4 "Poppins", sans-serif; text-transform: uppercase; letter-spacing: .02em; }

/* intro + three columns */
.sd-intro { display: grid; grid-template-columns: 2fr 3fr; gap: 5.5%; align-items: start; margin-bottom: 50px; }
.sd-coach img { width: 100%; margin-bottom: 14px; }
.sd-coach-name { font: 400 16px/1.4 "Open Sans", sans-serif; margin: 0; }
.sd-coach-pos { color: rgba(255,255,255,.6); font-size: 14px; margin: 0; }
.sd-coach-co { font-size: 18px; margin: 4px 0 8px; }
.sd-icons { display: flex; gap: 14px; margin: 0; }
.sd-icons a { color: #fff; display: inline-flex; }
.sd-icons svg { width: 18px; height: 18px; }
.sd-three { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5.5%; align-items: start; }
.sd-blurb img { width: 100%; max-width: 260px; margin: 0 auto 10px; }
.sd-blurb h3 { font: 700 18px/1.3 "Poppins", sans-serif; margin: 0 0 10px; }
.sd-blurb p, .sd-blurb li { font-size: 15px; line-height: 1.6; color: #ddd; }
.sd-cta-card { background: #f3ec30; color: #000; padding: 30px 24px; text-align: center; margin-top: 100px; }
.sd-cta-card h2 { color: #000; font: 700 23px/1.3 "Poppins", sans-serif; margin: 0 0 14px; }
.sd-cta-card p { color: #000; font-size: 16px; line-height: 1.5; }
.sd-dark-btn { display: inline-block; background: #191919; color: #fff; padding: 12px 20px; font-size: 18px; font-weight: 500; text-decoration: none; border: 2px solid #191919; transition: background .2s, color .2s; }
.sd-dark-btn:hover { background: transparent; color: #191919; }
.sd-dark-btn.is-yellow { background: #f3ec30; color: #191919; border-color: #f3ec30; }

/* benefits panel */
.sd-benefits { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px 5.5%; background: #fff; color: #333; padding: 60px; }
.sd-benefits h3 { color: #000; font: 700 21px/1.3 "Poppins", sans-serif; margin: 12px 0 10px; }
.sd-benefits li { font-size: 14px; color: #555; }
.sd-ico { display: block; text-align: center; }
.sd-ico svg { width: 64px; height: 64px; color: #000; }

/* about */
.sd-about { background: #fff; }
.sd-about-row { width: min(1800px, 100%); margin: 0 auto; display: grid; grid-template-columns: 3fr 2fr; background: linear-gradient(90deg, #fff 30%, #191919 30%); }
.sd-about-left { padding: 30px 0 60px 5%; }
.sd-kicker { color: #191919; font: 600 18px/1.4 "Poppins", sans-serif; padding-left: 5%; margin: 0 0 20px; }
.sd-video { position: relative; aspect-ratio: 16 / 9; background: #000; }
.sd-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.sd-about-right { padding: 30px 8% 40px 5%; }
.sd-quote { font: 700 20px/1.4 "Poppins", sans-serif; margin: 0 0 12px; }
.sd-about-right .sd-coach { max-width: 360px; margin-top: 24px; }

/* footer */
.site-footer.sd-footer { background: #191919; color: #fff; padding: 60px 0 30px; border-top: 1px solid rgba(255,255,255,.1); }
.sd-footer-grid { display: grid; grid-template-columns: 3fr 2fr; gap: 5.5%; align-items: center; }
.sd-footer h2 { font: 600 clamp(26px, 2.6vw, 37px)/1.3 "Poppins", sans-serif; margin: 0 0 20px; }
.sd-yellow-btn { display: inline-block; background: #f3ec30; color: #191919 !important; border-radius: 25px; padding: 10px 22px; font-size: 18px; text-decoration: none; transition: transform .2s; }
.sd-yellow-btn:hover { transform: translateY(-2px); }
.sd-footer-brand { text-align: center; }
.sd-footer-brand img { width: 70%; margin: 0 auto 30px; }
.sd-footer-brand h3 { font: 600 16px/1.4 "Poppins", sans-serif; margin: 0 0 10px; }
.sd-footer-brand .sd-icons { justify-content: center; }
.sd-footer .sd-icons a { width: 32px; height: 32px; display: grid; place-items: center; background: #3b5998; border-radius: 3px; }
.sd-footer .sd-icons a.is-li { background: #007bb6; }
.sd-copy { font-size: 14px; margin: 40px 0 0; }

@media (max-width: 980px) {
  .sd-hero-grid, .sd-intro, .sd-three, .sd-footer-grid, .sd-benefits { grid-template-columns: 1fr; }
  .sd-yellow-box { margin-right: 0; }
  .sd-cta-card { margin-top: 0; }
  .sd-about-row { grid-template-columns: 1fr; background: #191919; }
  .sd-about-left { background: #fff; padding: 30px 5% 40px; }
  .sd-intro .sd-coach { max-width: 360px; }
}
@media (max-width: 640px) {
  .sd-wrap { width: calc(100% - 40px); }
  .sd-benefits { padding: 30px 24px; }
  .sd-lead, .sd-lead p, .sd-lead li, .sd-big { font-size: 1.1rem; }
}