/* GoWin Finance — Hub CSS v6.5 | All design tokens, components, cards, buttons */


    /* ═══════════════════════════════════
       DESIGN TOKENS
    ═══════════════════════════════════ */
    :root{
      --ink:#0d1f2d; --ink-mid:#1a3347; --ink-light:#254d6e;
      --teal:#2ab5a0; --teal-light:#3dd6bf; --teal-pale:rgba(42,181,160,0.12);
      --gold:#c9903a; --gold-light:#e8aa52; --gold-pale:rgba(201,144,58,0.12);
      --green:#2a9e60; --green-pale:rgba(42,158,96,0.10);
      --sky:#56cfe1;
      --slate:#f2f6f9; --white:#ffffff; --muted:#5a7a8e;
      --border:rgba(42,181,160,0.14); --border-dark:rgba(255,255,255,0.08);
      --radius:16px; --radius-sm:8px;
      --shadow:0 4px 20px rgba(13,31,45,0.08); --shadow-lg:0 16px 48px rgba(13,31,45,0.14);
      --font-display: 'Georgia', 'Times New Roman', 'Palatino', serif; --font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
      --nav-h:68px; --transition:all 0.28s cubic-bezier(0.22,1,0.36,1);
      /* Lighter dark card surface */
      --card-dark:#1a2e3d; --card-darker:#142030;
    }
    *,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
    html{scroll-behavior:smooth;font-size:16px;}
    body{font-family:var(--font-body);background:var(--white);color:var(--ink);overflow-x:hidden;-webkit-font-smoothing:antialiased;}
    a{text-decoration:none;color:inherit;}
    ul{list-style:none;}
    img{max-width:100%;display:block;}
    .container{max-width:1200px;margin:0 auto;padding:0 24px;}
    .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}

    ::-webkit-scrollbar{width:5px;}
    ::-webkit-scrollbar-track{background:var(--ink);}
    ::-webkit-scrollbar-thumb{background:var(--teal);border-radius:3px;}
    *:focus-visible{outline:2px solid var(--teal);outline-offset:3px;border-radius:4px;}

    /* ═══════════════════════════════════
       TYPOGRAPHY
    ═══════════════════════════════════ */
    .section-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:0.72rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--teal);margin-bottom:12px;}
    .section-eyebrow::before{content:'';display:block;width:24px;height:2px;background:var(--teal);border-radius:2px;}
    .section-title{font-family:var(--font-display);font-size:clamp(1.9rem,4vw,2.8rem);font-weight:700;line-height:1.15;color:var(--ink);margin-bottom:16px;}
    .section-title em{font-style:italic;color:var(--teal);}
    .section-sub{color:var(--muted);font-size:1.05rem;line-height:1.75;max-width:640px;}

    /* ═══════════════════════════════════
       BUTTONS
    ═══════════════════════════════════ */
    .btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-weight:700;border-radius:50px;border:none;cursor:pointer;transition:var(--transition);text-decoration:none;user-select:none;white-space:nowrap;}
    .btn-primary{background:var(--teal);color:var(--white);padding:14px 30px;font-size:0.95rem;box-shadow:0 6px 20px rgba(42,181,160,0.30);}
    .btn-primary:hover{background:var(--teal-light);transform:translateY(-2px);box-shadow:0 10px 28px rgba(42,181,160,0.38);}
    .btn-gold{background:var(--gold);color:var(--white);padding:14px 30px;font-size:0.95rem;font-weight:800;box-shadow:0 6px 20px rgba(201,144,58,0.28);}
    .btn-gold:hover{background:var(--gold-light);transform:translateY(-2px);}
    .btn-outline{background:transparent;color:var(--white);border:1.5px solid rgba(255,255,255,0.35);padding:13px 28px;font-size:0.95rem;}
    .btn-outline:hover{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.65);}
    .btn-ghost{background:transparent;color:var(--teal);border:1.5px solid var(--teal);padding:11px 24px;font-size:0.88rem;}
    .btn-ghost:hover{background:var(--teal);color:var(--white);}
    .btn-sm{padding:9px 18px!important;font-size:0.82rem!important;}
    .btn-full{width:100%;justify-content:center;}

    /* ═══════════════════════════════════
       LOGO — G + win-arrow badge
    ═══════════════════════════════════ */
    .nav-logo{display:flex;align-items:center;gap:11px;}
    .logo-icon{
      /* Wider pill: houses the G letter + arrow together */
      width:62px;height:42px;border-radius:12px;flex-shrink:0;
      background:linear-gradient(145deg,#0b3328 0%,#14503a 45%,#1a6b50 100%);
      box-shadow:0 4px 18px rgba(42,181,160,0.32);
      display:flex;align-items:center;justify-content:center;
      position:relative;overflow:hidden;gap:0;
    }
    /* Subtle gloss sheen */
    .logo-icon::before{
      content:'';position:absolute;inset:0;
      background:linear-gradient(140deg,rgba(255,255,255,0.12) 0%,transparent 55%);
      pointer-events:none;
    }
    /* Divider between G and arrow */
    .logo-icon::after{
      content:'';position:absolute;left:50%;top:20%;bottom:20%;
      width:1px;background:rgba(255,255,255,0.12);
    }
    .logo-g{
      /* Artistic serif G in gold */
      font-family:var(--font-display);font-weight:700;font-size:1.35rem;
      color:#e8c068;line-height:1;
      position:relative;z-index:1;
      width:30px;text-align:center;
      text-shadow:0 1px 6px rgba(0,0,0,0.35);
      letter-spacing:-1px;
      font-style:italic;
    }
    .logo-icon svg{
      width:22px;height:22px;position:relative;z-index:1;
      margin-left:2px;flex-shrink:0;
    }
    .logo-text-wrap{display:flex;flex-direction:column;gap:2px;}
    .logo-gowin{
      font-family:var(--font-display);font-weight:700;font-size:1.22rem;
      letter-spacing:-0.5px;line-height:1;
      background:linear-gradient(120deg,var(--white) 40%,var(--teal-light) 100%);
      -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
    }
    .logo-finance{
      font-family:var(--font-display);
      font-style:italic;
      font-weight:300;
      font-size:0.7rem;
      color:var(--gold-light);
      letter-spacing:0.04em;
      text-transform:none;
      line-height:1;
      opacity:0.9;
    }

    /* ═══════════════════════════════════
       NAVBAR
    ═══════════════════════════════════ */
    .navbar{position:sticky;top:0;z-index:900;background:rgba(13,31,45,0.97);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-dark);height:var(--nav-h);transition:var(--transition);}
    .navbar.scrolled{box-shadow:0 4px 24px rgba(0,0,0,0.35);}
    .nav-inner{display:flex;align-items:center;justify-content:space-between;height:100%;}

    /* Desktop menu */
    .nav-links{display:flex;align-items:center;gap:2px;}
    .nav-item{position:relative;}
    .nav-link{display:flex;align-items:center;gap:5px;color:rgba(255,255,255,0.80);font-size:0.88rem;font-weight:600;padding:8px 13px;border-radius:8px;transition:var(--transition);cursor:pointer;border:none;background:none;}
    .nav-link i.caret{font-size:0.6rem;transition:transform 0.25s ease;}
    .nav-item:hover>.nav-link{color:var(--teal-light);background:rgba(42,181,160,0.10);}
    .nav-item:hover>.nav-link i.caret{transform:rotate(180deg);}
    .nav-item.active>.nav-link{color:var(--teal-light);}

    /* Mega dropdown */
    .nav-mega{
      position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%) translateY(-8px);
      background:var(--ink-mid);border:1px solid var(--border-dark);
      border-radius:var(--radius);box-shadow:0 24px 60px rgba(0,0,0,0.45);
      opacity:0;visibility:hidden;transition:var(--transition);
      padding:24px;display:grid;gap:8px;pointer-events:none;
    }
    .nav-mega.cols-2{grid-template-columns:1fr 1fr;min-width:440px;}
    .nav-mega.cols-3{grid-template-columns:1fr 1fr 1fr;min-width:580px;}
    .nav-mega.cols-1{grid-template-columns:1fr;min-width:240px;}
    .nav-item:hover .nav-mega,.nav-item:focus-within .nav-mega{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);pointer-events:all;}
    .mega-group h6{font-size:0.68rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--teal);margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid var(--border-dark);}
    .mega-link{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:8px;color:rgba(255,255,255,0.70);font-size:0.84rem;transition:var(--transition);}
    .mega-link i{color:var(--teal);font-size:0.75rem;width:14px;text-align:center;opacity:0.75;}
    .mega-link:hover{background:rgba(42,181,160,0.10);color:var(--teal-light);padding-left:14px;}

    .nav-right{display:flex;align-items:center;gap:10px;}
    .hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;}
    .hamburger span{display:block;width:20px;height:2px;background:var(--white);border-radius:2px;transition:var(--transition);}
    .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 drawer */
    .mobile-nav{display:none;position:fixed;top:var(--nav-h);left:0;right:0;bottom:0;background:var(--ink);overflow-y:auto;z-index:899;transform:translateX(-100%);transition:transform 0.35s cubic-bezier(0.22,1,0.36,1);}
    .mobile-nav.open{transform:translateX(0);}
    .mobile-nav-inner{padding:20px 16px;}
    .mob-section{margin-bottom:24px;}
    .mob-heading{
      font-size:0.68rem;font-weight:800;letter-spacing:0.14em;text-transform:uppercase;
      color:var(--teal);padding:6px 4px 10px;margin-bottom:6px;
      border-bottom:1px solid rgba(42,181,160,0.15);
      display:flex;align-items:center;gap:8px;
    }
    .mob-heading::before{content:'';display:block;width:16px;height:2px;background:var(--teal);border-radius:2px;}
    .mob-link{
      display:flex;align-items:center;gap:12px;
      padding:11px 14px;border-radius:10px;
      background:rgba(255,255,255,0.05);
      border:1px solid rgba(255,255,255,0.07);
      color:rgba(255,255,255,0.88);
      font-size:0.88rem;font-weight:600;
      transition:var(--transition);
      margin-bottom:6px;
      width:100%;text-align:left;cursor:pointer;
      font-family:var(--font-body);
    }
    .mob-link i{
      color:var(--teal);font-size:0.82rem;
      width:18px;text-align:center;
      background:rgba(42,181,160,0.12);
      padding:5px;border-radius:6px;
      flex-shrink:0;
    }
    .mob-link:hover,.mob-link:focus{
      background:rgba(42,181,160,0.14);
      border-color:rgba(42,181,160,0.35);
      color:var(--teal-light);
      transform:translateX(3px);
    }

    /* ═══════════════════════════════════
       DYNAMIC CONTENT SECTIONS (SPA-style)
    ═══════════════════════════════════ */
    .page-section{display:none;}
    .page-section.active{display:block;}
    .start-sub{display:none;}
    .start-sub.active-sub{display:block;}
    /* The home page is always visible, others toggled */

    /* Breadcrumb (visual) */
    .breadcrumb-bar{background:var(--slate);border-bottom:1px solid rgba(13,31,45,0.07);padding:10px 0;}
    .breadcrumb{display:flex;align-items:center;gap:6px;font-size:0.78rem;color:var(--muted);flex-wrap:wrap;}
    .breadcrumb a{color:var(--teal);transition:var(--transition);}
    .breadcrumb a:hover{color:var(--ink);}
    .breadcrumb-sep{opacity:0.4;}

    /* Inner page hero */
    .inner-hero{
      background:linear-gradient(140deg,var(--ink) 0%,var(--ink-mid) 70%,#0e2d1e 100%);
      padding:60px 0 50px;border-bottom:1px solid var(--border-dark);
    }
    .inner-hero-eyebrow{display:inline-flex;align-items:center;gap:7px;background:rgba(42,181,160,0.12);border:1px solid rgba(42,181,160,0.28);color:var(--teal-light);border-radius:30px;padding:5px 14px;font-size:0.72rem;font-weight:700;letter-spacing:0.09em;text-transform:uppercase;margin-bottom:16px;}
    .inner-hero h1{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.2rem);font-weight:700;color:var(--white);line-height:1.1;margin-bottom:14px;}
    .inner-hero h1 em{font-style:italic;color:var(--teal-light);}
    .inner-hero p{color:rgba(255,255,255,0.60);font-size:1rem;line-height:1.75;max-width:620px;}

    /* Article cards grid for inner pages */
    .article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:64px 0;}
    .article-card{background:var(--white);border-radius:var(--radius);border:1px solid rgba(13,31,45,0.07);box-shadow:var(--shadow);overflow:hidden;transition:var(--transition);display:flex;flex-direction:column;}
    .article-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--teal);}
    .article-thumb{height:140px;display:flex;align-items:center;justify-content:center;font-size:2.4rem;position:relative;}
    .at-1{background:linear-gradient(135deg,#0d1f2d,#1a3347);}
    .at-2{background:linear-gradient(135deg,#0d2a1e,#1a4a2e);}
    .at-3{background:linear-gradient(135deg,#2a1a0d,#3e2c16);}
    .at-4{background:linear-gradient(135deg,#1a0d2a,#2a1040);}
    .at-5{background:linear-gradient(135deg,#0d1a2a,#1a2c3e);}
    .at-6{background:linear-gradient(135deg,#1a2a0d,#2e4020);}
    .a-badge{position:absolute;top:10px;left:10px;background:var(--teal);color:var(--ink);font-size:0.66rem;font-weight:800;padding:3px 9px;border-radius:20px;letter-spacing:0.05em;text-transform:uppercase;}
    .article-body{padding:20px;flex:1;display:flex;flex-direction:column;}
    .article-cat{font-size:0.68rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);margin-bottom:7px;}
    .article-body h3{font-family:var(--font-display);font-weight:600;font-size:1rem;color:var(--ink);margin-bottom:8px;line-height:1.4;}
    .article-body p{color:var(--muted);font-size:0.82rem;line-height:1.65;margin-bottom:14px;flex:1;}
    .article-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(13,31,45,0.06);padding-top:12px;margin-top:auto;}
    .article-meta{font-size:0.74rem;color:var(--muted);display:flex;align-items:center;gap:5px;}
    .article-meta i{color:var(--teal);font-size:0.66rem;}
    .read-more{font-size:0.78rem;font-weight:700;color:var(--teal);display:flex;align-items:center;gap:4px;transition:var(--transition);}
    .read-more:hover{gap:7px;}

    /* Tools inner page */
    .tools-inner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:64px 0;}
    .tool-review-card{background:var(--white);border-radius:var(--radius);border:1px solid rgba(13,31,45,0.07);box-shadow:var(--shadow);padding:28px;transition:var(--transition);display:flex;flex-direction:column;gap:14px;}
    .tool-review-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--teal);}
    .tool-icon-wrap{width:52px;height:52px;border-radius:14px;background:var(--teal-pale);display:flex;align-items:center;justify-content:center;font-size:1.3rem;}
    .tool-name{font-weight:800;font-size:1.05rem;color:var(--ink);}
    .tool-type{font-size:0.72rem;font-weight:700;letter-spacing:0.09em;text-transform:uppercase;color:var(--teal);}
    .tool-desc{color:var(--muted);font-size:0.84rem;line-height:1.65;}
    .tool-rating{display:flex;align-items:center;gap:6px;font-size:0.8rem;}
    .stars{color:var(--gold);}
    .affiliate-flag{display:inline-flex;align-items:center;gap:5px;font-size:0.7rem;color:var(--muted);margin-top:auto;padding-top:10px;border-top:1px solid rgba(13,31,45,0.06);}
    .affiliate-flag i{color:var(--teal);font-size:0.65rem;}

    /* Resources inner page */
    .resources-inner{padding:64px 0;}
    .resource-category{margin-bottom:56px;}
    .resource-category h3{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--ink);margin-bottom:20px;display:flex;align-items:center;gap:10px;}
    .resource-category h3 i{color:var(--teal);}
    .resource-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
    .resource-item{background:var(--white);border-radius:var(--radius-sm);border:1px solid rgba(13,31,45,0.07);padding:18px 20px;display:flex;align-items:center;gap:14px;transition:var(--transition);box-shadow:var(--shadow);}
    .resource-item:hover{border-color:var(--teal);transform:translateX(3px);}
    .res-icon{width:40px;height:40px;border-radius:10px;background:var(--teal-pale);display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--teal);flex-shrink:0;}
    .res-name{font-weight:700;font-size:0.9rem;color:var(--ink);margin-bottom:2px;}
    .res-desc{font-size:0.78rem;color:var(--muted);}
    .res-badge{margin-left:auto;font-size:0.68rem;font-weight:700;padding:3px 9px;border-radius:20px;white-space:nowrap;}
    .rb-free{background:var(--green-pale);color:var(--green);}
    .rb-paid{background:var(--gold-pale);color:var(--gold);}
    .rb-affiliate{background:var(--teal-pale);color:var(--teal);}

    /* ═══════════════════════════════════
       HERO (homepage)
    ═══════════════════════════════════ */
    .hero{position:relative;min-height:100vh;background:linear-gradient(150deg,var(--ink) 0%,var(--ink-mid) 60%,#0e2d1e 100%);display:flex;align-items:center;overflow:hidden;}
    .hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(42,181,160,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(42,181,160,0.04) 1px,transparent 1px);background-size:72px 72px;}
    .hero-orb{position:absolute;border-radius:50%;pointer-events:none;}
    .hero-orb-1{width:600px;height:600px;background:radial-gradient(circle,rgba(42,181,160,0.10) 0%,transparent 70%);top:-150px;right:-100px;}
    .hero-orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(42,158,96,0.08) 0%,transparent 70%);bottom:-80px;left:-80px;}
    .hero>.container{display:grid;grid-template-columns:1fr 480px;gap:60px;align-items:center;padding-top:110px;padding-bottom:80px;position:relative;z-index:2;width:100%;}
    .hero-badge{
      display:inline-flex;align-items:center;gap:9px;
      background:rgba(42,181,160,0.10);
      border:1px solid rgba(42,181,160,0.28);
      color:var(--teal-light);border-radius:30px;
      padding:7px 18px;
      font-family:var(--font-display);
      font-style:italic;
      font-weight:300;
      font-size:0.92rem;
      letter-spacing:0.01em;
      text-transform:none;
      margin-bottom:22px;
    }
    .live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:blink 2s infinite;}
    @keyframes blink{0%,100%{opacity:1;}50%{opacity:0.3;}}
    .hero h1{font-family:var(--font-display);font-size:clamp(2rem,4.5vw,3.4rem);font-weight:700;line-height:1.12;color:var(--white);margin-bottom:18px;}
    .hero h1 em{font-style:italic;color:var(--teal-light);}
    .hero-sub{font-size:clamp(1rem,2vw,1.15rem);color:rgba(255,255,255,0.62);line-height:1.75;margin-bottom:32px;max-width:540px;}
    .hero-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:36px;}
    .hero-trust{display:flex;flex-wrap:wrap;gap:20px;}
    .trust-pill{display:flex;align-items:center;gap:7px;color:rgba(255,255,255,0.50);font-size:0.8rem;}
    .trust-pill i{color:var(--teal);font-size:0.8rem;}
    .trust-pill strong{color:rgba(255,255,255,0.80);}
    .hero-cards{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
    .hero-card{
      background:rgba(255,255,255,0.04);
      border:1px solid rgba(255,255,255,0.08);
      border-radius:var(--radius);padding:14px 16px;
      backdrop-filter:blur(10px);transition:var(--transition);cursor:pointer;
      display:flex;flex-direction:column;gap:8px;
    }
    .hero-card:hover{border-color:rgba(42,181,160,0.30);transform:translateY(-3px);background:rgba(255,255,255,0.06);}
    .hc-icon-wrap{
      width:38px;height:38px;border-radius:10px;
      display:flex;align-items:center;justify-content:center;
      font-size:1.1rem;flex-shrink:0;
    }
    .hc-teal{background:rgba(42,181,160,0.15);border:1px solid rgba(42,181,160,0.25);}
    .hc-gold{background:rgba(201,144,58,0.15);border:1px solid rgba(201,144,58,0.25);}
    .hc-green{background:rgba(42,158,96,0.15);border:1px solid rgba(42,158,96,0.25);}
    .hc-sky{background:rgba(86,207,225,0.15);border:1px solid rgba(86,207,225,0.25);}
    .hc-body{flex:1;min-width:0;}
    .hc-label{font-size:0.62rem;font-weight:800;letter-spacing:0.10em;text-transform:uppercase;margin-bottom:3px;}
    .hc-label-teal{color:var(--teal-light);}
    .hc-label-gold{color:var(--gold-light);}
    .hc-label-green{color:#5ecf8a;}
    .hc-label-sky{color:var(--sky);}
    .hc-title{font-weight:700;color:var(--white);font-size:0.92rem;margin-bottom:3px;}
    .hc-desc{color:rgba(255,255,255,0.45);font-size:0.78rem;line-height:1.5;}

    /* ═══════════════════════════════════
       REVEAL ANIMATIONS
    ═══════════════════════════════════ */
    .reveal{opacity:0;transform:translateY(24px);transition:opacity 0.6s ease,transform 0.6s ease;}
    .reveal.in{opacity:1;transform:translateY(0);}
    .reveal-d1{transition-delay:0.1s;}.reveal-d2{transition-delay:0.2s;}.reveal-d3{transition-delay:0.3s;}

    /* ═══════════════════════════════════
       HOW WE HELP
    ═══════════════════════════════════ */
    .how-section{padding:96px 0;background:linear-gradient(180deg,#f8fbff 0%,var(--white) 60%,#f4f9f8 100%);}
    .pillars-grid-v4{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:56px;}
    @keyframes pillarPulse{0%,100%{opacity:0.7}50%{opacity:1}}
    @keyframes borderGlow{0%{box-shadow:0 0 0 0 rgba(42,181,160,0.0)}50%{box-shadow:0 0 18px 2px rgba(42,181,160,0.18)}100%{box-shadow:0 0 0 0 rgba(42,181,160,0.0)}}
    .pillar-card{border-radius:var(--radius);padding:36px 28px;border:1px solid rgba(13,31,45,0.07);box-shadow:var(--shadow);transition:var(--transition);position:relative;overflow:hidden;}
    .pillar-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;transform:scaleX(0);transform-origin:left;transition:transform 0.4s ease;}
    .pillar-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);}
    .pillar-card:hover::after{transform:scaleX(1);}
    .pc-make{background:linear-gradient(160deg,#f0fbf8 0%,#fff 100%);}
    .pc-make::after{background:var(--teal);}
    .pc-manage{background:linear-gradient(160deg,#fffbf0 0%,#fff 100%);}
    .pc-manage::after{background:var(--gold);}
    .pc-grow{background:linear-gradient(160deg,#f0f8ff 0%,#fff 100%);}
    .pc-grow::after{background:var(--ink-light);}
    .pillar-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:20px;}
    .pi-teal{background:var(--teal-pale);}
    .pi-gold{background:var(--gold-pale);}
    .pi-ink{background:rgba(13,31,45,0.07);}
    .pillar-card h3{font-family:var(--font-display);font-weight:700;font-size:1.3rem;color:var(--ink);margin-bottom:10px;}
    .pillar-card p{color:var(--muted);font-size:0.9rem;line-height:1.7;margin-bottom:20px;}
    .pillar-list{display:flex;flex-direction:column;gap:7px;}
    .pillar-list li{display:flex;align-items:center;gap:9px;font-size:0.84rem;color:#3a5568;}
    .pillar-list i{color:var(--teal);font-size:0.7rem;}

    /* ═══════════════════════════════════
       SYSTEMS
    ═══════════════════════════════════ */
    .systems-section{padding:96px 0;background:var(--slate);position:relative;}
    .systems-section::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--teal),var(--green),var(--ink-light));}
    .systems-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:40px 0 32px;}
    .sys-tab{padding:9px 20px;border-radius:30px;font-size:0.82rem;font-weight:700;border:1px solid rgba(13,31,45,0.12);background:var(--white);color:var(--muted);cursor:pointer;transition:var(--transition);min-height:40px;}
    .sys-tab.active,.sys-tab:hover{background:var(--ink);color:var(--teal-light);border-color:var(--ink);}
    .systems-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
    .sys-card{background:var(--white);border-radius:var(--radius);border:1px solid rgba(13,31,45,0.07);box-shadow:var(--shadow);padding:24px 20px;transition:var(--transition);cursor:pointer;}
    .sys-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--teal);}
    .sys-card.hidden{display:none;}
    .sys-card-icon{width:44px;height:44px;border-radius:12px;background:var(--teal-pale);display:flex;align-items:center;justify-content:center;font-size:1.1rem;margin-bottom:14px;}
    .sys-card h4{font-weight:800;font-size:0.95rem;color:var(--ink);margin-bottom:6px;}
    .sys-card p{font-size:0.82rem;color:var(--muted);line-height:1.6;}
    .sys-tag{display:inline-block;margin-top:12px;font-size:0.7rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--teal);background:var(--teal-pale);padding:3px 9px;border-radius:20px;}

    /* ═══════════════════════════════════
       FEATURED GUIDES — uniform card style
    ═══════════════════════════════════ */
    .guides-section{padding:96px 0;background:var(--white);}
    .guides-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;}

    /* The card itself — mirrors tool-review-card structure */
    .guide-card{
      background:var(--white);border-radius:var(--radius);
      border:1px solid rgba(13,31,45,0.07);box-shadow:var(--shadow);
      overflow:hidden;transition:var(--transition);
      display:flex;flex-direction:column;cursor:pointer;
    }
    .guide-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:transparent;}
    /* Pillar accent line on left edge — appears on hover, colour set per card */
    .guide-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;transform:scaleY(0);transform-origin:bottom;transition:transform 0.35s ease;border-radius:0;}
    .guide-card{position:relative;}
    .guide-card:hover::before{transform:scaleY(1);}
    .guide-card.gc-teal::before{background:var(--teal);}
    .guide-card.gc-gold::before{background:var(--gold);}
    .guide-card.gc-green::before{background:var(--green);}
    .guide-card.gc-ink::before{background:var(--ink-light);}
    .guide-card.gc-purple::before{background:#7c5cbf;}

    /* Thumbnail header — uniform height, dark gradient per pillar */
    .guide-thumb{
      height:130px;display:flex;align-items:center;justify-content:center;
      font-size:2.6rem;position:relative;flex-shrink:0;
    }
    /* Pillar gradient themes */
    .gt-start{background:linear-gradient(135deg,#0d1f2d 0%,#0e3d30 100%);}
    .gt-income{background:linear-gradient(135deg,#0d2a1e 0%,#1a4a2e 100%);}
    .gt-money{background:linear-gradient(135deg,#2a1a0d 0%,#3e2c16 100%);}
    .gt-affiliate{background:linear-gradient(135deg,#0d1a2a 0%,#163352 100%);}
    .gt-wealth{background:linear-gradient(135deg,#231540 0%,#341852 100%);}
    .gt-habits{background:linear-gradient(135deg,#0d2a1a 0%,#1a4030 100%);}

    /* Pillar colour accent bar along top of thumb */
    .guide-thumb::after{
      content:'';position:absolute;top:0;left:0;right:0;height:3px;
    }
    .gc-teal .guide-thumb::after{background:linear-gradient(90deg,var(--teal),var(--green));}
    .gc-gold .guide-thumb::after{background:linear-gradient(90deg,var(--gold),var(--gold-light));}
    .gc-green .guide-thumb::after{background:linear-gradient(90deg,var(--green),var(--teal));}
    .gc-ink .guide-thumb::after{background:linear-gradient(90deg,var(--ink-light),var(--teal));}
    .gc-purple .guide-thumb::after{background:linear-gradient(90deg,#7c5cbf,#a07de0);}

    .guide-badge{
      position:absolute;top:10px;right:10px;
      background:var(--teal);color:var(--ink);
      font-size:0.63rem;font-weight:800;padding:3px 9px;
      border-radius:20px;letter-spacing:0.06em;text-transform:uppercase;
    }

    /* Body */
    .guide-body{padding:20px 22px;flex:1;display:flex;flex-direction:column;}
    .guide-cat{
      font-size:0.68rem;font-weight:800;letter-spacing:0.1em;
      text-transform:uppercase;margin-bottom:8px;
    }
    .gc-teal .guide-cat{color:var(--teal);}
    .gc-gold .guide-cat{color:var(--gold);}
    .gc-green .guide-cat{color:var(--green);}
    .gc-ink .guide-cat{color:var(--ink-light);}
    .gc-purple .guide-cat{color:#7c5cbf;}

    .guide-body h3{
      font-family:var(--font-display);font-weight:600;font-size:1rem;
      color:var(--ink);margin-bottom:8px;line-height:1.4;
    }
    .guide-body p{color:var(--muted);font-size:0.82rem;line-height:1.65;margin-bottom:16px;flex:1;}

    /* Footer strip — mirrors affiliate-flag from tool cards */
    .guide-footer{
      display:flex;align-items:center;justify-content:space-between;
      border-top:1px solid rgba(13,31,45,0.06);
      padding:10px 22px 14px;margin-top:auto;
    }
    .guide-meta{
      display:flex;align-items:center;gap:6px;
      font-size:0.74rem;color:var(--muted);
    }
    .guide-meta i{font-size:0.65rem;}
    /* Reading dots — like star rating but for read-time */
    .read-dots{display:flex;gap:3px;align-items:center;}
    .read-dot{width:7px;height:7px;border-radius:50%;background:rgba(13,31,45,0.12);}
    .read-dot.filled{background:var(--teal);}
    .gc-gold .read-dot.filled{background:var(--gold);}
    .gc-green .read-dot.filled{background:var(--green);}
    .gc-ink .read-dot.filled{background:var(--ink-light);}
    .gc-purple .read-dot.filled{background:#7c5cbf;}

    .read-link{font-size:0.78rem;font-weight:700;color:var(--teal);display:flex;align-items:center;gap:4px;transition:var(--transition);}
    .gc-gold .read-link{color:var(--gold);}
    .gc-green .read-link{color:var(--green);}
    .gc-purple .read-link{color:#7c5cbf;}
    .read-link:hover{gap:7px;}

    /* ═══════════════════════════════════
       TOOLS SECTION (homepage)
    ═══════════════════════════════════ */
    .tools-home-section{padding:96px 0;background:var(--ink);position:relative;overflow:hidden;}
    .tools-home-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(42,181,160,0.07) 0%,transparent 55%),radial-gradient(ellipse at 80% 20%,rgba(42,158,96,0.06) 0%,transparent 55%);}
    .tools-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:48px;position:relative;z-index:1;}
    .tool-cat-card{background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:var(--radius);padding:28px 20px;text-align:center;transition:var(--transition);cursor:pointer;}
    .tool-cat-card:hover{background:rgba(42,181,160,0.10);border-color:rgba(42,181,160,0.30);transform:translateY(-4px);}
    .tool-cat-icon{width:52px;height:52px;border-radius:14px;background:rgba(42,181,160,0.10);display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin:0 auto 14px;}
    .tool-cat-card h4{color:var(--white);font-weight:700;font-size:0.92rem;margin-bottom:6px;}
    .tool-cat-card p{color:rgba(255,255,255,0.45);font-size:0.78rem;line-height:1.55;}
    .tool-cat-card .count{display:inline-block;margin-top:10px;font-size:0.7rem;font-weight:700;color:var(--teal);letter-spacing:0.08em;}

    /* ═══════════════════════════════════
       LEAD MAGNET
    ═══════════════════════════════════ */
    .lead-section{padding:80px 0;background:var(--slate);}
    .lead-card{background:linear-gradient(135deg,var(--ink) 0%,var(--ink-mid) 60%,#0e2d1e 100%);border-radius:24px;padding:56px 48px;display:grid;grid-template-columns:1fr 420px;gap:48px;align-items:center;position:relative;overflow:hidden;}
    .lead-card::before{content:'';position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(42,181,160,0.12) 0%,transparent 70%);top:-150px;right:-100px;pointer-events:none;}
    .lead-label{font-size:0.72rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--teal);margin-bottom:14px;display:flex;align-items:center;gap:8px;}
    .lead-label::before{content:'';display:block;width:20px;height:2px;background:var(--teal);border-radius:2px;}
    .lead-card h2{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700;color:var(--white);margin-bottom:14px;line-height:1.2;}
    .lead-card h2 em{font-style:italic;color:var(--teal-light);}
    .lead-card>div:first-child p{color:rgba(255,255,255,0.58);font-size:0.95rem;line-height:1.7;margin-bottom:20px;}
    .lead-bullets{display:flex;flex-direction:column;gap:9px;}
    .lead-bullets li{display:flex;align-items:flex-start;gap:10px;color:rgba(255,255,255,0.72);font-size:0.88rem;line-height:1.55;}
    .lead-bullets i{color:var(--green);margin-top:3px;font-size:0.78rem;}
    .lead-form-box{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.10);border-radius:var(--radius);padding:28px;backdrop-filter:blur(10px);position:relative;z-index:1;}
    .lead-form-box h4{font-family:var(--font-display);font-weight:600;font-size:1.15rem;color:var(--white);margin-bottom:6px;}
    .lead-form-box>p{color:rgba(255,255,255,0.50);font-size:0.82rem;margin-bottom:20px;line-height:1.55;}
    .lf-field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px;}
    .lf-field label{font-size:0.76rem;color:rgba(255,255,255,0.55);font-weight:600;}
    .lf-input{width:100%;padding:12px 14px;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.12);border-radius:10px;color:var(--white);font-family:var(--font-body);font-size:0.9rem;outline:none;transition:var(--transition);min-height:44px;}
    .lf-input::placeholder{color:rgba(255,255,255,0.35);}
    .lf-input:focus{border-color:var(--teal);background:rgba(255,255,255,0.10);}
    .gdpr-check{display:flex;gap:9px;align-items:flex-start;font-size:0.75rem;color:rgba(255,255,255,0.50);line-height:1.45;margin:10px 0 14px;}
    .gdpr-check input{margin-top:2px;}
    .gdpr-check a{color:var(--teal-light);text-decoration:underline;}
    .form-note{font-size:0.73rem;color:rgba(255,255,255,0.38);text-align:center;margin-top:10px;line-height:1.5;}
    .form-success{display:none;text-align:center;padding:20px;color:var(--white);}
    .form-success i{font-size:2.5rem;color:var(--green);margin-bottom:10px;}
    .form-success h4{font-family:var(--font-display);font-size:1.2rem;margin-bottom:6px;}
    .form-success p{color:rgba(255,255,255,0.60);font-size:0.85rem;}

    /* ═══════════════════════════════════
       ABOUT FOUNDER
    ═══════════════════════════════════ */
    .founder-section{padding:96px 0;background:var(--white);}
    .founder-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
    .founder-visual{background:linear-gradient(160deg,var(--slate) 0%,#e8f4f0 100%);border-radius:24px;padding:48px 36px;text-align:center;border:1px solid rgba(42,181,160,0.14);}
    .founder-avatar{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--green));display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto 20px;color:var(--white);}
    .founder-name{font-family:var(--font-display);font-weight:700;font-size:1.3rem;color:var(--ink);margin-bottom:4px;}
    .founder-title{font-size:0.82rem;color:var(--muted);margin-bottom:20px;}
    .founder-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;}
    .fstat{background:var(--white);border-radius:10px;padding:14px;border:1px solid rgba(13,31,45,0.07);}
    .fstat-val{font-family:var(--font-display);font-weight:700;font-size:1.4rem;color:var(--teal);line-height:1;margin-bottom:3px;}
    .fstat-label{font-size:0.73rem;color:var(--muted);}
    .founder-content h2{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.4rem);font-weight:700;color:var(--ink);margin-bottom:16px;line-height:1.2;}
    .founder-content h2 em{font-style:italic;color:var(--teal);}
    .founder-content p{color:var(--muted);font-size:0.95rem;line-height:1.75;margin-bottom:16px;}
    .founder-disclaimer{background:var(--slate);border-radius:10px;padding:14px 16px;font-size:0.8rem;color:var(--muted);line-height:1.55;border-left:3px solid var(--teal);margin-top:20px;}
    .founder-disclaimer strong{color:var(--ink);}

    /* ═══════════════════════════════════
       TRUST SECTION
    ═══════════════════════════════════ */
    .trust-section{padding:60px 0;background:var(--slate);border-top:1px solid rgba(13,31,45,0.07);}
    .trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;}
    .trust-card{background:var(--white);border-radius:var(--radius);padding:24px;border:1px solid rgba(13,31,45,0.06);box-shadow:var(--shadow);display:flex;align-items:flex-start;gap:14px;}
    .trust-icon{width:42px;height:42px;border-radius:10px;background:var(--teal-pale);display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--teal);flex-shrink:0;}
    .trust-card h4{font-weight:800;font-size:0.9rem;color:var(--ink);margin-bottom:4px;}
    .trust-card p{font-size:0.8rem;color:var(--muted);line-height:1.55;}

    /* ═══════════════════════════════════
       STICKY CTA
    ═══════════════════════════════════ */
    .sticky-cta{
      position:fixed;bottom:0;left:0;right:0;
      background:linear-gradient(90deg,#0d1e30 0%,#0f2235 50%,#0d1e30 100%);
      border-top:2px solid var(--teal);
      box-shadow:0 -4px 24px rgba(0,0,0,0.40);
      padding:14px 24px;z-index:950;
      display:flex;align-items:center;justify-content:space-between;
      gap:16px;flex-wrap:wrap;
      transform:translateY(110%);
      transition:transform 0.45s cubic-bezier(0.22,1,0.36,1);
    }
    .sticky-cta.show{transform:translateY(0);}
    .sticky-cta-text{display:flex;align-items:center;gap:12px;color:var(--white);}
    .sticky-cta-text i{color:var(--teal);font-size:1.2rem;}
    .sticky-cta-text strong{font-size:0.95rem;color:var(--white);}
    .sticky-cta-text span{font-size:0.82rem;color:rgba(255,255,255,0.72);}
    .sticky-cta-close{background:none;border:none;color:rgba(255,255,255,0.40);cursor:pointer;font-size:1rem;padding:6px;line-height:1;transition:var(--transition);}
    .sticky-cta-close:hover{color:var(--white);}

    /* ═══════════════════════════════════
       EXIT POPUP — compact version
    ═══════════════════════════════════ */
    .popup-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.72);z-index:2000;display:none;align-items:center;justify-content:center;backdrop-filter:blur(6px);padding:24px;}
    .popup-overlay.show{display:flex;}
    .popup-box{
      background:var(--white);border-radius:20px;overflow:hidden;
      max-width:420px;width:100%;position:relative;
      animation:popIn 0.4s cubic-bezier(0.34,1.56,0.64,1);
      box-shadow:0 24px 80px rgba(0,0,0,0.40);
    }
    @keyframes popIn{from{opacity:0;transform:scale(0.88);}to{opacity:1;transform:scale(1);}}
    .popup-header{
      background:linear-gradient(135deg,var(--ink) 0%,var(--ink-mid) 100%);
      padding:28px 28px 20px;text-align:center;position:relative;
    }
    .popup-header::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--teal),var(--green));}
    .popup-emoji{font-size:2rem;margin-bottom:8px;}
    .popup-header h3{font-family:var(--font-display);font-weight:700;font-size:1.3rem;color:var(--white);margin-bottom:6px;line-height:1.25;}
    .popup-header h3 em{font-style:italic;color:var(--teal-light);}
    .popup-header p{color:rgba(255,255,255,0.55);font-size:0.82rem;line-height:1.55;}
    .popup-body{padding:20px 24px 24px;}
    .popup-bullets{display:none;} /* hidden in compact mode */
    .popup-form{display:flex;flex-direction:column;gap:9px;}
    .popup-input{width:100%;padding:11px 14px;border:1.5px solid rgba(13,31,45,0.12);border-radius:10px;font-family:var(--font-body);font-size:0.88rem;outline:none;transition:var(--transition);min-height:42px;color:var(--ink);}
    .popup-input:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-pale);}
    .popup-close{position:absolute;top:12px;right:12px;background:rgba(255,255,255,0.10);border:none;color:var(--white);cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.82rem;transition:var(--transition);}
    .popup-close:hover{background:rgba(255,255,255,0.22);}
    .popup-decline{text-align:center;margin-top:10px;font-size:0.74rem;color:var(--muted);cursor:pointer;transition:var(--transition);padding:4px;}
    .popup-decline:hover{color:var(--ink);text-decoration:underline;}
    .popup-disclaimer{font-size:0.7rem;color:var(--muted);text-align:center;margin-top:8px;line-height:1.5;}

    /* ═══════════════════════════════════
       FOOTER
    ═══════════════════════════════════ */
    .footer{background:#0e1c2a;border-top:3px solid rgba(42,181,160,0.35);padding:64px 0 0;}
    .footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px;}
    .footer-brand p{color:rgba(255,255,255,0.72);font-size:0.855rem;line-height:1.75;max-width:300px;margin:14px 0 20px;}
    .footer-social{display:flex;gap:9px;}
    .social-icon{width:36px;height:36px;border-radius:9px;background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.16);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.72);font-size:0.85rem;transition:var(--transition);}
    .social-icon:hover{background:var(--teal);color:var(--white);border-color:var(--teal);}
    .footer-col h5{font-size:0.72rem;font-weight:800;letter-spacing:0.12em;text-transform:uppercase;color:var(--teal-light);margin-bottom:16px;}
    r:var(--teal-light);margin-bottom:16px;}
    .footer-links{display:flex;flex-direction:column;gap:10px;}
    .footer-link{
      color:rgba(255,255,255,0.75);font-size:0.855rem;
      transition:var(--transition);display:flex;align-items:center;gap:6px;
      background:none;border:none;padding:0;margin:0;
      cursor:pointer;font-family:var(--font-body);
      text-align:left;width:100%;line-height:1.4;
    }
    .footer-link:hover{color:var(--teal-light);padding-left:4px;}
    .footer-link i{font-size:0.52rem;color:var(--teal);opacity:0.80;}
    .footer-bottom{border-top:1px solid rgba(255,255,255,0.10);padding:22px 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;}
    .footer-legal{font-size:0.78rem;color:rgba(255,255,255,0.60);}
    .footer-legal a{color:rgba(255,255,255,0.60);text-decoration:underline;transition:var(--transition);}
    .footer-legal a:hover{color:var(--teal-light);}

    /* Legal disclosure note in footer */
    .footer-legal-disclosure{
      background:rgba(0,0,0,0.25);
      border-radius:12px;padding:20px 24px;margin-bottom:24px;
      border:1px solid rgba(255,255,255,0.06);
    }
    .footer-legal-disclosure h6{font-size:0.72rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--teal);margin-bottom:10px;}
    .footer-legal-disclosure p{font-size:0.75rem;color:rgba(255,255,255,0.38);line-height:1.65;}
    .footer-legal-disclosure a{color:rgba(255,255,255,0.45);text-decoration:underline;}
    .footer-legal-disclosure a:hover{color:var(--teal-light);}

    .footer-disclaimer{font-size:0.78rem;color:rgba(255,255,255,0.62);line-height:1.7;}

    /* ═══════════════════════════════════
       RESPONSIVE
    ═══════════════════════════════════ */
    @media(max-width:1100px){
      .systems-grid{grid-template-columns:repeat(2,1fr);}
      .tools-grid{grid-template-columns:repeat(3,1fr);}
      .footer-grid{grid-template-columns:1fr 1fr;}
      .guides-grid{grid-template-columns:repeat(2,1fr);}
      .pillars-grid{grid-template-columns:repeat(2,1fr)!important;}
    }
    @media(max-width:900px){
      :root{--nav-h:60px;}
      .hero>.container{grid-template-columns:1fr;padding-top:90px;}
      .hero-cards{display:grid;grid-template-columns:1fr 1fr;}
      .pillars-grid{grid-template-columns:repeat(2,1fr)!important;}
      .guides-grid{grid-template-columns:1fr 1fr;}
      .founder-grid{grid-template-columns:1fr;}
      .trust-grid{grid-template-columns:1fr 1fr;}
      .lead-card{grid-template-columns:1fr;padding:36px 28px;}
      .article-grid{grid-template-columns:1fr 1fr;}
      .tools-inner-grid{grid-template-columns:1fr 1fr;}
      .resource-list{grid-template-columns:1fr;}
      .seo-strip-grid{grid-template-columns:1fr!important;}
      .sio-strip-grid{grid-template-columns:1fr!important;}
      .legacy-grid{grid-template-columns:1fr 1fr!important;}
    }
    @media(max-width:600px){
      .guides-grid{grid-template-columns:1fr;}
      .pillars-grid{grid-template-columns:1fr!important;}
      .hero-cards{grid-template-columns:1fr!important;}
      .freedom-banner-grid{grid-template-columns:1fr!important;}
      .legacy-grid{grid-template-columns:1fr!important;}
      .playbook-banner{grid-template-columns:1fr!important;}
    }
    @media(max-width:768px){
      .nav-links{display:none;}
      .hamburger{display:flex;}
      .mobile-nav{display:block;}
      .systems-grid{grid-template-columns:1fr 1fr;}
      .tools-grid{grid-template-columns:1fr 1fr;}
      .hero-ctas{flex-direction:column;align-items:flex-start;}
      .sticky-cta{flex-direction:column;text-align:center;}
    }
    @media(max-width:520px){
      .systems-grid,.tools-grid,.trust-grid,.footer-grid,.article-grid,.tools-inner-grid{grid-template-columns:1fr;}
      .hero-trust{flex-direction:column;gap:10px;}
    }
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}.reveal{transition:none;}.live-dot{animation:none;}}
  
    /* ── Pillar cards v2 ── */
    .pillar-card-v2:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 18px 48px rgba(13,31,45,0.12)!important;}
    .pillar-card-v2:hover .pillar-arrow{transform:translateX(4px);}
    .pillar-card-v2:hover{border-color:rgba(42,181,160,0.38)!important;}
    .p-tag{border-radius:20px;padding:3px 10px;font-size:0.65rem;font-weight:700;display:inline-block;}
    .p-tag-teal{background:rgba(42,181,160,0.09);color:var(--teal);}
    .p-tag-gold{background:rgba(201,144,58,0.09);color:var(--gold);}
    .p-tag-green{background:rgba(42,158,96,0.09);color:var(--green);}
    .p-tag-sky{background:rgba(86,207,225,0.09);color:var(--sky);}

    /* ── Pillar Cards v3 (pcard) ── */
    .pcard{
      position:relative;overflow:hidden;cursor:pointer;
      background:var(--white);border-radius:18px;
      border:1.5px solid rgba(42,181,160,0.12);
      box-shadow:0 4px 28px rgba(13,31,45,0.06);
      display:flex;flex-direction:column;
      transition:transform 0.32s cubic-bezier(0.22,1,0.36,1),box-shadow 0.32s ease,border-color 0.32s ease;
    }
    .pcard:hover{transform:translateY(-7px) scale(1.01);box-shadow:0 22px 56px rgba(13,31,45,0.11);}
    .pcard[data-accent="teal"]:hover{border-color:rgba(42,181,160,0.40);}
    .pcard[data-accent="gold"]:hover{border-color:rgba(201,144,58,0.40);}
    .pcard[data-accent="green"]:hover{border-color:rgba(42,158,96,0.40);}
    .pcard[data-accent="sky"]:hover{border-color:rgba(86,207,225,0.40);}
    .pcard:hover .pcard-arrow{transform:translateX(5px);}
    .pcard:hover .pcard-icon{transform:scale(1.08) rotate(-2deg);}
    .pcard-glow{position:absolute;top:0;left:0;right:0;height:4px;border-radius:18px 18px 0 0;pointer-events:none;}
    .pcard-glow-teal{background:linear-gradient(90deg,var(--teal),var(--teal-light),transparent);}
    .pcard-glow-gold{background:linear-gradient(90deg,var(--gold),#f0c96a,transparent);}
    .pcard-glow-green{background:linear-gradient(90deg,var(--green),#5ecf8a,transparent);}
    .pcard-glow-sky{background:linear-gradient(90deg,var(--sky),#a0e8f0,transparent);}
    .pcard-top{display:flex;align-items:center;gap:14px;padding:28px 24px 0;}
    .pcard-icon{width:50px;height:50px;border-radius:13px;border:1.5px solid;display:flex;align-items:center;justify-content:center;font-size:1.35rem;flex-shrink:0;transition:transform 0.25s ease;}
    .pcard-eyebrow{font-size:0.60rem;font-weight:800;letter-spacing:0.13em;text-transform:uppercase;margin-bottom:2px;}
    .pcard-name{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--ink);line-height:1.25;}
    .pcard-desc{font-size:0.82rem;color:var(--muted);line-height:1.70;padding:12px 24px 0;margin:0;}
    .pcard-learns{display:flex;flex-direction:column;gap:6px;padding:14px 24px 0;}
    .pcard-learn-label{font-size:0.61rem;font-weight:800;text-transform:uppercase;letter-spacing:0.10em;margin-bottom:1px;}
    .pcard-learn-item{font-size:0.77rem;color:#3a5568;display:flex;gap:8px;align-items:flex-start;line-height:1.5;}
    .pcard-learn-item i{font-size:0.68rem;margin-top:3px;flex-shrink:0;}
    .pcard-tags{display:flex;flex-wrap:wrap;gap:5px;padding:10px 24px 0;}
    .ptag{border-radius:20px;padding:3px 10px;font-size:0.62rem;font-weight:700;}
    .pcard-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;margin-top:14px;border-top:1px solid;font-size:0.73rem;font-weight:700;}
    .pcard-arrow{font-size:0.70rem;transition:transform 0.22s ease;}

    /* ── Pillar v4 — animated bordered cards ── */
    .pillar-section-v4{background:linear-gradient(180deg,#f5f9fc 0%,var(--white) 100%);padding:72px 0;}
    .pillars-grid-v4{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
    .pv4{
      position:relative;cursor:pointer;border-radius:16px;overflow:hidden;
      background:var(--white);
      border:1.5px solid rgba(13,31,45,0.10);
      box-shadow:0 4px 20px rgba(13,31,45,0.07);
      transition:transform 0.32s cubic-bezier(0.22,1,0.36,1),
                 box-shadow 0.32s ease,
                 border-color 0.32s ease;
    }
    /* Glowing border on hover per accent */
    .pv4[data-accent="teal"]:hover{border-color:rgba(42,181,160,0.55);box-shadow:0 8px 40px rgba(42,181,160,0.16),0 20px 50px rgba(13,31,45,0.10);}
    .pv4[data-accent="gold"]:hover{border-color:rgba(232,192,104,0.55);box-shadow:0 8px 40px rgba(232,192,104,0.16),0 20px 50px rgba(13,31,45,0.10);}
    .pv4[data-accent="green"]:hover{border-color:rgba(42,158,96,0.55);box-shadow:0 8px 40px rgba(42,158,96,0.16),0 20px 50px rgba(13,31,45,0.10);}
    .pv4[data-accent="sky"]:hover{border-color:rgba(86,207,225,0.55);box-shadow:0 8px 40px rgba(86,207,225,0.16),0 20px 50px rgba(13,31,45,0.10);}
    .pv4:hover{transform:translateY(-8px) scale(1.015);}
    /* Shimmer sweep on hover */
    .pv4::before{content:'';position:absolute;top:0;left:-75%;width:50%;height:100%;
      background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,0.18) 50%,transparent 70%);
      transform:skewX(-20deg);transition:left 0.55s ease;pointer-events:none;z-index:1;}
    .pv4:hover::before{left:130%;}
    /* Top glow bar */
    .pv4-glow{position:absolute;top:0;left:0;right:0;height:4px;opacity:0.90;transition:height 0.3s ease,opacity 0.3s ease;}
    .pv4:hover .pv4-glow{height:5px;opacity:1;}
    /* Left accent border — animated on hover */
    .pv4-border{position:absolute;top:0;left:0;width:3px;height:0;transition:height 0.48s cubic-bezier(0.22,1,0.36,1);border-radius:0 0 3px 3px;}
    .pv4:hover .pv4-border{height:100%;}
    .pv4-inner{padding:26px 24px 0;position:relative;z-index:2;}
    .pv4-head{display:flex;align-items:center;gap:14px;margin-bottom:14px;}
    .pv4-icon{width:50px;height:50px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.35rem;flex-shrink:0;transition:transform 0.28s cubic-bezier(0.22,1,0.36,1),box-shadow 0.28s ease;}
    .pv4:hover .pv4-icon{transform:scale(1.15) rotate(-5deg);}
    .pv4[data-accent="teal"]:hover .pv4-icon{box-shadow:0 0 16px rgba(42,181,160,0.35);}
    .pv4[data-accent="gold"]:hover .pv4-icon{box-shadow:0 0 16px rgba(232,192,104,0.35);}
    .pv4[data-accent="green"]:hover .pv4-icon{box-shadow:0 0 16px rgba(42,158,96,0.35);}
    .pv4[data-accent="sky"]:hover .pv4-icon{box-shadow:0 0 16px rgba(86,207,225,0.35);}
    .pv4-pill{display:inline-block;border-radius:20px;padding:2px 10px;font-size:0.60rem;font-weight:800;letter-spacing:0.10em;text-transform:uppercase;margin-bottom:4px;}
    .pv4-title{font-family:var(--font-display);font-size:1.08rem;font-weight:700;color:var(--ink);line-height:1.25;margin:0;}
    .pv4-desc{font-size:0.83rem;color:var(--muted);line-height:1.70;margin:0 0 12px;}
    .pv4-learns{display:flex;flex-direction:column;gap:7px;padding:12px 0 0;border-top:1px dashed rgba(13,31,45,0.09);}
    .pv4-learn-head{font-size:0.60rem;font-weight:800;text-transform:uppercase;letter-spacing:0.10em;margin-bottom:3px;}
    .pv4-learn-item{font-size:0.78rem;color:#3a5568;display:flex;gap:8px;align-items:flex-start;line-height:1.48;}
    .pv4-learn-item i{font-size:0.70rem;margin-top:3px;flex-shrink:0;}
    .pv4-tags{display:flex;gap:5px;flex-wrap:wrap;padding:10px 0 0;}
    .pv4-tag{border-radius:20px;padding:3px 10px;font-size:0.62rem;font-weight:700;transition:opacity 0.2s;}
    .pv4-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 0 16px;margin-top:10px;border-top:1px solid;font-size:0.74rem;font-weight:700;}
    .pv4-arrow{font-size:0.70rem;transition:transform 0.22s ease;}
    .pv4:hover .pv4-arrow{transform:translateX(6px);}
    @media(max-width:640px){.pillars-grid-v4{grid-template-columns:1fr;}}

    /* ── Shop grid responsive ── */
    .shop-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(13,31,45,0.12);}
    @media(max-width:960px){.shop-grid-4{grid-template-columns:1fr 1fr!important;}}
    @media(max-width:600px){.shop-grid-4{grid-template-columns:1fr!important;}.shop-grid-3{grid-template-columns:1fr!important;}}

    /* ── Playbook Banner (removed) ── */
    .playbook-form{background:rgba(255,255,255,0.04);border:1px solid rgba(74,144,226,0.18);border-radius:12px;padding:24px;}
    @media(max-width:820px){
      .playbook-inner{grid-template-columns:1fr;gap:24px;padding:24px 20px;}
      .playbook-form{max-width:100%;}
    }

    /* ══════════════════════════════════════════════════════
       ANIMATIONS & INTERACTIONS
    ══════════════════════════════════════════════════════ */

    /* Keyframes */
    @keyframes pulse-ring { 0%,100%{box-shadow:0 0 0 0 rgba(42,181,160,0.45)} 50%{box-shadow:0 0 0 10px rgba(42,181,160,0)} }
    @keyframes pulse-gold { 0%,100%{box-shadow:0 0 0 0 rgba(232,192,104,0.45)} 50%{box-shadow:0 0 0 10px rgba(232,192,104,0)} }
    @keyframes float      { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} }

    /* ── Reveal scroll ── */
    .reveal{opacity:0;transform:translateY(28px);transition:opacity 0.65s cubic-bezier(0.22,1,0.36,1),transform 0.65s cubic-bezier(0.22,1,0.36,1);}
    .reveal.in{opacity:1;transform:translateY(0);}
    .reveal-d1{transition-delay:0.08s;} .reveal-d2{transition-delay:0.16s;} .reveal-d3{transition-delay:0.24s;} .reveal-d4{transition-delay:0.32s;}

    /* ── Buttons ── */
    .btn{position:relative;overflow:hidden;transition:transform 0.22s cubic-bezier(0.22,1,0.36,1),box-shadow 0.22s ease,background 0.22s ease,filter 0.22s ease;}
    .btn::after{content:'';position:absolute;inset:0;border-radius:inherit;background:rgba(255,255,255,0.12);opacity:0;transform:scale(0.85);transition:opacity 0.25s ease,transform 0.25s ease;pointer-events:none;}
    .btn:hover::after{opacity:1;transform:scale(1);}
    .btn:hover{transform:translateY(-2px);}
    .btn:active{transform:translateY(0) scale(0.97);}
    .btn-primary:hover{background:var(--teal-light);box-shadow:0 8px 28px rgba(42,181,160,0.40);}
    .btn-gold:hover{background:#d4a84a;box-shadow:0 8px 28px rgba(201,144,58,0.40);}
    .btn-primary.pulse{animation:pulse-ring 2.4s infinite;}
    .btn-gold.pulse{animation:pulse-gold 2.4s infinite;}

    /* Inline CTA links */
    a.cta-link{transition:transform 0.2s ease,filter 0.2s ease,box-shadow 0.2s ease;}
    a.cta-link:hover{transform:translateY(-2px);filter:brightness(1.12);}

    /* ── Nav ── */
    .nav-link{position:relative;}
    .nav-link::after{content:'';position:absolute;bottom:2px;left:12px;right:12px;height:2px;background:var(--teal);border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform 0.25s cubic-bezier(0.22,1,0.36,1);}
    .nav-link:hover::after,.nav-link.active::after{transform:scaleX(1);}
    .nav-link:hover{color:var(--white);}
    .mega-link{transition:background 0.2s ease,color 0.2s ease,transform 0.2s ease,padding-left 0.2s ease;}
    .mega-link:hover{background:rgba(42,181,160,0.10);color:var(--white);transform:translateX(4px);padding-left:20px;}
    .mob-link{transition:background 0.2s ease,color 0.2s ease,transform 0.2s ease;}
    .mob-link:hover{background:rgba(42,181,160,0.10);transform:translateX(3px);}

    /* ── Cards ── */
    .article-card{transition:transform 0.28s cubic-bezier(0.22,1,0.36,1),box-shadow 0.28s ease,border-color 0.28s ease;}
    .article-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 20px 52px rgba(13,31,45,0.14);border-color:var(--teal);}
    .pillar-card{transition:transform 0.28s cubic-bezier(0.22,1,0.36,1),box-shadow 0.28s ease;}
    .pillar-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px rgba(13,31,45,0.16);}
    .hero-card{transition:transform 0.3s cubic-bezier(0.22,1,0.36,1),box-shadow 0.3s ease;}
    .hero-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 18px 44px rgba(13,31,45,0.22);}
    .tool-card,.system-card{transition:transform 0.28s cubic-bezier(0.22,1,0.36,1),box-shadow 0.28s ease,border-color 0.28s ease;}
    .tool-card:hover,.system-card:hover{transform:translateY(-5px);box-shadow:0 18px 44px rgba(13,31,45,0.20);}

    /* ── Product list rows (Featured Programmes) ── */
    .product-row{transition:transform 0.25s cubic-bezier(0.22,1,0.36,1),box-shadow 0.25s ease,border-color 0.25s ease,background 0.25s ease;}
    .product-row:hover{transform:translateX(5px);box-shadow:0 8px 30px rgba(13,31,45,0.18);}
    .product-row.row-teal:hover{border-color:rgba(42,181,160,0.55);background:rgba(42,181,160,0.05);}
    .product-row.row-blue:hover{border-color:rgba(74,144,226,0.55);background:rgba(74,144,226,0.05);}
    .product-row.row-gold:hover{border-color:rgba(232,192,104,0.55);background:rgba(232,192,104,0.04);}

    /* ── Footer ── */
    .footer-link{transition:color 0.2s ease,padding-left 0.2s ease;}
    .footer-link:hover{color:var(--teal-light)!important;padding-left:5px;}
    .social-icon{transition:transform 0.22s cubic-bezier(0.22,1,0.36,1),color 0.22s ease;}
    .social-icon:hover{transform:translateY(-3px) scale(1.15);color:var(--teal-light)!important;}

    /* ── Logo ── */
    .logo-mark{transition:transform 0.25s cubic-bezier(0.22,1,0.36,1);}
    .nav-logo:hover .logo-mark{transform:rotate(-8deg) scale(1.08);}

    /* ── Inputs ── */
    input[type="text"],input[type="email"]{transition:border-color 0.22s ease,box-shadow 0.22s ease;}
    input[type="text"]:focus,input[type="email"]:focus{border-color:rgba(74,144,226,0.65)!important;box-shadow:0 0 0 3px rgba(74,144,226,0.14);outline:none;}

    /* ── Popup ── */
    .popup-box{transition:transform 0.32s cubic-bezier(0.22,1,0.36,1),opacity 0.32s ease;transform:scale(0.93) translateY(12px);}
    .popup-overlay.show .popup-box{transform:scale(1) translateY(0);}

    /* ── Reduced motion ── */
    @media(prefers-reduced-motion:reduce){*{animation-duration:0.01ms!important;transition-duration:0.01ms!important;}}


    /* ── SEO Info Section ── */
    .seo-info-card{
      transition:transform 0.28s cubic-bezier(0.22,1,0.36,1),
                 box-shadow 0.28s ease,
                 border-color 0.28s ease;
    }
    .seo-info-card:hover{
      transform:translateY(-4px);
      box-shadow:0 12px 36px rgba(13,31,45,0.10);
    }
    .seo-audience-row{
      transition:transform 0.22s cubic-bezier(0.22,1,0.36,1),
                 background 0.22s ease,
                 border-color 0.22s ease;
      cursor:default;
    }
    .seo-audience-row:hover{
      transform:translateX(4px);
    }
    .topic-pill{
      background:var(--white);
      border:1px solid rgba(13,31,45,0.09);
      border-radius:20px;
      padding:5px 13px;
      font-size:0.75rem;
      color:#3a5568;
      font-weight:600;
      transition:background 0.2s ease,border-color 0.2s ease,color 0.2s ease,transform 0.2s ease;
      cursor:default;
    }
    .topic-pill:hover{
      background:rgba(42,181,160,0.08);
      border-color:rgba(42,181,160,0.30);
      color:var(--teal);
      transform:translateY(-2px);
    }
    @media(max-width:820px){
      .seo-strip-grid{grid-template-columns:1fr!important;}
    }


    /* ── Programme Cards ── */
    .prog-card{
      transition:transform 0.30s cubic-bezier(0.22,1,0.36,1),
                 box-shadow 0.30s ease,
                 border-color 0.30s ease;
      cursor:pointer;
    }
    .prog-card:hover{
      transform:translateY(-7px) scale(1.01);
      box-shadow:0 24px 56px rgba(13,31,45,0.35);
    }
    .prog-card:hover .fa-arrow-right{transform:translateX(3px);}
    .fa-arrow-right{transition:transform 0.2s ease;}

  

/* ═══════════════════════════════════════════════════════
   GOWIN FINANCE HUB v6 — 4-COLUMN EXPANDABLE CARD SYSTEM
═══════════════════════════════════════════════════════ */
.hub-grid-4 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
  margin: 32px 0;
}
@media (min-width: 640px) {
  .hub-grid-4 { grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }
}
@media (min-width: 1024px) {
  .hub-grid-4 { grid-template-columns: repeat(4, 1fr); gap: 24px; margin: 40px 0; }
}

.hub-card {
  --compact-height: auto;
  min-height: 420px;
  border-radius: var(--radius);
  background: var(--card-dark);
  border:  1px solid rgba(255,255,255,0.06);
  box-shadow: 0 4px 12px rgba(13,31,45,0.08), 0 1px 3px rgba(13,31,45,0.05);
  overflow: hidden;
  transition: transform 0.3s cubic-bezier(0.4,0,0.2,1),
              box-shadow 0.3s cubic-bezier(0.4,0,0.2,1);
  cursor: pointer;
  display: flex; flex-direction: column;
  position: relative;
}
@media (max-width: 639px) { .hub-card { min-height: 0; } }
.hub-card::before{content:'';display:block;height:4px;width:100%;border-radius:var(--radius) var(--radius) 0 0;flex-shrink:0;}
.gc-teal::before{background:var(--teal);}
.gc-gold::before{background:var(--gold);}
.gc-green::before{background:var(--green);}
.gc-sky::before{background:var(--sky);}
.gc-purple::before{background:#7c5cbf;}

.hub-card:hover:not(.expanded) {
  transform: translateY(-6px) scale(1.01);
  box-shadow: var(--shadow-lg), 0 0 32px rgba(42,181,160,0.12);
}
.gc-teal:hover:not(.expanded)  { border-color: rgba(42,181,160,0.5); }
.gc-gold:hover:not(.expanded)  { border-color: rgba(201,144,58,0.5); }
.gc-green:hover:not(.expanded) { border-color: rgba(42,158,96,0.5); }
.gc-sky:hover:not(.expanded)   { border-color: rgba(86,207,225,0.5); }
.gc-purple:hover:not(.expanded){ border-color: rgba(124,92,191,0.4); }
.hub-card:focus-visible { box-shadow: 0 0 0 3px rgba(42,181,160,0.45); }

.hub-card.expanded {
  --compact-height: auto;
  height: auto; min-height: 0; z-index: 20;
  border-color: rgba(42,181,160,0.35);
  box-shadow: var(--shadow-lg), 0 0 40px rgba(42,181,160,0.18);
}
.gc-teal.expanded  { border-color: var(--teal); }
.gc-gold.expanded  { border-color: var(--gold); }
.gc-green.expanded { border-color: var(--green); }
.gc-sky.expanded   { border-color: var(--sky); }
.gc-purple.expanded{ border-color: #7c5cbf; }

.card-compact { padding: 28px 24px; flex: 1; display: flex; flex-direction: column; gap: 8px; }

.card-icon {
  width: 68px; height: 68px; border-radius: 16px;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.9rem; flex-shrink: 0; margin-bottom: 10px;
  transition: transform 0.3s ease;
  box-shadow: 0 4px 14px rgba(0,0,0,0.10);
}
.hub-card:hover .card-icon { transform: scale(1.12) rotate(-5deg); }
.gc-teal   .card-icon { background: rgba(42,181,160,0.15);  color: var(--teal);   box-shadow: 0 0 0 1px rgba(42,181,160,0.28); }
.gc-gold   .card-icon { background: rgba(201,144,58,0.15);  color: var(--gold);   box-shadow: 0 0 0 1px rgba(201,144,58,0.28); }
.gc-green  .card-icon { background: rgba(42,158,96,0.15);   color: var(--green);  box-shadow: 0 0 0 1px rgba(42,158,96,0.28); }
.gc-sky    .card-icon { background: rgba(86,207,225,0.15);  color: var(--sky);    box-shadow: 0 0 0 1px rgba(86,207,225,0.28); }
.gc-purple .card-icon { background: rgba(124,92,191,0.15); color: #7c5cbf;       box-shadow: 0 0 0 1px rgba(124,92,191,0.28); }

.card-title  { font-family: var(--font-display); font-size: 1.02rem; font-weight: 700; color: var(--title-c, var(--white)); margin: 0; line-height: 1.3; }
.card-teaser { font-size: 0.80rem; color: rgba(255,255,255,0.58); line-height: 1.6; margin: 0; flex: 1; }
.card-price  { font-family: var(--font-display); font-size: 1.1rem; font-weight: 800; }
.gc-teal  .card-price { color: var(--teal); }
.gc-gold  .card-price { color: var(--gold); }
.gc-green .card-price { color: var(--green); }

.card-status {
  display: flex; align-items: center; gap: 10px;
  font-size: 0.88rem; font-weight: 700; color: var(--teal);
  margin-top: auto; opacity: 0.75; transition: opacity 0.2s ease;
}
.card-status span { display: none; }
.gc-teal  .card-status { color: var(--teal); }
.gc-gold  .card-status { color: var(--gold); }
.gc-green .card-status { color: var(--green); }
.gc-sky   .card-status { color: var(--sky); }
.gc-purple .card-status{ color: #7c5cbf; }
.card-status i { font-size: 0.80rem; transition: transform 0.35s; }

.card-expanded {
  max-height: 0px; overflow: hidden;
  background: linear-gradient(180deg, rgba(255,255,255,0.04) 0%, rgba(42,181,160,0.04) 100%);
  border-top: 1px solid rgba(255,255,255,0.06);
  transition: max-height 0.55s cubic-bezier(0.22,1,0.36,1), padding 0.3s ease;
}
.hub-card.expanded .card-expanded { /* max-height set by JS */ }
.expanded-content { padding: 28px 24px 20px; }

.feature-list { list-style: none; padding: 0; margin: 0 0 16px; display: flex; flex-direction: column; gap: 8px; }
.feature-list li { display: flex; align-items: flex-start; gap: 10px; font-size: 0.83rem; color: rgba(255,255,255,0.72); line-height: 1.5; }
.feature-list li i { font-size: 0.72rem; margin-top: 3px; flex-shrink: 0; }
.gc-teal   .feature-list li i { color: var(--teal); }
.gc-gold   .feature-list li i { color: var(--gold); }
.gc-green  .feature-list li i { color: var(--green); }
.gc-sky    .feature-list li i { color: var(--sky); }
.gc-purple .feature-list li i { color: #7c5cbf; }

.card-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 8px; }
.card-collapse { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 12px 24px 16px; font-size: 0.72rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; cursor: pointer; border-top: 1px solid rgba(13,31,45,0.06); }
.gc-teal   .card-collapse { color: var(--teal); }
.gc-gold   .card-collapse { color: var(--gold); }
.gc-green  .card-collapse { color: var(--green); }
.gc-sky    .card-collapse { color: var(--sky); }
.gc-purple .card-collapse { color: #7c5cbf; }

.card-badge { display: inline-block; font-size: 0.65rem; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; padding: 2px 8px; border-radius: 20px; margin-bottom: 4px; }
.gc-teal   .card-badge { background: var(--teal-pale);  color: var(--teal); }
.gc-gold   .card-badge { background: var(--gold-pale);  color: var(--gold); }
.gc-green  .card-badge { background: var(--green-pale); color: var(--green); }
.gc-sky    .card-badge { background: rgba(86,207,225,0.12); color: var(--sky); }
.gc-purple .card-badge { background: rgba(124,92,191,0.10); color: #7c5cbf; }
.hub-card.dark-card{background:#1c2d3e;border-color:rgba(255,255,255,0.07);}
.hub-card.dark-card .card-title{color:var(--white);}
.hub-card.dark-card .card-teaser{color:rgba(255,255,255,0.60);}
.hub-card.dark-card .card-expanded{background:#162536;}
.hub-card.dark-card .feature-list li{color:rgba(255,255,255,0.82);}
.hub-card.dark-card .card-collapse{border-top-color:rgba(255,255,255,0.06);}

.hub-section-header{text-align:center;margin-bottom:48px;}
.card-badge{display:inline-block;font-size:0.65rem;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;padding:2px 8px;border-radius:20px;margin-bottom:4px;}
.gc-teal .card-badge{background:var(--teal-pale);color:var(--teal);}
.gc-gold .card-badge{background:var(--gold-pale);color:var(--gold);}
.gc-green .card-badge{background:var(--green-pale);color:var(--green);}
.gc-sky .card-badge{background:rgba(86,207,225,0.12);color:var(--sky);}
.gc-purple .card-badge{background:rgba(124,58,237,0.10);color:#7c3aed;}

/* hub section alternating backgrounds */
.hub-section-light{background:linear-gradient(180deg,#f8fbff 0%,var(--white) 100%);padding:72px 0;}
.hub-section-dark{background:linear-gradient(135deg,#0d1f2d 0%,#1a2e3d 100%);padding:72px 0;}
.hub-section-slate{background:var(--slate);padding:72px 0;}
.hub-section-dark .section-title{color:var(--white);}
.hub-section-dark .section-eyebrow{opacity:0.9;}
.hub-section-dark .section-sub{color:rgba(255,255,255,0.65);}


/* ── Mega menu visual cards (v6.1) ── */
.mega-card {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 14px; margin: 4px 0;
  border-radius: 10px; border: 1px solid rgba(13,31,45,0.07);
  background: var(--white); text-decoration: none;
  font-size: 0.83rem; font-weight: 600; color: var(--ink);
  transition: all 0.22s ease; cursor: pointer;
}
.mega-card:hover { transform: translateX(4px); text-decoration: none; }
.mega-card i { font-size: 0.85rem; flex-shrink: 0; }

.gc-teal.mega-card:hover  { background: var(--teal-pale);   color: var(--teal);  border-color: rgba(42,181,160,0.25); }
.gc-gold.mega-card:hover  { background: var(--gold-pale);   color: var(--gold);  border-color: rgba(201,144,58,0.25); }
.gc-green.mega-card:hover { background: var(--green-pale);  color: var(--green); border-color: rgba(42,158,96,0.25); }
.gc-sky.mega-card:hover   { background: rgba(86,207,225,0.10); color: var(--sky); border-color: rgba(86,207,225,0.25); }
.gc-purple.mega-card:hover{ background: rgba(124,92,191,0.10); color: #7c5cbf; border-color: rgba(124,92,191,0.25); }

.nav-mega h6 { 
  display: flex; align-items: center; gap: 8px;
  font-size: 0.65rem; font-weight: 800; letter-spacing: 0.12em; 
  text-transform: uppercase; color: var(--muted); margin: 12px 0 6px; 
}
.nav-mega h6:first-child { margin-top: 0; }
.nav-mega h6 i { font-size: 0.78rem; }


/* ── Back buttons (v6.1) ── */
.back-section {
  margin: 48px 0 24px;
  padding-top: 32px;
  border-top: 1px solid var(--border, rgba(13,31,45,0.08));
  display: flex; align-items: center; gap: 16px;
  flex-wrap: wrap;
}
.btn-ghost {
  background: none;
  border: 1px solid rgba(13,31,45,0.12);
  color: var(--muted);
  font-weight: 600;
  transition: all 0.2s ease;
}
.btn-ghost:hover {
  background: var(--slate);
  border-color: rgba(13,31,45,0.20);
  color: var(--ink);
  transform: translateX(-3px);
}


/* ── Hero mobile fixes (v6.2) ── */
@media (max-width: 480px) {
  .hero { padding: 80px 16px 60px; }
  .hero h1, .hero-title { font-size: clamp(1.7rem, 7vw, 2.4rem) !important; word-break: break-word; }
  .hero p { font-size: 0.9rem; }
  .hero-cta-group { flex-direction: column; gap: 12px; }
  .inner-hero h1 { font-size: clamp(1.5rem, 6vw, 2.2rem) !important; }
  .inner-hero { padding: 48px 16px 40px; }
}
@media (max-width: 360px) {
  .hero h1, .hero-title { font-size: 1.55rem !important; }
  .container { padding: 0 14px; }
}

/* ── Hub card mobile fixes (v6.2) ── */
@media (max-width: 768px) {
  .hub-card { min-height: 0; }
  .card-compact { padding: 20px 18px 16px; }
  .card-icon { width: 52px; height: 52px; font-size: 1.3rem; }
  .card-title { font-size: 1rem; }
  .card-teaser { font-size: 0.82rem; }
  .hub-section-light, .hub-section-dark, .hub-section-slate { padding: 48px 0; }
  .hub-section-header { margin-bottom: 32px; }
  .section-title { font-size: clamp(1.4rem, 4vw, 2rem); }
}
@media (max-width: 480px) {
  .card-compact { padding: 18px 16px 14px; }
  .card-icon { width: 48px; height: 48px; font-size: 1.2rem; border-radius: 12px; }
  .feature-list li { font-size: 0.80rem; }
  .btn-sm { padding: 9px 16px; font-size: 0.78rem; }
  .card-actions { gap: 8px; }
  .expanded-content { padding: 18px 16px 14px; }
}

/* ── Always-Visible Forest Green CTA (v6.3) ── */
.card-cta-strip { margin-top: 12px; padding-top: 10px; border-top: 1px solid rgba(255,255,255,0.07); }

@keyframes btnShimmer {
  0%   { background-position: -200% center; }
  100% { background-position:  200% center; }
}
@keyframes btnGlow {
  0%,100% { box-shadow: var(--btn-glow, 0 4px 14px rgba(42,181,160,0.30)); }
  50%      { box-shadow: var(--btn-glow-hi, 0 6px 22px rgba(42,181,160,0.50)); }
}

/* Default gradient vars (teal) — overridden per gc-* */
:root {
  --btn-grad:    linear-gradient(90deg,#1a9e8c 0%,#2ab5a0 30%,#3dd6bf 55%,#2ab5a0 75%,#1a9e8c 100%);
  --btn-grad-sz: 300% 100%;
  --btn-clr:     #0d1f2d;
  --btn-glow:    0 4px 16px rgba(42,181,160,0.35);
  --btn-glow-hi: 0 7px 26px rgba(42,181,160,0.55);
}
.gc-teal {
  --btn-grad:    linear-gradient(90deg,#1a9e8c 0%,#2ab5a0 30%,#3dd6bf 55%,#2ab5a0 75%,#1a9e8c 100%);
  --btn-clr:     #0d1f2d;
  --btn-glow:    0 4px 16px rgba(42,181,160,0.35);
  --btn-glow-hi: 0 7px 26px rgba(42,181,160,0.55);
}
.gc-gold {
  --btn-grad:    linear-gradient(90deg,#a8721e 0%,#c9903a 30%,#e8aa52 55%,#c9903a 75%,#a8721e 100%);
  --btn-clr:     #0d1f2d;
  --btn-glow:    0 4px 16px rgba(201,144,58,0.38);
  --btn-glow-hi: 0 7px 26px rgba(201,144,58,0.58);
}
.gc-green {
  --btn-grad:    linear-gradient(90deg,#1c7a48 0%,#2a9e60 30%,#3dc478 55%,#2a9e60 75%,#1c7a48 100%);
  --btn-clr:     #0d1f2d;
  --btn-glow:    0 4px 16px rgba(42,158,96,0.35);
  --btn-glow-hi: 0 7px 26px rgba(42,158,96,0.55);
}
.gc-sky {
  --btn-grad:    linear-gradient(90deg,#2fa8c4 0%,#56cfe1 30%,#7de8f5 55%,#56cfe1 75%,#2fa8c4 100%);
  --btn-clr:     #0d1f2d;
  --btn-glow:    0 4px 16px rgba(86,207,225,0.35);
  --btn-glow-hi: 0 7px 26px rgba(86,207,225,0.55);
}
.gc-purple {
  --btn-grad:    linear-gradient(90deg,#5a3a9e 0%,#7c5cbf 30%,#a07de0 55%,#7c5cbf 75%,#5a3a9e 100%);
  --btn-clr:     #ffffff;
  --btn-glow:    0 4px 16px rgba(124,92,191,0.38);
  --btn-glow-hi: 0 7px 26px rgba(124,92,191,0.58);
}

.btn-fg {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 11px 20px; min-height: 44px;
  background: var(--btn-grad);
  background-size: var(--btn-grad-sz, 300% 100%);
  color: var(--btn-clr, #0d1f2d);
  font-size: 0.82rem; font-weight: 800;
  letter-spacing: 0.03em;
  border: none; border-radius: 10px;
  cursor: pointer; text-decoration: none; white-space: nowrap;
  animation: btnGlow 3s ease-in-out infinite;
  transition: background-position 0.55s ease, transform 0.22s ease;
  box-shadow: var(--btn-glow);
}
/* btn-fg:hover now handled in gradient block above */
.btn-fg:active { transform: translateY(0) scale(0.99); }
.btn-fg:hover {
  background: rgba(42,181,160,0.28);
  box-shadow: 0 4px 16px rgba(42,181,160,0.20);
  transform: translateY(-1px);
  color: var(--teal); text-decoration: none;
}
.btn-fg i { font-size: 0.70rem; }


/* ══════════════════════════════════════════════════
   Product Cards — Reference-style (v6.5 refresh)
══════════════════════════════════════════════════ */
.product-card {
  background: var(--card-dark);
  border-radius: 18px;
  box-shadow: 0 6px 30px rgba(13,31,45,0.36);
  padding: 0;
  min-height: 420px;
  display: flex; flex-direction: column;
  position: relative;
  transition: transform 0.32s cubic-bezier(0.4,0,0.2,1),
              box-shadow 0.32s cubic-bezier(0.4,0,0.2,1);
  border: 1.5px solid rgba(255,255,255,0.08);
  overflow: hidden;
}
/* Colour accent top bar */
.product-card::before {
  content: ''; position: absolute;
  top: 0; left: 0; right: 0; height: 3px;
  border-radius: 18px 18px 0 0;
}
.product-card.gc-teal::before   { background: var(--teal); }
.product-card.gc-gold::before   { background: var(--gold); }
.product-card.gc-green::before  { background: var(--green); }
.product-card.gc-sky::before    { background: var(--sky); }
.product-card.gc-purple::before { background: #8b5cf6; }

/* Outer glow on hover matching card colour */
.product-card.gc-teal:hover   { box-shadow: 0 12px 48px rgba(13,31,45,0.40), 0 0 0 1px rgba(42,181,160,0.30); }
.product-card.gc-gold:hover   { box-shadow: 0 12px 48px rgba(13,31,45,0.40), 0 0 0 1px rgba(201,144,58,0.30); }
.product-card.gc-green:hover  { box-shadow: 0 12px 48px rgba(13,31,45,0.40), 0 0 0 1px rgba(42,158,96,0.30); }
.product-card.gc-sky:hover    { box-shadow: 0 12px 48px rgba(13,31,45,0.40), 0 0 0 1px rgba(86,207,225,0.30); }
.product-card.gc-purple:hover { box-shadow: 0 12px 48px rgba(13,31,45,0.40), 0 0 0 1px rgba(139,92,246,0.30); }

.product-card:hover { transform: translateY(-6px) scale(1.01); }

/* ── Header area: icon + title ── */
.pc-header {
  padding: 22px 20px 10px;
  display: flex; flex-direction: column; gap: 6px;
}
.pc-icon {
  font-size: 1.6rem; line-height: 1;
  margin-bottom: 2px;
}
.pc-title {
  font-size: 1.12rem; font-weight: 800;
  color: #ffffff; line-height: 1.25;
  letter-spacing: -0.02em; margin: 0;
  font-family: var(--font-body);
}
/* Dash tagline — italic, muted, like reference images */
.pc-tagline {
  font-size: 0.88rem; font-style: italic;
  color: rgba(255,255,255,0.55);
  line-height: 1.4; margin: 2px 0 0;
  padding-left: 2px;
}
.pc-tagline strong {
  color: rgba(255,255,255,0.80);
  font-style: normal; font-weight: 600;
}

/* ── Image placeholder area ── */
.pc-image {
  flex: 1; min-height: 0;
  margin: 0.75rem 0;
  border-radius: 10px;
  overflow: hidden;
  background: rgba(255,255,255,0.04);
  border: 1px dashed rgba(255,255,255,0.12);
  display: flex; align-items: center; justify-content: center;
}
.pc-image img {
  width: 100%; height: 100%;
  object-fit: cover; border-radius: 10px;
  display: block;
}
.pc-image-placeholder {
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  gap: 0.5rem; padding: 1.5rem;
  color: rgba(255,255,255,0.25);
  text-align: center;
}
.pc-image-placeholder i { font-size: 2.5rem; opacity: 0.30; }

/* ── CTA button — animated gradient like reference ── */
.pc-cta-wrap { padding: 14px 16px 18px; }
/* ── Product Card CTA Buttons — per-colour animated ── */
@keyframes shimmerGold {
  0%   { background-position: -200% center; }
  100% { background-position:  200% center; }
}
@keyframes shimmerTeal {
  0%   { background-position: -200% center; }
  100% { background-position:  200% center; }
}
@keyframes pulseGlow {
  0%,100% { box-shadow: 0 4px 18px var(--glow-c, rgba(42,181,160,0.35)); }
  50%      { box-shadow: 0 6px 28px var(--glow-c, rgba(42,181,160,0.55)); }
}

.product-cta {
  display: flex; align-items: center; justify-content: center;
  gap: 10px; width: 100%;
  padding: 1rem 1.25rem; border-radius: 12px;
  font-weight: 800; font-size: 0.95rem; letter-spacing: 0.02em;
  text-decoration: none; border: none; cursor: pointer;
  background-size: 300% 100%;
  transition: background-position 0.6s ease, transform 0.22s ease, box-shadow 0.22s ease;
  animation: pulseGlow 3s ease-in-out infinite;
}
.product-cta:hover {
  transform: translateY(-3px) scale(1.02);
  text-decoration: none;
}
.product-cta--teal {
  --glow-c: rgba(42,181,160,0.45);
  background: linear-gradient(90deg, #1a9e8c 0%, #2ab5a0 40%, #3dd6bf 60%, #2ab5a0 80%, #1a9e8c 100%);
  color: #0d1f2d;
  box-shadow: 0 4px 18px rgba(42,181,160,0.38);
}
.product-cta--teal:hover {
  background-position: 100% center;
  box-shadow: 0 8px 28px rgba(42,181,160,0.55);
  color: #0d1f2d;
}
.product-cta--gold {
  --glow-c: rgba(201,144,58,0.45);
  background: linear-gradient(90deg, #b07a20 0%, #c9903a 35%, #e8c070 55%, #c9903a 75%, #b07a20 100%);
  color: #0d1f2d;
  box-shadow: 0 4px 18px rgba(201,144,58,0.38);
}
.product-cta--gold:hover {
  background-position: 100% center;
  box-shadow: 0 8px 28px rgba(201,144,58,0.55);
  color: #0d1f2d;
}
.product-cta--green {
  --glow-c: rgba(42,158,96,0.45);
  background: linear-gradient(90deg, #1c7a48 0%, #2a9e60 35%, #3dc478 55%, #2a9e60 75%, #1c7a48 100%);
  color: #0d1f2d;
  box-shadow: 0 4px 18px rgba(42,158,96,0.38);
}
.product-cta--green:hover {
  background-position: 100% center;
  box-shadow: 0 8px 28px rgba(42,158,96,0.55);
  color: #0d1f2d;
}
.product-cta--purple {
  --glow-c: rgba(124,92,191,0.45);
  background: linear-gradient(90deg, #5a3a9e 0%, #7c5cbf 35%, #a07de0 55%, #7c5cbf 75%, #5a3a9e 100%);
  color: #ffffff;
  box-shadow: 0 4px 18px rgba(124,92,191,0.38);
}
.product-cta--purple:hover {
  background-position: 100% center;
  box-shadow: 0 8px 28px rgba(124,92,191,0.55);
  color: #ffffff;
}
.product-cta--sky {
  --glow-c: rgba(86,207,225,0.45);
  background: linear-gradient(90deg, #2a9eb5 0%, #56cfe1 35%, #8ae8f5 55%, #56cfe1 75%, #2a9eb5 100%);
  color: #0d1f2d;
  box-shadow: 0 4px 18px rgba(86,207,225,0.38);
}
.product-cta--sky:hover {
  background-position: 100% center;
  box-shadow: 0 8px 28px rgba(86,207,225,0.55);
  color: #0d1f2d;
}
.cta-icon { font-size: 1.1rem; line-height: 1; }

/* Badge (top-left eyebrow) */
.product-badge {
  display: inline-block;
  font-size: 0.60rem; font-weight: 700;
  letter-spacing: 0.08em; text-transform: uppercase;
  padding: 2px 8px; border-radius: 20px;
  background: rgba(42,181,160,0.18); color: var(--teal);
  margin-bottom: 4px; align-self: flex-start;
}

/* Mobile */
@media (max-width: 639px) {
  .product-card { min-height: 0; }
  .pc-title { font-size: 1.0rem; }
  .pc-image { min-height: 110px; }
  .product-cta { font-size: 0.92rem; }
}


/* Beginner Recommended Products — Start Here */
.beginner-products-section { background: var(--card-darker, #142030); padding: 60px 0 70px; }
/* Beginner 4-col grid — same responsive rules as hub-grid-4 */
.beg-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  margin: 0 auto;
}
@media (max-width: 960px) { .beg-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; } }
@media (max-width: 600px) { .beg-grid { grid-template-columns: 1fr; gap: 16px; } }
.beg-card { background: var(--card-dark); border-radius: var(--radius); border: 1px solid rgba(255,255,255,0.06); padding: 0 0 28px 0; display: flex; flex-direction: column; position: relative; overflow: hidden; transition: transform 0.3s cubic-bezier(0.4,0,0.2,1), box-shadow 0.3s cubic-bezier(0.4,0,0.2,1); }
.beg-card:hover { transform: translateY(-6px) scale(1.015); }
.beg-card__accent { height: 4px; width: 100%; border-radius: var(--radius) var(--radius) 0 0; }
.beg-card--sky .beg-card__accent  { background: var(--sky); }
.beg-card--gold .beg-card__accent { background: var(--gold); }
.beg-card--sky:hover  { box-shadow: var(--shadow-lg), 0 0 36px rgba(86,207,225,0.16); }
.beg-card--gold:hover { box-shadow: var(--shadow-lg), 0 0 36px rgba(201,144,58,0.16); }
.beg-card__badge { display: inline-flex; align-items: center; gap: 6px; font-size: 0.65rem; font-weight: 700; letter-spacing: 0.07em; text-transform: uppercase; margin: 18px 24px 0; padding: 4px 10px; border-radius: 20px; width: fit-content; }
.beg-card--sky  .beg-card__badge { background: rgba(86,207,225,0.14); color: var(--sky); }
.beg-card--gold .beg-card__badge { background: rgba(201,144,58,0.14); color: var(--gold); }
.beg-card__icon { font-size: 2.2rem; margin: 16px 24px 0; line-height: 1; }
.beg-card__title { font-size: 1.25rem; font-weight: 800; color: var(--white); line-height: 1.25; margin: 10px 24px 0; letter-spacing: -0.01em; }
.beg-card__tagline { font-size: 0.82rem; color: rgba(255,255,255,0.58); margin: 8px 24px 0; line-height: 1.5; }
.beg-card__tagline strong { color: rgba(255,255,255,0.88); }
.beg-card__features { list-style: none; padding: 0; margin: 16px 24px 0; display: flex; flex-direction: column; gap: 9px; flex: 1; }
.beg-card__features li { display: flex; align-items: flex-start; gap: 9px; font-size: 0.82rem; color: rgba(255,255,255,0.70); line-height: 1.4; }
.beg-card__features li i { flex-shrink: 0; margin-top: 0.18rem; font-size: 0.80rem; }
.beg-card--sky  .beg-card__features li i { color: var(--sky); }
.beg-card--gold .beg-card__features li i { color: var(--gold); }
.beg-card__cta { display: flex; align-items: center; justify-content: center; gap: 9px; margin: 22px 24px 0; padding: 0.95rem 1rem; border-radius: 10px; font-weight: 800; font-size: 0.92rem; letter-spacing: 0.02em; text-decoration: none; border: none; cursor: pointer; background-size: 300% 100%; transition: background-position 0.55s ease, transform 0.22s ease, box-shadow 0.22s ease; animation: pulseGlow 3.2s ease-in-out infinite; }
.beg-card__cta:hover { transform: translateY(-3px) scale(1.02); text-decoration: none; }
.beg-card__cta--sky  { --glow-c:rgba(86,207,225,0.42); background: linear-gradient(90deg,#2a9eb5 0%,#56cfe1 35%,#8ae8f5 55%,#56cfe1 75%,#2a9eb5 100%); color:#0d1f2d; box-shadow:0 4px 18px rgba(86,207,225,0.35); }
.beg-card__cta--sky:hover  { background-position:100% center; box-shadow:0 8px 28px rgba(86,207,225,0.52); color:#0d1f2d; }
.beg-card__cta--gold { --glow-c:rgba(201,144,58,0.42); background: linear-gradient(90deg,#b07a20 0%,#c9903a 35%,#e8c070 55%,#c9903a 75%,#b07a20 100%); color:#0d1f2d; box-shadow:0 4px 18px rgba(201,144,58,0.35); }
.beg-card__cta--gold:hover { background-position:100% center; box-shadow:0 8px 28px rgba(201,144,58,0.52); color:#0d1f2d; }


/* Additional beg-card colour variants */
.beg-card--teal   .beg-card__accent { background: var(--teal); }
.beg-card--green  .beg-card__accent { background: var(--green); }
.beg-card--purple .beg-card__accent { background: #7c5cbf; }
.beg-card--teal:hover   { box-shadow: var(--shadow-lg), 0 0 36px rgba(42,181,160,0.18); }
.beg-card--green:hover  { box-shadow: var(--shadow-lg), 0 0 36px rgba(42,158,96,0.18); }
.beg-card--purple:hover { box-shadow: var(--shadow-lg), 0 0 36px rgba(124,92,191,0.18); }
.beg-card--teal   .beg-card__badge { background: rgba(42,181,160,0.14);  color: var(--teal); }
.beg-card--green  .beg-card__badge { background: rgba(42,158,96,0.14);   color: var(--green); }
.beg-card--purple .beg-card__badge { background: rgba(124,92,191,0.14);  color: #9b7fdc; }
.beg-card--teal   .beg-card__features li i { color: var(--teal); }
.beg-card--green  .beg-card__features li i { color: var(--green); }
.beg-card--purple .beg-card__features li i { color: #9b7fdc; }

/* Icon container — FA icon version (replaces emoji) */
.beg-card__top {
  display: flex; align-items: flex-start;
  justify-content: space-between;
  padding: 18px 20px 0;
  gap: 8px;
}
.beg-card__icon {
  width: 52px; height: 52px; border-radius: 14px;
  display: flex; align-items: center; justify-content: center;
  font-size: 1.5rem; flex-shrink: 0;
  transition: transform 0.3s cubic-bezier(0.4,0,0.2,1);
}
.beg-card:hover .beg-card__icon { transform: scale(1.12) rotate(-5deg); }
.beg-card--sky    .beg-card__icon { background: rgba(86,207,225,0.14);  color: var(--sky);    box-shadow: 0 0 0 1px rgba(86,207,225,0.25); }
.beg-card--teal   .beg-card__icon { background: rgba(42,181,160,0.14);  color: var(--teal);   box-shadow: 0 0 0 1px rgba(42,181,160,0.25); }
.beg-card--green  .beg-card__icon { background: rgba(42,158,96,0.14);   color: var(--green);  box-shadow: 0 0 0 1px rgba(42,158,96,0.25); }
.beg-card--purple .beg-card__icon { background: rgba(124,92,191,0.14);  color: #9b7fdc;       box-shadow: 0 0 0 1px rgba(124,92,191,0.25); }

/* Updated title/tagline spacing with new layout */
.beg-card__title   { margin: 14px 20px 0; font-size: 1.05rem; }
.beg-card__tagline { margin: 7px 20px 0; }
.beg-card__features { margin: 14px 20px 0; }
.beg-card__cta-wrap { margin: 0 20px; padding-top: 16px; margin-top: auto; }
.beg-card__cta { margin: 0; }

/* Equal min-height — matches hub-card 420px */
.beg-card { min-height: 420px; }
@media (max-width: 600px) { .beg-card { min-height: 0; } }

/* CTA colour variants for teal/green/purple */
.beg-card__cta--teal {
  --glow-c: rgba(42,181,160,0.42);
  background: linear-gradient(90deg,#1a9e8c 0%,#2ab5a0 35%,#3dd6bf 55%,#2ab5a0 75%,#1a9e8c 100%);
  color: #0d1f2d; box-shadow: 0 4px 18px rgba(42,181,160,0.35);
}
.beg-card__cta--teal:hover { background-position:100% center; box-shadow:0 8px 28px rgba(42,181,160,0.52); color:#0d1f2d; }
.beg-card__cta--green {
  --glow-c: rgba(42,158,96,0.42);
  background: linear-gradient(90deg,#1c7a48 0%,#2a9e60 35%,#3dc478 55%,#2a9e60 75%,#1c7a48 100%);
  color: #0d1f2d; box-shadow: 0 4px 18px rgba(42,158,96,0.35);
}
.beg-card__cta--green:hover { background-position:100% center; box-shadow:0 8px 28px rgba(42,158,96,0.52); color:#0d1f2d; }
.beg-card__cta--purple {
  --glow-c: rgba(124,92,191,0.42);
  background: linear-gradient(90deg,#5a3a9e 0%,#7c5cbf 35%,#a07de0 55%,#7c5cbf 75%,#5a3a9e 100%);
  color: #ffffff; box-shadow: 0 4px 18px rgba(124,92,191,0.35);
}
.beg-card__cta--purple:hover { background-position:100% center; box-shadow:0 8px 28px rgba(124,92,191,0.52); color:#ffffff; }


/* Purple buttons — Start Here + Sticky CTA */
@keyframes purpleShimmer {
  0%   { background-position: -200% center; }
  100% { background-position:  200% center; }
}
@keyframes purplePulse {
  0%,100% { box-shadow: 0 6px 24px rgba(124,92,191,0.38); }
  50%      { box-shadow: 0 8px 36px rgba(124,92,191,0.60); }
}

.btn-purple-hero {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 16px 36px; border-radius: 12px;
  font-size: 1.0rem; font-weight: 800; letter-spacing: 0.02em;
  color: #ffffff; border: none; cursor: pointer;
  background: linear-gradient(90deg, #5a3a9e 0%, #7c5cbf 30%, #a07de0 55%, #7c5cbf 75%, #5a3a9e 100%);
  background-size: 300% 100%;
  box-shadow: 0 6px 24px rgba(124,92,191,0.40);
  animation: purplePulse 2.8s ease-in-out infinite;
  transition: background-position 0.55s ease, transform 0.22s ease;
  text-decoration: none;
}
.btn-purple-hero:hover {
  background-position: 100% center;
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 10px 36px rgba(124,92,191,0.58);
  color: #fff;
}
.btn-purple-sm {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 10px 22px; border-radius: 10px;
  font-size: 0.88rem; font-weight: 800; letter-spacing: 0.02em;
  color: #ffffff; border: none; cursor: pointer;
  background: linear-gradient(90deg, #5a3a9e 0%, #7c5cbf 30%, #a07de0 55%, #7c5cbf 75%, #5a3a9e 100%);
  background-size: 300% 100%;
  box-shadow: 0 4px 16px rgba(124,92,191,0.38);
  animation: purplePulse 2.8s ease-in-out infinite;
  transition: background-position 0.55s ease, transform 0.22s ease;
}
.btn-purple-sm:hover {
  background-position: 100% center;
  transform: translateY(-2px);
  box-shadow: 0 6px 24px rgba(124,92,191,0.55);
  color: #fff;
}


/* ═══ Title colour system — gc-* sets --title-c ═══ */
.gc-teal   { --title-c: rgba(61,214,191,0.92); }
.gc-gold   { --title-c: rgba(232,170,82,0.92); }
.gc-green  { --title-c: rgba(61,196,120,0.88); }
.gc-sky    { --title-c: rgba(138,232,245,0.92); }
.gc-purple { --title-c: rgba(160,125,224,0.92); }

/* beg-card titles */
.beg-card--sky    .beg-card__title { color: rgba(138,232,245,0.95); }
.beg-card--teal   .beg-card__title { color: rgba(61,214,191,0.95); }
.beg-card--green  .beg-card__title { color: rgba(61,196,120,0.95); }
.beg-card--purple .beg-card__title { color: rgba(160,125,224,0.95); }

/* product-card h3 titles */
.product-card.gc-teal   h3 { color: rgba(61,214,191,0.95); }
.product-card.gc-gold   h3 { color: rgba(232,170,82,0.95); }
.product-card.gc-green  h3 { color: rgba(61,196,120,0.95); }
.product-card.gc-sky    h3 { color: rgba(138,232,245,0.95); }
.product-card.gc-purple h3 { color: rgba(160,125,224,0.95); }

/* pc-title (home product card header) */
.product-card.gc-teal   .pc-title { color: rgba(61,214,191,0.95); }
.product-card.gc-gold   .pc-title { color: rgba(232,170,82,0.95); }
.product-card.gc-green  .pc-title { color: rgba(61,196,120,0.95); }
.product-card.gc-sky    .pc-title { color: rgba(138,232,245,0.95); }
.product-card.gc-purple .pc-title { color: rgba(160,125,224,0.95); }

/* ═══ Purple buttons — Start Here (Nav + Hero) + Sticky CTA ═══ */
@keyframes purplePulse {
  0%,100% { box-shadow: 0 6px 24px rgba(124,92,191,0.38); }
  50%      { box-shadow: 0 8px 36px rgba(124,92,191,0.60); }
}
.btn-purple-hero {
  display: inline-flex; align-items: center; gap: 10px;
  padding: 16px 36px; border-radius: 12px;
  font-size: 1.0rem; font-weight: 800; letter-spacing: 0.02em;
  color: #ffffff; border: none; cursor: pointer;
  background: linear-gradient(90deg,#5a3a9e 0%,#7c5cbf 30%,#a07de0 55%,#7c5cbf 75%,#5a3a9e 100%);
  background-size: 300% 100%;
  box-shadow: 0 6px 24px rgba(124,92,191,0.40);
  animation: purplePulse 2.8s ease-in-out infinite;
  transition: background-position 0.55s ease, transform 0.22s ease;
}
.btn-purple-hero:hover {
  background-position: 100% center;
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 10px 36px rgba(124,92,191,0.58);
  color: #fff;
}
.btn-purple-sm {
  display: inline-flex; align-items: center; gap: 8px;
  padding: 10px 22px; border-radius: 10px;
  font-size: 0.88rem; font-weight: 800; letter-spacing: 0.02em;
  color: #ffffff; border: none; cursor: pointer;
  background: linear-gradient(90deg,#5a3a9e 0%,#7c5cbf 30%,#a07de0 55%,#7c5cbf 75%,#5a3a9e 100%);
  background-size: 300% 100%;
  box-shadow: 0 4px 16px rgba(124,92,191,0.38);
  animation: purplePulse 2.8s ease-in-out infinite;
  transition: background-position 0.55s ease, transform 0.22s ease;
}
.btn-purple-sm:hover {
  background-position: 100% center;
  transform: translateY(-2px);
  box-shadow: 0 6px 24px rgba(124,92,191,0.55);
  color: #fff;
}


/* ═══ Emoji card icons — replaces FA square boxes ═══ */
.card-icon {
  width: 72px; height: 72px; border-radius: 20px;
  display: flex; align-items: center; justify-content: center;
  font-size: 2.0rem; flex-shrink: 0; margin-bottom: 12px;
  transition: transform 0.35s cubic-bezier(0.34,1.56,0.64,1);
  position: relative;
}
.hub-card:hover .card-icon,
.hub-card:focus .card-icon { transform: scale(1.15) rotate(-4deg); }

.ci-emoji {
  font-size: 2.0rem; line-height: 1;
  display: flex; align-items: center; justify-content: center;
  width: 100%; height: 100%;
  filter: drop-shadow(0 2px 6px rgba(0,0,0,0.28));
}

/* Per gc-* coloured glow ring behind emoji */
.gc-teal   .card-icon { background: rgba(42,181,160,0.13);  box-shadow: 0 0 0 1.5px rgba(42,181,160,0.30),  0 4px 18px rgba(42,181,160,0.12); }
.gc-gold   .card-icon { background: rgba(201,144,58,0.13);  box-shadow: 0 0 0 1.5px rgba(201,144,58,0.30),  0 4px 18px rgba(201,144,58,0.12); }
.gc-green  .card-icon { background: rgba(42,158,96,0.13);   box-shadow: 0 0 0 1.5px rgba(42,158,96,0.30),   0 4px 18px rgba(42,158,96,0.12); }
.gc-sky    .card-icon { background: rgba(86,207,225,0.13);  box-shadow: 0 0 0 1.5px rgba(86,207,225,0.30),  0 4px 18px rgba(86,207,225,0.12); }
.gc-purple .card-icon { background: rgba(124,92,191,0.13);  box-shadow: 0 0 0 1.5px rgba(124,92,191,0.30),  0 4px 18px rgba(124,92,191,0.12); }