/*
Theme Name: Kadence Child
Template: kadence
Version: 1.0
*/

:root {
      --pink:        #D6168A;
      --pink-light:  #FDE8F5;
      --pink-mid:    #F5B8DF;
      --pink-pastel: #FADADF;
      --blue:        #6FA8DC;
      --blue-light:  #E8F2FF;
      --blue-mid:    #B8D8F5;
      --blue-pastel: #D0E8FF;
      --navy:        #5A7BAA;
      --navy-light:  #E0EDF8;
      --teal:        #4EA8C8;
      --teal-light:  #DDF0F8;
      --green:       #5ABB8A;
      --green-light: #E2F7EE;
      --gold:        #E8A020;
      --gold-light:  #FFF3CD;
      --orange:      #E07050;
      --orange-light:#FEF0EC;
      --red:         #CC2222;
      --red-light:   #FFF0F0;
      --purple:      #9B7FCC;
      --purple-light:#F0EAFF;
      --gray-dark:   #3A3A4A;
      --gray-mid:    #6B7080;
      --gray-light:  #F8F5FF;
      --white:       #FFFFFF;
      --shadow:      0 4px 24px rgba(100,120,180,0.12);
      --shadow-lg:   0 8px 40px rgba(100,120,180,0.20);
    }
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
    html { scroll-behavior: smooth; }
    body { font-family: 'Nunito', sans-serif; color: var(--gray-dark); background: #fff; overflow-x: hidden; }
    h1, h2, h3, h4 { font-family: 'Fredoka One', cursive; letter-spacing: 0.02em; }
    a { text-decoration: none; color: inherit; }
    img { max-width: 100%; }

    /* ── UTILITY ────────────────────────────────────────────────── */
    .container { max-width: 1160px; margin: 0 auto; padding: 0 24px; }
    .section { padding: 72px 0; }
    .section-sm { padding: 48px 0; }
    .tag { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; padding: 4px 12px; border-radius: 20px; }
    .btn { display: inline-flex; align-items: center; gap: 8px; padding: 14px 28px; border-radius: 50px; font-family: 'Nunito', sans-serif; font-size: 15px; font-weight: 700; cursor: pointer; border: none; transition: all 0.22s; }
    .btn-pink  { background: var(--pink); color: #fff; }
    .btn-pink:hover  { background: #b8137a; transform: translateY(-2px); box-shadow: 0 8px 24px rgba(214,22,138,0.35); }
    .btn-navy  { background: var(--navy); color: #fff; }
    .btn-navy:hover  { background: #0f1a3a; transform: translateY(-2px); }
    .btn-outline { background: rgba(255,255,255,0.75); color: var(--navy); border: 2px solid rgba(90,123,170,0.35); }
    .btn-outline:hover { background: #fff; color: var(--pink); border-color: var(--pink); }
    .section-label { font-size: 12px; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; color: var(--pink); display: block; margin-bottom: 10px; }
    .section-title { font-family: 'Fredoka One', cursive; font-size: clamp(28px, 4vw, 40px); color: var(--navy); line-height: 1.15; }
    .section-sub { font-size: 17px; color: var(--gray-mid); line-height: 1.65; margin-top: 12px; }
    .card { background: #fff; border-radius: 20px; box-shadow: var(--shadow); overflow: hidden; }
    .fade-in { opacity: 0; transform: translateY(24px); transition: opacity 0.6s ease, transform 0.6s ease; }
    .fade-in.visible { opacity: 1; transform: none; }

    /* ── EMERGENCY BANNER ────────────────────────────────────────── */
    .emergency-bar {
      background: var(--red);
      color: #fff;
      text-align: center;
      padding: 10px 24px;
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 0.03em;
    }
    .emergency-bar a { color: #FFD0D0; text-decoration: underline; }
    .emergency-bar span { opacity: 0.7; margin: 0 12px; }

    /* ── NAVIGATION ──────────────────────────────────────────────── */
    .nav {
      position: sticky; top: 0; z-index: 1000;
      background: #fff;
      border-bottom: 1px solid rgba(26,43,95,0.08);
      box-shadow: 0 2px 16px rgba(26,43,95,0.06);
padding:5px;
    }
    .nav-inner {
      display: flex; align-items: center; gap: 0;
      padding: 0 24px; max-width: 1160px; margin: 0 auto; height: 68px;
    }
    .nav-logo { display: flex; align-items: center; gap: 0; flex-shrink: 0; margin-right: 32px; }
    .logo-text {
      font-family: 'Fredoka One', cursive;
      font-size: 26px;
      line-height: 1;
    }
    .logo-i     { color: #E85D04; }
    .logo-c     { color: var(--pink); }
    .logo-a     { color: var(--green); }
    .logo-r     { color: var(--teal); }
    .logo-e     { color: var(--purple); }
    .logo-space { display: inline-block; width: 6px; }
    .logo-p2    { color: var(--navy); }
    .logo-e2    { color: var(--gold); }
    .logo-d     { color: var(--orange); }
    .logo-i2    { color: var(--pink); }
    .logo-a2    { color: var(--teal); }
    .logo-t     { color: var(--green); }
    .logo-r2    { color: var(--navy); }
    .logo-i3    { color: var(--purple); }
    .logo-c2    { color: #E85D04; }
    .logo-s     { color: var(--pink); }
    .logo-tag { font-size: 11px; font-weight: 700; color: var(--blue); letter-spacing: 0.05em; display: block; margin-top: -2px; padding-left: 1px; }
    .nav-links { display: flex; gap: 4px; align-items: center; flex: 1; }
    .nav-link { font-size: 14px; font-weight: 600; color: var(--gray-mid); padding: 8px 12px; border-radius: 8px; transition: all 0.18s; white-space: nowrap; }
    .nav-link:hover { color: var(--navy); background: var(--gray-light); }
    .nav-right { display: flex; align-items: center; gap: 12px; margin-left: auto; }
    .nav-phone { font-size: 14px; font-weight: 700; color: var(--navy); white-space: nowrap; }
    .nav-phone:hover { color: var(--pink); }
    .nav-cta { padding: 10px 20px; font-size: 14px; }
    .nav-menu-btn { display: none; background: none; border: none; cursor: pointer; padding: 8px; }
    .nav-menu-btn span { display: block; width: 24px; height: 2px; background: var(--navy); margin: 5px 0; border-radius: 2px; transition: 0.3s; }
    .mobile-nav { display: none; }

    /* ── HERO SEASONAL ───────────────────────────────────────────── */
    .hero {
      position: relative; overflow: hidden;
      min-height: 580px;
      display: flex; align-items: center;
    }
    .hero-slides { position: absolute; inset: 0; }
    .hero-slide {
      position: absolute; inset: 0;
      opacity: 0; transition: opacity 1.8s ease;
      display: flex; align-items: center;
    }
    .hero-slide.active { opacity: 1; }
    .hero-slide-winter {
      background: linear-gradient(135deg, #A8C8F5 0%, #C8DEFF 40%, #F0D6F5 80%, #FFD6F0 100%);
    }
    .hero-slide-spring {
      background: linear-gradient(135deg, #A8E4C8 0%, #C8F0D8 35%, #F5D6FF 70%, #FFD6EE 100%);
    }
    .hero-slide-summer {
      background: linear-gradient(135deg, #FFD6A0 0%, #FFE8B0 35%, #C8F0D8 70%, #B8E8FF 100%);
    }
    .hero-slide-fall {
      background: linear-gradient(135deg, #FFD0A8 0%, #F5C0B8 40%, #F0D6FF 75%, #FFDDEF 100%);
    }
    .hero-slide-school {
      background: linear-gradient(135deg, #C8D8FF 0%, #E0C8FF 40%, #FFB8E8 80%, #FFD6F0 100%);
    }
    /* Decorative circles */
    .hero-slide::before {
      content: '';
      position: absolute;
      width: 500px; height: 500px;
      border-radius: 50%;
      background: rgba(255,255,255,0.05);
      top: -100px; right: -80px;
    }
    .hero-slide::after {
      content: '';
      position: absolute;
      width: 300px; height: 300px;
      border-radius: 50%;
      background: rgba(255,255,255,0.04);
      bottom: -80px; left: 60%;
    }
    .hero-content {
      position:relative;
    z-index:2;
    max-width:1160px;
    margin:0 auto;
    padding:80px 24px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:60px;
    }
    .hero-text {flex:1;
    max-width:650px;}
    .hero-season-badge {
      display: inline-flex; align-items: center; gap: 8px;
      background: rgba(255,255,255,0.65);
      backdrop-filter: blur(8px);
      color: var(--navy);
      font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase;
      padding: 6px 16px; border-radius: 20px;
      margin-bottom: 20px;
      border: 1px solid rgba(255,255,255,0.8);
    }
    .hero-badge-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--pink); animation: pulse 2s infinite; }
    @keyframes pulse { 0%,100% { opacity:1; transform: scale(1); } 50% { opacity:0.5; transform: scale(0.8); } }
    .hero-headline {
      font-family: 'Fredoka One', cursive;
      font-size: clamp(32px, 5vw, 44px);
      color: var(--navy);
      line-height: 1.1;
      margin-bottom: 16px;
    }
    .hero-sub {
      font-size: 18px; color: var(--gray-mid); line-height: 1.6; margin-bottom: 32px;
    }
    .hero-btns { display: flex; gap: 14px; flex-wrap: wrap; }
    .hero-card {
      width:400px;
    flex-shrink:0;
    background:rgba(255,255,255,.72);
    backdrop-filter:blur(20px);
    border:1px solid rgba(255,255,255,.9);
    border-radius:24px;
    padding:32px;
    }
    .hero-card-title { font-family: 'Fredoka One', cursive; font-size: 20px; margin-bottom: 4px; color: var(--navy); }
    .hero-card-sub { font-size: 13px; color: var(--gray-mid); margin-bottom: 20px; }
    .hero-quick-item {
      display: flex; align-items: center; gap: 12px;
      padding: 12px 0; border-bottom: 1px solid rgba(100,130,200,0.12);
      font-size: 14px; font-weight: 600; cursor: pointer;
      transition: all 0.18s; color: var(--navy);
    }
    .hero-quick-item:last-child { border-bottom: none; }
    .hero-quick-item:hover { padding-left: 4px; color: var(--pink); }
    .hero-quick-icon {
      width: 36px; height: 36px; border-radius: 10px;
      background: var(--blue-light);
      display: flex; align-items: center; justify-content: center;
      font-size: 16px; flex-shrink: 0;
    }
    .hero-dots {
      position: absolute; bottom: 28px; left: 50%; transform: translateX(-50%);
      display: flex; gap: 8px; z-index: 3;
    }
    .hero-dot {
      width: 8px; height: 8px; border-radius: 50%;
      background: rgba(100,130,200,0.35); cursor: pointer; transition: all 0.3s;
    }
    .hero-dot.active { background: var(--pink); width: 24px; border-radius: 4px; }

    /* ── QUICK ACTIONS ───────────────────────────────────────────── */
    .quick-actions { background: linear-gradient(135deg, #C8DEFF 0%, #F0D6F5 100%); padding: 0; }
    .quick-actions-inner {
      max-width: 1160px; margin: 0 auto; padding: 0 24px;
      display: grid; grid-template-columns: repeat(4,1fr);
    }
    .qa-item {
      padding: 24px 20px; text-align: center;
      border-right: 1px solid rgba(100,130,200,0.15);
      cursor: pointer; transition: all 0.22s;
      display: flex; flex-direction: column; align-items: center; gap: 8px;
      text-decoration: none; color: var(--navy);
    }
    .qa-item:last-child { border-right: none; }
    .qa-item:hover { background: rgba(255,255,255,0.5); }
    .qa-icon { font-size: 24px; }
    .qa-label { font-size: 13px; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase; color: var(--navy); }
    .qa-sub { font-size: 11px; color: var(--gray-mid); }

    /* ── WHY ICARE ───────────────────────────────────────────────── */
    .why-grid {
      display: grid; grid-template-columns: repeat(3,1fr); gap: 28px;
      margin-top: 52px;
    }
    .why-card {
      background: #fff; border-radius: 20px;
      border: 1.5px solid var(--teal-light);
      padding: 36px 28px;
      transition: all 0.28s;
      position: relative; overflow: hidden;
    }
    .why-card::before {
      content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px;
    }
    .why-card:nth-child(1)::before { background: var(--pink); }
    .why-card:nth-child(2)::before { background: var(--teal); }
    .why-card:nth-child(3)::before { background: var(--green); }
    .why-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-lg); }
    .why-icon {
      width: 60px; height: 60px; border-radius: 16px;
      display: flex; align-items: center; justify-content: center;
      font-size: 26px; margin-bottom: 20px;
    }
    .why-card:nth-child(1) .why-icon { background: var(--pink-light); }
    .why-card:nth-child(2) .why-icon { background: var(--teal-light); }
    .why-card:nth-child(3) .why-icon { background: var(--green-light); }
    .why-title { font-family: 'Fredoka One', cursive; font-size: 22px; color: var(--navy); margin-bottom: 10px; }
    .why-text { font-size: 15px; color: var(--gray-mid); line-height: 1.65; }

    /* ── WELL VISIT NAVIGATOR ────────────────────────────────────── */
    .wvn { background: linear-gradient(160deg, #EFF6FF 0%, #FFF0F8 100%); }
    .wvn-ages {
      display: flex; flex-wrap: wrap; gap: 10px;
      margin: 36px 0 28px;
    }
    .age-pill {
      padding: 10px 18px; border-radius: 50px;
      font-size: 14px; font-weight: 700;
      cursor: pointer; transition: all 0.2s;
      border: 2px solid var(--teal-light);
      background: #fff; color: var(--navy);
    }
    .age-pill:hover { border-color: var(--teal); color: var(--teal); transform: translateY(-2px); }
    .age-pill.active {
      background: var(--navy); color: #fff; border-color: var(--navy);
      transform: translateY(-2px);
      box-shadow: 0 4px 16px rgba(26,43,95,0.25);
    }
    .wvn-panel {
      background: #fff; border-radius: 20px;
      box-shadow: var(--shadow); padding: 36px;
      display: none; animation: slideIn 0.3s ease;
    }
    .wvn-panel.active { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 28px; }
    @keyframes slideIn { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:none; } }
    .wvn-col-title {
      font-family: 'Fredoka One', cursive; font-size: 17px;
      margin-bottom: 14px; display: flex; align-items: center; gap: 8px;
    }
    .wvn-dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }
    .wvn-list { list-style: none; }
    .wvn-list li {
      font-size: 14px; color: var(--gray-mid);
      padding: 6px 0; border-bottom: 1px solid #f0f0f0;
      display: flex; align-items: flex-start; gap: 8px; line-height: 1.4;
    }
    .wvn-list li:last-child { border-bottom: none; }
    .wvn-list li::before { content: '•'; color: var(--teal); font-weight: 900; flex-shrink: 0; margin-top: 1px; }
    .wvn-prompt {
      text-align: center; padding: 40px;
      color: var(--gray-mid); font-size: 16px;
    }
    .wvn-prompt-icon {
      display: block; margin: 0 auto 16px;
      width: 64px; height: 64px;
      animation: float 3s ease-in-out infinite;
    }
    @keyframes float {
      0%, 100% { transform: translateY(0); }
      50%       { transform: translateY(-8px); }
    }

    /* ── LOCATIONS ───────────────────────────────────────────────── */
    .locations-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; margin-top: 48px; }
    .location-card {
      border-radius: 24px; overflow: hidden;
      box-shadow: var(--shadow); transition: all 0.28s;
    }
    .location-card:hover { transform: translateY(-4px); box-shadow: var(--shadow-lg); }
    .location-header { padding: 28px 28px 20px; }
    .location-card:nth-child(1) .location-header { background: linear-gradient(135deg, #A8C8F5, #C8DEFF); }
    .location-card:nth-child(2) .location-header { background: linear-gradient(135deg, #F5A8D4, #FFD6EF); }
    .location-badge {
      display: inline-block; font-size: 11px; font-weight: 800;
      letter-spacing: 0.08em; text-transform: uppercase;
      padding: 4px 12px; border-radius: 20px;
      background: rgba(255,255,255,0.5); color: var(--navy); margin-bottom: 12px;
    }
    .location-name { font-family: 'Fredoka One', cursive; font-size: 26px; color: var(--navy); margin-bottom: 6px; }
    .location-addr { font-size: 15px; color: var(--gray-mid); line-height: 1.5; }
    .location-body { background: #fff; padding: 24px 28px; }
    .location-info-row {
      display: flex; align-items: flex-start; gap: 12px;
      padding: 10px 0; border-bottom: 1px solid #f0f0f0; font-size: 14px;
    }
    .location-info-row:last-child { border-bottom: none; }
    .location-info-icon { font-size: 18px; flex-shrink: 0; margin-top: 1px; }
    .location-info-label { font-weight: 700; color: var(--navy); display: block; font-size: 12px; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 2px; }
    .location-info-val { color: var(--gray-mid); }
    .opening-tag {
      display: inline-block; margin-top: 8px;
      background: var(--gold-light); color: var(--gold);
      font-size: 11px; font-weight: 800; letter-spacing: 0.06em; text-transform: uppercase;
      padding: 4px 12px; border-radius: 20px; border: 1px solid var(--gold);
    }

    /* ── NEW PATIENTS BANNER ─────────────────────────────────────── */
    .new-patients {
      background: linear-gradient(135deg, #F5A0D0 0%, #C8A0F0 50%, #A0C4F8 100%);
      padding: 60px 24px; text-align: center;
    }
    .new-patients h2 { font-family: 'Fredoka One', cursive; font-size: clamp(28px,4vw,42px); color: var(--navy); margin-bottom: 12px; }
    .new-patients p { font-size: 18px; color: var(--gray-dark); margin-bottom: 32px; opacity: 0.85; }
    .new-patients-btns { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }

    /* ── INSURANCE ───────────────────────────────────────────────── */
    .insurance { background: linear-gradient(160deg, #F5F0FF 0%, #FFF0F8 100%); }
    .insurance-grid {
      display: flex; flex-wrap: wrap; gap: 12px;
      justify-content: center; margin-top: 36px;
    }
    .ins-pill {
      background: #fff; border: 1.5px solid var(--teal-light);
      padding: 12px 24px; border-radius: 50px;
      font-size: 14px; font-weight: 700; color: var(--navy);
      transition: all 0.2s;
    }
    .ins-pill:hover { border-color: var(--teal); box-shadow: 0 4px 12px rgba(26,127,168,0.15); transform: translateY(-2px); }
    .ins-note { text-align: center; margin-top: 20px; font-size: 14px; color: var(--gray-mid); }
    .ins-note a { color: var(--pink); font-weight: 700; }

    /* ── TEAM PREVIEW ────────────────────────────────────────────── */
    /* ── ROLE LEGEND ─────────────────────────────────────────────── */
    .team-legend {
      display: flex; flex-wrap: wrap; gap: 10px;
      margin: 24px 0 36px;
    }
    .legend-pill {
      display: flex; align-items: center; gap: 6px;
      padding: 6px 14px; border-radius: 50px;
      font-size: 12px; font-weight: 700; cursor: pointer;
      border: 2px solid transparent; transition: all 0.2s;
    }
    .legend-pill.active, .legend-pill:hover { transform: translateY(-2px); box-shadow: var(--shadow); }
    .legend-dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }

    /* ── TEAM GRID ───────────────────────────────────────────────── */
    .team-grid {
      display: grid; grid-template-columns: repeat(6,1fr); gap: 16px; margin-top: 0;
    }
    .team-card {
      background: #fff; border-radius: 18px; overflow: hidden;
      box-shadow: var(--shadow); text-align: center;
      transition: all 0.28s;
    }
    .team-card:hover { transform: translateY(-5px); box-shadow: var(--shadow-lg); }
    .team-card.hidden { display: none; }
    .team-avatar {
      height: 120px; display: flex; align-items: center; justify-content: center;
      position: relative;
    }
    .team-avatar-circle {
      width: 72px; height: 72px; border-radius: 50%;
      display: flex; align-items: center; justify-content: center;
      font-family: 'Fredoka One', cursive; font-size: 20px; color: #fff;
      border: 3px solid rgba(255,255,255,0.5);
    }
    .team-body { padding: 12px 10px 18px; }
    .team-name { font-family: 'Fredoka One', cursive; font-size: 14px; color: var(--navy); margin-bottom: 3px; line-height: 1.2; }
    .team-cred { font-size: 11px; font-weight: 700; color: var(--gray-mid); margin-bottom: 4px; }
    .team-role { font-size: 11px; color: var(--gray-mid); margin-bottom: 8px; line-height: 1.3; }
    .team-tag { font-size: 10px; font-weight: 700; padding: 2px 9px; border-radius: 20px; display: inline-block; }
    .team-all-btn { display: block; text-align: center; margin-top: 36px; }

    /* ── PCMH ────────────────────────────────────────────────────── */
    .pcmh { background: linear-gradient(135deg, #C8DEFF 0%, #E0C8FF 50%, #FFD6F0 100%); }
    .pcmh-inner {
      display: grid; grid-template-columns: 1fr 2fr; gap: 60px; align-items: center;
    }
    .pcmh-badge-wrap { display: flex; justify-content: center; }
    .pcmh-badge-circle {
      width: 220px; height: 220px; border-radius: 50%;
      background: rgba(255,255,255,0.55);
      border: 3px solid rgba(255,255,255,0.8);
      display: flex; flex-direction: column; align-items: center; justify-content: center;
      text-align: center; padding: 20px;
      box-shadow: 0 8px 32px rgba(160,100,200,0.2);
    }
    .pcmh-badge-top { font-size: 11px; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: var(--navy); opacity: 0.7; margin-bottom: 6px; }
    .pcmh-badge-main { font-family: 'Fredoka One', cursive; font-size: 22px; color: var(--navy); line-height: 1.2; margin-bottom: 6px; }
    .pcmh-badge-sub { font-size: 11px; color: var(--gray-mid); }
    .pcmh-content h2 { font-family: 'Fredoka One', cursive; font-size: clamp(26px,3.5vw,38px); color: var(--navy); margin-bottom: 16px; }
    .pcmh-content p { font-size: 16px; color: var(--gray-dark); line-height: 1.7; margin-bottom: 28px; opacity: 0.85; }
    .pcmh-pills { display: flex; flex-wrap: wrap; gap: 10px; }
    .pcmh-pill {
      background: rgba(255,255,255,0.7);
      border: 1px solid rgba(100,130,200,0.25);
      color: var(--navy);
      font-size: 13px; font-weight: 600;
      padding: 8px 16px; border-radius: 50px;
    }

    /* ── FOOTER ──────────────────────────────────────────────────── */
    .footer { background: linear-gradient(160deg, #2A4A7A 0%, #4A2A6A 100%); color: rgba(255,255,255,0.82); padding: 64px 0 0; }
    .footer-grid {
      display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 48px;
      padding-bottom: 48px;
      border-bottom: 1px solid rgba(255,255,255,0.08);
    }
    .footer-brand-logo { font-family: 'Fredoka One', cursive; font-size: 28px; margin-bottom: 12px; }
    .footer-brand-sub { font-size: 14px; line-height: 1.6; margin-bottom: 20px; opacity: 0.65; }
    .footer-contact-item {
      display: flex; align-items: flex-start; gap: 10px;
      font-size: 14px; margin-bottom: 10px;
    }
    .footer-contact-icon { opacity: 0.5; flex-shrink: 0; margin-top: 2px; }
    .footer-col-title { font-family: 'Fredoka One', cursive; font-size: 18px; color: #fff; margin-bottom: 18px; }
    .footer-link { display: block; font-size: 14px; color: rgba(255,255,255,0.65); margin-bottom: 10px; transition: color 0.18s; }
    .footer-link:hover { color: var(--pink); }
    .footer-bottom {
      padding: 20px 0;
      display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px;
      font-size: 13px; color: rgba(255,255,255,0.4);
    }
    .footer-bottom-links { display: flex; gap: 20px; }
    .footer-bottom-links a { color: rgba(255,255,255,0.4); transition: color 0.18s; }
    .footer-bottom-links a:hover { color: var(--pink); }

    /* ── RESPONSIVE ──────────────────────────────────────────────── */
    @media (max-width: 1024px) {
      .nav-links { display: none; }
      .nav-menu-btn { display: block; }
      .hero-content { grid-template-columns: 1fr; }
      .hero-card { display: none; }
      .why-grid { grid-template-columns: 1fr; }
      .team-grid { grid-template-columns: repeat(4,1fr); }
      .footer-grid { grid-template-columns: 1fr 1fr; }
    }
    @media (max-width: 768px) {
      .quick-actions-inner { grid-template-columns: repeat(2,1fr); }
      .qa-item:nth-child(2) { border-right: none; }
      .locations-grid { grid-template-columns: 1fr; }
      .wvn-panel.active { grid-template-columns: 1fr; }
      .pcmh-inner { grid-template-columns: 1fr; }
      .pcmh-badge-wrap { display: none; }
      .team-grid { grid-template-columns: repeat(2,1fr); }
      .footer-grid { grid-template-columns: 1fr; gap: 32px; }
      .hero-content { padding: 60px 24px; }
      .section { padding: 52px 0; }
    }
    @media (max-width: 480px) {
      .quick-actions-inner { grid-template-columns: repeat(2,1fr); }
      .team-grid { grid-template-columns: 1fr 1fr; }
      .hero-btns .btn { width: 100%; justify-content: center; }
      .hero-btns { flex-direction: column; }
    }
    .mobile-nav {
      background: #fff;
      border-top: 1px solid rgba(26,43,95,0.08);
      padding: 16px 24px;
      display: none;
    }
    .mobile-nav.open { display: block; }
    .mobile-nav a {
      display: block; padding: 12px 0;
      font-size: 16px; font-weight: 600; color: var(--navy);
      border-bottom: 1px solid rgba(26,43,95,0.06);
    }
    .mobile-nav a:last-child { border-bottom: none; }
    /* Hide Kadence Header */
#masthead{
    display:none !important;
}

/* Hide Kadence Mobile Header */
.mobile-header-wrap{
    display:none !important;
}
@media (max-width:1024px){

.hero-content{
    flex-direction:column;
}

.hero-text{
    max-width:100%;
    width:100%;
}

.hero-card{
    width:100%;
    max-width:500px;
}

}


.call-box{
    background:#e9e4f8;
    padding:40px 20px;
    text-align:center;
}

.call-icon{
    margin-bottom:15px;
}

.call-box h3{
    margin:0 0 12px;
    color:#5c6fa9;
    font-size:32px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1px;
}

.call-box p{
    margin:0;
    color:#6e7385;
    font-size:28px;
    font-weight:400;
}
.box-sec-w {border-top: 5px solid #d5168a !important;    height: 410px;}
.box-sec-x {border-top: 5px solid #4ea7c8 !important;    height: 410px;}
.box-sec-y {border-top: 5px solid #5aba89 !important;    height: 410px;}

.kt-tabs-title-list li{
	box-shadow: 0px 0px 0px -7px rgba(0, 0, 0, 0) !important;
	    
    border-radius: 50px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    cursor: pointer;
    transition: all 0.2s !important;
    border: 2px solid #ddf0f8 !important;
    background: #fff !important;
    color: var(--navy) !important;
}
.wp-block-kadence-tabs .kt-tabs-title-list {
	gap:6px !important;
}
.wp-block-kadence-tab {
	margin-top: 30px;
    border-radius: 25px;
}
.kt-tab-title-active {
		box-shadow: 0px 0px 0px -7px rgba(0, 0, 0, 0) !important;
	    
    border-radius: 50px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    cursor: pointer;
    transition: all 0.2s !important;
    border: 2px solid #ddf0f8 !important;
    
    color: var(--navy) !important;
}
.text-bg strong{
	font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 4px 12px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.5);
    color: var(--navy);
}
.text-bg {
	margin-bottom:-26px !important;
}

.call-box{
    background:#e9e4f8;
    padding:40px 20px;
    text-align:center;
}

.call-icon{
    margin-bottom:15px;
}

.call-box h3{
    margin:0 0 12px;
    color:#5c6fa9;
    font-size:32px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:1px;
}

.call-box p{
    margin:0;
    color:#6e7385;
    font-size:28px;
    font-weight:400;
}
.box-sec-w {border-top: 5px solid #d5168a !important;    height: 410px;}
.box-sec-x {border-top: 5px solid #4ea7c8 !important;    height: 410px;}
.box-sec-y {border-top: 5px solid #5aba89 !important;    height: 410px;}

.kt-tabs-title-list li{
	box-shadow: 0px 0px 0px -7px rgba(0, 0, 0, 0) !important;
	    
    border-radius: 50px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    cursor: pointer;
    transition: all 0.2s !important;
    border: 2px solid #ddf0f8 !important;
    background: #fff !important;
    color: var(--navy) !important;
}
.wp-block-kadence-tabs .kt-tabs-title-list {
	gap:6px !important;
}
.wp-block-kadence-tab {
	margin-top: 30px;
    border-radius: 25px;
}
.kt-tab-title-active {
		box-shadow: 0px 0px 0px -7px rgba(0, 0, 0, 0) !important;
	    
    border-radius: 50px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    cursor: pointer;
    transition: all 0.2s !important;
    border: 2px solid #ddf0f8 !important;
    
    color: var(--navy) !important;
}
.text-bg strong{
	font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 4px 12px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.5);
    color: var(--navy);
}
.text-bg {
	margin-bottom:-26px !important;
}

.uagb-block-9f1fe62d.uagb-buttons__outer-wrap .uagb-buttons__wrap,
.uagb-block-17df3045.uagb-buttons__outer-wrap .uagb-buttons__wrap,
.uagb-block-af38789d.uagb-buttons__outer-wrap .uagb-buttons__wrap,
.uagb-block-81d94f7e.uagb-buttons__outer-wrap .uagb-buttons__wrap{
	align-items:flex-start !important;
}
.dec-sec .has--font-size {
	display:inline-block !important;
	padding:25px !important;
}
.dec-sec .wp-block-group__inner-container {
	display:flex !important;
align-items:center !important;
	justify-content:center !important;
}
.dec-sec .has-small-font-size {
	font-size:12px !important;
}







.hero-card{

    position:relative;
    overflow:hidden;
	opacity: 2;
}

.hero-card-bg{

    position:absolute;

    inset:0;

    display:flex;

    align-items:center;

    justify-content:center;

    z-index:1;

    opacity:2;

    pointer-events:none;
    top: 0px;
	left:-1188px;

}

.hero-card-bg svg{

    width:90px;

    height:auto;

}

.hero-card>*{

    position:relative;

    z-index:2;
	 opacity:2;
}

.hero-float{

    animation:heroFloat 5s ease-in-out infinite;

}

@keyframes heroFloat{

0%{
transform:translateY(0);
}

50%{
transform:translateY(-6px);
}

100%{
transform:translateY(0);
}

}

.kids{

    transform-box:fill-box;

    transform-origin:center;

    animation:heroJump 1.3s ease-in-out infinite;

}

@keyframes heroJump{

0%{
transform:translateY(-13px);
}

50%{
transform:translateY(0);
}

100%{
transform:translateY(-13px);
}

}




.hero-animation-wrap{
    position:relative;
    display:inline-block;
}

.hero-audio-control{

    position:absolute;

    right: -30px;
    top: 34px;

    transform:translateY(-50%);

    width:46px;

    height:46px;

    border-radius:50%;

    background:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    cursor:pointer;

    box-shadow:0 10px 25px rgba(0,0,0,.15);

    transition:.3s;

    color:#6f5ce7;

    z-index:99;

}

.hero-audio-control:hover{

    transform:translateY(-50%) scale(1.08);

}

.hero-audio-control svg{

    width:22px;

    height:22px;

}

.icon-off{

    display:none;

}

.hero-audio-control.muted .icon-on{

    display:none;

}

.hero-audio-control.muted .icon-off{

    display:block;

}




.audiobtn{
    position:absolute;
    top:30px;
    right:-40px;

    width:68px;
    height:68px;

    border:none;
    border-radius:50%;

    background:#fff;

    display:flex;
    align-items:center;
    justify-content:center;

    cursor:pointer;

    box-shadow:0 15px 35px rgba(0,0,0,.15);

    transition:.35s ease;

    z-index:999;
}

.audiobtn:hover{
    transform:scale(1.08);
    box-shadow:0 20px 45px rgba(0,0,0,.20);
}

.audiobtn svg{
    position:absolute;
    width:30px;
    height:30px;

    fill:none;
    stroke:#6F5CE7;
    stroke-width:2.2;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.audiobtn .off{
    display:none;
}

.audiobtn.playing .on{
    display:block;
}

.audiobtn.playing .off{
    display:none;
}

.audiobtn:not(.playing) .on{
    display:none;
}

.audiobtn:not(.playing) .off{
    display:block;
}


/* Mobile */
@media (max-width:768px){

    .nav-phone{
        display:none !important;
    }

    .nav-cta{
        display:none !important;
    }

    .nav-menu-btn{
        display:flex !important;
        align-items:center;
        justify-content:center;
        width:42px;
        height:42px;
        margin-left:auto;
        background:transparent;
        border:none;
        cursor:pointer;
        z-index:9999;
    }

    .nav-menu-btn span{
        display:block;
        width:24px;
        height:3px;
        background:#333;
        margin:4px 0;
        border-radius:20px;
    }

    .nav-right{
        margin-left:auto;
    }

}