/*
Theme Name: Kynda Kids
Theme URI: https://kyndakids.org
Author: Kynda Kids CIC
Author URI: https://kyndakids.org
Description: Custom theme for Kynda Kids CIC — Creative, Educational and Culturally Affirming Sessions for Black and Asian home-educating families.
Version: 1.0.0
License: Private
Text Domain: kyndakids
Tags: custom, community, education
*/

/*
 * Kynda Kids CIC — Main Stylesheet
 * Generated from design files
 */



/* ── TOKENS ─────────────────────────────── */
:root {
  --blue:        #29ABE2;
  --yellow:      #F5BD26;
  --pink:        #EC008C;
  --black:       #0A0A0A;
  --white:       #FFFFFF;
  --grey:        #F7F7F7;
  --grey-mid:    #EFEFEF;
  --text:        #1A1A1A;
  --muted:       #666;
  --r:           14px;
  --shadow:      0 4px 28px rgba(0,0,0,0.09);
  --shadow-lg:   0 12px 48px rgba(0,0,0,0.14);
}

*,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; }
body { font-family:'Nunito',sans-serif; color:var(--text); background:var(--white); overflow-x:hidden; }
img { max-width:100%; display:block; }
a { text-decoration:none; color:inherit; }

/* ── UTILITIES ───────────────────────────── */
.container { max-width:1160px; margin:0 auto; padding:0 28px; }

.btn {
  display:inline-flex; align-items:center; gap:8px;
  padding:13px 28px; border-radius:50px;
  font-family:'Poppins',sans-serif; font-weight:700; font-size:0.93rem;
  cursor:pointer; transition:transform 0.18s, box-shadow 0.18s; border:none;
  white-space:nowrap;
}
.btn:hover { transform:translateY(-2px); box-shadow:var(--shadow-lg); }
.btn-yellow  { background:var(--yellow);  color:var(--black); }
.btn-blue    { background:var(--blue);    color:var(--white); }
.btn-pink    { background:var(--pink);    color:var(--white); }
.btn-ghost   { background:transparent; border:2.5px solid rgba(255,255,255,0.6); color:var(--white); }
.btn-dark    { background:var(--black);   color:var(--white); }
.btn-sm      { padding:9px 20px; font-size:0.83rem; }

.tag {
  display:inline-block; padding:4px 14px; border-radius:50px;
  font-family:'Poppins',sans-serif; font-size:0.72rem; font-weight:700;
  letter-spacing:0.1em; text-transform:uppercase;
}
.tag-blue   { background:rgba(41,171,226,0.12);  color:var(--blue); }
.tag-pink   { background:rgba(236,0,140,0.12);   color:var(--pink); }
.tag-yellow { background:rgba(245,189,38,0.18);  color:#9a6f00; }

.section-eyebrow {
  font-family:'Poppins',sans-serif; font-size:0.72rem; font-weight:700;
  letter-spacing:0.16em; text-transform:uppercase; color:var(--pink);
  margin-bottom:10px; display:block;
}
.section-title {
  font-family:'Poppins',sans-serif; font-weight:900;
  font-size:clamp(1.75rem,3.5vw,2.6rem); line-height:1.15; color:var(--black);
}
.section-title.white { color:var(--white); }

/* ── GEOMETRIC SHAPES ────────────────────── */
.geo { position:absolute; pointer-events:none; }
.geo-circle   { border-radius:50%; }
.geo-sq       { border-radius:6px; }

/* ── ANIMATIONS ──────────────────────────── */
@keyframes float {
  0%,100% { transform:translateY(0) rotate(0deg); }
  50%      { transform:translateY(-12px) rotate(4deg); }
}
@keyframes floatB {
  0%,100% { transform:translateY(0) rotate(0deg); }
  50%      { transform:translateY(-8px) rotate(-5deg); }
}
.fade-up { opacity:0; transform:translateY(30px); transition:opacity 0.65s ease,transform 0.65s ease; }
.fade-up.visible { opacity:1; transform:translateY(0); }


/* ═══════════════════════════════════════════
   NAV
════════════════════════════════════════════ */
nav {
  background:var(--black); position:sticky; top:0; z-index:200;
  border-bottom:1px solid rgba(255,255,255,0.06);
}
.nav-inner {
  max-width:1160px; margin:0 auto; padding:0 28px;
  display:flex; align-items:center; justify-content:space-between; height:68px;
}
.nav-logo img { height:40px; width:auto; }
.nav-links { display:flex; align-items:center; gap:28px; list-style:none; }
.nav-links a {
  color:rgba(255,255,255,0.82); font-weight:600; font-size:0.9rem;
  transition:color 0.15s; padding-bottom:3px;
}
.nav-links a:hover { color:var(--white); }
.nav-links a.active { color:var(--yellow); border-bottom:2px solid var(--yellow); }
.hamburger { display:none; flex-direction:column; gap:5px; cursor:pointer; }
.hamburger span { width:24px; height:2.5px; background:var(--white); border-radius:2px; }


/* ═══════════════════════════════════════════
   HERO
════════════════════════════════════════════ */
.hero {
  background:var(--black); padding:80px 28px 88px;
  position:relative; overflow:hidden; min-height:92vh;
  display:flex; align-items:center;
}

/* geometric bg shapes */
.hero .geo-1 {
  width:420px; height:420px; top:-120px; right:-80px;
  background:radial-gradient(circle,rgba(41,171,226,0.14),transparent 70%);
}
.hero .geo-2 {
  width:320px; height:320px; bottom:-80px; left:-60px;
  background:radial-gradient(circle,rgba(236,0,140,0.12),transparent 70%);
}
.hero .geo-3 {
  width:60px; height:60px; top:18%; left:52%;
  background:var(--yellow); opacity:0.18; border-radius:12px;
  animation:float 4s ease-in-out infinite;
}
.hero .geo-4 {
  width:36px; height:36px; top:55%; right:18%;
  background:var(--blue); opacity:0.22; border-radius:50%;
  animation:floatB 3.5s ease-in-out infinite 0.6s;
}
.hero .geo-5 {
  width:22px; height:22px; bottom:22%; left:48%;
  background:var(--pink); opacity:0.3; border-radius:50%;
  animation:float 5s ease-in-out infinite 1.2s;
}
.hero .geo-6 {
  width:14px; height:14px; top:28%; right:32%;
  background:var(--yellow); opacity:0.5; border-radius:50%;
  animation:floatB 3.8s ease-in-out infinite 0.3s;
}

.hero-inner {
  max-width:1160px; margin:0 auto; width:100%;
  display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center;
  position:relative; z-index:1;
}

.hero-kicker {
  display:inline-flex; align-items:center; gap:8px;
  background:rgba(245,189,38,0.1); border:1px solid rgba(245,189,38,0.3);
  color:var(--yellow); font-family:'Poppins',sans-serif;
  font-size:0.74rem; font-weight:700; letter-spacing:0.1em; text-transform:uppercase;
  padding:6px 16px; border-radius:50px; margin-bottom:22px;
}
.hero-kicker::before { content:''; width:6px; height:6px; border-radius:50%; background:var(--yellow); }

.hero h1 {
  font-family:'Poppins',sans-serif; font-weight:900;
  font-size:clamp(2.1rem,4.8vw,3.4rem); line-height:1.08;
  color:var(--white); margin-bottom:22px;
}
.hero h1 .c-blue   { color:var(--blue); }
.hero h1 .c-yellow { color:var(--yellow); }
.hero h1 .c-pink   { color:var(--pink); }

.hero-sub {
  color:rgba(255,255,255,0.68); font-size:1.05rem; line-height:1.72;
  margin-bottom:36px; max-width:460px;
}
.hero-btns { display:flex; gap:14px; flex-wrap:wrap; margin-bottom:40px; }

.hero-trust {
  display:flex; align-items:center; gap:10px;
  color:rgba(255,255,255,0.45); font-size:0.78rem; font-weight:600;
}
.hero-trust-dots { display:flex; gap:-4px; }
.hero-trust-dot {
  width:28px; height:28px; border-radius:50%; border:2px solid var(--black);
  object-fit:cover; margin-left:-6px;
}
.hero-trust-dot:first-child { margin-left:0; }

/* right side image collage */
.hero-visual { position:relative; }
.hero-img-main {
  width:100%; height:440px; object-fit:cover;
  border-radius:24px; display:block;
}
.hero-img-thumb {
  position:absolute; bottom:20px; left:-24px;
  width:130px; height:100px; object-fit:cover;
  border-radius:16px; border:4px solid var(--black);
  box-shadow:var(--shadow-lg);
}
.hero-badge {
  position:absolute; top:20px; right:20px;
  background:var(--yellow); color:var(--black);
  font-family:'Poppins',sans-serif; font-weight:800; font-size:0.8rem;
  padding:9px 16px; border-radius:50px;
  display:flex; align-items:center; gap:6px;
  box-shadow:0 4px 20px rgba(245,189,38,0.4);
}
.hero-stat-pill {
  position:absolute; bottom:-18px; right:20px;
  background:var(--white); border-radius:50px;
  display:flex; align-items:center; gap:12px;
  padding:12px 18px; box-shadow:var(--shadow-lg);
}
.hero-stat-pill .stat-n {
  font-family:'Poppins',sans-serif; font-weight:900; font-size:1.3rem;
  color:var(--blue);
}
.hero-stat-pill .stat-l { font-size:0.75rem; font-weight:700; color:var(--muted); }


/* ═══════════════════════════════════════════
   SESSIONS
════════════════════════════════════════════ */
.sessions { padding:96px 28px; background:var(--white); position:relative; overflow:hidden; }
.sessions .geo-7 {
  width:200px; height:200px; top:-60px; right:5%;
  background:var(--yellow); opacity:0.06; border-radius:50%;
}
.sessions .geo-8 {
  width:80px; height:80px; bottom:60px; left:3%;
  background:var(--pink); opacity:0.08; border-radius:12px;
  transform:rotate(22deg);
}

.sessions-header { text-align:center; margin-bottom:56px; }
.sessions-header p.section-eyebrow { justify-content:center; }
.sessions-header .section-title { margin-bottom:12px; }
.sessions-header .sub { color:var(--muted); font-size:1rem; max-width:480px; margin:0 auto; }

.sessions-grid {
  max-width:1160px; margin:0 auto;
  display:grid; grid-template-columns:repeat(3,1fr); gap:26px;
  position:relative; z-index:1;
}

.scard {
  border-radius:20px; overflow:hidden; box-shadow:var(--shadow);
  transition:transform 0.22s,box-shadow 0.22s;
  display:flex; flex-direction:column; background:var(--white);
  border:1.5px solid var(--grey-mid);
}
.scard:hover { transform:translateY(-7px); box-shadow:var(--shadow-lg); }

.scard-bar {
  padding:16px 22px; display:flex; align-items:center; gap:10px; color:var(--white);
}
.scard-bar.blue  { background:var(--blue); }
.scard-bar.pink  { background:var(--pink); }
.scard-bar.yellow{ background:var(--yellow); color:var(--black); }
.scard-bar .icon { font-size:1.25rem; }
.scard-bar h3 { font-family:'Poppins',sans-serif; font-weight:800; font-size:1rem; }

.scard-img { width:100%; height:190px; object-fit:cover; }

.scard-body { padding:24px; flex:1; display:flex; flex-direction:column; }
.scard-body .desc { font-size:0.88rem; color:var(--muted); margin-bottom:16px; line-height:1.6; }

.scard-list { list-style:none; margin-bottom:24px; flex:1; display:flex; flex-direction:column; gap:8px; }
.scard-list li {
  font-size:0.87rem; display:flex; align-items:center; gap:9px; color:var(--text);
}
.scard-list li .tick {
  width:19px; height:19px; border-radius:50%; flex-shrink:0;
  display:flex; align-items:center; justify-content:center;
  font-size:0.6rem; font-weight:900; color:var(--white);
}
.scard-list.t-blue  li .tick { background:var(--blue); }
.scard-list.t-pink  li .tick { background:var(--pink); }
.scard-list.t-yellow li .tick { background:var(--black); }

.scard-body .btn { align-self:flex-start; }


/* ═══════════════════════════════════════════
   WHAT WE DO
════════════════════════════════════════════ */
.wwd { padding:96px 28px; background:var(--grey); position:relative; overflow:hidden; }
.wwd .geo-9 {
  width:300px; height:300px; bottom:-100px; right:-60px;
  background:var(--blue); opacity:0.06; border-radius:50%;
}
.wwd .geo-10 {
  width:50px; height:50px; top:80px; left:55%;
  background:var(--yellow); opacity:0.4; border-radius:50%;
  animation:float 4.5s ease-in-out infinite;
}

.wwd-inner {
  max-width:1160px; margin:0 auto;
  display:grid; grid-template-columns:1fr 1fr; gap:72px; align-items:center;
  position:relative; z-index:1;
}

.wwd-collage { display:grid; grid-template-columns:1fr 1fr; grid-template-rows:240px 200px; gap:14px; }
.wwd-collage img { width:100%; height:100%; object-fit:cover; border-radius:16px; }
.wwd-collage img:first-child { grid-column:1/-1; border-radius:20px; }

.wwd-pillars { display:flex; flex-direction:column; gap:14px; margin-top:28px; }
.pillar {
  display:flex; align-items:flex-start; gap:16px;
  padding:18px 20px; background:var(--white); border-radius:14px;
  box-shadow:0 2px 14px rgba(0,0,0,0.055); transition:transform 0.2s;
}
.pillar:hover { transform:translateX(4px); }
.pillar-icon {
  width:44px; height:44px; border-radius:12px; flex-shrink:0;
  display:flex; align-items:center; justify-content:center; font-size:1.2rem;
}
.pillar h4 { font-family:'Poppins',sans-serif; font-weight:700; font-size:0.93rem; margin-bottom:3px; }
.pillar p  { font-size:0.82rem; color:var(--muted); line-height:1.55; }


/* ═══════════════════════════════════════════
   IMPACT
════════════════════════════════════════════ */
.impact {
  background:var(--black); padding:96px 28px;
  position:relative; overflow:hidden; text-align:center;
}
.impact .geo-11 {
  width:500px; height:500px; top:-150px; left:-120px;
  background:radial-gradient(circle,rgba(245,189,38,0.07),transparent 70%);
}
.impact .geo-12 {
  width:400px; height:400px; bottom:-100px; right:-80px;
  background:radial-gradient(circle,rgba(41,171,226,0.09),transparent 70%);
}
/* coloured stripe accents */
.impact-stripes {
  position:absolute; top:0; left:0; right:0; height:5px;
  background:linear-gradient(90deg, var(--blue) 33.3%, var(--yellow) 33.3% 66.6%, var(--pink) 66.6%);
}

.impact-inner { max-width:1160px; margin:0 auto; position:relative; z-index:1; }
.impact-inner .section-eyebrow { color:var(--yellow); display:block; text-align:center; }
.impact-inner .section-title { color:var(--white); margin-bottom:14px; }
.impact-inner > p { color:rgba(255,255,255,0.6); max-width:520px; margin:0 auto 60px; line-height:1.72; }

.impact-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; margin-bottom:52px; }
.impact-card {
  background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.09);
  border-radius:var(--r); padding:36px 24px;
  transition:transform 0.2s,border-color 0.2s,background 0.2s;
  position:relative; overflow:hidden;
}
.impact-card::before {
  content:''; position:absolute; top:0; left:0; right:0; height:3px;
}
.impact-card:nth-child(1)::before { background:var(--yellow); }
.impact-card:nth-child(2)::before { background:var(--blue); }
.impact-card:nth-child(3)::before { background:var(--pink); }
.impact-card:hover { transform:translateY(-5px); border-color:rgba(255,255,255,0.18); background:rgba(255,255,255,0.07); }

.impact-card .num {
  font-family:'Poppins',sans-serif; font-weight:900;
  font-size:clamp(2.6rem,5vw,3.8rem); line-height:1; margin-bottom:8px;
}
.impact-card:nth-child(1) .num { color:var(--yellow); }
.impact-card:nth-child(2) .num { color:var(--blue); }
.impact-card:nth-child(3) .num { color:var(--pink); }
.impact-card .lbl { color:var(--white); font-family:'Poppins',sans-serif; font-weight:700; margin-bottom:10px; }
.impact-card .desc { color:rgba(255,255,255,0.48); font-size:0.82rem; line-height:1.6; }


/* ═══════════════════════════════════════════
   KYNDA PLATFORMS
════════════════════════════════════════════ */
.platforms { padding:96px 28px; background:var(--white); position:relative; overflow:hidden; }
.platforms .geo-p1 {
  width:240px; height:240px; top:-60px; left:-60px;
  background:var(--blue); opacity:0.06; border-radius:50%;
}
.platforms .geo-p2 {
  width:100px; height:100px; bottom:80px; right:8%;
  background:var(--pink); opacity:0.07; border-radius:50%;
}

.platforms-header { text-align:center; margin-bottom:56px; max-width:620px; margin-left:auto; margin-right:auto; }
.platforms-header .section-title { margin-bottom:12px; }
.platforms-header p { color:var(--muted); line-height:1.7; }

.platforms-grid {
  max-width:1160px; margin:0 auto;
  display:grid; grid-template-columns:1fr 1fr; gap:26px;
  position:relative; z-index:1;
}

.pcard {
  border-radius:20px; padding:36px 36px 32px;
  position:relative; overflow:hidden;
  transition:transform 0.22s,box-shadow 0.22s;
  display:flex; flex-direction:column; gap:18px;
}
.pcard:hover { transform:translateY(-6px); box-shadow:var(--shadow-lg); }

.pcard.kynda-play { background:linear-gradient(135deg,#0A0A0A 0%,#1a1a2e 100%); color:var(--white); }
.pcard.kynda-type { background:linear-gradient(135deg,#f0faff 0%,#d6f0ff 100%); color:var(--black); }

.pcard .pcard-tag {
  display:inline-flex; align-items:center; gap:7px;
  font-family:'Poppins',sans-serif; font-weight:700; font-size:0.72rem;
  letter-spacing:0.1em; text-transform:uppercase; padding:5px 14px; border-radius:50px;
  width:fit-content;
}
.kynda-play .pcard-tag { background:rgba(245,189,38,0.15); color:var(--yellow); border:1px solid rgba(245,189,38,0.25); }
.kynda-type .pcard-tag { background:rgba(41,171,226,0.12); color:var(--blue); border:1px solid rgba(41,171,226,0.25); }

.pcard h3 {
  font-family:'Poppins',sans-serif; font-weight:900;
  font-size:clamp(1.4rem,2.5vw,1.9rem); line-height:1.18;
}
.kynda-play h3 { color:var(--white); }
.kynda-type h3 { color:var(--black); }
.kynda-play h3 span { color:var(--yellow); }
.kynda-type h3 span { color:var(--blue); }

.pcard p.sub { font-size:0.93rem; line-height:1.7; opacity:0.82; }

.pcard-features { display:flex; flex-direction:column; gap:10px; list-style:none; }
.pcard-features li {
  display:flex; align-items:center; gap:10px; font-size:0.87rem;
}
.pcard-features li::before {
  content:''; width:6px; height:6px; border-radius:50%; flex-shrink:0;
}
.kynda-play .pcard-features li::before { background:var(--yellow); }
.kynda-type .pcard-features li::before { background:var(--blue); }
.kynda-play .pcard-features li { color:rgba(255,255,255,0.78); }
.kynda-type .pcard-features li { color:var(--muted); }

.pcard .pcard-url {
  font-family:'Poppins',sans-serif; font-size:0.78rem; font-weight:600;
  margin-top:auto; opacity:0.5;
}
.kynda-play .pcard-url { color:var(--white); }
.kynda-type .pcard-url { color:var(--black); }

/* bg deco shapes inside platform cards */
.pcard .pdeco {
  position:absolute; border-radius:50%; pointer-events:none;
}
.kynda-play .pdeco-1 { width:140px; height:140px; top:-40px; right:-30px; background:rgba(245,189,38,0.08); }
.kynda-play .pdeco-2 { width:80px;  height:80px;  bottom:20px; left:20px; background:rgba(41,171,226,0.07); }
.kynda-type .pdeco-1 { width:160px; height:160px; bottom:-40px; right:-40px; background:rgba(41,171,226,0.08); }


/* ═══════════════════════════════════════════
   TESTIMONIALS
════════════════════════════════════════════ */
.testimonials { padding:96px 28px; background:var(--grey); }
.testimonials-header { text-align:center; margin-bottom:52px; }

.tgrid {
  max-width:1160px; margin:0 auto;
  display:grid; grid-template-columns:repeat(3,1fr); gap:24px;
}
.tcard {
  background:var(--white); border-radius:20px; padding:30px 28px;
  box-shadow:var(--shadow); transition:transform 0.2s;
  display:flex; flex-direction:column; gap:20px;
  position:relative; overflow:hidden;
}
.tcard::before {
  content:'"'; font-family:Georgia,serif; font-size:6rem; line-height:1;
  position:absolute; top:8px; left:18px; opacity:0.07; color:var(--black);
}
.tcard:hover { transform:translateY(-5px); }
.tcard-accent { height:4px; border-radius:4px 4px 0 0; position:absolute; top:0; left:0; right:0; }
.tcard:nth-child(1) .tcard-accent { background:var(--blue); }
.tcard:nth-child(2) .tcard-accent { background:var(--pink); }
.tcard:nth-child(3) .tcard-accent { background:var(--yellow); }

.tcard-stars { color:var(--yellow); font-size:0.85rem; letter-spacing:2px; }
.tcard-text { font-size:0.93rem; line-height:1.75; color:var(--text); position:relative; }
.tcard-author { display:flex; align-items:center; gap:12px; margin-top:auto; }
.tcard-avatar { width:42px; height:42px; border-radius:50%; object-fit:cover; flex-shrink:0; }
.tcard-name { font-family:'Poppins',sans-serif; font-weight:700; font-size:0.88rem; }
.tcard-role { font-size:0.76rem; color:var(--muted); }


/* ═══════════════════════════════════════════
   BLOG
════════════════════════════════════════════ */
.blog { padding:96px 28px; background:var(--white); position:relative; overflow:hidden; }
.blog .geo-b1 {
  width:300px; height:300px; top:-80px; right:-60px;
  background:var(--pink); opacity:0.05; border-radius:50%;
}

.blog-header { text-align:center; margin-bottom:52px; }
.blog-header .section-title { margin-bottom:12px; }
.blog-header p { color:var(--muted); }

.blog-grid {
  max-width:1160px; margin:0 auto;
  display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:24px;
  position:relative; z-index:1;
}

.bcard {
  border-radius:20px; overflow:hidden; box-shadow:var(--shadow);
  transition:transform 0.22s,box-shadow 0.22s;
  background:var(--white); border:1.5px solid var(--grey-mid);
  display:flex; flex-direction:column;
}
.bcard:hover { transform:translateY(-5px); box-shadow:var(--shadow-lg); }
.bcard-img { width:100%; height:200px; object-fit:cover; display:block; }
.bcard.featured .bcard-img { height:260px; }
.bcard-body { padding:22px 24px; flex:1; display:flex; flex-direction:column; gap:10px; }
.bcard-meta { display:flex; align-items:center; gap:10px; font-size:0.76rem; color:var(--muted); font-weight:600; }
.bcard-meta span { color:var(--grey-mid); }
.bcard-title {
  font-family:'Poppins',sans-serif; font-weight:800;
  font-size:1rem; line-height:1.3; color:var(--text);
  transition:color 0.15s;
}
.bcard:hover .bcard-title { color:var(--blue); }
.bcard-excerpt { font-size:0.85rem; color:var(--muted); line-height:1.65; flex:1; }
.bcard-footer { display:flex; align-items:center; justify-content:space-between; margin-top:6px; }
.bcard-read { font-family:'Poppins',sans-serif; font-weight:700; font-size:0.8rem; color:var(--blue); display:flex; align-items:center; gap:4px; }
.bcard-read::after { content:'→'; }


/* ═══════════════════════════════════════════
   NEWSLETTER
════════════════════════════════════════════ */
.newsletter {
  background:linear-gradient(135deg,#0d1f2d 0%,var(--black) 100%);
  padding:80px 28px; position:relative; overflow:hidden;
}
.newsletter .geo-n1 {
  width:400px; height:400px; top:-100px; right:-80px;
  background:radial-gradient(circle,rgba(41,171,226,0.12),transparent 70%);
}
.newsletter .geo-n2 {
  width:300px; height:300px; bottom:-80px; left:-60px;
  background:radial-gradient(circle,rgba(245,189,38,0.09),transparent 70%);
}
/* tri-colour line */
.newsletter::before {
  content:''; position:absolute; bottom:0; left:0; right:0; height:4px;
  background:linear-gradient(90deg,var(--blue) 33.3%,var(--yellow) 33.3% 66.6%,var(--pink) 66.6%);
}

.newsletter-inner { max-width:560px; margin:0 auto; text-align:center; position:relative; z-index:1; }
.newsletter-inner h2 {
  font-family:'Poppins',sans-serif; font-weight:900; color:var(--white);
  font-size:clamp(1.6rem,3vw,2.2rem); margin-bottom:12px;
}
.newsletter-inner > p { color:rgba(255,255,255,0.65); margin-bottom:32px; line-height:1.7; }

.nl-form { display:flex; gap:12px; }
.nl-form input {
  flex:1; padding:15px 22px; border-radius:50px; border:none;
  font-family:'Nunito',sans-serif; font-size:0.95rem; outline:none; color:var(--text);
  background:rgba(255,255,255,0.95);
}
.nl-form input::placeholder { color:#aaa; }
.nl-note { margin-top:14px; font-size:0.76rem; color:rgba(255,255,255,0.38); }


/* ═══════════════════════════════════════════
   FOOTER
════════════════════════════════════════════ */
footer {
  background:var(--black); color:rgba(255,255,255,0.5);
  padding:60px 28px 28px;
}
.footer-stripe {
  height:5px; margin-bottom:60px;
  background:linear-gradient(90deg,var(--blue) 33.3%,var(--yellow) 33.3% 66.6%,var(--pink) 66.6%);
  border-radius:4px;
}
.footer-grid {
  max-width:1160px; margin:0 auto;
  display:grid; grid-template-columns:2.2fr 1fr 1fr 1fr; gap:40px; margin-bottom:52px;
}
.footer-brand img { height:36px; margin-bottom:16px; }
.footer-brand p { font-size:0.86rem; line-height:1.75; max-width:260px; }
.footer-brand .cic-badge {
  margin-top:16px; display:inline-flex; align-items:center; gap:7px;
  background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.1);
  border-radius:8px; padding:6px 12px; font-size:0.74rem; font-weight:600;
  color:rgba(255,255,255,0.55);
}
.footer-col h4 {
  font-family:'Poppins',sans-serif; font-weight:700; font-size:0.8rem;
  color:var(--white); margin-bottom:18px; text-transform:uppercase; letter-spacing:0.1em;
}
.footer-col ul { list-style:none; display:flex; flex-direction:column; gap:10px; }
.footer-col a { font-size:0.86rem; color:rgba(255,255,255,0.5); transition:color 0.15s; }
.footer-col a:hover { color:var(--white); }

.footer-bottom {
  max-width:1160px; margin:0 auto;
  border-top:1px solid rgba(255,255,255,0.07); padding-top:24px;
  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px;
  font-size:0.8rem;
}
.footer-bottom a { color:var(--blue); }
.footer-links { display:flex; gap:20px; }
.footer-links a { color:rgba(255,255,255,0.45); transition:color 0.15s; }
.footer-links a:hover { color:var(--white); }


/* ═══════════════════════════════════════════
   RESPONSIVE
════════════════════════════════════════════ */
@media(max-width:980px){
  .hero-inner { grid-template-columns:1fr; }
  .hero-visual { display:none; }
  .sessions-grid { grid-template-columns:1fr; max-width:460px; margin:0 auto; }
  .wwd-inner { grid-template-columns:1fr; }
  .wwd-collage { order:-1; grid-template-rows:200px 160px; }
  .impact-grid { grid-template-columns:1fr; max-width:360px; margin:0 auto 52px; }
  .platforms-grid { grid-template-columns:1fr; }
  .tgrid { grid-template-columns:1fr; max-width:460px; margin:0 auto; }
  .blog-grid { grid-template-columns:1fr; max-width:480px; margin:0 auto; }
  .bcard.featured .bcard-img { height:220px; }
  .footer-grid { grid-template-columns:1fr 1fr; }
}

@media(max-width:640px){
  .nav-links,.nav-cta { display:none; }
  .hamburger { display:flex; }
  .hero { min-height:auto; }
  .nl-form { flex-direction:column; }
  .footer-grid { grid-template-columns:1fr; }
  .footer-bottom { flex-direction:column; text-align:center; }
}


/* ═══════════════════════════════
   ABOUT PAGE STYLES
═══════════════════════════════ */

:root{
  --blue:#29ABE2;--yellow:#F5BD26;--pink:#EC008C;
  --black:#0A0A0A;--white:#FFFFFF;--grey:#F7F7F7;--grey2:#EFEFEF;
  --text:#1A1A1A;--muted:#666;--r:14px;
  --shadow:0 4px 28px rgba(0,0,0,.09);--shadowL:0 12px 48px rgba(0,0,0,.14);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Nunito',sans-serif;color:var(--text);background:var(--white);overflow-x:hidden;}
img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;border-radius:50px;font-family:'Poppins',sans-serif;font-weight:700;font-size:.93rem;cursor:pointer;transition:transform .18s,box-shadow .18s;border:none;white-space:nowrap;}
.btn:hover{transform:translateY(-2px);box-shadow:var(--shadowL);}
.btn-yellow{background:var(--yellow);color:var(--black);}
.btn-blue{background:var(--blue);color:var(--white);}
.btn-pink{background:var(--pink);color:var(--white);}
.btn-dark{background:var(--black);color:var(--white);}
.btn-ghost{background:transparent;border:2px solid rgba(255,255,255,.55);color:var(--white);}
.eyebrow{font-family:'Poppins',sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--pink);display:block;margin-bottom:10px;}
.h2{font-family:'Poppins',sans-serif;font-weight:900;font-size:clamp(1.75rem,3.5vw,2.6rem);line-height:1.15;color:var(--black);}
.h2.white{color:var(--white);}
.geo{position:absolute;pointer-events:none;}
@keyframes float{0%,100%{transform:translateY(0) rotate(0deg);}50%{transform:translateY(-10px) rotate(4deg);}}
@keyframes floatB{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px) rotate(-4deg);}}
.fade-up{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease;}
.fade-up.visible{opacity:1;transform:translateY(0);}

/* NAV */
nav{background:var(--black);position:sticky;top:0;z-index:200;border-bottom:1px solid rgba(255,255,255,.06);}
.nav-inner{max-width:1160px;margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;height:68px;}
.nav-logo img{height:40px;width:auto;}
.nav-links{display:flex;align-items:center;gap:28px;list-style:none;}
.nav-links a{color:rgba(255,255,255,.82);font-weight:600;font-size:.9rem;transition:color .15s;}
.nav-links a:hover{color:var(--white);}
.nav-links a.active{color:var(--yellow);border-bottom:2px solid var(--yellow);padding-bottom:3px;}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;}
.hamburger span{width:24px;height:2.5px;background:var(--white);border-radius:2px;}

/* PAGE HERO */
.page-hero{background:var(--black);padding:80px 28px 88px;position:relative;overflow:hidden;}
.page-hero .stripe{position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--blue) 33.3%,var(--yellow) 33.3% 66.6%,var(--pink) 66.6%);}
.page-hero .g1{width:400px;height:400px;top:-120px;right:-80px;border-radius:50%;background:radial-gradient(circle,rgba(245,189,38,.09),transparent 70%);}
.page-hero .g2{width:260px;height:260px;bottom:-70px;left:-50px;border-radius:50%;background:radial-gradient(circle,rgba(41,171,226,.1),transparent 70%);}
.page-hero .g3{width:48px;height:48px;top:35%;left:54%;background:var(--pink);opacity:.22;border-radius:50%;animation:float 4s ease-in-out infinite;}
.page-hero .g4{width:30px;height:30px;bottom:28%;right:22%;background:var(--yellow);opacity:.3;border-radius:8px;transform:rotate(20deg);animation:floatB 3.5s ease-in-out infinite .5s;}

.hero-inner{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;position:relative;z-index:1;}
.hero-content .eyebrow{color:var(--yellow);}
.hero-content h1{font-family:'Poppins',sans-serif;font-weight:900;font-size:clamp(2.2rem,5vw,3.4rem);line-height:1.08;color:var(--white);margin-bottom:18px;}
.hero-content p{color:rgba(255,255,255,.68);font-size:1.05rem;line-height:1.72;margin-bottom:28px;max-width:480px;}
.hero-visual{position:relative;}
.hero-visual img{width:100%;height:400px;object-fit:cover;border-radius:24px;}
.hero-visual-badge{position:absolute;bottom:20px;right:-10px;background:var(--yellow);color:var(--black);font-family:'Poppins',sans-serif;font-weight:800;font-size:.82rem;padding:10px 18px;border-radius:50px;box-shadow:0 4px 20px rgba(245,189,38,.35);display:flex;align-items:center;gap:8px;}
.hero-visual-pill{position:absolute;top:20px;left:-10px;background:var(--white);border-radius:50px;padding:10px 18px;box-shadow:var(--shadowL);font-family:'Poppins',sans-serif;font-weight:700;font-size:.82rem;display:flex;align-items:center;gap:8px;}

/* ORIGIN STORY */
.origin{padding:96px 28px;background:var(--white);position:relative;overflow:hidden;}
.origin .g5{width:280px;height:280px;top:-60px;left:-60px;border-radius:50%;background:var(--yellow);opacity:.05;}
.origin .g6{width:50px;height:50px;bottom:80px;right:8%;background:var(--blue);opacity:.15;border-radius:50%;animation:floatB 4.5s ease-in-out infinite;}
.origin-inner{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;position:relative;z-index:1;}
.origin-photos{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.origin-photos img{width:100%;height:190px;object-fit:cover;border-radius:16px;}
.origin-photos img:first-child{grid-column:1/-1;height:230px;border-radius:20px;}
.origin-text p{color:var(--muted);line-height:1.78;font-size:.97rem;margin-bottom:16px;}
.highlight-box{background:linear-gradient(135deg,rgba(245,189,38,.1),rgba(41,171,226,.08));border-left:4px solid var(--yellow);border-radius:0 12px 12px 0;padding:20px 22px;margin:24px 0;}
.highlight-box p{color:var(--text);font-weight:700;font-size:.95rem;font-style:italic;margin:0;}

/* WHO WE ARE STATS */
.who-stats{padding:72px 28px;background:var(--grey);position:relative;overflow:hidden;}
.who-stats .g7{width:340px;height:340px;top:-80px;right:-60px;border-radius:50%;background:var(--pink);opacity:.05;}
.who-stats-inner{max-width:1160px;margin:0 auto;}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:48px;}
.stat-card{background:var(--white);border-radius:20px;padding:30px 24px;text-align:center;box-shadow:var(--shadow);transition:transform .2s;position:relative;overflow:hidden;}
.stat-card:hover{transform:translateY(-5px);}
.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;}
.stat-card:nth-child(1)::before{background:var(--yellow);}
.stat-card:nth-child(2)::before{background:var(--blue);}
.stat-card:nth-child(3)::before{background:var(--pink);}
.stat-card:nth-child(4)::before{background:var(--black);}
.stat-card .sn{font-family:'Poppins',sans-serif;font-weight:900;font-size:2.6rem;line-height:1;margin-bottom:6px;}
.stat-card:nth-child(1) .sn{color:var(--yellow);}
.stat-card:nth-child(2) .sn{color:var(--blue);}
.stat-card:nth-child(3) .sn{color:var(--pink);}
.stat-card:nth-child(4) .sn{color:var(--black);}
.stat-card .sl{font-family:'Poppins',sans-serif;font-weight:700;font-size:.88rem;margin-bottom:6px;}
.stat-card .sd{font-size:.78rem;color:var(--muted);line-height:1.5;}

/* VALUES */
.values{padding:96px 28px;background:var(--white);position:relative;overflow:hidden;}
.values .g8{width:240px;height:240px;bottom:-60px;left:-60px;border-radius:50%;background:var(--blue);opacity:.06;}
.values .g9{width:60px;height:60px;top:20%;right:8%;background:var(--yellow);opacity:.2;border-radius:50%;animation:float 4s ease-in-out infinite;}
.values-inner{max-width:1160px;margin:0 auto;position:relative;z-index:1;}
.values-header{text-align:center;margin-bottom:56px;}
.values-header .h2{margin-bottom:12px;}
.values-header p{color:var(--muted);max-width:520px;margin:0 auto;line-height:1.7;}
.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.value-card{border-radius:20px;padding:32px 26px;transition:transform .22s,box-shadow .22s;}
.value-card:hover{transform:translateY(-6px);box-shadow:var(--shadowL);}
.value-card:nth-child(1){background:rgba(41,171,226,.08);}
.value-card:nth-child(2){background:rgba(236,0,140,.08);}
.value-card:nth-child(3){background:rgba(245,189,38,.12);}
.value-card:nth-child(4){background:rgba(10,10,10,.05);}
.value-icon{width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:18px;}
.value-card:nth-child(1) .value-icon{background:var(--blue);}
.value-card:nth-child(2) .value-icon{background:var(--pink);}
.value-card:nth-child(3) .value-icon{background:var(--yellow);}
.value-card:nth-child(4) .value-icon{background:var(--black);}
.value-card h3{font-family:'Poppins',sans-serif;font-weight:800;font-size:1rem;margin-bottom:10px;}
.value-card p{font-size:.86rem;color:var(--muted);line-height:1.68;}

/* KYLIE SECTION */
.founder{padding:96px 28px;background:var(--grey);position:relative;overflow:hidden;}
.founder .g10{width:300px;height:300px;top:-80px;right:-60px;border-radius:50%;background:var(--pink);opacity:.06;}
.founder-inner{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:400px 1fr;gap:72px;align-items:start;position:relative;z-index:1;}
.founder-photo{position:relative;}
.founder-photo img{width:100%;height:480px;object-fit:cover;border-radius:24px;}
.founder-photo-badge{position:absolute;bottom:24px;left:24px;background:var(--yellow);color:var(--black);font-family:'Poppins',sans-serif;font-weight:800;font-size:.82rem;padding:10px 18px;border-radius:50px;box-shadow:0 4px 16px rgba(245,189,38,.35);}
.founder-text .eyebrow{margin-bottom:8px;}
.founder-text h2{font-family:'Poppins',sans-serif;font-weight:900;font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.15;margin-bottom:6px;}
.founder-text .subtitle{color:var(--blue);font-family:'Poppins',sans-serif;font-weight:700;font-size:.95rem;margin-bottom:22px;}
.founder-text p{color:var(--muted);line-height:1.78;font-size:.97rem;margin-bottom:14px;}
.founder-quote{background:var(--white);border-left:4px solid var(--pink);border-radius:0 14px 14px 0;padding:22px 24px;margin:26px 0;box-shadow:0 2px 14px rgba(0,0,0,.055);}
.founder-quote p{font-size:1rem;font-style:italic;color:var(--text);line-height:1.72;margin:0;}
.founder-quote cite{display:block;margin-top:10px;font-size:.8rem;font-style:normal;color:var(--muted);font-weight:700;}
.founder-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px;}

/* BOOKS / PROJECTS */
.projects{padding:88px 28px;background:var(--black);position:relative;overflow:hidden;}
.projects .stripe{position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--blue) 33.3%,var(--yellow) 33.3% 66.6%,var(--pink) 66.6%);}
.projects .g11{width:400px;height:400px;top:-100px;left:-80px;border-radius:50%;background:radial-gradient(circle,rgba(245,189,38,.07),transparent 70%);}
.projects-inner{max-width:1160px;margin:0 auto;position:relative;z-index:1;}
.projects-inner .eyebrow{color:var(--yellow);}
.projects-inner .h2{color:var(--white);margin-bottom:14px;}
.projects-inner>p{color:rgba(255,255,255,.6);max-width:580px;line-height:1.72;margin-bottom:52px;}
.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.proj-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:var(--r);padding:28px;transition:transform .2s,border-color .2s;}
.proj-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.2);}
.proj-card .proj-icon{font-size:2rem;margin-bottom:14px;}
.proj-card h3{font-family:'Poppins',sans-serif;font-weight:800;color:var(--white);font-size:1rem;margin-bottom:8px;}
.proj-card p{font-size:.84rem;color:rgba(255,255,255,.55);line-height:1.68;}
.proj-card .proj-tag{display:inline-block;margin-top:14px;padding:3px 12px;border-radius:50px;font-family:'Poppins',sans-serif;font-size:.72rem;font-weight:700;}

/* SUPPORT / CIC */
.cic{padding:88px 28px;background:var(--white);position:relative;overflow:hidden;}
.cic .g12{width:260px;height:260px;top:-60px;right:-60px;border-radius:50%;background:var(--yellow);opacity:.06;}
.cic-inner{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;position:relative;z-index:1;}
.cic-text p{color:var(--muted);line-height:1.78;font-size:.97rem;margin-bottom:14px;}
.cic-cards{display:flex;flex-direction:column;gap:18px;}
.cic-card{display:flex;align-items:flex-start;gap:18px;padding:22px;background:var(--grey);border-radius:16px;transition:transform .2s;}
.cic-card:hover{transform:translateX(4px);}
.cic-card-icon{width:46px;height:46px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:1.2rem;}
.cic-card h4{font-family:'Poppins',sans-serif;font-weight:700;font-size:.93rem;margin-bottom:5px;}
.cic-card p{font-size:.83rem;color:var(--muted);line-height:1.6;margin:0;}

/* CTA */
.cta-strip{background:linear-gradient(135deg,var(--blue) 0%,#1a7fad 100%);padding:72px 28px;text-align:center;position:relative;overflow:hidden;}
.cta-strip::before{content:'';position:absolute;top:-40%;right:-5%;width:400px;height:400px;border-radius:50%;background:rgba(255,255,255,.07);}
.cta-strip-inner{max-width:600px;margin:0 auto;position:relative;z-index:1;}
.cta-strip h2{font-family:'Poppins',sans-serif;font-weight:900;color:var(--white);font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:12px;}
.cta-strip p{color:rgba(255,255,255,.8);margin-bottom:32px;line-height:1.7;}
.cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}

/* FOOTER */
footer{background:var(--black);color:rgba(255,255,255,.5);padding:56px 28px 28px;}
.footer-stripe{height:5px;max-width:1160px;margin:0 auto 52px;background:linear-gradient(90deg,var(--blue) 33.3%,var(--yellow) 33.3% 66.6%,var(--pink) 66.6%);border-radius:4px;}
.footer-grid{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px;}
.footer-brand img{height:36px;margin-bottom:16px;}
.footer-brand p{font-size:.86rem;line-height:1.75;max-width:260px;}
.footer-col h4{font-family:'Poppins',sans-serif;font-weight:700;font-size:.78rem;color:var(--white);margin-bottom:16px;text-transform:uppercase;letter-spacing:.1em;}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px;}
.footer-col a{font-size:.85rem;color:rgba(255,255,255,.5);transition:color .15s;}
.footer-col a:hover{color:var(--white);}
.footer-bottom{max-width:1160px;margin:0 auto;border-top:1px solid rgba(255,255,255,.07);padding-top:22px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:.8rem;}

@media(max-width:980px){
  .hero-inner,.origin-inner,.founder-inner,.cic-inner{grid-template-columns:1fr;}
  .hero-visual{display:none;}
  .values-grid,.stats-grid,.projects-grid{grid-template-columns:1fr 1fr;}
  .footer-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:640px){
  .nav-links,.nav-cta{display:none;}
  .hamburger{display:flex;}
  .values-grid,.stats-grid,.projects-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;}
  .footer-bottom{flex-direction:column;text-align:center;}
}


/* ═══════════════════════════════
   SESSIONS PAGE STYLES
═══════════════════════════════ */

:root {
  --blue:    #29ABE2;
  --yellow:  #F5BD26;
  --pink:    #EC008C;
  --black:   #0A0A0A;
  --white:   #FFFFFF;
  --grey:    #F7F7F7;
  --grey2:   #EFEFEF;
  --text:    #1A1A1A;
  --muted:   #666;
  --r:       14px;
  --shadow:  0 4px 28px rgba(0,0,0,0.09);
  --shadowL: 0 12px 48px rgba(0,0,0,0.14);
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Nunito',sans-serif;color:var(--text);background:var(--white);overflow-x:hidden;}
img{max-width:100%;display:block;}
a{text-decoration:none;color:inherit;}

.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;border-radius:50px;font-family:'Poppins',sans-serif;font-weight:700;font-size:0.93rem;cursor:pointer;transition:transform .18s,box-shadow .18s;border:none;white-space:nowrap;}
.btn:hover{transform:translateY(-2px);box-shadow:var(--shadowL);}
.btn-yellow{background:var(--yellow);color:var(--black);}
.btn-blue{background:var(--blue);color:var(--white);}
.btn-pink{background:var(--pink);color:var(--white);}
.btn-dark{background:var(--black);color:var(--white);}
.btn-ghost{background:transparent;border:2px solid rgba(255,255,255,0.55);color:var(--white);}
.btn-sm{padding:9px 20px;font-size:0.83rem;}

.eyebrow{font-family:'Poppins',sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--pink);display:block;margin-bottom:10px;}
.h2{font-family:'Poppins',sans-serif;font-weight:900;font-size:clamp(1.75rem,3.5vw,2.6rem);line-height:1.15;color:var(--black);}
.h2.white{color:var(--white);}

.geo{position:absolute;pointer-events:none;}
@keyframes float{0%,100%{transform:translateY(0) rotate(0deg);}50%{transform:translateY(-10px) rotate(4deg);}}
@keyframes floatB{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px) rotate(-4deg);}}
.fade-up{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease;}
.fade-up.visible{opacity:1;transform:translateY(0);}

/* NAV */
nav{background:var(--black);position:sticky;top:0;z-index:200;border-bottom:1px solid rgba(255,255,255,0.06);}
.nav-inner{max-width:1160px;margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;height:68px;}
.nav-logo img{height:40px;width:auto;}
.nav-links{display:flex;align-items:center;gap:28px;list-style:none;}
.nav-links a{color:rgba(255,255,255,.82);font-weight:600;font-size:.9rem;transition:color .15s;}
.nav-links a:hover{color:var(--white);}
.nav-links a.active{color:var(--yellow);border-bottom:2px solid var(--yellow);padding-bottom:3px;}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;}
.hamburger span{width:24px;height:2.5px;background:var(--white);border-radius:2px;}

/* PAGE HERO */
.page-hero{background:var(--black);padding:72px 28px 80px;position:relative;overflow:hidden;}
.page-hero .stripe{position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--blue) 33.3%,var(--yellow) 33.3% 66.6%,var(--pink) 66.6%);}
.page-hero .g1{width:340px;height:340px;top:-100px;right:-60px;border-radius:50%;background:radial-gradient(circle,rgba(41,171,226,.13),transparent 70%);}
.page-hero .g2{width:220px;height:220px;bottom:-60px;left:-40px;border-radius:50%;background:radial-gradient(circle,rgba(236,0,140,.10),transparent 70%);}
.page-hero .g3{width:50px;height:50px;top:30%;left:55%;background:var(--yellow);opacity:.18;border-radius:10px;transform:rotate(20deg);animation:float 4s ease-in-out infinite;}
.page-hero .g4{width:28px;height:28px;bottom:25%;right:20%;background:var(--pink);opacity:.3;border-radius:50%;animation:floatB 3.5s ease-in-out infinite .6s;}

.page-hero-inner{max-width:1160px;margin:0 auto;position:relative;z-index:1;}
.page-hero-inner .eyebrow{color:var(--yellow);}
.page-hero-inner h1{font-family:'Poppins',sans-serif;font-weight:900;font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.08;color:var(--white);margin-bottom:18px;}
.page-hero-inner p{color:rgba(255,255,255,.68);font-size:1.05rem;line-height:1.72;max-width:580px;margin-bottom:32px;}
.page-hero-inner .hero-meta{display:flex;gap:24px;flex-wrap:wrap;}
.meta-pill{display:flex;align-items:center;gap:9px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:50px;padding:8px 18px;font-size:.83rem;font-weight:700;color:rgba(255,255,255,.75);}
.meta-pill .dot{width:8px;height:8px;border-radius:50%;}

/* SESSIONS CARDS */
.sessions{padding:88px 28px;background:var(--white);position:relative;overflow:hidden;}
.sessions .g5{width:220px;height:220px;top:-60px;right:5%;border-radius:50%;background:var(--yellow);opacity:.05;}
.sessions .g6{width:70px;height:70px;bottom:80px;left:3%;background:var(--pink);opacity:.08;border-radius:10px;transform:rotate(22deg);}

.sessions-grid{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;position:relative;z-index:1;}

.scard{border-radius:20px;overflow:hidden;box-shadow:var(--shadow);transition:transform .22s,box-shadow .22s;display:flex;flex-direction:column;background:var(--white);border:1.5px solid var(--grey2);}
.scard:hover{transform:translateY(-7px);box-shadow:var(--shadowL);}
.scard-bar{padding:18px 24px;display:flex;align-items:center;gap:12px;color:var(--white);}
.scard-bar.blue{background:var(--blue);}
.scard-bar.pink{background:var(--pink);}
.scard-bar.yellow{background:var(--yellow);color:var(--black);}
.scard-bar .icon{font-size:1.4rem;}
.scard-bar h3{font-family:'Poppins',sans-serif;font-weight:800;font-size:1.05rem;}
.scard-bar .day-tag{margin-left:auto;font-family:'Poppins',sans-serif;font-size:.72rem;font-weight:700;background:rgba(255,255,255,.2);padding:3px 10px;border-radius:50px;}
.scard-img{width:100%;height:200px;object-fit:cover;}
.scard-body{padding:26px;flex:1;display:flex;flex-direction:column;}
.scard-body h4{font-family:'Poppins',sans-serif;font-weight:800;font-size:.95rem;margin-bottom:8px;}
.scard-body .desc{font-size:.9rem;color:var(--muted);margin-bottom:18px;line-height:1.68;}
.detail-row{display:flex;align-items:center;gap:8px;font-size:.83rem;color:var(--muted);margin-bottom:8px;font-weight:600;}
.detail-row .di{font-size:1rem;}
.scard-divider{border:none;border-top:1px solid var(--grey2);margin:18px 0;}
.feature-list{list-style:none;display:flex;flex-direction:column;gap:9px;margin-bottom:24px;flex:1;}
.feature-list li{font-size:.87rem;display:flex;align-items:center;gap:9px;color:var(--text);}
.tick{width:20px;height:20px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:900;color:var(--white);}
.tick.b{background:var(--blue);}
.tick.p{background:var(--pink);}
.tick.y{background:var(--black);}
.scard-body .btn{align-self:flex-start;margin-top:auto;}

/* WHAT TO EXPECT */
.expect{padding:88px 28px;background:var(--grey);position:relative;overflow:hidden;}
.expect .g7{width:300px;height:300px;bottom:-80px;right:-60px;border-radius:50%;background:var(--blue);opacity:.06;}
.expect .g8{width:50px;height:50px;top:15%;left:52%;background:var(--yellow);opacity:.4;border-radius:50%;animation:float 4.5s ease-in-out infinite;}
.expect-inner{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;position:relative;z-index:1;}
.expect-list{display:flex;flex-direction:column;gap:22px;margin-top:28px;}
.expect-item{display:flex;align-items:flex-start;gap:18px;padding:20px 22px;background:var(--white);border-radius:14px;box-shadow:0 2px 14px rgba(0,0,0,.055);transition:transform .2s;}
.expect-item:hover{transform:translateX(4px);}
.expect-num{width:44px;height:44px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:'Poppins',sans-serif;font-weight:900;font-size:1.1rem;color:var(--white);}
.expect-item h4{font-family:'Poppins',sans-serif;font-weight:700;font-size:.95rem;margin-bottom:4px;}
.expect-item p{font-size:.84rem;color:var(--muted);line-height:1.6;}
.expect-visual{position:relative;}
.expect-visual img{width:100%;height:420px;object-fit:cover;border-radius:24px;}
.expect-badge{position:absolute;bottom:24px;left:-20px;background:var(--yellow);color:var(--black);font-family:'Poppins',sans-serif;font-weight:800;font-size:.8rem;padding:10px 18px;border-radius:50px;box-shadow:0 4px 20px rgba(245,189,38,.35);display:flex;align-items:center;gap:8px;}
.expect-badge2{position:absolute;top:24px;right:-20px;background:var(--white);border-radius:50px;padding:10px 18px;box-shadow:var(--shadowL);font-family:'Poppins',sans-serif;font-weight:700;font-size:.8rem;display:flex;align-items:center;gap:8px;color:var(--text);}

/* LOCATION */
.location{padding:88px 28px;background:var(--white);}
.location-inner{max-width:1160px;margin:0 auto;}
.location-header{text-align:center;margin-bottom:52px;}
.location-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:start;}
.loc-card{background:var(--grey);border-radius:20px;padding:36px;border:1.5px solid var(--grey2);}
.loc-card h3{font-family:'Poppins',sans-serif;font-weight:800;font-size:1.2rem;margin-bottom:18px;display:flex;align-items:center;gap:10px;}
.loc-detail{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px;font-size:.9rem;color:var(--muted);line-height:1.6;}
.loc-detail .li{font-size:1.1rem;margin-top:1px;}
.loc-detail strong{color:var(--text);}
.loc-map{background:#e0f0ff;border-radius:20px;overflow:hidden;height:320px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--grey2);position:relative;}
.loc-map iframe{width:100%;height:100%;border:none;}
.map-overlay{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);background:var(--white);padding:8px 20px;border-radius:50px;font-family:'Poppins',sans-serif;font-weight:700;font-size:.8rem;box-shadow:var(--shadow);white-space:nowrap;}

/* PRICING */
.pricing{padding:88px 28px;background:var(--black);position:relative;overflow:hidden;}
.pricing .stripe{position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--blue) 33.3%,var(--yellow) 33.3% 66.6%,var(--pink) 66.6%);}
.pricing .g9{width:400px;height:400px;top:-120px;left:-80px;border-radius:50%;background:radial-gradient(circle,rgba(245,189,38,.07),transparent 70%);}
.pricing .g10{width:300px;height:300px;bottom:-80px;right:-60px;border-radius:50%;background:radial-gradient(circle,rgba(41,171,226,.09),transparent 70%);}
.pricing-inner{max-width:1160px;margin:0 auto;text-align:center;position:relative;z-index:1;}
.pricing-inner .eyebrow{color:var(--yellow);}
.pricing-inner .h2{color:var(--white);margin-bottom:14px;}
.pricing-inner>p{color:rgba(255,255,255,.6);max-width:520px;margin:0 auto 52px;line-height:1.72;}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.price-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:var(--r);padding:34px 28px;text-align:left;transition:transform .2s,border-color .2s;}
.price-card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.2);}
.price-card .pc-top{height:4px;border-radius:4px;margin-bottom:24px;}
.price-card:nth-child(1) .pc-top{background:var(--blue);}
.price-card:nth-child(2) .pc-top{background:var(--yellow);}
.price-card:nth-child(3) .pc-top{background:var(--pink);}
.price-card h3{font-family:'Poppins',sans-serif;font-weight:800;color:var(--white);margin-bottom:10px;font-size:1.05rem;}
.price-card .price{font-family:'Poppins',sans-serif;font-weight:900;font-size:2.2rem;color:var(--yellow);line-height:1;margin-bottom:6px;}
.price-card .price-note{font-size:.78rem;color:rgba(255,255,255,.45);margin-bottom:18px;line-height:1.5;}
.price-card ul{list-style:none;display:flex;flex-direction:column;gap:9px;}
.price-card li{font-size:.84rem;color:rgba(255,255,255,.7);display:flex;align-items:center;gap:9px;}
.price-card li::before{content:'✓';color:var(--yellow);font-weight:900;font-size:.72rem;}

/* FAQ */
.faq{padding:88px 28px;background:var(--grey);}
.faq-inner{max-width:760px;margin:0 auto;}
.faq-header{text-align:center;margin-bottom:52px;}
.faq-item{background:var(--white);border-radius:14px;margin-bottom:12px;box-shadow:0 2px 12px rgba(0,0,0,.05);overflow:hidden;transition:box-shadow .2s;}
.faq-item:hover{box-shadow:var(--shadow);}
.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;cursor:pointer;font-family:'Poppins',sans-serif;font-weight:700;font-size:.95rem;background:none;border:none;color:var(--text);text-align:left;gap:16px;}
.faq-q .arrow{width:28px;height:28px;border-radius:50%;background:var(--grey);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .25s,background .25s;font-size:.8rem;}
.faq-item.open .faq-q .arrow{transform:rotate(180deg);background:var(--blue);color:var(--white);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .25s ease;padding:0 24px;}
.faq-item.open .faq-a{max-height:300px;padding:0 24px 20px;}
.faq-a p{font-size:.9rem;color:var(--muted);line-height:1.75;}

/* CTA STRIP */
.cta-strip{background:linear-gradient(135deg,var(--blue) 0%,#1a7fad 100%);padding:72px 28px;text-align:center;position:relative;overflow:hidden;}
.cta-strip::before{content:'';position:absolute;top:-40%;right:-5%;width:400px;height:400px;border-radius:50%;background:rgba(255,255,255,.07);}
.cta-strip::after{content:'';position:absolute;bottom:-40%;left:5%;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.05);}
.cta-strip-inner{max-width:600px;margin:0 auto;position:relative;z-index:1;}
.cta-strip h2{font-family:'Poppins',sans-serif;font-weight:900;color:var(--white);font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:12px;}
.cta-strip p{color:rgba(255,255,255,.8);margin-bottom:32px;line-height:1.7;}
.cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}

/* FOOTER */
footer{background:var(--black);color:rgba(255,255,255,.5);padding:56px 28px 28px;}
.footer-stripe{height:5px;max-width:1160px;margin:0 auto 52px;background:linear-gradient(90deg,var(--blue) 33.3%,var(--yellow) 33.3% 66.6%,var(--pink) 66.6%);border-radius:4px;}
.footer-grid{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px;}
.footer-brand img{height:36px;margin-bottom:16px;}
.footer-brand p{font-size:.86rem;line-height:1.75;max-width:260px;}
.footer-col h4{font-family:'Poppins',sans-serif;font-weight:700;font-size:.78rem;color:var(--white);margin-bottom:16px;text-transform:uppercase;letter-spacing:.1em;}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:10px;}
.footer-col a{font-size:.85rem;color:rgba(255,255,255,.5);transition:color .15s;}
.footer-col a:hover{color:var(--white);}
.footer-bottom{max-width:1160px;margin:0 auto;border-top:1px solid rgba(255,255,255,.07);padding-top:22px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:.8rem;}
.footer-bottom a{color:var(--blue);}

@media(max-width:980px){
  .sessions-grid,.pricing-grid{grid-template-columns:1fr;max-width:460px;margin:0 auto;}
  .expect-inner,.location-grid{grid-template-columns:1fr;}
  .expect-visual{display:none;}
  .footer-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:640px){
  .nav-links,.nav-cta{display:none;}
  .hamburger{display:flex;}
  .footer-grid{grid-template-columns:1fr;}
  .footer-bottom{flex-direction:column;text-align:center;}
}


/* ═══════════════════════════════
   WORDPRESS CORE OVERRIDES
═══════════════════════════════ */
.wp-block-image img { max-width: 100%; height: auto; }
.aligncenter { margin: 0 auto; display: block; }
.site-content { min-height: 60vh; }

/* Magic Login form styling */
#magic-login-form {
  max-width: 460px;
  margin: 0 auto;
}
#magic-login-form label {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-size: 0.9rem;
  color: var(--text);
  display: block;
  margin-bottom: 6px;
}
#magic-login-form input[type="text"],
#magic-login-form input[type="email"] {
  width: 100%;
  padding: 13px 18px;
  border: 2px solid var(--grey-mid);
  border-radius: 50px;
  font-family: 'Nunito', sans-serif;
  font-size: 1rem;
  margin-bottom: 14px;
  transition: border-color 0.2s;
  outline: none;
}
#magic-login-form input[type="text"]:focus,
#magic-login-form input[type="email"]:focus {
  border-color: var(--blue);
}
#magic-login-form input[type="submit"],
#magic-login-form button[type="submit"] {
  width: 100%;
  background: var(--yellow);
  color: var(--black);
  border: none;
  padding: 14px 28px;
  border-radius: 50px;
  font-family: 'Poppins', sans-serif;
  font-weight: 800;
  font-size: 1rem;
  cursor: pointer;
  transition: transform 0.18s, box-shadow 0.18s;
}
#magic-login-form input[type="submit"]:hover,
#magic-login-form button[type="submit"]:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(245,189,38,0.4);
}
.magic-login-message {
  font-family: 'Poppins', sans-serif;
  font-size: 0.9rem;
  color: var(--muted);
  text-align: center;
  margin-bottom: 20px;
  line-height: 1.6;
}

/* Gravity Forms styling */
.gform_wrapper {
  max-width: 680px;
  margin: 0 auto;
}
.gform_wrapper .gfield_label {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600 !important;
  font-size: 0.88rem !important;
  color: var(--text) !important;
}
.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper select,
.gform_wrapper textarea {
  border: 2px solid var(--grey-mid) !important;
  border-radius: 10px !important;
  padding: 11px 16px !important;
  font-family: 'Nunito', sans-serif !important;
  font-size: 0.95rem !important;
  width: 100% !important;
  transition: border-color 0.2s !important;
}
.gform_wrapper input:focus,
.gform_wrapper select:focus,
.gform_wrapper textarea:focus {
  border-color: var(--blue) !important;
  outline: none !important;
}
.gform_wrapper .gform_submit_button,
.gform_wrapper input[type="submit"] {
  background: var(--yellow) !important;
  color: var(--black) !important;
  border: none !important;
  padding: 13px 32px !important;
  border-radius: 50px !important;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 800 !important;
  font-size: 0.95rem !important;
  cursor: pointer !important;
  transition: transform 0.18s !important;
}
.gform_wrapper .gform_submit_button:hover {
  transform: translateY(-2px) !important;
}