/* ═══════════════════════════════════════════════════
   GROWTH & OPERATIONS — Page Override
   Inherits: global.css + engineering-platforms.css
═══════════════════════════════════════════════════ */

/* ─── PAGE ACCENT ─── */
:root {
    --go-accent: #00e5a0;
    --go-accent-soft: rgba(0, 229, 160, 0.12);
    --go-accent-glow: rgba(0, 229, 160, 0.18);
}

/* Accent overrides */
.go-page .go-eyebrow {
    color: var(--go-accent);
}

.go-page .go-service-num,
.go-page .go-step-num {
    color: var(--go-accent);
}

.go-page .go-icon {
    color: var(--go-accent);
}

.go-page .go-faq-icon {
    color: var(--go-accent);
}

.go-page .go-cycle-num {
    color: var(--go-accent);
}

.go-btn-primary {
    background: var(--go-accent) !important;
    color: #050508 !important;
}

.go-btn-primary:hover {
    background: #00d492 !important;
    box-shadow: 0 12px 40px var(--go-accent-glow) !important;
}

.go-nav-cta {
    background: var(--go-accent) !important;
    color: #050508 !important;
}

.go-page .go-dot {
    background: var(--go-accent) !important;
    box-shadow: 0 0 16px var(--go-accent-glow) !important;
}

.go-page .sp-process-track::before {
    background: linear-gradient(to bottom, var(--go-accent), transparent);
}

.go-feature-list li:hover {
    color: var(--go-accent) !important;
}

/* ─── HERO METRIC VISUAL ─── */
.go-hero-visual {
    position: absolute;
    right: 6vw;
    top: 50%;
    transform: translateY(-50%);
    width: 380px;
    pointer-events: none;
}

@media (max-width: 1100px) {
    .go-hero-visual {
        display: none;
    }
}

.go-metric-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.go-metric {
    background: rgba(0, 229, 160, 0.04);
    border: 1px solid rgba(0, 229, 160, 0.15);
    border-radius: 16px;
    padding: 24px 22px;
    display: flex;
    flex-direction: column;
    gap: 6px;
    backdrop-filter: blur(12px);
    animation: go-metric-fade 3s ease-in-out infinite;
}

.go-metric:nth-child(2) {
    animation-delay: 0.5s;
}

.go-metric:nth-child(3) {
    animation-delay: 1s;
}

.go-metric:nth-child(4) {
    animation-delay: 1.5s;
}

@keyframes go-metric-fade {

    0%,
    100% {
        border-color: rgba(0, 229, 160, 0.15);
    }

    50% {
        border-color: rgba(0, 229, 160, 0.4);
        box-shadow: 0 0 20px rgba(0, 229, 160, 0.08);
    }
}

.go-metric-wide {
    grid-column: 1 / -1;
}

.go-metric-val {
    font-family: var(--font-heading);
    font-size: 1.8rem;
    color: var(--go-accent);
    font-weight: 700;
    letter-spacing: -0.03em;
}

.go-metric-wide .go-metric-val {
    font-size: 1.3rem;
}

.go-metric-label {
    font-size: 10px;
    color: rgba(255, 255, 255, 0.4);
    letter-spacing: 2px;
    text-transform: uppercase;
}

/* ─── 3. CONTRAST GRID ─── */
.go-value-section {
    background: rgba(0, 229, 160, 0.015);
}

.go-contrast-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.go-contrast-col {
    padding: 44px 40px;
}

.go-contrast-heading {
    font-size: 11px;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-bottom: 28px;
    font-weight: 600;
}

.go-bad .go-contrast-heading {
    color: rgba(255, 100, 100, 0.7);
}

.go-good .go-contrast-heading {
    color: var(--go-accent);
}

.go-bad {
    border-color: rgba(255, 100, 100, 0.12) !important;
    background: rgba(255, 80, 80, 0.03) !important;
}

.go-good {
    border-color: rgba(0, 229, 160, 0.2) !important;
    background: rgba(0, 229, 160, 0.04) !important;
}

.go-contrast-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.go-contrast-list li {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.8);
    display: flex;
    align-items: center;
    gap: 14px;
}

.go-bad-mark {
    color: rgba(255, 100, 100, 0.8);
    font-size: 16px;
    flex-shrink: 0;
}

.go-good-mark {
    color: var(--go-accent);
    font-size: 16px;
    flex-shrink: 0;
}

/* ─── 5. OPTIMIZATION FRAMEWORK ─── */
.go-framework-section {
    background: linear-gradient(180deg, transparent, rgba(0, 229, 160, 0.025) 50%, transparent);
}

.go-cycle-track {
    display: flex;
    align-items: flex-start;
    gap: 0;
    margin-top: 16px;
    flex-wrap: wrap;
}

.go-cycle-step {
    flex: 1;
    min-width: 180px;
}

.go-cycle-num {
    font-size: 10px;
    letter-spacing: 4px;
    font-family: var(--font-heading);
    margin-bottom: 12px;
    display: block;
}

.go-cycle-content h3 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 12px;
}

.go-cycle-content p {
    font-size: 14px;
    line-height: 1.7;
    max-width: 220px;
}

.go-cycle-arrow {
    font-size: 18px;
    color: rgba(0, 229, 160, 0.4);
    flex-shrink: 0;
    padding: 0 16px;
    margin-top: 4px;
    align-self: flex-start;
}

.go-cycle-loop {
    font-size: 13px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--go-accent) !important;
    opacity: 0.7;
    margin-top: 8px;
}

/* ─── 6. STACK GRID ─── */
.go-stack-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 24px;
}

.go-stack-item {
    padding: 36px 32px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    transition: transform 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

.go-stack-item:hover {
    transform: translateY(-4px);
}

.go-stack-icon {
    font-size: 22px;
    color: var(--go-accent);
    opacity: 0.7;
}

.go-stack-item h3 {
    font-size: 16px;
    color: #fff;
    margin: 0;
}

.go-stack-item p {
    font-size: 13px;
    line-height: 1.6;
}

/* ─── 7. PROCESS ─── */
.go-process-section {
    background: rgba(255, 255, 255, 0.014);
}

/* ─── 8. WHO SECTION ─── */
.go-who-section {
    background: linear-gradient(180deg, transparent, rgba(0, 229, 160, 0.02));
}

.go-who-layout {
    display: grid;
    grid-template-columns: 1fr 1.6fr;
    gap: 8vw;
    align-items: start;
}

.go-who-right {
    display: flex;
    flex-direction: column;
}

.go-qualifier {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding: 24px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.go-qualifier:last-child {
    border-bottom: none;
}

.go-qualifier-icon {
    font-size: 14px;
    color: var(--go-accent);
    flex-shrink: 0;
    margin-top: 2px;
    width: 24px;
}

.go-qualifier strong {
    display: block;
    font-size: 16px;
    color: #fff;
    margin-bottom: 6px;
    font-family: var(--font-heading);
    font-weight: 500;
    letter-spacing: -0.01em;
}

.go-qualifier p {
    font-size: 14px;
    margin: 0;
    line-height: 1.6;
}

/* ─── 9. ENGAGEMENT ─── */
.go-engagement-section {
    background: rgba(0, 229, 160, 0.015);
}

.go-featured {
    border-color: rgba(0, 229, 160, 0.3) !important;
    background: rgba(0, 229, 160, 0.05) !important;
}

.go-featured-tag {
    background: var(--go-accent) !important;
    color: #050508 !important;
}

.go-page .sp-engagement-card li::before {
    color: var(--go-accent);
}

/* ─── RESPONSIVE ─── */
@media (max-width: 900px) {

    .go-contrast-grid,
    .go-who-layout {
        grid-template-columns: 1fr;
    }

    .go-cycle-track {
        flex-direction: column;
        gap: 36px;
    }

    .go-cycle-arrow {
        display: none;
    }
}