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

  :root{
    --bg: #0B0B0E;
    --card: #17171B;
    --card-2: #1F1F24;
    --ink: #F5F5F2;
    --ink-soft: #A2A2A8;
    --pink: #FF2E9A;
    --pink-deep: #C2116F;
    --teal: #00E6C3;
    --teal-deep: #00A98F;
    --green: #8CFF6B;
    --green-deep: #57CC3B;
    --line: rgba(245,245,242,0.1);
  }

  *{ box-sizing:border-box; margin:0; padding:0; }

  body{
    background:var(--bg);
    color:var(--ink);
    font-family:'Inter',sans-serif;
    line-height:1.6;
  }

  .eyebrow{
    font-family:'Inter',sans-serif; font-weight:700; font-size:0.72rem;
    letter-spacing:0.14em; text-transform:uppercase; color:var(--teal);
  }

  h1,h2,h3{ font-family:'Space Grotesk',sans-serif; font-weight:600; color:var(--ink); line-height:1.12; }
  a{ color:inherit; text-decoration:none; }
  .wrap{ max-width:1120px; margin:0 auto; padding:0 32px; }

  nav{
    display:flex; align-items:center; justify-content:space-between;
    padding:22px 32px; max-width:1120px; margin:0 auto;
    border-bottom:1px solid var(--line);
  }
  .brand{ font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:1.15rem; }
  .brand span{ color:var(--pink); }
  .navlinks{ display:flex; gap:28px; font-size:0.88rem; font-weight:500; color:var(--ink-soft); }
  .navlinks a:hover{ color:var(--teal); }
  .nav-cta{
    background:var(--pink); color:#0B0B0E; padding:9px 18px; border-radius:2px;
    font-size:0.82rem; font-weight:700; letter-spacing:0.02em;
    box-shadow:0 0 22px -4px rgba(255,46,154,0.55);
  }

  .hero{ position:relative; padding:96px 32px 110px; max-width:1120px; margin:0 auto; overflow:hidden; }
  .hero-grid{ display:flex; align-items:center; gap:56px; }
  .hero-inner{ max-width:480px; flex-shrink:0; }
  .hero-visual{ flex:1.3; }
  .hero-visual img{
    width:100%; height:auto; border-radius:10px; display:block;
    border:1px solid var(--line);
  }
  .hero h1{ font-size:3.15rem; margin:18px 0 22px; }
  .hero .mark{ position:relative; white-space:nowrap; }
  .hero .mark::after{
    content:''; position:absolute; left:-4px; right:-4px; bottom:2px; height:14px;
    background:var(--green); opacity:0.28; z-index:-1; transform:skewX(-6deg);
  }
  .hero p{ font-size:1.12rem; color:var(--ink-soft); max-width:520px; margin-bottom:34px; }
  .hero-ctas{ display:flex; gap:20px; align-items:center; flex-wrap:wrap; }
  .btn-primary{
    background:var(--pink); color:#0B0B0E; padding:14px 26px; border-radius:2px;
    font-weight:700; font-size:0.92rem; display:inline-block;
    box-shadow:0 0 30px -6px rgba(255,46,154,0.6);
  }
  .btn-text{ font-weight:700; font-size:0.92rem; color:var(--teal); border-bottom:1px solid var(--teal); padding-bottom:2px; }
  .glow-dot{
    position:absolute; width:340px; height:340px; border-radius:50%;
    background:radial-gradient(circle, rgba(0,230,195,0.16), transparent 70%);
    top:-120px; right:-80px; pointer-events:none;
  }

  .section{ padding:74px 32px; max-width:1120px; margin:0 auto; }
  .section-head{ margin-bottom:40px; max-width:560px; }
  .section-head h2{ font-size:2rem; margin-top:12px; }
  .section-head h1{ font-size:3.2rem; margin-top:12px; }
  .section-head p{ color:var(--ink-soft); margin-top:12px; font-size:1.02rem; }

  .start-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
  .start-card{
    background:var(--card); border-radius:6px; padding:26px 22px 24px;
    border:1px solid var(--line); border-top:2px solid var(--teal);
    transition:transform .2s ease, border-color .2s ease;
  }
  .start-card:hover{ transform:translateY(-4px); border-color:var(--teal); }
  .start-card .tag{ font-size:0.7rem; font-weight:700; letter-spacing:0.08em; text-transform:uppercase; color:var(--teal); }
  .start-card h3{ font-size:1.15rem; margin:12px 0 10px; }
  .start-card p{ font-size:0.9rem; color:var(--ink-soft); margin-bottom:16px; }
  .start-card .go{ font-size:0.82rem; font-weight:700; color:var(--pink); }

  .spotlight{
    background:var(--card-2); border-radius:8px;
    padding:56px 52px; border:1px solid var(--green);
    box-shadow:0 0 60px -30px rgba(140,255,107,0.35);
  }
  .spotlight .eyebrow{ color:var(--green); }
  .spotlight h2{ font-size:2.1rem; margin:14px 0 16px; }
  .spotlight p{ color:var(--ink-soft); font-size:1rem; margin-bottom:22px; max-width:640px; }
  .spotlight .pillars{ display:flex; flex-wrap:wrap; gap:10px; margin-bottom:26px; }
  .pillars span{ font-size:0.78rem; border:1px solid var(--green-deep); color:var(--green); padding:6px 12px; border-radius:20px; }
  .btn-green{
    background:var(--green); color:#0B0B0E; padding:14px 26px; border-radius:2px;
    font-weight:700; font-size:0.92rem; display:inline-block;
    box-shadow:0 0 30px -6px rgba(140,255,107,0.55);
  }

  .podcast{ display:flex; align-items:center; justify-content:space-between; gap:40px; }
  .podcast-art{
    width:180px; height:180px; border-radius:10px; flex-shrink:0;
    overflow:hidden;
    box-shadow:0 0 50px -14px rgba(255,46,154,0.4);
  }
  .podcast-art img{ width:100%; height:100%; object-fit:cover; display:block; }
  .podcast-text{ flex:1; }
  .podcast-text h2{ font-size:1.9rem; margin:12px 0 14px; }
  .podcast-text p{ color:var(--ink-soft); margin-bottom:20px; max-width:480px; }

  .posts-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
  .post-thumb{
    height:170px; border-radius:6px; margin-bottom:14px;
    background:var(--card-2); border:1px solid var(--line);
    display:flex; align-items:center; justify-content:center;
    font-family:'Space Grotesk',sans-serif; color:var(--pink); font-size:0.85rem; font-weight:600;
  }
  .post-card .cat{ font-size:0.7rem; font-weight:700; text-transform:uppercase; letter-spacing:0.08em; color:var(--teal); }
  .post-card h3{ font-size:1.08rem; margin:10px 0 0; }

  .about{ display:flex; gap:52px; align-items:center; }
  .about-photo{
    width:260px; height:320px; border-radius:8px; flex-shrink:0;
    overflow:hidden;
    box-shadow:0 0 60px -20px rgba(255,46,154,0.35);
  }
  .about-photo img{ width:100%; height:100%; object-fit:cover; display:block; }
  .about-text .eyebrow{ margin-bottom:10px; }
  .about-text h2{ font-size:2rem; margin-bottom:16px; }
  .about-text p{ color:var(--ink-soft); margin-bottom:14px; max-width:520px; }
  .about-text .signature{ font-family:'Space Grotesk',sans-serif; font-size:1.3rem; color:var(--green); margin-top:18px; font-weight:600; }

  .email-band{
    background:var(--card); border:1px solid var(--pink); color:var(--ink); text-align:center;
    padding:64px 32px; border-radius:8px; max-width:1056px; margin:0 auto 0;
    box-shadow:0 0 70px -34px rgba(255,46,154,0.4);
  }
  .email-band h2{ font-size:1.9rem; margin:12px 0 10px; }
  .email-band p{ color:var(--ink-soft); margin-bottom:26px; }
  .email-form{ display:flex; justify-content:center; gap:0; max-width:420px; margin:0 auto; }
  .email-form input{ flex:1; padding:14px 16px; border:1px solid var(--line); background:var(--bg); color:var(--ink); font-family:'Inter'; font-size:0.92rem; border-radius:2px 0 0 2px; }
  .email-form button{ background:var(--pink); color:#0B0B0E; border:none; padding:14px 22px; font-weight:700; border-radius:0 2px 2px 0; font-size:0.88rem; cursor:pointer; }
  .fd-embed-wrap{
    width:fit-content; max-width:100%; margin:0 auto; padding:20px;
    background:var(--bg);
  }

  footer{ padding:60px 32px 40px; max-width:1120px; margin:0 auto; }
  .footer-grid{ display:flex; justify-content:space-between; flex-wrap:wrap; gap:40px; border-top:1px solid var(--line); padding-top:40px; }
  .footer-brand{ font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:1.1rem; }
  .footer-links{ display:flex; gap:60px; flex-wrap:wrap; }
  .footer-col h4{ font-size:0.78rem; text-transform:uppercase; letter-spacing:0.08em; color:var(--ink-soft); margin-bottom:12px; }
  .footer-col a{ display:block; font-size:0.9rem; color:var(--ink); margin-bottom:9px; }
  .footer-col a:hover{ color:var(--teal); }
  .footer-note{ margin-top:40px; font-size:0.78rem; color:var(--ink-soft); }

  .annot{ font-family:'Space Grotesk',sans-serif; font-size:0.8rem; color:var(--teal); display:inline-block; margin-top:6px; }

  @media (max-width:860px){
    .navlinks{ display:none; }
    .hero h1{ font-size:2.2rem; }
    .hero-grid{ flex-direction:column; }
    .hero-inner{ max-width:100%; }
    .start-grid{ grid-template-columns:1fr; }
    .posts-grid{ grid-template-columns:1fr; }
    .spotlight{ padding:40px 28px; }
    .podcast{ flex-direction:column; text-align:center; }
    .about{ flex-direction:column; text-align:center; }
    .about-text p{ margin-left:auto; margin-right:auto; }
  }

/* Make hyperlinks in blog post/page body text visibly clickable */
a {
  color: #FF2E9A;
  text-decoration: underline;
}
a:hover {
  opacity: 0.85;
}

/* Keep nav, buttons, and footer links looking like themselves, not like plain text links */
nav a,
.brand,
.nav-cta,
.btn-primary,
.btn-text,
.btn-green,
.go,
.footer-col a {
  text-decoration: none;
}

/* Blog dropdown (desktop: hover, mobile: tap) */
.nav-dropdown{ position:relative; display:inline-block; }
.nav-dropdown-menu{
  display:none; position:absolute; top:100%; left:0; margin-top:14px;
  background:#17171B; border:1px solid rgba(245,245,242,0.1); border-radius:8px;
  padding:10px; min-width:220px; z-index:50; box-shadow:0 12px 30px -10px rgba(0,0,0,0.6);
}
.nav-dropdown-menu a{ display:block; padding:9px 12px; font-size:0.85rem; color:#A2A2A8; border-radius:4px; }
.nav-dropdown-menu a:hover{ background:rgba(255,46,154,0.1); color:#F5F5F2; }
.nav-dropdown:hover .nav-dropdown-menu{ display:block; }
.nav-dropdown.open .nav-dropdown-menu{ display:block; }

/* Hamburger button */
#navHamburger{
  display:none; flex-direction:column; justify-content:center; gap:5px;
  width:36px; height:32px; background:none; border:none; cursor:pointer; padding:0;
}
#navHamburger span{ display:block; height:2px; width:100%; background:#F5F5F2; border-radius:2px; transition:transform .2s ease, opacity .2s ease; }
#navHamburger.is-active span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
#navHamburger.is-active span:nth-child(2){ opacity:0; }
#navHamburger.is-active span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

@media (max-width:860px){
  #navHamburger{ display:flex; }
  .navlinks{
    display:none; position:absolute; top:100%; left:0; right:0;
    background:#0B0B0E; border-bottom:1px solid rgba(245,245,242,0.1);
    flex-direction:column; gap:0; padding:12px 32px 20px;
    z-index:200;
  }
  .navlinks.nav-open{ display:flex; }
  .navlinks a{ padding:12px 0; border-bottom:1px solid rgba(245,245,242,0.06); }
  .nav-dropdown{ display:block; width:100%; }
  .nav-dropdown > a{ display:block; padding:12px 0; border-bottom:1px solid rgba(245,245,242,0.06); }
  .nav-dropdown-menu{ position:static; margin-top:0; border:none; box-shadow:none; background:rgba(255,255,255,0.03); }
  nav{ position:relative; z-index:200; }
  .nav-cta{ display:none; }
}