:root {
        --gc-ink: #18141d;
        --gc-muted: #686170;
        --gc-line: rgba(24, 20, 29, 0.1);
        --gc-primary: #9a8db8;
        --gc-primary-dark: #51485f;
        --gc-secondary: #c9a765;
        --gc-soft: #f7f4fb;
        --gc-cream: #fffdf8;
        --gc-white: rgba(255, 255, 255, 0.92);
      }

      html {
        scroll-behavior: smooth;
      }

      body {
        margin: 0;
        color: var(--gc-ink);
        background:
          radial-gradient(circle at 14% 7%, rgba(154, 141, 184, 0.12), transparent 32%),
          radial-gradient(circle at 88% 10%, rgba(201, 167, 101, 0.12), transparent 30%),
          linear-gradient(180deg, #fffdf8 0%, #fbf8f1 42%, #f7f4fb 72%, #fffdf8 100%);
      }

      .gc-page {
        overflow-x: hidden;
        padding-top: 108px;
      }

      .gc-container {
        width: min(1180px, calc(100% - 32px));
        margin: 0 auto;
      }

      .gc-header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 1000;
  background: rgba(255, 255, 255, 0.22);
  border-bottom: 1px solid rgba(255, 255, 255, 0.28);
  backdrop-filter: blur(20px) saturate(160%);
  -webkit-backdrop-filter: blur(20px) saturate(160%);
  box-shadow: 0 12px 34px rgba(31, 27, 36, 0.035);
  transition: 0.25s ease;
}

     .gc-header.scrolled {
  background: rgba(255, 255, 255, 0.34);
  border-bottom: 1px solid rgba(255, 255, 255, 0.36);
  box-shadow: 0 18px 42px rgba(31, 27, 36, 0.065);
}

      .gc-header-inner {
        min-height: 108px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 24px;
      }

      .gc-brand {
        display: flex;
        align-items: center;
        gap: 20px;
        text-decoration: none;
        color: var(--gc-ink);
        min-width: 330px;
      }

      .gc-logo-wrap {
        display: flex;
        align-items: center;
        width: 200px;
        height: 88px;
        overflow: visible;
      }

      .gc-logo {
        display: block;
        height: 92px;
        width: auto;
        max-width: 250px;
        object-fit: contain;
        transform: scale(1.18);
        transform-origin: left center;
      }

      .gc-brand-title {
        margin: 0;
        font-size: 16px;
        font-weight: 950;
        line-height: 1.05;
      }

      .gc-brand-subtitle {
        margin: 5px 0 0;
        font-size: 12px;
        font-weight: 700;
        color: var(--gc-muted);
      }

      .gc-nav {
        display: flex;
        align-items: center;
        gap: 5px;
      }

      .gc-nav a {
        border-radius: 999px;
        padding: 10px 11px;
        font-size: 13px;
        font-weight: 850;
        color: var(--gc-ink);
        text-decoration: none;
        transition: 0.2s ease;
      }

      .gc-nav a:hover,
      .gc-nav a.active {
        background: rgba(124, 111, 159, 0.12);
        color: var(--gc-primary-dark);
        transform: translateY(-1px);
      }

      .gc-btn-primary,
      .gc-btn-soft {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 16px;
        padding: 14px 20px;
        font-weight: 950;
        text-decoration: none;
        transition: 0.24s ease;
      }

      .gc-btn-primary {
        color: white;
        background: linear-gradient(135deg, var(--gc-ink), var(--gc-primary-dark) 58%, var(--gc-secondary));
        box-shadow: 0 18px 38px rgba(24, 20, 29, 0.18);
      }

      .gc-btn-soft {
        color: var(--gc-ink);
        border: 1px solid var(--gc-line);
        background: rgba(255, 255, 255, 0.82);
      }

      .gc-btn-primary:hover,
      .gc-btn-soft:hover {
        transform: translateY(-2px);
      }

      .gc-header-cta {
        white-space: nowrap;
        padding: 13px 18px;
        font-size: 14px;
      }

      .gc-menu-toggle {
        display: none;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        gap: 5px;
        width: 50px;
        height: 50px;
        border: 1px solid rgba(24, 20, 29, 0.1);
        border-radius: 18px;
        background: rgba(255, 255, 255, 0.88);
        box-shadow: 0 16px 34px rgba(24, 20, 29, 0.08);
        cursor: pointer;
        transition: 0.24s ease;
      }

      .gc-menu-toggle:hover {
        transform: translateY(-1px);
        border-color: rgba(154, 141, 184, 0.34);
        background: rgba(255, 255, 255, 0.96);
      }

      .gc-menu-toggle span {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 999px;
        background: var(--gc-ink);
        transition: 0.24s ease;
      }

      .gc-menu-toggle.open span:nth-child(1) {
        transform: translateY(7px) rotate(45deg);
      }

      .gc-menu-toggle.open span:nth-child(2) {
        opacity: 0;
      }

      .gc-menu-toggle.open span:nth-child(3) {
        transform: translateY(-7px) rotate(-45deg);
      }

      .gc-mobile-menu {
        display: none;
      }

      .gc-hero {
        padding: 82px 0 58px;
      }

      .gc-hero-grid {
        display: grid;
        grid-template-columns: 0.95fr 1.05fr;
        align-items: center;
        gap: 44px;
      }

      .gc-chip {
        display: inline-flex;
        align-items: center;
        border-radius: 999px;
        border: 1px solid rgba(201, 167, 101, 0.28);
        background: rgba(255, 255, 255, 0.86);
        padding: 9px 14px;
        font-size: 11px;
        font-weight: 950;
        letter-spacing: 0.16em;
        text-transform: uppercase;
        color: var(--gc-primary-dark);
      }

      .gc-title {
        margin: 24px 0 0;
        max-width: 780px;
        font-size: clamp(3.1rem, 6.7vw, 5.7rem);
        line-height: 0.94;
        letter-spacing: -0.065em;
        font-weight: 1000;
      }

      .gc-lead {
        margin: 26px 0 0;
        max-width: 670px;
        color: var(--gc-muted);
        font-size: 18px;
        font-weight: 650;
        line-height: 1.8;
      }

      .gc-highlight {
        color: var(--gc-primary-dark);
        font-weight: 950;
      }

      .gc-actions {
        margin-top: 30px;
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
      }

      .gc-metrics {
        margin-top: 34px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
      }

      .gc-metric {
        border: 1px solid var(--gc-line);
        border-radius: 22px;
        background: rgba(255, 255, 255, 0.72);
        padding: 18px;
      }

      .gc-metric strong {
        display: block;
        font-size: 30px;
        line-height: 1;
        font-weight: 1000;
      }

      .gc-metric span {
        display: block;
        margin-top: 7px;
        font-size: 14px;
        font-weight: 800;
        color: var(--gc-muted);
      }

      .gc-card {
        border: 1px solid rgba(24, 20, 29, 0.09);
        border-radius: 34px;
        background: var(--gc-white);
        box-shadow:
          0 22px 60px rgba(24, 20, 29, 0.065),
          inset 0 1px 0 rgba(255, 255, 255, 0.9);
        backdrop-filter: blur(18px);
      }

      .gc-hero-card {
        padding: 26px;
      }

      .gc-preview-grid {
        display: grid;
        grid-template-columns: 0.82fr 1fr;
        gap: 26px;
        align-items: center;
      }

      .gc-phone {
        width: min(100%, 310px);
        margin: 0 auto;
        overflow: hidden;
        border-radius: 38px;
        border: 10px solid var(--gc-ink);
        background: white;
        box-shadow: 0 25px 70px rgba(31, 27, 36, 0.2);
      }

      .gc-phone-top {
        padding: 32px 18px 20px;
      }

      .gc-profile {
        display: flex;
        align-items: center;
        gap: 12px;
        border-bottom: 1px solid rgba(31, 27, 36, 0.08);
        padding-bottom: 16px;
      }

      .gc-avatar {
        display: grid;
        place-items: center;
        width: 46px;
        height: 46px;
        border-radius: 999px;
        background: var(--gc-soft);
        color: var(--gc-primary-dark);
        font-weight: 1000;
      }

      .gc-profile p {
        margin: 0;
        font-weight: 1000;
      }

      .gc-profile span {
        display: block;
        margin-top: 2px;
        color: var(--gc-muted);
        font-size: 12px;
        font-weight: 700;
      }

      .gc-phone-feed {
        margin-top: 16px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
      }

      .gc-phone-post {
        aspect-ratio: 1;
        border-radius: 14px;
        background: linear-gradient(135deg, var(--gc-soft), var(--gc-cream));
      }

      .gc-phone-campaign {
        margin-top: 16px;
        border-radius: 22px;
        background: var(--gc-ink);
        color: white;
        padding: 18px;
      }

      .gc-phone-campaign small {
        color: #e9d8a6;
        font-weight: 950;
        letter-spacing: 0.12em;
        text-transform: uppercase;
      }

      .gc-phone-campaign p {
        margin: 8px 0 0;
        font-size: 18px;
        font-weight: 1000;
        line-height: 1.25;
      }

      .gc-preview-text h2 {
        margin: 18px 0 0;
        font-size: 34px;
        line-height: 1.05;
        letter-spacing: -0.035em;
        font-weight: 1000;
      }

      .gc-preview-text p {
        color: var(--gc-muted);
        font-size: 15px;
        font-weight: 650;
        line-height: 1.8;
      }

      .gc-mini-list {
        display: grid;
        gap: 12px;
        margin-top: 18px;
      }

      .gc-mini-item {
        border: 1px solid var(--gc-line);
        border-radius: 20px;
        background: rgba(255, 255, 255, 0.78);
        padding: 16px;
      }

      .gc-mini-item strong {
        display: block;
        font-weight: 1000;
      }

      .gc-mini-item span {
        display: block;
        margin-top: 5px;
        color: var(--gc-muted);
        font-size: 14px;
        font-weight: 650;
      }

      .gc-dashboard {
        position: relative;
        overflow: hidden;
        margin-top: 24px;
        border: 1px solid rgba(201, 167, 101, 0.22);
        border-radius: 30px;
        background:
          radial-gradient(circle at 10% 0%, rgba(154, 141, 184, 0.13), transparent 32%),
          radial-gradient(circle at 92% 12%, rgba(201, 167, 101, 0.16), transparent 30%),
          linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(255, 253, 248, 0.92));
        padding: 22px;
        box-shadow:
          0 20px 48px rgba(24, 20, 29, 0.07),
          inset 0 1px 0 rgba(255, 255, 255, 0.92);
      }

      .gc-dashboard::before {
        content: "";
        position: absolute;
        inset: auto -70px -90px auto;
        width: 220px;
        height: 220px;
        border-radius: 999px;
        background: rgba(124, 111, 159, 0.12);
        pointer-events: none;
      }

      .gc-dashboard-top {
        position: relative;
        z-index: 1;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 18px;
      }

      .gc-dashboard-kicker {
        display: inline-flex;
        align-items: center;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.82);
        padding: 7px 10px;
        color: var(--gc-primary-dark);
        font-size: 10px;
        font-weight: 950;
        letter-spacing: 0.14em;
        text-transform: uppercase;
      }

      .gc-dashboard h3 {
        margin: 14px 0 0;
        font-size: clamp(1.7rem, 3vw, 2.5rem);
        line-height: 1;
        letter-spacing: -0.04em;
        font-weight: 1000;
      }

      .gc-dashboard-status {
        flex: 0 0 auto;
        border-radius: 999px;
        background: var(--gc-ink);
        color: white;
        padding: 8px 12px;
        font-size: 11px;
        font-weight: 950;
        letter-spacing: 0.1em;
        text-transform: uppercase;
      }

      .gc-dashboard-grid {
        position: relative;
        z-index: 1;
        margin-top: 20px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
      }

      .gc-dashboard-metric {
        min-height: 120px;
        border: 1px solid rgba(201, 167, 101, 0.16);
        border-radius: 22px;
        background: rgba(255, 255, 255, 0.86);
        padding: 18px;
      }

      .gc-dashboard-metric strong {
        display: block;
        color: var(--gc-ink);
        font-size: clamp(2rem, 4vw, 3rem);
        line-height: 0.9;
        letter-spacing: -0.05em;
        font-weight: 1000;
      }

      .gc-dashboard-metric span {
        display: block;
        margin-top: 12px;
        color: var(--gc-primary-dark);
        font-size: 14px;
        font-weight: 1000;
        line-height: 1.25;
      }

      .gc-dashboard-metric small {
        display: block;
        margin-top: 8px;
        color: var(--gc-muted);
        font-size: 12px;
        font-weight: 700;
        line-height: 1.45;
      }

      .gc-section {
        padding: 58px 0;
        scroll-margin-top: 130px;
      }

      .gc-section-title {
        margin: 18px 0 0;
        max-width: 850px;
        font-size: clamp(2.2rem, 4vw, 3.6rem);
        line-height: 1;
        letter-spacing: -0.045em;
        font-weight: 1000;
      }

      .gc-section-text {
        margin-top: 18px;
        max-width: 830px;
        color: var(--gc-muted);
        font-size: 16px;
        font-weight: 650;
        line-height: 1.8;
      }

      .gc-level-compare {
        margin-top: 36px;
        display: grid;
        grid-template-columns: 0.92fr 1.08fr;
        gap: 24px;
        align-items: stretch;
      }

      .gc-level-card {
        position: relative;
        overflow: hidden;
        padding: 30px;
      }

      .gc-level-card::before {
        content: "";
        position: absolute;
        inset: auto -80px -120px auto;
        width: 260px;
        height: 260px;
        border-radius: 999px;
        background: rgba(124, 111, 159, 0.12);
        pointer-events: none;
      }

      .gc-level-card.fitflow {
        background: rgba(255, 255, 255, 0.74);
      }

      .gc-level-card.glowclinic {
        background:
          radial-gradient(circle at 18% 10%, rgba(154, 141, 184, 0.12), transparent 30%),
          radial-gradient(circle at 90% 20%, rgba(201, 167, 101, 0.16), transparent 28%),
          linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(255, 253, 248, 0.94));
        border-color: rgba(201, 167, 101, 0.24);
        box-shadow:
          0 26px 70px rgba(24, 20, 29, 0.08),
          inset 0 1px 0 rgba(255, 255, 255, 0.9);
      }

      .gc-level-top {
        position: relative;
        z-index: 1;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
      }

      .gc-level-badge {
        display: inline-flex;
        align-items: center;
        border-radius: 999px;
        padding: 8px 12px;
        background: rgba(255, 255, 255, 0.78);
        color: var(--gc-primary-dark);
        font-size: 11px;
        font-weight: 950;
        letter-spacing: 0.13em;
        text-transform: uppercase;
      }

      .gc-level-price {
        border-radius: 999px;
        background: var(--gc-ink);
        color: white;
        padding: 8px 12px;
        font-size: 11px;
        font-weight: 950;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .gc-level-card h3 {
        position: relative;
        z-index: 1;
        margin: 26px 0 0;
        font-size: clamp(2rem, 3.2vw, 3.4rem);
        line-height: 0.95;
        letter-spacing: -0.05em;
        font-weight: 1000;
      }

      .gc-level-card p {
        position: relative;
        z-index: 1;
        margin: 16px 0 0;
        color: var(--gc-muted);
        font-size: 15px;
        font-weight: 650;
        line-height: 1.75;
      }

      .gc-service-list {
        position: relative;
        z-index: 1;
        margin-top: 24px;
        display: grid;
        gap: 12px;
      }

      .gc-service-point {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 12px;
        align-items: start;
        border: 1px solid var(--gc-line);
        border-radius: 20px;
        background: rgba(255, 255, 255, 0.72);
        padding: 15px;
      }

      .gc-service-icon {
        display: grid;
        place-items: center;
        width: 32px;
        height: 32px;
        border-radius: 12px;
        background: var(--gc-soft);
        color: var(--gc-primary-dark);
        font-size: 13px;
        font-weight: 1000;
      }

      .gc-service-point strong {
        display: block;
        color: var(--gc-ink);
        font-size: 15px;
        font-weight: 1000;
      }

      .gc-service-point span {
        display: block;
        margin-top: 4px;
        color: var(--gc-muted);
        font-size: 13px;
        font-weight: 650;
        line-height: 1.55;
      }

      .gc-level-card.glowclinic .gc-service-point {
        background: rgba(255, 255, 255, 0.82);
        border-color: rgba(124, 111, 159, 0.18);
      }

      .gc-level-card.glowclinic .gc-service-icon {
        background: var(--gc-ink);
        color: white;
      }

      .gc-level-note {
        position: relative;
        z-index: 1;
        margin-top: 22px;
        border-radius: 22px;
        background: rgba(31, 27, 36, 0.06);
        padding: 18px;
        color: var(--gc-muted);
        font-size: 14px;
        font-weight: 750;
        line-height: 1.65;
      }

      .gc-level-card.glowclinic .gc-level-note {
        background: rgba(124, 111, 159, 0.1);
        color: var(--gc-primary-dark);
      }

      .gc-funnel-layout,
      .gc-traffic-grid,
      .gc-calendar-grid {
        display: grid;
        grid-template-columns: 0.95fr 1.05fr;
        gap: 32px;
        align-items: start;
      }

      .gc-funnel-layout {
  margin-top: 34px;
}

      .gc-funnel-main {
        padding: 30px;
        background:
          radial-gradient(circle at 16% 12%, rgba(124, 111, 159, 0.12), transparent 34%),
          linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(255, 250, 242, 0.9));
      }

      .gc-funnel-steps {
        display: grid;
        gap: 14px;
      }

      .gc-funnel-step {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 16px;
        align-items: start;
        border: 1px solid var(--gc-line);
        border-radius: 24px;
        background: rgba(255, 255, 255, 0.78);
        padding: 20px;
      }

      .gc-funnel-number {
        display: grid;
        place-items: center;
        width: 44px;
        height: 44px;
        border-radius: 16px;
        background: var(--gc-ink);
        color: white;
        font-weight: 1000;
      }

      .gc-funnel-step strong {
        display: block;
        font-size: 20px;
        font-weight: 1000;
      }

      .gc-funnel-step span {
        display: block;
        margin-top: 8px;
        color: var(--gc-muted);
        font-size: 14px;
        font-weight: 650;
        line-height: 1.7;
      }

      .gc-funnel-side {
        padding: 30px;
      }

      .gc-funnel-side h3 {
        margin: 18px 0 0;
        font-size: 36px;
        line-height: 1;
        letter-spacing: -0.04em;
        font-weight: 1000;
      }

      .gc-funnel-side p {
        margin: 18px 0 0;
        color: var(--gc-muted);
        font-size: 16px;
        font-weight: 650;
        line-height: 1.8;
      }

      .gc-advanced-grid,
      .gc-grid-3 {
        margin-top: 32px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 18px;
      }

      .gc-advanced-card,
      .gc-feature {
        padding: 26px;
        background:
          radial-gradient(circle at 20% 0%, rgba(124, 111, 159, 0.12), transparent 30%),
          rgba(255, 255, 255, 0.84);
      }

      .gc-number,
      .gc-icon {
        display: grid;
        place-items: center;
        width: 50px;
        height: 50px;
        border-radius: 18px;
        background: var(--gc-ink);
        color: white;
        font-weight: 1000;
      }

      .gc-icon {
        background: var(--gc-soft);
        color: var(--gc-primary-dark);
        font-size: 20px;
      }

      .gc-advanced-card h3,
      .gc-feature h3 {
        margin: 20px 0 0;
        font-size: 21px;
        font-weight: 1000;
      }

      .gc-advanced-card p,
      .gc-feature p {
        margin: 12px 0 0;
        color: var(--gc-muted);
        font-size: 14px;
        font-weight: 650;
        line-height: 1.75;
      }

      .gc-traffic-panel {
        margin-top: 34px;
        padding: 32px;
        background:
          radial-gradient(circle at 16% 12%, rgba(124, 111, 159, 0.14), transparent 34%),
          linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(255, 250, 242, 0.9));
      }

      .gc-traffic-copy h3,
      .gc-campaign-card h3 {
        margin: 18px 0 0;
        font-size: clamp(2rem, 3.2vw, 3rem);
        line-height: 1;
        letter-spacing: -0.04em;
        font-weight: 1000;
      }

      .gc-traffic-copy p,
      .gc-campaign-card p {
        margin: 18px 0 0;
        color: var(--gc-muted);
        font-size: 16px;
        font-weight: 650;
        line-height: 1.85;
      }

      .gc-traffic-note {
        margin-top: 22px;
        border: 1px solid rgba(124, 111, 159, 0.22);
        border-radius: 24px;
        background: rgba(124, 111, 159, 0.09);
        padding: 18px;
        color: var(--gc-primary-dark);
        font-size: 14px;
        font-weight: 800;
        line-height: 1.7;
      }

      .gc-traffic-services {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
      }

      .gc-traffic-service {
        border: 1px solid var(--gc-line);
        border-radius: 22px;
        background: rgba(255, 255, 255, 0.78);
        padding: 20px;
      }

      .gc-traffic-service strong {
        display: block;
        font-size: 17px;
        font-weight: 1000;
      }

      .gc-traffic-service span {
        display: block;
        margin-top: 8px;
        color: var(--gc-muted);
        font-size: 14px;
        font-weight: 650;
        line-height: 1.7;
      }

      .gc-traffic-steps {
        margin-top: 18px;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 12px;
      }

      .gc-traffic-step {
        border: 1px solid var(--gc-line);
        border-radius: 22px;
        background: rgba(255, 255, 255, 0.72);
        padding: 18px;
      }

      .gc-traffic-step b {
        display: grid;
        place-items: center;
        width: 34px;
        height: 34px;
        border-radius: 12px;
        background: var(--gc-ink);
        color: white;
        font-size: 13px;
        font-weight: 1000;
      }

      .gc-traffic-step strong {
        display: block;
        margin-top: 14px;
        font-size: 17px;
        font-weight: 1000;
      }

      .gc-traffic-step span {
        display: block;
        margin-top: 8px;
        color: var(--gc-muted);
        font-size: 13px;
        font-weight: 650;
        line-height: 1.65;
      }

      .gc-campaign-card {
        margin-top: 24px;
        padding: 30px;
      }

      .gc-campaign-list {
        margin-top: 24px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
      }

      .gc-campaign-item {
        border: 1px solid var(--gc-line);
        border-radius: 20px;
        background: rgba(255, 255, 255, 0.76);
        padding: 18px;
      }

      .gc-campaign-item strong {
        display: block;
        color: var(--gc-primary-dark);
        font-size: 12px;
        font-weight: 950;
        letter-spacing: 0.12em;
        text-transform: uppercase;
      }

      .gc-campaign-item span {
        display: block;
        margin-top: 8px;
        color: var(--gc-ink);
        font-size: 15px;
        font-weight: 850;
        line-height: 1.55;
      }

      .gc-target-grid {
        margin-top: 32px;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 16px;
      }

      .gc-target-card,
      .gc-delivery-card {
        padding: 24px;
      }

      .gc-target-card h3,
      .gc-delivery-card h3 {
        margin: 18px 0 0;
        font-size: 20px;
        font-weight: 1000;
      }

      .gc-target-card p,
      .gc-delivery-card p {
        margin: 10px 0 0;
        color: var(--gc-muted);
        font-size: 14px;
        font-weight: 650;
        line-height: 1.7;
      }

      .gc-delivery-grid {
        margin-top: 32px;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 18px;
      }

      .gc-feed-layout {
        display: grid;
        grid-template-columns: 0.82fr 1.18fr;
        gap: 32px;
        align-items: start;
      }

      .gc-funnel-mini {
        margin-top: 24px;
        border: 1px solid var(--gc-line);
        border-radius: 28px;
        background: rgba(255, 255, 255, 0.72);
        padding: 22px;
      }

      .gc-funnel-item {
        border-radius: 20px;
        background: white;
        padding: 16px;
      }

      .gc-funnel-item + .gc-funnel-item {
        margin-top: 10px;
      }

      .gc-funnel-item strong {
        display: block;
        font-weight: 1000;
      }

      .gc-funnel-item span {
        display: block;
        margin-top: 5px;
        color: var(--gc-muted);
        font-size: 14px;
        font-weight: 650;
      }

      .gc-feed-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 16px;
      }

      .gc-feed-post {
        overflow: hidden;
        display: flex;
        flex-direction: column;
        border: 1px solid var(--gc-line);
        border-radius: 28px;
        background: rgba(255, 255, 255, 0.82);
        box-shadow: 0 18px 40px rgba(31, 27, 36, 0.07);
        transition: 0.24s ease;
      }

      .gc-feed-post:hover {
        transform: translateY(-4px);
        border-color: rgba(124, 111, 159, 0.28);
        box-shadow: 0 24px 54px rgba(31, 27, 36, 0.11);
      }

      .gc-feed-image-wrap {
        position: relative;
        overflow: hidden;
        aspect-ratio: 1 / 1;
        background: var(--gc-soft);
      }

      .gc-feed-image {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.35s ease;
      }

      .gc-feed-post:hover .gc-feed-image {
        transform: scale(1.045);
      }

      .gc-feed-body {
        display: flex;
        flex: 1;
        flex-direction: column;
        padding: 18px;
      }

      .gc-feed-meta {
        margin-top: 14px;
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
      }

      .gc-feed-pill {
        border-radius: 999px;
        background: rgba(124, 111, 159, 0.1);
        color: var(--gc-primary-dark);
        padding: 7px 10px;
        font-size: 11px;
        font-weight: 950;
        letter-spacing: 0.09em;
        text-transform: uppercase;
      }

      .gc-tag {
        align-self: flex-start;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.76);
        padding: 7px 10px;
        color: var(--gc-primary-dark);
        font-size: 12px;
        font-weight: 950;
      }

      .gc-feed-post h3 {
        margin: 14px 0 0;
        font-size: 22px;
        line-height: 1.08;
        letter-spacing: -0.03em;
        font-weight: 1000;
      }

      .gc-feed-post p {
        margin: 10px 0 0;
        color: var(--gc-muted);
        font-size: 14px;
        font-weight: 650;
        line-height: 1.65;
      }

      .gc-story-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 18px;
        margin-top: 32px;
      }

      .gc-story {
        overflow: hidden;
        display: flex;
        flex-direction: column;
        border: 1px solid var(--gc-line);
        border-radius: 30px;
        background: rgba(255, 255, 255, 0.84);
        box-shadow: 0 18px 38px rgba(31, 27, 36, 0.08);
        transition: 0.24s ease;
      }

      .gc-story:hover {
        transform: translateY(-4px);
        border-color: rgba(124, 111, 159, 0.28);
        box-shadow: 0 24px 54px rgba(31, 27, 36, 0.12);
      }

      .gc-story-image-wrap {
        position: relative;
        overflow: hidden;
        aspect-ratio: 9 / 16;
        background: var(--gc-soft);
      }

      .gc-story-image {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.35s ease;
      }

      .gc-story:hover .gc-story-image {
        transform: scale(1.035);
      }

      .gc-story-badge {
        position: absolute;
        top: 14px;
        left: 14px;
        border-radius: 999px;
        background: rgba(255, 255, 255, 0.82);
        color: var(--gc-primary-dark);
        padding: 7px 10px;
        font-size: 10px;
        font-weight: 950;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        box-shadow: 0 10px 24px rgba(31, 27, 36, 0.08);
      }

      .gc-story-body {
        display: flex;
        flex: 1;
        flex-direction: column;
        padding: 18px;
      }

      .gc-story h3 {
        margin: 0;
        font-size: 23px;
        line-height: 1.08;
        letter-spacing: -0.03em;
        font-weight: 1000;
      }

      .gc-story p {
        margin: 12px 0 0;
        color: var(--gc-muted);
        font-size: 14px;
        font-weight: 650;
        line-height: 1.6;
      }

      .gc-calendar {
        padding: 30px;
      }

      .gc-days {
        margin-top: 24px;
        display: grid;
        gap: 12px;
      }

      .gc-day {
        width: 100%;
        text-align: left;
        border: 1px solid var(--gc-line);
        border-radius: 20px;
        background: rgba(255, 255, 255, 0.76);
        padding: 16px;
        cursor: pointer;
        transition: 0.22s ease;
      }

      .gc-day:hover,
      .gc-day.active {
        transform: translateY(-2px);
        border-color: rgba(124, 111, 159, 0.35);
        background: linear-gradient(135deg, rgba(124, 111, 159, 0.12), rgba(216, 185, 120, 0.13));
      }

      .gc-day-top {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
      }

      .gc-day strong {
        font-weight: 1000;
      }

      .gc-day span {
        border-radius: 999px;
        background: var(--gc-soft);
        padding: 6px 10px;
        color: var(--gc-primary-dark);
        font-size: 12px;
        font-weight: 950;
      }

      .gc-day p {
        margin: 9px 0 0;
        color: var(--gc-muted);
        font-size: 14px;
        font-weight: 650;
      }

      .gc-preview-panel {
        border: 1px solid var(--gc-line);
        border-radius: 30px;
        background: rgba(255, 255, 255, 0.78);
        padding: 26px;
      }

      .gc-preview-panel h3 {
        margin: 18px 0 0;
        font-size: 42px;
        line-height: 1;
        font-weight: 1000;
      }

      .gc-preview-panel .theme {
        margin: 10px 0 0;
        color: var(--gc-primary-dark);
        font-size: 20px;
        font-weight: 1000;
      }

      .gc-preview-box {
        margin-top: 22px;
        border-radius: 24px;
        background: var(--gc-cream);
        padding: 22px;
      }

      .gc-preview-dark {
        margin-top: 18px;
        border-radius: 24px;
        background: var(--gc-ink);
        color: white;
        padding: 22px;
      }

      .gc-label {
        margin: 0;
        color: var(--gc-muted);
        font-size: 11px;
        font-weight: 950;
        letter-spacing: 0.14em;
        text-transform: uppercase;
      }

      .gc-preview-dark .gc-label {
        color: #e9d8a6;
      }

      .gc-preview-box p:last-child,
      .gc-preview-dark p:last-child {
        margin: 12px 0 0;
        font-weight: 800;
        line-height: 1.7;
      }

      .gc-objectives {
        margin-top: 32px;
        display: grid;
        grid-template-columns: repeat(5, 1fr);
        gap: 14px;
      }

      .gc-objective {
        padding: 22px;
      }

      .gc-objective h3 {
        margin: 0;
        font-size: 20px;
        font-weight: 1000;
      }

      .gc-objective p {
        margin: 12px 0 0;
        color: var(--gc-muted);
        font-size: 14px;
        font-weight: 650;
        line-height: 1.7;
      }

      .gc-before-after-section {
        background: transparent;
      }

      .gc-before-after {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 24px;
      }

      .gc-ba {
        min-height: 100%;
        padding: 34px 36px;
        border-radius: 36px;
        background: #ffffff;
        box-shadow: 0 2px 4px rgba(24, 20, 29, 0.04);
      }

      .gc-ba-before {
        border: 1.5px solid #ffd1d1;
      }

      .gc-ba-after {
        border: 1.5px solid #cce982;
      }

      .gc-ba .gc-chip {
        border: 0;
        border-radius: 0;
        background: transparent;
        padding: 0;
        font-size: 12px;
        letter-spacing: 0.2em;
      }

      .gc-ba-before .gc-chip {
        color: #f43f3f;
      }

      .gc-ba-after .gc-chip {
        color: #659600;
      }

      .gc-ba h3 {
        margin: 24px 0 0;
        color: #111827;
        font-size: clamp(2rem, 3vw, 2.7rem);
        line-height: 1.03;
        letter-spacing: -0.045em;
        font-weight: 1000;
      }

      .gc-ba ul {
        margin: 26px 0 0;
        padding: 0;
        list-style: none;
        display: grid;
        gap: 14px;
        color: #4d5d75;
        font-size: 15px;
        font-weight: 750;
        line-height: 1.7;
      }

      .gc-final {
        position: relative;
        overflow: hidden;
        border-radius: 38px;
        background:
          radial-gradient(circle at 12% 0%, rgba(154, 141, 184, 0.24), transparent 34%),
          radial-gradient(circle at 95% 18%, rgba(201, 167, 101, 0.24), transparent 30%),
          linear-gradient(135deg, #17131d 0%, #251f2e 58%, #18141d 100%);
        color: white;
        padding: 46px;
        box-shadow: 0 30px 76px rgba(24, 20, 29, 0.22);
      }

      .gc-final::before {
        content: "";
        position: absolute;
        inset: 18px;
        border: 1px solid rgba(201, 167, 101, 0.16);
        border-radius: 30px;
        pointer-events: none;
      }

      .gc-final-grid {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: 1fr 0.85fr;
        gap: 34px;
        align-items: center;
      }

      .gc-final h2 {
        margin: 20px 0 0;
        max-width: 820px;
        font-size: clamp(2.4rem, 4.2vw, 4rem);
        line-height: 1;
        letter-spacing: -0.045em;
        font-weight: 1000;
      }

      .gc-final p {
        margin-top: 20px;
        max-width: 680px;
        color: rgba(255, 255, 255, 0.72);
        font-size: 16px;
        font-weight: 650;
        line-height: 1.8;
      }

      .gc-final-cards {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
      }

      .gc-final-card {
        border: 1px solid rgba(255, 255, 255, 0.1);
        border-radius: 22px;
        background: rgba(255, 255, 255, 0.08);
        padding: 20px;
      }

      .gc-final-card strong {
        display: block;
        font-size: 22px;
        font-weight: 1000;
      }

      .gc-final-card span {
        display: block;
        margin-top: 8px;
        color: rgba(255, 255, 255, 0.65);
        font-size: 14px;
        font-weight: 650;
        line-height: 1.6;
      }

      .gc-footer {
        padding: 52px 0;
        text-align: center;
        color: var(--gc-muted);
      }

      .gc-footer-inner {
        border-top: 1px solid var(--gc-line);
        padding-top: 30px;
      }

      .gc-footer strong {
        display: block;
        color: var(--gc-ink);
        font-weight: 1000;
      }

      .gc-footer span {
        display: block;
        margin-top: 6px;
        font-size: 13px;
        font-weight: 700;
      }

      .gc-footer-actions {
        margin-top: 24px;
        display: flex;
        justify-content: center;
      }

      .reveal,
      .reveal-left,
      .reveal-right,
      .reveal-zoom {
        opacity: 1;
        transform: none;
      }

      .has-js .reveal,
      .has-js .reveal-left,
      .has-js .reveal-right,
      .has-js .reveal-zoom {
        opacity: 0;
        transition:
          opacity 0.75s ease,
          transform 0.75s ease;
        will-change: opacity, transform;
      }

      .has-js .reveal {
        transform: translateY(34px);
      }

      .has-js .reveal-left {
        transform: translateX(-42px);
      }

      .has-js .reveal-right {
        transform: translateX(42px);
      }

      .has-js .reveal-zoom {
        transform: translateY(24px) scale(0.96);
      }

      .has-js .reveal.visible,
      .has-js .reveal-left.visible,
      .has-js .reveal-right.visible,
      .has-js .reveal-zoom.visible {
        opacity: 1;
        transform: translate(0, 0) scale(1);
      }

      @media (max-width: 1100px) {
        .gc-nav a {
          font-size: 12px;
          padding: 9px 8px;
        }

        .gc-brand {
          min-width: 280px;
        }

        .gc-logo-wrap {
          width: 170px;
        }
      }

      @media (max-width: 980px) {
        .gc-page {
          padding-top: 90px;
        }

        .gc-header-inner {
          min-height: 90px;
        }

        .gc-brand {
          min-width: auto;
        }

        .gc-brand-text,
        .gc-nav,
        .gc-header-cta {
          display: none;
        }

        .gc-menu-toggle {
          display: inline-flex;
        }

        .gc-mobile-menu {
          display: block;
          position: fixed;
          top: 96px;
          left: 12px;
          right: 12px;
          z-index: 999;
          max-height: calc(100vh - 118px);
          overflow-y: auto;
          border: 1px solid rgba(24, 20, 29, 0.08);
          border-radius: 28px;
          background: rgba(255, 253, 248, 0.94);
          box-shadow: 0 26px 70px rgba(24, 20, 29, 0.14);
          backdrop-filter: blur(24px) saturate(155%);
          -webkit-backdrop-filter: blur(24px) saturate(155%);
          padding: 16px;
          opacity: 0;
          pointer-events: none;
          transform: translateY(-12px) scale(0.98);
          transition: 0.24s ease;
        }

        .gc-mobile-menu.open {
          opacity: 1;
          pointer-events: auto;
          transform: translateY(0) scale(1);
        }

        .gc-mobile-nav {
          display: grid;
          gap: 8px;
        }

        .gc-mobile-nav a {
          display: flex;
          align-items: center;
          justify-content: space-between;
          border: 1px solid rgba(24, 20, 29, 0.08);
          border-radius: 18px;
          background: rgba(255, 255, 255, 0.82);
          padding: 15px 16px;
          color: var(--gc-ink);
          font-size: 15px;
          font-weight: 950;
          text-decoration: none;
          transition: 0.2s ease;
        }

        .gc-mobile-nav a::after {
          content: "→";
          color: var(--gc-primary-dark);
          font-weight: 1000;
        }

        .gc-mobile-nav a:hover,
        .gc-mobile-nav a.active {
          border-color: rgba(154, 141, 184, 0.28);
          background: linear-gradient(135deg, rgba(154, 141, 184, 0.11), rgba(201, 167, 101, 0.1));
          color: var(--gc-primary-dark);
        }

        .gc-mobile-cta {
          width: 100%;
          margin-top: 12px;
          box-sizing: border-box;
        }

        .gc-logo-wrap {
          width: 185px;
          height: 70px;
        }

        .gc-logo {
          height: 76px;
          max-width: 210px;
          transform: scale(1.14);
        }

        .gc-hero-grid,
        .gc-preview-grid,
        .gc-level-compare,
        .gc-funnel-layout,
        .gc-traffic-grid,
        .gc-feed-layout,
        .gc-calendar-grid,
        .gc-final-grid {
          grid-template-columns: 1fr;
        }

        .gc-grid-3,
        .gc-advanced-grid,
        .gc-dashboard-grid,
        .gc-feed-grid,
        .gc-story-grid,
        .gc-objectives,
        .gc-traffic-steps,
        .gc-campaign-list,
        .gc-target-grid,
        .gc-delivery-grid {
          grid-template-columns: repeat(2, 1fr);
        }
      }

      @media (max-width: 640px) {
        .gc-page {
          padding-top: 84px;
        }

        .gc-mobile-menu {
          top: 88px;
          left: 10px;
          right: 10px;
          border-radius: 24px;
        }

        .gc-menu-toggle {
          width: 48px;
          height: 48px;
          border-radius: 16px;
        }

        .gc-container {
          width: min(100% - 24px, 1180px);
        }

        .gc-title {
          font-size: 3rem;
        }

        .gc-metrics,
        .gc-grid-3,
        .gc-advanced-grid,
        .gc-dashboard-grid,
        .gc-feed-grid,
        .gc-story-grid,
        .gc-objectives,
        .gc-before-after,
        .gc-traffic-services,
        .gc-traffic-steps,
        .gc-campaign-list,
        .gc-target-grid,
        .gc-delivery-grid,
        .gc-final-cards {
          grid-template-columns: 1fr;
        }

        .gc-final,
        .gc-traffic-panel,
        .gc-campaign-card,
        .gc-funnel-main,
        .gc-funnel-side,
        .gc-level-card {
          padding: 30px 22px;
        }
      }

      @media (prefers-reduced-motion: reduce) {
        .has-js .reveal,
        .has-js .reveal-left,
        .has-js .reveal-right,
        .has-js .reveal-zoom {
          opacity: 1;
          transform: none;
          transition: none;
        }
      }