:root{
  --ont-black:#0B0B0B;
  --ont-gold:#D4AF37;
  --ont-gold-dark:#B8860B;
  --ont-brown:#3E2F1C;
  --ont-brown-2:#241A10;
  --ont-beige:#C9B79A;
  --ont-cream:#F6F1E7;
  --ont-cream-2:#EFE5D5;
  --ont-white:#FFFFFF;
  --ont-text:#241D16;
  --ont-muted:#6E6255;
  --ont-border:rgba(62,47,28,.18);
  --radius:22px;
  --shadow:0 20px 60px rgba(23,15,8,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Montserrat',Arial,sans-serif;color:var(--ont-text);background:var(--ont-cream);line-height:1.65}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.container{width:min(1180px,calc(100% - 36px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(30,20,12,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(212,175,55,.22)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:90px}
.brand{display:flex;align-items:center;gap:14px;font-family:'Manrope','Montserrat',sans-serif;font-weight:700;letter-spacing:.015em;color:#fff}
.brand img{width:62px;height:62px;object-fit:contain}
.brand span{max-width:245px;line-height:1.2;font-size:.92rem}
.nav{display:flex;align-items:center;gap:20px;font-family:'Manrope','Montserrat',sans-serif;font-size:.82rem;font-weight:700;letter-spacing:.02em;color:#f2eadf}
.nav a{position:relative;padding:10px 0;white-space:nowrap}
.nav a:after{content:'';position:absolute;left:0;bottom:2px;width:0;height:1px;background:var(--ont-gold);transition:.25s}
.nav a:hover:after{width:100%}
.menu-toggle{display:none;border:0;background:transparent;color:#fff;font-size:1.6rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 21px;border-radius:999px;font-family:'Manrope','Montserrat',sans-serif;font-size:.9rem;font-weight:800;border:1px solid transparent;transition:.25s;cursor:pointer}
.btn-primary{background:linear-gradient(135deg,#e4c254,var(--ont-gold-dark));color:var(--ont-black);box-shadow:0 8px 24px rgba(212,175,55,.18)}
.btn-primary:hover{transform:translateY(-1px);filter:brightness(1.04)}
.btn-dark{background:var(--ont-black);color:#fff}
.btn-outline{border-color:rgba(184,134,11,.75);color:var(--ont-brown);background:rgba(255,255,255,.22)}
.section-dark .btn-outline{color:#fff;border-color:rgba(212,175,55,.7);background:rgba(255,255,255,.03)}
.eyebrow{text-transform:uppercase;letter-spacing:.22em;font-family:'Manrope','Montserrat',sans-serif;font-size:.72rem;font-weight:800;color:var(--ont-gold-dark)}
h1,h2,h3,h4{font-family:'Playfair Display',Georgia,serif;line-height:1.08;margin:0 0 14px;color:var(--ont-brown)}
h1{font-size:clamp(2.85rem,5.2vw,5.6rem)}
h2{font-size:clamp(2.05rem,3.7vw,3.7rem)}
h3{font-size:1.5rem}
p{margin:0 0 16px}
.hero{position:relative;overflow:hidden;background:
  radial-gradient(circle at 80% 14%,rgba(212,175,55,.25),transparent 26%),
  linear-gradient(115deg,#130e09 0%,#2b1e12 52%,#4a341f 100%);color:#f7f0e6}
.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 58%,rgba(255,255,255,.025) 58% 59%,transparent 59% 100%);background-size:34px 34px;opacity:.35}
.hero:after{content:'';position:absolute;width:650px;height:650px;border:1px solid rgba(212,175,55,.18);border-radius:50%;right:-220px;top:-250px;box-shadow:0 0 0 75px rgba(212,175,55,.035),0 0 0 150px rgba(212,175,55,.02)}
.hero-grid{min-height:720px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:74px;padding:78px 0}
.hero-copy{position:relative;z-index:2}
.hero h1{color:#fff;max-width:760px;text-wrap:balance}
.hero-copy p{font-size:1.1rem;max-width:710px;color:#ddd1c2}
.hero .eyebrow{color:#e8c65b}
.hero .btn-outline{color:#fff;border-color:rgba(212,175,55,.7);background:rgba(255,255,255,.03)}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.hero-seal{display:flex;justify-content:center;position:relative;z-index:2}
.hero-seal:before{content:'';position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.17),transparent 70%);filter:blur(8px)}
.hero-seal img{width:min(390px,85%);position:relative;filter:drop-shadow(0 30px 60px rgba(0,0,0,.4))}
.section{padding:96px 0;background:var(--ont-cream)}
.section:nth-of-type(odd){background:#fbf7ef}
.section-soft{background:linear-gradient(135deg,#efe3d1 0%,#f7f0e5 100%)!important}
.section-brown{background:linear-gradient(135deg,var(--ont-brown-2),var(--ont-brown));color:#eee}
.section-brown h2,.section-brown h3{color:#fff}
.section-dark{background:
  radial-gradient(circle at 12% 15%,rgba(212,175,55,.13),transparent 25%),
  linear-gradient(135deg,#0f0c09,#2d2116 75%,#3d2d1e);color:#f3ede4}
.section-dark h2,.section-dark h3{color:#fff}
.section-dark .eyebrow{color:#e7c85b}
.section-dark .section-head p{color:#d0c5b8}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:42px;margin-bottom:44px}
.section-head p{max-width:630px;color:var(--ont-muted)}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{background:rgba(255,255,255,.88);border:1px solid var(--ont-border);border-radius:var(--radius);padding:28px;box-shadow:0 10px 34px rgba(35,24,13,.05);transition:.28s}
.card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}
.pillar-card{position:relative;overflow:hidden;border-top:2px solid rgba(212,175,55,.55)}
.pillar-card:before{content:'';position:absolute;width:95px;height:95px;right:-30px;top:-32px;border:1px solid rgba(212,175,55,.22);border-radius:50%}
.pillar-index{font-size:.73rem;letter-spacing:.18em;font-weight:800;color:var(--ont-gold-dark);margin-bottom:24px}
.pillar-card h3{font-size:1.38rem}
.membership-panel{display:grid;grid-template-columns:1fr .82fr;gap:28px;align-items:stretch}
.membership-main{position:relative;overflow:hidden;background:linear-gradient(145deg,#2b1e14,var(--ont-brown));color:#fff;border-radius:30px;padding:52px;border:1px solid rgba(212,175,55,.2);box-shadow:0 24px 70px rgba(62,47,28,.18)}
.membership-main:after{content:'';position:absolute;width:280px;height:280px;border-radius:50%;right:-115px;bottom:-120px;border:1px solid rgba(212,175,55,.28);box-shadow:0 0 0 50px rgba(212,175,55,.035)}
.membership-main>*{position:relative;z-index:1}
.membership-main h2{color:#fff}
.membership-main .price{font-family:'Playfair Display',Georgia,serif;font-size:4rem;color:var(--ont-gold);line-height:1;margin:24px 0 6px}
.membership-main .price small{font-family:'Montserrat';font-size:.9rem;color:#e8dfd3}
.check-list{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px;margin:26px 0 34px;padding:0;list-style:none}
.check-list li:before{content:'—';color:var(--ont-gold);margin-right:10px}
.directory-card{background:rgba(255,255,255,.82);border-radius:30px;padding:40px;border:1px solid rgba(62,47,28,.16);display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 20px 56px rgba(62,47,28,.08)}
.event-card,.course-card{padding:0;overflow:hidden}
.card-band{height:7px;background:linear-gradient(90deg,var(--ont-gold-dark),#e3c155,var(--ont-gold-dark))}
.card-body{padding:30px}
.meta{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:16px;color:#71695e;font-size:.84rem;font-weight:700}
.tag{display:inline-flex;padding:7px 10px;border-radius:999px;background:var(--ont-cream);font-size:.78rem;font-weight:700;color:var(--ont-brown)}
.section-dark .course-card{background:linear-gradient(155deg,#f9f2e7,#e9dcc9);border-color:rgba(212,175,55,.28);box-shadow:0 18px 50px rgba(0,0,0,.18)}
.section-dark .course-card h3{color:var(--ont-brown)}
.section-dark .course-card p{color:#4e4338;opacity:1}
.section-dark .course-card .meta{color:#6c5a49}
.section-dark .course-card .btn-outline{color:var(--ont-brown);border-color:var(--ont-gold-dark);background:transparent}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.person-card{overflow:hidden;padding:0;background:#fff}
.person-photo{aspect-ratio:1/1.12;background:#e9ddce;overflow:hidden}
.person-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.02)}
.person-info{padding:22px 23px 25px}
.person-info h3{font-size:1.28rem;margin-bottom:6px}
.person-role{font-size:.78rem;color:var(--ont-gold-dark);font-weight:800;text-transform:uppercase;letter-spacing:.09em}
.blog-card{background:#fffdfa}
.blog-card h3{font-size:1.35rem}
.blog-card .read{font-weight:800;color:var(--ont-gold-dark);font-size:.88rem}
.cta-strip{position:relative;overflow:hidden;background:linear-gradient(110deg,#17110b,var(--ont-brown));border-radius:34px;padding:54px;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:38px;border:1px solid rgba(212,175,55,.18)}
.cta-strip:before{content:'';position:absolute;right:-80px;top:-110px;width:320px;height:320px;border-radius:50%;border:1px solid rgba(212,175,55,.2)}
.cta-strip>*{position:relative;z-index:1}
.cta-strip h2{color:#fff;margin-bottom:8px}
.site-footer{background:#0b0907;color:#cfc5b9;padding:70px 0 28px;border-top:1px solid rgba(212,175,55,.16)}
.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:46px}
.footer-logo{width:96px;margin-bottom:18px}
.footer-title{color:#fff;font-weight:800;margin-bottom:14px}
.footer-links{display:grid;gap:9px;font-size:.9rem}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:22px;margin-top:48px;font-size:.8rem;display:flex;justify-content:space-between;gap:18px}
.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:90;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#25D366;color:#fff;box-shadow:0 12px 34px rgba(0,0,0,.28);transition:.2s;border:3px solid rgba(255,255,255,.92)}
.whatsapp-float:hover{transform:translateY(-2px) scale(1.03)}
.whatsapp-float svg{width:28px;height:28px;fill:currentColor}
.page-hero{padding:86px 0 64px;background:linear-gradient(135deg,#efe4d4,#fbf7ef)}
.content-wrap{padding:64px 0 90px}
.member-directory{margin-top:25px}
.member-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:26px}
.member-card{display:grid;grid-template-columns:90px 1fr;gap:18px;align-items:center;background:#fff;border:1px solid var(--ont-border);border-radius:18px;padding:16px}
.member-card img,.member-card .avatar-placeholder{width:90px;height:90px;border-radius:14px;object-fit:cover;background:var(--ont-cream)}
.status-active{color:#2f6c45;font-weight:800}.status-inactive{color:#9a5144;font-weight:800}
.notice{background:#fff7dc;border:1px solid #ead38a;border-radius:14px;padding:16px 18px;color:#6a5520}
@media(max-width:980px){
 .nav{display:none!important;position:absolute;left:18px;right:18px;top:82px;background:#21170f;padding:20px;border-radius:18px;box-shadow:var(--shadow);flex-direction:column;align-items:flex-start}
 .nav.open{display:flex!important}.menu-toggle{display:block}.header-cta{display:none}
 .hero-grid{grid-template-columns:1fr;min-height:auto;padding:72px 0}.hero-seal{order:-1}.hero-seal img{width:260px}
 .grid-4{grid-template-columns:1fr 1fr}.grid-3,.member-grid{grid-template-columns:1fr 1fr}.membership-panel{grid-template-columns:1fr}.team-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.section-head{align-items:start;flex-direction:column}.cta-strip{flex-direction:column;align-items:flex-start}
}
@media(max-width:620px){
 .container{width:min(100% - 26px,1180px)}.section{padding:68px 0}.grid-4,.grid-3,.member-grid,.team-grid,.footer-grid{grid-template-columns:1fr}.check-list{grid-template-columns:1fr}.membership-main{padding:36px 26px}.directory-card{padding:30px 24px}.brand span{display:none}.hero-copy p{font-size:1rem}.hero-grid{gap:34px}.section-head{margin-bottom:28px}.footer-bottom{flex-direction:column}.member-card{grid-template-columns:72px 1fr}.member-card img,.member-card .avatar-placeholder{width:72px;height:72px}.whatsapp-float{right:16px;bottom:16px;width:54px;height:54px}
}


/* Membership modalities — v3 */
.membership-intro{max-width:820px;margin:0 0 34px}
.membership-options{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:12px 0 72px}
.membership-option{position:relative;overflow:hidden;border-radius:28px;padding:38px;border:1px solid rgba(184,134,11,.28);box-shadow:0 18px 55px rgba(41,27,15,.10)}
.membership-option:after{content:'';position:absolute;width:230px;height:230px;border-radius:50%;right:-110px;bottom:-120px;border:1px solid rgba(212,175,55,.22);box-shadow:0 0 0 42px rgba(212,175,55,.035)}
.membership-option>*{position:relative;z-index:1}
.membership-professional{background:linear-gradient(145deg,#f8efdf,#eadbc6);color:var(--ont-brown)}
.membership-educator{background:linear-gradient(145deg,#24160e,#4a2d1c);color:#f5eadc;border-color:rgba(212,175,55,.48)}
.membership-option h3{font-size:2rem;margin-top:6px}
.membership-educator h3{color:#e6c35b}
.membership-kicker{text-transform:uppercase;letter-spacing:.16em;font-weight:800;font-size:.70rem;color:var(--ont-gold-dark)}
.membership-educator .membership-kicker{color:#e5c15b}
.membership-for{min-height:74px;max-width:560px}
.membership-option ul{padding:0;margin:22px 0 26px;list-style:none;display:grid;gap:10px}
.membership-option li{padding-left:20px;position:relative}
.membership-option li:before{content:'•';position:absolute;left:0;color:var(--ont-gold-dark);font-weight:900}
.membership-educator li:before{color:#e4bf4e}
.membership-note{font-size:.80rem;font-style:italic;opacity:.84;margin-top:-10px}
.membership-price{font-family:'Playfair Display',Georgia,serif;font-size:2.45rem;font-weight:700;color:var(--ont-brown);margin:26px 0 20px}
.membership-price small{font-family:'Montserrat',sans-serif;font-size:.82rem;font-weight:600}
.membership-educator .membership-price{color:#e4bd4d}
.membership-educator .btn-primary{background:linear-gradient(135deg,#e6c253,#b8860b)}
.membership-options-compact{margin-bottom:28px}
.membership-options-compact .membership-option{padding:32px}
.directory-card-wide{margin-top:24px;min-height:220px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px}
.directory-section{padding-top:12px;border-top:1px solid var(--ont-border)}
.benefit-grid .card{border-top:2px solid rgba(212,175,55,.55)}
@media(max-width:820px){.membership-options{grid-template-columns:1fr}.membership-for{min-height:0}.directory-card-wide{grid-template-columns:1fr}}
@media(max-width:620px){.membership-option{padding:30px 24px}.membership-option h3{font-size:1.75rem}.membership-price{font-size:2.1rem}}
/* ONT v4 readability */
.section-dark .course-card p,.section-dark .course-card .card-body p{color:#3E2F1C!important;opacity:1!important}
.section-dark .course-card .meta{color:#5B4938!important}