/* =====================================================================
   go.myoverhead.com - site stylesheet
   One file for every page. Sections:
     1. Fonts            2. Reset & base      3. Layout helpers
     4. Buttons          5. Video preview     6. Modal (dialog)
     7. Forms            8. Utilities / a11y
     then shared site components, then page-specific sections
     (each page's <body> has class "page-<slug>").
   ===================================================================== */

/* ---------- 1. Fonts (self-hosted, Latin, variable, swap) ---------- */
@font-face{font-family:"Questrial";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/questrial.woff2) format("woff2")}
@font-face{font-family:"Raleway";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/raleway.woff2) format("woff2")}
@font-face{font-family:"Raleway";font-style:italic;font-weight:100 900;font-display:swap;src:url(../fonts/raleway-italic.woff2) format("woff2")}
@font-face{font-family:"Montserrat";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/montserrat.woff2) format("woff2")}
@font-face{font-family:"Montserrat";font-style:italic;font-weight:100 900;font-display:swap;src:url(../fonts/montserrat-italic.woff2) format("woff2")}
@font-face{font-family:"Oswald";font-style:normal;font-weight:200 700;font-display:swap;src:url(../fonts/oswald.woff2) format("woff2")}
@font-face{font-family:"Open Sans";font-style:normal;font-weight:300 800;font-display:swap;src:url(../fonts/open-sans.woff2) format("woff2")}
@font-face{font-family:"Open Sans";font-style:italic;font-weight:300 800;font-display:swap;src:url(../fonts/open-sans-italic.woff2) format("woff2")}
@font-face{font-family:"Roboto";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/roboto.woff2) format("woff2")}
@font-face{font-family:"Roboto";font-style:italic;font-weight:100 900;font-display:swap;src:url(../fonts/roboto-italic.woff2) format("woff2")}
@font-face{font-family:"Rokkitt";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/rokkitt.woff2) format("woff2")}
/* Droid Serif (used by the original legal pages) is retired; Noto Serif is its direct successor. */
@font-face{font-family:"Noto Serif";font-style:normal;font-weight:100 900;font-display:swap;src:url(../fonts/noto-serif.woff2) format("woff2")}
@font-face{font-family:"Noto Serif";font-style:italic;font-weight:100 900;font-display:swap;src:url(../fonts/noto-serif-italic.woff2) format("woff2")}
@font-face{font-family:"Shadows Into Light Two";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/shadows-into-light-two.woff2) format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/poppins-400.woff2) format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/poppins-600.woff2) format("woff2")}
@font-face{font-family:"Poppins";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/poppins-700.woff2) format("woff2")}

:root{
  --font-questrial:"Questrial",Helvetica,Arial,sans-serif;
  --font-raleway:"Raleway",Helvetica,Arial,sans-serif;
  --font-montserrat:"Montserrat",Helvetica,Arial,sans-serif;
  --font-oswald:"Oswald",Helvetica,Arial,sans-serif;
  --font-open:"Open Sans",Helvetica,Arial,sans-serif;
  --font-roboto:"Roboto",Helvetica,Arial,sans-serif;
  --font-poppins:"Poppins",Helvetica,Arial,sans-serif;
  --font-rokkitt:"Rokkitt",Georgia,serif;
  --font-serif:"Noto Serif","Droid Serif",Georgia,serif;
  --text:#2e2e2e;
  --link:#0e8dc7;
  --focus:#1a73e8;
}

/* ---------- 2. Reset & base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;font-family:var(--font-open);font-size:14px;line-height:1.42857;color:var(--text);background:#fff}
img,svg,video,iframe{max-width:100%}
img{height:auto;border:0;vertical-align:middle}
h1,h2,h3,h4,h5,h6{margin:0;font-weight:inherit;line-height:1.2}
p{margin:0}
p+p{margin-top:1em}
ul,ol{margin:0}
a{color:var(--link)}
a:hover{text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
hr{border:0;border-top:1px solid #ddd;margin:0}
b,strong{font-weight:700}

/* ---------- 3. Layout helpers ---------- */
/* CF widths: wide 1120px, full-width inner 1170px, small 550px */
.container{width:100%;max-width:1120px;margin-inline:auto;padding-inline:20px}
.container--full{max-width:1170px}
.container--medium{max-width:960px}
.container--small{max-width:550px;padding-inline:10px}
.section{padding-block:40px}
.cols{display:flex;gap:30px}
.cols>*{flex:1 1 0;min-width:0}
@media (max-width:767px){.cols{flex-direction:column;gap:20px}}
.text-center{text-align:center}

/* ---------- 4. Buttons (CF elButton look) ---------- */
.btn{display:inline-block;padding:13px 35px;border:0;border-radius:0;color:#fff;font-weight:700;text-align:center;text-decoration:none;line-height:1.2;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out,opacity .2s ease-in-out}
.btn:hover{text-decoration:none;color:#fff}
.btn__sub{display:block;font-size:13px;font-weight:400;opacity:.8;margin-top:3px}
.btn--block{display:block;width:100%}
/* hover styles from CF classes */
.btn--rounded{border-radius:3px}
.btn--rounded:hover{box-shadow:inset 0 2px 2px 0 rgba(255,255,255,.22),inset 0 233px 233px 0 rgba(255,255,255,.12)}
.btn--pill{border-radius:50px}
.btn--pill:hover{box-shadow:inset 0 -133px 133px 0 rgba(255,255,255,.12)}
.btn--square:hover,.btn--border:hover{box-shadow:inset 0 -133px 133px 0 rgba(255,255,255,.2)}
.btn--grow:hover{transform:scale(1.1)}
.btn--fade:hover{opacity:.7}

/* ---------- 5. Video preview (click to play) ---------- */
.video{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;background:#000;overflow:hidden;cursor:pointer}
.video>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video__play{position:absolute;left:50%;top:50%;width:68px;height:48px;margin:-24px 0 0 -34px;border-radius:10px;background:rgba(0,0,0,.75);transition:background .2s}
.video__play::after{content:"";position:absolute;left:27px;top:14px;border-style:solid;border-width:10px 0 10px 17px;border-color:transparent transparent transparent #fff}
.video:hover .video__play,.video:focus-visible .video__play{background:#00adef}

/* ---------- 6. Modal (native <dialog>) ---------- */
.modal{width:min(100% - 20px,var(--modal-w,640px));max-height:calc(100% - 40px);padding:0;border:0;background:#fff;color:inherit;overflow:visible;box-shadow:0 0 25px rgba(0,0,0,.35)}
.modal::backdrop{background:rgba(0,0,0,.6)}
.modal[open]{animation:modal-in .25s ease-out}
.modal__body{max-height:calc(100vh - 40px);overflow:auto}
.modal__close{position:absolute;top:-14px;right:-14px;z-index:2;width:30px;height:30px;padding:0;border:2px solid #fff;border-radius:50%;background:#000;color:#fff;font-size:20px;line-height:24px;text-align:center}
.modal__view[hidden]{display:none}
@keyframes modal-in{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:none}}
body.modal-open{overflow:hidden}

/* ---------- 7. Forms ---------- */
.field{display:block;margin-bottom:10px}
.field input,.field select,.field textarea{display:block;width:100%;padding:12px 15px;border:1px solid rgba(0,0,0,.2);border-radius:4px;background:#fff;font-size:14px;color:#2e2e2e}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--focus);outline:none;box-shadow:0 0 0 3px rgba(26,115,232,.25)}
.field input[aria-invalid="true"],.field textarea[aria-invalid="true"]{border-color:#d93025;box-shadow:0 0 0 2px rgba(217,48,37,.2)}
.form-status{margin-top:10px;font-size:14px;text-align:center}
.form-status:empty{display:none}
.form-status--error{color:#c5221f}
.form-status--info{color:#555}
.form-status--ok{color:#188038}

/* ---------- 8. Utilities / accessibility ---------- */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:8px;top:-60px;z-index:1000;padding:8px 14px;background:#000;color:#fff}
.skip-link:focus{top:8px}
:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .btn--grow:hover{transform:none}
}

/* =====================================================================
   20 - "Boxed" legal template (mo-legal): Privacy Policy, Terms, EUSA,
   Contact Us and 404.html. Same CF template as the go.astraignite.com
   rebuild (site-src-ai/css/30-boxed.css), re-measured against these pages:
   grey page, one white centred card with a Rokkitt title, "Last Updated"
   line and divider, Droid Serif (Noto Serif) text, Mark Lallemand
   signature, linked MyOverhead logo, dark copyright footer.
   Markup:
     <body class="boxed page-…">
       <main id="main" class="boxed-card"><div class="boxed-body">
         <h1 class="boxed-title [boxed-title--high]">…</h1> <p class="boxed-updated">…</p> <div class="boxed-divider"></div>
         <div class="legal [legal--doc]">…</div>
         <div class="boxed-sig">…</div>
         <p class="boxed-logo"><a href="https://www.myoverhead.com"><img …></a></p>
       </div></main>
       <footer class="boxed-footer">…</footer>
   FONTS: Rokkitt and Noto Serif are not in assets/fonts yet (lead to add,
   e.g. copy rokkitt.woff2 / noto-serif.woff2 + @font-face from the
   go.astraignite.com build). Until then --font-rokkitt / --font-serif are
   unset and the fallbacks below apply.
   CF measurements: card 960px max, 50px top margin, 20px top padding; side
   padding 60px (80px between 771 and 1170px wide, where CF adds 20px column
   padding; 15px on mobile); text 16px/24px.
   ===================================================================== */
.boxed{
  --boxed-pad:60px;
  --boxed-title-font:var(--font-rokkitt,"Rokkitt",Georgia,serif);
  --boxed-text-font:var(--font-serif,"Noto Serif","Droid Serif",Georgia,serif);
  background:#f0f0f0;
  font-family:var(--boxed-text-font);
  color:#2f2f2f;
}

/* ---------- Card (CF section: white, shadow20) ---------- */
.boxed-card{display:block;max-width:960px;margin:50px auto 0;padding:20px 0 30px;background:#fff;box-shadow:0 1px 5px rgba(0,0,0,.2)}
.boxed-body{padding-inline:var(--boxed-pad)}

/* ---------- Title block: "Privacy Policy" / "Last Updated on …" ---------- */
.boxed-title{padding-top:30px;font-family:var(--boxed-title-font);font-size:27px;font-weight:700;line-height:31px;color:#2f2f2f}
.boxed-title--high{padding-top:20px}            /* privacy / terms / EUSA: CF margin-top 20px instead of 30px */
.boxed-updated{font-family:var(--boxed-title-font);font-size:18px;line-height:21px;color:rgba(47,47,47,.43)}
/* CF divider style 1 / colour 3 / shadow 1 (thin line with a soft shadow) */
.boxed-divider{padding:10px 0}
.boxed-divider::before{content:"";display:block;border-top:1px solid rgba(0,0,0,.1);box-shadow:0 2px 3px rgba(0,0,0,.2)}

/* ---------- Plain text block (contact page; CF headline 16px/24px, one line per <div>) ---------- */
.legal{margin-top:10px;padding-bottom:24px;font-size:16px;line-height:1.5;color:rgba(47,47,47,.89);overflow-wrap:break-word}
.legal>*{margin:24px 0 0}
.legal>:first-child{margin-top:0}

/* ---------- Single-column document style (Privacy, Terms, EUSA) ----------
   The CF originals are two plain-text columns; here they are one readable column
   with real headings (a line under them) instead of the ---- / ~~~~ / **** rules. */
.legal--doc{padding-bottom:10px;font-size:17px;line-height:1.7;color:#3a3a3a}
.legal--doc>*{margin-top:1em}
.legal--doc h2,.legal--doc h3{font-family:var(--boxed-title-font);font-weight:700;line-height:1.25;color:#2f2f2f}
.legal--doc h2{position:relative;margin-top:2.2em;padding-bottom:10px;border-bottom:1px solid #e3e3e3;font-size:25px}
.legal--doc h2::after{content:"";position:absolute;left:0;bottom:-2px;width:64px;height:3px;background:#0e8dc7}
.legal--doc h3{margin-top:1.8em;padding-bottom:6px;border-bottom:1px solid #ececec;font-size:20px}
.legal--doc h4{margin-top:1.4em;font-size:inherit;font-weight:700;line-height:inherit;color:#2f2f2f}
.legal--doc>h2:first-child{margin-top:.4em}
.legal--doc :is(h2,h3,h4)+*{margin-top:.75em}
.legal--doc strong,.legal--doc dt{color:#2f2f2f}
.legal--doc ul{padding-left:1.4em;list-style:disc}
.legal--doc li+li{margin-top:.3em}
.legal--doc dl{margin-bottom:0}
.legal--doc dt{font-weight:700}
.legal--doc dd{margin:0}
.legal--doc dd+dt{margin-top:.8em}
/* numbered list whose numbers ("1)", "2)" …) are part of the original text */
.legal-numbered{padding:0;list-style:none}
.legal-numbered li{padding-left:1.25em;text-indent:-1.25em}

/* ---------- Signature, logo ---------- */
.boxed-sig{padding-top:30px;font-family:var(--boxed-title-font)}
.boxed-sig__name{font-size:27px;font-weight:700;line-height:1.3;color:#2f2f2f}
.boxed-sig p+p{margin-top:0}
.boxed-sig__role{font-size:16px;line-height:18px;color:rgba(47,47,47,.47)}
.boxed-logo{margin-top:30px;text-align:center}
.boxed-logo a{display:inline-block}
.boxed-logo img{width:394px}

/* ---------- Footer (CF full-width section, rgba(0,0,0,.71) over the grey) ---------- */
.boxed-footer{margin-top:20px;padding:60px 10px 40px;background:#464646;color:#888;font-size:14px;line-height:1.3;text-align:center}
.boxed-footer p{margin:0}

/* ---------- 404.html: centred message + link list ---------- */
.page-404 .boxed-body{max-width:640px;margin-inline:auto;text-align:center}
.page-404 .legal{padding-bottom:0}
.notfound-links ul{margin:24px 0 0;padding:0;list-style:none;font-size:16px;line-height:1.5}
.notfound-links li+li{margin-top:8px}
.notfound-links a:hover{text-decoration:none}

/* ---------- Responsive (CF: 20px column padding 771-1170px; 15px side padding on mobile) ---------- */
@media (min-width:771px) and (max-width:1170px){.boxed{--boxed-pad:80px}}
@media (max-width:770px){.boxed{--boxed-pad:15px}}
@media (max-width:700px){
  .legal--doc{font-size:16px;line-height:1.65}
  .legal--doc h2{font-size:22px}
  .legal--doc h3{font-size:19px}
  .boxed-logo img{width:300px}
}

/* =====================================================================
   30 - home-a / myoh3-learn-more-a long sales page (builder mo-home)
   All page-specific classes use the ho- prefix. Reuses shared parts from
   40-cf-components (.plans/.plan-card/.btn--plan/.btn--arrow, .faq, .check-list,
   .site-footer/.legal-links) and 41 (.plans-modal).
   ===================================================================== */
.page-home-a,.page-myoh3-learn-more-a{background:#f1f4f8;color:#2f2f2f}

/* ---------- CF gradient button (elButtonGradient + elButtonShadow, fa arrow before label) ---------- */
.ho-cbtn{display:block;width:100%;padding:20px 35px;border:1px solid rgba(0,0,0,.1);font-family:var(--font-open);font-size:27px;line-height:1.42857;font-weight:700;color:#fffefd;text-align:center;text-decoration:none;cursor:pointer;box-shadow:0 1px 5px rgba(0,0,0,.2),inset 0 0 0 2px rgba(255,255,255,.2)}
.ho-cbtn:hover{color:#fffefd;text-decoration:none}
.ho-cbtn::before{content:"";display:inline-block;width:.875em;height:1em;margin-right:15px;vertical-align:-.125em;background:currentColor;-webkit-mask:var(--icon-arrow) center/contain no-repeat;mask:var(--icon-arrow) center/contain no-repeat}
.ho-cbtn__sub{display:block;font-size:18px;font-weight:400;line-height:1.42857}
.ho-cbtn--green{background:linear-gradient(#42b99f,#379b85)}
.ho-cbtn--green:hover{background:linear-gradient(#379b85,#42b99f)}
.ho-cbtn--blue{background:linear-gradient(#0075b2,#005a89)}
.ho-cbtn--blue:hover{background:linear-gradient(#005a89,#0075b2)}
.ho-cbtn--orange{background:linear-gradient(#ffa02f,#ff8d06)}
.ho-cbtn--orange:hover{background:linear-gradient(#ff8d06,#ffa02f)}
.ho-cbtn--round{border-radius:10px}
.ho-cbtn--hero{padding:13px 35px;box-shadow:0 1px 5px rgba(0,0,0,.4),inset 0 0 0 2px rgba(255,255,255,.2)}
.ho-cbtn--hero .ho-cbtn__sub{font-size:12px}

/* Blue highlight (CF text with background) */
.ho-mark-blue{padding:0 4px;background:#0074c7;color:#fff;font-weight:700;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.ho-mark-blue--40{display:table;margin:0 auto;padding:0 10px;font-size:40px;line-height:1.42857}
.ho-mark-blue--52{padding:0 13px;font-size:52px;line-height:1.42857}

/* ---------- Header + banner ---------- */
.ho-sales-header{background:#fff;padding-top:10px}
.ho-sales-header__inner{display:flex;justify-content:space-between;align-items:flex-start;max-width:1170px;margin:0 auto;padding:0 25px 10px}
.ho-sales-header__logo{display:block;width:394px;height:auto}
.ho-sales-nav{display:flex;gap:33px;padding:15px 0 0}
.ho-sales-nav a{font-size:14px;font-weight:700;line-height:20px;color:#3b3b3b;text-decoration:none}
.ho-sales-nav a:hover{text-decoration:underline}
.ho-sales-banner{padding:10px 15px;background:#0074c7;color:#fff;font-size:24px;line-height:1.3;text-align:center}

/* ---------- Hero ---------- */
.ho-sales-hero{padding:15px 0 70px;border-block:3px solid rgba(10,10,10,.21);background:#404040 url(../img/hero-mark-with-board.webp) no-repeat 0 -3px/100% auto}
.ho-sales-hero__inner{display:flex;justify-content:flex-end;max-width:1200px;margin:0 auto;padding:70px 25px 11px}
.ho-sales-hero__box{width:560px;padding:31px 40px 53px;border-radius:20px;background:rgba(0,0,0,.76);color:#fff;text-align:center}
.ho-sales-hero__kicker{font-size:18px;line-height:normal}
.ho-sales-hero__title{margin:17px 0 0;font-size:48px;font-weight:400;line-height:normal}
.ho-sales-hero__title span{display:block}
.ho-sales-hero__title .ho-sales-hero__l1{font-size:38px}
.ho-sales-hero__killing{color:#e43b2c}
.ho-sales-hero__name{margin-top:15px;font-size:34px;line-height:normal;color:rgba(255,255,255,.81)}
.ho-sales-hero__name b{color:#fff}
.ho-sales-hero__btns{display:grid;gap:20px;margin-top:35px}
.ho-sales-hero__note{font-size:14px;line-height:normal;color:rgba(255,255,255,.81)}
.ho-sales-hero__btns+.ho-sales-hero__note{margin-top:20px}
.ho-sales-hero__note+.ho-sales-hero__note{margin-top:0}

/* ---------- As seen in ---------- */
.ho-as-seen{background:#fff;padding:10px 0}
.ho-as-seen__inner{display:flex;justify-content:space-around;max-width:1150px;margin:0 auto}
.ho-as-seen img{display:block;width:490px;max-width:100%;height:auto}

/* ---------- Rate cards ---------- */
.ho-sales-rates{padding:60px 15px 70px;border-top:3px solid rgba(47,47,47,.09)}
.ho-sales-rates__title{margin:0;font-size:36px;line-height:1.3;text-align:center}
.ho-sales-rates__title b{display:block}
.ho-rate-cards{display:grid;grid-template-columns:repeat(2,minmax(0,545px));justify-content:center;gap:25px 30px;margin:65px 0 0;padding:0;list-style:none}
.ho-rate-card{display:flex;justify-content:space-between;gap:10px;padding:15px;background:#3b3b3b}
.ho-rate-card>div{padding:6px 0 0 10px}
.ho-rate-card__title{margin:0;font-size:24px;line-height:1.1;font-weight:700;color:#fff}
.ho-rate-card__text{margin-top:10px;max-width:392px;font-size:14px;line-height:20px;color:#ebebeb}
.ho-rate-card img{flex:none;width:103px;height:103px;border-radius:5px}

/* ---------- Letter (big white bordered section) ---------- */
.ho-letter{max-width:1120px;margin:0 auto 35px;padding:40px 60px 25px;background:#fff;border:3px solid rgba(47,47,47,.11);border-radius:5px;font-size:22px;line-height:1.42857}
.ho-letter>*{margin-left:25px;margin-right:25px}
.ho-letter>.ho-story,.ho-letter>.ho-greg-box{margin-left:0;margin-right:0}
.ho-letter h2,.ho-letter h3{font-weight:400}
.ho-letter__title{margin-top:40px;margin-bottom:0;font-size:58px;line-height:1.3;text-align:center}
.ho-letter__title b{display:block}
.ho-letter__intro{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:90px;margin-bottom:0}
.ho-from{display:flex;gap:10px;align-items:flex-start}
.ho-from img{width:134px;height:auto;border-radius:5px}
.ho-from p{padding-top:33px;font-size:14px;line-height:20px}
.ho-from__name{display:block;font-size:21px;line-height:1.1;font-weight:500}
.ho-from__name b{font-weight:700}
.ho-from__place{display:block;margin-top:4px}
.ho-letter__dear{margin-top:30px;line-height:normal}
.ho-letter__dear p+p{margin-top:30px}
.ho-letter__video-title{font-size:20px;line-height:normal;text-align:center}
.ho-letter__video .video{margin-top:10px}
.ho-letter__video-cta{margin-top:10px;font-size:18px;line-height:normal;text-align:center}
.ho-letter__thousands{margin-top:80px;margin-bottom:0;font-size:46px;line-height:1.3;text-align:center}
.ho-letter__thousands b{display:block}
.ho-letter__thousands b:nth-child(2){font-family:var(--font-roboto)}
.ho-letter__thousands .ho-letter__green{margin-top:10px;font-size:64px;color:#5c9d4b}
.ho-letter__thousands .ho-letter__abandon{margin-top:15px;font-size:26px;line-height:normal}
.ho-letter__body p+p{margin-top:31px}
.ho-letter__thousands+p{margin-top:30px}
.ho-letter__body+.ho-story{margin-top:30px}
.ho-story:not(.ho-story--gift){padding-top:71px}
.ho-letter__body--types,.ho-letter__body--entry{margin-top:80px}
.ho-letter__h{margin-top:80px;margin-bottom:40px;padding:0 10px;font-size:46px;line-height:1.3;text-align:center}
.ho-letter__h b{display:block}
.ho-letter__h--44{font-size:44px}
.ho-letter__h--demo{margin-bottom:0}
.ho-letter__h .ho-letter__h-sub{font-size:36px;line-height:normal}
.ho-letter__types,.ho-letter__less{display:block;max-width:calc(100% - 50px);height:auto;margin:0 auto}
.ho-letter__types{margin-top:80px;margin-bottom:0}
.ho-letter__body--only{margin-top:40px;padding:0 10px}
.ho-letter__every .ho-mark-blue{display:inline-block}
.ho-letter__every{text-align:center;font-size:34px;line-height:1.42857}
.ho-letter__body--only .ho-letter__every{margin-top:45px}
.ho-letter__body--only .ho-letter__every+p{margin-top:50px}
.ho-letter__body--tried{margin-top:60px}
.ho-letter__body--replace{margin-bottom:0;padding:0 10px}
.ho-letter__body--nosoftware{margin-top:69px}
.ho-letter__body--nosoftware p+p{margin-top:31px}
.ho-letter__worry{margin-top:26px!important}
.ho-letter__upload{color:#0000ee}
.ho-letter__cta{display:grid;gap:20px;margin-top:40px;margin-bottom:40px}
.ho-letter__cta--narrow{max-width:676px;margin-left:auto;margin-right:auto;margin-bottom:50px}
.ho-story+.ho-letter__h{margin-top:55px}
.ho-letter__body--types+.ho-letter__h--44{margin-top:45px}
.ho-letter__rule{max-width:832px;margin:0 auto;border:0;border-top:1px solid rgba(47,47,47,.16)}
.ho-letter__less{margin-top:10px;margin-bottom:0}
.ho-story__black{color:#000;font-weight:700}

/* Grey story box */
.ho-story{padding:40px 35px;background:#fafafa;border:3px solid rgba(47,47,47,.16)}
.ho-story p+p,.ho-story p+.check-list,.ho-story .check-list+*{margin-top:31px}
.ho-story__img,.ho-story__screen{display:block;max-width:100%;height:auto;margin:30px auto 40px}
.ho-story__img--dial{margin-top:50px;margin-bottom:0}
.ho-story--gift .ho-story__img,.ho-story--gift .ho-story__screen{margin-top:60px}
.ho-letter__h--gifts+.ho-story--gift .ho-story__screen{margin-top:30px}
.ho-story .ho-story__why{margin-top:41px}
.ho-story--gift{margin-top:60px;padding:40px 85px 50px}
.ho-letter__h--gifts+.ho-story--gift{margin-top:40px}
.ho-story__gift{margin:31px 0 30px;font-size:22px;line-height:1.42857}
.ho-story .check-list li{padding-left:44px}
.ho-story .check-list li::before{width:22px;height:22px;top:.2em;background:#2f2f2f}
.ho-story__gap{margin-top:60px!important}

/* Greg testimonial box */
.ho-greg-box{max-width:696px;margin:135px auto 0;padding:40px 45px;background:#fdfee8;border:3px solid rgba(47,47,47,.16);font-size:20px;line-height:1.42857}
.ho-greg-box__photo{display:block;width:200px;height:auto;margin:-120px auto 0;border-radius:50%}
.ho-greg-box blockquote{margin:5px 0 0}
.ho-greg-box blockquote p+p{margin-top:15px}
.ho-greg-box .ho-greg-box__pull{font-size:32px;line-height:1.3;text-align:center}
.ho-greg-box figcaption{margin-top:30px;text-align:center}
.ho-greg-box__name{display:block;font-size:34px;line-height:1.42857}
.ho-greg-box__role{display:block;font-size:16px;line-height:1.42857;color:#606060}

/* Video skin (CF video with dark frame) */
.ho-video-frame{max-width:693px;margin:40px auto 0;padding:8px;border:1px solid rgba(0,0,0,.3);border-bottom-width:3px;border-radius:5px;background:linear-gradient(#1f1f1f,#111)}
.ho-video-frame .video{aspect-ratio:675/420;border-radius:5px;box-shadow:0 1px 10px rgba(0,0,0,.3)}

/* ---------- Tour: intro, features, quote bands, dark bands ---------- */
.ho-tour-intro{padding:80px 15px 40px;background:#fff;text-align:center}
.ho-tour-intro__title{margin:0;font-size:46px;line-height:1.42857}
.ho-tour-intro__screen,.ho-tour-intro__logo{display:block;max-width:100%;height:auto;margin:65px auto 0}
.ho-tour-intro__logo{margin-top:45px}
.ho-tour-intro__rule{max-width:990px;margin:50px auto 0;border:0;border-top:1px solid rgba(47,47,47,.16)}
.ho-step-label{margin-top:50px;font-size:44px;line-height:1.3;color:#0074c7}
.ho-step-title{margin:40px 0 0;font-size:54px;line-height:1.42857}
.ho-step-quote{max-width:1000px;margin:50px auto 0;font-size:32px;line-height:1.3}
.ho-tour-intro--step2{padding-top:80px;padding-bottom:80px}
.ho-tour-intro--step2 .ho-step-label{margin-top:0}
.ho-feature{display:grid;grid-template-columns:390px 780px;justify-content:center;align-items:start;padding:100px 0 80px;background:#fff}
.ho-feature--media-left{grid-template-columns:780px 390px}
.ho-tour-intro:not(.ho-tour-intro--step2)+.ho-feature{padding-top:60px}
.ho-feature__text{padding:0 35px}
.ho-feature__title{margin:0;font-weight:700;font-size:32px;line-height:1.3;color:#0074c7}
.ho-feature__text p{margin-top:14px;font-size:18px;line-height:1.5;color:rgba(47,47,47,.8)}
.ho-feature__media{padding:0 15px;text-align:center}
.ho-feature__media img{max-width:100%;height:auto}
.ho-quote-band{max-width:1130px;margin:0 auto;padding:70px 15px;font-size:36px;line-height:1.3;text-align:center}
.ho-quote-band--34{font-size:34px}
.ho-quote-band--32{font-size:32px;padding:40px 15px}
.ho-dark-band{padding:30px 0;background:#3b3b3b;color:#fff}
.ho-dark-band .ho-quote-band{padding:40px 15px}
.ho-dark-band__btns{display:grid;gap:20px;max-width:1130px;margin:5px auto 40px;padding:0 15px}
.ho-dark-band--review{padding-top:180px}

/* Testimonial card (photo overlapping top) */
.ho-review-card{max-width:819px;margin:0 auto;padding:40px 50px 43px;background:#f4f4f4;border:3px solid #42b99f;color:#2f2f2f;text-align:center}
.ho-review-card__photo{display:block;width:150px;height:auto;margin:-100px auto 0;border-radius:50%;box-shadow:0 2px 5px 2px rgba(0,0,0,.4)}
.ho-review-card blockquote{margin:30px 0 0;font-size:16px;line-height:1.5}
.ho-review-card figcaption{margin-top:30px}
.ho-review-card__name{display:block;font-size:34px;line-height:1.42857;color:#2d2d2d}
.ho-review-card__role{display:block;font-size:16px;line-height:1.42857;color:#606060}
.ho-review-card--white{margin-top:150px;padding:40px 40px;background:#fff;border:1px solid rgba(47,47,47,.16)}
.ho-review-card__photo--logo{height:128px;width:150px;object-fit:cover;box-shadow:0 2px 5px 2px rgba(0,0,0,.3)}
.ho-review-card--white .ho-review-card__photo{margin-top:-100px}
.ho-review-card__more{margin-top:15px;font-size:18px;line-height:normal;text-align:right}
.ho-review-card__more a{color:#2f21ee;text-decoration:none}
.ho-review-card__more a:hover{text-decoration:underline}
.ho-review-card__more+figcaption{margin-top:30px}
.ho-review-card--white .ho-review-card__name{color:#2f2f2f}

/* Second letter (gifts) */
.ho-letter--gifts{margin:40px auto 0;padding-bottom:50px}
.ho-letter__title--detailed{margin-top:40px}
.ho-letter__title--detailed .ho-mark-blue{display:inline}
.ho-letter__title .ho-letter__gives{margin-top:30px;font-size:46px;line-height:1.3}
.ho-letter__body--offer{margin-top:110px}
.ho-letter__h--gifts{margin-top:85px;padding:0;font-size:38px;line-height:1.42857}
.ho-letter__h--gifts b,.ho-letter__h--gifts .ho-mark-blue{display:inline}

/* ---------- Offer, value, pricing, FAQ, final CTA ---------- */
.ho-offer{padding:70px 15px 40px}
.ho-offer__logo{display:block;width:500px;max-width:100%;height:auto;margin:0 auto}
.ho-offer__screens{display:block;max-width:100%;height:auto;margin:50px auto 0}
.ho-offer__title{max-width:980px;margin:80px auto 0;font-size:44px;line-height:1.3;text-align:center}
.ho-offer__rule{max-width:990px;margin:50px auto 40px;border:0;border-top:1px solid rgba(47,47,47,.16)}
.ho-offer__box{display:grid;grid-template-columns:1fr 1fr;max-width:1170px;margin:0 auto;padding:40px 10px;background:#fafafa;border:3px solid rgba(47,47,47,.11)}
.ho-offer__media,.ho-offer__text{padding:0 25px}
.ho-offer__media img{display:block;max-width:100%;height:auto;margin:0 auto}
.ho-offer__media .ho-offer__seal{width:200px;margin-top:30px}
.ho-offer__head,.ho-offer__join{font-size:34px;line-height:normal;text-align:center}
.ho-offer__join{margin-top:25px;color:rgba(0,0,0,.7)}
.ho-checks-offer{margin-top:40px;font-size:18px;line-height:1.42857}
.ho-checks-offer li{padding-left:36px}
.ho-checks-offer li::before{left:0;top:.2em}
.ho-offer__value{max-width:1170px;margin:15px auto 0;padding:40px 22px;background:#fafafa;border:3px solid rgba(47,47,47,.11);text-align:center}
.ho-offer__total{font-size:62px;line-height:1.3;color:#d10000}
.ho-offer__today{margin-top:14px;font-size:45px;line-height:normal}
.ho-plans{max-width:1120px;margin:0 auto;padding:40px 0}
.page-home-a .plan-card,.page-myoh3-learn-more-a .plan-card{font-family:var(--font-open)}
.ho-plans .plan-card:first-child{margin-top:20px;border-radius:15px}
.ho-plans .ho-plan-best{box-shadow:0 0 12px rgba(0,0,0,.1)}
.ho-offer__trust{display:block;max-width:100%;height:auto;margin:5px auto 0}
.ho-offer .faq{max-width:1150px;margin:80px auto 0;gap:50px;font-family:var(--font-open)}
.ho-offer .faq__col{padding:0}
.ho-offer__cta{max-width:1100px;margin:40px auto 0;text-align:center}
.ho-offer__link{margin-top:30px;padding:0;border:0;background:none;font-size:23px;line-height:normal;color:#3c3cee;cursor:pointer}
.ho-offer__link{text-decoration:underline}
.ho-offer__link:hover{text-decoration:none}
.ho-footer{max-width:1196px;margin:0 auto;padding:40px 15px 50px}
.ho-footer .ho-footer__logo{display:block;width:500px;max-width:100%;height:auto;margin:0 auto 95px}

/* Plans popup on these pages (Open Sans, otherwise as 41) */
.ho-plans-modal .modal__body{font-family:var(--font-open)}
.ho-plans-modal .plans-modal__title{font-family:var(--font-open);font-size:48px}
.ho-plans-modal .plans-modal__title--video{margin-top:30px}
.ho-plans-modal .plans-modal__sub{font-family:var(--font-open)}
.ho-plans-modal .plan-card{font-family:var(--font-open)}
.ho-plans-modal .ho-video-frame{max-width:626px;margin:25px auto 20px}
.ho-plans-modal::backdrop{background:rgba(0,0,0,.4)}

/* ---------- Mobile (CF stacks every row) ---------- */
/* learn-more promo card (One Payment + MY30LIFE code) */
.ho-promo__applied{font-size:18px;line-height:normal}
.ho-promo{width:80%;margin:35px auto 0;padding:10px 0 12px;border-block:2px dashed rgba(47,47,47,.11);color:#606060;line-height:normal}
.plan-card .ho-promo p+p{margin-top:0}
.ho-promo__big{font-size:38px}
.ho-promo__old{color:#e43b2c}
.ho-promo__new{color:#0fa10b}
.ho-promo__code{font-size:18px}
.ho-promo__lock{font-size:16px;color:#888}
.ho-promo__lock b{color:#606060}
.plan-card .ho-promo .ho-promo__ends{margin-top:15px;font-size:18px;color:#888}
.plans--modal .ho-promo__applied{font-size:16px;color:#888}
.plans--modal .ho-promo{width:80%;margin-top:5px;padding:10px 0;border-width:1px;border-color:rgba(47,47,47,.2);color:#2f2f2f}
.plans--modal .ho-promo__big{font-size:28px}
.plans--modal .ho-promo__code{font-size:16px;color:#888}
.plans--modal .ho-promo__code b,.plans--modal .ho-promo__lock b{color:#2d2d2d}
.plans--modal .ho-promo__new{color:#5c9d4b}
.plans--modal .ho-promo .ho-promo__ends{margin-top:8px}

@media (max-width:770px){
  .ho-cbtn{padding:15px 15px;font-size:16px}
  .ho-cbtn::before{margin-right:10px}
  .ho-cbtn__sub{font-size:12px}
  .ho-sales-header__inner{flex-direction:column;align-items:center;padding:0 15px 10px}
  .ho-sales-header__logo{width:100%;max-width:360px}
  .ho-sales-nav{gap:33px;padding-top:15px}
  .ho-sales-banner{font-size:20px}
  .ho-sales-hero{padding:0 0 70px;background-size:auto 100%;background-position:28% 0}
  .ho-sales-hero__inner{padding:100px 5px 0}
  .ho-sales-hero__box{width:100%;padding:31px 10px 53px}
  .ho-sales-hero__kicker{font-size:14px}
  .ho-sales-hero__title,.ho-sales-hero__title .ho-sales-hero__l1{font-size:24px}
  .ho-sales-hero__name{font-size:19px}
  .ho-sales-hero__note{font-size:11px}
  .ho-as-seen__inner{flex-direction:column;align-items:center}
  .ho-sales-rates{padding:50px 5px 40px}
  .ho-sales-rates__title{font-size:22px}
  .ho-rate-cards{grid-template-columns:minmax(0,1fr);margin-top:40px;gap:20px}
  .ho-rate-card{flex-direction:column;align-items:center;text-align:center}
  .ho-rate-card>div{padding:0}
  .ho-rate-card img{width:134px;height:134px}
  .ho-letter{margin-left:5px;margin-right:5px;padding:30px 0 20px}
  .ho-letter>*{margin-left:15px;margin-right:15px}
  .ho-letter>.ho-story,.ho-letter>.ho-greg-box{margin-left:5px;margin-right:5px}
  .ho-letter__title{margin-top:10px;font-size:30px}
  .ho-mark-blue--40,.ho-mark-blue--52{font-size:26px}
  .ho-letter__intro{grid-template-columns:minmax(0,1fr);gap:40px;margin-top:40px}
  .ho-letter__body,.ho-letter__body--types{font-size:18px}
  .ho-letter__thousands,.ho-letter__h,.ho-letter__h--44{margin-top:50px;font-size:26px}
  .ho-letter__h{margin-bottom:30px;padding:0}
  .ho-letter__thousands .ho-letter__green{font-size:40px}
  .ho-letter__thousands .ho-letter__abandon{font-size:16px}
  .ho-letter__h .ho-letter__h-sub{font-size:22px}
  .ho-letter__body p+p,.ho-letter__body--nosoftware p+p,.ho-story p+p,.ho-story p+.check-list,.ho-story .check-list+*{margin-top:25px}
  .ho-letter__body--types,.ho-letter__body--entry,.ho-letter__types,.ho-letter__body--nosoftware,.ho-letter__body--tried{margin-top:40px}
  .ho-letter__types,.ho-letter__less{max-width:100%}
  .ho-letter__body--only,.ho-letter__body--replace{padding:0}
  .ho-letter__every{font-size:24px}
  .ho-letter__every .ho-mark-blue{display:inline}
  .ho-letter__cta--narrow{margin-bottom:40px}
  .ho-story{padding:40px 15px;font-size:18px}
  .ho-story--gift{padding:25px 15px 40px}
  .ho-story:not(.ho-story--gift){padding-top:40px}
  .ho-story__gap{margin-top:40px!important}
  .ho-greg-box{margin-top:150px;padding:30px 15px;font-size:16px}
  .ho-greg-box__photo{width:200px}
  .ho-greg-box .ho-greg-box__pull{font-size:26px}
  .ho-greg-box__name,.ho-review-card__name{font-size:28px}
  .ho-greg-box__role,.ho-review-card__role{font-size:14px}
  .ho-video-frame{margin-top:30px}
  .ho-tour-intro{padding:50px 10px 30px}
  .ho-tour-intro__title{font-size:30px}
  .ho-tour-intro__screen,.ho-tour-intro__logo{margin-top:30px}
  .ho-tour-intro__rule{margin-top:30px}
  .ho-step-label{margin-top:30px;font-size:32px}
  .ho-step-title{margin-top:20px;font-size:30px}
  .ho-step-quote{margin-top:25px;font-size:24px}
  .ho-tour-intro--step2{padding-top:50px;padding-bottom:40px}
  .ho-feature,.ho-feature--media-left{grid-template-columns:minmax(0,1fr);gap:25px;padding:50px 10px}
  .ho-tour-intro:not(.ho-tour-intro--step2)+.ho-feature{padding-top:30px}
  .ho-feature--media-left .ho-feature__media{order:2}
  .ho-feature__text{padding:0 5px}
  .ho-feature__title{font-size:28px}
  .ho-feature__media{padding:0}
  .ho-quote-band,.ho-quote-band--34,.ho-quote-band--32{padding:50px 15px;font-size:24px}
  .ho-dark-band .ho-quote-band{padding:30px 15px}
  .ho-dark-band__btns{padding:0 10px}
  .ho-dark-band--review{padding-top:130px}
  .ho-review-card{margin-left:10px;margin-right:10px;padding:40px 15px}
  .ho-review-card blockquote{font-size:14px}
  .ho-review-card--white{margin-top:130px}
  .ho-letter__title .ho-letter__gives{font-size:26px}
  .ho-letter__body--offer{margin-top:50px}
  .ho-letter__h--gifts{margin-top:50px;font-size:26px}
  .ho-offer{padding:40px 10px}
  .ho-offer__screens{margin-top:30px}
  .ho-offer__title{margin-top:40px;font-size:28px}
  .ho-offer__rule{margin:30px auto}
  .ho-offer__box{grid-template-columns:minmax(0,1fr);gap:30px;padding:30px 0}
  .ho-offer__media,.ho-offer__text{padding:0 10px}
  .ho-offer__head,.ho-offer__join{font-size:24px}
  .ho-checks-offer{font-size:16px}
  .ho-offer__value{padding:30px 10px}
  .ho-offer__total{font-size:34px}
  .ho-offer__today{font-size:26px}
  .ho-plans{padding:30px 0}
  .ho-plans .plan-card:first-child{margin-top:0}
  .ho-offer .faq{margin-top:40px;gap:0}
  .ho-offer__link{font-size:16px}
  .ho-footer{padding:30px 10px 40px;font-size:12px}
  .ho-footer .ho-footer__logo{margin-bottom:40px}
  .ho-plans-modal .plans-modal__title{font-size:30px}
  .ho-promo__big{font-size:28px}
  .plans--modal .ho-promo__big{font-size:24px}
}

/* =====================================================================
   32 - home-b (builder mo-home). Ported from the earlier rebuild
   NewPages/www.myoverhead.com/myoh-home-a (same copy as home-b); all classes hb- prefixed.
   Popup uses the shared .plans-modal (41) + .plan-card (40); video uses 00-core .video.
   ===================================================================== */
/* MyOverhead – home page (myoh-home-a) */

.page-home-b {
  --text: rgb(47 47 47);
  --ink: rgb(45 45 45);
  --muted: rgb(96 96 96);
  --navy: rgb(35 53 67);
  --blue: rgb(1 116 199);
  --sky: rgb(0 173 255);
  --page: rgb(241 244 248);
  --sans: "Open Sans", Helvetica, sans-serif;
}



.page-home-b {
  margin: 0;
  font-family: Questrial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.4286;
  color: var(--text);
  background: var(--page);
}

:where(.page-home-b main) img { max-width: 100%; height: auto; }
.page-home-b :where(h1, h2, h3, p, figure, blockquote) { margin: 0; }
:where(.page-home-b main) a { color: inherit; }



.hb-wrap {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
  padding: 0 35px;
}
.hb-wrap--full { padding: 0; }

/* ---------- Buttons (ClickFunnels "rounded" style) ---------- */

.hb-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 20px 30px;
  border: 1px solid rgb(0 0 0 / .13);
  border-bottom-width: 4px;
  border-radius: 10px;
  font: inherit;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none;
  color: #fff;
  cursor: pointer;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / .2);
  transition: background-color .2s ease, color .2s ease, box-shadow .2s ease;
}
.hb-btn:hover { box-shadow: inset 0 2px 2px rgb(255 255 255 / .22), inset 0 0 0 999px rgb(255 255 255 / .12); }

.hb-btn--navy { background: var(--navy); }
.hb-btn--navy:hover { background: #152028; }

.hb-btn--outline {
  border: 3px solid var(--blue);
  background: transparent;
  color: var(--blue);
  box-shadow: none;
}
.hb-btn--outline:hover { background: var(--blue); color: #fff; box-shadow: none; }

.hb-btn--white { background: #fff; color: rgb(63 150 234); }
.hb-btn--white:hover { background: #ebebeb; box-shadow: none; }

/* ---------- Header ---------- */

.hb-site-header { padding: 30px 0 20px; background: #fff; }
.hb-site-header__inner {
  display: grid;
  grid-template-columns: 1fr auto 170px;
  align-items: start;
  padding: 0 25px;
}
.hb-site-header__logo { display: block; width: 394px; }
.hb-site-nav {
  display: flex;
  gap: 34px;
  margin-top: 15px;
  padding-right: 25px;
  font: 700 14px/20px var(--sans);
}
.hb-site-nav a { color: var(--navy); text-decoration: none; }
.hb-site-nav a:hover { color: var(--blue); }
.hb-btn--login {
  justify-self: end;
  padding: 10px 20px;
  font: 700 16px/1.4286 var(--sans);
}

/* ---------- Hero ---------- */

.hb-hero {
  padding: 50px 0 90px;
  background: rgb(248 250 253) url("../img/hero-overhead-costs-bg.webp") 0 0 / 100% auto no-repeat;
}
.hb-hero__title {
  max-width: 717px;
  font-size: 64px;
  font-weight: 700;
  line-height: 1;
  color: var(--ink);
}
.hb-hero__text { max-width: 525px; margin-top: 40px; font-size: 22px; }
.hb-hero__ctas {
  display: grid;
  grid-template-columns: 383px auto;
  justify-content: start;
  justify-items: start;
  align-items: start;
  margin-top: 40px;
}

/* ---------- Intro (as seen in, what is, rates, steps, business types) ---------- */

.hb-intro {
  padding: 115px 0 60px;
  background: #fff url("../img/section-bar-blue-line.webp") 0 40px / 100% auto no-repeat;
}
.hb-as-seen {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
  justify-items: center;
}
.hb-as-seen img { display: block; }

.hb-intro__eyebrow { margin-top: 91px; text-align: center; font-size: 23px; font-weight: 700; line-height: normal; }
.hb-intro__title { margin-top: 30px; text-align: center; font-size: 64px; font-weight: 700; line-height: 1; color: var(--ink); }
.hb-intro__text { margin-top: 20px; text-align: center; font-size: 22px; color: var(--muted); }
.hb-intro__video { max-width: 825px; margin: 40px auto 90px; }

.hb-divider { height: 0; margin: 50px 0 0; border: 0; border-top: 1px solid rgb(47 47 47 / .16); }
.hb-divider--light { border-top-color: rgb(239 239 239); }

.hb-headline { font-weight: 700; line-height: 1; color: var(--ink); }
.hb-headline--46 { margin-top: 157px; font-size: 46px; }
.hb-headline--52 { font-size: 52px; }
.hb-headline--steps { margin-top: 156px; font-size: 64px; }

/* Rate cards */
.hb-rates {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
  margin: 60px -10px 0;
  padding: 0;
  list-style: none;
}
.hb-rate {
  display: grid;
  grid-template-columns: 4fr 1fr;
  align-items: start;
  padding: 15px;
  background: rgb(59 59 59);
}
.hb-rate > div { padding: 6px 10px 0; }
.hb-rate img { justify-self: end; display: block; width: 100%; max-width: 134px; }
.hb-rate__title { font-size: 24px; font-weight: 700; line-height: 1.1; color: #fff; }
.hb-rate__text { margin-top: 5px; color: rgb(235 235 235); }

/* Steps */
.hb-steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin: 40px -10px 0;
  padding: 0;
  list-style: none;
}
.hb-step { padding: 0 10px; background: rgb(248 250 253); }
.hb-step__num { display: block; font: 700 50px/65px Oswald, Helvetica, sans-serif; color: rgb(71 71 71); }
.hb-step__title { margin-top: 15px; font-size: 23px; font-weight: 700; line-height: normal; color: var(--ink); }
.hb-step + .hb-step .hb-step__title { color: rgb(71 71 71); }
.hb-step__text { margin-top: 15px; font: 16px/1.4286 var(--sans); color: var(--muted); }

/* Business types */
.hb-business-types { display: block; margin: 140px auto 0; }
.hb-intro .hb-headline--52 { margin-top: 65px; }
.hb-types { margin: 80px -10px 0; font-size: 22px; }
.hb-checklist { margin: 35px 0 0; padding: 0; list-style: none; }
.hb-checklist li {
  margin-bottom: 6px;
  padding: 0 0 6px 2em;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23d3ebe0' d='M504 256c0 137-111 248-248 248S8 393 8 256 119 8 256 8s248 111 248 248zM227.3 387.3l184-184c6.2-6.2 6.2-16.4 0-22.6l-22.6-22.6c-6.2-6.2-16.4-6.2-22.6 0L216 308.1l-70.1-70.1c-6.2-6.2-16.4-6.2-22.6 0l-22.6 22.6c-6.2 6.2-6.2 16.4 0 22.6l104 104c6.2 6.2 16.4 6.2 22.6 0z'/%3E%3C/svg%3E") .2em .45em / .75em no-repeat;
}

/* ---------- Product tour ---------- */

.hb-tour { padding-top: 145px; background: #fff; }
.hb-tour__screen { display: block; margin: 55px auto 0; }
.hb-tour .hb-divider { margin-top: 50px; }
.hb-tour__quote { margin-top: 50px; padding: 0 50px; font-size: 32px; line-height: 1.3; }
.hb-tour__quote--center { margin-top: 0; text-align: center; }
.hb-tour .hb-feature { margin-top: 100px; padding-bottom: 80px; }

.hb-panel { padding: 100px 0 80px; background: #fff; }
.hb-panel--quote { padding: 40px 0 80px; }

.hb-feature {
  display: grid;
  grid-template-columns: 1fr 2fr;
  align-items: start;
  max-width: 1170px;
  margin: 0 auto;
}
.hb-feature--media-left { grid-template-columns: 2fr 1fr; }
.hb-feature__text { padding: 0 35px; font-size: 18px; line-height: 1.5; color: rgb(47 47 47 / .8); }
.hb-feature__title { font-size: 32px; font-weight: 700; line-height: 1.3; color: var(--blue); }
.hb-feature__text p { margin-top: 14px; }
.hb-feature__media { padding: 0 25px; text-align: center; }
.hb-feature--media-left .hb-feature__media { padding: 0 15px; }
.hb-feature__media img { display: block; margin: 0 auto; }

/* Quote bands */
.hb-band { padding: 70px 0; }
.hb-band__text { font-size: 36px; line-height: 1.3; text-align: center; }
.hb-band__text--34 { font-size: 34px; }
.hb-band--dark { background: rgb(59 59 59); color: #fff; }

/* ---------- Testimonials ---------- */

.hb-reviews { padding: 20px 0; }
.hb-reviews--top { padding-bottom: 45px; background: rgb(245 248 250); }
.hb-review {
  margin-top: 150px;
  padding: 40px 50px;
  background: #fff;
  border: 3px solid rgb(222 222 222);
}
.hb-review--greg { margin-top: 130px; padding-inline: 45px; }
.hb-review__photo { display: block; width: 150px; margin-top: -100px; }
.hb-review--greg .hb-review__photo { margin-top: -120px; }
.hb-review__photo--round { border-radius: 50%; box-shadow: 0 2px 5px 2px rgb(0 0 0 / .4); }
.hb-review__photo--logo { box-shadow: 0 2px 5px 2px rgb(0 0 0 / .3); }
.hb-review--right .hb-review__photo { margin-left: auto; }
.hb-review__text { margin-top: 30px; font-size: 20px; }
.hb-review--greg .hb-review__text:first-child { margin-top: 5px; }
.hb-review__text--loose { line-height: 1.5; }
.hb-review__pull { margin-top: 15px; font-size: 32px; line-height: 1.3; text-align: center; }
.hb-review--greg .hb-review__pull + .hb-review__text { margin-top: 15px; }
.hb-review__more { margin-top: 15px; text-align: right; font-size: 18px; line-height: normal; }
.hb-review__more a { color: rgb(47 33 238); text-decoration: none; }
.hb-review__more a:hover { text-decoration: underline; }
.hb-review figcaption { margin-top: 30px; }
.hb-review--right figcaption { text-align: right; }
.hb-review__name { display: block; font-size: 34px; color: var(--sky); }
.hb-review__name--greg { color: rgb(64 149 243); }
.hb-review__role { display: block; font-size: 16px; color: var(--muted); }

/* ---------- Call to action ---------- */

.hb-cta { padding: 50px 0 60px; background: rgb(63 150 234); color: #fff; }
.hb-cta__grid {
  display: grid;
  grid-template-columns: 670px 1fr;
  align-items: start;
}
.hb-cta__title {
  grid-column: 1 / -1;
  grid-row: 1;
  max-width: 717px;
  font-size: 64px;
  font-weight: 700;
  line-height: 1;
}
.hb-cta__text { grid-column: 1; grid-row: 2; max-width: 621px; margin-top: 40px; font-size: 22px; }
.hb-cta__badge { grid-column: 2; grid-row: 1 / 4; justify-self: center; width: 250px; margin-top: 2px; }
.hb-founder { grid-column: 1; grid-row: 3; display: flex; gap: 50px; margin-top: 28px; padding-left: 35px; }
.hb-founder img { width: 100px; border-radius: 50%; }
.hb-founder p { margin-top: 20px; font-size: 18px; line-height: normal; }
.hb-founder span { display: block; }
.hb-founder__name { display: block; font-size: 23px; }
.hb-cta__btn { grid-column: 1; grid-row: 4; justify-self: start; margin-top: 40px; }

/* ---------- Footer ---------- */

.hb-site-footer {
  max-width: 1196px;
  margin: 0 auto;
  padding: 70px 15px 30px;
  text-align: center;
  font: 14px/normal var(--sans);
  color: rgb(47 47 47 / .44);
}
.hb-site-footer__legal { margin-top: 45px; }
.hb-site-footer__legal p + p, .hb-site-footer__legal .legal-links { margin-top: 1.36em; }
.hb-site-footer__links a { color: rgb(148 148 148); text-decoration: none; }
.hb-site-footer__links a:hover { text-decoration: underline; }

/* ---------- Tablet / mobile ---------- */

@media (max-width: 1100px) {
  .hb-hero { background-size: cover; background-position: center; }
  .hb-cta__grid { grid-template-columns: 1fr 300px; }
}

@media (max-width: 770px) {
  .hb-wrap { padding: 0 20px; }
  .hb-wrap--full { padding: 0 10px; }

  .hb-site-header { padding: 20px 0 15px; }
  .hb-site-header__inner { grid-template-columns: 1fr auto; row-gap: 10px; padding: 0 20px; }
  .hb-site-header__logo { grid-column: 1 / -1; width: 260px; }
  .hb-site-nav { margin-top: 0; padding-right: 0; gap: 24px; align-self: center; }

  .hb-hero { padding: 40px 0 50px; }
  .hb-hero__title { font-size: 32px; }
  .hb-hero__text { margin-top: 25px; font-size: 18px; }
  .hb-hero__ctas { grid-template-columns: 1fr; justify-items: start; gap: 20px; margin-top: 30px; }

  .hb-intro { padding: 75px 0 40px; background-position: 0 0; }
  .hb-as-seen { grid-template-columns: 1fr; gap: 20px; }
  .hb-intro__eyebrow { margin-top: 60px; }
  .hb-intro__video { margin: 30px auto 50px; }
  .hb-intro__title { font-size: 20px; }
  .hb-intro__text { font-size: 16px; }
  .hb-divider { margin-top: 40px; }
  .hb-headline--46 { margin-top: 80px; font-size: 24px; }
  .hb-headline--52 { font-size: 26px; }
  .hb-headline--steps { margin-top: 80px; font-size: 20px; }

  .hb-rates, .hb-steps { grid-template-columns: 1fr; gap: 25px; margin-top: 30px; margin-inline: 0; }
  .hb-rate { grid-template-columns: 1fr; text-align: center; }
  .hb-rate img { justify-self: center; width: 103px; margin-top: 20px; }

  .hb-step { padding-bottom: 15px; }

  .hb-business-types { margin-top: 70px; }
  .hb-types { margin: 40px 0 0; font-size: 18px; }
  .hb-checklist { margin-top: 25px; }

  .hb-tour { padding-top: 60px; }
  .hb-tour__title { font-size: 24px; }
  .hb-tour__screen { margin-top: 30px; }
  .hb-tour .hb-divider, .hb-tour__quote { margin-top: 40px; }
  .hb-tour__quote { padding: 0 20px; font-size: 26px; }
  .hb-tour__quote--center { margin-top: 0; font-size: 28px; }
  .hb-tour .hb-feature { margin-top: 60px; padding-bottom: 50px; }
  .hb-panel { padding: 60px 0 50px; }
  .hb-panel--quote { padding: 30px 0 50px; }

  .hb-feature, .hb-feature--media-left { grid-template-columns: 1fr; row-gap: 30px; }
  .hb-feature__text { padding: 0 20px; font-size: 16px; }
  .hb-feature__title { font-size: 26px; }
  .hb-feature__media, .hb-feature--media-left .hb-feature__media { padding: 0 10px; }

  .hb-band { padding: 50px 0; }
  .hb-band__text, .hb-band__text--34 { font-size: 26px; }

  .hb-review { padding: 40px 20px; }
  .hb-review--greg { padding-inline: 20px; }
  .hb-review__text { font-size: 14px; }
  .hb-review__pull { font-size: 26px; }
  .hb-review__more { font-size: 16px; }
  .hb-review__name { font-size: 28px; }
  .hb-review__role { font-size: 14px; }

  .hb-cta { padding: 40px 0; }
  .hb-cta__grid { grid-template-columns: 1fr; }
  .hb-cta__title { font-size: 30px; }
  .hb-cta__text { margin-top: 25px; font-size: 18px; }
  .hb-cta__badge { grid-column: 1; grid-row: auto; width: 150px; margin-top: 25px; }
  .hb-founder { grid-row: auto; gap: 20px; margin-top: 25px; padding-left: 0; }
  .hb-founder p { margin-top: 18px; font-size: 14px; }
  .hb-founder__name { font-size: 22px; }
  .hb-cta__btn { grid-row: auto; margin-top: 30px; }

  .hb-site-footer { padding-top: 50px; font-size: 12px; }
  .hb-site-footer > p { font-size: 10px; }
  .hb-site-footer__legal { margin-top: 30px; }

}

@media (max-width: 400px) {
  .hb-site-nav { gap: 16px; font-size: 13px; }
  .hb-btn { font-size: 21px; padding: 16px 22px; }
  .hb-btn--login { padding: 8px 14px; font-size: 15px; }
}

/* =====================================================================
   40 - shared CF-look components (builder mo-info)
   Used by pricing-annual-a, in-the-news, myoh-mentor-training-a; plain names so other
   pages can reuse them: .cf-page, .btn--outline, .btn--arrow, .site-footer, .legal-links,
   .check-list, .icon-list, .testimonial, .plan-card, .faq
   ===================================================================== */

/* CF default page background */
.cf-page{background:#f1f4f8}

/* ---------- Button add-ons (on top of 00-base .btn) ---------- */
:root{
  --icon-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M190.5 66.9l22.2-22.2c9.4-9.4 24.6-9.4 33.9 0L441 239c9.4 9.4 9.4 24.6 0 33.9L246.6 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.2-22.2c-9.5-9.5-9.3-25 .4-34.3L311.4 296H24c-13.3 0-24-10.7-24-24v-32c0-13.3 10.7-24 24-24h287.4L190.9 101.2c-9.8-9.3-10-24.8-.4-34.3z'/%3E%3C/svg%3E");
  --icon-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z'/%3E%3C/svg%3E");
}
/* Font Awesome style arrow before (CF fa_prepended) or after (fa_appended) the label */
.btn--arrow::before,.btn--arrow-after::after{content:"";display:inline-block;width:.875em;height:1em;vertical-align:-.125em;background:currentColor;-webkit-mask:var(--icon-arrow) center/contain no-repeat;mask:var(--icon-arrow) center/contain no-repeat}
.btn--arrow::before{margin-right:10px}
.btn--arrow-after::after{margin-left:10px}
/* CF elButtonBorder (outlined, fills on hover) */
.btn--outline{border:3px solid #0e8dc7;border-radius:10px;background:transparent;color:#0e8dc7}
.btn--outline:hover{border-color:rgba(0,0,0,.15);background:#0092d5;color:#fff}

/* ---------- Site footer (disclaimer + legal links + copyright) ---------- */
.site-footer{padding:0 12px 20px;text-align:center;font-family:var(--font-open);font-size:14px;line-height:normal;color:rgba(47,47,47,.44)}
.site-footer p{margin:0}
.site-footer p+p,.site-footer p+.legal-links,.site-footer .legal-links+p{margin-top:19px}
.site-footer .site-footer__copy{margin-top:29px}
.legal-links a{color:#949494;text-decoration:none}
.legal-links a:hover{text-decoration:underline}

/* ---------- Check list (CF icon bullet list with fa-check) ---------- */
.check-list{margin:0;padding:0;list-style:none}
.check-list li{position:relative;margin-bottom:6px;padding:0 0 6px 42px}
.check-list li::before{content:"";position:absolute;left:6px;top:.35em;width:18px;height:18px;background:var(--check-color,#42b99f);-webkit-mask:var(--icon-check) center/contain no-repeat;mask:var(--icon-check) center/contain no-repeat}

/* ---------- Image bullet list (CF listImage32: 32px icon at 7px 9px) ---------- */
.icon-list{margin:0;padding:0;list-style:none}
.icon-list li{padding:10px 10px 10px 60px;background:no-repeat 7px 9px}
.icon-list--check li{background-image:url(../img/icon-check-green-circle.webp)}
.icon-list--plus li{background-image:url(../img/icon-plus-blue-circle.webp)}

/* ---------- Testimonial card (white box, round photo overlapping the top edge) ---------- */
.testimonial{margin:0;padding:40px 35px;background:#fff;border:3px solid rgba(47,47,47,.16);font-family:var(--font-questrial);color:#2f2f2f}
.testimonial__photo{display:block;width:150px;height:auto;margin-top:-100px;border-radius:50%;box-shadow:0 2px 5px 2px rgba(0,0,0,.4)}
.testimonial--photo-right .testimonial__photo{margin-left:auto}
.testimonial__photo--logo{box-shadow:0 2px 5px 2px rgba(0,0,0,.3)}
.testimonial__photo--plain{margin-top:-120px;border-radius:0;box-shadow:none}
.testimonial__quote{margin:30px 0 0;font-size:20px;line-height:1.5;font-style:italic}
.testimonial__quote p+p{margin-top:15px}
.testimonial__pull{font-size:32px;line-height:1.3;text-align:center}
.testimonial__more{margin-top:15px;line-height:normal;text-align:right;font-size:18px;font-style:italic}
.testimonial__more a{color:#2f21ee;text-decoration:none}
.testimonial__more a:hover{text-decoration:underline}
.testimonial__by{margin-top:30px}
.testimonial--photo-right .testimonial__by{text-align:right}
.testimonial__name{display:block;font-size:34px;line-height:1.42857;color:#00adff}
.testimonial__name--alt{color:#4095f3}
.testimonial__role{display:block;font-size:16px;line-height:1.42857;color:#606060}
@media (max-width:770px){
  .testimonial{padding:40px 20px}
  .testimonial__quote{font-size:14px}
  .testimonial__pull{font-size:22px}
  .testimonial__more,.testimonial__role{font-size:14px}
  .testimonial__name{font-size:26px}
}

/* ---------- Plan cards (pricing columns) ---------- */
.plans{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}
.plan-card{padding:10px 10px 20px;line-height:normal;background:#fff;border:3px solid rgba(47,47,47,.11);border-radius:10px;font-family:var(--font-questrial);text-align:center;color:#2f2f2f}
.plan-card__title{padding:25px;font-size:32px;line-height:1.3;color:#fff}
.plan-card__title--grey{background:#888}
.plan-card__title--blue{background:#0174c7;font-size:36px}
.plan-card__billing{margin-top:15px;font-size:23px;color:#888}
.plan-card p+p{margin-top:0}
.plan-card .plan-card__note{margin-top:15px;font-size:18px;color:#888}
.plan-card__save{font-size:32px}
.plan-card .plan-card__price{width:80%;margin:35px auto 0;padding:10px 0 15px;border-block:2px dashed rgba(47,47,47,.11);font-size:38px;line-height:normal;color:#606060}
.plan-card .plan-card__price--spaced{margin-top:40px}
.plan-card .btn{margin-top:25px}
.plan-card__seal{display:block;width:400px;max-width:100%;margin:30px auto 0}
/* CF elButtonGradient + elButtonShadow1, gradient flips on hover */
.btn--plan{padding:20px 40px;border:1px solid rgba(0,0,0,.1);border-radius:10px;font-size:27px;line-height:1.42857;color:#fffefd;box-shadow:0 1px 5px rgba(0,0,0,.2),inset 0 0 0 2px rgba(255,255,255,.2)}
.btn--plan-grey{background:linear-gradient(#888,#747474)}
.btn--plan-grey:hover{background:linear-gradient(#747474,#888)}
.btn--plan-green{background:linear-gradient(#5c9d4b,#4c813e);font-size:28px}
.btn--plan-green:hover{background:linear-gradient(#4c813e,#5c9d4b)}
.btn--plan-flat-grey{background:#888}
.btn--plan-flat-green{background:#5c9d4b}
.btn--plan:hover{color:#fffefd}
@media (max-width:770px){
  .plans{grid-template-columns:1fr}
  .plan-card__title{font-size:30px}
  .plan-card .plan-card__note{font-size:16px}
  .plan-card__save{font-size:28px}
  .plan-card .plan-card__price{font-size:30px}
  .btn--plan,.btn--plan-green{padding:20px 30px;font-size:16px}
}

/* ---------- FAQ (CF image list with a "Q" icon) ---------- */
.faq{display:grid;grid-template-columns:1fr 1fr;gap:30px;font-family:var(--font-questrial);font-size:14px;line-height:20px;color:#606060}
.faq__col{margin:0;padding:0 10px;list-style:none}
.faq__col li{padding:10px 10px 10px 60px;background:url(../img/icon-question-q.webp) no-repeat 7px 9px}
.faq b{color:#2d2d2d}
@media (max-width:770px){.faq{grid-template-columns:1fr;gap:0}}

/* =====================================================================
   41 - pricing-annual-a (builder mo-info)
   ===================================================================== */
.page-pricing-annual-a{font-family:var(--font-questrial);color:#2f2f2f}

/* header: logo | nav | Log In */
.pa-header{background:#fff}
.pa-header__inner{display:flex;align-items:flex-start;max-width:1170px;margin:0 auto;padding:30px 25px 20px}
.pa-header__logo img{display:block;width:394px}
.pa-nav{display:flex;gap:34px;margin:15px 102px 0 auto;font-family:var(--font-open);font-size:14px;line-height:20px;font-weight:700}
.pa-nav a{color:#233543;text-decoration:none}
.pa-nav a:hover{text-decoration:underline}
.pa-login{padding:10px 20px;font-family:var(--font-open);font-size:16px;line-height:1.42857;font-weight:600}

.pa-wrap{max-width:1170px;margin:0 auto;padding-top:30px}
.pa-box{background:#fff;border:3px solid rgba(47,47,47,.11)}
.pa-box--grey{background:#fafafa}

.pa-press{display:flex;justify-content:space-around;margin-top:45px;padding:0 10px}
.pa-press img{display:block}

.pa-title{padding:75px 85px 40px;font-size:44px;line-height:1.3;font-weight:700;text-align:center}

.pa-screen{padding:10px 10px 5px;text-align:center}

.pa-features{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:25px;padding:40px 25px}
.pa-features__media{text-align:center}
.pa-features__media img{display:block;margin:0 auto}
.pa-features__media .pa-features__seal{width:200px;margin-top:30px}
.pa-features__text{padding:0 10px}
.pa-h2{font-size:34px;line-height:normal;font-weight:400;text-align:center}
.pa-h2--dim{margin-top:25px;color:rgba(0,0,0,.7)}
.pa-features .check-list{margin-top:40px;font-size:18px;line-height:1.42857}

.page-pricing-annual-a .plans{padding:40px 25px}
.plan-card--quarterly{margin-top:20px;border-radius:15px}
.plan-card--annual{box-shadow:0 1px 5px rgba(0,0,0,.1)}

.pa-trust{display:block;margin:5px auto 0}

.pa-testimonials{padding:0 0 0}
.pa-testimonials .testimonial:first-child{margin-top:100px;border-color:rgba(47,47,47,.11)}
.pa-testimonials .testimonial--greg{margin-top:130px;padding-inline:30px}
.pa-testimonials .testimonial+.testimonial:not(.testimonial--greg){margin-top:150px}
.testimonial--greg .testimonial__quote{margin-top:5px;line-height:1.42857}
.testimonial--open-sans-by .testimonial__by{font-family:var(--font-open)}

.page-pricing-annual-a .faq{margin-top:45px;padding:40px 25px}

.pa-cta{padding:5px 25px 40px;text-align:center}
.pa-cta__btn{padding:20px 40px;background:#0174c7;border:1px solid rgba(0,0,0,.2);border-radius:10px;font-family:var(--font-questrial);font-size:27px;line-height:1.42857;box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
.pa-cta__link{padding:0;border:0;background:none;font-family:var(--font-questrial);font-size:23px;line-height:normal;color:#3c3cee;text-decoration:underline}
.pa-cta__link:hover{text-decoration:none}
.pa-cta p{margin-top:30px}

.pa-footer-logo{display:block;width:500px;max-width:100%;margin:40px auto 0}
.pa-footer-logo img{display:block;width:100%}

.site-footer--pricing{max-width:1200px;margin:75px auto 0;padding-bottom:40px}

/* "Choose your Plan!" popup (CF #modalPopup) */
.plans-modal{--modal-w:960px;background:#f0f0f0;border:5px solid #080808;border-radius:10px}
@media (min-height:800px){.plans-modal{margin-top:100px}}
.plans-modal .modal__body{padding:20px 45px;border-radius:5px}
.plans-modal__title{font-family:var(--font-questrial);font-size:44px;line-height:normal;text-align:center}
.plans-modal__sub{margin-top:10px;font-family:var(--font-questrial);font-size:18px;line-height:normal;color:rgba(47,47,47,.75);text-align:center}
.plans--modal{padding:20px 0 20px}
.plans--modal .plan-card{border-color:rgba(47,47,47,.2);border-radius:15px;padding-bottom:15px}
.plans--modal .plan-card__title,.plans--modal .plan-card__title--blue{font-size:32px}
.plans--modal .plan-card__note{font-size:16px}
.plans--modal .plan-card__save{font-size:30px}
.plans--modal .plan-card .plan-card__price{margin-top:20px;font-size:30px}
.plans--modal .btn--plan{padding:15px 40px;font-size:20px;font-weight:600}
.plans--modal .plan-card__seal{width:300px}

@media (max-width:770px){
  .pa-header__inner{flex-direction:column;align-items:center;padding:20px 20px 10px}
  .pa-header__logo img{width:300px;max-width:100%;height:auto}
  .pa-nav{margin:15px 0 0}
  .pa-login{margin-top:15px}
  .pa-wrap{padding:20px 10px 0}
  .pa-press{flex-direction:column;align-items:center;margin-top:20px;padding:10px}
  .pa-title{padding:40px 10px 30px;font-size:22px}
  .pa-features{grid-template-columns:1fr;padding:30px 10px}
  .pa-h2{font-size:22px}
  .pa-features .check-list{margin-top:30px;font-size:16px}
  .page-pricing-annual-a .plans{padding:30px 0}
  .plan-card--quarterly{margin-top:0}
  .pa-cta{padding:5px 0 30px}
  .pa-cta__btn{padding:20px;font-size:16px}
  .pa-cta__link{font-size:16px}
  .page-pricing-annual-a .faq{padding:30px 0}
  .site-footer--pricing{margin-top:50px;font-size:12px}
  .site-footer--pricing .site-footer__copy{font-size:10px}
  .plans-modal .modal__body{padding:20px 15px}
  .plans-modal__title{font-size:30px}
  .plans-modal__sub{font-size:14px}
}

/* =====================================================================
   42 - in-the-news (builder mo-info)
   Fonts: Droid Serif (as Noto Serif, --font-serif) and Rokkitt (--font-rokkitt) from 00-base.
   ===================================================================== */
.page-in-the-news{
  --news-serif:var(--font-serif);
  --news-slab:var(--font-rokkitt);
  /* the CF page background: geo pattern sized to the first screen, then flat grey */
  background:#f1f4f8 url(../img/bg-grey-geo.webp) center/cover no-repeat;
  font-family:var(--news-serif);font-size:14px;line-height:20px;color:#2f2f2f;
}
.news-sheet{max-width:1120px;margin:50px auto 0;padding:40px 55px;background:rgba(255,255,255,.63);box-shadow:0 1px 5px rgba(0,0,0,.2)}
.news-nav{display:flex;justify-content:flex-end;gap:33px;padding:22px 0 40px;font-weight:700}
.news-nav a{color:rgba(0,0,0,.7);text-decoration:none}
.news-nav a:hover{text-decoration:underline}
.news-title{padding-bottom:40px;font-size:32px;line-height:1.3;font-weight:700}

.news-intro{display:grid;grid-template-columns:745fr 215fr;gap:50px;padding-bottom:25px}
.news-photo{margin:0}
.news-photo img{display:block;width:100%}
.news-photo figcaption{margin-top:30px}
.news-details h2{font-size:32px;line-height:1.3;font-weight:700}
.news-details dl{margin:0}
.news-details dt{margin-top:15px;font-weight:700}
.news-details dd{margin:0}

.news-article{margin:30px 25px 0}
.news-article__head{font-family:var(--news-slab);line-height:normal}
.news-article__head p{margin:0}
.news-article__title{font-size:38px;font-weight:700;line-height:normal}
.news-article__sub{font-size:22px}
.news-article__date{font-size:18px;color:rgba(47,47,47,.43)}
.news-article__head::after{content:"";display:block;margin:10px 0;border-top:1px solid rgba(0,0,0,.1);box-shadow:0 2px 3px rgba(0,0,0,.2)}
.news-article__body{margin-top:40px;column-count:3;column-gap:16px;font-size:16px;line-height:1.42857}
.news-article__body p+p{margin-top:1.42857em}
.news-article__byline{margin-top:60px;font-family:var(--news-slab);text-align:right}
.news-article__byline p{margin:0}
.news-article__author{font-size:27px;line-height:1.3}
.news-article__outlet{font-size:16px;line-height:normal;color:rgba(47,47,47,.47)}

.news-cta{padding:55px 10px 40px;text-align:center}
.news-cta__btn{padding:25px 40px;background:#42b99f;border:1px solid rgba(0,0,0,.2);font-family:var(--news-serif);font-size:20px;line-height:1.42857;font-weight:600;box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}

.news-footer{padding:55px 10px 50px;text-align:center;font-family:var(--news-serif);font-size:18px;line-height:normal;color:rgba(47,47,47,.56)}

@media (max-width:770px){
  .news-sheet{margin-top:20px;padding:20px 15px 30px}
  .news-nav{justify-content:center;padding:0 0 25px}
  .news-title{padding-bottom:25px;font-size:26px}
  .news-intro{grid-template-columns:1fr;gap:25px}
  .news-photo figcaption{margin-top:15px}
  .news-details h2{font-size:26px}
  .news-article{margin:20px 0 0}
  .news-article__title{font-size:30px}
  .news-article__sub{font-size:18px}
  .news-article__body{margin-top:25px;column-count:1}
  .news-article__byline{margin-top:30px}
  .news-cta{padding:30px 0 10px}
  .news-cta__btn{display:block;padding:20px 15px;font-size:17px}
  .news-footer{padding:30px 10px;font-size:15px}
}

/* =====================================================================
   43 - myoh-mentor-training-a ("Almost Done" one-click upsell, builder mo-info)
   Reuses .video-skin from 45-checkout.css for the blue video frames.
   ===================================================================== */
.page-myoh-mentor-training-a{font-family:Arial,Helvetica,sans-serif;color:#2f2f2f}

.mentor-top{padding:20px 10px;background:#24a0d1;border-bottom:5px solid #c8ced4;text-align:center}
.mentor-top img{width:400px}

.mentor-box{max-width:960px;margin:60px auto 0;padding:40px 60px 120px;background:#fff;border:3px solid #cecece;border-radius:20px}
.mentor-box>*{margin-inline:35px}
.mentor-box>.mentor-title,.mentor-box>.mentor-warn{margin-inline:10px}
.mentor-box>.mentor-quotes,.mentor-box>.mentor-offer{margin-inline:25px}

/* order progress bar: STEP 1 | STEP 2 (current) | STEP 3 */
.order-steps{display:grid;grid-template-columns:repeat(3,1fr);margin:0 40px;padding:0;list-style:none;background:#f2f8ec;border:1px solid rgba(47,47,47,.17);border-radius:5px;overflow:hidden;font-family:var(--font-oswald);font-size:18px;line-height:26px;text-align:center;color:#cedac0}
.order-steps li{padding:7px 4px}
.order-steps [aria-current]{background:#bddaa2;color:#58763c}

.mentor-title{padding-top:30px;font-family:var(--font-oswald);font-size:42px;line-height:normal;font-weight:400;text-align:center}
.mentor-title b{color:#ff9919}
.mentor-warn{font-family:var(--font-oswald);font-size:24px;line-height:normal;color:#ff9919;text-align:center}
.mentor-lead{margin-top:70px;font-family:var(--font-raleway);font-size:36px;line-height:1.3;font-weight:400;text-align:center}
.mentor-sub{margin-top:25px;font-family:var(--font-raleway);font-size:28px;line-height:1.3;text-align:center}
.mentor-list{margin-top:20px;font-family:var(--font-raleway);font-size:24px;line-height:1.42857}
.mentor-bonus{margin-top:45px;font-family:var(--font-oswald);font-size:36px;line-height:normal;font-weight:400}

.mentor-quotes{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-block:20px;font-family:var(--font-raleway)}
.mentor-quote{margin:0;padding:15px 20px;background:#ffffbc;border:3px solid rgba(47,47,47,.13);border-radius:10px}
.mentor-quote .video-skin{width:auto}
.mentor-quote__text{margin:30px 0 0;font-size:16px;line-height:normal;font-style:italic;color:#606060;text-align:center}
.mentor-quote__by{margin-top:30px;font-size:16px;line-height:normal;text-align:right}
.mentor-quote__by b{font-size:20px;line-height:23px}

.mentor-offer{text-align:center}
.mentor-offer__title{margin-top:15px;font-size:32px;line-height:1.3;font-weight:400}
.mentor-offer__price{font-size:70px;line-height:1.3}
.mentor-offer__price b{color:#1e9f1f}
.mentor-offer p.mentor-offer__note{margin-top:-5px;font-family:var(--font-raleway);font-size:20px;line-height:1.42857}
.mentor-offer__form{margin-top:20px}
/* CF elButtonSubtle in yellow, hover darker */
.mentor-yes{display:block;width:97%;margin:0 auto;padding:13px 20px;background:#ffd43d;border:1px solid rgba(0,0,0,.1);border-radius:4px;font-family:var(--font-open);font-size:26px;line-height:1.42857;color:#944901;box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
.mentor-yes:hover{background:#ffcb14;color:#944901}
.mentor-yes .btn__sub{margin-top:0;font-size:18px;opacity:1}
.mentor-offer__add{margin-top:10px}
.mentor-offer__add-link{padding:0;border:0;background:none;font-family:var(--font-open);font-size:24px;line-height:normal;font-weight:700;color:#366ccc;text-decoration:underline}
.mentor-offer__add-link:hover{text-decoration:none}
.mentor-offer__seals{display:block;margin:30px auto 0}
.mentor-offer p.mentor-offer__secure{margin-top:20px;font-size:16px;line-height:normal;color:#666}
.mentor-offer p.mentor-offer__no{margin-top:25px;font-family:var(--font-open);font-size:16px;line-height:1.375}
.mentor-offer__no a{color:#366ccc}
.mentor-offer__no a:hover{text-decoration:none}

.site-footer--mentor{max-width:1110px;margin:45px auto 0;padding:0 17px 40px;text-align:left;font-family:Arial,Helvetica,sans-serif;color:#888}
.site-footer--mentor p+.legal-links{margin-top:0}
.site-footer--mentor .legal-links a{color:#858585}
.site-footer--mentor .site-footer__copy{margin-top:34px;text-align:center}

@media (max-width:770px){
  .mentor-top img{width:300px}
  .mentor-box{margin:20px 10px 0;padding:20px 5px 50px;border-radius:12px}
  .mentor-box>*{margin-inline:10px}
  .order-steps{margin:0;font-size:13px;line-height:16px}
  .order-steps li{display:flex;align-items:center;justify-content:center;padding:6px 3px}
  .mentor-title{padding-top:20px;font-size:30px}
  .mentor-warn{font-size:20px}
  .mentor-lead{margin-top:35px;font-size:24px}
  .mentor-sub{font-size:20px}
  .mentor-list{font-size:16px}
  .mentor-list li{padding-left:50px}
  .mentor-bonus{margin-top:30px;font-size:28px}
  .mentor-quotes{grid-template-columns:1fr}
  .mentor-offer__title{font-size:22px}
  .mentor-offer__price{font-size:48px}
  .mentor-offer p.mentor-offer__note{margin-top:0;font-size:18px}
  .mentor-yes{width:100%;padding:13px 15px;font-size:20px}
  .mentor-yes .btn__sub{font-size:15px}
  .mentor-offer__add-link{font-size:18px}
  .mentor-offer__seals{width:100%;max-width:465px;height:auto}
  .site-footer--mentor{margin-top:30px;font-size:12px}
}

/* =====================================================================
   45  Checkout (CF order form) pages: myoh-start-now-a, myoh-q-start-now-a,
       myoh-get-started-a.  Body class "checkout-page".
       Components: .checkout-header, .checkout (white box), .checkout-hero,
       .order-form (+ .order-products, .order-field, .card-fields,
       .order-summary, .order-promo, .order-submit), .benefits,
       .video-skin (CF elVideoSkin3 blue frame), .checkout-footer.
   ===================================================================== */
.checkout-page{background:#f1f4f8 url(../img/checkout-bg-blue-geo.webp) center/cover no-repeat fixed}
@media (max-width:767px){.checkout-page{background-attachment:scroll}}

/* ---- top bar: logo left, help lines right ---- */
.checkout-header{max-width:1120px;margin-inline:auto;padding:25px 15px 21px;display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.checkout-header__logo{display:block;margin-top:0;flex:none}
.checkout-header__logo img{display:block;width:300px}
.checkout-header__help{display:flex;flex-direction:column;align-items:flex-end;padding-top:26px}
.checkout-header__help img{display:block}
.checkout-header__phone{margin-top:7px;font-size:16px;font-weight:500;line-height:1.15;color:#fff;text-align:right}
.checkout-header__back{margin-top:5px;padding:0;border:0;background:none;line-height:0}
.checkout-header__back:hover img{opacity:.8}
.checkout-header__phone+.checkout-header__back{margin-top:8px}

/* ---- white box ---- */
.checkout{max-width:1120px;margin-inline:auto;background:#fff;padding:0 5px}
.checkout--pad-bottom{padding-bottom:20px}

/* hero: product box | title | ribbon */
.checkout-hero{display:grid;grid-template-columns:250px minmax(0,1fr) 140px;align-items:start;min-height:224px;padding:13px 51px 0 50px}
.checkout-hero__box{width:250px}
.checkout-hero__title{max-width:392px;margin:40px 0 0 103px;font-family:var(--font-oswald);color:#2f2f2f}
.checkout-hero__title h1{font-weight:700;line-height:1.3}
.checkout-hero__main{display:block;font-size:32px;line-height:41.6px}
.checkout-hero__sub{display:block;font-size:23px;line-height:1.1;margin-top:-6px}
.checkout-hero__title p{margin-top:5px;font-size:14px;line-height:20px}
.checkout-hero__ribbon{margin-top:-14px;width:140px}
.checkout-hero__seal{display:none}

/* two columns: grey form | yellow benefits */
.checkout__cols{display:grid;grid-template-columns:648px minmax(0,1fr);background:#ffffe8}
.checkout__form-col{background:#f2f2f2;padding:15px 25px}
.checkout__aside{padding:15px 45px 25px 44px}

.checkout h2.checkout__heading{margin-top:20px;font-family:var(--font-raleway);font-size:27px;font-weight:700;line-height:1.15;color:#2f2f2f}
.order-divider{margin-top:30px;border:0;border-top:1px dashed rgba(0,0,0,.3)}
.checkout .order-divider+.checkout__heading{margin-top:30px}

/* product choice (CF "Select Product 2.0") */
.order-products{margin:10px 0 0;padding:0 0 5px;border:0;min-width:0;font-size:14px}
.order-products__head{display:flex;justify-content:space-between;padding:5px;margin-bottom:10px;border-bottom:1px solid #ddd;font-weight:700}
.order-products__row{display:flex;align-items:center;padding:1px 5px;background:#fafafa;cursor:pointer}
.order-products__row[hidden]{display:none}
.order-products__row input{margin:0 8px 0 0;flex:none}
.order-products__name{flex:1 1 auto;min-width:0}
.order-products__price{flex:none;padding-left:20px;text-align:right}

/* contact / address inputs (CF elInputStyle1, Mid) */
.order-field{display:block;margin-top:20px}
.order-field input,.order-field select{display:block;width:100%;height:49px;padding:12px 18px;border:1px solid rgba(0,0,0,.2);border-radius:0;background-color:#fff;box-shadow:0 0 0 3px rgba(0,0,0,.05);font-family:var(--font-open);font-size:16px;line-height:22.86px;color:#000}
.order-field input::placeholder{color:#777;opacity:1}
.order-field select{-webkit-appearance:none;appearance:none}
.order-field--round input{border-radius:5px;padding-right:48px;background-repeat:no-repeat;background-position:97% center}
.order-field--name input{background-image:url(../img/icon-input-name.webp)}
.order-field--email input{background-image:url(../img/icon-input-email.webp)}
.order-field--phone input{background-image:url(../img/icon-input-phone.webp)}
.order-field input:focus,.order-field select:focus{border-color:#42b0e2;outline:none;box-shadow:0 0 0 3px rgba(66,176,226,.3)}
.order-field input[aria-invalid="true"],.order-field select[aria-invalid="true"]{border-color:#d93025;box-shadow:0 0 0 3px rgba(217,48,37,.2)}
.order-field-row{display:grid;grid-template-columns:65% 30%;column-gap:5%}

/* card area: look-alike only, inputs disabled until a payment processor is connected */
.card-fields{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;column-gap:19px}
.card-fields__item{display:block;min-width:0}
.card-fields__item--full{grid-column:1/-1}
.card-fields__label{display:block;font-size:12px;font-weight:700;line-height:17px;margin-bottom:10px}
.card-fields__input{display:block;width:100%;height:47px;margin-bottom:8px;padding:14px 18px;border:1px solid rgba(0,0,0,.2);border-radius:5px;background:#fff;box-shadow:0 0 0 3px rgba(0,0,0,.05);font-size:14px;color:#000;cursor:not-allowed}
.card-fields__item--exp .card-fields__input{margin-left:4px;width:calc(100% - 4px)}
.card-fields__item--cvc .card-fields__input{width:calc(100% - 4px)}
.card-logos{display:block;margin-top:17px;width:303px}

/* order summary */
.order-summary__note{margin-top:15px;font-size:16px;line-height:22.86px;font-style:italic}
.order-summary__note--small{font-size:14px;line-height:20px}
.order-summary{width:100%;margin-top:5px;border-collapse:collapse;font-size:16px;line-height:22.86px}
.order-summary th,.order-summary td{padding:5px;text-align:left;font-weight:400}
.order-summary th{font-weight:700;border-bottom:1px solid #ddd}
.order-summary td{padding-top:10px}
.order-summary th:last-child,.order-summary td:last-child{text-align:right;padding-left:20px;white-space:nowrap}
.order-promo{display:block;margin-top:0}
.order-promo input{display:block;width:100%;height:50px;padding:12px 18px;border:1px solid rgba(0,0,0,.2);border-radius:5px;background:#fff;box-shadow:0 0 0 3px rgba(0,0,0,.05);font-size:14px;color:#000}
.order-promo input:focus{border-color:#42b0e2;outline:none}

/* submit: green CF button; the terms checkbox sits inside the green block */
.order-submit{position:relative;margin-top:20px;font-family:var(--font-raleway);color:#fff;text-align:center}
.order-submit__btn{display:block;width:100%;min-height:93px;padding:13px 35px 39px;border:0;border-bottom:3px solid rgba(0,0,0,.2);background:#13c70e;color:#fff;font-family:inherit;font-size:27px;font-weight:700;line-height:38.57px;transition:box-shadow .2s}
.order-submit__btn:hover,.order-submit__btn:focus-visible{box-shadow:inset 0 -133px 133px 0 rgba(255,255,255,.12)}
.order-submit__terms{position:absolute;left:50%;bottom:17px;transform:translateX(-50%);white-space:nowrap;font-size:18px;line-height:25.7px;cursor:pointer;opacity:.9}
.order-submit__terms input{width:13px;height:13px;margin:0 4px 0 0;vertical-align:0;accent-color:#2f2f2f}
.order-submit__terms input[aria-invalid="true"]{outline:2px solid #fff;outline-offset:1px}
.order-submit__terms.is-shaking{animation:order-shake .5s}
@keyframes order-shake{0%,100%{transform:translateX(-50%)}20%,60%{transform:translateX(calc(-50% - 10px))}40%,80%{transform:translateX(calc(-50% + 10px))}}
.order-form .form-status{margin-top:12px;font-size:15px}
.checkout-seals{display:block;margin:30px auto 0;width:465px}

/* benefits lists (CF Image List) */
.checkout__aside h2{font-family:var(--font-raleway);font-size:32px;font-weight:700;line-height:1.15;color:#2f2f2f}
.checkout__aside h2:first-child{margin-top:20px}
.benefits{margin:20px 0 0;padding:0;list-style:none;font-size:16px;line-height:22.86px;color:#2f2f2f}
.benefits li{padding:10px 10px 10px 60px;background:url(../img/icon-check-green-circle.webp) no-repeat 0 10px}
.benefits--bonus{margin-top:10px}
.benefits--bonus li{background-image:url(../img/icon-plus-blue-circle.webp)}
.benefits u{font-weight:700}
.benefits__rule{margin-top:15px;border:0;border-top:1px solid rgba(0,0,0,.1)}
.benefits__rule+h2{margin-top:15px;text-align:center}

/* testimonial video(s) in CF skin 3 (blue frame) */
.checkout__videos{display:flex;justify-content:center;gap:0;padding:40px 10px}
.checkout__videos>*{flex:0 1 auto}
.checkout__videos--two{display:grid;grid-template-columns:1fr 1fr;justify-items:center;padding-inline:16px 44px}
.video-skin{width:758px;max-width:100%;padding:8px;border:1px solid rgba(0,0,0,.1);border-bottom:3px solid rgba(0,0,0,.2);border-radius:5px;background:#175c8d linear-gradient(#1c72b0,#175c8d);box-shadow:0 10px 6px -6px #777}
.video-skin--small{width:360px}
.video-skin .video{border-radius:5px;box-shadow:0 1px 10px rgba(0,0,0,.3)}

/* footer under the white box: white text on the blue background */
.checkout-footer{max-width:1120px;margin-inline:auto;padding:45px 22px 40px;font-size:12px;line-height:1.17;color:#fff}
.checkout-footer a{color:#fff;text-decoration:none}
.checkout-footer a:hover{text-decoration:underline}
.checkout-footer__links{margin-top:0}
.checkout-footer p+p{margin-top:0}
.checkout-footer__copy{margin-top:24px!important;text-align:center}

/* ---- responsive (CF stacks every column below 770px) ---- */
@media (max-width:1140px){
  .checkout__cols{grid-template-columns:58% minmax(0,1fr)}
  .checkout-hero{padding-inline:20px;grid-template-columns:200px minmax(0,1fr) 120px}
  .checkout-hero__box{width:200px}
  .checkout-hero__title{margin-left:40px}
  .checkout-hero__ribbon{width:120px}
  .checkout__videos--two{padding-inline:20px;gap:20px}
  .video-skin--small{width:100%;max-width:360px}
}
@media (max-width:767px){
  .checkout-header{flex-direction:column;align-items:center;padding:15px 10px 10px;gap:0}
  .checkout-header__help{align-items:center;padding-top:15px}
  .checkout-header__help img{max-width:100%;height:auto}
  .checkout-header__phone{text-align:center}
  .checkout{padding:0}
  .checkout-hero{display:flex;flex-direction:column;align-items:center;min-height:0;padding:25px 20px 15px}
  .checkout-hero__title{order:-1;margin:0;align-self:stretch}
  .checkout-hero__main{font-size:28px;line-height:1.3}
  .checkout-hero__sub{font-size:21px;margin-top:-4px}
  .checkout-hero__box{margin-top:15px;width:250px}
  .checkout-hero__ribbon{display:none}
  .checkout-hero__seal{display:block;margin-top:15px}
  .checkout__cols{display:block}
  .checkout__form-col{padding:15px 15px 30px}
  .checkout__aside{padding:15px 20px 25px}
  .checkout h2.checkout__heading{font-size:24px}
  .checkout__aside h2{font-size:28px}
  .order-products__row{align-items:flex-start;padding-block:4px}
  .order-products__row input{margin-top:4px}
  .card-fields{grid-template-columns:1fr;row-gap:0}
  .card-fields__item--exp .card-fields__input,.card-fields__item--cvc .card-fields__input{margin-left:0;width:100%}
  .card-logos{width:100%;max-width:303px}
  .order-summary th:last-child,.order-summary td:last-child{white-space:normal}
  .order-submit__btn{font-size:24px;padding-inline:15px}
  .order-submit__terms{font-size:16px}
  .checkout-seals{width:100%;max-width:465px}
  .checkout__videos,.checkout__videos--two{display:flex;flex-direction:column;align-items:center;gap:30px;padding:30px 15px}
  .video-skin,.video-skin--small{width:100%}
  .checkout-footer{padding:30px 15px;text-align:center}
}

/* =====================================================================
   46  After-purchase pages: myoh-order-confirmation-a (Arial, grey page,
       grey label bars) and myoh-thank-you-a (Open Sans, framed white box).
       Body class "member-page". Shared: .member-photo, .member-read,
       .member-mentor, .member-help (+ .member-help__btn), .logo-footer.
   ===================================================================== */
.member-page{background:#efefef;color:#2f2f2f}
.member-page--arial{font-family:Arial,Helvetica,sans-serif}
.member-page--thanks{background:#eaedf1}

.member-photo{display:block;width:297px;margin-inline:auto;border-radius:50%;box-shadow:0 1px 5px rgba(0,0,0,.2)}

/* order confirmation: hero + white box */
.member-hero{max-width:960px;margin-inline:auto;padding:80px 20px 50px;text-align:center}
.member-hero h1{margin-top:50px;font-size:52px;font-weight:700;line-height:1.15}
.member-hero p{margin-top:10px;font-size:16px;line-height:1.15;color:rgba(47,47,47,.682)}
.member-box{max-width:720px;margin-inline:auto;padding:40px 0;background:#fff;border-radius:5px;box-shadow:0 1px 3px rgba(0,0,0,.06)}
.member-bar{margin:20px 40px 0;padding:10px 11px;border-radius:5px;background:#e8e8e8;font-size:18px;font-weight:700;line-height:21px;color:rgba(47,47,47,.82)}
.member-box>section:first-child .member-bar{margin-top:0}
.member-bar::before{content:"";display:inline-block;width:16px;height:16px;margin:0 6px 0 4px;vertical-align:-2px;background:currentColor;-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat}
.member-bar--check::before{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 8.5l4.2 4.2L14.5 3.9' fill='none' stroke='%23000' stroke-width='3'/%3E%3C/svg%3E");width:18px}
.member-bar--lock::before{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 7V5a4 4 0 0 1 8 0v2h1a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1zm2 0h4V5a2 2 0 0 0-4 0z'/%3E%3C/svg%3E");margin-left:5px;margin-right:4px}
.member-bar--star::before{--icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 1v14M2 4.5l12 7M2 11.5l12-7' fill='none' stroke='%23000' stroke-width='2.2'/%3E%3C/svg%3E");margin-left:5px;margin-right:4px}
h2.member-bar{font:inherit;font-size:18px;font-weight:700;line-height:21px}

.order-items{width:calc(100% - 110px);margin:30px 55px 15px;border-collapse:collapse;font-size:14px;line-height:20px}
.order-items th{padding:5px;border-bottom:1px solid #ddd;font-weight:700;text-align:left}
.order-items th:last-child,.order-items td:last-child{text-align:right}
.order-items td{padding:5px}

.member-read{padding:30px 60px 10px 46px}
.member-read>.member-title{padding-left:14px}
.member-title{font-size:42px;font-weight:700;line-height:1.15}
.member-feature{display:grid;grid-template-columns:149px minmax(0,1fr);margin-top:25px}
.member-feature img{margin:3px 0 0 14px}
.member-feature__title{font-size:34px;font-weight:700;line-height:37.4px}
.member-feature p,.member-feature__body{font-size:16px;line-height:22.86px}
.member-feature p{margin-top:0}
.member-feature p+p{margin-top:22.86px}
.member-feature a,.member-mentor a,.thanks-box__text a{color:#4465ba;text-decoration:none}
.member-feature a:hover,.member-mentor a:hover,.thanks-box__text a:hover{text-decoration:underline}

.member-mentor{padding:20px 55px;text-align:center}

.member-mentor__lead{margin-top:20px;font-size:34px;line-height:44.2px}
.member-mentor__text{margin-top:15px;font-size:16px;line-height:22.86px;text-align:left}
.member-mentor__text p+p{margin-top:22.86px}
.member-mentor__alert{font-weight:700;text-decoration:underline}

.member-help{padding:40px 55px;text-align:center}
.member-help__note{margin-top:15px;font-size:23px;line-height:1.15}
.member-help .member-title{margin-top:20px}
.member-help__btn{display:block;margin-top:10px;padding:13px 35px;border:1px solid rgba(0,0,0,.1);border-radius:4px;background:#3c78d8;box-shadow:inset 0 1px 0 rgba(255,255,255,.2);color:#fff;font-size:24px;font-weight:700;line-height:34.29px;text-decoration:none;transition:box-shadow .2s}
.member-help__btn:hover,.member-help__btn:focus-visible{color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),inset 0 -133px 133px 0 rgba(255,255,255,.12)}
.member-help__btn small{display:block;font-size:14px;font-weight:400;line-height:20px;opacity:.85}
.member-help__fine{margin-top:20px;font-size:16px;line-height:1.15;color:rgba(64,64,64,.71)}

/* thank you: framed white box */
.thanks-box{max-width:960px;margin:80px auto 0;padding:50px 0 40px;background:#fff;border:5px solid #9ea7b2;border-radius:5px}
.thanks-box__intro{max-width:800px;margin-inline:auto;padding:0 25px;text-align:center}
.thanks-box h1{margin-top:10px;font-size:48px;font-weight:700;line-height:72px;color:#5a6573}
.thanks-box__sub{font-size:32px;line-height:48px}
.thanks-box__read{margin-top:40px;font-size:42px;font-weight:700;line-height:63px;text-decoration:underline}
.thanks-box__text{margin-top:5px;font-size:18px;line-height:27px;color:rgba(47,47,47,.77);text-align:left}
.thanks-box__text p+p{margin-top:27px}
.thanks-box__text a{color:#0779fa}
.thanks-box .member-mentor{max-width:770px;margin-inline:auto;padding:20px 35px}
.thanks-box .member-mentor__text{font-size:18px;line-height:25.71px}
.thanks-box .member-mentor__text p+p{margin-top:25.71px}
.thanks-box .member-mentor__text a{color:#73b4fc}
.thanks-box .member-help{max-width:800px;margin-inline:auto;padding:10px 25px 10px}

/* footer: logo + grey legal links + copyright */
.logo-footer{max-width:720px;margin-inline:auto;padding:30px 15px 45px;text-align:center;font-size:14px;line-height:1.15;color:rgba(47,47,47,.44)}
.logo-footer img{display:block;width:400px;margin-inline:auto}
.logo-footer__links{margin-top:5px}
.logo-footer__links a{color:#949494;text-decoration:none}
.logo-footer__links a:hover{text-decoration:underline}
.logo-footer p+p{margin-top:10px}

@media (max-width:767px){
  .member-hero{padding:40px 15px 30px}
  .member-photo{width:220px}
  .member-hero h1{margin-top:30px;font-size:36px}
  .member-box{margin-inline:10px;padding:25px 0}
  .member-bar{margin-inline:15px;font-size:16px}
  .order-items{width:calc(100% - 50px);margin-inline:25px}
  .member-read{padding:20px 25px 0}
  .member-title{font-size:32px}
  .member-feature{grid-template-columns:1fr}
  .member-feature img{margin:0 auto 15px}
  .member-feature__title{font-size:28px;line-height:1.2;text-align:center}
  .member-mentor{padding:20px 25px}
  .member-mentor__lead{font-size:26px;line-height:1.3}
  .member-help{padding:30px 25px}
  .member-help__btn{padding-inline:15px;font-size:20px}
  .thanks-box{margin:30px 10px 0;padding-top:30px}
  .thanks-box h1{font-size:34px;line-height:1.3}
  .thanks-box__sub{font-size:24px;line-height:1.4}
  .thanks-box__read{font-size:32px;line-height:1.4}
  .thanks-box .member-mentor{padding:20px}
  .logo-footer img{width:300px}
}

/* =====================================================================
   50 - webinar funnel pages (builder mo-webinar)
   e-overhead-training-registration-a/-b, e-overhead-training-booked-a/-b,
   training-webinar-registration-a/-b, webinar-booked-a.
   Shared blocks (prefix wb-) + the Funnel Merlin bits (fm-). Uses from 40-cf-components.css:
   .cf-page, .site-footer, .legal-links, --icon-arrow, --icon-check.
   ===================================================================== */

/* ---------- Funnel Merlin helpers ---------- */
/* %-date tokens stay invisible until FM has replaced them (FM-EDIT adds .fm-date--ready) */
.fm-date{visibility:hidden}
.fm-date.fm-date--ready{visibility:visible}
/* ~TOKEN~ text on the booked pages: hidden until the inline FM setup has run (adds html.fm-ready) */
.fm-token{visibility:hidden}
.fm-ready .fm-token{visibility:visible}
[data-fm-form] .form-status{white-space:pre-line}

/* FM countdown (filled by fmCountdown() in site.js) */
.fm-cd{display:flex;justify-content:center;gap:21px;font-family:var(--font-open);text-align:center}
.fm-cd__unit{display:flex;flex-direction:column;align-items:center;min-width:66px}
.fm-cd__num{font-size:27px;font-weight:700;line-height:1.43;color:var(--cd-num,#2e2e2e)}
.fm-cd__label{font-size:10px;font-weight:700;line-height:1.43;text-transform:uppercase;color:var(--cd-label,rgba(0,0,0,.4))}
.fm-cd--circle .fm-cd__num{display:flex;align-items:center;justify-content:center;width:66px;height:66px;margin-bottom:10px;border:3px solid var(--cd-ring,#26789d);border-radius:50%;background:var(--cd-fill,transparent)}
.fm-cd--blue{--cd-num:#26789d;--cd-ring:#26789d}
.fm-cd--on-blue{--cd-num:#fff;--cd-ring:#fff;--cd-label:rgba(255,255,255,.4)}
.fm-cd--on-dark{--cd-num:#fff;--cd-ring:rgba(0,0,0,.45);--cd-fill:rgba(0,0,0,.25);--cd-label:rgba(255,255,255,.3)}

/* ---------- Layout ---------- */
.wb-wrap{width:100%;max-width:1140px;margin-inline:auto;padding-inline:20px}
.wb-wrap--wide{max-width:1190px}
.wb-wrap--narrow{max-width:848px}
.wb-cols{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
.wb-cols--30{gap:30px}
.wb-center{text-align:center}
.wb-img{display:block;margin-inline:auto}

/* ---------- Buttons (CF elButton looks used on these pages) ---------- */
.wb-btn{display:block;width:100%;border:1px solid rgba(0,0,0,.2);border-radius:3px;font-weight:700;line-height:1.43;box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
.wb-btn .btn__sub{margin-top:0;opacity:1;font-weight:400}
.wb-btn--inline{display:inline-block;width:auto}
.wb-btn--blue{background:#0174c7}
.wb-btn--navy{background:#3b5998}
.wb-btn--sky{background:#23cdfd}
.wb-btn--cyan{background:#24a0d1}
.wb-btn--orange{background:#ff6c00}
.wb-btn--blue:hover,.wb-btn--navy:hover,.wb-btn--sky:hover,.wb-btn--cyan:hover,.wb-btn--orange:hover{box-shadow:inset 0 2px 2px 0 rgba(255,255,255,.22),inset 0 233px 233px 0 rgba(255,255,255,.12)}
/* CF elButtonGradient: gradient flips on hover */
.wb-btn--grad-orange{border-color:rgba(0,0,0,.1);border-radius:0;background:linear-gradient(#fe9920,#ea8001);box-shadow:0 1px 5px rgba(0,0,0,.4),inset 0 0 0 2px rgba(255,255,255,.2)}
.wb-btn--grad-orange:hover{background:linear-gradient(#ea8001,#fe9920)}
.wb-btn--grad-amber{border-color:rgba(0,0,0,.1);border-radius:0;background:linear-gradient(#ffa02f,#ff8d06);box-shadow:0 1px 5px rgba(0,0,0,.4),inset 0 0 0 2px rgba(255,255,255,.2)}
.wb-btn--grad-amber:hover{background:linear-gradient(#ff8d06,#ffa02f)}
.wb-btn--grad-navy{border-color:rgba(0,0,0,.1);border-radius:0;background:linear-gradient(#3b5998,#30487b);color:#fffefd;box-shadow:0 1px 5px rgba(0,0,0,.2),inset 0 0 0 2px rgba(255,255,255,.2)}
.wb-btn--grad-navy:hover{background:linear-gradient(#30487b,#3b5998);color:#fffefd}
/* icons after the label: » (CF fa-angle-double-right) and › (fa-angle-right) */
.wb-btn__raquo{margin-left:12px;font-weight:700}

/* ---------- "As seen in" logo row (white band) ---------- */
.wb-press{background:#fff}
.wb-press__logos{display:grid;grid-template-columns:1fr 1fr;gap:50px;justify-items:center}
.wb-press__logos img{width:490px}

/* ---------- Dark rounded card on the photo heroes ---------- */
.wb-card{padding:31px 40px 35px;border-radius:20px;background:rgba(0,0,0,.76);color:#fff;text-align:center}

/* ---------- Orange info bar (calendar date + seat limit) ---------- */
.wb-infobar{border-block:3px solid rgba(20,20,20,.137);background:#f90}
.wb-infobar__inner{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-block:10px 11px}
.wb-feature{display:flex;align-items:flex-start;gap:16px}
.wb-feature img{flex:none;width:112px;margin-left:6px}
.wb-feature p+p{margin-top:0}
.wb-feature__title{font-size:32px;font-weight:700;line-height:1.1;color:rgba(23,23,23,.882)}
.wb-feature__text{font-size:24px;line-height:1.42;color:rgba(30,30,30,.882)}

/* ---------- Section title ---------- */
.wb-title{font-size:32px;line-height:normal;text-align:center;color:#2f2f2f}

/* ---------- "Secret #N" cards ---------- */
.wb-secrets{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1150px;margin:30px auto 0}
.wb-secret{padding:0 20px 20px;border-bottom:3px solid rgba(0,0,0,.098);border-radius:0 0 5px 5px;background:#fff;text-align:center}
.wb-secret__head{margin:0 -20px;padding:20px 0;border-bottom:3px solid #e5e5e5;border-radius:5px 5px 0 0;background:#3b3b3b;font-size:37px;font-weight:700;line-height:normal;color:#fff}
.wb-secret__body{margin-top:20px;font-size:27px;font-weight:700;line-height:1.5;color:rgba(47,47,47,.8)}
/* variant with a subtitle in the coloured head (e-overhead registration pages) */
.wb-secret__head--sub{padding-bottom:11px;border-bottom:0}
.wb-secret__sub{display:block;font-family:var(--font-open);font-size:20px;font-weight:400;line-height:1.43}
.wb-secret__body--small{margin-top:8px;font-size:18px;font-weight:400;line-height:1.5}
.wb-secret--red .wb-secret__head{background:#ee4840}
.wb-secret--blue .wb-secret__head{background:#0074c7}
.wb-secret--green .wb-secret__head{background:#00bf36}

/* ---------- Bonus line ---------- */
.wb-bonus{font-size:26px;line-height:normal;text-align:center;color:#2f2f2f}
.wb-bonus__head{display:block;font-weight:700;color:#e10101}
.wb-bonus--small{font-size:21px}
.wb-bonus--line{margin-top:30px}
.wb-web-bonus{margin-top:30px}

/* ---------- White box around a call-to-action button ---------- */
.wb-cta-box{margin:30px auto 0;padding:20px 25px;border:3px solid rgba(47,47,47,.11);border-radius:5px;background:rgba(255,255,255,.992)}

/* CF elButtonSize3 call-to-action on the training-webinar pages */
.wb-btn--reg{padding:13px 35px;font-size:27px;color:#fffefd}
.wb-btn--reg:hover{color:#fffefd}

/* ---------- Video testimonials ---------- */
.wb-testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:60px 30px;max-width:1120px;margin:30px auto 0}
.wb-tcard{display:flex;flex-direction:column;margin:0;padding:20px 15px;border:3px solid rgba(47,47,47,.13);border-radius:15px;background:#fff;font-family:var(--font-raleway);color:#2f2f2f}
.wb-tcard--yellow{background:#ffffbc}
.wb-tcard__video{padding:8px;border:1px solid rgba(0,0,0,.3);border-bottom-width:3px;border-radius:5px;background:linear-gradient(#1f1f1f,#111);box-shadow:0 10px 6px -6px #777}
.wb-tcard__quote{margin:30px 0 0;font-size:16px;font-style:italic;line-height:normal;text-align:center;color:#606060}
.wb-tcard__by{margin-top:auto;padding-top:30px;font-size:16px;line-height:normal;text-align:right}
.wb-tcard__name{display:block;font-size:20px;font-weight:700}

/* ---------- Centred check list ---------- */
.wb-checks{margin:30px 0 0;padding:0;list-style:none;font-size:20px;line-height:1.43;text-align:center;color:#2f2f2f}
.wb-checks li{margin-bottom:6px;padding-bottom:6px}
.wb-checks li::before{content:"";display:inline-block;width:20px;height:18px;margin-right:18px;vertical-align:-2px;background:#2f2f2f;-webkit-mask:var(--icon-check) center/contain no-repeat;mask:var(--icon-check) center/contain no-repeat}

/* ---------- About Mark ---------- */
.wb-about{padding:20px 0 45px;background:#fff}
.wb-about__grid{padding-block:20px}
.wb-about__avatar{display:block;width:97px;margin:0 auto;border-radius:50%}
.wb-about__title{margin-top:20px;font-size:23px;font-weight:700;line-height:normal;text-align:center;color:#2f2f2f}
.wb-about__bio{margin-top:15px;font-size:16px;line-height:1.43;color:#2f2f2f}
.wb-about__bio p+p{margin-top:22px}
.wb-about__photo{display:block;width:100%;padding:5px;border:2px solid rgba(0,0,0,.15);background:#fff}
.wb-about__reserve{max-width:866px;margin:20px auto 0}

/* ---------- Footer (logo + disclaimers) ---------- */
.wb-footer{padding-top:60px}
.wb-footer__logo{display:block;width:500px;max-width:100%;margin:0 auto 20px}
.wb-footer p:first-of-type{margin-top:0}
.wb-footer--tall .wb-footer__logo{margin-bottom:95px}
.wb-footer>*:not(img){max-width:1166px;margin-inline:auto}
/* booked pages: logo + one copyright line */
.wb-foot{padding:40px 0;border-top:3px solid rgba(47,47,47,.09)}
.wb-foot .wb-footer__logo{margin:40px auto 0}
.wb-foot--flush{padding:0 0 10px;border-top:0}
.wb-learn .wb-footer{padding-top:40px}
.wb-foot__copy{margin-top:45px;font-size:14px;line-height:normal;text-align:center;color:rgba(47,47,47,.44)}

/* ---------- Photo hero + event ticket (booked pages, training-webinar pages) ---------- */
.wb-photo-hero{padding:15px 0 40px;border-block:3px solid rgba(10,10,10,.208);background:#404040 url(../img/hero-mark-with-board.webp) 0 -3px/100% auto no-repeat}
.wb-photo-hero__row{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:30px}
.wb-photo-hero__row>.wb-card{grid-column:2}
.wb-kicker{font-size:18px;font-weight:700;line-height:normal}
.wb-card__title{margin-top:17px;font-size:40px;font-weight:700;line-height:normal}
.wb-card__sub{margin-top:15px;font-size:27px;font-weight:700;line-height:normal;color:rgba(255,255,255,.81)}
.wb-card__note{margin-top:20px;font-size:14px;line-height:normal;color:rgba(255,255,255,.81)}
.wb-card .wb-btn{margin-top:20px}

.wb-booked{padding-top:15px;border-block:3px solid rgba(10,10,10,.208);background:#404040 url(../img/bg-black-geo.webp) 50% 50%/cover no-repeat}
.wb-booked--photo{background-image:url(../img/hero-mark-thumbs-up.webp)}
.wb-booked__banner{padding:10px;border-radius:20px;background:rgba(0,0,0,.53);font-size:48px;font-weight:700;line-height:normal;text-align:center;color:#fff}
@media (min-width:1240px){.wb-wrap--wide>.wb-booked__banner{margin-inline:-20px}} /* CF banner is the full 1190px wide; keeps the 48px headline on one line */
.wb-booked__row{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:30px;padding-bottom:11px}
.wb-booked__row>.wb-ticket{grid-column:2}
.wb-booked__media img{display:block;width:100%}
.wb-booked__media img+img{margin-top:30px}
.wb-ticket{padding:31px 40px 53px;border-radius:20px;background:rgba(0,0,0,.76);color:#fff;text-align:center}
.wb-ticket__label{font-size:24px;font-weight:700;line-height:normal;text-decoration:underline}
.wb-ticket__title{margin-top:17px;font-size:26px;font-weight:700;line-height:normal}
.wb-ticket__sub{margin-top:9px;font-size:22px;font-weight:700;line-height:normal;color:rgba(255,255,255,.81)}
.wb-ticket__rule{margin:16px 0 0;padding-block:10px;border:0}
.wb-ticket__rule::before{content:"";display:block;border-top:2px dashed rgba(255,255,255,.35)}
.wb-ticket__rule--flush{margin-top:0}
.wb-ticket__h{font-size:21px;font-weight:700;line-height:normal}
.wb-ticket__h--gap{margin-top:5px}
.wb-steps{margin:0;padding:0;list-style:none;font-size:16px;line-height:1.43;text-align:left}
.wb-steps li{position:relative;padding:10px 10px 10px 25px}
.wb-steps li+li{margin-top:4px}
.wb-steps li::before{content:"";position:absolute;left:0;top:14px;width:16px;height:14px;background:#fff;-webkit-mask:var(--icon-check) center/contain no-repeat;mask:var(--icon-check) center/contain no-repeat}
.wb-steps--bold{font-weight:700}
.wb-steps a{color:#fff}
.wb-ticket .fm-cd{margin-top:10px}
.wb-ticket__cal{margin-top:5px}
.wb-ticket__cal+.wb-ticket__cal{margin-top:30px}
.wb-ticket__cal .wb-btn{padding:20px 25px;font-size:20px;font-weight:600}
.wb-ticket__note{margin-top:30px;font-size:16px;line-height:1.43}
.wb-ticket__seats{margin-top:20px;font-size:14px;line-height:normal;color:rgba(255,255,255,.81)}
.wb-ticket__help{margin-top:30px;font-size:24px;font-weight:700;line-height:normal}
.wb-ticket__help+p{font-size:23px;line-height:normal}

/* the light section under the dark heroes (secrets, bonus, logo) */
.wb-learn{padding:40px 0;border-top:3px solid rgba(47,47,47,.09)}

/* ---------- Mobile ---------- */
@media (max-width:900px){
  .wb-secrets,.wb-testimonials{grid-template-columns:1fr;max-width:420px;row-gap:30px}
  .wb-infobar__inner{grid-template-columns:1fr;gap:12px}
}
@media (max-width:767px){
  .wb-cols,.wb-photo-hero__row,.wb-booked__row{grid-template-columns:1fr;gap:30px}
  .wb-photo-hero__row>.wb-card,.wb-booked__row>.wb-ticket{grid-column:auto}
  .wb-press__logos{grid-template-columns:1fr;gap:10px}
  .wb-card,.wb-ticket{padding:25px 20px 30px}
  .wb-card__title{font-size:30px}
  .wb-card__sub{font-size:21px}
  .wb-photo-hero{padding-top:200px;background-size:auto 260px;background-position:30% -3px}
  .wb-booked__banner{font-size:28px}
  .wb-title{font-size:26px}
  .wb-secret__head{font-size:32px}
  .wb-secret__body{font-size:22px}
  .wb-bonus{font-size:20px}
  .wb-bonus--small{font-size:17px}
  .wb-checks{font-size:17px;text-align:left}
  .wb-checks li{padding-left:36px;text-indent:-36px}
  .wb-feature img{width:80px;margin-left:0}
  .wb-feature__title{font-size:24px}
  .wb-feature__text{font-size:18px}
  .wb-btn{font-size:20px!important}
  .wb-btn .btn__sub{font-size:14px!important}
  .wb-cta-box{padding:15px}
  .wb-footer--tall .wb-footer__logo{margin-bottom:30px}
}

/* =====================================================================
   51 - webinar registration popups (builder mo-webinar)
   CF #modalPopup rebuilt as a full-screen <dialog class="modal modal--page"> with the box inside
   (.wb-modal). e-overhead-training-registration-a/-b: exit view + Funnel Merlin form (.reg-*);
   training-webinar-registration-a/-b: Funnel Merlin "Register Your Seat Now!" form (.wj-*).
   ===================================================================== */

/* full-screen dialog that scrolls, the box sits 100px from the top like the CF popup */
.modal.modal--page{width:100%;max-width:100%;height:100%;max-height:100%;margin:0;padding:100px 15px 40px;background:transparent;box-shadow:none;overflow-x:hidden;overflow-y:auto}
.modal--page .modal__body{max-height:none;overflow:visible}
.wb-modal{position:relative;max-width:720px;margin:0 auto;padding:20px 0;border:5px solid #080808;border-radius:10px;background:#ebebeb;color:#2f2f2f}
.wb-modal--white{background:#fff}
.wb-modal .modal__close{top:-18px;right:-18px}

/* ---------- form fields (CF elInput, Mid size, radius 5, icon) ---------- */
.wb-input{display:block;width:100%;padding:17px 18px;border:1px solid rgba(0,0,0,.2);border-radius:5px;background:#fff no-repeat 10px 50%/18px;box-shadow:inset 0 1px 2px rgba(130,137,150,.23),0 1px 0 rgba(255,255,255,.95);font-family:var(--font-open);font-size:16px;line-height:1.43;color:#000}
.wb-input::placeholder{color:#777;opacity:1}
.wb-input:focus{border-color:#42b0e2;outline:none;box-shadow:0 0 0 3px rgba(66,176,226,.3)}
.wb-input--name{padding-left:45px;background-image:url(../img/icon-input-name.webp)}
.wb-input--email{padding-left:45px;background-image:url(../img/icon-input-email.webp)}
.wb-input--phone{padding-left:45px;background-image:url(../img/icon-input-phone.webp)}
select.wb-input{-webkit-appearance:none;appearance:none;padding-right:40px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%232f2f2f' d='M207 381.5L12.7 187.1c-9.4-9.4-9.4-24.6 0-33.9l22.7-22.7c9.4-9.4 24.5-9.4 33.9 0L224 284.5l154.7-154c9.4-9.3 24.5-9.3 33.9 0l22.7 22.7c9.4 9.4 9.4 24.6 0 33.9L241 381.5c-9.4 9.4-24.6 9.4-34 0z'/%3E%3C/svg%3E") no-repeat right 18px center/14px}

/* SMS opt-in (CF elSMS) */
.fm-sms{font-size:14px;line-height:1.43}
.fm-sms__check{display:flex;align-items:baseline;cursor:pointer}
.fm-sms__check input{flex:none;margin:0 5px}
.fm-sms__star{color:#f00;font-weight:700}
.smsExtras{margin-top:15px}
.smsExtras[hidden]{display:none}
.smsExtras .wb-input+.wb-input{margin-top:15px}
.fm-sms__notice{margin-top:15px}

/* ---------- e-overhead registration popup: exit view ---------- */
.reg-exit{margin:10px 20px 0;padding:20px 35px;background:#fff;text-align:center}
.reg-exit__title{font-size:23px;font-weight:700;line-height:normal}
.reg-exit__img{display:block;width:600px;margin:30px auto 0}
.reg-exit .wb-btn{margin-top:30px;padding:30px 25px;font-size:30px;letter-spacing:1px}
.reg-exit .wb-btn .btn__sub{font-size:18px}
.reg-exit__note{margin-top:30px;font-size:16px;line-height:1.43}

/* ---------- e-overhead registration popup: Funnel Merlin form view ---------- */
.reg-register{position:relative;padding:0 30px 10px;text-align:center}
.reg-register__title{padding-top:25px;font-family:var(--font-poppins);font-size:32px;font-weight:400;line-height:1.3}
.reg-register__more{margin-top:15px;font-size:22px;line-height:1.43}
.reg-register__next{margin-top:5px;font-size:18px;line-height:1.43}
.reg-register__next--time{margin-top:0}
.reg-register .fm-cd{margin-top:10px}
.reg-register .fm-cd--text{gap:0}
.reg-register .fm-cd--text .fm-cd__unit{min-width:69px}
.reg-register__rule{width:75%;margin:15px auto 0;padding-block:10px;border:0}
.reg-register__rule::before{content:"";display:block;border-top:1px solid rgba(0,0,0,.15)}
.reg-form{text-align:left}
.reg-form__label{margin-top:30px;font-size:20px;line-height:1.43}
.reg-form .wb-input--select{margin-top:10px}
.reg-form__name{margin-top:35px}
.reg-form__email{margin-top:20px}
.reg-form .fm-sms{margin-top:35px}
.reg-form__submit{margin-top:30px;padding:30px 25px;font-family:var(--font-poppins);font-size:34px;text-align:center}
.reg-form__submit .btn__sub{font-family:var(--font-poppins);font-size:14px}
.reg-form__fine{margin-top:10px;font-size:8px;line-height:1.43;text-align:center}
/* the hand-drawn arrows sit outside the box on wide screens */
.reg-form__dates,.reg-form__details{position:relative}
.reg-register__arrow{position:absolute;pointer-events:none}
.reg-register__arrow--when{top:-20px;left:-180px;width:168px}
.reg-register__arrow--who{top:-110px;right:-195px;width:185px}

/* ---------- training-webinar popup ---------- */
.wj-head{padding:10px 35px;text-align:center}
.wj-head__title{font-size:48px;font-weight:700;line-height:normal}
.wj-head__sub{margin-top:10px;font-size:18px;line-height:normal;color:rgba(47,47,47,.75)}
.wj-form{margin:20px -5px 0;padding:30px 60px;border-block:3px solid rgba(47,47,47,.11);background:#ebebeb}
.wj-form .wb-input{padding:12px 18px;font-size:21px;background-position:97% 50%}
.wj-form .wb-input--name,.wj-form .wb-input--email,.wj-form .wb-input--phone{padding-right:50px}
.wj-form__email{margin-top:20px}
.wj-form .fm-sms{margin-top:10px}
.wj-form .smsExtras .wb-input{font-size:16px}
.wj-form__submit{margin-top:20px;padding:13px 35px;border-color:rgba(0,0,0,.1);border-radius:4px;background:#f90;font-size:27px;text-align:center}
.wj-form__submit::before{content:"";display:inline-block;width:1em;height:1em;margin-right:12px;vertical-align:-.12em;background:currentColor;-webkit-mask:var(--icon-check) center/contain no-repeat;mask:var(--icon-check) center/contain no-repeat}
.wj-form__privacy{margin-top:20px;font-size:14px;line-height:normal;text-align:center;color:rgba(47,47,47,.53)}
.wj-form__privacy::before{content:"";display:inline-block;width:12px;height:13px;margin-right:6px;vertical-align:-1px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M400 224h-24v-72C376 68.2 307.8 0 224 0S72 68.2 72 152v72H48c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48zm-104 0H152v-72c0-39.7 32.3-72 72-72s72 32.3 72 72v72z'/%3E%3C/svg%3E") center/contain no-repeat}
.wj-foot{padding:20px 35px 0;font-size:18px;font-weight:700;line-height:normal;text-align:center;color:rgba(47,47,47,.75)}

@media (max-width:1100px){
  .reg-register__arrow{display:none}
}
@media (max-width:767px){
  .modal.modal--page{padding:40px 12px 20px}
  .wb-modal .modal__close{top:-14px;right:-8px}
  .reg-exit{margin:0 10px;padding:15px}
  .reg-exit__title{font-size:18px}
  .reg-exit .wb-btn{padding:20px 15px;font-size:22px;letter-spacing:0}
  .reg-exit .wb-btn .btn__sub{font-size:14px}
  .reg-register{padding:0 15px 10px}
  .reg-register__title{font-size:24px}
  .reg-register__more{font-size:18px}
  .reg-register__next{font-size:16px}
  .reg-form__submit{padding:20px 15px;font-size:26px}
  .wj-head{padding:10px 15px}
  .wj-head__title{font-size:30px}
  .wj-head__sub{font-size:16px}
  .wj-form{padding:20px 15px}
  .wj-form .wb-input{font-size:17px}
  .wj-form__submit{padding:13px 15px;font-size:21px}
  .wj-foot{padding-inline:15px;font-size:16px}
}

/* =====================================================================
   52 - webinar funnel pages: page-specific blocks (builder mo-webinar)
   ===================================================================== */

/* ---------- One-line headline bar (training-webinar-registration-a/-b) ---------- */
.wb-topline{padding:10px 20px;background:#fff;font-size:24px;line-height:1.3;text-align:center;color:#2f2f2f}

/* ---------- e-overhead-training-registration-a: Montserrat masthead + hero ---------- */
.ra-mast{padding:20px 20px 20px;background:#fff}
.ra-mast__box{max-width:819px;margin:0 auto;padding:5px 30px 8px;border:3px solid rgba(0,0,0,.7);font-family:var(--font-montserrat);text-align:center;color:#2f2f2f}
.ra-mast__kicker{font-size:40px;font-weight:700;line-height:1.3}
.ra-mast__title{margin-top:-5px;font-size:56px;font-weight:700;line-height:1;letter-spacing:-1px;color:#4775ba}
.ra-mast__sub{font-size:24px;font-weight:500;line-height:1.3}
.ra-hero{padding:30px 0 25px;background:#f3f3f3;font-family:var(--font-montserrat);color:#2f2f2f;text-align:center}
.ra-pitch{font-weight:700;letter-spacing:-1px}
.ra-pitch span{display:block}
.ra-pitch__l30{font-size:30px;line-height:1.3}
.ra-pitch__l50{font-size:50px;line-height:1;color:#4775ba}
.ra-pitch__os{font-family:var(--font-open);font-size:38px;font-weight:500;line-height:1.3;letter-spacing:0}
.ra-pitch__l72{font-size:72px;line-height:1}
.ra-hero__dates{margin-top:40px;font-size:23px;font-weight:500;line-height:normal;color:#2d2d2d}
.ra-hero__lead{font-size:20px;font-weight:700;line-height:1.43;color:#2d2d2d}
.ra-hero__img{width:500px;margin-top:20px}
.ra-btn{margin-top:15px;padding:10px 25px;font-family:var(--font-montserrat);font-size:24px}
.ra-btn .btn__sub{font-size:14px}
.btn-arrow-after{display:inline-block;width:.875em;height:1em;margin-left:14px;vertical-align:-.125em;background:currentColor;-webkit-mask:var(--icon-arrow) center/contain no-repeat;mask:var(--icon-arrow) center/contain no-repeat}
.btn-arrow::before{content:"";display:inline-block;width:.875em;height:1em;margin-right:12px;vertical-align:-.125em;background:currentColor;-webkit-mask:var(--icon-arrow) center/contain no-repeat;mask:var(--icon-arrow) center/contain no-repeat}
/* blue countdown bar */
.ra-cdbar{border-block:3px solid rgba(20,20,20,.137);background:#0074c7}
.ra-cdbar__inner{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start;padding-block:10px 11px}
.ra-cdbar__title{margin-top:20px;font-size:36px;font-weight:700;line-height:1.3;text-align:right;color:#fff}
.ra-cdbar .fm-cd{justify-content:flex-start;margin-top:10px}
/* secrets section */
.wb-secrets-sec{padding:40px 0;border-top:3px solid rgba(47,47,47,.09)}
.ra-secrets{background:#f3f3f3;font-family:var(--font-montserrat)}
.ra-boxed{max-width:925px;margin:20px auto 0;padding:5px;border:2px solid rgba(0,0,0,.7);font-size:36px;line-height:normal;letter-spacing:-1px;text-align:center;color:#2f2f2f}
.ra-boxed b{font-weight:500;color:#4775ba}
.ra-secrets .wb-secrets{margin-top:40px}
.ra-secrets .wb-secret__head{font-family:var(--font-montserrat)}
.ra-secrets .wb-secret__body--small{font-family:var(--font-montserrat)}
.ra-badge{margin-top:50px;text-align:center;color:#2f2f2f}
.ra-badge__top{display:inline-block;padding:0 15px;border:2px solid #2f2f2f;font-size:40px;font-weight:800;line-height:1;letter-spacing:-1px;color:#4675bb}
.ra-badge__bottom{font-size:24px;font-weight:700;line-height:1.3}
.wb-join{text-align:center;color:#2f2f2f}
.wb-join__img{display:block;width:600px;margin:20px auto 0}
.wb-join__title,.wb-join__lead{max-width:808px;margin-inline:auto}
.wb-join__title{font-size:30px;line-height:normal}
.wb-join__lead{margin-top:25px;font-size:22px;line-height:normal}
.ra-secrets .wb-testimonials{margin-top:50px}
.wb-learnlist{margin-top:75px}
.wb-learnlist__title{font-size:23px;font-weight:700;line-height:normal;text-align:center;color:#2f2f2f}
.wb-reg-bonus{margin-top:50px}
.ra-secrets .wb-reg-bonus{max-width:1050px;margin-inline:auto}
.ra-cta{max-width:936px}
.ra-cta .wb-btn{padding:15px 25px;font-family:var(--font-montserrat);font-size:27px}
.ra-cta .wb-btn .btn__sub{font-family:var(--font-montserrat);font-size:13px}
.ra-about{font-family:var(--font-montserrat)}
.ra-reserve{padding:15px 25px;font-size:30px}
.ra-reserve .btn__sub{font-size:20px}
.ra-about .ra-reserve{font-family:var(--font-montserrat)}

/* ---------- e-overhead-training-registration-b: Open Sans hero with video ---------- */
.rb-top{padding:10px 20px 0;background:#fff;text-align:center;color:#2f2f2f}
.rb-top__title{font-size:34px;font-weight:700;line-height:1.3}
.rb-top__line{font-size:24px;line-height:1.3}
.rb-top__plus{margin-top:0;font-size:20px;line-height:1.3}
.rb-top+.wb-press{padding-top:10px}
.rb-hero{padding:15px 0 20px;border-block:3px solid rgba(10,10,10,.208);background:#404040 url(../img/bg-black-geo.webp) 0 -3px/cover no-repeat}
.rb-hero__row{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:30px}
.rb-hero__media{position:relative}
.rb-hero__arrow{position:absolute;top:255px;left:-40px;width:200px;pointer-events:none}
.rb-hero__ba{display:block;width:100%;margin-top:55px}
.rb-hero .wb-card{padding:20px 40px 50px}
.rb-hero__key{margin-top:30px;font-family:"Shadows Into Light Two","Segoe Print","Bradley Hand",cursive;font-size:42px;font-weight:700;line-height:1.3}
.rb-hero__l60{font-size:60px;font-weight:700;line-height:1.3}
.rb-hero__l50{font-size:50px;font-weight:700;line-height:1.3}
.rb-hero__l40{font-size:40px;font-weight:700;line-height:1.3}
.rb-hero__text{margin-top:15px;font-size:16px;line-height:1.43}
.rb-hero .wb-btn{margin-top:35px;padding:20px 35px;font-size:27px}
.rb-hero .wb-btn .btn__sub{font-size:16px}
.rb-hero .wb-card__note{margin-top:15px}
.rb-learn .wb-title{margin-top:35px;font-size:30px}
.rb-learn .wb-secrets{margin-top:40px}
.rb-learn .wb-join{margin-top:45px}
.rb-learn .wb-testimonials{margin-top:50px}
.rb-cta{max-width:936px}
.rb-cta .wb-btn{padding:15px 25px;font-size:27px}
.rb-cta .wb-btn .btn__sub{font-size:18px}

/* ---------- e-overhead-training-booked-a (Poppins) ---------- */
.ba-main{padding:15px 0 20px;border-block:3px solid rgba(10,10,10,.208);background:#fff;font-family:var(--font-poppins);color:#2f2f2f;text-align:center}
.ba-intro{padding:10px 0 20px}
.ba-intro__name{font-size:28px;line-height:1.3}
.ba-intro__role{margin-top:-5px;font-size:16px;line-height:1.3}
.ba-intro__congrats{margin-top:20px;font-size:23px;line-height:1.3}
.ba-intro__next{font-size:23px;line-height:1.3}
.ba-intro__messenger{display:inline-block;margin-top:10px}
.ba-intro__messenger img{display:block;width:350px}
.ba-ticket{margin-top:15px;padding:20px 0 35px;background:#ebebeb}
.ba-ticket .wb-cols{align-items:start}
.ba-ticket__seat{font-size:23px;line-height:normal}
.ba-ticket__quote{margin-top:15px;font-size:32px;font-weight:700;line-height:1.3}
.ba-cal{margin-top:25px}
.ba-cal+.ba-cal{margin-top:30px}
.ba-cal .wb-btn{padding:15px 40px;border-radius:10px;font-family:var(--font-poppins);font-size:20px;font-weight:600}
.ba-ticket__starts{margin-top:5px;font-size:21px;font-weight:700;line-height:normal}
.ba-ticket .fm-cd{margin-top:10px}
.ba-ticket__details{margin-top:30px;font-size:16px;line-height:1.43}
.ba-ticket__details a{color:#2f2f2f}
.ba-ticket__note{margin-top:30px;font-size:15px;line-height:1.43}
.ba-media{padding:20px 0}
.ba-media img{display:block;width:100%}

@media (max-width:767px){
  .ra-mast__box{padding:5px 10px 10px}
  .ra-mast__kicker{font-size:22px}
  .ra-mast__title{font-size:30px}
  .ra-mast__sub{font-size:16px}
  .ra-pitch__l30{font-size:20px}
  .ra-pitch__l50{font-size:30px}
  .ra-pitch__os{font-size:22px}
  .ra-pitch__l72{font-size:40px}
  .ra-hero__dates{margin-top:20px;font-size:18px}
  .ra-hero__lead{font-size:17px}
  .ra-cdbar__inner{grid-template-columns:1fr;gap:0}
  .ra-cdbar__title{margin-top:5px;font-size:26px;text-align:center}
  .ra-cdbar .fm-cd{justify-content:center}
  .ra-boxed{font-size:24px}
  .ra-badge__top{font-size:32px}
  .wb-join__title{font-size:22px}
  .wb-join__lead{font-size:17px}
  .wb-learnlist{margin-top:45px}
  .ra-reserve .btn__sub{font-size:15px}
  .rb-top__title{font-size:24px}
  .rb-top__line{font-size:18px}
  .rb-top__plus{font-size:15px}
  .rb-hero__row{grid-template-columns:1fr}
  .rb-hero__arrow{display:none}
  .rb-hero__ba{margin-top:30px}
  .rb-hero .wb-card{padding:10px 20px 30px}
  .rb-hero__key{margin-top:15px;font-size:32px}
  .rb-hero__l60{font-size:36px}
  .rb-hero__l50{font-size:31px}
  .rb-hero__l40{font-size:26px}
  .rb-hero .wb-btn{padding:15px 20px}
  .rb-learn .wb-title{font-size:24px}
  .wb-topline{font-size:18px}
  .ba-intro__name{font-size:24px}
  .ba-intro__congrats,.ba-intro__next{font-size:18px}
  .ba-intro__messenger img{width:300px}
  .ba-ticket__quote{font-size:24px}
  .ba-cal .wb-btn{padding:15px 20px;font-size:18px}
}