/*
Theme Name: 10X Authority Marquee
Theme URI: https://10xauthority.com
Author: 10X Authority School
Description: Custom theme for 10X Authority School. Includes an animated homepage marquee, Courses and Testimonials post types, Customizer settings for contact details and marquee text, and a working contact form.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tenx
*/

:root{
  --dark:#083b3c;
  --dark-2:#0a4a47;
  --green:#22b573;
  --green-2:#3da57a;
  --lime:#b6f236;
  --bg:#eafff4;
  --white:#fff;
  --text:#0b3d3b;
  --muted:#5b7a76;
  --line:#d3f0e3;
  --red:#e53935;
  --radius:1.375rem;
  --container:73.75rem;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:110%}  /* 110% root = site looks like 110% browser zoom at 100% */
body{font-family:'Outfit',sans-serif;background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4,.display{font-family:'Bricolage Grotesque','Outfit',sans-serif;font-weight:700;line-height:1.1;letter-spacing:-.01em}
a{color:inherit;text-decoration:none}
ul{list-style:none}
img,svg{display:block;max-width:100%}
.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 1.5rem}
.eyebrow{font-size:0.859rem;letter-spacing:.22em;text-transform:uppercase;font-weight:600;color:var(--green);margin-bottom:0.75rem}
.eyebrow.lime{color:var(--lime)}

/* ===== Buttons ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:1.094rem;padding:0.75rem 1.5rem;border-radius:62.4375rem;border:0.125rem solid transparent;cursor:pointer;transition:.2s;white-space:nowrap}
.btn-green{background:var(--green);color:var(--dark)}
.btn-green:hover{background:#1da566;transform:translateY(-0.0625rem)}
.btn-lime{background:var(--lime);color:var(--dark)}
.btn-lime:hover{background:#a5e426}
.btn-outline{background:#fff;border-color:var(--dark);color:var(--dark)}
.btn-outline:hover{background:var(--dark);color:#fff}
.btn-outline-white{background:transparent;border-color:#fff;color:#fff}
.btn-outline-white:hover{background:#fff;color:var(--dark)}

/* ===== Logo ===== */
.logo{display:inline-flex;flex-direction:column;align-items:center;line-height:1;width:max-content}
.logo .l-10x{font-family:'Bricolage Grotesque';font-weight:800;font-size:1.875rem;letter-spacing:-0.0625rem;color:var(--lime);-webkit-text-stroke:0.0938rem var(--dark);text-shadow:0.125rem 0.125rem 0 var(--dark);background:linear-gradient(180deg,#e4ff7a,#2fd5a1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0.0938rem 0.0938rem 0 var(--dark))}
.logo .l-auth{font-family:'Bricolage Grotesque';font-weight:800;font-size:0.9375rem;letter-spacing:0.0312rem;color:#fff;background:var(--dark);border:0.125rem solid var(--lime);border-radius:0.375rem;padding:0.0625rem 0.375rem;margin-top:-0.1875rem;text-shadow:0 0 0 #fff}
.logo .l-school{font-size:0.4375rem;font-weight:700;letter-spacing:.3em;color:var(--dark);background:var(--lime);border:0.0938rem solid var(--dark);border-radius:62.4375rem;padding:0 0.5rem;margin-top:0.125rem}
.logo.big .l-10x{font-size:5.375rem;-webkit-text-stroke:0.1875rem var(--dark);filter:drop-shadow(0.1875rem 0.1875rem 0 var(--dark))}
.logo.big .l-auth{font-size:2.5rem;border-width:0.25rem;border-radius:0.75rem;padding:0.125rem 0.875rem;margin-top:-0.5rem;border-color:var(--lime)}
.logo.big .l-school{font-size:1.0625rem;padding:0.125rem 1.375rem;margin-top:0.375rem;border-width:0.1875rem}

/* ===== Header ===== */
.site-header{background:var(--bg);position:sticky;top:0;z-index:50;border-bottom:0.0625rem solid var(--line)}
.site-header .inner{display:flex;align-items:center;justify-content:space-between;height:4.375rem;gap:1.25rem}
.nav{display:flex;gap:1.875rem;font-size:1.094rem;font-weight:500}
.nav a{padding:0.25rem 0;border-bottom:0.125rem solid transparent;color:var(--text)}
.nav a:hover,.nav a.active,.nav .current-menu-item>a{color:var(--green);border-color:var(--green)}
.header-btn{padding:0.625rem 1.375rem;font-size:1.016rem}
.menu-toggle{display:none;background:none;border:0;width:2.25rem;height:2.25rem;cursor:pointer}
.menu-toggle span{display:block;height:0.125rem;background:var(--dark);margin:0.375rem 0.375rem;border-radius:0.125rem}

/* ===== Page hero (inner pages) ===== */
.page-hero{background:linear-gradient(120deg,#083b3c 0%,#0b5a49 55%,#3da57a 130%);color:#fff;position:relative;overflow:hidden;padding:2.75rem 0 2.875rem}
.page-hero::after{content:'';position:absolute;right:-7.5rem;top:-3.75rem;width:32.5rem;height:32.5rem;border-radius:50%;background:rgba(255,255,255,.07)}
.page-hero h1{font-size:2.97rem;margin-bottom:0.625rem;position:relative;z-index:1}
.crumbs{font-size:1.172rem;position:relative;z-index:1}
.page-hero p.sub{position:relative;z-index:1;font-size:1.172rem;margin-top:0.125rem}
.page-hero .hero-art{position:absolute;right:8%;top:50%;transform:translateY(-50%);z-index:1;width:18.125rem}

/* ===== HOME hero ===== */
.hero{padding:3.5rem 0 4rem}
.hero .grid{display:grid;grid-template-columns:1.15fr .85fr;gap:1.875rem;align-items:center}
.hero h1{font-size:4.05rem;color:var(--dark);line-height:1.02}
.hero h1 .g{color:var(--green)}
.hero p.lead{margin:1.375rem 0 1.625rem;font-size:1.15rem;color:var(--muted);max-width:32.5rem}
.hero .btns{display:flex;gap:0.75rem;flex-wrap:wrap}
.hero .batch{margin-top:1.25rem;font-size:0.859rem;font-weight:600;color:var(--dark);display:flex;align-items:center;gap:0.5rem}
.hero .batch i{width:0.375rem;height:0.375rem;background:var(--red);border-radius:50%;display:inline-block}
.chart{position:relative;height:18.75rem;display:flex;align-items:flex-end;justify-content:center;gap:0.625rem;padding-right:0.625rem}
.chart .big{position:absolute;right:1.25rem;top:0;font-family:'Bricolage Grotesque';font-weight:800;font-size:2.97rem;color:var(--dark);letter-spacing:-0.125rem}
.chart .bar{width:3.5rem;border-radius:0.375rem 0.375rem 0 0;color:#fff;font-size:0.812rem;font-weight:700;display:flex;align-items:flex-start;justify-content:center;padding-top:0.5rem;font-family:'Bricolage Grotesque'}
.bar.b1{height:2.75rem;background:#0a4a47}
.bar.b2{height:4.375rem;background:#0a5b48}
.bar.b3{height:6.625rem;background:#0e7a52}
.bar.b4{height:9.875rem;background:#22b573}
.bar.b5{height:13.875rem;background:var(--lime);color:var(--dark)}

/* marquee strip (animated; JS adds .is-animated and clones the group) */
.strip{background:var(--lime);transform:rotate(-1.4deg);margin:0 -1.875rem;padding:0.8125rem 0;overflow:hidden;position:relative;z-index:2;box-shadow:0 0.125rem 0 rgba(0,0,0,.04)}
.strip .track{display:flex;align-items:center;justify-content:center;white-space:nowrap;font-family:'Bricolage Grotesque';font-weight:700;font-size:1.094rem;color:var(--dark)}
.strip .marquee-group{display:flex;align-items:center;gap:2.5rem;padding-right:2.5rem;flex-shrink:0}
.strip .track b{width:0.4375rem;height:0.4375rem;border-radius:50%;background:var(--dark);display:inline-block;flex-shrink:0}
.strip .track:not(.is-animated) .marquee-group>b:last-child{display:none}
.strip .track.is-animated{justify-content:flex-start;width:max-content;animation:tenx-marquee var(--marquee-duration,30s) linear infinite;will-change:transform}
.strip:hover .track.is-animated{animation-play-state:paused}
@keyframes tenx-marquee{from{transform:translateX(0)}to{transform:translateX(calc(-1 * var(--marquee-shift,50%)))}}
@media (prefers-reduced-motion:reduce){.strip .track.is-animated{animation:none}}

/* ===== Why (dark) ===== */
.why{background:var(--dark);color:#fff;padding:4.875rem 0 4.375rem;margin-top:-1.375rem;position:relative}
.why h2{font-size:2.295rem;margin-bottom:0.875rem;max-width:21.25rem}
.why .intro{font-size:1.094rem;color:#b6d3cb;max-width:27.5rem;margin-bottom:2.875rem}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 2.875rem}
.why-item{border-top:0.0625rem solid rgba(255,255,255,.2);padding:1.5rem 0 2.125rem}
.why-item h4{font-size:1.172rem;color:var(--lime);margin-bottom:0.625rem;font-family:'Outfit';font-weight:600}
.why-item p{font-size:1.016rem;color:#b6d3cb;max-width:15rem}

/* ===== Courses ===== */
.courses-sec{padding:4.875rem 0 3.5rem}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1.25rem;margin-bottom:1.75rem}
.sec-head h2{font-size:2.295rem;color:var(--dark)}
.sec-head p{font-size:1.094rem;color:var(--muted);margin-top:0.5rem}
.tabs{display:flex;gap:0.375rem;background:#fff;border:0.0625rem solid var(--line);border-radius:62.4375rem;padding:0.375rem;margin-bottom:1.875rem;flex-wrap:wrap}
.tab{border:0;background:transparent;font-family:'Bricolage Grotesque';font-weight:700;font-size:1.016rem;color:var(--dark);padding:0.6875rem 1.5rem;border-radius:62.4375rem;cursor:pointer;transition:.2s}
.tab:hover{background:var(--bg)}
.tab.active{background:var(--dark);color:#fff}
.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.course{background:#fff;border-radius:1.25rem;overflow:hidden;border:0.0625rem solid var(--line);box-shadow:0 0.25rem 1.125rem rgba(8,59,60,.06);display:flex;flex-direction:column;transition:.25s}
.course:hover{transform:translateY(-0.25rem);box-shadow:0 0.75rem 1.75rem rgba(8,59,60,.12)}
.course.hide{display:none}
.course .art{aspect-ratio:1600/746;background:#0b5a49;position:relative;overflow:hidden}
.course .art img{width:100%;height:100%;object-fit:cover;display:block}
.course .body{padding:1.25rem 1.25rem 1.375rem;display:flex;flex-direction:column;flex:1}
.course h3{font-size:1.222rem;color:var(--dark);line-height:1.2;margin-bottom:0.625rem;min-height:2.5rem}
.course p{font-size:1.016rem;color:var(--muted);margin-bottom:auto;padding-bottom:1.375rem}
.meta{font-size:0.859rem;color:var(--muted);display:flex;gap:0.625rem;margin-bottom:0.5rem}
.price{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.75rem}
.price strong{font-family:'Bricolage Grotesque';font-size:1.581rem;color:var(--dark)}
.price s{font-size:0.859rem;color:#8aa;}
.price em{font-style:normal;background:var(--red);color:#fff;font-size:0.812rem;font-weight:700;padding:0.1875rem 0.5rem;border-radius:62.4375rem}
.course .btn{width:100%;border-radius:62.4375rem;padding:0.6875rem;font-size:1.016rem}

/* banner */
.banner{background:var(--dark);color:#fff;border-radius:0.875rem;padding:1.375rem 1.875rem;display:grid;grid-template-columns:1.1fr 1fr auto;gap:1.875rem;align-items:center;margin:2.875rem 0 0;position:relative;overflow:hidden}
.banner::before{content:'';position:absolute;left:-2.5rem;top:-2.5rem;width:11.25rem;height:11.25rem;border-radius:50%;background:rgba(34,181,115,.18)}
.banner .eyebrow{font-size:0.812rem;margin-bottom:0.375rem;position:relative}
.banner h3{font-size:1.581rem;position:relative}
.banner h3 span{color:var(--lime)}
.banner p{font-size:0.938rem;color:#b6d3cb;position:relative}

/* ===== Standard ===== */
.standard{padding:4rem 0 2.5rem}
.standard h2{font-size:2.16rem;color:var(--dark);margin-bottom:0.75rem}
.standard .intro{font-size:1.094rem;color:var(--muted);max-width:30rem;margin-bottom:2.125rem}
.std-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}
.std{background:#fff;border:0.0625rem solid var(--line);border-radius:1rem;padding:1.5rem 1.375rem 1.75rem;box-shadow:0 0.25rem 0.875rem rgba(8,59,60,.05)}
.std .n{font-family:'Bricolage Grotesque';font-size:1.89rem;font-weight:700;color:#cdeee0;margin-bottom:1.25rem}
.std h4{font-size:1.172rem;color:var(--dark);margin-bottom:0.5rem;font-family:'Outfit';font-weight:600}
.std p{font-size:0.977rem;color:var(--muted)}

/* ===== How it works ===== */
.how{padding:3.75rem 0 1.25rem}
.how h2,.who h2,.stories h2{font-size:2.025rem;color:var(--dark);margin-bottom:2.125rem}
.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:1.25rem;position:relative}
.steps::before{content:'';position:absolute;left:0.75rem;right:0.75rem;top:0.75rem;height:0.0625rem;background:#bfe6d4}
.step{position:relative}
.step .num{width:1.625rem;height:1.625rem;border-radius:50%;background:var(--green);color:#fff;font-weight:700;font-size:0.938rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;position:relative;z-index:1;box-shadow:0 0 0 0.375rem var(--bg)}
.step:last-child .num{background:var(--lime);color:var(--dark)}
.step h4{font-size:1.094rem;color:var(--dark);margin-bottom:0.375rem;font-family:'Outfit';font-weight:600}
.step p{font-size:0.977rem;color:var(--muted);max-width:10.625rem}

/* ===== Who ===== */
.who{padding:3.5rem 0 1.25rem}
.who h2{margin-bottom:0.5rem}
.who .sub{font-size:1.094rem;color:var(--muted);margin-bottom:1.375rem}
.pills{display:grid;grid-template-columns:repeat(3,1fr);gap:0.75rem}
.pill{background:#fff;border:0.0938rem solid var(--dark);border-radius:0.625rem;padding:0.8125rem;text-align:center;font-family:'Bricolage Grotesque';font-weight:700;font-size:1.094rem;color:var(--dark);transition:.2s}
.pill:hover{background:var(--dark);color:#fff}

/* ===== Testimonials ===== */
.stories{padding:3.75rem 0 1.875rem}
.t-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.tcard{background:#fff;border:0.0625rem solid var(--line);border-radius:1.625rem;padding:2.125rem;display:flex;flex-direction:column;min-height:29.375rem}
.tcard.dark{background:var(--dark);border-color:var(--dark);color:#fff}
.tcard .tag{display:inline-block;align-self:flex-start;background:var(--lime);color:var(--dark);font-family:'Bricolage Grotesque';font-weight:700;font-size:0.938rem;padding:0.5rem 1rem;border-radius:62.4375rem}
.tcard .q{font-family:'Bricolage Grotesque';font-size:6.075rem;line-height:.8;height:3rem;margin:1rem 0 0.25rem;color:var(--green);font-weight:800}
.tcard.dark .q{color:#2fd37f}
.tcard blockquote{font-family:'Bricolage Grotesque';font-weight:700;font-size:1.438rem;line-height:1.4;color:var(--dark);margin-bottom:auto;padding-bottom:1.875rem}
.tcard.dark blockquote{color:#fff}
.who-row{display:flex;align-items:center;gap:0.875rem}
.avatar{width:3.375rem;height:3.375rem;border-radius:50%;background:var(--green);color:var(--dark);display:flex;align-items:center;justify-content:center;font-family:'Bricolage Grotesque';font-weight:700;font-size:1.15rem;flex-shrink:0}
.tcard.dark .avatar{background:var(--lime)}
.who-row b{font-family:'Bricolage Grotesque';font-size:1.172rem;display:block;color:var(--dark)}
.tcard.dark .who-row b{color:#fff}
.who-row span{font-size:0.938rem;color:var(--muted)}
.tcard.dark .who-row span{color:#b6d3cb}

/* small cards variant (home) */
.stories.compact .tcard{min-height:0;padding:1.375rem 1.25rem;border-radius:1.125rem}
.stories.compact .tcard .tag{font-size:0.812rem;padding:0.3125rem 0.625rem}
.stories.compact .tcard .q{font-size:3.78rem;height:1.875rem;margin:0.625rem 0 0.125rem}
.stories.compact .tcard blockquote{font-size:1.094rem;padding-bottom:1.375rem}
.stories.compact .avatar{width:2.125rem;height:2.125rem;font-size:0.938rem}
.stories.compact .who-row b{font-size:0.938rem}
.stories.compact .who-row span{font-size:0.812rem}

/* ===== CTA ===== */
.cta{background:var(--dark);color:#fff;border-radius:1rem;padding:1.625rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:1.25rem;flex-wrap:wrap;margin:1.875rem 0 3.75rem}
.cta .eyebrow{font-size:0.812rem;margin-bottom:0.375rem}
.cta h3{font-size:1.62rem}
.cta p{font-size:0.938rem;color:#b6d3cb;margin-top:0.25rem}

/* ===== Footer ===== */
.site-footer{background:var(--dark);color:#fff;padding:2.5rem 0 1.375rem;margin-top:0}
.site-footer .top{display:flex;justify-content:space-between;align-items:flex-start;gap:1.25rem;padding-bottom:1.5rem;border-bottom:0.0625rem solid rgba(34,181,115,.45)}
.site-footer .tagline{font-size:1.016rem;margin-top:0.5rem}
.footer-nav{display:flex;gap:1.625rem;font-size:1.094rem;margin-top:1.25rem}
.footer-nav a:hover,.footer-nav a.active{color:var(--green)}
.yt{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--lime);border:0.1875rem solid #7ed82a;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0.875rem rgba(182,242,54,.45)}
.yt svg{width:1.25rem;height:1.25rem}
.copy{text-align:center;font-size:0.938rem;margin-top:1.25rem;color:#e5f5ee}

/* ===== ABOUT ===== */
.about-hero{background:linear-gradient(120deg,#083b3c 0%,#0b5a49 55%,#2f9e6d 130%);color:#fff;padding:2.25rem 0 2.5rem;position:relative;overflow:hidden}
.about-hero::before{content:'';position:absolute;right:-5rem;top:-6.25rem;width:22.5rem;height:22.5rem;border-radius:50%;background:rgba(80,180,110,.55)}
.about-hero::after{content:'';position:absolute;left:-3.75rem;bottom:-5rem;width:11.25rem;height:11.25rem;border-radius:50%;background:rgba(34,181,115,.35)}
.about-hero .grid{display:grid;grid-template-columns:1.1fr .9fr;gap:1.875rem;align-items:center;position:relative;z-index:1}
.about-hero .crumbs{font-size:0.859rem;margin-bottom:0.75rem}
.about-hero h1{font-size:2.97rem;margin-bottom:1rem}
.about-hero h1 span{color:var(--lime)}
.about-hero p{font-size:1.016rem;color:#d7efe6;max-width:26.25rem;margin-bottom:1.25rem}
.about-hero .btns{display:flex;gap:0.625rem}
.about-hero .btn{font-size:0.938rem;padding:0.5625rem 1.375rem}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0.875rem;margin-top:2.125rem;position:relative;z-index:1}
.stat{background:rgba(255,255,255,.12);border:0.0625rem solid rgba(255,255,255,.18);border-radius:0.875rem;padding:1.125rem 1.25rem}
.stat b{font-family:'Bricolage Grotesque';color:var(--lime);font-size:1.62rem;display:block;line-height:1.1}
.stat span{font-size:0.859rem;color:#d7efe6}
.float-card{position:relative;height:14.375rem}
.float-card .tilt{position:absolute;left:16%;top:1.25rem;width:16.25rem;height:10rem;border-radius:1.25rem;background:linear-gradient(135deg,#2fae7c,#0d6a4b);border:0.0625rem solid rgba(255,255,255,.35);transform:rotate(-6deg);box-shadow:0 1.25rem 2.5rem rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center}
.cap{width:4.75rem;height:4.75rem;border-radius:50%;border:0.125rem solid var(--lime);display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,#0a4a47,#073836);box-shadow:0 0 0 0.75rem rgba(182,242,54,.1),0 0 0 1.625rem rgba(182,242,54,.06)}
.cap svg{width:2.375rem;height:2.375rem}
.chip{position:absolute;background:var(--lime);color:var(--dark);font-size:0.812rem;font-weight:700;padding:0.375rem 0.75rem;border-radius:62.4375rem;display:flex;align-items:center;gap:0.375rem;box-shadow:0 0.375rem 0.875rem rgba(0,0,0,.2)}
.chip i{width:0.4375rem;height:0.4375rem;border-radius:50%;background:var(--green)}
.chip.c1{left:6%;top:0}.chip.c2{right:2%;top:1.25rem}.chip.c3{left:18%;bottom:0.75rem}
.mini-bars{position:absolute;right:0;bottom:0;display:flex;align-items:flex-end;gap:0}
.mini-bars i{display:block;width:2.125rem}
.mini-bars i:nth-child(1){height:1.875rem;background:#0a4a47}
.mini-bars i:nth-child(2){height:5rem;background:#1a9a62}
.mini-bars i:nth-child(3){height:7.5rem;background:#2bd07c}
.mini-bars i:nth-child(4){height:10rem;background:var(--lime)}

.story{padding:3.75rem 0 1.875rem}
.story .grid{display:grid;grid-template-columns:1fr 1fr;gap:2.125rem;align-items:center}
.story h2{font-size:2.025rem;color:var(--dark);margin-bottom:1.25rem;line-height:1.1}
.story p{font-size:0.977rem;color:var(--muted);margin-bottom:0.875rem;max-width:27.5rem}
.logo-panel{background:linear-gradient(135deg,#25b574,#0a4a47);border-radius:1.375rem;height:18.75rem;display:flex;align-items:center;justify-content:center;box-shadow:0 0.625rem 1.875rem rgba(8,59,60,.2)}
.mvp{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1.25rem 0 3.5rem}
.mvp .card{background:#fff;border:0.0625rem solid var(--line);border-radius:0.875rem;padding:1.125rem}
.ico{width:2.125rem;height:2.125rem;border-radius:50%;background:var(--lime);border:0.125rem solid #8de02b;display:flex;align-items:center;justify-content:center;margin-bottom:0.875rem}
.ico svg{width:1rem;height:1rem}
.mvp h4{font-size:1.016rem;color:var(--dark);margin-bottom:0.375rem;font-family:'Outfit';font-weight:600}
.mvp p{font-size:0.859rem;color:var(--muted)}

.team{padding:3.5rem 0 1.875rem}
.team h2{font-size:1.89rem;color:var(--dark);margin-bottom:0.5rem}
.team .sub{font-size:0.938rem;color:var(--muted);margin-bottom:1.375rem}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.125rem}
.member{background:#fff;border:0.0625rem solid var(--line);border-bottom:0.1875rem solid var(--green);border-radius:1rem;padding:1.25rem 1.25rem 1.375rem;text-align:center}
.member .ph{width:6.875rem;height:6.875rem;margin:0 auto 1rem;border-radius:50%;background:radial-gradient(circle,#0a4a47 60%,#08403f);border:0.125rem solid var(--lime);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 0.375rem #fff,0 0 0 0.4375rem var(--lime)}
.member .ph span{width:4.75rem;height:4.75rem;border-radius:50%;background:var(--lime);display:flex;align-items:center;justify-content:center;border:0.1875rem solid #0a4a47}
.member .ph svg{width:2.75rem;height:2.75rem}
.member h4{font-size:1.094rem;color:var(--dark);margin-bottom:0.25rem}
.member .role{font-size:0.859rem;font-weight:600;color:var(--green)}
.member hr{border:0;border-top:0.0625rem solid var(--line);width:1.875rem;margin:0.625rem auto}
.member small{font-size:0.812rem;color:#9ab}
.about-cta{background:var(--dark);color:#fff;border-radius:1rem;padding:1.875rem;text-align:center;margin:1.25rem 0 3.75rem}
.about-cta .eyebrow{font-size:0.812rem}
.about-cta h3{font-size:1.62rem;margin-bottom:0.625rem}
.about-cta p{font-size:0.938rem;color:#b6d3cb;max-width:18.75rem;margin:0 auto 1.125rem}
.about-cta .btns{display:flex;gap:0.625rem;justify-content:center}
.about-cta .btn{font-size:0.938rem;padding:0.5625rem 1.375rem}

/* ===== CONTACT ===== */
.contact{padding:2.375rem 0 3.5rem}
.contact .grid{display:grid;grid-template-columns:.8fr 1fr;gap:1.25rem;align-items:start}
.info{background:var(--dark);color:#fff;border-radius:1.625rem;padding:1.75rem 1.625rem}
.info h3{font-size:1.581rem;margin-bottom:0.5rem}
.info .lead{font-size:0.938rem;color:#b6d3cb;margin-bottom:1.375rem}
.row{display:flex;gap:0.875rem;margin-bottom:1.375rem}
.row .ci{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--lime);border:0.1875rem solid #8ee02c;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 0.75rem rgba(182,242,54,.55)}
.row .ci svg{width:1.125rem;height:1.125rem}
.row h5{color:var(--lime);font-family:'Bricolage Grotesque';font-size:1.094rem;margin-bottom:0.125rem}
.row p{font-size:0.938rem;line-height:1.7}
.row p b{font-weight:600}
.hours{display:grid;grid-template-columns:auto 1fr;gap:0 1rem;font-size:0.938rem;line-height:1.7}
.follow{border-top:0.0625rem solid rgba(255,255,255,.2);padding-top:1.125rem;margin-top:0.375rem}
.follow h5{color:var(--lime);font-family:'Bricolage Grotesque';font-size:1.016rem;margin-bottom:0.625rem}
.socials{display:flex;gap:0.625rem}
.socials a{width:2.5rem;height:2.5rem;border-radius:50%;background:var(--lime);border:0.1875rem solid #8ee02c;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0.75rem rgba(182,242,54,.55)}
.socials svg{width:1.125rem;height:1.125rem}
.consult{background:rgba(255,255,255,.1);border-radius:0.875rem;padding:1.125rem;margin-top:1.25rem}
.consult h5{color:var(--lime);font-family:'Bricolage Grotesque';font-size:1.15rem;margin-bottom:0.25rem}
.consult p{font-size:0.859rem;color:#d7efe6}

.form-card{background:#fff;border:0.0625rem solid var(--line);border-radius:1.625rem;padding:1.75rem}
.form-card h3{font-size:1.62rem;color:var(--dark);margin-bottom:0.375rem}
.form-card .lead{font-size:0.938rem;color:var(--muted);margin-bottom:1.125rem}
.frm{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem 1rem}
.frm .full{grid-column:1/-1}
.frm label{display:block;font-size:0.82rem;font-weight:700;color:var(--dark);margin-bottom:0.25rem;font-family:'Outfit'}
.frm input,.frm select,.frm textarea{width:100%;font-family:'Outfit';font-size:0.938rem;padding:0.625rem 0.75rem;border-radius:0.625rem;border:0.0625rem solid #b9ead3;background:var(--bg);color:var(--dark);outline:none;transition:.2s}
.frm input:focus,.frm select:focus,.frm textarea:focus{border-color:var(--green);box-shadow:0 0 0 0.1875rem rgba(34,181,115,.18)}
.frm textarea{height:3.875rem;resize:vertical}
.captcha{display:flex;align-items:center;gap:0.625rem;margin:0.375rem 0 0.875rem}
.captcha label{margin:0}
.captcha .q{background:var(--dark);color:var(--lime);font-family:'Bricolage Grotesque';font-weight:700;font-size:1.016rem;padding:0.6875rem 1rem;border-radius:0.75rem;min-width:5rem;text-align:center}
.captcha input{width:5.625rem}
.captcha button{background:#fff;border:0.0625rem solid var(--line);border-radius:0.5rem;font-size:0.859rem;font-weight:600;padding:0.5625rem 0.875rem;cursor:pointer;font-family:'Outfit';color:var(--dark)}
.form-card .send{width:100%;padding:0.8125rem;font-size:1.016rem}
.demo{background:linear-gradient(120deg,#0b5a49,#1b8a62);border-radius:1.625rem;color:#fff;text-align:center;padding:1.625rem 1.25rem;margin-top:1rem}
.demo .eyebrow{font-size:0.812rem;color:var(--lime)}
.demo h3{font-size:1.62rem;margin-bottom:0.5rem}
.demo p{font-size:0.859rem;margin-bottom:0.875rem}
.demo .btn{font-size:1.294rem;padding:0.875rem 2.375rem;gap:0.75rem}
.demo .btn svg{width:1.125rem;height:1.125rem}

/* ===== Responsive ===== */
@media (max-width:980px){
  html{font-size:100%}
  .nav{display:none}
  .menu-toggle{display:block}
  .nav.open{display:flex;flex-direction:column;position:absolute;top:4.375rem;left:0;right:0;background:var(--bg);padding:1rem 1.5rem;border-bottom:0.0625rem solid var(--line);gap:0.875rem}
  .header-btn{display:none}
  .hero .grid{grid-template-columns:1fr}
  .hero h1{font-size:2.97rem}
  .chart{height:16.25rem;justify-content:flex-start}
  .why-grid,.course-grid,.t-grid,.team-grid,.mvp{grid-template-columns:1fr 1fr}
  .std-grid{grid-template-columns:1fr 1fr}
  .steps{grid-template-columns:1fr 1fr 1fr}
  .steps::before{display:none}
  .banner{grid-template-columns:1fr}
  .about-hero .grid,.story .grid,.contact .grid{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr 1fr}
  .page-hero .hero-art{display:none}
  .pills{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .container{padding:0 1.125rem}
  .hero{padding:2.25rem 0 2.75rem}
  .hero h1{font-size:2.7rem}
  .why-grid,.course-grid,.t-grid,.team-grid,.mvp,.std-grid,.steps,.pills{grid-template-columns:1fr}
  .tabs{border-radius:1.25rem}
  .sec-head{flex-direction:column;align-items:flex-start}
  .strip .track{font-size:0.938rem}
  .strip .marquee-group{gap:1.5rem;padding-right:1.5rem}
  .strip .track:not(.is-animated){justify-content:flex-start;padding-left:1.25rem}
  .frm{grid-template-columns:1fr}
  .site-footer .top{flex-direction:column}
  .footer-nav{flex-wrap:wrap;gap:1rem}
  .tcard{min-height:0}
  .page-hero h1{font-size:2.295rem}
  .about-hero h1{font-size:2.295rem}
}

/* ===== WordPress additions ===== */
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}
.skip-link:focus{clip:auto;clip-path:none;height:auto;width:auto;margin:0;padding:0.625rem 1rem;background:var(--dark);color:#fff;z-index:100000;top:0.5rem;left:0.5rem}
.admin-bar .site-header{top:32px}
@media (max-width:782px){.admin-bar .site-header{top:46px}}
.custom-logo-link img{max-height:2.875rem;width:auto}
.empty-note{background:#fff;border:0.0625rem dashed var(--green);border-radius:0.875rem;padding:1.375rem;color:var(--muted);font-size:1.094rem;grid-column:1/-1}

/* generic content (page.php / index.php / single) */
.entry{padding:2.875rem 0 4.375rem}
.entry .container{max-width:51.25rem}
.entry h2{font-size:1.89rem;margin:1.75rem 0 0.75rem;color:var(--dark)}
.entry h3{font-size:1.581rem;margin:1.5rem 0 0.625rem;color:var(--dark)}
.entry p,.entry ul,.entry ol{margin-bottom:1rem;color:var(--text)}
.entry ul{list-style:disc;padding-left:1.375rem}
.entry ol{padding-left:1.375rem}
.entry a{color:var(--green);text-decoration:underline}
.entry img{border-radius:0.875rem;height:auto}
.post-list article{background:#fff;border:0.0625rem solid var(--line);border-radius:1rem;padding:1.375rem;margin-bottom:1.125rem}
.post-list h2{margin:0 0 0.5rem;font-size:1.581rem}

/* single course */
.course-single{padding:2.875rem 0 4.375rem}
.course-single .grid{display:grid;grid-template-columns:1.4fr .8fr;gap:1.875rem;align-items:start}
.course-single .art{border-radius:1.25rem;overflow:hidden;margin-bottom:1.5rem;aspect-ratio:1600/746;background:#0b5a49}
.course-single .art img{width:100%;height:100%;object-fit:cover}
.course-single .side{background:#fff;border:0.0625rem solid var(--line);border-radius:1.25rem;padding:1.5rem;box-shadow:0 0.25rem 1.125rem rgba(8,59,60,.06);position:sticky;top:6rem}
.course-single .side .meta{font-size:1.016rem;margin-bottom:0.75rem}
.course-single .side .btn{width:100%;margin-top:0.375rem}
@media (max-width:980px){.course-single .grid{grid-template-columns:1fr}.course-single .side{position:static}}

/* contact form notices + honeypot */
.form-note{border-radius:0.75rem;padding:0.75rem 1rem;font-size:1.016rem;margin-bottom:1rem;font-weight:500}
.form-note.ok{background:#e1f8ec;border:0.0625rem solid var(--green);color:var(--dark)}
.form-note.err{background:#fdeaea;border:0.0625rem solid var(--red);color:#8a1c1a}
.hp-field{position:absolute!important;left:-624.938rem!important;height:0;overflow:hidden}

/* ===== Neon image logo ===== */
.logo-img{display:inline-flex;align-items:center;line-height:0}
.logo-img img{height:3.625rem;width:auto;max-width:none}
.logo-img.big img{height:14.375rem}
.site-footer .logo-img img{height:4rem}
.site-header .inner{height:4.5rem}
@media (max-width:640px){.logo-img img{height:2.875rem}.logo-img.big img{height:9.375rem}}
