/* ============================================================
   APICon Tanzania 2026 — style.css
   Brand: navy #101427 | teal #07a3b1 | pink-accent #e91e8c
   ============================================================ */
:root{
  --navy:#101427;--navy2:#181f38;--navy3:#0d1020;
  --teal:#07a3b1;--teal2:#09bccb;
  --pink:#07a3b1;--pink2:#09bccb;
  --white:#ffffff;--off:#f5f7ff;
  --black:#080c17;--muted:#7a8499;
  --border:rgba(255,255,255,.08);--border-light:rgba(16,20,39,.1);
  --radius:12px;--ease:.38s cubic-bezier(.22,.61,.36,1);
}

/* ═══ SCROLL PROGRESS BAR ═══ */
.scroll-progress-bar{position:fixed;top:0;left:0;width:0;height:4px;background:linear-gradient(90deg,#07a3b1,#09bccb);z-index:9999;transition:width .05s linear;box-shadow:0 0 10px rgba(7,163,177,.5)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{overflow-x:hidden;scroll-behavior:auto;font-size:16px;scroll-padding-top:70px}
body{font-family:'Inter',sans-serif;background:var(--white);color:var(--navy);overflow-x:hidden;cursor:auto;line-height:1.65;padding-top:0!important;margin:0}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}
button,input,textarea,select{font-family:inherit}
.material-symbols-outlined{font-family:'Material Symbols Outlined';font-weight:400;font-style:normal;font-size:1rem;line-height:1;letter-spacing:normal;text-transform:none;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;user-select:none;white-space:nowrap;word-wrap:normal;fill:currentColor;}
.icon{width:1.2em;height:1.2em; font-size:1.2em; display:inline-flex; align-items:center; justify-content:center;}
.icon-sm{width:1em;height:1em;font-size:1em;}
.icon-btn{width:1.4em;height:1.4em;font-size:1.4em;}


/* ── CURSOR ── */
#cur{position:fixed;width:10px;height:10px;background:var(--teal);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:width .2s,height .2s,background .2s;mix-blend-mode:difference}
#curF{position:fixed;width:36px;height:36px;border:1.5px solid rgba(7,163,177,.5);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%)}
#cur.hov{width:5px;height:5px}#curF.hov{width:52px;height:52px;border-color:var(--teal)}
@media(hover:none){#cur,#curF{display:none}body,button,a{cursor:auto}}

/* ── NAV (CAROUSEL STYLE: transparent → white on scroll) ── */
.scrolling-navbar{background:#0a2028;padding:18px 0;transition:background .35s,box-shadow .35s,padding .35s;z-index:1030;position:fixed;top:0;left:0;right:0}
.scrolling-navbar .navbar-brand{position:relative;display:flex;align-items:center}
.scrolling-navbar .navbar-brand img{height:44px;width:auto;transition:opacity .3s, height .3s, filter .3s;display:block}
.scrolling-navbar .navbar-brand .logo-light{filter:brightness(0) invert(1)}
.scrolling-navbar .navbar-brand .logo-dark{position:absolute;top:0;left:0;opacity:0}
.scrolling-navbar.scrolled .navbar-brand .logo-light{filter:none}
.scrolling-navbar .nav-link{color:#fff !important;font-weight:500;font-size:14px;padding:.5rem 1rem !important;transition:color .3s}
.scrolling-navbar .nav-link:hover,.scrolling-navbar .nav-item.active .nav-link{color:var(--teal) !important}
.scrolling-navbar.scrolled{background:#fff;box-shadow:0 2px 18px rgba(0,0,0,.08);padding:10px 0}
.scrolling-navbar.scrolled .nav-link{color:var(--navy) !important}
.scrolling-navbar.scrolled .nav-link:hover,.scrolling-navbar.scrolled .nav-item.active .nav-link{color:var(--teal) !important}
.scrolling-navbar .navbar-toggler{border:none;padding:0}
@media(min-width:992px){.scrolling-navbar .navbar-toggler{display:none}}
.scrolling-navbar .navbar-toggler:focus{box-shadow:none}
.nav-toggle-icon{font-size:22px;color:#fff;transition:color .3s}
.scrolling-navbar.scrolled .nav-toggle-icon{color:var(--teal)}
@media(max-width:991px){
  .scrolling-navbar .navbar-collapse{background:#fff;border-radius:12px;padding:16px;margin-top:12px;box-shadow:0 8px 24px rgba(0,0,0,.12)}
  .scrolling-navbar .nav-link{color:var(--navy) !important}
}

/* ── HERO SINGLE ── */
#hero .hero-single{min-height:100svh;position:relative;overflow:hidden;padding-top:0}
#hero{display:block;margin:0;padding:0;position:relative;z-index:1}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(120deg,rgba(16,20,39,.85),rgba(7,163,177,.55));z-index:1}
.hero-caption-wrap{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);z-index:2;text-align:center;padding:0 20px}
.hero-eyebrow{color:var(--teal);text-transform:uppercase;letter-spacing:3px;font-weight:600;font-size:13px;margin-bottom:14px}
.hero-heading{color:#fff;font-family:'Space Grotesk',sans-serif;font-size:clamp(36px,6vw,72px);font-weight:800;line-height:1.1;margin-bottom:20px}
.hero-desc{color:rgba(255,255,255,.7);font-size:clamp(15px,1.5vw,18px);max-width:600px;margin:0 auto 34px;line-height:1.7}
.hero-btns{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}
.hero-btns .btn-common{background:var(--teal);color:#fff;border:none;border-radius:30px;padding:12px 28px;font-weight:600;transition:.3s}
.hero-btns .btn-common:hover{background:var(--ink,var(--navy));color:#fff}
.hero-btns .disabled-btn,.hero-btns .disabled-btn:hover{opacity:.65;cursor:not-allowed;background:var(--teal);color:#fff;box-shadow:none;transform:none}
.hero-btns .btn-border{background:transparent;color:#fff;border:2px solid #fff;border-radius:30px;padding:10px 28px;font-weight:600;transition:.3s}
.hero-btns .btn-border:hover{background:var(--teal);border-color:var(--teal);color:#fff}
.hero-control-prev,.hero-control-next{width:60px;opacity:.7}
.hero-control-icon i{font-size:30px;color:#fff}
.hero-indicators button{width:10px;height:10px;border-radius:50%;border:none;margin:0 5px}
.hero-indicators .active{background:var(--teal);width:12px;height:12px}
@media(max-width:767px){
  .hero-heading{font-size:36px}
  #hero .hero-single{min-height:100svh}
  .scrolling-navbar .navbar-brand img{height:36px}
}

/* ── HERO SLIDER (below hero) ── */
#hero-slider{background:var(--white);padding:0}
.slider-wrap{position:relative;overflow:hidden;height:480px}
.slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease,transform .8s var(--ease)}
.slide.active{opacity:1;z-index:2}
.slide.prev{opacity:0;z-index:1}
.slide img{width:100%;height:100%;object-fit:cover;display:block}
.slide-overlay{position:absolute;inset:0;background:linear-gradient(to right,rgba(10,15,40,.85) 0%,rgba(10,15,40,.4) 50%,transparent 100%)}
.slide-caption{position:absolute;bottom:60px;left:5%;z-index:3;max-width:520px}
.slide-tag{display:inline-block;background:var(--pink);color:#fff;font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;padding:5px 12px;border-radius:20px;margin-bottom:14px}
.slide-title{font-family:'Space Grotesk',sans-serif;font-size:clamp(24px,4vw,44px);font-weight:800;color:#fff;line-height:1.1;margin-bottom:10px}
.slide-sub{font-size:14px;color:rgba(255,255,255,.65)}
.slider-controls{position:absolute;bottom:24px;right:5%;z-index:5;display:flex;align-items:center;gap:12px}
.slider-btn{all:unset;width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;cursor:none;transition:all .3s;background:rgba(255,255,255,.08);backdrop-filter:blur(8px)}
.slider-btn:hover{background:var(--pink);border-color:var(--pink)}
.slider-dots{display:flex;gap:7px;align-items:center}
.slider-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.35);transition:all .3s;cursor:none;border:none;padding:0}
.slider-dot.active{background:var(--pink);width:24px;border-radius:10px}
.slider-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:rgba(255,255,255,.1);z-index:5}
.slider-progress-bar{height:100%;background:var(--pink);width:0;transition:width .1s linear}
@media(max-width:600px){.slider-wrap{height:320px}.slide-caption{bottom:36px}}

/* ── WHY PARTICIPATE ── */
#why{background:var(--white);padding:clamp(72px,10vw,120px) 5%}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.about-cards-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:clamp(36px,5vw,60px)}
.about-card{padding:clamp(22px,3vw,32px) clamp(18px,2.5vw,28px);border-radius:18px;background:#fff;border:1px solid rgba(7,163,177,.12);transition:all .4s cubic-bezier(.22,.61,.36,1);box-shadow:0 2px 16px rgba(16,20,39,.04)}
.about-card:hover{border-color:rgba(7,163,177,.25);box-shadow:0 8px 32px rgba(7,163,177,.1);transform:translateY(-4px)}
.about-card-top{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.about-ico{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;flex-shrink:0}
.about-ico-mission{background:linear-gradient(135deg,var(--teal),#05818b)}
.about-ico-learn{background:linear-gradient(135deg,var(--teal),#05818b)}
.about-ico-benefits{background:linear-gradient(135deg,var(--teal),#05818b)}
.about-card-title{font-family:'Space Grotesk',sans-serif;font-size:clamp(16px,1.5vw,20px);font-weight:800;color:var(--navy);margin:0;transition:color .35s}
.about-card:hover .about-card-title{color:var(--teal)}
.about-card-txt{font-size:14px;color:var(--muted);line-height:1.7;margin:0}
.about-card-list{list-style:none;padding:0;margin:0}
.about-card-list li{position:relative;padding:6px 0 6px 22px;font-size:13px;color:var(--muted);line-height:1.65}
.about-card-list li::before{content:'\2713';position:absolute;left:0;top:6px;color:var(--teal);font-weight:700;font-size:13px}
@media(max-width:900px){.about-cards-row{grid-template-columns:1fr;max-width:550px;margin:30px auto 0}}

.why-images{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.why-img-main{border-radius:var(--radius);overflow:hidden;height:360px;grid-row:span 2;position:relative;border:3px solid var(--pink);padding:3px}
.why-img-main img{width:100%;height:100%;object-fit:cover;border-radius:calc(var(--radius) - 3px)}
.why-img-sm{border-radius:var(--radius);overflow:hidden;height:170px}
.why-img-sm img{width:100%;height:100%;object-fit:cover}
.why-stat{margin-top:16px;display:flex;align-items:center;gap:10px}
.why-stat-ico{color:var(--pink);font-size:24px}
.why-stat-n{font-family:'Space Grotesk',sans-serif;font-size:36px;font-weight:800;color:var(--pink)}
.why-stat-l{font-size:13px;font-weight:600;color:var(--navy)}
.why-right .eyebrow{font-size:11px;letter-spacing:4px;text-transform:uppercase;color:var(--pink);display:flex;align-items:center;gap:10px;margin-bottom:16px}
.why-right .eyebrow::after{content:'';flex:1;height:2px;background:var(--pink);max-width:40px}
.why-title{font-family:'Space Grotesk',sans-serif;font-size:clamp(28px,4vw,48px);font-weight:800;color:var(--navy);line-height:1.1;margin-bottom:18px}
.why-text{font-size:15px;color:var(--muted);line-height:1.8;margin-bottom:28px}
.why-bullets{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:32px}
.why-bullet{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--off);border-radius:10px}
.why-bullet-ico{width:44px;height:44px;background:rgba(233,30,140,.1);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;color:var(--pink)}
.why-bullet-txt{font-size:14px;font-weight:700;color:var(--navy);line-height:1.4}
.why-cta-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.btn-pink{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:50px;background:var(--pink);color:#fff;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;border:none;cursor:none;transition:var(--ease)}
.btn-pink:hover{background:var(--pink2);transform:translateY(-2px)}
.why-call{display:flex;align-items:center;gap:12px}
.why-call-av{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid var(--pink)}
.why-call-info{font-size:12px;color:var(--muted)}
.why-call-info b{display:block;color:var(--navy);font-size:14px}
@media(max-width:900px){.why-grid{grid-template-columns:1fr;gap:40px}}
@media(max-width:560px){.why-bullets{grid-template-columns:1fr}}

/* ── SHARED SECTION UTILS ── */
.sec{padding:clamp(64px,9vw,120px) 5%}
.sec-dark{background:var(--navy2)}
.sec-navy{background:var(--navy)}
.sec-off{background:var(--off)}
.sec-white{background:var(--white)}
.eyebrow-row{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.eyebrow-row::before,.eyebrow-row::after{content:'';height:2px;background:var(--pink);width:32px}
.eyebrow-txt{font-size:11px;letter-spacing:4px;text-transform:uppercase;color:var(--pink);font-weight:700}
.sec-title{font-family:'Space Grotesk',sans-serif;font-size:clamp(28px,4vw,52px);font-weight:800;line-height:1.1;margin-bottom:16px}
.sec-title.light{color:#fff}
.sec-title.dark{color:var(--navy)}
.sec-sub{font-size:15px;color:var(--muted);max-width:560px;line-height:1.8}
.sec-sub.light{color:rgba(255,255,255,.55)}
.sec-hdr{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:clamp(36px,5vw,64px);flex-wrap:wrap;gap:16px}
.reveal{opacity:1;transform:none}
.sec-title::after{content:'';display:block;width:48px;height:3px;background:var(--teal);margin-top:14px;border-radius:2px}
.sec-title.light::after{background:rgba(255,255,255,.5)}
.page-header{padding:clamp(100px,14vw,160px) 5% clamp(60px,8vw,100px)}
.page-header-inner{max-width:760px;margin:0 auto}

/* ── STATS BAND ── */
.stats-band{background:linear-gradient(135deg,var(--navy2),var(--navy3));padding:clamp(36px,5vw,64px) 5%;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.stat-item{text-align:center;padding:24px;border-right:1px solid var(--border);transition:background .35s}
.stat-item:last-child{border-right:none}
.stat-item:hover{background:rgba(7,163,177,.1)}
.stat-n{font-family:'Space Grotesk',sans-serif;font-size:clamp(36px,5vw,64px);font-weight:800;color:#fff;line-height:1;transition:color .35s}
.stat-item:hover .stat-n{color:var(--teal)}
.stat-n span{color:var(--teal)}
.stat-l{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--muted);margin-top:8px;transition:color .35s}
.stat-item:hover .stat-l{color:#fff}
@media(max-width:640px){.stats-band{grid-template-columns:repeat(2,1fr)}.stat-item:nth-child(2){border-right:none}.stat-item{border-bottom:1px solid var(--border)}.stat-item:nth-last-child(-n+2){border-bottom:none}}

/* ── FEATURES ── */
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.feat{padding:clamp(28px,3.5vw,48px) clamp(20px,2.5vw,36px);background:#fff;border:1px solid rgba(16,20,39,.08);border-radius:18px;box-shadow:0 4px 24px rgba(16,20,39,.06);transition:all .4s cubic-bezier(.22,.61,.36,1);position:relative;overflow:hidden}
.feat::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(7,163,177,.04),transparent 60%);opacity:0;transition:opacity .4s;border-radius:18px}
.feat:hover::before{opacity:1}
.feat:hover{box-shadow:0 12px 40px rgba(7,163,177,.18);border-color:rgba(7,163,177,.2);transform:translateY(-4px)}
.feat-n{font-family:'Space Grotesk',sans-serif;font-size:50px;font-weight:800;color:rgba(7,163,177,.1);position:absolute;top:12px;right:16px;line-height:1;transition:color .4s,transform .4s}
.feat:hover .feat-n{color:var(--teal);transform:scale(1.1)}
.feat-ico{width:56px;height:56px;background:var(--teal);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:20px;color:#fff;transition:transform .4s,background .4s}
.feat:hover .feat-ico{transform:scale(1.1) rotate(-8deg);background:var(--teal2)}
.feat-title{font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:700;color:var(--navy);margin-bottom:10px;transition:color .4s}
.feat:hover .feat-title{color:var(--teal)}
.feat-txt{font-size:14px;line-height:1.7;color:var(--muted)}
@media(max-width:900px){.feat-grid{grid-template-columns:repeat(2,1fr);gap:16px}}
@media(max-width:520px){.feat-grid{grid-template-columns:1fr;gap:14px}}

/* ── SCHEDULE ── */
.sched-tabs{display:flex;gap:4px;margin-bottom:32px;flex-wrap:wrap}
.s-tab{background:transparent;border:1px solid var(--border-light);color:var(--muted);padding:11px 22px;border-radius:4px;font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:700;transition:all .3s;cursor:none}
.s-tab.on{background:var(--teal);color:#fff;border-color:var(--teal)}
.s-tab:hover:not(.on){border-color:var(--teal);color:var(--teal)}
.s-panel{display:none}.s-panel.on{display:block}
.s-item{display:flex;align-items:center;gap:18px;padding:20px 0;border-bottom:1px solid var(--border-light);transition:padding-left .3s}
.s-item:hover{padding-left:8px}
.s-time{font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:800;color:var(--teal);min-width:64px}
.s-av{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid var(--border-light);flex-shrink:0}
.s-info{flex:1}.s-title{font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:700;color:var(--navy);margin-bottom:3px}
.s-spk{font-size:13px;color:var(--muted)}
.s-badge{font-size:10px;letter-spacing:2px;text-transform:uppercase;background:rgba(7,163,177,.12);color:var(--teal);padding:5px 10px;border-radius:20px;white-space:nowrap}
@media(max-width:600px){.s-item{flex-wrap:wrap}.s-badge{order:3}}

/* ── SPEAKERS ── */
.spk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.spk-card{border-radius:var(--radius);overflow:hidden;background:var(--navy2);transition:transform .4s var(--ease);position:relative;cursor:none}
.spk-card:hover{transform:translateY(-8px)}
.spk-card img{width:100%;aspect-ratio:1;object-fit:cover;transition:transform .7s;display:block}
.spk-tba-img{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(26,16,96,.6) 0%,rgba(8,12,23,.8) 100%);border-bottom:1px solid rgba(255,255,255,.06)}
.spk-tba-banner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:clamp(40px,6vw,60px) clamp(24px,4vw,48px);text-align:center;color:var(--navy);max-width:700px;margin:0 auto;border:2px solid rgba(7,163,177,.25);border-radius:20px;transition:border-color .35s,box-shadow .35s}
.spk-tba-banner:hover{border-color:var(--teal);box-shadow:0 0 0 4px rgba(7,163,177,.08)}
.spk-tba-icon-box{display:flex;align-items:center;justify-content:center;margin-bottom:8px;width:60px;height:60px}
.spk-tba-icon-box .fa-mic,
.spk-tba-icon-box .fa-handshake{font-size:32px;color:var(--teal);line-height:1}
.spk-tba-title{font-family:'Space Grotesk',sans-serif;font-size:clamp(22px,3vw,32px);font-weight:800;letter-spacing:-.5px;margin:0}
.spk-tba-sub{font-size:15px;opacity:.65;margin:0;line-height:1.7}
.spk-tba-email-inl{color:var(--teal);text-decoration:underline;text-underline-offset:3px;font-weight:700;font-size:14px}
.spk-tba-email-inl:hover{color:var(--teal2)}
.spk-card:hover img{transform:scale(1.05)}
.spk-ov{position:absolute;inset:0;background:linear-gradient(transparent 50%,rgba(8,12,23,.9) 100%);opacity:0;transition:opacity .4s}
.spk-card:hover .spk-ov{opacity:1}
.spk-body{padding:18px 16px}
.spk-name{font-family:'Space Grotesk',sans-serif;font-size:17px;font-weight:800;color:#fff;margin-bottom:3px}
.spk-role{font-size:12px;color:var(--muted);margin-bottom:12px}
.spk-soc{display:flex;gap:6px}
.spk-soc a{width:28px;height:28px;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--muted);transition:all .3s}
.spk-soc a:hover{background:var(--teal);color:var(--navy);border-color:var(--teal)}
@media(max-width:900px){.spk-grid{grid-template-columns:repeat(2,1fr)}}

/* ── TEAM SECTION ── */
#our-team{background:var(--white)}
.team-intro{text-align:center;max-width:640px;margin:0 auto clamp(44px,6vw,72px)}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.team-card{text-align:center;cursor:pointer;border:1px solid rgba(7,163,177,.12);border-radius:20px;padding:24px 20px 28px;background:#fff;transition:all .4s cubic-bezier(.22,.61,.36,1);box-shadow:0 2px 16px rgba(16,20,39,.04)}
.team-card:hover{box-shadow:0 8px 36px rgba(7,163,177,.14);border-color:rgba(7,163,177,.25);transform:translateY(-6px)}
.team-card-img-wrap{position:relative;margin-bottom:18px;border-radius:18px;overflow:hidden}
.team-card-img{width:100%;aspect-ratio:1/1;border-radius:18px;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.22,.61,.36,1),filter .5s}
.team-card:hover .team-card-img{transform:scale(1.18);filter:brightness(.65)}
.team-card-spec{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:0 14px 28px;background:linear-gradient(to top,rgba(7,163,177,.92) 0%,rgba(7,163,177,.4) 50%,transparent 70%);opacity:0;transform:translateY(16px);transition:opacity .45s ease,transform .45s cubic-bezier(.22,.61,.36,1);pointer-events:none}
.team-card:hover .team-card-spec{opacity:1;transform:translateY(0)}
.team-card-spec span{font-family:'Space Grotesk',sans-serif;font-size:clamp(13px,1.2vw,15px);font-weight:700;color:#fff;text-align:center;line-height:1.4;letter-spacing:.3px;text-shadow:0 2px 8px rgba(0,0,0,.2)}
.team-card-name{font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:800;color:var(--navy);margin-bottom:4px;transition:color .35s}
.team-card:hover .team-card-name{color:var(--teal)}
.team-card-role{font-size:13px;color:var(--pink);font-weight:600;letter-spacing:.5px;margin-bottom:12px}
.team-card-bio{font-size:13px;color:var(--muted);line-height:1.65;margin-bottom:16px}
.team-card-soc{display:flex;justify-content:center;gap:10px}
.team-card-soc a{width:34px;height:34px;border-radius:50%;border:1.5px solid rgba(7,163,177,.2);display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--teal);transition:all .3s cubic-bezier(.22,.61,.36,1);background:rgba(7,163,177,.04)}
.team-card-soc a:hover{background:var(--teal);color:#fff;border-color:var(--teal);transform:translateY(-3px);box-shadow:0 4px 16px rgba(7,163,177,.25)}
.team-card-soc .soc-placeholder{width:34px;height:34px;border-radius:50%;border:1.5px solid rgba(7,163,177,.1);display:flex;align-items:center;justify-content:center;font-size:14px;color:rgba(7,163,177,.15);background:rgba(7,163,177,.02);cursor:default}

/* ── TEAM MOBILE CONTROLS ── */
.team-mobile-controls{display:none;align-items:center;justify-content:center;gap:16px;margin-top:24px}
.team-mob-arrow{width:44px;height:44px;border-radius:50%;border:1.5px solid rgba(7,163,177,.25);background:#fff;color:var(--teal);font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;flex-shrink:0}
.team-mob-arrow:hover{background:var(--teal);color:#fff;border-color:var(--teal);box-shadow:0 4px 16px rgba(7,163,177,.2)}
.team-mob-arrow:disabled{opacity:.3;pointer-events:none}
.team-mob-dots{display:flex;align-items:center;gap:6px}
.team-mob-dots span{width:8px;height:8px;border-radius:50%;background:rgba(7,163,177,.2);transition:all .35s}
.team-mob-dots span.active{width:24px;border-radius:12px;background:var(--teal)}

@media(max-width:768px){
  .team-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:0;scrollbar-width:none;padding:0;scroll-behavior:smooth}
  .team-grid::-webkit-scrollbar{display:none}
  .team-card{flex:0 0 100%;max-width:360px;margin:0 auto;scroll-snap-align:center}
  .team-mobile-controls{display:flex}
}

/* ── SPONSORS ── */
.spons-tier{margin-bottom:48px}
.spons-tier-label{text-align:center;font-size:10px;letter-spacing:4px;text-transform:uppercase;color:var(--pink);margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:12px}
.spons-tier-label::before,.spons-tier-label::after{content:'';height:2px;background:var(--pink);width:28px}
.spons-grid{display:grid;gap:12px}
.spons-grid.platinum{grid-template-columns:repeat(3,1fr)}
.spons-grid.gold{grid-template-columns:repeat(4,1fr)}
.spons-grid.silver{grid-template-columns:repeat(5,1fr)}
.spons-box{background:var(--white);border:1.5px solid var(--border-light);border-radius:12px;padding:24px;display:flex;align-items:center;justify-content:center;height:100px;transition:border-color .3s,transform .3s,box-shadow .3s}
.spons-box:hover{border-color:var(--teal);transform:translateY(-4px);box-shadow:0 12px 32px rgba(7,163,177,.1)}
.spons-box img{max-height:46px;max-width:120px;object-fit:contain;opacity:.7;transition:opacity .3s;filter:grayscale(20%)}
.spons-box:hover img{opacity:1;filter:none}
@media(max-width:700px){.spons-grid.platinum,.spons-grid.gold,.spons-grid.silver{grid-template-columns:repeat(2,1fr)}}

/* ── GALLERY ── */
.gal-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:240px 240px;gap:10px}
.gal-grid .gi:nth-child(1){grid-column:span 2}
.gal-grid .gi:nth-child(5){grid-column:span 2}
.gi{position:relative;overflow:hidden;border-radius:10px}
.gi img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s var(--ease)}
.gi:hover img{transform:scale(1.08)}
.gi::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,rgba(7,163,177,.45));opacity:0;transition:opacity .4s}
.gi:hover::after{opacity:1}
@media(max-width:700px){.gal-grid{grid-template-columns:1fr;grid-template-rows:auto}.gal-grid .gi,.gal-grid .gi:nth-child(1),.gal-grid .gi:nth-child(5){grid-column:span 1;height:200px}}

/* ── TESTIMONIALS ── */
.testi-wrap{max-width:800px;margin:0 auto;text-align:center}
.testi-avs{display:flex;justify-content:center;margin-bottom:28px}
.testi-avs button{all:unset;cursor:none;width:54px;height:54px;border-radius:50%;overflow:hidden;margin:0 -12px;border:3px solid rgba(255,255,255,.15);opacity:.5;transition:all .3s;position:relative;z-index:1}
.testi-avs button.on{opacity:1;z-index:10;border-color:var(--pink);width:70px;height:70px}
.testi-avs button:hover{opacity:.8;transform:scale(1.05)}
.testi-avs button img{width:100%;height:100%;object-fit:cover;display:block}
.testi-qs{font-family:'Space Grotesk',sans-serif;font-size:72px;font-weight:800;color:var(--pink);line-height:1;margin-bottom:16px}
.testi-q{font-family:'Space Grotesk',sans-serif;font-size:clamp(17px,2.2vw,24px);font-weight:600;color:#fff;line-height:1.55;margin-bottom:22px}
.testi-auth{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}
.testi-auth b{color:#fff}
.testi-nav{display:flex;justify-content:center;gap:10px;margin-top:28px}
.testi-btn{all:unset;width:42px;height:42px;border-radius:50%;border:1.5px solid rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;cursor:none;font-size:15px;color:#fff;transition:all .3s}
.testi-btn:hover{background:var(--pink);border-color:var(--pink)}

/* ── FAQ ── */
.faq-list{max-width:700px;margin:0 auto}
.faq-it{border-bottom:1px solid var(--border-light)}
.faq-q{width:100%;background:none;border:none;padding:22px 0;text-align:left;cursor:none;display:flex;justify-content:space-between;align-items:center;font-family:'Space Grotesk',sans-serif;font-size:17px;font-weight:700;color:var(--navy);transition:color .3s}
.faq-q:hover{color:var(--pink)}
.faq-ico{width:32px;height:32px;border-radius:50%;border:1.5px solid rgba(16,20,39,.18);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px;transition:all .3s;color:var(--navy)}
.faq-it.open .faq-ico{background:var(--pink);border-color:var(--pink);color:#fff;transform:rotate(45deg)}
.faq-a{height:0;overflow:hidden;transition:height .4s cubic-bezier(.22,.61,.36,1)}
.faq-a-in{padding-bottom:20px;font-size:14px;line-height:1.8;color:var(--muted)}

/* ── PRICING ── */
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}
.p-card{background:var(--navy2);border:1.5px solid var(--border);border-radius:14px;padding:clamp(28px,3.5vw,44px) clamp(22px,3vw,36px);position:relative;overflow:hidden;transition:transform .4s}
.p-card:hover{transform:translateY(-8px)}
.p-card.feat{background:linear-gradient(135deg,var(--pink) 0%,#a0006e 100%);border-color:transparent;transform:translateY(-12px)}
.p-card.feat:hover{transform:translateY(-18px)}
.p-plan{font-size:10px;letter-spacing:4px;text-transform:uppercase;color:var(--teal);margin-bottom:10px;display:block}
.p-card.feat .p-plan{color:rgba(255,255,255,.7)}
.p-name{font-family:'Space Grotesk',sans-serif;font-size:24px;font-weight:800;color:#fff;margin-bottom:6px}
.p-price{font-family:'Space Grotesk',sans-serif;font-size:clamp(40px,5vw,60px);font-weight:800;line-height:1;margin:20px 0;color:#fff}
.p-price sub{font-size:16px;font-weight:400}
.p-price small{font-size:13px;font-weight:400;color:rgba(255,255,255,.5)}
.p-feats{list-style:none;margin-bottom:32px}
.p-feats li{padding:9px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px;display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.8)}
.p-feats li::before{content:'✓';color:var(--teal);font-weight:800;flex-shrink:0}
.p-card.feat .p-feats li::before{color:#fff}
.p-badge{position:absolute;top:18px;right:18px;background:rgba(255,255,255,.2);color:#fff;font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:5px 10px;border-radius:20px}
.btn-buy{display:block;text-align:center;padding:14px;border-radius:50px;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;transition:var(--ease);cursor:none;width:100%;border:none}
.btn-buy-ghost{border:1.5px solid rgba(255,255,255,.2);color:#fff;background:transparent}
.btn-buy-ghost:hover{background:var(--teal);color:var(--navy);border-color:var(--teal)}
.btn-buy-white{background:#fff;color:var(--pink)}
.btn-buy-white:hover{background:var(--navy);color:#fff}

.container{max-width:1200px;margin:0 auto;width:100%;padding:0 15px}
.section-pad{padding:clamp(64px,8vw,110px) 5%;background:var(--white)}
.section-header-center{text-align:center;max-width:760px;margin:0 auto}
.section-label{display:inline-flex;align-items:center;gap:10px;color:var(--teal);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px}
.section-title{font-size:clamp(2rem,3vw,3.4rem);line-height:1.05;margin:0}
.section-sub{max-width:620px;margin:14px auto 0;color:var(--muted);line-height:1.8}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
.pricing-card{background:rgba(255,255,255,.98);border:1px solid rgba(16,20,39,.08);border-radius:26px;box-shadow:0 24px 60px rgba(16,20,39,.08);padding:32px;position:relative;transition:transform .35s,box-shadow .35s}
.pricing-card:hover{transform:translateY(-6px);box-shadow:0 32px 80px rgba(16,20,39,.12)}
.pricing-card--featured{background:linear-gradient(180deg,rgba(7,163,177,.08),rgba(7,163,177,.02));border-color:rgba(7,163,177,.18)}
.pricing-badge{position:absolute;top:20px;right:20px;padding:10px 16px;border-radius:999px;background:var(--teal);color:#fff;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.pricing-tier{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--teal);margin-bottom:16px}
.pricing-price{font-size:44px;font-weight:800;letter-spacing:-.02em;color:var(--navy);margin-bottom:18px;display:flex;align-items:flex-end;gap:8px}
.pricing-price span{font-size:16px;font-weight:600;color:var(--muted)}
.pricing-desc{margin-bottom:20px;color:var(--muted);line-height:1.75}
.pricing-features{list-style:none;padding:0;margin:0;display:grid;gap:14px}
.pricing-feature{display:flex;align-items:flex-start;gap:12px;color:var(--navy);font-weight:600;line-height:1.6}
.pricing-feature-icon{color:var(--teal);min-width:24px;margin-top:2px}
.btn-outline-teal{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;border:1.5px solid var(--teal);color:var(--teal);background:transparent;border-radius:999px;font-weight:700;text-transform:uppercase;transition:var(--ease);cursor:pointer}
.btn-outline-teal:hover{background:rgba(7,163,177,.1)}
.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 24px;border-radius:999px;background:var(--teal);color:#fff;font-weight:700;text-transform:uppercase;transition:var(--ease);cursor:pointer}
.btn-primary:hover{background:var(--teal2)}
.feature-preview{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:28px}
.feature-preview .card{background:rgba(255,255,255,.98);border:1px solid rgba(16,20,39,.08);border-radius:22px;box-shadow:0 18px 40px rgba(16,20,39,.08);padding:24px}
.feature-preview .card h3{font-size:1.1rem;margin-bottom:12px;color:var(--navy)}
.feature-preview .card p{margin:0;color:var(--muted);line-height:1.75}
.read-more-btn{display:inline-flex;align-items:center;gap:10px;margin-top:28px;padding:14px 26px;border-radius:999px;border:1.5px solid var(--teal);background:transparent;color:var(--teal);font-weight:700;text-transform:uppercase;letter-spacing:1px;transition:var(--ease);cursor:pointer}
.read-more-btn:hover{background:var(--teal);color:#fff}
.read-more-btn:hover .spin-icon{transform:rotate(360deg)}
.spin-icon{transition:transform .5s cubic-bezier(.22,.61,.36,1)}
.spin-arrow-btn .spin-icon{transition:transform .5s cubic-bezier(.22,.61,.36,1)}
.spin-arrow-btn:hover .spin-icon{transform:rotate(360deg)}
.expand-panel{overflow:hidden;max-height:0;opacity:0;transition:max-height .45s ease,opacity .35s ease .1s;margin-top:18px}
.expand-panel.open{max-height:2000px;opacity:1}
.expand-panel-inner{background:rgba(255,255,255,.96);border:1px solid rgba(16,20,39,.08);border-radius:20px;padding:30px;margin-top:22px;box-shadow:0 16px 40px rgba(16,20,39,.08)}
.expand-panel-inner p,.expand-panel-inner ul{margin-bottom:18px;color:var(--muted);line-height:1.75}
.expand-panel-inner ul{padding-left:18px;list-style:disc}
@media(max-width:980px){.pricing-grid,.feature-preview{grid-template-columns:1fr}}
@media(max-width:640px){.read-more-btn{width:100%;justify-content:center}}@media(max-width:900px){.price-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}.p-card.feat{transform:none}}

/* ── TICKER ── */
.ticker-wrap{background:#0d1020;padding:18px 0;overflow:hidden;position:sticky;top:0;z-index:1025}
.ticker-inner{display:flex;white-space:nowrap;animation:tick 18s linear infinite}
.ticker-item{font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#fff;padding:0 28px;display:inline-flex;align-items:center;gap:22px;transition:color .35s}
.ticker-item:hover{color:var(--teal)}
.ticker-item::after{content:'✦';opacity:.7}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ── THEME TICKER ── */
.theme-ticker-section{background:var(--navy);padding:clamp(40px,6vw,80px) 0;overflow:hidden}
.theme-label{text-align:center;font-family:'Space Grotesk',sans-serif;font-size:clamp(10px,1vw,12px);font-weight:700;letter-spacing:5px;text-transform:uppercase;color:var(--teal);margin-bottom:clamp(28px,4vw,48px)}
.theme-ticker{background:transparent !important;padding:0 !important}
.theme-ticker .ticker-inner{display:inline-flex;align-items:center;gap:0;animation:tick 22s linear infinite}
.theme-text{font-family:'Space Grotesk',sans-serif;font-size:clamp(28px,5vw,72px);font-weight:800;color:#fff;white-space:nowrap;line-height:1.1}
.theme-arrow{font-size:clamp(24px,4vw,56px);color:var(--teal);margin:0 clamp(20px,3vw,48px);font-weight:300;line-height:1}
.theme-ticker .ticker-item{display:inline-flex;align-items:center;justify-content:center;width:80px;padding:0}
.theme-ticker .ticker-item::after{content:'✦';font-size:clamp(16px,2vw,28px);color:var(--teal);opacity:.5}

/* ── COUNTDOWN ── */
#countdown{background:var(--off)}
.cd-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:36px}
.cd-box{background:var(--navy);padding:clamp(22px,4vw,40px) 12px;text-align:center;border-radius:var(--radius);position:relative;overflow:hidden}
.cd-box::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--pink);transform:scaleX(0);transform-origin:left;transition:.4s}
.cd-box.tick::before{transform:scaleX(1)}
.cd-num{font-family:'Space Grotesk',sans-serif;font-size:clamp(32px,5vw,64px);font-weight:800;color:var(--teal);display:block;line-height:1}
.cd-lbl{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--muted);margin-top:6px;display:block}
@media(max-width:480px){.cd-grid{grid-template-columns:repeat(2,1fr);gap:8px}}

/* ── CONTACT ── */
.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:stretch;max-width:960px;margin:0 auto}
.contact-info-panel{display:flex;flex-direction:column;gap:14px}
.cd-row{display:flex;gap:14px;align-items:center;padding:18px 22px;background:#fff;border:1px solid rgba(7,163,177,.12);border-radius:14px;transition:all .35s cubic-bezier(.22,.61,.36,1);box-shadow:0 2px 12px rgba(16,20,39,.04)}
.cd-row:hover{border-color:rgba(7,163,177,.25);box-shadow:0 6px 24px rgba(7,163,177,.1);transform:translateY(-3px)}
.cd-ico{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0;color:#fff;transition:transform .35s}
.cd-row:hover .cd-ico{transform:scale(1.1) rotate(-6deg)}
.cd-ico-phone{background:linear-gradient(135deg,#25d366,#128C7E)}
.cd-ico-mail{background:linear-gradient(135deg,var(--teal),#05818b)}
.cd-ico-loc{background:linear-gradient(135deg,#f59e0b,#d97706)}
.cd-txt{display:flex;flex-direction:column;gap:3px}
.cd-label{font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:800;color:var(--muted);letter-spacing:1px;text-transform:uppercase}
.cd-val{font-size:14px;color:var(--navy);line-height:1.5;font-weight:600}
.contact-soc-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(32px,5vw,52px) 28px;background:#fff;border:2px solid rgba(7,163,177,.12);border-radius:18px;box-shadow:0 4px 24px rgba(16,20,39,.04);text-align:center;transition:all .35s}
.contact-soc-panel:hover{border-color:rgba(7,163,177,.25);box-shadow:0 8px 32px rgba(7,163,177,.1)}
.contact-soc-label{font-family:'Space Grotesk',sans-serif;font-size:14px;font-weight:800;letter-spacing:4px;text-transform:uppercase;color:var(--teal);margin-bottom:24px}
.contact-soc-row{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}
.contact-soc-link{width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--navy);text-decoration:none;border:1.5px solid rgba(7,163,177,.15);transition:all .3s cubic-bezier(.22,.61,.36,1);background:#fff}
.contact-soc-link:hover{transform:translateY(-4px);border-color:transparent;box-shadow:0 6px 20px rgba(0,0,0,.08)}
.contact-soc-sub{font-size:14px;color:var(--muted);margin-top:20px;line-height:1.7;font-style:italic}
@media(max-width:768px){.contact-layout{grid-template-columns:1fr;max-width:480px}}

/* ── FOOTER ── */
footer{background:var(--navy3);border-top:1px solid var(--border);padding:clamp(52px,8vw,90px) 5% 32px}
.foot-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr 1.3fr;gap:44px;margin-bottom:44px}
.foot-logo-wrap{display:block;margin-bottom:18px}
.foot-logo-white{width:180px;height:auto;display:block;filter:brightness(0) invert(1);transition:filter .35s}
.foot-logo-wrap:hover .foot-logo-white{filter:brightness(0) invert(1) sepia(1) saturate(8) hue-rotate(152deg)}
.foot-desc{font-size:13px;line-height:1.8;color:rgba(255,255,255,.36);margin-bottom:22px}
.foot-soc{display:flex;gap:8px}
.foot-soc a{width:38px;height:38px;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;transition:all .3s;overflow:hidden;padding:8px;background:rgba(255,255,255,.05);font-size:16px;color:rgba(255,255,255,.5)}
.foot-soc a:hover{transform:translateY(-4px);box-shadow:0 4px 16px rgba(0,0,0,.2)}
.soc-li:hover{background:#0a66c2 !important;border-color:#0a66c2 !important;color:#fff !important}
.soc-ig:hover{background:radial-gradient(circle at 30% 110%,#fdf497 0%,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%) !important;border-color:#d6249f !important;color:#fff !important}
.soc-x:hover{background:#000 !important;border-color:#000 !important;color:#fff !important}
.soc-wa:hover{background:#25d366 !important;border-color:#25d366 !important;color:#fff !important}
.foot-col h5{font-family:'Space Grotesk',sans-serif;font-size:10px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--muted);margin-bottom:18px}
.foot-col a{display:block;font-size:13px;color:rgba(255,255,255,.38);margin-bottom:9px;transition:color .3s}
.foot-col a:hover{color:var(--teal)}
.foot-loc{display:flex !important;align-items:center;gap:8px;font-size:14px;color:rgba(255,255,255,.65) !important;margin-top:4px;opacity:1 !important;visibility:visible !important}
.foot-loc i{width:18px;text-align:center;color:var(--teal);font-size:14px;flex-shrink:0}
.foot-nl{display:flex;gap:0;margin-top:12px}
.fn-in{background:rgba(255,255,255,.06);border:1px solid var(--border);border-right:none;color:#fff;padding:11px 14px;border-radius:50px 0 0 50px;font-size:12px;outline:none;flex:1;transition:border-color .3s}
.fn-in::placeholder{color:rgba(255,255,255,.28)}
.fn-in:focus{border-color:var(--pink)}
.fn-btn{background:var(--pink);color:#fff;border:none;padding:11px 18px;border-radius:0 50px 50px 0;font-size:14px;cursor:none;transition:background .3s}
.fn-btn:hover{background:var(--pink2)}
.foot-bottom{border-top:1px solid var(--border);padding-top:24px;display:flex;justify-content:center;align-items:center;text-align:center;gap:12px}
.foot-copy{font-size:12px;color:rgba(255,255,255,.4)}
.dev-link{color:var(--teal);font-weight:700;text-decoration:none}
.dev-link:hover{text-decoration:underline}
.foot-links{display:flex;gap:20px}
.foot-links a{font-size:11px;color:rgba(255,255,255,.26);transition:color .3s}
.foot-links a:hover{color:#fff}
@media(max-width:900px){.foot-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.foot-grid{grid-template-columns:1fr}.foot-bottom{flex-direction:column;text-align:center}}

/* ── PAYMENT MODAL ── */
.modal-ov{position:fixed;inset:0;background:rgba(8,12,23,.94);backdrop-filter:blur(18px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:16px;opacity:0;pointer-events:none;transition:opacity .4s}
.modal-ov.open{opacity:1;pointer-events:all}
.modal-box{background:var(--navy2);border:1px solid var(--border);border-radius:18px;width:100%;max-width:520px;max-height:94vh;overflow-y:auto;transform:translateY(28px);transition:transform .4s cubic-bezier(.22,.61,.36,1)}
.modal-ov.open .modal-box{transform:translateY(0)}
.modal-head{padding:24px 28px 0;display:flex;justify-content:space-between;align-items:flex-start;position:sticky;top:0;background:var(--navy2);z-index:1;border-bottom:1px solid var(--border);padding-bottom:16px}
.modal-close{all:unset;cursor:none;width:32px;height:32px;border-radius:50%;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:15px;transition:all .3s;flex-shrink:0}
.modal-close:hover{background:rgba(255,255,255,.08);color:#fff}
.modal-title{font-family:'Space Grotesk',sans-serif;font-size:21px;font-weight:800;color:#fff}
.modal-sub{font-size:13px;color:var(--muted);margin-top:3px}
.modal-body{padding:20px 28px 28px}
.pay-tabs{display:flex;gap:3px;margin-bottom:22px;background:rgba(255,255,255,.05);border-radius:8px;padding:3px}
.pay-tab{flex:1;padding:9px 6px;border-radius:6px;background:transparent;border:none;color:rgba(255,255,255,.45);font-size:11px;font-weight:600;transition:all .3s;cursor:none;display:flex;align-items:center;justify-content:center;gap:5px}
.pay-tab.on{background:var(--pink);color:#fff}
.pay-panel{display:none}.pay-panel.on{display:block}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.f-row.one{grid-template-columns:1fr}
.inp{width:100%;background:rgba(255,255,255,.06);border:1px solid var(--border);color:#fff;padding:12px 13px;border-radius:8px;font-size:13px;outline:none;transition:border-color .3s}
.inp::placeholder{color:rgba(255,255,255,.22)}
.inp:focus{border-color:var(--pink)}
.card-vis{background:linear-gradient(135deg,#0a0f28 0%,#2d0a4e 100%);border-radius:12px;padding:18px;margin-bottom:16px;position:relative;overflow:hidden;height:142px;display:flex;flex-direction:column;justify-content:space-between}
.card-vis::before{content:'';position:absolute;top:-30px;right:-30px;width:130px;height:130px;border-radius:50%;background:rgba(233,30,140,.18)}
.card-chip{width:32px;height:24px;background:linear-gradient(135deg,#d4a843,#f0c060);border-radius:5px}
.card-num-v{font-family:'Space Grotesk',sans-serif;font-size:15px;letter-spacing:2px;color:rgba(255,255,255,.75)}
.card-bot{display:flex;justify-content:space-between;align-items:flex-end}
.card-h-lbl,.card-e-lbl{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.38)}
.card-h-v,.card-e-v{font-size:12px;color:rgba(255,255,255,.75);letter-spacing:1px}
.mpesa-badge{background:linear-gradient(135deg,#e5001f,#a3001a);color:#fff;font-family:'Space Grotesk',sans-serif;font-weight:800;font-size:17px;padding:8px 13px;border-radius:8px;display:inline-block;margin-bottom:6px}
.tigo-badge{background:linear-gradient(135deg,#0071bc,#004f88);color:#fff;font-family:'Space Grotesk',sans-serif;font-weight:800;font-size:15px;padding:8px 13px;border-radius:8px;display:inline-block;margin-bottom:6px}
.pay-info-box{border-radius:8px;padding:12px;margin-bottom:13px;font-size:12px;line-height:1.7;color:rgba(255,255,255,.5)}
.pay-info-box.green{background:rgba(7,163,177,.08);border:1px solid rgba(7,163,177,.2)}
.pay-info-box.blue{background:rgba(0,113,188,.1);border:1px solid rgba(0,113,188,.25)}
.pay-info-box strong{display:block;margin-bottom:4px;color:var(--teal)}
.pay-info-box.blue strong{color:#5baaf5}
.order-sum{background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:10px;padding:14px;margin-bottom:16px}
.os-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:12px;border-bottom:1px solid var(--border);color:rgba(255,255,255,.6)}
.os-row:last-child{border-bottom:none;font-weight:700;color:var(--pink);font-size:14px}
.os-row span:first-child{color:var(--muted)}
.select-wrap{position:relative;display:inline-block}
.select-wrap select{appearance:none;background:rgba(255,255,255,.06);border:1px solid var(--border);color:#fff;padding:8px 28px 8px 10px;border-radius:6px;font-size:12px;outline:none;cursor:none;transition:border-color .3s}
.select-wrap select:focus{border-color:var(--pink)}
.select-wrap::after{content:'▾';position:absolute;right:8px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none;font-size:11px}
.secure-note{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);margin-bottom:14px}
.lock-ico{color:var(--teal)}
.btn-pay{width:100%;background:var(--pink);color:#fff;border:none;padding:15px;border-radius:50px;font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase;cursor:none;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:8px}
.btn-pay:hover:not(:disabled){background:var(--pink2);transform:translateY(-2px)}
.btn-pay:disabled{opacity:.5;cursor:not-allowed;transform:none}
.err-box{color:#e74c3c;font-size:12px;margin-bottom:10px;padding:9px 12px;background:rgba(231,76,60,.1);border-radius:6px;border-left:3px solid #e74c3c;display:none}
.success-scr{display:none;text-align:center;padding:26px 0}
.s-ico-wrap{width:68px;height:68px;background:rgba(233,30,140,.15);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;margin:0 auto 16px}
.success-scr h3{font-family:'Space Grotesk',sans-serif;font-size:22px;font-weight:800;color:#fff;margin-bottom:8px}
.success-scr p{font-size:13px;color:var(--muted);margin-bottom:20px}
.ticket-prev{background:linear-gradient(135deg,var(--navy3),#2d0a4e);border-radius:12px;padding:18px;border:1px dashed var(--pink);margin-bottom:18px}
.ticket-prev h4{font-family:'Space Grotesk',sans-serif;font-size:17px;color:var(--pink);margin-bottom:7px}
.ticket-prev p{font-size:12px;color:rgba(255,255,255,.45)}
@media(max-width:480px){.f-row{grid-template-columns:1fr}.modal-body,.modal-head{padding-left:16px;padding-right:16px}.pay-tab{font-size:10px;padding:8px 3px}}

/* ══════════════════════════════════════════
   MOBILE-FIRST RESPONSIVE
   ══════════════════════════════════════════ */

/* ── Tablet & below (≤900px) ── */
@media(max-width:900px){
  /* Section padding */
  .sec{padding:clamp(52px,8vw,90px) 5%}

  /* Hero */
  #hero{padding-top:88px}
  .hero-inner{padding:0 5% 60px;gap:20px}

  /* Why images */
  .why-images{grid-template-columns:1fr}
  .why-img-main{height:280px;grid-row:auto}
  .why-img-sm{display:none}

  /* Features 2-col already handled — ensure gap */
  .feat-grid{gap:16px}

  /* Speakers 2-col already set */
  .spk-grid{grid-template-columns:repeat(2,1fr)}

  /* Pricing */
  .price-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}
  .pricing-grid{grid-template-columns:1fr}
  .p-card.feat{transform:none}

  /* Footer 2-col already set */
  .foot-grid{grid-template-columns:1fr 1fr;gap:32px}
}

/* ── Large phones & below (≤768px) ── */
@media(max-width:768px){
  /* Section */
  .sec{padding:clamp(44px,7vw,72px) 4%}
  .sec-hdr{flex-direction:column;align-items:flex-start;gap:14px}
  .sec-title{font-size:clamp(24px,6vw,40px)}

  /* Nav */
  #nav{top:12px;padding:10px 18px}

  /* Hero */
  #hero{padding-top:80px;min-height:100svh}
  .hero-inner{padding:0 4% 56px;grid-template-columns:1fr}
  .hero-right{display:none}
  .hero-h1 .h1-big{font-size:clamp(42px,10vw,72px);letter-spacing:-2px}
  .hero-eyebrow{font-size:11px;letter-spacing:2px}
  .hero-venue{font-size:13px;max-width:100%}
  .hero-actions{flex-direction:column;align-items:stretch;gap:14px}
  .btn-hero{width:100%;justify-content:center;padding:16px 24px}
  .hero-speakers-preview{justify-content:flex-start}

  /* Stats */
  .stats-band{padding:32px 4%;grid-template-columns:repeat(2,1fr)}
  .stat-item:nth-child(2){border-right:none}
  .stat-item{border-bottom:1px solid var(--border);padding:20px 12px}
  .stat-item:nth-last-child(-n+2){border-bottom:none}

  /* Why grid */
  .why-grid{grid-template-columns:1fr;gap:36px}
  .why-bullets{grid-template-columns:1fr}
  .why-cta-row{flex-direction:column;align-items:flex-start}

  /* Features */
  .feat-grid{grid-template-columns:1fr}
  .feat{padding:24px 20px}

  /* Schedule */
  .sched-tabs{gap:6px}
  .s-tab{padding:9px 14px;font-size:12px}
  .s-item{gap:10px;padding:14px 0}
  .s-time{font-size:13px;min-width:48px}
  .s-av{width:36px;height:36px}
  .s-title{font-size:14px}
  .s-spk{font-size:12px}

  /* Team */
  .team-grid{grid-template-columns:repeat(2,1fr);gap:24px}
  .team-card{max-width:380px;margin:0 auto}

  /* Sponsors */
  .spons-box{height:80px;padding:16px}
  .spons-grid.platinum,.spons-grid.gold,.spons-grid.silver{grid-template-columns:repeat(2,1fr)}

  /* Testimonials */
  .testi-qs{font-size:52px}
  .testi-avs button{width:44px;height:44px;margin:0 -8px}
  .testi-avs button.on{width:58px;height:58px}
  .testi-q{font-size:clamp(15px,4vw,20px)}

  /* FAQ */
  .faq-list{max-width:100%}
  .faq-q{font-size:15px;padding:18px 0}

  /* Pricing */
  .pricing-card{padding:24px 20px}
  .pricing-price{font-size:36px}
  .feature-preview{grid-template-columns:1fr}

  /* Contact */
  .contact-layout{max-width:480px}

  /* Countdown */
  .cd-grid{grid-template-columns:repeat(2,1fr);gap:8px}

  /* Footer */
  .foot-grid{grid-template-columns:1fr 1fr;gap:28px}

  /* Buttons */
  .btn-pink{font-size:11px;padding:12px 22px}
  .read-more-btn{width:100%;justify-content:center}

  /* Speakers TBA */
  .spk-tba-banner{padding:48px 20px;gap:12px}
  .spk-tba-title{font-size:clamp(20px,5vw,28px)}
}

/* ── Small phones (≤480px) ── */
@media(max-width:480px){
  /* Section */
  .sec{padding:40px 4%}
  .sec-hdr{margin-bottom:28px}

  /* Nav */
  #nav{top:8px;width:calc(100% - 20px);padding:9px 14px;border-radius:14px}
  .nav-logo img{height:40px}
  .nav-cta{padding:9px 16px;font-size:10px;letter-spacing:1px}
  .nav-search{width:30px;height:30px}

  /* Hero */
  #hero{padding-top:72px}
  .hero-inner{padding:0 4% 48px}
  .hero-h1 .h1-big{font-size:clamp(36px,12vw,56px);letter-spacing:-1.5px}
  .hero-date .date-num{font-size:clamp(18px,5.5vw,26px)}
  .hero-eyebrow{font-size:10px;letter-spacing:1.5px}
  .hero-venue{font-size:12px;margin-bottom:28px}
  .hero-speakers-preview{flex-direction:column;align-items:flex-start;gap:6px}
  .spk-count{margin-left:0;font-size:12px}
  .btn-hero{padding:14px 20px;font-size:11px}

  /* Stats */
  .stat-n{font-size:clamp(28px,8vw,44px)}
  .stat-l{font-size:9px;letter-spacing:2px}

  /* Schedule */
  .s-item{flex-wrap:wrap;gap:8px}
  .s-time{min-width:auto;font-size:12px}
  .s-av{display:none}
  .s-badge{margin-top:2px}

  /* Speakers grid */
  .spk-grid{grid-template-columns:1fr}

  /* Team */

  /* FAQ */
  .faq-q{font-size:14px;gap:12px}
  .faq-ico{width:28px;height:28px;font-size:16px;flex-shrink:0}

  /* Ticker */
  .ticker-item{font-size:13px;padding:0 16px;gap:14px}
  .ticker-inner{animation-duration:12s}
  .theme-ticker .ticker-inner{animation-duration:16s}

  /* Countdown */
  .cd-num{font-size:clamp(28px,9vw,48px)}

  /* Footer */
  .foot-grid{grid-template-columns:1fr;gap:28px}
  .foot-bottom{flex-direction:column;text-align:center;gap:8px}
  .foot-links{justify-content:center;flex-wrap:wrap;gap:14px}
  .fn-in{font-size:12px}

  /* Sponsors */
  .spons-grid.platinum,.spons-grid.gold,.spons-grid.silver{grid-template-columns:1fr}
  .spons-box{height:72px}

  /* Contact */
  .btn-send{width:100%;text-align:center}
  .map-box iframe{height:220px}

  /* Pricing */
  .price-grid{max-width:100%}
  .p-price{font-size:clamp(36px,10vw,52px)}
  .pricing-price{font-size:32px}

  /* Modal */
  .modal-box{border-radius:14px 14px 0 0;position:fixed;bottom:0;max-height:90vh}
  .modal-ov{align-items:flex-end;padding:0}
  .pay-tab{font-size:9px;padding:8px 3px}
  .modal-body,.modal-head{padding-left:14px;padding-right:14px}

  /* Why section */
  .why-img-main{height:220px}
  .why-bullet{padding:12px}
  .why-bullet-ico{width:38px;height:38px;font-size:16px}
  .why-bullet-txt{font-size:13px}
}

/* ── Ham open state ── */
.ham.open span{background:#fff}

/* ── Team mobile slider ── */


/* ═══════════════════════════════════════
/* Hero caption overrides */
.carousel-caption p{font-size:clamp(13px,2.2vw,18px);color:rgba(255,255,255,.75);margin-bottom:12px;letter-spacing:.3px}
.carousel-caption .heading{font-family:'Space Grotesk',sans-serif;font-size:clamp(32px,6.5vw,76px);font-weight:800;line-height:1.05;color:#fff;margin-bottom:12px}
.carousel-meta{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:28px;font-size:14px;color:rgba(255,255,255,.65)}
.carousel-date,.carousel-venue{display:inline-flex;align-items:center;gap:6px}
.hero-static{position:absolute;inset:0;background:url(assets/images/hero-bg.svg) center/cover no-repeat;opacity:.12;z-index:1}

/* Buttons */
.btn-common{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:50px;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;border:none;background:var(--teal);color:#fff;transition:var(--ease)}
.btn-common:hover{background:var(--teal2);transform:translateY(-2px);box-shadow:0 8px 24px rgba(7,163,177,.35)}
.btn-border{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;border-radius:50px;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;background:transparent;border:1.5px solid rgba(255,255,255,.4);color:#fff;transition:var(--ease)}
.btn-border:hover{background:var(--teal);border-color:var(--teal);box-shadow:0 8px 24px rgba(7,163,177,.35)}
.spin-arrow-btn-white:hover{background:var(--teal);border-color:var(--teal)}
.btn-lg{padding:14px 36px;font-size:13px}
.disabled-btn{opacity:.65;cursor:not-allowed}
.reg-notice{display:inline-flex;align-items:center;gap:8px;position:relative}
.reg-cancel-icon{font-size:16px;opacity:0;transition:opacity .3s,transform .3s;transform:scale(.6)}
.reg-notice:hover .reg-cancel-icon{opacity:1;transform:scale(1)}
.reg-wrap{display:inline-flex}
.reg-wrap .reg-notice{opacity:.55;filter:grayscale(.4)}
.hero-btns{display:flex;align-items:center;gap:16px;margin-top:28px;flex-wrap:wrap}

/* Hero section background */
header .carousel-caption{position:relative;top:auto;left:auto;right:auto;bottom:auto;transform:none;z-index:3;height:100vh;display:flex;align-items:center;justify-content:center;text-align:center}
#header-wrap{position:relative;background:#101427;min-height:100vh;overflow:hidden}

/* Hero buttons responsive */
@media(max-width:600px){
  #hero .hero-btns{flex-direction:column;align-items:center;gap:12px}
  #hero .hero-btns .btn,
  #hero .hero-btns .reg-wrap{width:100%;max-width:280px}
  #hero .hero-btns .reg-wrap .btn{width:100%;justify-content:center;padding:12px 20px;font-size:12px}
  #hero .hero-btns .btn-border.btn-lg{width:100%;justify-content:center;padding:12px 20px;font-size:12px}
  .ticker-item{font-size:13px}
  .ticker-inner{animation-duration:12s}
  .theme-ticker .ticker-inner{animation-duration:16s}
}