/* Maximo Elements brand theme
   Colors pulled from the logo: navy #082946, brand blue #00457E, orange #F4791D.
   Structure follows a credibility-first, document-logic layout.
*/

/* Fonts */
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/barlow-condensed-600.woff2') format('woff2');}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/barlow-condensed-700.woff2') format('woff2');}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/ibm-plex-sans-400.woff2') format('woff2');}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/ibm-plex-sans-500.woff2') format('woff2');}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/ibm-plex-sans-600.woff2') format('woff2');}

:root{
  --navy:#082946;
  --navy-floor:#05192e;
  --navy-surface:#0d2b47;
  --brand-blue:#00457e;
  --brand-blue-deep:#013a68;
  --orange:#f4791d;
  --orange-deep:#c8501e;
  --light:#edf0f2;
  --white:#ffffff;
  --ink:#082946;
  --ink-2:#3d4f63;
  --ink-3:#7a8a99;
  --d-text-1:#e8ecf0;
  --d-text-2:#9fb0c0;
  --d-text-3:#5e6f80;
  --border-light:#e2e6e9;
  --border-light-s:#c8cdd2;
  --border-dark:rgba(232,236,240,0.10);
  --radius:3px;
  --maxw:1200px;
  --t:0.2s ease;
}

/* Base */
body{font-family:'IBM Plex Sans',system-ui,sans-serif;color:var(--ink);margin:0;background:var(--white);-webkit-font-smoothing:antialiased;}
.mxe-home h1,.mxe-home h2,.mxe-home h3,.mxe-brand{font-family:'Barlow Condensed','IBM Plex Sans',sans-serif;}
.mxe-home h1,.mxe-home h2,.mxe-home h3{letter-spacing:-0.01em;line-height:1.05;margin:0 0 .5rem;font-weight:700;text-transform:uppercase;}
.mxe-home p{line-height:1.7;}
.mxe-wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
.mxe-home a{color:inherit;text-decoration:none;}

/* Buttons */
.mxe-btn{display:inline-block;font-family:'Barlow Condensed',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.04em;font-size:1rem;padding:.6rem 1.25rem;border-radius:var(--radius);border:2px solid transparent;transition:var(--t);cursor:pointer;line-height:1.2;}
.mxe-btn-lg{font-size:1.15rem;padding:.85rem 1.75rem;}
.mxe-btn-orange{background:var(--orange);color:#fff;border-color:var(--orange);}
.mxe-btn-orange:hover{background:var(--orange-deep);border-color:var(--orange-deep);}
.mxe-btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.4);}
.mxe-btn-outline:hover{border-color:#fff;}
.mxe-btn-ghost{background:transparent;color:var(--d-text-1);border-color:transparent;padding-left:.5rem;padding-right:.5rem;}
.mxe-btn-ghost:hover{color:#fff;}

/* Header (site-wide, keyed to the template-part element so it applies on every page) */
header.wp-block-template-part{background:var(--navy-floor);border-bottom:2px solid var(--orange);position:sticky;top:0;z-index:50;}
.mxe-header-inner{max-width:var(--maxw);margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:2rem;}
.mxe-brand img{height:40px;width:auto;display:block;}
.mxe-nav{display:flex;gap:1.5rem;margin-left:1rem;}
.mxe-nav a{color:var(--d-text-2);font-family:'Barlow Condensed',sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.03em;font-size:1.02rem;transition:var(--t);text-decoration:none;}
.mxe-nav a:hover{color:#fff;}
.mxe-header-actions{margin-left:auto;display:flex;align-items:center;gap:.5rem;}

/* Hero */
.mxe-hero{background:var(--navy);color:var(--d-text-1);}
.mxe-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;padding:96px 24px;}
.mxe-eyebrow{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.12em;font-weight:600;font-size:.95rem;color:var(--orange);margin:0 0 1rem;}
.mxe-eyebrow-dark{color:var(--orange-deep);}
.mxe-hero h1{font-size:3.6rem;color:#fff;}
.mxe-lead{font-size:1.2rem;color:var(--d-text-2);max-width:34ch;margin:1.25rem 0 2rem;}
.mxe-hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;}

/* Placeholder */
.mxe-placeholder{border:2px dashed var(--border-dark);border-radius:var(--radius);background:rgba(255,255,255,.03);color:var(--d-text-3);font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.06em;display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem;min-height:320px;font-size:.95rem;}
.mxe-light .mxe-placeholder{border-color:var(--border-light-s);background:#fff;color:var(--ink-3);}

/* Credential strip */
.mxe-authority{background:var(--navy-floor);color:var(--d-text-2);border-top:1px solid var(--border-dark);}
.mxe-cred-strip{max-width:var(--maxw);margin:0 auto;padding:34px 24px;display:flex;flex-wrap:wrap;gap:1rem 2.5rem;justify-content:center;}
.mxe-cred-strip span{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.06em;font-weight:600;font-size:1.05rem;color:var(--d-text-1);}
.mxe-cred-strip span+span{border-left:1px solid var(--border-dark);padding-left:2.5rem;}

/* Sections */
.mxe-section{padding:96px 0;}
.mxe-light{background:var(--light);color:var(--ink);}
.mxe-dark{background:var(--navy-floor);color:var(--d-text-1);}
.mxe-section h2{font-size:2.6rem;}
.mxe-dark h2{color:#fff;}
.mxe-section-lead{font-size:1.15rem;max-width:60ch;margin:.5rem 0 2.5rem;}
.mxe-light .mxe-section-lead{color:var(--ink-2);}
.mxe-dark .mxe-section-lead{color:var(--d-text-2);}

/* Track cards */
.mxe-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.mxe-card{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius);padding:28px 26px 24px;display:block;transition:var(--t);position:relative;overflow:hidden;}
.mxe-card-bar{position:absolute;top:0;left:0;right:0;height:3px;background:var(--orange);}
.mxe-card:hover{border-color:var(--border-light-s);transform:translateY(-2px);box-shadow:0 10px 30px rgba(8,41,70,.10);}
.mxe-card h3{font-size:1.5rem;color:var(--ink);margin-top:.4rem;}
.mxe-card p{color:var(--ink-2);font-size:1rem;margin:.4rem 0 1rem;}
.mxe-card-cta{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.05em;font-weight:600;color:var(--brand-blue);font-size:.95rem;}
.mxe-note{margin-top:2rem;color:var(--ink-3);font-size:1rem;}

/* Bio */
.mxe-bio-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:center;}
.mxe-bio-copy p{color:var(--d-text-2);font-size:1.12rem;margin:0 0 1.1rem;max-width:60ch;}
.mxe-bio-copy h2{color:#fff;}
.mxe-link-arrow{display:inline-block;margin-top:.5rem;font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.05em;font-weight:600;color:var(--orange);}
.mxe-link-arrow::after{content:" >";}

/* How it works */
.mxe-two{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.mxe-panel{background:#fff;border:1px solid var(--border-light);border-radius:var(--radius);padding:32px 30px;}
.mxe-panel h3{font-size:1.6rem;color:var(--ink);}
.mxe-panel p{color:var(--ink-2);font-size:1.08rem;margin:.5rem 0 0;}
.mxe-panel-accent{border-top:3px solid var(--orange);}

/* CTA band (one strategic blue section) */
.mxe-cta-band{background:var(--brand-blue-deep);color:#fff;}
.mxe-cta-inner{padding:72px 24px;text-align:center;}
.mxe-cta-band h2{font-size:2.4rem;color:#fff;margin-bottom:.5rem;}
.mxe-cta-band p{color:rgba(255,255,255,.85);font-size:1.15rem;margin:0 0 1.75rem;}

/* Footer (site-wide, keyed to the template-part element) */
footer.wp-block-template-part{background:var(--navy-floor);color:var(--d-text-2);border-top:1px solid var(--border-dark);}
.mxe-footer-inner{max-width:var(--maxw);margin:0 auto;padding:56px 24px;text-align:center;}
.mxe-footer-logo{height:44px;width:auto;margin:0 auto 1.25rem;display:block;}
.mxe-footer-cta{max-width:60ch;margin:0 auto 1rem;color:var(--d-text-2);font-size:1.05rem;line-height:1.7;}
.mxe-footer-cta a{color:var(--orange);}
.mxe-footer-meta{color:var(--d-text-3);font-size:.9rem;margin:0;}

/* Masteriyo accent aligned to brand blue */
.masteriyo-btn.masteriyo-btn-primary{background-color:var(--brand-blue)!important;border-color:var(--brand-blue)!important;}
.masteriyo-btn.masteriyo-btn-primary:hover{background-color:var(--brand-blue-deep)!important;border-color:var(--brand-blue-deep)!important;}
.masteriyo-courses-view-mode-item.active{background-color:var(--brand-blue)!important;border-color:var(--brand-blue)!important;}
.masteriyo-courses-page{padding-top:2.5rem;padding-bottom:3.5rem;}

/* Responsive */
@media(max-width:900px){
  .mxe-hero-grid,.mxe-bio-grid{grid-template-columns:1fr;gap:32px;}
  .mxe-hero h1{font-size:2.6rem;}
  .mxe-section h2{font-size:2.1rem;}
  .mxe-cards{grid-template-columns:1fr 1fr;}
  .mxe-two{grid-template-columns:1fr;}
  .mxe-nav{display:none;}
  .mxe-hero-grid{padding:64px 24px;}
  .mxe-section{padding:64px 0;}
  .mxe-cred-strip span+span{border-left:none;padding-left:0;}
}
@media(max-width:560px){
  .mxe-cards{grid-template-columns:1fr;}
  .mxe-header-actions .mxe-btn-ghost{display:none;}
}