/* ═══════════════════════════════════════════════════════
   IAIC WordPress Theme v2 — Main Stylesheet
   Fonts: Space Grotesk (headings) · Inter (body)
   ═══════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700;800&family=Poppins:wght@600;700;800&family=Inter:wght@400;500;600&display=swap');

/* ── Reset ─────────────────────────────────────────────── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:'Inter',system-ui,sans-serif;background:#090910;color:#e2e8f0;line-height:1.65;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none}

/* ── Tokens ────────────────────────────────────────────── */
:root{
  --orange:#FF6B35; --yellow:#FFD700; --blue:#00D9FF;
  --purple:#A855F7; --pink:#EC4899;   --cyan:#06B6D4;
  --dark-950:#090910; --dark-900:#0D0D18; --dark-800:#12121F;
  --dark-700:#1A1A2E; --dark-600:#252540; --dark-500:#32325A;
  --brand-grad:linear-gradient(135deg,#FF6B35 0%,#FFD700 100%);
  --cool-grad:linear-gradient(135deg,#00D9FF 0%,#A855F7 100%);
  --r-sm:.75rem; --r-md:1rem; --r-lg:1.25rem; --r-xl:1.5rem; --r-2xl:2rem; --r-pill:9999px;
  --ease:cubic-bezier(.4,0,.2,1);
  --shadow-card:0 4px 24px rgba(0,0,0,.4);
  --shadow-glow:0 0 40px rgba(255,107,53,.25);
}

/* ── Scrollbar ─────────────────────────────────────────── */
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:var(--dark-800)}
::-webkit-scrollbar-thumb{background:var(--brand-grad);border-radius:99px}

/* ── Utilities ─────────────────────────────────────────── */
.max-container{max-width:1240px;margin:0 auto;padding:0 1.5rem}
.gradient-text{background:var(--brand-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.glass-card{background:rgba(255,255,255,.04);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-xl)}

/* Card hover base */
.glass-card-hover{
  background:rgba(255,255,255,.04);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border:1px solid rgba(255,255,255,.08);border-radius:var(--r-xl);
  transition:background .28s var(--ease),border-color .28s var(--ease),box-shadow .28s var(--ease),transform .28s var(--ease);
}
.glass-card-hover:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.15);box-shadow:var(--shadow-card),var(--shadow-glow);transform:translateY(-4px)}

/* Buttons */
.btn-primary{
  display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;
  border-radius:var(--r-pill);background:var(--brand-grad);color:#0A0A0A;
  font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:.95rem;letter-spacing:.01em;
  border:none;cursor:pointer;transition:box-shadow .25s var(--ease),transform .25s var(--ease);
}
.btn-primary:hover{box-shadow:0 6px 28px rgba(255,107,53,.55);transform:translateY(-2px) scale(1.02)}
.btn-secondary{
  display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;
  border-radius:var(--r-pill);border:1.5px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);
  color:#e2e8f0;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:.95rem;
  transition:border-color .25s var(--ease),background .25s var(--ease);cursor:pointer;
}
.btn-secondary:hover{border-color:rgba(255,255,255,.4);background:rgba(255,255,255,.09)}
.btn-outline{
  display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1.75rem;
  border-radius:var(--r-pill);border:1.5px solid rgba(255,107,53,.5);color:var(--orange);
  font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:.9rem;
  transition:border-color .25s,background .25s,color .25s;
}
.btn-outline:hover{background:rgba(255,107,53,.1);border-color:var(--orange)}
.btn-lg{padding:.9rem 2.25rem;font-size:1.05rem}
.section{padding:5.5rem 0}
.bg-tinted{background:rgba(18,18,31,.7)}
.section-eyebrow{font-family:'Space Grotesk',sans-serif;font-size:.8rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--orange);margin-bottom:.75rem}
.section-head{text-align:center;margin-bottom:3.5rem}
.section-title{font-family:'Space Grotesk',sans-serif;font-size:clamp(1.85rem,4.5vw,3rem);font-weight:800;line-height:1.12;letter-spacing:-.02em;margin-bottom:1rem;color:#f1f5f9}
.section-sub{font-size:1.05rem;color:#94a3b8;max-width:46ch;margin:0 auto;line-height:1.7}
.section-cta{text-align:center;margin-top:2.75rem}

/* Fade-up */
.fade-up{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.fade-up.visible{opacity:1;transform:none}

/* Service icon gradients */
.icon-orange{background:linear-gradient(135deg,#FF6B35,#FF9F1C)}
.icon-blue{background:linear-gradient(135deg,#00D9FF,#06B6D4)}
.icon-purple{background:linear-gradient(135deg,#A855F7,#EC4899)}
.icon-yellow{background:linear-gradient(135deg,#FFD700,#FF6B35)}

/* Card link arrow */
.card-link-arrow{display:inline-flex;align-items:center;gap:.4rem;font-size:.875rem;font-weight:600;color:var(--orange);transition:color .2s,gap .2s}
.card-link-arrow:hover,.service-card:hover .card-link-arrow{color:var(--yellow);gap:.65rem}

/* ═══════════════ HEADER ═══════════════════════════════════ */
.site-header{position:fixed;top:0;left:0;right:0;z-index:999;transition:background .3s,backdrop-filter .3s,box-shadow .3s}
.site-header.scrolled{background:rgba(9,9,16,.88);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(255,255,255,.07);box-shadow:0 4px 32px rgba(0,0,0,.4)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:5rem}
.site-logo{display:flex;align-items:center;gap:.85rem}
.logo-img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,107,53,.4))}
.logo-text{display:flex;flex-direction:column;line-height:1.2}
.logo-name{font-family:'Space Grotesk',sans-serif;font-size:1.3rem;font-weight:800;letter-spacing:-.02em}
.logo-sub{font-size:.68rem;color:#64748b;letter-spacing:.03em}
.desktop-nav{display:flex;align-items:center;gap:2rem}
.nav-links{display:flex;align-items:center;gap:1.75rem}
.nav-links li a{font-family:'Space Grotesk',sans-serif;font-size:.9rem;font-weight:500;color:#94a3b8;position:relative;transition:color .2s;padding:.25rem 0}
.nav-links li a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--brand-grad);border-radius:2px;transition:width .25s var(--ease)}
.nav-links li a:hover{color:#f1f5f9}
.nav-links li a:hover::after{width:100%}
.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.5rem;border-radius:.5rem;transition:background .2s}
.hamburger:hover{background:rgba(255,255,255,.08)}
.hamburger span{display:block;width:22px;height:2px;background:#e2e8f0;border-radius:2px;transition:transform .3s,opacity .3s}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-menu{display:block;overflow:hidden;max-height:0;background:rgba(12,12,24,.97);backdrop-filter:blur(24px);border-top:1px solid rgba(255,255,255,.07);transition:max-height .35s var(--ease)}
.mobile-menu.open{max-height:380px}
.mobile-nav-links{display:flex;flex-direction:column;padding:1rem 1.5rem .5rem;gap:.15rem}
.mobile-nav-links li a{display:block;padding:.75rem 1rem;border-radius:.75rem;font-family:'Space Grotesk',sans-serif;font-size:.95rem;font-weight:500;color:#94a3b8;transition:background .2s,color .2s}
.mobile-nav-links li a:hover{background:rgba(255,255,255,.06);color:#f1f5f9}

/* ═══════════════ HERO ═════════════════════════════════════ */
.hero-section{min-height:100vh;display:flex;flex-direction:column;align-items:stretch;position:relative;overflow:hidden;padding-top:5rem}
.hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none}
.hero-orb{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none}
.orb-1{width:520px;height:520px;background:rgba(255,107,53,.12);top:-100px;right:-80px}
.orb-2{width:400px;height:400px;background:rgba(168,85,247,.1);bottom:0;left:-100px}
.orb-3{width:300px;height:300px;background:rgba(0,217,255,.07);top:40%;left:45%}
.circuit-svg{width:100%;height:100%;opacity:.5}
.circuit-path{stroke-dasharray:1400;stroke-dashoffset:1400;animation:draw-circuit 7s linear infinite}
.circuit-path.p2{animation-delay:1.2s;animation-duration:9s}
@keyframes draw-circuit{to{stroke-dashoffset:-1400}}
.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;padding:4rem 1.5rem 2rem;flex:1}
.hero-copy{display:flex;flex-direction:column;gap:1.6rem}
.hero-badge{display:inline-flex;align-items:center;gap:.65rem;padding:.45rem 1.1rem;border-radius:var(--r-pill);background:rgba(255,107,53,.1);border:1px solid rgba(255,107,53,.25);font-family:'Space Grotesk',sans-serif;font-size:.82rem;font-weight:600;color:var(--orange);width:fit-content;letter-spacing:.02em}
.badge-dot{width:7px;height:7px;border-radius:50%;background:var(--orange);animation:pulse-dot 2s ease-in-out infinite}
@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}
.hero-title{font-family:'Space Grotesk',sans-serif;font-size:clamp(3rem,7vw,5.2rem);font-weight:800;line-height:1.05;letter-spacing:-.035em}
.hero-tagline{font-size:1.1rem;color:#94a3b8;max-width:44ch;line-height:1.75}
.hero-cta{display:flex;flex-wrap:wrap;gap:.9rem}
/* Hero Visual */
.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;height:440px}
.ring{position:absolute;border-radius:50%;border:1px solid;animation:spin 22s linear infinite}
.ring-1{width:360px;height:360px;border-color:rgba(255,107,53,.15);animation-duration:22s}
.ring-2{width:280px;height:280px;border-color:rgba(255,215,0,.15);animation-direction:reverse;animation-duration:16s}
.ring-3{width:210px;height:210px;border-color:rgba(0,217,255,.15);animation-duration:28s}
@keyframes spin{to{transform:rotate(360deg)}}
.logo-orb{width:170px;height:170px;border-radius:50%;position:relative;z-index:2;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:center;animation:glow-pulse 3s ease-in-out infinite alternate,float 6s ease-in-out infinite;padding:1.25rem}
@keyframes glow-pulse{from{box-shadow:0 0 25px rgba(255,107,53,.35),0 0 50px rgba(255,215,0,.15)}to{box-shadow:0 0 45px rgba(255,107,53,.65),0 0 80px rgba(255,215,0,.3)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
.float-chip{position:absolute;display:flex;align-items:center;gap:.45rem;padding:.55rem .9rem;border-radius:var(--r-pill);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(10px);font-family:'Space Grotesk',sans-serif;font-size:.78rem;font-weight:600;color:#e2e8f0;z-index:3;white-space:nowrap}
.chip-1{top:12%;right:8%;animation:float 4.2s ease-in-out infinite}
.chip-2{bottom:12%;left:8%;animation:float 5s ease-in-out infinite reverse}
.chip-3{top:52%;right:-4%;animation:float 4.7s ease-in-out infinite}
/* Stats strip */
.hero-stats-strip{position:relative;z-index:1;border-top:1px solid rgba(255,255,255,.07);background:rgba(12,12,24,.6);backdrop-filter:blur(12px);padding:1.2rem 0}
.stats-inner{display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:wrap}
.stat-chip{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;border-right:1px solid rgba(255,255,255,.07)}
.stat-chip:last-child{border-right:none}
.stat-emoji{font-size:1.4rem;line-height:1}
.stat-chip div{display:flex;flex-direction:column}
.stat-chip strong{font-family:'Space Grotesk',sans-serif;font-size:1.35rem;font-weight:800;line-height:1.1}
.stat-chip span{font-size:.75rem;color:#64748b;margin-top:.15rem}
/* Scroll cue */
.scroll-cue{position:absolute;bottom:1.5rem;left:50%;transform:translateX(-50%);width:22px;height:36px;border-radius:11px;border:1.5px solid rgba(255,255,255,.2);display:flex;justify-content:center;padding:5px;z-index:2}
.scroll-dot{width:4px;height:7px;background:var(--brand-grad);border-radius:2px;animation:sb 2s ease-in-out infinite}
@keyframes sb{0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}

/* ═══════════════ SERVICES ═════════════════════════════════ */
.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}
.service-card{display:flex;flex-direction:column;gap:.9rem;padding:1.75rem 1.5rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-xl);transition:background .28s,border-color .28s,box-shadow .28s,transform .28s}
.service-card:hover{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14);box-shadow:var(--shadow-card),0 0 40px rgba(255,107,53,.1);transform:translateY(-5px)}
.service-icon-wrap{width:56px;height:56px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;transition:transform .25s}
.service-card:hover .service-icon-wrap{transform:scale(1.08) rotate(-3deg)}
.service-card h3{font-family:'Space Grotesk',sans-serif;font-size:1.05rem;font-weight:700;color:#f1f5f9;line-height:1.3}
.service-card p{font-size:.875rem;color:#64748b;line-height:1.7;flex:1}

/* ═══════════════ UPDATES ══════════════════════════════════ */
.cards-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.update-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-xl);padding:1.75rem;display:flex;flex-direction:column;gap:.75rem;transition:background .25s,transform .25s,box-shadow .25s}
.update-card:hover{background:rgba(255,255,255,.07);transform:translateY(-3px);box-shadow:var(--shadow-card)}
.update-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}
.update-badge{font-family:'Space Grotesk',sans-serif;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.3rem .75rem;border-radius:var(--r-pill)}
.badge-blue{background:rgba(0,217,255,.12);color:var(--blue)}
.badge-orange{background:rgba(255,107,53,.12);color:var(--orange)}
.badge-purple{background:rgba(168,85,247,.12);color:var(--purple)}
.update-date{font-size:.75rem;color:#475569}
.update-card h3{font-family:'Space Grotesk',sans-serif;font-size:1rem;font-weight:700;color:#e2e8f0;line-height:1.4}
.update-card p{font-size:.875rem;color:#64748b;line-height:1.65}

/* ═══════════════ VIDEOS ═══════════════════════════════════ */
.videos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.video-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-xl);overflow:hidden;cursor:pointer;transition:transform .28s,box-shadow .28s}
.video-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card),0 0 30px rgba(255,107,53,.12)}
.video-thumb-wrap{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--dark-700)}
.video-thumb-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)}
.video-card:hover .video-thumb-wrap img{transform:scale(1.05)}
.video-no-thumb{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--dark-700)}
.play-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.25);border:none;cursor:pointer;transition:background .25s}
.play-overlay:hover{background:rgba(0,0,0,.45)}
.play-btn-circle{width:60px;height:60px;border-radius:50%;background:rgba(255,107,53,.9);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .2s,background .2s;padding-left:3px}
.play-overlay:hover .play-btn-circle{transform:scale(1.1);background:var(--orange)}
.platform-badge{position:absolute;top:.6rem;left:.6rem;font-family:'Space Grotesk',sans-serif;font-size:.7rem;font-weight:700;padding:.25rem .6rem;border-radius:var(--r-pill);text-transform:uppercase;letter-spacing:.05em}
.badge-youtube{background:rgba(255,0,0,.8);color:#fff}
.badge-tiktok{background:rgba(0,0,0,.8);color:#fff;border:1px solid rgba(255,255,255,.2)}
.badge-facebook{background:rgba(24,119,242,.8);color:#fff}
.video-info{padding:1.1rem 1.25rem}
.video-info h3{font-family:'Space Grotesk',sans-serif;font-size:.95rem;font-weight:700;color:#e2e8f0;line-height:1.4;margin-bottom:.4rem}
.video-info p{font-size:.825rem;color:#64748b;line-height:1.55}

/* Lightbox */
.video-lightbox{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s}
.video-lightbox.open{opacity:1;pointer-events:all}
.lightbox-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.88);backdrop-filter:blur(6px)}
.lightbox-content{position:relative;z-index:1;width:min(900px,94vw)}
.lightbox-close{position:absolute;top:-44px;right:0;background:rgba(255,255,255,.12);border:none;border-radius:50%;width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:background .2s}
.lightbox-close:hover{background:rgba(255,255,255,.22)}
.lightbox-frame-wrap{aspect-ratio:16/9;background:#000;border-radius:var(--r-lg);overflow:hidden}
.lightbox-frame-wrap iframe{width:100%;height:100%;border:0}

/* ═══════════════ AI TIPS ══════════════════════════════════ */
.tips-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.tip-card{display:flex;flex-direction:column;gap:.7rem;padding:1.6rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-xl);transition:background .25s,border-color .25s,transform .25s,box-shadow .25s}
.tip-card:hover{background:rgba(255,255,255,.07);border-color:rgba(255,215,0,.2);transform:translateY(-4px);box-shadow:var(--shadow-card),0 0 30px rgba(255,215,0,.08)}
.tip-top{display:flex;align-items:center;justify-content:space-between}
.tip-type-badge{font-family:'Space Grotesk',sans-serif;font-size:.75rem;font-weight:700;color:var(--yellow);background:rgba(255,215,0,.1);padding:.2rem .65rem;border-radius:var(--r-pill)}
.tip-date{font-size:.72rem;color:#475569}
.tip-card h3{font-family:'Space Grotesk',sans-serif;font-size:1rem;font-weight:700;color:#e2e8f0;line-height:1.4}
.tip-card p{font-size:.875rem;color:#64748b;line-height:1.65;flex:1}
.tip-read-more{font-family:'Space Grotesk',sans-serif;font-size:.82rem;font-weight:600;color:var(--yellow);transition:color .2s}
.tip-card:hover .tip-read-more{color:#fff}

/* ═══════════════ ABOUT ════════════════════════════════════ */
.about-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:4rem;align-items:start}
.about-copy{display:flex;flex-direction:column;gap:1.1rem}
.about-copy p{font-size:1rem;color:#94a3b8;line-height:1.75}
.about-cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.about-card{display:flex;gap:1rem;align-items:flex-start;padding:1.4rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-xl);transition:background .25s,transform .25s}
.about-card:hover{background:rgba(255,255,255,.07);transform:translateY(-3px)}
.about-emoji{font-size:1.6rem;line-height:1;flex-shrink:0;margin-top:.1rem}
.about-card h4{font-family:'Space Grotesk',sans-serif;font-size:.95rem;font-weight:700;color:#e2e8f0;margin-bottom:.35rem}
.about-card p{font-size:.825rem;color:#64748b;line-height:1.6}

/* ═══════════════ JOIN ═════════════════════════════════════ */
.join-card{position:relative;overflow:hidden;border-radius:var(--r-2xl);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.join-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% -20%,rgba(255,107,53,.18) 0%,transparent 65%);pointer-events:none}
.join-inner{position:relative;z-index:1;padding:4rem 3rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1.25rem}
.join-icon-wrap{width:76px;height:76px;border-radius:50%;background:var(--brand-grad);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px rgba(255,107,53,.35)}
.join-cta{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:.5rem}
.join-stats-row{display:flex;align-items:center;gap:0;margin-top:1.5rem;padding-top:1.75rem;border-top:1px solid rgba(255,255,255,.08)}
.j-stat{padding:0 2.5rem;text-align:center}
.j-stat strong{display:block;font-family:'Space Grotesk',sans-serif;font-size:1.6rem;font-weight:800;line-height:1.1}
.j-stat span{font-size:.8rem;color:#64748b;margin-top:.2rem;display:block}
.j-stat-div{width:1px;height:36px;background:rgba(255,255,255,.1)}

/* ═══════════════ PAGE HERO ════════════════════════════════ */
.page-hero{padding:7.5rem 0 3.5rem;border-bottom:1px solid rgba(255,255,255,.07)}
.page-hero-inner{text-align:center;max-width:700px;margin:0 auto}
.page-hero-inner .section-title{font-size:clamp(2rem,5vw,3.2rem)}
.page-hero-inner .section-sub{margin-top:.75rem;font-size:1rem;max-width:60ch}

/* ═══════════════ ARTICLE GRID (Workshops / KB) ════════════ */
.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem}
.article-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-xl);overflow:hidden;display:flex;flex-direction:column;transition:transform .28s,box-shadow .28s,border-color .28s}
.article-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-card),var(--shadow-glow);border-color:rgba(255,255,255,.14)}
.article-thumb{display:block;overflow:hidden;aspect-ratio:16/9}
.article-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)}
.article-card:hover .article-thumb img{transform:scale(1.05)}
.article-body{padding:1.5rem;display:flex;flex-direction:column;gap:.7rem;flex:1}
.article-meta{font-size:.75rem;color:#475569;font-family:'Space Grotesk',sans-serif}
.article-body h2{font-family:'Space Grotesk',sans-serif;font-size:1.1rem;font-weight:700;line-height:1.4;color:#e2e8f0}
.article-body h2 a:hover{color:var(--orange)}
.article-body p{font-size:.875rem;color:#64748b;line-height:1.65;flex:1}

/* ═══════════════ SINGLE ═══════════════════════════════════ */
.single-page .section{max-width:820px;margin:0 auto}
.single-thumb{border-radius:var(--r-xl);overflow:hidden;margin-bottom:2rem}
.single-thumb img{width:100%;max-height:480px;object-fit:cover}
.single-content{padding:2.5rem;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-xl)}
.single-meta{font-size:.78rem;color:#475569;margin-bottom:.75rem;font-family:'Space Grotesk',sans-serif}
.single-content h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;letter-spacing:-.025em;line-height:1.2;margin-bottom:2rem;color:#f1f5f9}
.post-content{color:#cbd5e1;line-height:1.8;font-size:1rem}
.post-content p,.post-content ul,.post-content ol{margin-bottom:1.4rem}
.post-content h2,.post-content h3{font-family:'Space Grotesk',sans-serif;font-weight:700;margin-bottom:.75rem;color:#f1f5f9}
.post-content h2{font-size:1.45rem}
.post-content h3{font-size:1.2rem}
.post-content a{color:var(--orange);text-decoration:underline;text-underline-offset:2px}
.back-link{margin:1.5rem auto 0;max-width:820px}

/* ═══════════════ ARCHIVE (generic) ═══════════════════════ */
.empty-state{padding:3rem;text-align:center;color:#64748b;font-size:1rem}
.pagination{margin-top:3rem;display:flex;justify-content:center}
.pagination .nav-links{display:flex;gap:.4rem;flex-wrap:wrap}
.pagination .nav-links a,.pagination .nav-links span{padding:.5rem .9rem;border-radius:.6rem;font-family:'Space Grotesk',sans-serif;font-size:.875rem;font-weight:600;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);transition:background .2s}
.pagination .nav-links a:hover,.pagination .nav-links .current{background:var(--brand-grad);color:#0A0A0A;border-color:transparent}

/* ═══════════════ FOOTER ═══════════════════════════════════ */
.site-footer{position:relative;border-top:1px solid rgba(255,255,255,.07);background:rgba(9,9,16,.8);backdrop-filter:blur(16px)}
.footer-inner{padding:4.5rem 1.5rem 2.5rem}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:3rem}
.footer-brand .site-logo{margin-bottom:1.25rem}
.footer-desc{color:#475569;font-size:.875rem;line-height:1.7;margin-bottom:.9rem}
.footer-location{display:flex;align-items:center;gap:.5rem;color:#475569;font-size:.85rem}
.footer-col h3{font-family:'Space Grotesk',sans-serif;font-size:.9rem;font-weight:700;color:#94a3b8;margin-bottom:1.1rem;letter-spacing:.03em;text-transform:uppercase}
.footer-links li{margin-bottom:.7rem}
.footer-links a{color:#475569;font-size:.875rem;transition:color .2s}
.footer-links a:hover{color:#e2e8f0}
.social-links{display:flex;gap:.65rem;margin-bottom:1.1rem}
.social-btn{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);transition:background .2s,transform .2s;color:#94a3b8}
.social-btn:hover{background:var(--brand-grad);border-color:transparent;transform:scale(1.1);color:#0A0A0A}
.footer-email{display:flex;align-items:center;gap:.5rem;color:#475569;font-size:.875rem;transition:color .2s}
.footer-email:hover{color:#e2e8f0}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-top:3rem;padding-top:1.75rem;border-top:1px solid rgba(255,255,255,.07)}
.footer-bottom p{color:#334155;font-size:.825rem}
.footer-legal{display:flex;gap:1.5rem}
.footer-legal a{color:#334155;font-size:.825rem;transition:color .2s}
.footer-legal a:hover{color:#94a3b8}
.footer-gradient-bar{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--brand-grad)}

/* ═══════════════ 404 ══════════════════════════════════════ */
.error-page{min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center}
.error-code{font-family:'Space Grotesk',sans-serif;font-size:8rem;font-weight:800;line-height:1}

/* ═══════════════ RESPONSIVE ═══════════════════════════════ */
@media(max-width:1200px){
  .services-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:1024px){
  .hero-visual{display:none}
  .hero-inner{grid-template-columns:1fr;padding:3rem 1.5rem}
  .hero-copy{align-items:center;text-align:center}
  .hero-badge{margin:0 auto}
  .hero-tagline{text-align:center}
  .about-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .article-grid{grid-template-columns:repeat(2,1fr)}
  .cards-grid-3{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .desktop-nav{display:none}
  .hamburger{display:flex}
  .services-grid,.videos-grid,.tips-grid,.article-grid,.cards-grid-3{grid-template-columns:1fr}
  .about-cards{grid-template-columns:1fr}
  .join-inner{padding:2.5rem 1.5rem}
  .join-stats-row{flex-direction:column;gap:1.5rem}
  .j-stat-div{width:60px;height:1px}
  .footer-grid{grid-template-columns:1fr}
  .footer-bottom{flex-direction:column;text-align:center}
  .section{padding:3.5rem 0}
  .stats-inner{flex-direction:column;gap:0}
  .stat-chip{border-right:none;border-bottom:1px solid rgba(255,255,255,.07);width:100%;justify-content:center}
  .stat-chip:last-child{border-bottom:none}
  .page-hero{padding:7rem 0 2.5rem}
}
@media(max-width:480px){
  .hero-cta{flex-direction:column;width:100%}
  .hero-cta .btn-primary,.hero-cta .btn-secondary{width:100%;justify-content:center}
  .join-cta{flex-direction:column;width:100%}
  .join-cta a{width:100%;justify-content:center}
  .section-title{font-size:1.75rem}
}

/* ═══════════════════════════════════════════════════════
   IAIC v3 ADDITIONS — Knowledge Hub · Giveaways · Invoice
   Typography fixes · Membership popup
   ═══════════════════════════════════════════════════════ */

/* ── Typography Balance Fix ──────────────────────────────
   Restore natural text sizing & improve vertical rhythm   */
html { font-size: 17px; }               /* slightly bigger base */
body { font-size: 1rem; line-height: 1.7; letter-spacing: .01em; }

h1,h2,h3,h4,h5,h6 {
  font-family: 'Space Grotesk', sans-serif;
  line-height: 1.15;
  letter-spacing: -.025em;
  color: #f1f5f9;
}
p { font-size: 1rem; color: #94a3b8; line-height: 1.75; }

.section-title {
  font-size: clamp(2rem, 4.2vw, 3.1rem);
  font-weight: 800;
  letter-spacing: -.03em;
  margin-bottom: 1.1rem;
}
.section-sub {
  font-size: 1.08rem;
  max-width: 52ch;
  line-height: 1.75;
  color: #94a3b8;
}
.section-eyebrow {
  font-size: .75rem;
  letter-spacing: .14em;
  margin-bottom: .85rem;
}
.section { padding: 6rem 0; }
.section-head { margin-bottom: 4rem; }

/* Hero title larger & properly weighted */
.hero-title {
  font-size: clamp(3.2rem, 7.5vw, 5.5rem);
  letter-spacing: -.04em;
  line-height: 1.04;
}
.hero-tagline { font-size: 1.15rem; line-height: 1.8; }

/* Card body text */
.article-body h2,
.article-body h3    { font-size: 1.15rem; letter-spacing: -.015em; }
.article-body p,
.update-card p,
.tip-card p,
.service-card p     { font-size: .9rem; line-height: 1.75; }

/* ── Membership Coming-Soon Popup ────────────────────────*/
.iaic-popup-overlay {
  display: none;
  position: fixed; inset: 0; z-index: 9998;
  background: rgba(0,0,0,.65);
  backdrop-filter: blur(6px);
  align-items: center; justify-content: center;
}
.iaic-popup-overlay.active { display: flex; }
.iaic-popup {
  background: #12121F;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 1.5rem;
  padding: 2.5rem 2.75rem;
  max-width: 420px;
  width: 94%;
  text-align: center;
  position: relative;
  box-shadow: 0 24px 80px rgba(0,0,0,.6), 0 0 0 1px rgba(255,107,53,.15);
  animation: popup-in .3s cubic-bezier(.34,1.56,.64,1);
}
@keyframes popup-in {
  from { opacity:0; transform: scale(.88) translateY(16px); }
  to   { opacity:1; transform: scale(1)  translateY(0); }
}
.iaic-popup-icon {
  width: 64px; height: 64px; border-radius: 50%;
  background: linear-gradient(135deg,#FF6B35,#FFD700);
  display: flex; align-items: center; justify-content: center;
  margin: 0 auto 1.25rem;
  font-size: 1.75rem; line-height: 1;
}
.iaic-popup h3 {
  font-size: 1.35rem; font-weight: 800;
  color: #f1f5f9; margin-bottom: .6rem;
}
.iaic-popup p { font-size: .95rem; color: #64748b; margin-bottom: 1.5rem; }
.iaic-popup-close {
  position: absolute; top: 1rem; right: 1rem;
  background: rgba(255,255,255,.08); border: none; border-radius: 50%;
  width: 32px; height: 32px; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  color: #94a3b8; transition: background .2s, color .2s;
}
.iaic-popup-close:hover { background: rgba(255,255,255,.15); color: #f1f5f9; }
.iaic-popup-btn {
  display: inline-block; padding: .65rem 1.75rem;
  border-radius: 9999px; background: linear-gradient(135deg,#FF6B35,#FFD700);
  color: #0A0A0A; font-family: 'Space Grotesk',sans-serif;
  font-weight: 700; font-size: .9rem; border: none; cursor: pointer;
  transition: transform .2s, box-shadow .2s;
}
.iaic-popup-btn:hover { transform: scale(1.04); box-shadow: 0 6px 24px rgba(255,107,53,.4); }

/* ── Knowledge Hub Archive ────────────────────────────── */
.kb-header {
  padding: 7.5rem 0 4rem;
  background: linear-gradient(180deg, rgba(255,107,53,.06) 0%, transparent 100%);
  border-bottom: 1px solid rgba(255,255,255,.07);
  text-align: center;
}
.kb-filter-bar {
  display: flex; gap: .6rem; flex-wrap: wrap;
  justify-content: center; margin-top: 2rem;
}
.kb-filter-btn {
  padding: .45rem 1.1rem; border-radius: 9999px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.05);
  font-family: 'Space Grotesk',sans-serif;
  font-size: .82rem; font-weight: 600;
  color: #94a3b8; cursor: pointer;
  transition: border-color .2s, background .2s, color .2s;
}
.kb-filter-btn:hover,
.kb-filter-btn.active {
  background: rgba(255,107,53,.12);
  border-color: rgba(255,107,53,.4);
  color: var(--orange);
}

/* KB Card Grid */
.kb-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1.75rem; }

.kb-card {
  background: #12121F;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 1.25rem; overflow: hidden;
  display: flex; flex-direction: column;
  transition: transform .28s, box-shadow .28s, border-color .28s;
}
.kb-card:hover {
  transform: translateY(-5px);
  border-color: rgba(255,107,53,.25);
  box-shadow: 0 16px 48px rgba(0,0,0,.5), 0 0 0 1px rgba(255,107,53,.1);
}
.kb-card-thumb {
  position: relative; aspect-ratio: 16/9;
  overflow: hidden; background: #1A1A2E;
}
.kb-card-thumb img {
  width: 100%; height: 100%; object-fit: cover;
  transition: transform .4s ease;
}
.kb-card:hover .kb-card-thumb img { transform: scale(1.05); }
.kb-card-thumb-placeholder {
  width: 100%; height: 100%;
  display: flex; align-items: center; justify-content: center;
  background: linear-gradient(135deg,#1A1A2E,#12121F);
  font-size: 2.5rem;
}
.kb-card-cat {
  position: absolute; top: .75rem; left: .75rem;
  font-family: 'Space Grotesk',sans-serif;
  font-size: .68rem; font-weight: 700;
  letter-spacing: .07em; text-transform: uppercase;
  padding: .25rem .7rem; border-radius: 9999px;
  backdrop-filter: blur(8px);
}
.kb-cat-tip    { background:rgba(255,107,53,.85); color:#fff; }
.kb-cat-prompt { background:rgba(0,217,255,.8);   color:#0A0A0A; }
.kb-cat-guide  { background:rgba(168,85,247,.85); color:#fff; }
.kb-cat-tutorial { background:rgba(255,215,0,.85); color:#0A0A0A; }
.kb-cat-default  { background:rgba(255,255,255,.15); color:#f1f5f9; }

.kb-card-body { padding: 1.4rem; flex: 1; display: flex; flex-direction: column; gap: .65rem; }
.kb-card-meta {
  display: flex; align-items: center; gap: .75rem;
  font-size: .73rem; color: #475569;
  font-family: 'Space Grotesk',sans-serif;
}
.kb-card-meta span { display:flex; align-items:center; gap:.3rem; }
.kb-card-body h3 {
  font-family: 'Space Grotesk',sans-serif;
  font-size: 1.05rem; font-weight: 700;
  color: #f1f5f9; line-height: 1.4;
}
.kb-card-body p { font-size: .875rem; color: #64748b; line-height: 1.65; flex: 1; }
.kb-card-footer {
  display: flex; align-items: center; justify-content: space-between;
  padding: .9rem 1.4rem;
  border-top: 1px solid rgba(255,255,255,.06);
}
.kb-read-more {
  display: inline-flex; align-items: center; gap: .35rem;
  font-family: 'Space Grotesk',sans-serif;
  font-size: .82rem; font-weight: 600;
  color: var(--orange); transition: color .2s, gap .2s;
}
.kb-card:hover .kb-read-more { color: var(--yellow); gap: .6rem; }
.kb-read-time { font-size: .72rem; color: #334155; }

/* KB Single Article */
.kb-single { max-width: 780px; margin: 0 auto; }
.kb-single-header { text-align: center; padding: 7rem 0 2.5rem; }
.kb-single-header h1 {
  font-size: clamp(2rem,5vw,3rem);
  font-weight: 800; letter-spacing: -.03em;
  margin: 1rem 0;
}
.kb-single-meta {
  display: flex; align-items: center; justify-content: center;
  gap: 1rem; font-size: .82rem; color: #475569;
  font-family: 'Space Grotesk',sans-serif; flex-wrap: wrap;
}
.kb-single-thumb {
  border-radius: 1.25rem; overflow: hidden;
  margin-bottom: 2.5rem; max-height: 480px;
}
.kb-single-thumb img { width:100%; height:100%; object-fit:cover; }
.kb-article-content {
  background: #12121F;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 1.25rem;
  padding: 2.75rem;
  color: #cbd5e1; font-size: 1.05rem; line-height: 1.85;
}
.kb-article-content h2 { font-size:1.5rem; margin:2rem 0 .75rem; }
.kb-article-content h3 { font-size:1.2rem; margin:1.5rem 0 .6rem; }
.kb-article-content p  { margin-bottom:1.35rem; }
.kb-article-content ul,.kb-article-content ol { margin:0 0 1.35rem 1.5rem; }
.kb-article-content li { margin-bottom:.45rem; }
.kb-article-content a  { color:var(--orange); text-decoration:underline; text-underline-offset:3px; }
.kb-article-content blockquote {
  border-left: 3px solid var(--orange);
  margin: 1.5rem 0; padding: .75rem 1.25rem;
  background: rgba(255,107,53,.06);
  border-radius: 0 .75rem .75rem 0;
  font-style: italic; color: #94a3b8;
}
.kb-article-content code {
  background: rgba(255,255,255,.07);
  border-radius: .35rem; padding: .15em .45em;
  font-family: 'Courier New',monospace; font-size: .9em;
  color: #FFD700;
}
.kb-article-content pre {
  background: #0D0D18; border-radius: .75rem;
  padding: 1.25rem; overflow-x: auto;
  border: 1px solid rgba(255,255,255,.08);
  margin: 1.5rem 0;
}
.kb-article-content pre code { background:none; padding:0; }

/* ── Giveaway / Promo Cards ───────────────────────────── */
.giveaway-section { padding: 5rem 0; }
.giveaway-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1.5rem; }

.giveaway-card {
  position: relative; overflow: hidden;
  background: linear-gradient(135deg,#12121F 0%,#1A1A2E 100%);
  border: 1px solid rgba(255,107,53,.2);
  border-radius: 1.25rem; padding: 1.75rem;
  display: flex; flex-direction: column; gap: 1rem;
  transition: transform .28s, box-shadow .28s, border-color .28s;
}
.giveaway-card::before {
  content: '';
  position: absolute; top: -50%; right: -30%;
  width: 200px; height: 200px;
  background: radial-gradient(circle,rgba(255,107,53,.15),transparent 70%);
  pointer-events: none;
}
.giveaway-card:hover {
  transform: translateY(-4px);
  border-color: rgba(255,107,53,.45);
  box-shadow: 0 16px 48px rgba(0,0,0,.45), 0 0 30px rgba(255,107,53,.12);
}
.giveaway-tag {
  display: inline-flex; align-items: center; gap: .4rem;
  background: rgba(255,107,53,.15); border: 1px solid rgba(255,107,53,.3);
  border-radius: 9999px; padding: .3rem .85rem;
  font-family: 'Space Grotesk',sans-serif;
  font-size: .72rem; font-weight: 700;
  letter-spacing: .07em; text-transform: uppercase; color: var(--orange);
  width: fit-content;
}
.giveaway-tool-name {
  font-family: 'Space Grotesk',sans-serif;
  font-size: 1.2rem; font-weight: 800; color: #f1f5f9;
}
.giveaway-desc { font-size: .875rem; color: #64748b; line-height: 1.65; }
.giveaway-code-wrap { margin-top: .25rem; }
.giveaway-code-label {
  font-family: 'Space Grotesk',sans-serif;
  font-size: .72rem; font-weight: 600;
  letter-spacing: .08em; text-transform: uppercase;
  color: #475569; margin-bottom: .4rem;
}
.giveaway-code {
  display: flex; align-items: center; gap: .6rem;
  background: rgba(255,215,0,.08);
  border: 1.5px dashed rgba(255,215,0,.35);
  border-radius: .75rem; padding: .7rem 1rem;
}
.giveaway-code-text {
  font-family: 'Courier New',monospace;
  font-size: 1.15rem; font-weight: 700;
  color: #FFD700; letter-spacing: .1em; flex: 1;
}
.giveaway-copy-btn {
  background: rgba(255,215,0,.12); border: none;
  border-radius: .5rem; padding: .4rem .65rem;
  cursor: pointer; color: #FFD700;
  font-family: 'Space Grotesk',sans-serif;
  font-size: .72rem; font-weight: 700;
  transition: background .2s;
}
.giveaway-copy-btn:hover  { background: rgba(255,215,0,.22); }
.giveaway-copy-btn.copied { color: #4ade80; background: rgba(74,222,128,.12); }
.giveaway-footer {
  display: flex; align-items: center; justify-content: space-between;
  flex-wrap: wrap; gap: .6rem; margin-top: .25rem;
}
.giveaway-expiry {
  font-size: .75rem; color: #475569;
  font-family: 'Space Grotesk',sans-serif;
  display: flex; align-items: center; gap: .35rem;
}
.giveaway-link {
  display: inline-flex; align-items: center; gap: .35rem;
  font-family: 'Space Grotesk',sans-serif;
  font-size: .82rem; font-weight: 700; color: var(--orange);
  border: 1px solid rgba(255,107,53,.3); border-radius: 9999px;
  padding: .35rem .9rem;
  transition: background .2s, border-color .2s;
}
.giveaway-link:hover { background: rgba(255,107,53,.1); border-color: var(--orange); }
.giveaway-discount-badge {
  position: absolute; top: 1rem; right: 1rem;
  background: linear-gradient(135deg,#FF6B35,#FFD700);
  color: #0A0A0A; font-family: 'Space Grotesk',sans-serif;
  font-size: .7rem; font-weight: 800;
  padding: .3rem .65rem; border-radius: 9999px;
  letter-spacing: .04em;
}

/* ── Admin Invoice System ─────────────────────────────── */
#iaic-invoice-app { max-width:960px; margin:0 auto; font-family:'Inter',sans-serif; }
.inv-wrap { background:#1a1a2e; border-radius:12px; padding:2rem; }
.inv-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:1.25rem; margin-bottom:1.5rem; }
.inv-field { display:flex; flex-direction:column; gap:.4rem; }
.inv-field label { font-size:.8rem; font-weight:600; color:#94a3b8; letter-spacing:.05em; text-transform:uppercase; }
.inv-field input,
.inv-field textarea,
.inv-field select {
  background:#12121F; border:1px solid rgba(255,255,255,.1);
  border-radius:.6rem; padding:.65rem .9rem; color:#e2e8f0;
  font-size:.9rem; font-family:'Inter',sans-serif;
  transition:border-color .2s;
}
.inv-field input:focus,
.inv-field textarea:focus,
.inv-field select:focus {
  outline:none; border-color:rgba(255,107,53,.6);
}
.inv-field textarea { resize:vertical; min-height:80px; }
.inv-stage-grid { display:flex; gap:.75rem; flex-wrap:wrap; margin-top:.5rem; }
.inv-stage-btn {
  padding:.5rem 1.1rem; border-radius:9999px;
  border:1.5px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  font-size:.82rem; font-weight:600; color:#94a3b8;
  cursor:pointer; transition:all .2s;
}
.inv-stage-btn.selected,
.inv-stage-btn:hover {
  border-color:rgba(255,107,53,.5); color:var(--orange);
  background:rgba(255,107,53,.08);
}
#inv-preview-btn {
  margin-top:1.25rem; padding:.75rem 2rem;
  border-radius:9999px; background:linear-gradient(135deg,#FF6B35,#FFD700);
  color:#0A0A0A; font-family:'Space Grotesk',sans-serif;
  font-weight:700; font-size:.95rem; border:none; cursor:pointer;
  transition:transform .2s,box-shadow .2s;
}
#inv-preview-btn:hover { transform:scale(1.03); box-shadow:0 6px 24px rgba(255,107,53,.4); }

/* Invoice Preview */
.inv-preview-overlay {
  display:none; position:fixed; inset:0; z-index:10000;
  background:rgba(0,0,0,.75); backdrop-filter:blur(6px);
  align-items:center; justify-content:center; padding:1.5rem;
}
.inv-preview-overlay.show { display:flex; }
.inv-preview-box {
  background:#fff; border-radius:12px;
  width:min(720px,100%); max-height:90vh; overflow-y:auto;
  box-shadow:0 32px 96px rgba(0,0,0,.7);
  position:relative;
}
.inv-preview-actions {
  display:flex; gap:.75rem; padding:1rem 1.25rem;
  background:#f8fafc; border-bottom:1px solid #e2e8f0;
  justify-content:flex-end; position:sticky; top:0; z-index:1;
}
.inv-close-btn {
  padding:.5rem 1.25rem; border-radius:9999px;
  border:1px solid #e2e8f0; background:#fff;
  font-family:'Space Grotesk',sans-serif; font-weight:600;
  font-size:.85rem; cursor:pointer; transition:background .2s;
}
.inv-close-btn:hover { background:#f1f5f9; }
.inv-print-btn {
  padding:.5rem 1.25rem; border-radius:9999px;
  background:linear-gradient(135deg,#FF6B35,#FFD700);
  color:#0A0A0A; font-family:'Space Grotesk',sans-serif;
  font-weight:700; font-size:.85rem; border:none; cursor:pointer;
}

/* Invoice PDF layout (inside white preview box) */
#inv-document {
  padding:2.75rem 2.75rem 3rem;
  color:#111; font-family:'Inter',sans-serif; font-size:13px; line-height:1.6;
}
.inv-doc-header { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:2.5rem; padding-bottom:1.5rem; border-bottom:2px solid #f0f0f0; }
.inv-logo-area img { width:64px; height:64px; object-fit:contain; }
.inv-logo-area strong { display:block; font-family:'Space Grotesk',sans-serif; font-size:1.15rem; font-weight:800; color:#FF6B35; margin-top:.35rem; letter-spacing:-.02em; }
.inv-logo-area span { font-size:.7rem; color:#64748b; }
.inv-doc-meta { text-align:right; }
.inv-doc-meta h2 { font-family:'Space Grotesk',sans-serif; font-size:1.6rem; font-weight:800; color:#0A0A0A; letter-spacing:-.03em; }
.inv-doc-meta .inv-number { font-size:.8rem; color:#94a3b8; margin-top:.2rem; }
.inv-doc-meta .inv-date { font-size:.8rem; color:#64748b; margin-top:.15rem; }
.inv-bill-section { display:grid; grid-template-columns:1fr 1fr; gap:2rem; margin-bottom:2rem; }
.inv-bill-block strong { font-family:'Space Grotesk',sans-serif; font-size:.7rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:#94a3b8; display:block; margin-bottom:.45rem; }
.inv-bill-block .inv-client-name { font-weight:700; font-size:1rem; color:#0A0A0A; }
.inv-bill-block p { color:#475569; font-size:.82rem; margin-top:.2rem; }
.inv-table { width:100%; border-collapse:collapse; margin-bottom:1.5rem; }
.inv-table th { background:#f8fafc; padding:.7rem 1rem; text-align:left; font-family:'Space Grotesk',sans-serif; font-size:.72rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:#475569; border-bottom:2px solid #e2e8f0; }
.inv-table td { padding:.8rem 1rem; border-bottom:1px solid #f1f5f9; font-size:.875rem; color:#334155; }
.inv-table tr:last-child td { border-bottom:none; }
.inv-totals { margin-left:auto; width:260px; }
.inv-total-row { display:flex; justify-content:space-between; padding:.45rem 0; font-size:.875rem; color:#475569; border-bottom:1px solid #f1f5f9; }
.inv-total-row.grand { border-top:2px solid #0A0A0A; border-bottom:none; padding-top:.75rem; margin-top:.25rem; font-family:'Space Grotesk',sans-serif; font-weight:800; font-size:1.05rem; color:#0A0A0A; }
.inv-stage-section { background:#fffbf5; border:1px solid #fed7aa; border-radius:.75rem; padding:1.25rem 1.5rem; margin-bottom:1.5rem; }
.inv-stage-section h4 { font-family:'Space Grotesk',sans-serif; font-size:.8rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#c2410c; margin-bottom:.9rem; }
.inv-stage-row { display:flex; justify-content:space-between; align-items:center; padding:.4rem 0; border-bottom:1px solid rgba(194,65,12,.12); font-size:.875rem; }
.inv-stage-row:last-child { border-bottom:none; }
.inv-stage-row .stage-label { color:#7c2d12; font-weight:500; }
.inv-stage-row .stage-amount { font-family:'Space Grotesk',sans-serif; font-weight:700; color:#c2410c; }
.inv-stage-row.current-stage { background:rgba(255,107,53,.08); border-radius:.4rem; padding:.5rem .75rem; margin:.2rem 0; }
.inv-footer-note { text-align:center; margin-top:2rem; padding-top:1.5rem; border-top:1px solid #f1f5f9; font-size:.78rem; color:#94a3b8; }
.inv-footer-brand { font-weight:700; color:#FF6B35; font-family:'Space Grotesk',sans-serif; }

/* ── Responsive additions ─────────────────────────────── */
@media(max-width:1024px){
  .kb-grid,.giveaway-grid { grid-template-columns:repeat(2,1fr); }
  .inv-form-grid,.inv-bill-section { grid-template-columns:1fr; }
  .inv-totals { width:100%; }
}
@media(max-width:640px){
  .kb-grid,.giveaway-grid { grid-template-columns:1fr; }
  .inv-wrap { padding:1.25rem; }
  #inv-document { padding:1.5rem; }
}

/* ═══════════════════════════════════════════════════════
   IAIC v5 — Knowledge Hub Unified Styles
   ═══════════════════════════════════════════════════════ */

/* ── KB Page Header ───────────────────────────────────── */
.kb-header {
  padding: 8rem 0 3.5rem;
  background: linear-gradient(180deg,rgba(255,107,53,.07) 0%,transparent 100%);
  border-bottom: 1px solid rgba(255,255,255,.07);
}
.kb-hero-inner { text-align: center; }
.kb-filter-bar {
  display: flex; gap: .5rem; flex-wrap: wrap;
  justify-content: center; margin-top: 2rem;
}
.kb-filter-btn {
  display: inline-flex; align-items: center; gap: .4rem;
  padding: .42rem 1rem; border-radius: 9999px;
  border: 1px solid rgba(255,255,255,.1);
  background: rgba(255,255,255,.04);
  font-family: 'Space Grotesk',sans-serif;
  font-size: .8rem; font-weight: 600; color: #94a3b8;
  cursor: pointer; transition: all .22s;
  text-decoration: none;
}
.kb-filter-btn:hover, .kb-filter-btn.active {
  background: rgba(255,107,53,.12);
  border-color: rgba(255,107,53,.4);
  color: var(--orange);
}
.kb-filter-count {
  font-size: .68rem; opacity: .6;
  background: rgba(255,255,255,.1);
  border-radius: 9999px; padding: .05rem .4rem;
}
.kb-section-label {
  display: flex; align-items: center;
  justify-content: space-between; margin-bottom: 1.5rem;
}
.kb-see-all {
  font-family: 'Space Grotesk',sans-serif;
  font-size: .82rem; font-weight: 600; color: var(--orange);
  transition: color .2s;
}
.kb-see-all:hover { color: var(--yellow); }

/* ── KB Hero Article (full-width first post) ──────────── */
.kb-hero-article {
  display: grid; grid-template-columns: 1.1fr 1fr;
  gap: 0; background: #12121F;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 1.5rem; overflow: hidden; min-height: 360px;
  margin-bottom: 1rem;
  transition: border-color .28s, box-shadow .28s;
}
.kb-hero-article:hover {
  border-color: rgba(255,107,53,.3);
  box-shadow: 0 20px 60px rgba(0,0,0,.5), 0 0 0 1px rgba(255,107,53,.1);
}
.kb-hero-thumb {
  display: block; overflow: hidden; position: relative;
}
.kb-hero-thumb img {
  width: 100%; height: 100%; object-fit: cover;
  transition: transform .45s ease;
}
.kb-hero-article:hover .kb-hero-thumb img { transform: scale(1.04); }
.kb-hero-body {
  padding: 2.25rem 2rem;
  display: flex; flex-direction: column; gap: 1rem;
  justify-content: center;
}
.kb-hero-title {
  font-family: 'Space Grotesk', sans-serif;
  font-size: clamp(1.35rem,2.5vw,1.85rem);
  font-weight: 800; color: #f1f5f9; line-height: 1.25;
  letter-spacing: -.025em;
}
.kb-hero-title a { transition: color .2s; }
.kb-hero-title a:hover { color: var(--orange); }
.kb-hero-excerpt { font-size: .925rem; color: #64748b; line-height: 1.75; }

/* ── Article type badges ──────────────────────────────── */
.kb-type-badge {
  display: inline-flex; align-items: center; gap: .3rem;
  font-family: 'Space Grotesk',sans-serif;
  font-size: .7rem; font-weight: 700;
  letter-spacing: .06em; text-transform: uppercase;
  padding: .3rem .75rem; border-radius: 9999px;
  backdrop-filter: blur(8px);
  position: absolute; top: .75rem; left: .75rem;
}
.kb-type-sm { font-size: .65rem; padding: .22rem .6rem; }
.kb-cat-tip      { background:rgba(255,107,53,.85); color:#fff; }
.kb-cat-prompt   { background:rgba(0,217,255,.8);   color:#0A0A0A; }
.kb-cat-guide    { background:rgba(168,85,247,.85); color:#fff; }
.kb-cat-tutorial { background:rgba(255,215,0,.85);  color:#0A0A0A; }
.kb-cat-default  { background:rgba(255,255,255,.18); color:#f1f5f9; }
.kb-featured-badge {
  position: absolute; bottom: .75rem; left: .75rem;
  background: rgba(255,215,0,.9); color: #0A0A0A;
  font-family: 'Space Grotesk',sans-serif;
  font-size: .68rem; font-weight: 800;
  padding: .22rem .65rem; border-radius: 9999px;
}
.kb-star-badge {
  position: absolute; top: .75rem; right: .75rem;
  font-size: 1rem; line-height: 1;
  filter: drop-shadow(0 1px 2px rgba(0,0,0,.5));
}

/* ── KB Card Grid ─────────────────────────────────────── */
.kb-grid {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 1.5rem;
}
.kb-grid-home { grid-template-columns: repeat(3,1fr); }
.kb-card {
  background: #12121F;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 1.25rem; overflow: hidden;
  display: flex; flex-direction: column;
  transition: transform .28s, box-shadow .28s, border-color .28s;
}
.kb-card:hover {
  transform: translateY(-5px);
  border-color: rgba(255,107,53,.25);
  box-shadow: 0 16px 48px rgba(0,0,0,.5), 0 0 0 1px rgba(255,107,53,.08);
}
.kb-card-featured { border-color: rgba(255,215,0,.2); }
.kb-card-thumb {
  display: block; position: relative;
  aspect-ratio: 16/9; overflow: hidden;
  background: linear-gradient(135deg,#1A1A2E,#12121F);
}
.kb-card-thumb img {
  width: 100%; height: 100%; object-fit: cover;
  transition: transform .4s ease;
}
.kb-card:hover .kb-card-thumb img { transform: scale(1.05); }
.kb-thumb-placeholder {
  width: 100%; height: 100%;
  display: flex; align-items: center; justify-content: center;
  font-size: 2.5rem;
  background: linear-gradient(135deg,#1A1A2E,#12121F);
}
.kb-card-body {
  padding: 1.25rem; flex: 1;
  display: flex; flex-direction: column; gap: .6rem;
}
.kb-meta-row {
  display: flex; align-items: center; gap: .75rem;
  font-size: .72rem; color: #475569;
  font-family: 'Space Grotesk',sans-serif;
  flex-wrap: wrap;
}
.kb-card-body h3 {
  font-family: 'Space Grotesk',sans-serif;
  font-size: 1rem; font-weight: 700;
  color: #e2e8f0; line-height: 1.4;
}
.kb-card-body h3 a:hover { color: var(--orange); }
.kb-card-body p { font-size: .855rem; color: #64748b; line-height: 1.65; flex:1; }
.kb-card-footer {
  display: flex; align-items: center;
  justify-content: space-between;
  padding: .85rem 1.25rem;
  border-top: 1px solid rgba(255,255,255,.06);
}
.kb-read-more {
  font-family: 'Space Grotesk',sans-serif;
  font-size: .82rem; font-weight: 700; color: var(--orange);
  display: inline-flex; align-items: center; gap: .35rem;
  transition: color .2s, gap .2s;
}
.kb-card:hover .kb-read-more, .kb-read-more:hover { color: var(--yellow); gap: .6rem; }
.kb-author-name,.kb-read-time {
  font-size: .72rem; color: #334155;
  font-family: 'Space Grotesk',sans-serif;
}
.kb-cat-pill {
  display: inline-block; padding: .2rem .65rem;
  background: rgba(255,255,255,.07); border-radius: 9999px;
  font-size: .72rem; color: #94a3b8;
  font-family: 'Space Grotesk',sans-serif;
}

/* ── KB Single Article ────────────────────────────────── */
.kb-single-wrap { max-width: 820px; margin: 0 auto; }
.kb-single-header {
  padding: 7.5rem 0 2rem; text-align: center;
}
.kb-single-badges {
  display: flex; gap: .6rem; justify-content: center;
  margin-bottom: 1.1rem; flex-wrap: wrap;
}
.kb-single-badges .kb-type-badge {
  position: static; /* override absolute positioning */
}
.kb-single-header h1 {
  font-family: 'Space Grotesk',sans-serif;
  font-size: clamp(1.9rem,4.5vw,2.9rem);
  font-weight: 800; letter-spacing: -.03em;
  line-height: 1.15; margin: .75rem 0 1rem; color: #f1f5f9;
}
.kb-single-meta {
  display: flex; flex-wrap: wrap; gap: 1rem;
  justify-content: center; font-size: .8rem; color: #475569;
  font-family: 'Space Grotesk',sans-serif;
}
.kb-single-thumb {
  border-radius: 1.25rem; overflow: hidden;
  margin-bottom: 2.25rem;
}
.kb-single-thumb img { width:100%; height:auto; display:block; }
.kb-article-content {
  background: #12121F;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 1.25rem; padding: 2.5rem;
  color: #cbd5e1; font-size: 1.05rem; line-height: 1.85;
}
.kb-article-content h2  { font-size:1.5rem; margin:2rem 0 .75rem; color:#f1f5f9; font-weight:800; }
.kb-article-content h3  { font-size:1.2rem; margin:1.5rem 0 .6rem; color:#e2e8f0; font-weight:700; }
.kb-article-content p   { margin-bottom:1.35rem; }
.kb-article-content ul,.kb-article-content ol { margin:0 0 1.35rem 1.5rem; }
.kb-article-content li  { margin-bottom:.45rem; }
.kb-article-content a   { color:var(--orange); text-decoration:underline; text-underline-offset:3px; }
.kb-article-content blockquote {
  border-left:3px solid var(--orange); margin:1.5rem 0;
  padding:.75rem 1.25rem; background:rgba(255,107,53,.06);
  border-radius:0 .75rem .75rem 0; font-style:italic; color:#94a3b8;
}
.kb-article-content code {
  background:rgba(255,255,255,.07); border-radius:.35rem;
  padding:.15em .45em; font-family:'Courier New',monospace;
  font-size:.9em; color:#FFD700;
}
.kb-article-content pre {
  background:#0D0D18; border-radius:.75rem; padding:1.25rem;
  overflow-x:auto; border:1px solid rgba(255,255,255,.08); margin:1.5rem 0;
}
.kb-article-content pre code { background:none; padding:0; }
.kb-article-content img { border-radius:.75rem; margin:1rem 0; max-width:100%; }

/* Author box */
.kb-author-box {
  display: flex; align-items: flex-start; gap: 1.25rem;
  margin-top: 2rem; padding: 1.5rem;
  background: #12121F; border: 1px solid rgba(255,255,255,.07);
  border-radius: 1.25rem;
}
.kb-author-avatar { border-radius:50%; flex-shrink:0; }
.kb-author-info { flex:1; }
.kb-author-label { font-size:.7rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#475569; margin-bottom:.2rem; }
.kb-author-info strong { font-family:'Space Grotesk',sans-serif; font-size:1rem; color:#f1f5f9; }
.kb-author-info p { font-size:.855rem; color:#64748b; margin-top:.3rem; }

/* Related articles */
.kb-related { margin-top: 2.5rem; }
.kb-related-title {
  font-family: 'Space Grotesk',sans-serif; font-weight: 800;
  font-size: 1.15rem; color: #f1f5f9; margin-bottom: 1.25rem;
}
.kb-related-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.1rem; }
.kb-related-card {
  display: flex; flex-direction: column;
  background: #12121F; border: 1px solid rgba(255,255,255,.07);
  border-radius: 1rem; overflow: hidden;
  transition: transform .25s, border-color .25s;
  text-decoration: none;
}
.kb-related-card:hover { transform:translateY(-3px); border-color:rgba(255,107,53,.2); }
.kb-related-card img { width:100%; aspect-ratio:16/9; object-fit:cover; }
.kb-related-body { padding:.9rem; display:flex; flex-direction:column; gap:.45rem; }
.kb-related-body h4 { font-family:'Space Grotesk',sans-serif; font-size:.875rem; font-weight:700; color:#e2e8f0; line-height:1.4; }
.kb-related-body .kb-read-more { font-size:.78rem; color:var(--orange); font-weight:600; }
.kb-related-body .kb-type-badge { position:static; }
.kb-back-link { margin-top:2rem; padding-bottom:4rem; }

/* KB Empty state */
.kb-empty-state {
  text-align:center; padding:5rem 2rem;
  background:#12121F; border:1px dashed rgba(255,255,255,.1);
  border-radius:1.5rem;
}
.kb-empty-icon { font-size:4rem; margin-bottom:1rem; }
.kb-empty-state h2 { font-family:'Space Grotesk',sans-serif; font-size:1.5rem; font-weight:800; color:#f1f5f9; margin-bottom:.75rem; }
.kb-empty-state p { color:#64748b; font-size:1rem; }

/* ── Taxonomy page uses same layout ──────────────────── */
.tax-kb-category .kb-header { padding-top:7rem; }

/* ── Responsive ───────────────────────────────────────── */
@media(max-width:1024px){
  .kb-hero-article { grid-template-columns:1fr; }
  .kb-hero-thumb { min-height:260px; aspect-ratio:16/9; }
  .kb-grid,.kb-grid-home { grid-template-columns:repeat(2,1fr); }
  .kb-related-grid { grid-template-columns:repeat(2,1fr); }
}
@media(max-width:640px){
  .kb-grid,.kb-grid-home,.kb-related-grid { grid-template-columns:1fr; }
  .kb-hero-body { padding:1.5rem; }
  .kb-article-content { padding:1.5rem; }
  .kb-author-box { flex-direction:column; }
  .kb-single-header { padding-top:6rem; }
  .kb-filter-bar { gap:.4rem; }
}

/* ═══════════════════════════════════════════════════════
   IAIC v5 — Sinhala Section & Cleanup
   ═══════════════════════════════════════════════════════ */

/* ── Sinhala header variant ───────────────────────────── */
.kb-sinhala-header { background: linear-gradient(180deg,rgba(0,102,51,.08) 0%, rgba(255,107,53,.05) 60%,transparent 100%); }
.sinhala-flag { font-size:clamp(1.5rem,3vw,2.5rem); display:block; margin-bottom:.5rem; line-height:1; }

/* ── KB type badge — new types ────────────────────────── */
.kb-type-tool    { background:rgba(6,182,212,.85); color:#fff; }
.kb-type-sinhala { background:linear-gradient(135deg,rgba(0,102,51,.85),rgba(255,107,53,.85)); color:#fff; }
.kb-type-article { background:rgba(255,255,255,.18); color:#f1f5f9; }

/* ── KB giveaways wrapper ─────────────────────────────── */
.kb-giveaways-wrap {
  padding: 2.5rem 0;
  border-bottom: 1px solid rgba(255,255,255,.07);
  background: rgba(18,18,31,.5);
}

/* ── Coming Soon state ────────────────────────────────── */
.kb-coming-soon {
  padding: 5rem 1.5rem;
  text-align: center;
}
.kb-coming-soon-inner {
  max-width: 600px; margin: 0 auto;
  background: #12121F;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 1.5rem;
  padding: 3.5rem 2.5rem;
}
.kb-coming-soon-icon {
  font-size: 4rem; line-height: 1;
  margin-bottom: 1.25rem;
  display: block;
}
.kb-coming-soon h2 {
  font-family: 'Space Grotesk',sans-serif;
  font-size: clamp(1.4rem,3vw,1.9rem);
  font-weight: 800; color: #f1f5f9;
  margin-bottom: 1rem;
}
.kb-coming-soon p {
  color: #64748b; font-size: .975rem;
  line-height: 1.8; margin-bottom: .5rem;
}
.kb-coming-soon p em { font-size: .875rem; color: #475569; }
.kb-coming-soon .btn-primary,
.kb-coming-soon .btn-secondary { margin-right:.75rem; }

/* ── Sinhala "Knowledge in Sinhala" nav hint ──────────── */
.nav-links a[href*="sinhala"],
.mobile-nav-links a[href*="sinhala"] {
  color: #94a3b8;
}
.nav-links a[href*="sinhala"]:hover,
.mobile-nav-links a[href*="sinhala"]:hover {
  color: #f1f5f9;
}
.nav-links a[href*="sinhala"]::before,
.mobile-nav-links a[href*="sinhala"]::before {
  content: '🇱🇰 ';
}

/* ── Remove AI Tips from visible nav ──────────────────── */
.nav-links a[href*="ai-tips"],
.mobile-nav-links a[href*="ai-tips"] { display: none; }

/* ── KB section label row ─────────────────────────────── */
.kb-section-label {
  display: flex; align-items: center;
  justify-content: space-between; margin-bottom: 1.5rem;
}
.kb-see-all {
  font-family: 'Space Grotesk',sans-serif; font-size:.82rem;
  font-weight:600; color:var(--orange); transition:color .2s;
}
.kb-see-all:hover { color:var(--yellow); }

/* ── Responsive additions ─────────────────────────────── */
@media(max-width:640px){
  .kb-coming-soon-inner { padding:2rem 1.25rem; }
  .kb-coming-soon .btn-primary,
  .kb-coming-soon .btn-secondary { width:100%; justify-content:center; margin-right:0; margin-bottom:.5rem; }
}

/* ═══════════════════════════════════════════════════════
   IAIC v5.1 — Rebuilt Navigation + Mobile Nav Panel
   ═══════════════════════════════════════════════════════ */

/* ── Header / nav reset & rebuild ────────────────────── */
.site-header {
  position: fixed; top: 0; left: 0; right: 0; z-index: 800;
  transition: background .3s, backdrop-filter .3s, box-shadow .3s;
  height: 72px; display: flex; align-items: center;
}
.site-header.scrolled {
  background: rgba(9,9,16,.9);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border-bottom: 1px solid rgba(255,255,255,.07);
  box-shadow: 0 4px 32px rgba(0,0,0,.4);
}
.nav-inner {
  display: flex; align-items: center;
  justify-content: space-between;
  height: 72px; width: 100%;
}

/* Logo */
.site-logo {
  display: flex; align-items: center; gap: .8rem;
  text-decoration: none; flex-shrink: 0;
}
.logo-img {
  width: 52px; height: 52px; object-fit: contain;
  filter: drop-shadow(0 0 8px rgba(255,107,53,.35));
  flex-shrink: 0;
}
.logo-text { display: flex; flex-direction: column; line-height: 1.2; }
.logo-name {
  font-family: 'Space Grotesk',sans-serif;
  font-size: 1.25rem; font-weight: 800; letter-spacing: -.02em;
}
.logo-sub { font-size: .65rem; color: #475569; letter-spacing: .02em; white-space: nowrap; }

/* Desktop nav links */
.desktop-nav { display: flex; align-items: center; }
.nav-links {
  display: flex; align-items: center; gap: 0;
  list-style: none; margin: 0; padding: 0;
}
.nav-links li a {
  display: block;
  font-family: 'Space Grotesk',sans-serif;
  font-size: .875rem; font-weight: 500;
  color: #94a3b8; padding: .5rem .95rem;
  border-radius: .5rem;
  transition: color .2s, background .2s;
  white-space: nowrap; text-decoration: none;
  position: relative;
}
.nav-links li a:hover,
.nav-links li a.nav-current { color: #f1f5f9; }
.nav-links li a.nav-current { background: rgba(255,255,255,.07); }
.nav-links li a::after {
  content: ''; position: absolute;
  bottom: 4px; left: 50%; transform: translateX(-50%);
  width: 0; height: 2px;
  background: linear-gradient(135deg,#FF6B35,#FFD700);
  border-radius: 2px; transition: width .25s;
}
.nav-links li a:hover::after { width: calc(100% - 1.9rem); }

/* ── Hamburger ────────────────────────────────────────── */
.hamburger {
  display: none;
  flex-direction: column; justify-content: center;
  gap: 5px; padding: .55rem;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: .6rem; cursor: pointer;
  transition: background .2s;
  z-index: 900;
}
.hamburger:hover { background: rgba(255,255,255,.12); }
.ham-bar {
  display: block; width: 22px; height: 2px;
  background: #e2e8f0; border-radius: 2px;
  transition: transform .32s cubic-bezier(.4,0,.2,1), opacity .22s, width .22s;
  transform-origin: center;
}
/* Animated X when open */
.hamburger[aria-expanded="true"] .ham-bar:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}
.hamburger[aria-expanded="true"] .ham-bar:nth-child(2) {
  opacity: 0; width: 0;
}
.hamburger[aria-expanded="true"] .ham-bar:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}

/* ── Mobile nav overlay (backdrop) ───────────────────── */
.mobile-nav-overlay {
  display: none;
  position: fixed; inset: 0; z-index: 850;
  background: rgba(0,0,0,.55);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  opacity: 0; transition: opacity .3s;
}
.mobile-nav-overlay.visible {
  display: block;
}
.mobile-nav-overlay.open { opacity: 1; }

/* ── Mobile nav panel (slide-in from right) ───────────── */
.mobile-nav-panel {
  position: fixed; top: 0; right: 0; bottom: 0;
  width: min(320px, 88vw);
  z-index: 900;
  background: #0D0D18;
  border-left: 1px solid rgba(255,255,255,.08);
  display: flex; flex-direction: column;
  transform: translateX(100%);
  transition: transform .35s cubic-bezier(.4,0,.2,1);
  overflow: hidden;
}
.mobile-nav-panel.open {
  transform: translateX(0);
}

/* Panel header */
.mnp-header {
  display: flex; align-items: center; justify-content: space-between;
  padding: 1.1rem 1.25rem;
  border-bottom: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);
  flex-shrink: 0;
}
.mnp-logo { gap: .65rem; }
.mnp-logo .logo-img { width: 40px; height: 40px; }
.mnp-logo .logo-name { font-size: 1.1rem; }
.mnp-logo .logo-sub { font-size: .6rem; }

.mnp-close {
  background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.1);
  border-radius: .5rem; padding: .45rem; cursor: pointer; color: #94a3b8;
  display: flex; align-items: center; justify-content: center;
  transition: background .2s, color .2s; flex-shrink: 0;
}
.mnp-close:hover { background: rgba(255,255,255,.14); color: #f1f5f9; }

/* Panel body / links */
.mnp-body { flex: 1; overflow-y: auto; padding: 1rem 0; }
.mnp-links { list-style: none; margin: 0; padding: 0; }
.mnp-links li { }
.mnp-link {
  display: flex; align-items: center;
  padding: 1rem 1.5rem; color: #94a3b8;
  font-family: 'Space Grotesk',sans-serif;
  font-size: 1rem; font-weight: 500;
  text-decoration: none; letter-spacing: -.01em;
  border-bottom: 1px solid rgba(255,255,255,.04);
  transition: background .18s, color .18s, padding-left .18s;
  position: relative;
}
.mnp-link::before {
  content: ''; position: absolute; left: 0; top: 0; bottom: 0;
  width: 3px; background: linear-gradient(180deg,#FF6B35,#FFD700);
  border-radius: 0 2px 2px 0; opacity: 0; transition: opacity .2s;
}
.mnp-link:hover, .mnp-link.mnp-current {
  color: #f1f5f9; background: rgba(255,255,255,.05); padding-left: 1.85rem;
}
.mnp-link:hover::before, .mnp-link.mnp-current::before { opacity: 1; }
.mnp-link.mnp-current {
  color: #FF6B35; background: rgba(255,107,53,.08);
}

/* Panel footer CTA */
.mnp-footer {
  padding: 1rem 1.25rem 1.5rem; flex-shrink: 0;
  border-top: 1px solid rgba(255,255,255,.08);
}
.mnp-cta {
  display: flex; align-items: center; justify-content: center; gap: .6rem;
  width: 100%; padding: .85rem 1rem;
  background: linear-gradient(135deg,#FF6B35,#FFD700);
  color: #0A0A0A; font-family: 'Space Grotesk',sans-serif;
  font-weight: 700; font-size: .9rem;
  border-radius: .75rem; text-decoration: none;
  transition: transform .2s, box-shadow .2s;
}
.mnp-cta:hover { transform: scale(1.02); box-shadow: 0 6px 24px rgba(255,107,53,.4); }

/* ── Responsive: show hamburger on mobile ─────────────── */
@media (max-width: 900px) {
  .desktop-nav  { display: none; }
  .hamburger    { display: flex; }
}
@media (max-width: 480px) {
  .logo-sub     { display: none; }
  .logo-img     { width: 44px; height: 44px; }
}

/* ── Prevent body scroll when panel open ──────────────── */
body.mnp-open { overflow: hidden; }

/* ═══════════════════════════════════════════════════════
   IAIC v5.5 — Video cards (redirect to platform, no embed)
   ═══════════════════════════════════════════════════════ */

/* Video card as a full link */
.video-card-link {
  display: flex; flex-direction: column;
  text-decoration: none; cursor: pointer;
  background: #12121F;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: var(--r-xl); overflow: hidden;
  transition: transform .28s, box-shadow .28s, border-color .28s;
}
.video-card-link:hover {
  transform: translateY(-4px);
  border-color: rgba(255,107,53,.3);
  box-shadow: 0 16px 48px rgba(0,0,0,.5), 0 0 0 1px rgba(255,107,53,.1);
}

/* Thumbnail */
.video-thumb-wrap { position: relative; aspect-ratio: 16/9; overflow: hidden; background: #0D0D18; }
.video-thumb-wrap img { width:100%; height:100%; object-fit:cover; transition: transform .4s ease; display:block; }
.video-card-link:hover .video-thumb-wrap img { transform: scale(1.04); }

/* Placeholder backgrounds */
.video-no-thumb {
  width:100%; height:100%; display:flex;
  align-items:center; justify-content:center;
  background: linear-gradient(135deg,#1A1A2E,#0D0D18);
  flex-direction: column; gap: .5rem;
}
.video-fb-bg { background: linear-gradient(135deg,#1877F2,#0a5ac2) !important; }
.video-tt-bg { background: linear-gradient(135deg,#010101,#1a1a1a) !important; }
.video-yt-bg { background: linear-gradient(135deg,#FF0000,#cc0000) !important; }

/* Play overlay */
.video-play-overlay {
  position: absolute; inset: 0;
  display: flex; flex-direction: column;
  align-items: center; justify-content: center; gap: .6rem;
  background: rgba(0,0,0,.28);
  opacity: 0; transition: opacity .25s;
}
.video-card-link:hover .video-play-overlay { opacity: 1; }
.video-play-btn {
  width: 58px; height: 58px; border-radius: 50%;
  background: rgba(255,107,53,.92);
  display: flex; align-items: center; justify-content: center;
  color: #fff; padding-left: 3px;
  box-shadow: 0 4px 20px rgba(255,107,53,.55);
  transition: transform .2s;
}
.video-card-link:hover .video-play-btn { transform: scale(1.08); }
.video-ext-hint {
  font-family: 'Space Grotesk',sans-serif;
  font-size: .72rem; font-weight: 700;
  color: rgba(255,255,255,.9);
  background: rgba(0,0,0,.45);
  padding: .25rem .7rem; border-radius: 9999px;
  letter-spacing: .02em;
}

/* Platform badge (top-left corner of thumb) */
.video-platform-badge {
  position: absolute; top: .6rem; left: .6rem;
  font-family: 'Space Grotesk',sans-serif;
  font-size: .65rem; font-weight: 800;
  padding: .22rem .6rem; border-radius: 9999px;
  letter-spacing: .05em; text-transform: uppercase;
  backdrop-filter: blur(4px);
}

/* Card body */
.video-info { padding: 1.1rem 1.25rem; }
.video-info-top {
  display: flex; align-items: flex-start;
  justify-content: space-between; gap: .6rem;
  margin-bottom: .45rem;
}
.video-info h3 {
  font-family: 'Space Grotesk',sans-serif;
  font-size: .95rem; font-weight: 700;
  color: #e2e8f0; line-height: 1.4; flex: 1;
  transition: color .2s;
}
.video-card-link:hover .video-info h3 { color: #FF6B35; }
.video-info p { font-size: .825rem; color: #64748b; line-height: 1.55; }

/* Platform chip (inside card body) */
.video-plat-chip {
  font-family: 'Space Grotesk',sans-serif;
  font-size: .65rem; font-weight: 700;
  padding: .2rem .55rem; border-radius: 9999px;
  white-space: nowrap; flex-shrink: 0;
  margin-top: .1rem;
}