/*
Theme Name: Interfine Global
Theme URI: https://interfineglobal.com
Author: Interfine Global
Description: Official Interfine Global marketing theme — white-label music distribution platform.
Version: 2.1.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: interfineglobal-theme
Tags: custom-logo, custom-menu, full-width-template, dark
*/

/* ─────────────────────────────────────────────────────────
   DESIGN TOKENS
   ───────────────────────────────────────────────────────── */
:root {
    --ig-blue:        #0000D6;
    --ig-blue-2:      #4B3CFF;
    --ig-mint:        #02C39A;
    --ig-signal:      #FF5C38;
    --ig-bg:          #08081A;
    --ig-bg-2:        #0F0F2E;
    --ig-bg-3:        #13133C;
    --ig-text:        #F4F4FB;
    --ig-muted:       rgba(244,244,251,0.56);
    --ig-muted-2:     rgba(244,244,251,0.38);
    --ig-border:      rgba(244,244,251,0.10);
    --ig-border-2:    rgba(244,244,251,0.18);
    --ig-white:       #ffffff;
    --ig-r-sm:        8px;
    --ig-r-md:        12px;
    --ig-r-lg:        18px;
    --ig-font-display:'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
    --ig-font-body:   'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --ig-font-mono:   'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
    --ig-max-w:       1100px;
    --ig-nav-h:       68px;
}

/* ─────────────────────────────────────────────────────────
   HARD RESET — wins over any block theme remnants
   ───────────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }

body, body.ig-body {
    font-family: var(--ig-font-body) !important;
    font-size: 16px;
    line-height: 1.7;
    color: var(--ig-text) !important;
    background: var(--ig-bg) !important;
    -webkit-font-smoothing: antialiased;
}

img { max-width: 100%; height: auto; display: block; }
a { text-decoration: none; color: inherit; }
ul { list-style: none; }
button { cursor: pointer; font-family: inherit; border: none; background: none; }
h1,h2,h3,h4,h5,h6 { font-family: var(--ig-font-display); font-weight: 700; line-height: 1.15; color: var(--ig-white); }

/* Kill block theme wrappers that might still appear */
.wp-site-blocks { padding: 0 !important; margin: 0 !important; }
.is-layout-flow > * { margin: 0 !important; }
.wp-block-template-part > * { margin: 0 !important; }
.entry-content > p:empty { display: none; }

/* ─────────────────────────────────────────────────────────
   LOGO — constrain ANY image WordPress might inject
   ───────────────────────────────────────────────────────── */
.ig-logo-img,
.ig-logo img,
.ig-footer-logo img,
.custom-logo-link img,
.wp-block-site-logo img,
.ig-header img:not(.ig-logo-img) {
    display: block !important;
    width: 36px !important;
    height: 36px !important;
    max-width: 36px !important;
    max-height: 36px !important;
    min-width: 36px !important;
    min-height: 36px !important;
    object-fit: contain !important;
    border-radius: 6px !important;
    flex-shrink: 0 !important;
}

/* ─────────────────────────────────────────────────────────
   HEADER & NAV
   ───────────────────────────────────────────────────────── */
.ig-header {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: rgba(8,8,26,0.85);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid var(--ig-border);
}

.ig-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: var(--ig-nav-h);
    max-width: var(--ig-max-w);
    margin: 0 auto;
    padding: 0 2rem;
    gap: 2rem;
}

.ig-logo {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    color: var(--ig-white);
    font-family: var(--ig-font-display);
    font-size: 17px;
    font-weight: 700;
    letter-spacing: -0.01em;
    text-decoration: none;
    white-space: nowrap;
}
.ig-logo:hover { color: var(--ig-white); }

.ig-logo-name {
    font-family: var(--ig-font-display);
    font-size: 17px;
    font-weight: 700;
    color: var(--ig-white);
    white-space: nowrap;
}

.ig-nav-links {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    margin-left: auto;
}

.ig-nav-links a {
    font-size: 14px;
    font-weight: 500;
    color: var(--ig-muted);
    padding: 0.5rem 0.85rem;
    border-radius: var(--ig-r-sm);
    transition: color 0.15s, background 0.15s;
}
.ig-nav-links a:hover { color: var(--ig-white); background: rgba(255,255,255,0.06); }

/* ─────────────────────────────────────────────────────────
   BUTTONS
   ───────────────────────────────────────────────────────── */
.ig-btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--ig-blue);
    color: var(--ig-white) !important;
    font-size: 14px;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: var(--ig-r-sm);
    border: none;
    cursor: pointer;
    transition: background 0.15s, transform 0.1s, box-shadow 0.15s;
    box-shadow: 0 4px 16px -4px rgba(0,0,214,0.6);
    text-decoration: none !important;
    white-space: nowrap;
}
.ig-btn-primary:hover { background: var(--ig-blue-2); transform: translateY(-1px); box-shadow: 0 8px 20px -4px rgba(0,0,214,0.65); }
.ig-btn-primary:active { transform: translateY(0); }

.ig-btn-outline {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: transparent;
    color: var(--ig-text);
    font-size: 14px;
    font-weight: 500;
    padding: 10px 20px;
    border-radius: var(--ig-r-sm);
    border: 1px solid var(--ig-border-2);
    cursor: pointer;
    transition: border-color 0.15s, color 0.15s, background 0.15s;
    text-decoration: none !important;
}
.ig-btn-outline:hover { border-color: var(--ig-blue-2); color: #C4BFFF; background: rgba(75,60,255,0.08); }

.ig-nav-cta { padding: 9px 18px !important; margin-left: 0.5rem; }

/* ─────────────────────────────────────────────────────────
   MOBILE NAV
   ───────────────────────────────────────────────────────── */
.ig-hamburger {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    padding: 0;
    background: none;
    border: none;
    cursor: pointer;
}
.ig-hamburger span {
    display: block;
    width: 22px;
    height: 2px;
    background: var(--ig-text);
    border-radius: 2px;
    transition: transform 0.2s, opacity 0.2s;
}
.ig-hamburger[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.ig-hamburger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.ig-hamburger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

.ig-mobile-nav {
    display: flex;
    flex-direction: column;
    padding: 1rem 2rem 1.5rem;
    border-top: 1px solid var(--ig-border);
    background: var(--ig-bg-2);
    gap: 0.25rem;
}
.ig-mobile-nav[hidden] { display: none; }
.ig-mobile-nav a {
    font-size: 15px;
    font-weight: 500;
    color: var(--ig-muted);
    padding: 0.65rem 0;
    border-bottom: 1px solid var(--ig-border);
}
.ig-mobile-nav a:last-child { border-bottom: none; margin-top: 0.5rem; }
.ig-mobile-nav a:hover { color: var(--ig-white); }

/* ─────────────────────────────────────────────────────────
   LAYOUT HELPERS
   ───────────────────────────────────────────────────────── */
.ig-container { max-width: var(--ig-max-w); margin: 0 auto; padding: 0 2rem; }
.ig-section { padding: 6rem 0; }
.ig-section-alt { background: var(--ig-bg-2); }

.ig-section-label {
    display: block;
    font-family: var(--ig-font-mono);
    font-size: 11px;
    font-weight: 600;
    color: var(--ig-blue-2);
    text-transform: uppercase;
    letter-spacing: 0.14em;
    text-align: center;
    margin-bottom: 0.65rem;
}
.ig-section-title {
    font-family: var(--ig-font-display);
    font-size: clamp(28px, 4vw, 38px);
    font-weight: 700;
    color: var(--ig-white);
    text-align: center;
    letter-spacing: -0.02em;
    line-height: 1.15;
    margin-bottom: 0.75rem;
}
.ig-section-sub {
    font-size: 16px;
    color: var(--ig-muted);
    text-align: center;
    max-width: 540px;
    margin: 0 auto 3.5rem;
    line-height: 1.7;
}

/* ─────────────────────────────────────────────────────────
   HERO
   ───────────────────────────────────────────────────────── */
.ig-hero {
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 7rem 2rem 4rem;
}
.ig-hero::before {
    content: '';
    position: absolute;
    top: -100px; left: 50%;
    transform: translateX(-50%);
    width: 800px; height: 600px;
    background: radial-gradient(ellipse at center, rgba(75,60,255,0.22) 0%, transparent 65%);
    pointer-events: none;
    z-index: 0;
}
.ig-hero > * { position: relative; z-index: 1; }

.ig-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(75,60,255,0.12);
    border: 1px solid rgba(75,60,255,0.28);
    color: #C4BFFF;
    font-family: var(--ig-font-mono);
    font-size: 12px;
    font-weight: 500;
    padding: 6px 16px;
    border-radius: 999px;
    margin-bottom: 2rem;
    letter-spacing: 0.02em;
}

.ig-hero-title {
    font-family: var(--ig-font-display);
    font-size: clamp(40px, 6vw, 64px);
    font-weight: 700;
    color: var(--ig-white);
    letter-spacing: -0.025em;
    line-height: 1.08;
    margin-bottom: 1.5rem;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.ig-hero-title .ig-accent {
    background: linear-gradient(135deg, var(--ig-blue-2), #9D8FFF);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

.ig-hero-sub {
    font-size: clamp(16px, 2vw, 18px);
    color: var(--ig-muted);
    line-height: 1.7;
    max-width: 520px;
    margin: 0 auto 2.5rem;
}

.ig-hero-cta {
    display: flex;
    gap: 12px;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 2.5rem;
}
.ig-hero-cta .ig-btn-primary { font-size: 15px; padding: 13px 28px; }
.ig-hero-cta .ig-btn-outline { font-size: 15px; padding: 13px 28px; }

.ig-hero-proof {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    flex-wrap: wrap;
}
.ig-proof-item {
    font-size: 13px;
    color: var(--ig-muted);
    display: flex;
    align-items: center;
    gap: 6px;
}
.ig-proof-item::before { content: '✓'; color: var(--ig-mint); font-weight: 700; }

/* ─────────────────────────────────────────────────────────
   DASHBOARD PREVIEW WINDOW
   ───────────────────────────────────────────────────────── */
.ig-preview-wrap {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 2rem 4rem;
}
.ig-preview-window {
    background: var(--ig-bg-2);
    border: 1px solid var(--ig-border-2);
    border-radius: var(--ig-r-lg);
    overflow: hidden;
    box-shadow:
        0 0 0 1px rgba(75,60,255,0.12),
        0 32px 80px -24px rgba(0,0,214,0.4),
        0 8px 32px rgba(0,0,0,0.3);
}
.ig-preview-bar {
    background: var(--ig-bg-3);
    border-bottom: 1px solid var(--ig-border);
    padding: 0.7rem 1.25rem;
    display: flex;
    align-items: center;
    gap: 6px;
}
.ig-dot { width: 10px; height: 10px; border-radius: 50%; }
.ig-dot-red   { background: #FF5F57; }
.ig-dot-amber { background: #FEBC2E; }
.ig-dot-green { background: #28C840; }
.ig-preview-url {
    font-family: var(--ig-font-mono);
    font-size: 12px;
    color: var(--ig-muted);
    margin-left: 10px;
    background: rgba(255,255,255,0.05);
    padding: 3px 10px;
    border-radius: 4px;
}
.ig-preview-body {
    display: flex;
    height: 320px;
}
.ig-preview-sidebar {
    width: 170px;
    background: linear-gradient(160deg, rgba(0,0,214,0.2) 0%, transparent 60%), #0A0A23;
    padding: 1.25rem 1rem;
    flex-shrink: 0;
    position: relative;
    border-right: 1px solid var(--ig-border);
}
.ig-preview-sidebar::after {
    content: '';
    position: absolute;
    top: 0; right: 0; bottom: 0; width: 2px;
    background: linear-gradient(to bottom,
        var(--ig-signal) 0%, var(--ig-signal) 15%,
        var(--ig-blue-2) 15%, var(--ig-blue-2) 40%,
        var(--ig-mint) 40%, var(--ig-mint) 58%,
        var(--ig-blue-2) 58%, var(--ig-blue-2) 82%,
        var(--ig-signal) 82%, var(--ig-signal) 100%);
    opacity: 0.65;
}
.ig-ps-brand {
    font-family: var(--ig-font-display);
    font-size: 13px; font-weight: 700; color: var(--ig-white);
    margin-bottom: 1.25rem; display: flex; align-items: center; gap: 6px;
}
.ig-ps-brand img { width: 22px; height: 22px; border-radius: 4px; flex-shrink: 0; }
.ig-pnav {
    font-size: 11px; font-weight: 500;
    color: rgba(255,255,255,0.42);
    padding: 6px 8px;
    border-radius: 6px;
    margin-bottom: 2px;
    border-left: 2px solid transparent;
    display: flex; align-items: center; gap: 6px;
}
.ig-pnav.active {
    background: linear-gradient(90deg, rgba(0,0,214,0.35), rgba(0,0,214,0.05));
    color: #fff; border-left-color: var(--ig-signal);
}
.ig-preview-main { flex: 1; padding: 1.25rem; overflow: hidden; background: #0C0C28; }
.ig-pm-title { font-family: var(--ig-font-display); font-size: 15px; font-weight: 700; color: var(--ig-white); margin-bottom: 1rem; }
.ig-pstats { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; margin-bottom: 1rem; }
.ig-pstat {
    background: var(--ig-bg-3); border: 1px solid var(--ig-border); border-radius: 8px;
    padding: 0.65rem 0.85rem; position: relative; overflow: hidden;
}
.ig-pstat:first-child { background: linear-gradient(135deg, var(--ig-blue), var(--ig-blue-2)); border-color: transparent; }
.ig-pstat-n { font-family: var(--ig-font-display); font-size: 19px; font-weight: 700; color: var(--ig-white); }
.ig-pstat-l { font-size: 10px; color: var(--ig-muted); text-transform: uppercase; letter-spacing: .05em; font-weight: 600; margin-top: 2px; }
.ig-pcard { background: var(--ig-bg-3); border: 1px solid var(--ig-border); border-radius: 8px; padding: 0.85rem; }
.ig-pcard-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 0.6rem; }
.ig-pcard-title { font-family: var(--ig-font-display); font-size: 11px; font-weight: 700; color: var(--ig-white); }
.ig-pcard-btn { background: var(--ig-blue); color: #fff; border: none; padding: 3px 9px; border-radius: 4px; font-size: 10px; font-weight: 600; }
.ig-prow { display: flex; align-items: center; gap: 8px; padding: 5px 0; border-bottom: 1px solid var(--ig-border); }
.ig-prow:last-child { border-bottom: none; }
.ig-pcover {
    width: 28px; height: 28px; border-radius: 4px; flex-shrink: 0;
    background: linear-gradient(135deg, rgba(75,60,255,0.4), rgba(0,0,214,0.2));
    display: flex; align-items: center; justify-content: center; overflow: hidden;
}
.ig-pcover::before {
    content: '';
    display: block; width: 12px; height: 9px;
    background-image: linear-gradient(var(--ig-blue-2),var(--ig-blue-2)), linear-gradient(var(--ig-mint),var(--ig-mint)), linear-gradient(var(--ig-blue-2),var(--ig-blue-2));
    background-size: 2px 60%, 2px 100%, 2px 72%;
    background-position: 0 100%, 5px 100%, 10px 100%;
    background-repeat: no-repeat; opacity: 0.9;
}
.ig-pname { font-size: 11px; font-weight: 600; color: var(--ig-white); }
.ig-pmeta { font-size: 10px; color: var(--ig-muted); font-family: var(--ig-font-mono); }
.ig-pbadge {
    font-size: 10px; padding: 2px 7px 2px 5px; border-radius: 999px;
    font-weight: 600; display: inline-flex; align-items: center; gap: 4px; white-space: nowrap;
}
.ig-pbadge::before { content:''; display:block; width:5px; height:5px; border-radius:50%; flex-shrink:0; }
.ig-pbadge-ok { background: rgba(2,195,154,0.18); color: #5EEAD4; }
.ig-pbadge-ok::before { background: var(--ig-mint); box-shadow: 0 0 5px var(--ig-mint); }
.ig-pbadge-up { background: rgba(75,60,255,0.18); color: #C4BFFF; }
.ig-pbadge-up::before { background: var(--ig-blue-2); }

/* ─────────────────────────────────────────────────────────
   TRUST BAR
   ───────────────────────────────────────────────────────── */
.ig-trust-bar {
    padding: 2.5rem 2rem;
    border-top: 1px solid var(--ig-border);
    border-bottom: 1px solid var(--ig-border);
    text-align: center;
    background: var(--ig-bg-2);
}
.ig-trust-label {
    font-family: var(--ig-font-mono);
    font-size: 11px; font-weight: 600;
    color: var(--ig-muted-2);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 1.25rem;
}
.ig-dsp-pills {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.65rem;
    flex-wrap: wrap;
}
.ig-dsp-pill {
    font-size: 13px; font-weight: 600;
    color: var(--ig-muted);
    padding: 6px 16px;
    border: 1px solid var(--ig-border);
    border-radius: 999px;
    background: var(--ig-bg-3);
    transition: border-color 0.15s, color 0.15s;
}
.ig-dsp-pill:hover { border-color: rgba(75,60,255,0.4); color: var(--ig-text); }

/* ─────────────────────────────────────────────────────────
   FEATURES GRID
   ───────────────────────────────────────────────────────── */
.ig-features-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem;
    max-width: var(--ig-max-w);
    margin: 0 auto;
}
.ig-feature-card {
    background: var(--ig-bg-2);
    border: 1px solid var(--ig-border);
    border-radius: var(--ig-r-md);
    padding: 1.75rem;
    position: relative;
    overflow: hidden;
    transition: border-color 0.2s, transform 0.2s, box-shadow 0.2s;
}
.ig-feature-card::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(75,60,255,0.04) 0%, transparent 60%);
    pointer-events: none;
}
.ig-feature-card:hover {
    border-color: rgba(75,60,255,0.35);
    transform: translateY(-3px);
    box-shadow: 0 16px 40px -16px rgba(75,60,255,0.35);
}
.ig-feature-icon {
    width: 44px; height: 44px;
    border-radius: var(--ig-r-sm);
    background: rgba(75,60,255,0.14);
    border: 1px solid rgba(75,60,255,0.22);
    display: flex; align-items: center; justify-content: center;
    font-size: 20px;
    margin-bottom: 1.1rem;
}
.ig-feature-title {
    font-family: var(--ig-font-display);
    font-size: 16px; font-weight: 700; color: var(--ig-white);
    margin-bottom: 0.5rem;
}
.ig-feature-desc { font-size: 14px; color: var(--ig-muted); line-height: 1.65; }

/* ─────────────────────────────────────────────────────────
   HOW IT WORKS — STEPS
   ───────────────────────────────────────────────────────── */
.ig-steps {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    max-width: var(--ig-max-w);
    margin: 0 auto;
    position: relative;
}
.ig-steps::before {
    content: '';
    position: absolute;
    top: 22px; left: 12.5%; right: 12.5%;
    height: 1px;
    background: var(--ig-border);
    z-index: 0;
}
.ig-step { text-align: center; padding: 1.5rem 1rem; position: relative; z-index: 1; }
.ig-step-num {
    width: 44px; height: 44px; border-radius: 50%;
    background: var(--ig-blue);
    color: var(--ig-white);
    font-family: var(--ig-font-mono);
    font-size: 15px; font-weight: 700;
    display: flex; align-items: center; justify-content: center;
    margin: 0 auto 1.1rem;
    box-shadow: 0 0 0 6px var(--ig-bg-2), 0 0 0 7px var(--ig-border), 0 4px 16px -4px rgba(0,0,214,0.7);
}
.ig-step-title { font-family: var(--ig-font-display); font-size: 15px; font-weight: 700; color: var(--ig-white); margin-bottom: 0.4rem; }
.ig-step-desc { font-size: 13px; color: var(--ig-muted); line-height: 1.6; }

/* ─────────────────────────────────────────────────────────
   PRICING
   ───────────────────────────────────────────────────────── */
.ig-pricing-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
    max-width: var(--ig-max-w);
    margin: 0 auto;
    align-items: start;
}
.ig-plan {
    background: var(--ig-bg-2);
    border: 1px solid var(--ig-border);
    border-radius: var(--ig-r-md);
    padding: 1.75rem;
    position: relative;
    transition: transform 0.15s, border-color 0.15s;
}
.ig-plan:hover { transform: translateY(-2px); border-color: var(--ig-border-2); }
.ig-plan.ig-featured {
    border-color: var(--ig-blue-2);
    box-shadow: 0 0 0 1px rgba(75,60,255,0.2), 0 20px 60px -20px rgba(75,60,255,0.5);
}
.ig-plan-badge {
    position: absolute; top: -12px; left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(135deg, var(--ig-blue), var(--ig-blue-2));
    color: #fff; font-size: 11px; font-weight: 600;
    padding: 3px 14px; border-radius: 999px; white-space: nowrap;
}
.ig-plan-name {
    font-family: var(--ig-font-mono); font-size: 11px; font-weight: 600;
    color: var(--ig-muted); text-transform: uppercase; letter-spacing: 0.08em;
    margin-bottom: 0.5rem;
}
.ig-plan-price {
    font-family: var(--ig-font-display); font-size: 34px; font-weight: 700;
    color: var(--ig-white); letter-spacing: -0.02em; margin-bottom: 0.25rem;
}
.ig-plan-price sub { font-size: 14px; font-weight: 400; color: var(--ig-muted); font-family: var(--ig-font-body); vertical-align: baseline; }
.ig-plan-desc { font-size: 13px; color: var(--ig-muted); margin-bottom: 1.25rem; line-height: 1.5; }
.ig-plan hr { border: none; border-top: 1px solid var(--ig-border); margin: 1.25rem 0; }
.ig-plan-features { display: flex; flex-direction: column; gap: 8px; margin-bottom: 1.5rem; }
.ig-plan-feature {
    font-size: 13px; color: var(--ig-text);
    display: flex; align-items: flex-start; gap: 8px;
}
.ig-plan-feature::before { content: '✓'; color: var(--ig-mint); font-weight: 700; flex-shrink: 0; margin-top: 1px; }
.ig-plan-btn {
    display: block; width: 100%; padding: 11px;
    border-radius: var(--ig-r-sm); font-size: 14px; font-weight: 600;
    text-align: center; border: 1px solid var(--ig-border-2);
    background: transparent; color: var(--ig-text);
    transition: background 0.15s, border-color 0.15s, color 0.15s;
    cursor: pointer; text-decoration: none !important;
}
.ig-plan-btn:hover { border-color: var(--ig-blue-2); color: #C4BFFF; background: rgba(75,60,255,0.08); }
.ig-plan-btn.ig-btn-primary { border-color: transparent; }

/* ─────────────────────────────────────────────────────────
   TESTIMONIALS
   ───────────────────────────────────────────────────────── */
.ig-testimonials {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem;
    max-width: var(--ig-max-w);
    margin: 0 auto;
}
.ig-testimonial {
    background: var(--ig-bg-2);
    border: 1px solid var(--ig-border);
    border-radius: var(--ig-r-md);
    padding: 1.75rem;
}
.ig-stars { color: var(--ig-mint); font-size: 14px; letter-spacing: 2px; margin-bottom: 1rem; }
.ig-testimonial-text { font-size: 14px; color: var(--ig-text); line-height: 1.75; margin-bottom: 1.25rem; font-style: italic; }
.ig-testimonial-author { display: flex; align-items: center; gap: 10px; }
.ig-avatar {
    width: 38px; height: 38px; border-radius: 50%; flex-shrink: 0;
    display: flex; align-items: center; justify-content: center;
    font-family: var(--ig-font-display); font-size: 13px; font-weight: 700;
}
.ig-author-name { font-size: 13px; font-weight: 700; color: var(--ig-white); }
.ig-author-role { font-size: 12px; color: var(--ig-muted); }

/* ─────────────────────────────────────────────────────────
   FAQ
   ───────────────────────────────────────────────────────── */
.ig-faq { max-width: 680px; margin: 0 auto; }
.ig-faq-item { border-bottom: 1px solid var(--ig-border); }
.ig-faq-q {
    width: 100%; text-align: left;
    font-family: var(--ig-font-display); font-size: 16px; font-weight: 600;
    color: var(--ig-white); padding: 1.25rem 0;
    display: flex; align-items: center; justify-content: space-between; gap: 1rem;
    background: none; border: none; cursor: pointer;
}
.ig-faq-icon { font-size: 22px; color: var(--ig-blue-2); transition: transform 0.2s; flex-shrink: 0; font-weight: 300; line-height: 1; }
.ig-faq-item.ig-open .ig-faq-icon { transform: rotate(45deg); }
.ig-faq-a {
    font-size: 14px; color: var(--ig-muted); line-height: 1.75;
    max-height: 0; overflow: hidden; transition: max-height 0.3s ease, padding 0.2s;
}
.ig-faq-item.ig-open .ig-faq-a { max-height: 300px; padding-bottom: 1.25rem; }

/* ─────────────────────────────────────────────────────────
   CTA SECTION
   ───────────────────────────────────────────────────────── */
.ig-cta {
    background: var(--ig-bg-2);
    padding: 7rem 2rem;
    text-align: center;
    position: relative;
    overflow: hidden;
}
.ig-cta::before {
    content: '';
    position: absolute;
    width: 500px; height: 500px; border-radius: 50%;
    background: radial-gradient(closest-side, rgba(0,0,214,0.22), transparent);
    top: -200px; right: -100px;
    pointer-events: none;
}
.ig-cta::after {
    content: '';
    position: absolute;
    width: 400px; height: 400px; border-radius: 50%;
    background: radial-gradient(closest-side, rgba(75,60,255,0.18), transparent);
    bottom: -150px; left: -80px;
    pointer-events: none;
}
.ig-cta > * { position: relative; z-index: 1; }
.ig-cta h2 { font-size: clamp(28px, 4vw, 42px); letter-spacing: -0.02em; margin-bottom: 0.85rem; }
.ig-cta p { font-size: 16px; color: var(--ig-muted); margin-bottom: 2.5rem; max-width: 460px; margin-left: auto; margin-right: auto; }
.ig-cta-btns { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.ig-cta-btns .ig-btn-primary { font-size: 15px; padding: 13px 28px; }
.ig-cta-btns .ig-btn-outline { font-size: 15px; padding: 13px 28px; }

/* ─────────────────────────────────────────────────────────
   FOOTER
   ───────────────────────────────────────────────────────── */
.ig-footer {
    background: var(--ig-bg);
    border-top: 1px solid var(--ig-border);
    padding: 4rem 0 2rem;
}
.ig-footer-inner { max-width: var(--ig-max-w); margin: 0 auto; padding: 0 2rem; }
.ig-footer-top {
    display: grid;
    grid-template-columns: 1.6fr 1fr 1fr 1fr;
    gap: 2.5rem;
    margin-bottom: 3rem;
}
.ig-footer-logo {
    display: flex; align-items: center; gap: 10px;
    font-family: var(--ig-font-display); font-size: 16px; font-weight: 700;
    color: var(--ig-white); margin-bottom: 0.85rem;
    text-decoration: none;
}
.ig-footer-logo:hover { color: var(--ig-white); }
.ig-footer-tagline { font-size: 13px; color: var(--ig-muted-2); line-height: 1.65; max-width: 220px; }
.ig-footer-col-title {
    font-family: var(--ig-font-mono); font-size: 11px; font-weight: 600;
    color: var(--ig-muted); text-transform: uppercase; letter-spacing: 0.1em;
    margin-bottom: 1rem;
}
.ig-footer-col ul { display: flex; flex-direction: column; gap: 8px; }
.ig-footer-col a { font-size: 13px; color: var(--ig-muted-2); transition: color 0.15s; }
.ig-footer-col a:hover { color: var(--ig-text); }
.ig-footer-bottom {
    display: flex; align-items: center; justify-content: space-between;
    padding-top: 1.75rem; border-top: 1px solid var(--ig-border);
    flex-wrap: wrap; gap: 1rem;
}
.ig-footer-copy { font-size: 12px; color: var(--ig-muted-2); }
.ig-footer-legal { display: flex; gap: 1.25rem; }
.ig-footer-legal a { font-size: 12px; color: var(--ig-muted-2); transition: color 0.15s; }
.ig-footer-legal a:hover { color: var(--ig-text); }

/* ─────────────────────────────────────────────────────────
   REGULAR PAGES (non-marketing)
   ───────────────────────────────────────────────────────── */
.ig-page-content {
    min-height: 60vh;
    padding: 5rem 2rem 4rem;
    max-width: 800px;
    margin: 0 auto;
}
.ig-page-content h1 { font-size: 36px; margin-bottom: 1.5rem; }
.ig-page-content p, .ig-page-content li { font-size: 16px; color: var(--ig-muted); line-height: 1.8; }
.ig-page-content p { margin-bottom: 1rem; }

/* ─────────────────────────────────────────────────────────
   WP ADMIN BAR OFFSET
   ───────────────────────────────────────────────────────── */
.admin-bar .ig-header { top: 32px; }
@media screen and (max-width: 782px) { .admin-bar .ig-header { top: 46px; } }

/* ─────────────────────────────────────────────────────────
   RESPONSIVE
   ───────────────────────────────────────────────────────── */
@media (max-width: 1024px) {
    .ig-features-grid { grid-template-columns: repeat(2, 1fr); }
    .ig-pricing-grid { grid-template-columns: repeat(2, 1fr); gap: 1.5rem; }
    .ig-testimonials { grid-template-columns: 1fr; }
    .ig-footer-top { grid-template-columns: 1fr 1fr; }
    .ig-preview-body { height: auto; flex-direction: column; }
    .ig-preview-sidebar { width: 100%; padding: 0.75rem 1rem; display: flex; gap: 1rem; align-items: center; border-right: none; border-bottom: 1px solid var(--ig-border); }
    .ig-preview-sidebar::after { display: none; }
    .ig-ps-brand { margin-bottom: 0; }
    .ig-pstats { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 768px) {
    :root { --ig-nav-h: 60px; }
    .ig-nav-links { display: none; }
    .ig-hamburger { display: flex; }
    .ig-hero { padding: 4rem 1.5rem 2.5rem; }
    .ig-section { padding: 4rem 0; }
    .ig-features-grid { grid-template-columns: 1fr; }
    .ig-steps { grid-template-columns: repeat(2,1fr); }
    .ig-steps::before { display: none; }
    .ig-pricing-grid { grid-template-columns: 1fr; }
    .ig-footer-top { grid-template-columns: 1fr; gap: 2rem; }
    .ig-footer-bottom { flex-direction: column; align-items: flex-start; }
    .ig-preview-main { padding: 1rem; }
    .ig-pstats { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 480px) {
    .ig-steps { grid-template-columns: 1fr; }
    .ig-hero-proof { flex-direction: column; gap: 0.5rem; }
    .ig-container { padding: 0 1.25rem; }
}