/* ── Partner Pills Bar ── */
    .partners-overview {
      background: #FFFFFF;
      padding: 48px 0;
    }
    .partners-pills {
      display: flex;
      gap: 20px;
      justify-content: center;
      flex-wrap: wrap;
    }
    .partner-pill {
      display: flex;
      align-items: center;
      gap: 14px;
      padding: 14px 26px;
      border: 1.5px solid #E5E7EB;
      border-radius: 100px;
      background: #FFFFFF;
      cursor: pointer;
      text-decoration: none;
      transition: box-shadow 0.22s ease, transform 0.22s ease, border-color 0.22s ease;
      will-change: transform;
      backface-visibility: hidden;
    }
    .partner-pill:hover {
      box-shadow: 0 8px 32px rgba(0,0,0,0.10);
      transform: translate3d(0, -3px, 0);
    }
    .partner-pill.google-pill:hover    { border-color: #4285F4; }
    .partner-pill.microsoft-pill:hover { border-color: #F25022; }
    .partner-pill.aws-pill:hover       { border-color: #FF9900; }
    .partner-pill.meta-pill:hover      { border-color: #0081FB; }
    .partner-pill.hubspot-pill:hover   { border-color: #FF7A59; }
    .partner-pill.openai-pill:hover    { border-color: #10A37F; }
    .partner-pill.twilio-pill:hover    { border-color: #F22F46; }
    .partner-pill.salesforce-pill:hover{ border-color: #00A1E0; }
    .partner-pill.stripe-pill:hover    { border-color: #635BFF; }
    .partner-pill.slack-pill:hover     { border-color: #4A154B; }

    .partner-pill.active {
      border-color: #F59E0B;
      transform: translate3d(0, -3px, 0) scale(1.04);
      box-shadow: 0 8px 32px rgba(245,158,11,0.18);
    }
    .partner-pill.google-pill.active    { border-color: #4285F4; box-shadow: 0 8px 32px rgba(66,133,244,0.22); }
    .partner-pill.microsoft-pill.active { border-color: #F25022; box-shadow: 0 8px 32px rgba(242,80,34,0.22); }
    .partner-pill.aws-pill.active       { border-color: #FF9900; box-shadow: 0 8px 32px rgba(255,153,0,0.22); }
    .partner-pill.meta-pill.active      { border-color: #0081FB; box-shadow: 0 8px 32px rgba(0,129,251,0.22); }
    .partner-pill.hubspot-pill.active   { border-color: #FF7A59; box-shadow: 0 8px 32px rgba(255,122,89,0.22); }
    .partner-pill.openai-pill.active    { border-color: #10A37F; box-shadow: 0 8px 32px rgba(16,163,127,0.22); }
    .partner-pill.twilio-pill.active    { border-color: #F22F46; box-shadow: 0 8px 32px rgba(242,47,70,0.22); }
    .partner-pill.salesforce-pill.active{ border-color: #00A1E0; box-shadow: 0 8px 32px rgba(0,161,224,0.22); }
    .partner-pill.stripe-pill.active    { border-color: #635BFF; box-shadow: 0 8px 32px rgba(99,91,255,0.22); }
    .partner-pill.slack-pill.active     { border-color: #4A154B; box-shadow: 0 8px 32px rgba(74,21,75,0.22); }

    .pill-swatch {
      width: 40px;
      height: 40px;
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 800;
      font-size: 14px;
      color: #fff;
      flex-shrink: 0;
    }
    .pill-swatch.google-swatch    { background: #4285F4; }
    .pill-swatch.microsoft-swatch { background: #F25022; }
    .pill-swatch.aws-swatch       { background: #FF9900; }
    .pill-swatch.meta-swatch      { background: #0081FB; }
    .pill-swatch.hubspot-swatch      { background: #FF7A59; }
    .pill-swatch.openai-swatch       { background: #10A37F; }
    .pill-swatch.twilio-swatch       { background: #F22F46; }
    .pill-swatch.salesforce-swatch   { background: #00A1E0; }
    .pill-swatch.stripe-swatch       { background: #635BFF; }
    .pill-swatch.slack-swatch        { background: #4A154B; }

    .pill-info {
      display: flex;
      flex-direction: column;
      gap: 2px;
    }
    .pill-name {
      font-size: 15px;
      font-weight: 700;
      color: #0A0F1E;
      line-height: 1.2;
    }
    .pill-tagline {
      font-size: 12px;
      font-weight: 500;
      color: #6B7280;
      line-height: 1.3;
    }

    /* ── Partner Sections shared ── */
    .partner-section {
      padding: 96px 0;
    }
    .partner-section-light { background: #F5F7FA; }
    .partner-section-white { background: #FFFFFF; }

    .partner-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 72px;
      align-items: center;
    }
    .partner-grid.reverse { direction: rtl; }
    .partner-grid.reverse > * { direction: ltr; }

    .partner-content .section-tag {
      margin-bottom: 16px;
    }
    .partner-title {
      font-size: clamp(24px, 3.5vw, 34px);
      font-weight: 800;
      color: #0A0F1E;
      line-height: 1.2;
      margin: 0 0 24px 0;
    }
    .partner-desc {
      display: flex;
      flex-direction: column;
      gap: 16px;
      margin-bottom: 32px;
    }
    .partner-desc p {
      font-size: 15px;
      line-height: 1.75;
      color: #374151;
      margin: 0;
    }

    .capabilities-list {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 12px 24px;
      margin-bottom: 36px;
    }
    .cap-item {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 14px;
      font-weight: 500;
      color: #374151;
    }
    .cap-dot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      flex-shrink: 0;
    }

    /* ── Portal Mock Cards (shared structure) ── */
    .portal-card {
      background: #0D1117;
      border-radius: 14px;
      overflow: hidden;
    }
    .portal-header {
      display: flex;
      align-items: center;
      gap: 8px;
      padding: 16px 20px;
      border-bottom: 1px solid #1F2937;
    }
    .portal-header-dot {
      width: 10px;
      height: 10px;
      border-radius: 50%;
    }
    .ph-red    { background: #FF5F57; }
    .ph-yellow { background: #FEBC2E; }
    .ph-green  { background: #28C840; }
    .portal-title {
      font-size: 12px;
      font-weight: 600;
      color: #6B7280;
      margin-left: 4px;
      letter-spacing: 0.05em;
      text-transform: uppercase;
    }
    .portal-accent-bar {
      height: 3px;
    }
    .portal-body {
      padding: 24px 24px 20px;
    }
    .portal-project-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 20px;
    }
    .portal-project-name {
      font-size: 14px;
      font-weight: 700;
      color: #F9FAFB;
    }
    .portal-region-tag {
      font-size: 11px;
      font-weight: 600;
      padding: 3px 9px;
      border-radius: 20px;
      background: rgba(255,255,255,0.07);
      color: #9CA3AF;
    }
    .portal-services {
      display: flex;
      flex-direction: column;
      gap: 10px;
      margin-bottom: 20px;
    }
    .portal-service-row {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 10px 14px;
      background: rgba(255,255,255,0.04);
      border-radius: 8px;
      border: 1px solid rgba(255,255,255,0.06);
    }
    .service-status-dot {
      width: 7px;
      height: 7px;
      border-radius: 50%;
      flex-shrink: 0;
    }
    .dot-green  { background: #34D399; }
    .dot-blue   { background: #60A5FA; }
    .dot-amber  { background: #FBBF24; }
    .dot-purple { background: #A78BFA; }
    .service-name {
      font-size: 13px;
      font-weight: 600;
      color: #D1D5DB;
      flex: 1;
    }
    .service-value {
      font-size: 12px;
      color: #6B7280;
      font-weight: 500;
    }
    .service-pill {
      font-size: 11px;
      font-weight: 700;
      padding: 2px 8px;
      border-radius: 20px;
    }
    .sp-running  { background: rgba(52,211,153,0.15); color: #34D399; }
    .sp-active   { background: rgba(96,165,250,0.15);  color: #60A5FA; }
    .sp-deployed { background: rgba(167,139,250,0.15); color: #A78BFA; }

    /* ── Portal sparkline (GCP usage bars) ── */
    .portal-sparkline {
      border-top: 1px solid #1F2937;
      padding-top: 16px;
    }
    .sparkline-label {
      font-size: 10px;
      font-weight: 600;
      color: #6B7280;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      margin-bottom: 10px;
    }
    .sparkline-bars {
      display: flex;
      align-items: flex-end;
      gap: 4px;
      height: 40px;
    }
    .sparkline-bar {
      flex: 1;
      border-radius: 3px 3px 0 0;
      opacity: 0.7;
    }

    /* ── AWS service value rows ── */
    .portal-cost-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 8px 0;
      border-top: 1px solid #1F2937;
    }
    .cost-label {
      font-size: 12px;
      color: #6B7280;
      font-weight: 500;
    }
    .cost-value {
      font-size: 13px;
      font-weight: 700;
      color: #F9FAFB;
    }

    /* ── Meta campaign rows ── */
    .campaign-row {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 9px 14px;
      background: rgba(255,255,255,0.04);
      border-radius: 8px;
      border: 1px solid rgba(255,255,255,0.06);
      margin-bottom: 8px;
    }
    .campaign-name {
      font-size: 12px;
      font-weight: 600;
      color: #D1D5DB;
      flex: 1;
    }
    .campaign-spend {
      font-size: 11px;
      color: #9CA3AF;
    }
    .campaign-roas {
      font-size: 12px;
      font-weight: 700;
      color: #34D399;
    }
    .whatsapp-badge {
      display: flex;
      align-items: center;
      gap: 8px;
      margin-top: 14px;
      padding: 10px 14px;
      background: rgba(37,211,102,0.08);
      border: 1px solid rgba(37,211,102,0.2);
      border-radius: 8px;
    }
    .whatsapp-badge-icon {
      width: 28px;
      height: 28px;
      border-radius: 6px;
      background: #25D166;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }
    .whatsapp-badge-text {
      font-size: 12px;
      color: #D1D5DB;
    }
    .whatsapp-badge-count {
      margin-left: auto;
      font-size: 13px;
      font-weight: 700;
      color: #34D399;
    }

    /* ── HubSpot CRM rows ── */
    .crm-contact-row {
      display: flex;
      align-items: center;
      gap: 10px;
      padding: 9px 14px;
      background: rgba(255,255,255,0.04);
      border-radius: 8px;
      border: 1px solid rgba(255,255,255,0.06);
      margin-bottom: 8px;
    }
    .crm-contact-name {
      font-size: 13px;
      font-weight: 600;
      color: #D1D5DB;
      flex: 1;
    }
    .crm-score-badge {
      font-size: 11px;
      font-weight: 700;
      padding: 2px 8px;
      border-radius: 20px;
    }
    .score-hot   { background: rgba(239,68,68,0.15);    color: #F87171; }
    .score-warm  { background: rgba(245,158,11,0.15);   color: #FBBF24; }
    .score-cold  { background: rgba(96,165,250,0.15);   color: #60A5FA; }
    .crm-stage {
      font-size: 11px;
      color: #6B7280;
      font-weight: 500;
    }
    .crm-pipeline {
      margin-top: 14px;
      padding-top: 14px;
      border-top: 1px solid #1F2937;
    }
    .crm-pipeline-label {
      font-size: 10px;
      font-weight: 600;
      color: #6B7280;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      margin-bottom: 8px;
    }
    .crm-pipeline-bar {
      height: 6px;
      background: #1F2937;
      border-radius: 3px;
      overflow: hidden;
    }
    .crm-pipeline-fill {
      height: 100%;
      border-radius: 3px;
      background: linear-gradient(90deg, #FF7A59, #FF9E7A);
    }

    /* ── Partnership CTA Strip ── */
    .partnership-cta {
      background: #FFFFFF;
      padding: 80px 0;
      text-align: center;
    }
    .partnership-cta-inner {
      max-width: 640px;
      margin: 0 auto;
    }
    .partnership-cta-headline {
      font-size: clamp(22px, 3.5vw, 30px);
      font-weight: 800;
      color: #0A0F1E;
      margin: 0 0 16px 0;
      line-height: 1.25;
    }
    .partnership-cta-headline span {
      color: #F59E0B;
    }
    .partnership-cta-sub {
      font-size: 16px;
      line-height: 1.7;
      color: #374151;
      margin: 0 0 36px 0;
    }

    /* ── Responsive ── */
    @media (max-width: 900px) {
      .partner-grid {
        grid-template-columns: 1fr;
        gap: 48px;
      }
      .partner-grid.reverse { direction: ltr; }
      .partners-pills {
        flex-direction: column;
        align-items: center;
      }
      .capabilities-list {
        grid-template-columns: 1fr;
      }
    }
    @media (max-width: 480px) {
      .partner-section { padding: 64px 0; }
    }