/*
Theme Name: Member Connect CRM
Theme URI: https://gravityprojex.com.au
Author: Gravity Projex
Author URI: https://gravityprojex.com.au
Description: Member Connect CRM — a white-label membership platform for chambers of commerce, associations, business networks and clubs. Tiered memberships, Stripe payments, Xero accounting sync, SMTP HTML emails, renewal automation, member portal, business directory, event management with RSVP, member spotlight, directory enquiry, QR check-in, and a full admin dashboard. Dark/light mode, zero jQuery, WCAG 2.2 AA.
Version: 2.1.0
Requires at least: 6.5
Tested up to: 6.7
Requires PHP: 8.4
Text Domain: member-connect

PROPRIETARY SOFTWARE LICENCE — GRAVITY PROJEX
Copyright (c) 2025-2026 Gravity Projex / Michelle Smith. All Rights Reserved.
Business located in Queensland, Australia.

RESTRICTIONS:
1. You may NOT copy, modify, distribute, or sell copies of the Software
2. You may NOT reverse engineer, decompile, or disassemble the Software
3. You may NOT remove any proprietary notices or labels on the Software
4. Unauthorized use may result in legal action and monetary damages

CONTACT: admin@gravityprojex.com | https://gravityprojex.com.au
*/

/* CSS Custom Properties */
:root {
    --gs-primary: #6366f1;
    --gs-primary-dark: #4f46e5;
    --gs-primary-light: #818cf8;
    --gs-primary-50: #eef2ff;
    --gs-primary-100: #e0e7ff;
    --gs-secondary: #10b981;
    --gs-secondary-dark: #059669;
    --gs-secondary-light: #34d399;
    --gs-accent: #f59e0b;
    --gs-accent-dark: #d97706;
    --gs-success: #10b981;
    --gs-warning: #f59e0b;
    --gs-error: #ef4444;
    --gs-info: #3b82f6;
    --gs-white: #ffffff;
    --gs-black: #0a0a0b;
    --gs-gray-50: #fafafa;
    --gs-gray-100: #f4f4f5;
    --gs-gray-200: #e4e4e7;
    --gs-gray-300: #d4d4d8;
    --gs-gray-400: #a1a1aa;
    --gs-gray-500: #71717a;
    --gs-gray-600: #52525b;
    --gs-gray-700: #3f3f46;
    --gs-gray-800: #27272a;
    --gs-gray-900: #18181b;
    --gs-gray-950: #09090b;
    --gs-bg: var(--gs-white);
    --gs-bg-alt: var(--gs-gray-50);
    --gs-bg-elevated: var(--gs-white);
    --gs-text: var(--gs-gray-900);
    --gs-text-muted: var(--gs-gray-600);
    --gs-text-subtle: var(--gs-gray-500);
    --gs-border: var(--gs-gray-200);
    --gs-border-subtle: var(--gs-gray-100);
    --gs-font-sans: 'Outfit', 'Segoe UI', system-ui, -apple-system, sans-serif;
    --gs-font-display: 'Outfit', 'Segoe UI', system-ui, sans-serif;
    --gs-font-body: 'Space Grotesk', 'Segoe UI', system-ui, sans-serif;
    --gs-font-mono: 'JetBrains Mono', 'Fira Code', monospace;
    --gs-text-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.8125rem);
    --gs-text-sm: clamp(0.8125rem, 0.775rem + 0.2vw, 0.875rem);
    --gs-text-base: clamp(0.9375rem, 0.9rem + 0.2vw, 1rem);
    --gs-text-lg: clamp(1rem, 0.95rem + 0.25vw, 1.125rem);
    --gs-text-xl: clamp(1.125rem, 1rem + 0.6vw, 1.375rem);
    --gs-text-2xl: clamp(1.375rem, 1.2rem + 0.9vw, 1.75rem);
    --gs-text-3xl: clamp(1.75rem, 1.4rem + 1.8vw, 2.5rem);
    --gs-text-4xl: clamp(2rem, 1.5rem + 2.5vw, 3rem);
    --gs-text-5xl: clamp(2.5rem, 1.8rem + 3.5vw, 3.75rem);
    --gs-text-6xl: clamp(2.8rem, 2rem + 4vw, 4.5rem);
    --gs-space-xs: 0.25rem;
    --gs-space-sm: 0.5rem;
    --gs-space-md: 1rem;
    --gs-space-lg: 1.5rem;
    --gs-space-xl: 2rem;
    --gs-space-2xl: 3rem;
    --gs-space-3xl: 4rem;
    --gs-space-4xl: 6rem;
    --gs-space-5xl: 8rem;
    --gs-radius-sm: 0.375rem;
    --gs-radius-md: 0.5rem;
    --gs-radius-lg: 0.75rem;
    --gs-radius-xl: 1rem;
    --gs-radius-2xl: 1.5rem;
    --gs-radius-full: 9999px;
    --gs-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --gs-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
    --gs-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
    --gs-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    --gs-shadow-glow: 0 0 60px -15px var(--gs-primary);
    --gs-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --gs-ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
    --gs-duration-fast: 150ms;
    --gs-duration-base: 250ms;
    --gs-duration-slow: 400ms;
}

[data-theme="dark"] {
    --gs-bg: var(--gs-gray-950);
    --gs-bg-alt: var(--gs-gray-900);
    --gs-bg-elevated: var(--gs-gray-900);
    --gs-text: var(--gs-gray-50);
    --gs-text-muted: var(--gs-gray-400);
    --gs-text-subtle: var(--gs-gray-500);
    --gs-border: var(--gs-gray-800);
    --gs-border-subtle: var(--gs-gray-900);
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; scroll-padding-top: 5rem; -webkit-text-size-adjust: 100%; }
body { font-family: var(--gs-font-body); font-size: var(--gs-text-base); line-height: 1.6; color: var(--gs-text); background-color: var(--gs-bg); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } }
img, picture, video, canvas { display: block; max-width: 100%; height: auto; }
svg { display: block; overflow: visible; }
a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; border: none; background: none; }
input, textarea, select { font: inherit; }
h1, h2, h3, h4, h5, h6 { font-family: var(--gs-font-display); font-weight: 700; line-height: 1.1; letter-spacing: -0.02em; color: var(--gs-text); }
h1 { font-size: var(--gs-text-5xl); }
h2 { font-size: var(--gs-text-4xl); }
h3 { font-size: var(--gs-text-3xl); }
h4 { font-size: var(--gs-text-2xl); }
h5 { font-size: var(--gs-text-xl); }
h6 { font-size: var(--gs-text-lg); }
p { max-width: 65ch; }

/* Layout */
.gs-container { width: 100%; max-width: 1280px; margin: 0 auto; padding: 0 clamp(1rem, 4vw, 2rem); }
.gs-container--lg { max-width: 1440px; }
.gs-container--sm { max-width: 800px; }
.gs-section { padding: var(--gs-space-5xl) 0; }
.gs-section--alt { background-color: var(--gs-bg-alt); }
.gs-section__header { margin-bottom: var(--gs-space-4xl); }
.gs-section__header--center { text-align: center; }
.gs-section__header--center p { max-width: 600px; margin: 0 auto; }
.gs-section__header h2 { margin-bottom: var(--gs-space-md); }
.gs-section__header p { color: var(--gs-text-muted); font-size: var(--gs-text-lg); }
.gs-section__header--split { display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: wrap; gap: var(--gs-space-lg); }
.gs-section__label { display: inline-flex; align-items: center; gap: var(--gs-space-sm); padding: var(--gs-space-xs) var(--gs-space-md); background: rgba(99, 102, 241, 0.1); color: var(--gs-primary); font-size: var(--gs-text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; border-radius: var(--gs-radius-full); margin-bottom: var(--gs-space-lg); }

/* Skip Link */
.gs-skip-link { position: fixed; top: -100%; left: 1rem; z-index: 9999; padding: 1rem 1.5rem; background: var(--gs-primary); color: white; font-weight: 600; border-radius: var(--gs-radius-lg); transition: top 0.2s; }
.gs-skip-link:focus { top: 1rem; outline: 2px solid var(--gs-primary); outline-offset: 2px; }

/* Header */
.gs-header { position: fixed; top: 0; left: 0; right: 0; z-index: 1000; background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); border-bottom: 1px solid var(--gs-border-subtle); transition: all 0.3s var(--gs-ease-out); }
[data-theme="dark"] .gs-header { background: rgba(9, 9, 11, 0.85); }
.gs-header__inner { display: flex; align-items: center; justify-content: space-between; height: 4.5rem; gap: var(--gs-space-xl); }
.gs-logo { display: flex; align-items: center; gap: var(--gs-space-sm); font-family: var(--gs-font-display); font-weight: 800; font-size: 1.25rem; color: var(--gs-text); }
.gs-logo__icon { width: 2.25rem; height: 2.25rem; background: linear-gradient(135deg, var(--gs-primary), var(--gs-secondary)); border-radius: var(--gs-radius-lg); display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.gs-logo__icon svg { width: 1.25rem; height: 1.25rem; color: white; }
.gs-nav { display: none; gap: var(--gs-space-xs); }
@media (min-width: 1024px) { .gs-nav { display: flex; } }
.gs-nav__link, .gs-nav__list a { padding: var(--gs-space-sm) var(--gs-space-md); font-size: var(--gs-text-sm); font-weight: 500; color: var(--gs-text-muted); border-radius: var(--gs-radius-md); transition: all 0.2s var(--gs-ease-out); }
.gs-nav__link:hover, .gs-nav__list a:hover { color: var(--gs-text); background: var(--gs-bg-alt); }
.gs-nav__list { display: flex; gap: var(--gs-space-xs); list-style: none; }
.gs-header__actions { display: flex; align-items: center; gap: var(--gs-space-md); }
.gs-header__cta { display: none; }
@media (min-width: 768px) { .gs-header__cta { display: inline-flex; } }
.gs-theme-toggle { width: 2.5rem; height: 2.5rem; display: flex; align-items: center; justify-content: center; border-radius: var(--gs-radius-full); background: var(--gs-bg-alt); border: 1px solid var(--gs-border); color: var(--gs-text-muted); transition: all 0.2s var(--gs-ease-out); }
.gs-theme-toggle:hover { color: var(--gs-text); border-color: var(--gs-border); transform: rotate(15deg); }
.gs-theme-toggle__icon { width: 1.125rem; height: 1.125rem; }
.gs-theme-toggle__sun { display: none; }
[data-theme="dark"] .gs-theme-toggle__moon { display: none; }
[data-theme="dark"] .gs-theme-toggle__sun { display: block; }
.gs-mobile-toggle { display: flex; flex-direction: column; gap: 5px; padding: 0.5rem; width: 2.5rem; height: 2.5rem; justify-content: center; }
@media (min-width: 1024px) { .gs-mobile-toggle { display: none; } }
.gs-mobile-toggle__bar { width: 100%; height: 2px; background: var(--gs-text); border-radius: 2px; transition: all 0.3s var(--gs-ease-out); }
.gs-mobile-nav { position: fixed; top: 4.5rem; left: 0; right: 0; bottom: 0; background: var(--gs-bg); z-index: 999; transform: translateX(100%); transition: transform 0.3s var(--gs-ease-out); overflow-y: auto; }
.gs-mobile-nav[data-open="true"] { transform: translateX(0); }
.gs-mobile-nav__inner { padding: var(--gs-space-xl); display: flex; flex-direction: column; gap: var(--gs-space-lg); }
.gs-mobile-nav__links { display: flex; flex-direction: column; gap: var(--gs-space-sm); }
.gs-mobile-nav__link, .gs-mobile-nav__links a { display: block; padding: var(--gs-space-md); font-size: var(--gs-text-lg); font-weight: 500; color: var(--gs-text); border-radius: var(--gs-radius-lg); transition: background 0.2s; }
.gs-mobile-nav__link:hover, .gs-mobile-nav__links a:hover { background: var(--gs-bg-alt); }

/* Buttons */
.gs-btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--gs-space-sm); padding: 0.75rem 1.5rem; font-family: var(--gs-font-body); font-size: var(--gs-text-sm); font-weight: 600; border-radius: var(--gs-radius-lg); transition: all 0.25s var(--gs-ease-out); white-space: nowrap; cursor: pointer; }
.gs-btn--primary { background: var(--gs-primary); color: white; box-shadow: 0 2px 8px -2px rgba(99, 102, 241, 0.5); }
.gs-btn--primary:hover { background: var(--gs-primary-dark); transform: translateY(-2px); box-shadow: 0 8px 20px -4px rgba(99, 102, 241, 0.5); }
.gs-btn--secondary { background: var(--gs-bg-alt); color: var(--gs-text); border: 1px solid var(--gs-border); }
.gs-btn--secondary:hover { background: var(--gs-bg); border-color: var(--gs-gray-300); }
.gs-btn--white { background: white; color: var(--gs-primary-dark); }
.gs-btn--white:hover { background: var(--gs-gray-100); transform: translateY(-2px); }
.gs-btn--outline { background: transparent; color: white; border: 2px solid rgba(255, 255, 255, 0.3); }
.gs-btn--outline:hover { background: rgba(255, 255, 255, 0.1); border-color: white; }
.gs-btn--ghost { background: transparent; color: var(--gs-text); }
.gs-btn--ghost:hover { background: var(--gs-bg-alt); }
.gs-btn--lg { padding: 1rem 2rem; font-size: var(--gs-text-base); border-radius: var(--gs-radius-xl); }
.gs-btn--full { width: 100%; }
.gs-btn svg { width: 1.25rem; height: 1.25rem; }

/* Hero */
.gs-hero { position: relative; min-height: 100vh; display: flex; align-items: center; padding: 8rem 0 var(--gs-space-5xl); overflow: hidden; }
.gs-hero__bg { position: absolute; inset: 0; z-index: -1; }
.gs-hero__mesh { position: absolute; inset: 0; background: radial-gradient(ellipse 80% 50% at 20% 40%, rgba(99, 102, 241, 0.15), transparent), radial-gradient(ellipse 60% 40% at 80% 60%, rgba(16, 185, 129, 0.1), transparent), radial-gradient(ellipse 50% 30% at 50% 80%, rgba(245, 158, 11, 0.08), transparent); }
[data-theme="dark"] .gs-hero__mesh { background: radial-gradient(ellipse 80% 50% at 20% 40%, rgba(99, 102, 241, 0.2), transparent), radial-gradient(ellipse 60% 40% at 80% 60%, rgba(16, 185, 129, 0.15), transparent), radial-gradient(ellipse 50% 30% at 50% 80%, rgba(245, 158, 11, 0.1), transparent); }
.gs-hero__grid { position: absolute; inset: 0; background-image: linear-gradient(var(--gs-border-subtle) 1px, transparent 1px), linear-gradient(90deg, var(--gs-border-subtle) 1px, transparent 1px); background-size: 60px 60px; mask-image: linear-gradient(to bottom, transparent, black 30%, black 70%, transparent); -webkit-mask-image: linear-gradient(to bottom, transparent, black 30%, black 70%, transparent); }
.gs-hero__orb { position: absolute; border-radius: 50%; filter: blur(80px); animation: gs-float 20s ease-in-out infinite; }
.gs-hero__orb--1 { width: 600px; height: 600px; background: var(--gs-primary); opacity: 0.12; top: -200px; right: -200px; animation-delay: -5s; }
.gs-hero__orb--2 { width: 400px; height: 400px; background: var(--gs-secondary); opacity: 0.1; bottom: -100px; left: -100px; animation-delay: -10s; }
@keyframes gs-float { 0%, 100% { transform: translateY(0) rotate(0deg); } 50% { transform: translateY(-30px) rotate(5deg); } }
.gs-hero__content { position: relative; max-width: 800px; }
.gs-hero__eyebrow { display: inline-flex; align-items: center; gap: var(--gs-space-sm); padding: var(--gs-space-xs) var(--gs-space-md) var(--gs-space-xs) var(--gs-space-xs); background: var(--gs-bg-elevated); border: 1px solid var(--gs-border); border-radius: var(--gs-radius-full); font-size: var(--gs-text-sm); font-weight: 500; color: var(--gs-text-muted); margin-bottom: var(--gs-space-xl); animation: gs-fade-in-up 0.8s var(--gs-ease-out) both; }
.gs-hero__eyebrow-badge { display: flex; align-items: center; gap: 6px; padding: 4px 10px; background: linear-gradient(135deg, var(--gs-primary), var(--gs-primary-dark)); color: white; font-size: var(--gs-text-xs); font-weight: 600; border-radius: var(--gs-radius-full); text-transform: uppercase; letter-spacing: 0.05em; }
.gs-hero__title { margin-bottom: var(--gs-space-lg); animation: gs-fade-in-up 0.8s var(--gs-ease-out) 0.1s both; }
.gs-hero__title-gradient { background: linear-gradient(135deg, var(--gs-text) 0%, var(--gs-primary) 50%, var(--gs-secondary) 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.gs-hero__description { font-size: var(--gs-text-xl); color: var(--gs-text-muted); margin-bottom: var(--gs-space-2xl); animation: gs-fade-in-up 0.8s var(--gs-ease-out) 0.2s both; }
.gs-hero__actions { display: flex; flex-wrap: wrap; gap: var(--gs-space-md); margin-bottom: var(--gs-space-3xl); animation: gs-fade-in-up 0.8s var(--gs-ease-out) 0.3s both; }
.gs-hero__stats { display: flex; flex-wrap: wrap; gap: var(--gs-space-2xl); padding-top: var(--gs-space-2xl); border-top: 1px solid var(--gs-border); animation: gs-fade-in-up 0.8s var(--gs-ease-out) 0.4s both; }
.gs-hero__stat { display: flex; flex-direction: column; gap: 4px; }
.gs-hero__stat-value { font-family: var(--gs-font-display); font-size: var(--gs-text-3xl); font-weight: 800; color: var(--gs-text); }
.gs-hero__stat-label { font-size: var(--gs-text-sm); color: var(--gs-text-subtle); }
@keyframes gs-fade-in-up { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }

/* Tags */
.gs-tag { display: inline-flex; align-items: center; padding: 4px 10px; font-size: var(--gs-text-xs); font-weight: 600; color: var(--gs-primary); background: var(--gs-primary-50); border-radius: var(--gs-radius-full); transition: all 0.2s; }
.gs-tag:hover { background: var(--gs-primary-100); }
.gs-tag--outline { background: transparent; border: 1px solid var(--gs-border); color: var(--gs-text-muted); }
.gs-tag--outline:hover { border-color: var(--gs-primary); color: var(--gs-primary); }

/* 404 Page */
.gs-error-page { min-height: 60vh; display: flex; align-items: center; }
.gs-error-page__content { text-align: center; }
.gs-error-page__code { font-size: 8rem; font-weight: 800; font-family: var(--gs-font-display); background: linear-gradient(135deg, var(--gs-primary), var(--gs-secondary)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; line-height: 1; }
.gs-error-page__title { margin: var(--gs-space-md) 0; }
.gs-error-page__description { color: var(--gs-text-muted); font-size: var(--gs-text-lg); margin-bottom: var(--gs-space-xl); max-width: 100%; }
.gs-error-page__actions { display: flex; justify-content: center; gap: var(--gs-space-md); flex-wrap: wrap; }
.gs-error-page__search { margin-top: var(--gs-space-3xl); }
.gs-error-page__search p { color: var(--gs-text-muted); margin-bottom: var(--gs-space-md); }
.gs-search-form { display: flex; gap: var(--gs-space-sm); max-width: 400px; margin: 0 auto; }
.gs-search-form .gs-form-input { flex: 1; }
.gs-no-results { text-align: center; padding: var(--gs-space-4xl) 0; }
.gs-no-results__icon { width: 4rem; height: 4rem; color: var(--gs-text-subtle); margin: 0 auto var(--gs-space-lg); }
.gs-no-results h2 { margin-bottom: var(--gs-space-sm); }
.gs-no-results p { color: var(--gs-text-muted); margin-bottom: var(--gs-space-xl); max-width: 100%; }
.gs-no-results__actions { display: flex; justify-content: center; gap: var(--gs-space-md); flex-wrap: wrap; }

/* Pagination */
.gs-pagination { display: flex; justify-content: center; align-items: center; gap: var(--gs-space-xs); margin-top: var(--gs-space-3xl); flex-wrap: wrap; }
.gs-pagination .page-numbers, .gs-pagination a, .gs-pagination span { display: inline-flex; align-items: center; justify-content: center; min-width: 2.5rem; height: 2.5rem; padding: 0 var(--gs-space-md); font-size: var(--gs-text-sm); font-weight: 500; color: var(--gs-text-muted); background: var(--gs-bg-elevated); border: 1px solid var(--gs-border); border-radius: var(--gs-radius-md); transition: all 0.2s; }
.gs-pagination a:hover { color: var(--gs-text); border-color: var(--gs-gray-300); }
.gs-pagination .current { background: var(--gs-primary); border-color: var(--gs-primary); color: white; }

/* Prose */
.gs-prose { line-height: 1.75; }
.gs-prose h1, .gs-prose h2, .gs-prose h3, .gs-prose h4 { margin-top: 2em; margin-bottom: 0.75em; }
.gs-prose p { margin-bottom: 1.25em; }
.gs-prose a { color: var(--gs-primary); text-decoration: underline; text-underline-offset: 2px; }
.gs-prose a:hover { color: var(--gs-primary-dark); }
.gs-prose ul, .gs-prose ol { margin: 1.25em 0; padding-left: 1.5em; }
.gs-prose li { margin-bottom: 0.5em; }
.gs-prose img { border-radius: var(--gs-radius-lg); margin: 1.5em 0; }
.gs-prose blockquote { border-left: 4px solid var(--gs-primary); padding-left: var(--gs-space-lg); margin: 1.5em 0; font-style: italic; color: var(--gs-text-muted); }
.gs-prose pre, .gs-prose code { font-family: var(--gs-font-mono); font-size: var(--gs-text-sm); }
.gs-prose pre { background: var(--gs-bg-alt); border-radius: var(--gs-radius-lg); padding: var(--gs-space-lg); overflow-x: auto; margin: 1.5em 0; }
.gs-prose code { background: var(--gs-bg-alt); padding: 2px 6px; border-radius: var(--gs-radius-sm); }
.gs-prose pre code { background: none; padding: 0; }

/* Posts Grid */
.gs-posts-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: var(--gs-space-xl); }
.gs-post-card { background: var(--gs-bg-elevated); border: 1px solid var(--gs-border); border-radius: var(--gs-radius-xl); overflow: hidden; transition: all 0.3s var(--gs-ease-out); }
.gs-post-card:hover { transform: translateY(-4px); box-shadow: var(--gs-shadow-lg); }
.gs-post-card__image { aspect-ratio: 16/9; overflow: hidden; }
.gs-post-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s; }
.gs-post-card:hover .gs-post-card__image img { transform: scale(1.05); }
.gs-post-card__content { padding: var(--gs-space-lg); }
.gs-post-card__category { font-size: var(--gs-text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; color: var(--gs-primary); margin-bottom: var(--gs-space-sm); display: block; }
.gs-post-card__title { font-size: var(--gs-text-lg); margin-bottom: var(--gs-space-sm); }
.gs-post-card__title a { color: inherit; }
.gs-post-card__title a:hover { color: var(--gs-primary); }
.gs-post-card__excerpt { font-size: var(--gs-text-sm); color: var(--gs-text-muted); margin-bottom: var(--gs-space-md); }
.gs-post-card__meta { display: flex; justify-content: space-between; align-items: center; padding-top: var(--gs-space-md); border-top: 1px solid var(--gs-border); }
.gs-post-card__date { display: flex; align-items: center; gap: 6px; font-size: var(--gs-text-sm); color: var(--gs-text-muted); }
.gs-post-card__date svg { width: 1rem; height: 1rem; }
.gs-post-card__link { font-size: var(--gs-text-sm); font-weight: 600; color: var(--gs-primary); }

/* Single Article */
.gs-article__header { margin-bottom: var(--gs-space-xl); }
.gs-article__categories { display: flex; gap: var(--gs-space-sm); margin-bottom: var(--gs-space-md); }
.gs-article__title { margin-bottom: var(--gs-space-lg); }
.gs-article__meta { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: var(--gs-space-md); }
.gs-article__author { display: flex; align-items: center; gap: var(--gs-space-md); }
.gs-article__avatar { width: 40px; height: 40px; border-radius: 50%; }
.gs-article__author-name { font-weight: 600; color: var(--gs-text); display: block; }
.gs-article__date { font-size: var(--gs-text-sm); color: var(--gs-text-muted); }
.gs-article__reading-time { font-size: var(--gs-text-sm); color: var(--gs-text-subtle); }
.gs-article__featured-image { margin-bottom: var(--gs-space-xl); border-radius: var(--gs-radius-xl); overflow: hidden; }
.gs-article__footer { margin-top: var(--gs-space-xl); padding-top: var(--gs-space-xl); border-top: 1px solid var(--gs-border); }
.gs-article__tags { display: flex; align-items: center; gap: var(--gs-space-sm); flex-wrap: wrap; }
.gs-article__tags-label { font-weight: 500; color: var(--gs-text-muted); }
.gs-post-nav { display: grid; grid-template-columns: 1fr 1fr; gap: var(--gs-space-lg); margin-top: var(--gs-space-3xl); padding-top: var(--gs-space-xl); border-top: 1px solid var(--gs-border); }
@media (max-width: 640px) { .gs-post-nav { grid-template-columns: 1fr; } }
.gs-post-nav__link { display: block; padding: var(--gs-space-lg); background: var(--gs-bg-alt); border-radius: var(--gs-radius-lg); transition: all 0.2s; }
.gs-post-nav__link:hover { background: var(--gs-bg-elevated); box-shadow: var(--gs-shadow-md); }
.gs-post-nav__link--next { text-align: right; }
.gs-post-nav__label { font-size: var(--gs-text-sm); color: var(--gs-text-subtle); display: block; margin-bottom: var(--gs-space-xs); }
.gs-post-nav__title { font-weight: 600; color: var(--gs-text); }

/* Page Template */
.gs-page__header { text-align: center; margin-bottom: var(--gs-space-xl); }
.gs-page__featured-image { margin-bottom: var(--gs-space-xl); border-radius: var(--gs-radius-xl); overflow: hidden; }

/* Video Wrapper */
.gs-video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: var(--gs-radius-xl); background: var(--gs-gray-900); }
.gs-video-wrapper iframe, .gs-video-wrapper video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Utilities */
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
:focus-visible { outline: 2px solid var(--gs-primary); outline-offset: 2px; }
.wp-block-image img { border-radius: var(--gs-radius-lg); }
.alignwide { max-width: 1200px; margin-left: auto; margin-right: auto; }
.alignfull { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); }

/* ── Pricing Toggle ──────────────────────────────────────────── */
.gs-pricing-toggle {
    display: inline-flex;
    background: var(--gs-surface-2, #f1f5f9);
    border-radius: 999px;
    padding: 4px;
    gap: 4px;
}
[data-theme="dark"] .gs-pricing-toggle { background: var(--gs-surface-2, #1e293b); }
.gs-pricing-toggle__btn {
    padding: 10px 24px;
    border-radius: 999px;
    border: none;
    background: transparent;
    font-weight: 600;
    font-size: .9rem;
    cursor: pointer;
    color: var(--gs-text-muted);
    transition: all .2s ease;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.gs-pricing-toggle__btn--active {
    background: var(--gs-primary);
    color: #fff;
    box-shadow: 0 2px 8px rgba(99,102,241,.3);
}
.gs-pricing-toggle__save {
    font-size: .7rem;
    background: var(--gs-secondary);
    color: #fff;
    padding: 2px 8px;
    border-radius: 999px;
    font-weight: 700;
}
/* Features Grid */
.gs-features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: var(--gs-space-xl); }
.gs-feature-card { position: relative; padding: var(--gs-space-xl); background: var(--gs-bg-elevated); border: 1px solid var(--gs-border); border-radius: var(--gs-radius-xl); transition: all 0.3s var(--gs-ease-out); }
.gs-feature-card:hover { transform: translateY(-4px); border-color: var(--gs-border); box-shadow: var(--gs-shadow-lg); }
.gs-feature-card__icon { width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center; border-radius: var(--gs-radius-lg); margin-bottom: var(--gs-space-lg); }
.gs-feature-card__icon svg { width: 1.5rem; height: 1.5rem; color: white; }
.gs-feature-card__icon--primary { background: linear-gradient(135deg, var(--gs-primary), var(--gs-primary-light)); }
.gs-feature-card__icon--secondary { background: linear-gradient(135deg, var(--gs-secondary), var(--gs-secondary-dark)); }
.gs-feature-card__icon--accent { background: linear-gradient(135deg, var(--gs-accent), var(--gs-accent-dark)); }
.gs-feature-card__title { font-size: var(--gs-text-xl); margin-bottom: var(--gs-space-sm); }
.gs-feature-card__description { color: var(--gs-text-muted); font-size: var(--gs-text-sm); line-height: 1.6; }

/* Steps */
.gs-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: var(--gs-space-2xl); }
.gs-step { position: relative; text-align: center; padding: var(--gs-space-xl); }
.gs-step__number { width: 4rem; height: 4rem; display: flex; align-items: center; justify-content: center; margin: 0 auto var(--gs-space-lg); background: var(--gs-bg-elevated); border: 2px solid var(--gs-border); border-radius: 50%; font-family: var(--gs-font-display); font-size: var(--gs-text-2xl); font-weight: 700; color: var(--gs-primary); transition: all 0.3s var(--gs-ease-out); }
.gs-step:hover .gs-step__number { background: var(--gs-primary); border-color: var(--gs-primary); color: white; transform: scale(1.1); }
.gs-step__title { font-size: var(--gs-text-xl); margin-bottom: var(--gs-space-sm); }
.gs-step__description { color: var(--gs-text-muted); font-size: var(--gs-text-sm); }

/* CTA */
.gs-cta { position: relative; background: linear-gradient(135deg, var(--gs-primary) 0%, var(--gs-primary-dark) 50%, #312e81 100%); color: white; padding: var(--gs-space-5xl) 0; overflow: hidden; }
.gs-cta__pattern { position: absolute; inset: 0; background-image: radial-gradient(circle at 20% 50%, rgba(255, 255, 255, 0.1) 0%, transparent 50%), radial-gradient(circle at 80% 50%, rgba(255, 255, 255, 0.08) 0%, transparent 40%); }
.gs-cta__content { position: relative; text-align: center; max-width: 700px; margin: 0 auto; }
.gs-cta__title { font-size: var(--gs-text-4xl); margin-bottom: var(--gs-space-lg); color: white; }
.gs-cta__description { font-size: var(--gs-text-lg); opacity: 0.9; margin-bottom: var(--gs-space-2xl); max-width: 100%; }
.gs-cta__actions { display: flex; justify-content: center; flex-wrap: wrap; gap: var(--gs-space-md); }

/* Footer */
.gs-footer { background: var(--gs-bg-alt); border-top: 1px solid var(--gs-border); padding: var(--gs-space-4xl) 0 var(--gs-space-2xl); }
.gs-footer__grid { display: grid; grid-template-columns: 2fr repeat(3, 1fr); gap: var(--gs-space-3xl); margin-bottom: var(--gs-space-3xl); }
@media (max-width: 1024px) { .gs-footer__grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 640px) { .gs-footer__grid { grid-template-columns: 1fr; } }
.gs-footer__brand { max-width: 320px; }
.gs-footer__brand .gs-logo { margin-bottom: var(--gs-space-lg); }
.gs-footer__description { color: var(--gs-text-muted); font-size: var(--gs-text-sm); line-height: 1.7; margin-bottom: var(--gs-space-lg); }
.gs-footer__social { display: flex; gap: var(--gs-space-sm); }
.gs-footer__social-link { width: 2.25rem; height: 2.25rem; display: flex; align-items: center; justify-content: center; background: var(--gs-bg-elevated); border: 1px solid var(--gs-border); border-radius: var(--gs-radius-md); color: var(--gs-text-muted); transition: all 0.2s var(--gs-ease-out); }
.gs-footer__social-link:hover { color: var(--gs-primary); border-color: var(--gs-primary); }
.gs-footer__social-link svg { width: 1rem; height: 1rem; }
.gs-footer__column { min-width: 0; }
.gs-footer__heading { font-size: var(--gs-text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; color: var(--gs-text); margin-bottom: var(--gs-space-lg); }
.gs-footer__links { list-style: none; display: flex; flex-direction: column; gap: var(--gs-space-sm); }
.gs-footer__links a { font-size: var(--gs-text-sm); color: var(--gs-text-muted); transition: color 0.2s; }
.gs-footer__links a:hover { color: var(--gs-text); }
.gs-footer__bottom { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: var(--gs-space-lg); padding-top: var(--gs-space-2xl); border-top: 1px solid var(--gs-border); }
.gs-footer__copyright { font-size: var(--gs-text-sm); color: var(--gs-text-subtle); }
.gs-footer__copyright a { color: var(--gs-primary); }
.gs-footer__legal { display: flex; gap: var(--gs-space-lg); }
.gs-footer__legal a, .gs-footer__legal-links a { font-size: var(--gs-text-sm); color: var(--gs-text-subtle); }
.gs-footer__legal a:hover, .gs-footer__legal-links a:hover { color: var(--gs-text); }
.gs-footer__legal-links { display: flex; gap: var(--gs-space-lg); list-style: none; }

/* Forms */
.gs-form-group { margin-bottom: var(--gs-space-md); }
.gs-form-label { display: block; font-size: var(--gs-text-sm); font-weight: 500; color: var(--gs-text); margin-bottom: var(--gs-space-xs); }
.gs-form-label--required::after { content: ' *'; color: var(--gs-error); }
.gs-form-input { width: 100%; padding: 0.75rem 1rem; font-size: var(--gs-text-base); color: var(--gs-text); background: var(--gs-bg); border: 1px solid var(--gs-border); border-radius: var(--gs-radius-lg); transition: all 0.2s; }
.gs-form-input:focus { outline: none; border-color: var(--gs-primary); box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1); }
.gs-form-input::placeholder { color: var(--gs-text-subtle); }
.gs-form-checkbox { display: flex; align-items: flex-start; gap: var(--gs-space-sm); cursor: pointer; }
.gs-form-checkbox input { margin-top: 0.25rem; accent-color: var(--gs-primary); }
.gs-form-checkbox span { font-size: var(--gs-text-sm); color: var(--gs-text-muted); }
.gs-form-hint { font-size: var(--gs-text-sm); color: var(--gs-text-subtle); text-align: center; margin-top: var(--gs-space-md); }

/* Archive Pages */
.gs-archive-header { background: var(--gs-bg-alt); padding: var(--gs-space-4xl) 0; text-align: center; }
.gs-archive-header__title { margin-bottom: var(--gs-space-md); }
.gs-archive-header__description { color: var(--gs-text-muted); font-size: var(--gs-text-lg); max-width: 600px; margin: 0 auto; }
.gs-archive-filters { padding: var(--gs-space-lg) 0; border-bottom: 1px solid var(--gs-border); }
.gs-filter-tabs { display: flex; gap: var(--gs-space-sm); justify-content: center; flex-wrap: wrap; }
.gs-filter-tab { padding: var(--gs-space-sm) var(--gs-space-lg); font-size: var(--gs-text-sm); font-weight: 500; color: var(--gs-text-muted); background: transparent; border: 1px solid transparent; border-radius: var(--gs-radius-full); transition: all 0.2s; }
.gs-filter-tab:hover { color: var(--gs-text); background: var(--gs-bg-alt); }
.gs-filter-tab--active { color: var(--gs-primary); background: var(--gs-primary-50); border-color: var(--gs-primary); }

/* Single Webinar */
.gs-webinar-single__layout { display: grid; grid-template-columns: 1fr; gap: var(--gs-space-xl); }
@media (min-width: 1024px) { .gs-webinar-single__layout { grid-template-columns: 2fr 1fr; gap: var(--gs-space-3xl); } }
.gs-webinar-single__title { margin-bottom: var(--gs-space-md); }
.gs-webinar-single__excerpt { font-size: var(--gs-text-lg); color: var(--gs-text-muted); margin-bottom: var(--gs-space-lg); }
.gs-webinar-single__categories { display: flex; gap: var(--gs-space-sm); margin-bottom: var(--gs-space-md); }
.gs-webinar-single__featured-image { margin: var(--gs-space-lg) 0; border-radius: var(--gs-radius-xl); overflow: hidden; }
.gs-webinar-single__content { margin-top: var(--gs-space-xl); }
.gs-divider { border: none; height: 1px; background: var(--gs-border); margin: var(--gs-space-lg) 0; }
.gs-sidebar-card { background: var(--gs-bg-elevated); border: 1px solid var(--gs-border); border-radius: var(--gs-radius-xl); padding: var(--gs-space-xl); }
.gs-sidebar-card--sticky { position: sticky; top: 6rem; }
.gs-sidebar-card__title { font-size: var(--gs-text-xl); margin-bottom: var(--gs-space-lg); }
.gs-sidebar-card__subtitle { font-size: var(--gs-text-lg); margin-top: var(--gs-space-lg); margin-bottom: var(--gs-space-md); }
.gs-webinar-details { display: flex; flex-direction: column; gap: var(--gs-space-md); }
.gs-webinar-detail { display: flex; align-items: flex-start; gap: var(--gs-space-md); }
.gs-webinar-detail svg { width: 1.25rem; height: 1.25rem; color: var(--gs-primary); flex-shrink: 0; margin-top: 2px; }
.gs-webinar-detail strong { display: block; font-size: var(--gs-text-xs); font-weight: 500; color: var(--gs-text-subtle); text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 2px; }
.gs-price-free { color: var(--gs-secondary); font-weight: 600; }
.gs-feature-tag { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; background: rgba(16, 185, 129, 0.1); color: var(--gs-secondary); font-size: var(--gs-text-xs); font-weight: 500; border-radius: var(--gs-radius-md); }
.gs-feature-tag svg { width: 0.875rem; height: 0.875rem; }
.gs-webinar-features { display: flex; flex-wrap: wrap; gap: var(--gs-space-sm); margin-top: var(--gs-space-lg); }
.gs-live-badge { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; background: rgba(239, 68, 68, 0.1); color: #ef4444; font-size: var(--gs-text-sm); font-weight: 600; border-radius: var(--gs-radius-full); }
.gs-live-badge__dot { width: 8px; height: 8px; background: currentColor; border-radius: 50%; animation: gs-pulse 1s infinite; }

/* Tags */
.gs-tag { display: inline-flex; align-items: center; padding: 4px 10px; font-size: var(--gs-text-xs); font-weight: 600; color: var(--gs-primary); background: var(--gs-primary-50); border-radius: var(--gs-radius-full); transition: all 0.2s; }
.gs-tag:hover { background: var(--gs-primary-100); }
.gs-tag--outline { background: transparent; border: 1px solid var(--gs-border); color: var(--gs-text-muted); }
.gs-tag--outline:hover { border-color: var(--gs-primary); color: var(--gs-primary); }

/* 404 Page */
.gs-error-page { min-height: 60vh; display: flex; align-items: center; }
.gs-error-page__content { text-align: center; }
.gs-error-page__code { font-size: 8rem; font-weight: 800; font-family: var(--gs-font-display); background: linear-gradient(135deg, var(--gs-primary), var(--gs-secondary)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; line-height: 1; }
.gs-error-page__title { margin: var(--gs-space-md) 0; }
.gs-error-page__description { color: var(--gs-text-muted); font-size: var(--gs-text-lg); margin-bottom: var(--gs-space-xl); max-width: 100%; }
.gs-error-page__actions { display: flex; justify-content: center; gap: var(--gs-space-md); flex-wrap: wrap; }
.gs-error-page__search { margin-top: var(--gs-space-3xl); }
.gs-error-page__search p { color: var(--gs-text-muted); margin-bottom: var(--gs-space-md); }
.gs-search-form { display: flex; gap: var(--gs-space-sm); max-width: 400px; margin: 0 auto; }
.gs-search-form .gs-form-input { flex: 1; }
.gs-no-results { text-align: center; padding: var(--gs-space-4xl) 0; }
.gs-no-results__icon { width: 4rem; height: 4rem; color: var(--gs-text-subtle); margin: 0 auto var(--gs-space-lg); }
.gs-no-results h2 { margin-bottom: var(--gs-space-sm); }
.gs-no-results p { color: var(--gs-text-muted); margin-bottom: var(--gs-space-xl); max-width: 100%; }
.gs-no-results__actions { display: flex; justify-content: center; gap: var(--gs-space-md); flex-wrap: wrap; }

/* Pagination */
.gs-pagination { display: flex; justify-content: center; align-items: center; gap: var(--gs-space-xs); margin-top: var(--gs-space-3xl); flex-wrap: wrap; }
.gs-pagination .page-numbers, .gs-pagination a, .gs-pagination span { display: inline-flex; align-items: center; justify-content: center; min-width: 2.5rem; height: 2.5rem; padding: 0 var(--gs-space-md); font-size: var(--gs-text-sm); font-weight: 500; color: var(--gs-text-muted); background: var(--gs-bg-elevated); border: 1px solid var(--gs-border); border-radius: var(--gs-radius-md); transition: all 0.2s; }
.gs-pagination a:hover { color: var(--gs-text); border-color: var(--gs-gray-300); }
.gs-pagination .current { background: var(--gs-primary); border-color: var(--gs-primary); color: white; }

/* Prose */
.gs-prose { line-height: 1.75; }
.gs-prose h1, .gs-prose h2, .gs-prose h3, .gs-prose h4 { margin-top: 2em; margin-bottom: 0.75em; }
.gs-prose p { margin-bottom: 1.25em; }
.gs-prose a { color: var(--gs-primary); text-decoration: underline; text-underline-offset: 2px; }
.gs-prose a:hover { color: var(--gs-primary-dark); }
.gs-prose ul, .gs-prose ol { margin: 1.25em 0; padding-left: 1.5em; }
.gs-prose li { margin-bottom: 0.5em; }
.gs-prose img { border-radius: var(--gs-radius-lg); margin: 1.5em 0; }
.gs-prose blockquote { border-left: 4px solid var(--gs-primary); padding-left: var(--gs-space-lg); margin: 1.5em 0; font-style: italic; color: var(--gs-text-muted); }
.gs-prose pre, .gs-prose code { font-family: var(--gs-font-mono); font-size: var(--gs-text-sm); }
.gs-prose pre { background: var(--gs-bg-alt); border-radius: var(--gs-radius-lg); padding: var(--gs-space-lg); overflow-x: auto; margin: 1.5em 0; }
.gs-prose code { background: var(--gs-bg-alt); padding: 2px 6px; border-radius: var(--gs-radius-sm); }
.gs-prose pre code { background: none; padding: 0; }

/* Posts Grid */
.gs-posts-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: var(--gs-space-xl); }
.gs-post-card { background: var(--gs-bg-elevated); border: 1px solid var(--gs-border); border-radius: var(--gs-radius-xl); overflow: hidden; transition: all 0.3s var(--gs-ease-out); }
.gs-post-card:hover { transform: translateY(-4px); box-shadow: var(--gs-shadow-lg); }
.gs-post-card__image { aspect-ratio: 16/9; overflow: hidden; }
.gs-post-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s; }
.gs-post-card:hover .gs-post-card__image img { transform: scale(1.05); }
.gs-post-card__content { padding: var(--gs-space-lg); }
.gs-post-card__category { font-size: var(--gs-text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; color: var(--gs-primary); margin-bottom: var(--gs-space-sm); display: block; }
.gs-post-card__title { font-size: var(--gs-text-lg); margin-bottom: var(--gs-space-sm); }
.gs-post-card__title a { color: inherit; }
.gs-post-card__title a:hover { color: var(--gs-primary); }
.gs-post-card__excerpt { font-size: var(--gs-text-sm); color: var(--gs-text-muted); margin-bottom: var(--gs-space-md); }
.gs-post-card__meta { display: flex; justify-content: space-between; align-items: center; padding-top: var(--gs-space-md); border-top: 1px solid var(--gs-border); }
.gs-post-card__date { display: flex; align-items: center; gap: 6px; font-size: var(--gs-text-sm); color: var(--gs-text-muted); }
.gs-post-card__date svg { width: 1rem; height: 1rem; }
.gs-post-card__link { font-size: var(--gs-text-sm); font-weight: 600; color: var(--gs-primary); }

/* Single Article */
.gs-article__header { margin-bottom: var(--gs-space-xl); }
.gs-article__categories { display: flex; gap: var(--gs-space-sm); margin-bottom: var(--gs-space-md); }
.gs-article__title { margin-bottom: var(--gs-space-lg); }
.gs-article__meta { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: var(--gs-space-md); }
.gs-article__author { display: flex; align-items: center; gap: var(--gs-space-md); }
.gs-article__avatar { width: 40px; height: 40px; border-radius: 50%; }
.gs-article__author-name { font-weight: 600; color: var(--gs-text); display: block; }
.gs-article__date { font-size: var(--gs-text-sm); color: var(--gs-text-muted); }
.gs-article__reading-time { font-size: var(--gs-text-sm); color: var(--gs-text-subtle); }
.gs-article__featured-image { margin-bottom: var(--gs-space-xl); border-radius: var(--gs-radius-xl); overflow: hidden; }
.gs-article__footer { margin-top: var(--gs-space-xl); padding-top: var(--gs-space-xl); border-top: 1px solid var(--gs-border); }
.gs-article__tags { display: flex; align-items: center; gap: var(--gs-space-sm); flex-wrap: wrap; }
.gs-article__tags-label { font-weight: 500; color: var(--gs-text-muted); }
.gs-post-nav { display: grid; grid-template-columns: 1fr 1fr; gap: var(--gs-space-lg); margin-top: var(--gs-space-3xl); padding-top: var(--gs-space-xl); border-top: 1px solid var(--gs-border); }
@media (max-width: 640px) { .gs-post-nav { grid-template-columns: 1fr; } }
.gs-post-nav__link { display: block; padding: var(--gs-space-lg); background: var(--gs-bg-alt); border-radius: var(--gs-radius-lg); transition: all 0.2s; }
.gs-post-nav__link:hover { background: var(--gs-bg-elevated); box-shadow: var(--gs-shadow-md); }
.gs-post-nav__link--next { text-align: right; }
.gs-post-nav__label { font-size: var(--gs-text-sm); color: var(--gs-text-subtle); display: block; margin-bottom: var(--gs-space-xs); }
.gs-post-nav__title { font-weight: 600; color: var(--gs-text); }

/* Page Template */
.gs-page__header { text-align: center; margin-bottom: var(--gs-space-xl); }
.gs-page__featured-image { margin-bottom: var(--gs-space-xl); border-radius: var(--gs-radius-xl); overflow: hidden; }

/* Video Wrapper */
.gs-video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: var(--gs-radius-xl); background: var(--gs-gray-900); }
.gs-video-wrapper iframe, .gs-video-wrapper video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Utilities */
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
:focus-visible { outline: 2px solid var(--gs-primary); outline-offset: 2px; }
.wp-block-image img { border-radius: var(--gs-radius-lg); }
.alignwide { max-width: 1200px; margin-left: auto; margin-right: auto; }
.alignfull { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw); }

/* ── Pricing Toggle ──────────────────────────────────────────── */
.gs-pricing-toggle {
    display: inline-flex;
    background: var(--gs-surface-2, #f1f5f9);
    border-radius: 999px;
    padding: 4px;
    gap: 4px;
}
[data-theme="dark"] .gs-pricing-toggle { background: var(--gs-surface-2, #1e293b); }
.gs-pricing-toggle__btn {
    padding: 10px 24px;
    border-radius: 999px;
    border: none;
    background: transparent;
    font-weight: 600;
    font-size: .9rem;
    cursor: pointer;
    color: var(--gs-text-muted);
    transition: all .2s ease;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}
.gs-pricing-toggle__btn--active {
    background: var(--gs-primary);
    color: #fff;
    box-shadow: 0 2px 8px rgba(99,102,241,.3);
}
.gs-pricing-toggle__save {
    font-size: .7rem;
    background: var(--gs-secondary);
    color: #fff;
    padding: 2px 8px;
    border-radius: 999px;
    font-weight: 700;
}
.gs-footer__credit {
    opacity: .6;
    font-size: .85em;
}
.gs-footer__credit a {
    color: inherit;
    text-decoration: underline;
}

/* Event Grid */
.gs-event-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: var(--gs-space-xl); }
.gs-event-grid-card { background: var(--gs-bg-elevated); border: 1px solid var(--gs-border); border-radius: var(--gs-radius-xl); overflow: hidden; transition: all 0.3s var(--gs-ease-out); }
.gs-event-grid-card:hover { transform: translateY(-4px); box-shadow: var(--gs-shadow-lg); border-color: var(--gs-primary); }
.gs-event-grid-card__image { position: relative; aspect-ratio: 16/9; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.gs-event-grid-card__image-icon { width: 4rem; height: 4rem; background: rgba(255,255,255,0.2); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; backdrop-filter: blur(10px); flex-shrink: 0; }
.gs-event-grid-card__image-icon svg { width: 1.5rem; height: 1.5rem; flex-shrink: 0; }
.gs-event-grid-card__badge { position: absolute; top: var(--gs-space-md); left: var(--gs-space-md); padding: 4px 10px; background: rgba(0,0,0,0.6); color: white; font-size: var(--gs-text-xs); font-weight: 600; border-radius: var(--gs-radius-md); text-transform: uppercase; letter-spacing: 0.05em; backdrop-filter: blur(10px); }
.gs-event-grid-card__content { padding: var(--gs-space-lg); }
.gs-event-grid-card__category { font-size: var(--gs-text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; color: var(--gs-primary); margin-bottom: var(--gs-space-sm); display: block; }
.gs-event-grid-card__title { font-size: var(--gs-text-lg); line-height: 1.3; margin-bottom: var(--gs-space-sm); }
.gs-event-grid-card__title a { color: inherit; }
.gs-event-grid-card__title a:hover { color: var(--gs-primary); }
.gs-event-grid-card__date { display: flex; align-items: center; gap: 6px; font-size: var(--gs-text-sm); color: var(--gs-text-muted); padding-top: var(--gs-space-md); border-top: 1px solid var(--gs-border); margin-top: var(--gs-space-md); }
.gs-event-grid-card__date svg { width: 1rem; height: 1rem; flex-shrink: 0; }

/* Prose heading size overrides — prevent global h1-h4 sizes from being too large in page body */
.gs-prose h1 { font-size: var(--gs-text-3xl); }
.gs-prose h2 { font-size: var(--gs-text-2xl); }
.gs-prose h3 { font-size: clamp(1.1rem, 1rem + 0.5vw, 1.375rem); font-weight: 600; }
.gs-prose h4 { font-size: var(--gs-text-base); font-weight: 600; }
.gs-prose p, .gs-prose li { font-size: var(--gs-text-base); line-height: 1.75; color: var(--gs-text-muted); }

/* Spotlight feed */
.mc-spotlights { max-width: 100%; }
.mc-spotlight-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: var(--gs-space-xl); margin-top: var(--gs-space-2xl); }
.mc-spotlight-card { background: var(--gs-bg-elevated); border: 1px solid var(--gs-border); border-radius: var(--gs-radius-xl); overflow: hidden; transition: all 0.3s var(--gs-ease-out); }
.mc-spotlight-card:hover { transform: translateY(-2px); box-shadow: var(--gs-shadow-lg); }
.mc-spotlight-image { aspect-ratio: 16/9; background-size: cover; background-position: center; }
.mc-spotlight-body { padding: var(--gs-space-lg); }
.mc-spotlight-meta { display: flex; align-items: center; gap: var(--gs-space-sm); margin-bottom: var(--gs-space-md); }
.mc-spotlight-logo { width: 2.5rem; height: 2.5rem; border-radius: var(--gs-radius-md); object-fit: cover; flex-shrink: 0; }
.mc-spotlight-logo-placeholder { width: 2.5rem; height: 2.5rem; border-radius: var(--gs-radius-md); background: linear-gradient(135deg, var(--gs-primary), var(--gs-secondary)); color: white; font-weight: 700; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.mc-spotlight-meta-text { display: flex; flex-direction: column; gap: 2px; }
.mc-spotlight-meta-text strong { font-size: var(--gs-text-sm); color: var(--gs-text); }
.mc-tier-badge { font-size: var(--gs-text-xs); font-weight: 600; }
.mc-spotlight-title { font-size: var(--gs-text-lg); margin: 0 0 var(--gs-space-sm); line-height: 1.3; }
.mc-spotlight-content { font-size: var(--gs-text-sm); color: var(--gs-text-muted); line-height: 1.6; margin-bottom: var(--gs-space-md); }
.mc-spotlight-cta { display: inline-flex; align-items: center; padding: 8px 16px; background: var(--gs-primary); color: white; border-radius: var(--gs-radius-md); font-size: var(--gs-text-sm); font-weight: 600; text-decoration: none; transition: background 0.2s; margin-bottom: var(--gs-space-sm); }
.mc-spotlight-cta:hover { background: var(--gs-primary-dark); }
.mc-spotlight-date { display: block; font-size: var(--gs-text-xs); color: var(--gs-text-subtle); margin-top: var(--gs-space-sm); }
.mc-spotlight-submit-wrap { margin-bottom: var(--gs-space-2xl); }
.mc-spotlight-form { background: var(--gs-bg-elevated); border: 1px solid var(--gs-border); border-radius: var(--gs-radius-xl); padding: var(--gs-space-xl); margin-top: var(--gs-space-md); }
.mc-empty { text-align: center; color: var(--gs-text-muted); padding: var(--gs-space-3xl) 0; }

/* Member portal matching card */
.mc-portal-card { background: var(--gs-bg-elevated); border: 1px solid var(--gs-border); border-radius: var(--gs-radius-xl); padding: var(--gs-space-xl); margin-bottom: var(--gs-space-lg); }
.mc-portal-card h3 { font-size: var(--gs-text-xl); margin-bottom: var(--gs-space-md); }
.mc-form-group { margin-bottom: var(--gs-space-md); }
.mc-form-group label { display: block; font-size: var(--gs-text-sm); font-weight: 500; margin-bottom: var(--gs-space-xs); color: var(--gs-text); }
.mc-form-group textarea { width: 100%; padding: 0.75rem 1rem; font-size: var(--gs-text-sm); border: 1px solid var(--gs-border); border-radius: var(--gs-radius-lg); background: var(--gs-bg); color: var(--gs-text); resize: vertical; }
.mc-form-group textarea:focus { outline: none; border-color: var(--gs-primary); box-shadow: 0 0 0 3px rgba(99,102,241,0.1); }
.mc-form-notice { padding: 12px 16px; border-radius: var(--gs-radius-md); font-size: var(--gs-text-sm); margin-top: var(--gs-space-sm); }
.mc-notice--success { background: rgba(16,185,129,0.1); color: var(--gs-secondary); border: 1px solid rgba(16,185,129,0.3); }
.mc-notice--error { background: rgba(239,68,68,0.1); color: var(--gs-error); border: 1px solid rgba(239,68,68,0.3); }
.mc-btn { display: inline-flex; align-items: center; justify-content: center; padding: 0.75rem 1.5rem; font-weight: 600; font-size: var(--gs-text-sm); border-radius: var(--gs-radius-lg); cursor: pointer; transition: all 0.2s; border: none; text-decoration: none; }
.mc-btn--primary { background: var(--gs-primary); color: white; }
.mc-btn--primary:hover { background: var(--gs-primary-dark); }
.mc-btn--ghost { background: transparent; color: var(--gs-text-muted); border: 1px solid var(--gs-border); }
.mc-btn--ghost:hover { background: var(--gs-bg-alt); }

/* ── Page Header (used by page.php and dedicated templates) ── */
.gs-page-header { background: var(--gs-bg-alt); border-bottom: 1px solid var(--gs-border); padding: var(--gs-space-4xl) 0 var(--gs-space-3xl); }
.gs-page-header__inner { max-width: 700px; }
.gs-page-header__inner--center { text-align: center; margin: 0 auto; }
.gs-page-header__title { font-size: var(--gs-text-4xl); margin-bottom: var(--gs-space-md); }
.gs-page-header__subtitle { font-size: var(--gs-text-lg); color: var(--gs-text-muted); line-height: 1.6; max-width: 100%; margin: 0; }

/* ── Page Content (page.php body) ── */
.gs-page-content { padding: var(--gs-space-4xl) 0; }
.gs-page-body { max-width: 100%; }
.gs-page-body__image { margin-bottom: var(--gs-space-2xl); border-radius: var(--gs-radius-xl); overflow: hidden; }

/* ── Contact Page Layout ── */
.gs-contact-layout { display: grid; grid-template-columns: 1fr 1.4fr; gap: var(--gs-space-4xl); align-items: start; }
@media (max-width: 900px) { .gs-contact-layout { grid-template-columns: 1fr; gap: var(--gs-space-2xl); } }

.gs-contact-details__heading { font-size: var(--gs-text-2xl); margin-bottom: var(--gs-space-xl); }

.gs-contact-cards { display: flex; flex-direction: column; gap: var(--gs-space-md); }

.gs-contact-card { display: flex; align-items: flex-start; gap: var(--gs-space-lg); padding: var(--gs-space-lg); background: var(--gs-bg-elevated); border: 1px solid var(--gs-border); border-radius: var(--gs-radius-xl); transition: all 0.2s var(--gs-ease-out); }
.gs-contact-card:hover { border-color: var(--gs-primary); box-shadow: var(--gs-shadow-md); }

.gs-contact-card__icon { width: 3rem; height: 3rem; border-radius: var(--gs-radius-lg); display: flex; align-items: center; justify-content: center; color: white; flex-shrink: 0; }
.gs-contact-card__icon--primary { background: linear-gradient(135deg, var(--gs-primary), var(--gs-primary-dark)); }
.gs-contact-card__icon--secondary { background: linear-gradient(135deg, var(--gs-secondary), var(--gs-secondary-dark)); }
.gs-contact-card__icon--accent { background: linear-gradient(135deg, var(--gs-accent), var(--gs-accent-dark)); }

.gs-contact-card__body { flex: 1; min-width: 0; }
.gs-contact-card__label { font-size: var(--gs-text-xs); font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; color: var(--gs-text-subtle); margin: 0 0 4px; }
.gs-contact-card__value { display: block; font-size: var(--gs-text-base); font-weight: 500; color: var(--gs-text); text-decoration: none; }
a.gs-contact-card__value:hover { color: var(--gs-primary); }
.gs-contact-card__note { font-size: var(--gs-text-sm); color: var(--gs-text-subtle); margin: 4px 0 0; }

.gs-contact-social { margin-top: var(--gs-space-xl); }
.gs-contact-social__label { font-size: var(--gs-text-sm); font-weight: 600; color: var(--gs-text-muted); margin-bottom: var(--gs-space-sm); }

/* ── Contact Form Card ── */
.gs-contact-form-card { background: var(--gs-bg-elevated); border: 1px solid var(--gs-border); border-radius: var(--gs-radius-2xl); padding: var(--gs-space-2xl); box-shadow: var(--gs-shadow-lg); }
.gs-contact-form-card__heading { font-size: var(--gs-text-2xl); margin-bottom: var(--gs-space-xs); }
.gs-contact-form-card__subheading { color: var(--gs-text-muted); font-size: var(--gs-text-sm); margin-bottom: var(--gs-space-xl); }
.gs-contact-form__row--split { display: grid; grid-template-columns: 1fr 1fr; gap: var(--gs-space-md); }
@media (max-width: 640px) { .gs-contact-form__row--split { grid-template-columns: 1fr; } }
.gs-contact-form__textarea { min-height: 130px; resize: vertical; }
.gs-form-input[type=select], select.gs-form-input { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 1rem center; padding-right: 2.5rem; cursor: pointer; }

/* ── About page / inner content pages ── */
.gs-prose .wp-block-heading { margin-top: 2.5rem; }
.gs-prose .wp-block-heading:first-child { margin-top: 0; }
.gs-prose .wp-block-list { padding-left: 1.5rem; margin: 1rem 0 1.5rem; }
.gs-prose .wp-block-list li { margin-bottom: 0.5rem; color: var(--gs-text-muted); line-height: 1.7; }

/* ══════════════════════════════════════════════════════
   ABOUT PAGE TEMPLATE
═══════════════════════════════════════════════════════ */

/* Eyebrow label reused across about sections */
.mc-about-eyebrow { display: inline-flex; align-items: center; gap: 6px; padding: 5px 14px; background: var(--gs-primary-50); color: var(--gs-primary); font-size: var(--gs-text-xs); font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; border-radius: var(--gs-radius-full); margin-bottom: var(--gs-space-md); }

/* ── About Hero ── */
.mc-about-hero { position: relative; padding: var(--gs-space-5xl) 0; overflow: hidden; background: var(--gs-bg); border-bottom: 1px solid var(--gs-border); }
.mc-about-hero__bg { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.mc-about-hero__mesh { position: absolute; inset: 0; background: radial-gradient(ellipse 70% 50% at 10% 50%, rgba(99,102,241,0.12), transparent), radial-gradient(ellipse 50% 40% at 90% 60%, rgba(16,185,129,0.08), transparent); }
.mc-about-hero__grid { position: absolute; inset: 0; background-image: linear-gradient(var(--gs-border-subtle) 1px, transparent 1px), linear-gradient(90deg, var(--gs-border-subtle) 1px, transparent 1px); background-size: 60px 60px; mask-image: linear-gradient(to bottom, transparent 0%, black 20%, black 80%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 20%, black 80%, transparent 100%); }
.mc-about-hero__orb { position: absolute; border-radius: 50%; filter: blur(80px); animation: gs-float 20s ease-in-out infinite; pointer-events: none; }
.mc-about-hero__orb--1 { width: 500px; height: 500px; background: var(--gs-primary); opacity: 0.1; top: -150px; right: -150px; }
.mc-about-hero__orb--2 { width: 350px; height: 350px; background: var(--gs-secondary); opacity: 0.08; bottom: -100px; left: -100px; animation-delay: -8s; }
.mc-about-hero__inner { position: relative; z-index: 1; max-width: 860px; }
.mc-about-hero__eyebrow { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px 6px 6px; background: var(--gs-bg-elevated); border: 1px solid var(--gs-border); border-radius: var(--gs-radius-full); font-size: var(--gs-text-sm); color: var(--gs-text-muted); margin-bottom: var(--gs-space-xl); }
.mc-about-hero__eyebrow-badge { display: flex; align-items: center; gap: 5px; padding: 4px 10px; background: linear-gradient(135deg, var(--gs-primary), var(--gs-primary-dark)); color: white; font-size: var(--gs-text-xs); font-weight: 700; border-radius: var(--gs-radius-full); text-transform: uppercase; letter-spacing: 0.06em; }
.mc-about-hero__title { font-size: var(--gs-text-5xl); margin-bottom: var(--gs-space-lg); line-height: 1.05; }
.mc-about-hero__title-gradient { background: linear-gradient(135deg, var(--gs-primary) 0%, var(--gs-secondary) 100%); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.mc-about-hero__description { font-size: var(--gs-text-xl); color: var(--gs-text-muted); line-height: 1.65; max-width: 680px; margin-bottom: var(--gs-space-2xl); }
.mc-about-hero__actions { display: flex; flex-wrap: wrap; gap: var(--gs-space-md); margin-bottom: var(--gs-space-3xl); }
.mc-about-hero__stats { display: flex; flex-wrap: wrap; align-items: center; gap: var(--gs-space-xl); padding-top: var(--gs-space-2xl); border-top: 1px solid var(--gs-border); }
.mc-about-hero__stat { display: flex; flex-direction: column; gap: 3px; }
.mc-about-hero__stat-value { font-family: var(--gs-font-display); font-size: var(--gs-text-3xl); font-weight: 800; color: var(--gs-text); }
.mc-about-hero__stat-label { font-size: var(--gs-text-sm); color: var(--gs-text-subtle); }
.mc-about-hero__stat-divider { width: 1px; height: 3rem; background: var(--gs-border); }
@media (max-width: 640px) { .mc-about-hero__stat-divider { display: none; } .mc-about-hero__stats { gap: var(--gs-space-lg); } }

/* Feature card tags */
.gs-feature-card__tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: var(--gs-space-md); padding-top: var(--gs-space-md); border-top: 1px solid var(--gs-border); }

/* ── Alternating feature rows ── */
.mc-about-feature-rows { display: flex; flex-direction: column; gap: var(--gs-space-3xl); }
.mc-about-feature-row { display: grid; grid-template-columns: 280px 1fr; gap: var(--gs-space-3xl); align-items: center; }
.mc-about-feature-row--reverse { grid-template-columns: 1fr 280px; }
.mc-about-feature-row--reverse .mc-about-feature-row__visual { order: 2; }
.mc-about-feature-row--reverse .mc-about-feature-row__content { order: 1; }
@media (max-width: 768px) {
    .mc-about-feature-row, .mc-about-feature-row--reverse { grid-template-columns: 1fr; }
    .mc-about-feature-row--reverse .mc-about-feature-row__visual, .mc-about-feature-row--reverse .mc-about-feature-row__content { order: unset; }
}
.mc-about-feature-row__visual { aspect-ratio: 1; border-radius: var(--gs-radius-2xl); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--gs-space-md); min-height: 200px; }
.mc-about-feature-row__visual--purple { background: linear-gradient(135deg, rgba(99,102,241,0.15) 0%, rgba(99,102,241,0.05) 100%); border: 1px solid rgba(99,102,241,0.2); }
.mc-about-feature-row__visual--green  { background: linear-gradient(135deg, rgba(16,185,129,0.15) 0%, rgba(16,185,129,0.05) 100%); border: 1px solid rgba(16,185,129,0.2); }
.mc-about-feature-row__visual--amber  { background: linear-gradient(135deg, rgba(245,158,11,0.15) 0%, rgba(245,158,11,0.05) 100%); border: 1px solid rgba(245,158,11,0.2); }
.mc-about-feature-row__icon-wrap { width: 5rem; height: 5rem; border-radius: var(--gs-radius-2xl); background: var(--gs-bg-elevated); border: 1px solid var(--gs-border); display: flex; align-items: center; justify-content: center; color: var(--gs-primary); box-shadow: var(--gs-shadow-md); }
.mc-about-feature-row__visual--green .mc-about-feature-row__icon-wrap { color: var(--gs-secondary); }
.mc-about-feature-row__visual--amber .mc-about-feature-row__icon-wrap { color: var(--gs-accent); }
.mc-about-feature-row__visual-label { font-size: var(--gs-text-sm); font-weight: 600; color: var(--gs-text-muted); }
.mc-about-feature-row__content h3 { font-size: var(--gs-text-2xl); margin-bottom: var(--gs-space-md); }
.mc-about-feature-row__content p { color: var(--gs-text-muted); line-height: 1.7; margin-bottom: var(--gs-space-lg); }
.mc-about-feature-row__list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: var(--gs-space-sm); }
.mc-about-feature-row__list li { display: flex; align-items: center; gap: 10px; font-size: var(--gs-text-sm); color: var(--gs-text-muted); }
.mc-about-feature-row__list li::before { content: ''; width: 6px; height: 6px; background: var(--gs-primary); border-radius: 50%; flex-shrink: 0; }

/* ── How it works steps ── */
.mc-about-steps { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; gap: 0; align-items: start; }
@media (max-width: 900px) { .mc-about-steps { grid-template-columns: 1fr 1fr; gap: var(--gs-space-xl); } .mc-about-step__connector { display: none; } }
@media (max-width: 560px) { .mc-about-steps { grid-template-columns: 1fr; } }
.mc-about-step { padding: var(--gs-space-xl); background: var(--gs-bg-elevated); border: 1px solid var(--gs-border); border-radius: var(--gs-radius-xl); transition: all 0.3s var(--gs-ease-out); }
.mc-about-step:hover { border-color: var(--gs-primary); box-shadow: var(--gs-shadow-lg); transform: translateY(-4px); }
.mc-about-step__number { font-family: var(--gs-font-display); font-size: var(--gs-text-4xl); font-weight: 900; line-height: 1; background: linear-gradient(135deg, var(--gs-primary), var(--gs-secondary)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: var(--gs-space-md); }
.mc-about-step__content h4 { font-size: var(--gs-text-lg); margin-bottom: var(--gs-space-sm); }
.mc-about-step__content p { font-size: var(--gs-text-sm); color: var(--gs-text-muted); line-height: 1.65; margin: 0; }
.mc-about-step__connector { display: flex; align-items: center; justify-content: center; padding: 0 var(--gs-space-sm); margin-top: 2.5rem; color: var(--gs-border); }
.mc-about-step__connector::after { content: ''; display: block; width: 2rem; height: 2px; background: linear-gradient(90deg, var(--gs-primary), var(--gs-secondary)); border-radius: 2px; }

/* ── Membership tier comparison ── */
.mc-about-tiers { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--gs-space-lg); align-items: start; }
.mc-about-tier { position: relative; background: var(--gs-bg-elevated); border: 1px solid var(--gs-border); border-radius: var(--gs-radius-xl); padding: var(--gs-space-xl); transition: all 0.3s var(--gs-ease-out); }
.mc-about-tier:hover { border-color: var(--gs-primary); box-shadow: var(--gs-shadow-lg); transform: translateY(-4px); }
.mc-about-tier--featured { border-color: var(--gs-primary); box-shadow: var(--gs-shadow-glow), var(--gs-shadow-lg); transform: translateY(-8px); }
.mc-about-tier--featured:hover { transform: translateY(-12px); }
.mc-about-tier__badge { position: absolute; top: -14px; left: 50%; transform: translateX(-50%); padding: 4px 16px; background: linear-gradient(135deg, var(--gs-primary), var(--gs-primary-dark)); color: white; font-size: var(--gs-text-xs); font-weight: 700; border-radius: var(--gs-radius-full); white-space: nowrap; letter-spacing: 0.05em; text-transform: uppercase; }
.mc-about-tier__header { text-align: center; margin-bottom: var(--gs-space-xl); padding-bottom: var(--gs-space-xl); border-bottom: 1px solid var(--gs-border); }
.mc-about-tier__icon { width: 3rem; height: 3rem; border-radius: 50%; margin: 0 auto var(--gs-space-md); display: flex; align-items: center; justify-content: center; }
.mc-about-tier__icon--bronze   { background: linear-gradient(135deg, #cd7f32, #a0522d); color: white; }
.mc-about-tier__icon--silver   { background: linear-gradient(135deg, #a8a9ad, #6b7280); color: white; }
.mc-about-tier__icon--gold     { background: linear-gradient(135deg, #f59e0b, #d97706); color: white; }
.mc-about-tier__icon--platinum { background: linear-gradient(135deg, #6366f1, #4f46e5); color: white; }
.mc-about-tier__name { font-size: var(--gs-text-xl); font-weight: 700; margin-bottom: var(--gs-space-sm); }
.mc-about-tier__price { display: flex; align-items: baseline; justify-content: center; gap: 2px; }
.mc-about-tier__price-amount { font-family: var(--gs-font-display); font-size: var(--gs-text-3xl); font-weight: 800; color: var(--gs-text); }
.mc-about-tier__price-period { font-size: var(--gs-text-sm); color: var(--gs-text-subtle); }
.mc-about-tier__benefits { list-style: none; padding: 0; margin: 0 0 var(--gs-space-xl); display: flex; flex-direction: column; gap: var(--gs-space-sm); }
.mc-about-tier__benefit { display: flex; align-items: center; gap: var(--gs-space-sm); font-size: var(--gs-text-sm); color: var(--gs-text-muted); }
.mc-about-tier__benefit svg { flex-shrink: 0; color: var(--gs-secondary); }

/* ── Trust strip ── */
.mc-about-trust { display: flex; flex-wrap: wrap; justify-content: center; gap: var(--gs-space-2xl) var(--gs-space-3xl); padding: var(--gs-space-xl) 0; border-top: 1px solid var(--gs-border); border-bottom: 1px solid var(--gs-border); }
.mc-about-trust__item { display: flex; align-items: center; gap: var(--gs-space-sm); font-size: var(--gs-text-sm); font-weight: 500; color: var(--gs-text-muted); }
.mc-about-trust__item svg { color: var(--gs-primary); flex-shrink: 0; }