/*!
 * Influenzic — WordPress Theme
 * Main Stylesheet  |  @package influenzic
 *
 * Table of Contents
 * ─────────────────────────────────────────────────────────────────────────────
 * §00  DESIGN TOKENS   (CSS custom properties)
 * §01  BASE RESET
 * §02  SHARED UTILITIES
 *       Watermark wrap contexts · Ghost watermark · Container · Section wrapper
 *       Section header · Buttons · Card · Accessibility · Blog fallback
 * §03  STICKY NAVIGATION
 * §04  HERO / BANNER
 * §05  TRUST BAR
 * §06  PLATFORM SHOWCASE
 * §07  WHY CHOOSE
 * §08  CORE FEATURES
 * §09  FAQ
 * §10  FEATURE HIGHLIGHTS
 * §11  TESTIMONIALS
 * §12  PLATFORM DEMO
 * §13  BUY NOW
 * §14  NEWSLETTER STRIP
 * §15  FOOTER
 * §16  TRUST STRIP
 * §17  FEATURES PAGE  (page-features.php)
 * §18  FLOATING BUTTONS + SCROLL-TO-TOP
 * ─────────────────────────────────────────────────────────────────────────────
 */

/* ═══════════════════════════════════════════════════════════════════════════
   §00  DESIGN TOKENS
   All values should be consumed via these properties throughout this file.
   Overrides for customisable tokens are injected by inc/customizer-output.php
   via wp_add_inline_style() on the inzc-main handle.
   ═══════════════════════════════════════════════════════════════════════════ */

:root {

    /* ── Brand colors ── */
    --inzc-color-primary: #5551e9;
    --inzc-color-primary-rgb: 85, 81, 233;
    --inzc-color-primary-hover: #403cb8;
    --inzc-color-primary-grad-end: #908df0;
    --inzc-color-primary-grad-end-alt: #9693f1;
    /* darker tint — :hover / :active states */
    --inzc-color-separator: #5551e9;
    --inzc-cat-color: var(--inzc-color-primary);

    /* ── Background palette ── */
    --inzc-color-bg-white: #ffffff;
    --inzc-color-bg-gray: #f5f5f5;
    --inzc-color-bg-dark: #1e1d23;
    --inzc-color-bg-navy: #16192e;
    /* deep navy — platform-demo, buy-now */


    /* ── Text palette ── */
    --inzc-color-text-heading: #111111;
    --inzc-color-text-dark: #232323;
    --inzc-color-text-body: #6f6f6f;
    --inzc-color-text-muted: #9a9a9a;
    /* secondary / hint text */
    --inzc-color-text-white: #ffffff;

    /* ── Accent / state colors ── */
    --inzc-color-star: #f2b827;
    /* review star fill */
    --inzc-color-overlay-dark: rgba(0, 0, 0, 0.80);
    --inzc-color-overlay-primary: rgba(var(--inzc-color-primary-rgb), 0.88);
    /* customizer-managed */
    --inzc-color-code-copy-btn-bg-hover: #2e303e;

    /* ── Success state colors ── */
    --inzc-color-success: #2ed573;
    --inzc-color-success-rgb: 46, 213, 115;
    --inzc-color-success-bg: rgba(var(--inzc-color-success-rgb), 0.12);

    /* ── Typography — family ── */
    --inzc-font-family: 'Roboto', sans-serif;

    /* ── Typography — sizes ── */
    --inzc-font-size-body: 16px;
    --inzc-font-size-nav: 15px;
    --inzc-font-size-eyebrow: 15px;
    --inzc-font-size-feature-h3: 14px;
    --inzc-font-size-section-h2: 40px;
    --inzc-font-size-hero-h2: 50px;
    --inzc-font-size-hero-sub: 18px;

    /* ── Typography — weights ── */
    --inzc-font-weight-light: 300;
    --inzc-font-weight-regular: 400;
    --inzc-font-weight-medium: 500;
    --inzc-font-weight-semibold: 600;
    --inzc-font-weight-bold: 700;
    --inzc-font-weight-extrabold: 800;
    --inzc-font-weight-black: 900;

    /* ── Typography — metrics ── */
    --inzc-line-height-hero: 60px;
    --inzc-line-height-section: 44px;
    --inzc-letter-spacing-eyebrow: 5px;

    /* ── Spacing ── */
    --inzc-container-width: 1350px;
    --inzc-nav-height: 74px;
    --inzc-section-pad-top: 80px;
    --inzc-section-pad-bottom: 80px;
    --inzc-separator-w: 55px;
    --inzc-separator-h: 3px;

    /* ── Border radius ── */
    --inzc-radius-sm: 6px;
    --inzc-radius-md: 8px;
    --inzc-radius-lg: 12px;
    --inzc-radius-xl: 20px;

    /* ── Shadows ── */
    --inzc-shadow-btn: rgba(0, 0, 0, 0.30) 0px 5px 30px 0px;
    --inzc-shadow-card: 0 2px 20px rgba(0, 0, 0, 0.08);
    --inzc-shadow-card-hover: 0 8px 30px rgba(0, 0, 0, 0.12);

    /* ── Transitions ── */
    --inzc-transition-fast: 0.18s ease;
    --inzc-transition-base: 0.2s ease;
    --inzc-transition-slow: 0.3s ease;
    --inzc-transition-card: transform 0.25s ease, box-shadow 0.25s ease;

    /* ── Background images — customizer-managed (fallbacks here) ── */
    --inzc-img-hero: url('assets/images/hero-bg.jpg');
    --inzc-img-pattern: url('assets/images/pattern.png');
    --inzc-img-cta: url('assets/images/cta-bg.jpg');
    /* managed by customizer */
    --inzc-img-footer: url('assets/images/footer-bg.png');
}

/* ═══════════════════════════════════════════════════════════════════════════
   §01  BASE RESET
   ═══════════════════════════════════════════════════════════════════════════ */

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body.inzc-body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0;
    padding: 0;
    font-family: var(--inzc-font-family);
    font-size: var(--inzc-font-size-body);
    font-weight: var(--inzc-font-weight-regular);
    color: var(--inzc-color-text-body);
    background-color: var(--inzc-color-bg-white);
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#inzc-main {
    flex: 1 0 auto;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

a {
    color: var(--inzc-color-primary);
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

/* Underline inline text links on hover */
p a:hover,
li a:hover,
td a:hover,
.inzc-rich-text a:hover,
.inzc-doc-content a:hover,
.inzc-ext-content a:hover {
    text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--inzc-color-text-heading);
    margin-top: 0;
    font-family: var(--inzc-font-family);
}

p {
    margin-top: 0;
}

/* ═══════════════════════════════════════════════════════════════════════════
   §02  SHARED UTILITIES
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Container ── */

.inzc-container {
    max-width: var(--inzc-container-width);
    margin-inline: auto;
    padding-inline: 20px;
}

/* ── Section wrapper ── */

.inzc-section {
    padding-top: var(--inzc-section-pad-top);
    padding-bottom: var(--inzc-section-pad-bottom);
}

.inzc-section--gray {
    background-color: var(--inzc-color-bg-gray);
}

.inzc-section--white {
    background-color: var(--inzc-color-bg-white);
}

.inzc-section--dark {
    background-color: var(--inzc-color-bg-dark);
    color: var(--inzc-color-text-white);
}

.inzc-section--pattern {
    background-image: var(--inzc-img-pattern);
}

/* ── Section header (eyebrow + separator + heading + subtitle) ── */

.inzc-section-head {
    margin-bottom: 50px;
}

.inzc-section-head--center {
    text-align: center;
}

.inzc-section-head--left {
    text-align: left;
}

.inzc-section-head--right {
    text-align: right;
}

.inzc-section-head__eyebrow {
    font-size: var(--inzc-font-size-eyebrow);
    font-weight: var(--inzc-font-weight-bold);
    color: var(--inzc-color-text-heading);
    letter-spacing: var(--inzc-letter-spacing-eyebrow);
    text-transform: uppercase;
    margin: 0 0 12px;
}

.inzc-section-head__separator {
    display: block;
    width: var(--inzc-separator-w);
    height: var(--inzc-separator-h);
    background-color: var(--inzc-color-separator);
    margin: 0 0 18px;
}

.inzc-section-head--center .inzc-section-head__separator {
    margin-inline: auto;
}

.inzc-section-head--right .inzc-section-head__separator {
    margin-left: auto;
}

.inzc-section-head__heading {
    font-size: var(--inzc-font-size-section-h2);
    font-weight: var(--inzc-font-weight-semibold);
    line-height: var(--inzc-line-height-section);
    color: var(--inzc-color-text-heading);
    margin: 0 0 16px;
}

.inzc-section-head__sub {
    font-size: 17px;
    color: var(--inzc-color-text-body);
    max-width: 640px;
    margin: 0;
}

.inzc-section-head--center .inzc-section-head__sub {
    margin-inline: auto;
}

/* ── Section inner wrap — positioning context for ghost watermarks ── */
/*    Applied to the direct container inside each watermarked section.     */
.inzc-about__wrap,
.inzc-showcase__wrap,
.inzc-why__wrap,
.inzc-core-features__wrap,
.inzc-faq__wrap,
.inzc-testimonials__wrap {
    position: relative;
    overflow: hidden;
}

/* ── Ghost watermark — oversized text decorating the section background ── */
.inzc-watermark {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    font-size: clamp(72px, 14vw, 160px);
    font-weight: var(--inzc-font-weight-black);
    color: rgba(0, 0, 0, 0.06);
    white-space: nowrap;
    pointer-events: none;
    user-select: none;
    line-height: 1;
    letter-spacing: -0.03em;
}

/* ── Buttons ── */

.inzc-btn {
    display: inline-block;
    padding: 14px 36px;
    border-radius: var(--inzc-radius-md);
    font-family: var(--inzc-font-family);
    font-size: 15px;
    font-weight: var(--inzc-font-weight-bold);
    line-height: 1;
    text-align: center;
    cursor: pointer;
    transition: opacity var(--inzc-transition-base), transform var(--inzc-transition-base);
    border: 2px solid transparent;
    text-decoration: none;
}

.inzc-btn:hover {
    text-decoration: none;
    opacity: 0.88;
    transform: translateY(-1px);
}

/* Primary — solid orange */
.inzc-btn--primary {
    background-color: var(--inzc-color-primary);
    color: var(--inzc-color-text-white);
    border-color: var(--inzc-color-primary);
    box-shadow: var(--inzc-shadow-btn);
}

/* Ghost — transparent with primary border */
.inzc-btn--ghost {
    background-color: transparent;
    color: var(--inzc-color-primary);
    border-color: var(--inzc-color-primary);
}

/* White — solid white (used on dark/overlay sections) */
.inzc-btn--white {
    background-color: var(--inzc-color-text-white);
    color: var(--inzc-color-primary);
    border-color: var(--inzc-color-text-white);
    box-shadow: var(--inzc-shadow-btn);
}

/* White ghost — transparent white border (used on dark sections) */
.inzc-btn--white-ghost {
    background-color: transparent;
    color: var(--inzc-color-text-white);
    border-color: var(--inzc-color-text-white);
}

/* ── Card ── */

.inzc-card {
    background-color: var(--inzc-color-bg-white);
    border-radius: var(--inzc-radius-md);
    box-shadow: var(--inzc-shadow-card);
    padding: 30px 24px;
    transition: var(--inzc-transition-card);
}

.inzc-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.12);
}

/* ── Accessibility / screen-reader ── */

.screen-reader-text,
.inzc-skip-link {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.inzc-skip-link:focus {
    position: fixed;
    top: 10px;
    left: 10px;
    width: auto;
    height: auto;
    padding: 8px 16px;
    background: var(--inzc-color-primary);
    color: var(--inzc-color-text-white);
    clip: auto;
    border-radius: 4px;
    z-index: 100000;
}

/* ── Blog fallback (index.php) ── */

.inzc-blog {
    padding: 80px 0;
}

.inzc-post {
    margin-bottom: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.inzc-post__title a {
    color: var(--inzc-color-text-heading);
}

/* ═══════════════════════════════════════════════════════════════════════════
   §03  NAVIGATION
   Class prefix: .inzc-header / .inzc-nav
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Header shell ── */
.inzc-header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--inzc-nav-height);
    z-index: 9000;
    transition: background-color var(--inzc-transition-slow), box-shadow var(--inzc-transition-slow);
}

/* Scrolled state — applied by JS after 80px */
.inzc-header.is-scrolled {
    position: fixed;
    background-color: rgba(255, 255, 255, 0.97);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.10);
}

/* Light modifier — for pages with no dark hero (404, legal, support, login) */
.inzc-header--light {
    background-color: rgba(255, 255, 255, 0.97);
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.07);
}

.inzc-header--light .inzc-nav__logo-img--light {
    display: none;
}

.inzc-header--light .inzc-nav__logo-img--dark {
    display: block;
}

.inzc-header--light .inzc-nav__link {
    color: var(--inzc-color-text-body);
}

.inzc-header--light .inzc-nav__link:hover,
.inzc-header--light .inzc-nav__link.is-active {
    color: var(--inzc-color-primary);
}

.inzc-header--light .inzc-nav__login {
    color: var(--inzc-color-text-muted);
}

.inzc-header--light .inzc-nav__login:hover {
    color: var(--inzc-color-text-body);
}

.inzc-header--light .inzc-nav__hamburger-bar {
    background-color: var(--inzc-color-text-heading);
}

/* ── Inner layout ── */
.inzc-nav__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: var(--inzc-nav-height);
    gap: 24px;
}

/* ── Logo ── */
.inzc-nav__logo {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    text-decoration: none;
}

.inzc-nav__logo-img {
    max-height: 40px;
    width: auto;
}

/* Show light logo by default, dark when scrolled */
.inzc-nav__logo-img--dark {
    display: none;
}

.inzc-header.is-scrolled .inzc-nav__logo-img--light {
    display: none;
}

.inzc-header.is-scrolled .inzc-nav__logo-img--dark {
    display: block;
}

.inzc-nav__logo-text {
    font-size: 22px;
    font-weight: var(--inzc-font-weight-bold);
    color: var(--inzc-color-text-white);
    letter-spacing: 1px;
}

.inzc-header.is-scrolled .inzc-nav__logo-text {
    color: var(--inzc-color-text-heading);
}

/* ── Nav links ── */
.inzc-nav__links {
    flex: 1;
    display: flex;
    justify-content: flex-end;
}

.inzc-nav__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 36px;
}

.inzc-nav__link {
    font-size: 14px;
    font-weight: var(--inzc-font-weight-medium);
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    letter-spacing: 0.01em;
    transition: color var(--inzc-transition-base);
    position: relative;
}

.inzc-nav__link::after {
    content: '';
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: var(--inzc-color-primary);
    transition: width 0.25s ease;
}

.inzc-nav__link:hover {
    color: var(--inzc-color-text-white);
    text-decoration: none;
}

.inzc-nav__link.is-active {
    color: var(--inzc-color-primary);
    text-decoration: none;
}

.inzc-nav__link.is-active::after,
.inzc-nav__link:hover::after {
    width: 100%;
}

/* Scrolled link colour */
.inzc-header.is-scrolled .inzc-nav__link {
    color: var(--inzc-color-text-body);
}

.inzc-header.is-scrolled .inzc-nav__link:hover,
.inzc-header.is-scrolled .inzc-nav__link.is-active {
    color: var(--inzc-color-primary);
}

/* ── CTA button (nav) ── */
.inzc-nav__cta-btn {
    flex-shrink: 0;
    padding: 10px 26px;
    font-size: 14px;
}

/* ── Downloads / account link (nav, logged-in state) ── */
.inzc-nav__account-link {
    flex-shrink: 0;
    font-size: 13px;
    font-weight: var(--inzc-font-weight-medium);
    color: var(--inzc-color-text-body);
    text-decoration: none;
    opacity: 0.75;
    transition: opacity 0.15s;
}

.inzc-nav__account-link:hover {
    opacity: 1;
}

.inzc-header--light .inzc-nav__account-link {
    color: var(--inzc-color-text-heading);
}

/* ── Log in link (nav) ── */
.inzc-nav__login {
    flex-shrink: 0;
    font-size: 13px;
    font-weight: var(--inzc-font-weight-medium);
    color: rgba(255, 255, 255, 0.55);
    text-decoration: none;
    letter-spacing: 0.3px;
    transition: color var(--inzc-transition-base);
    white-space: nowrap;
}

.inzc-nav__login:hover {
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
}

.inzc-header.is-scrolled .inzc-nav__login {
    color: var(--inzc-color-text-muted);
}

.inzc-header.is-scrolled .inzc-nav__login:hover {
    color: var(--inzc-color-text-body);
}

/* ── Hamburger (mobile) ── */
.inzc-nav__hamburger {
    display: none;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 6px;
    flex-shrink: 0;
}

.inzc-nav__hamburger-bar {
    display: block;
    width: 24px;
    height: 2px;
    background-color: var(--inzc-color-text-white);
    border-radius: 2px;
    transition: background-color 0.2s ease, transform 0.2s ease, opacity 0.2s ease;
}

.inzc-header.is-scrolled .inzc-nav__hamburger-bar {
    background-color: var(--inzc-color-text-heading);
}

/* Animated X state */
.inzc-nav__hamburger[aria-expanded="true"] .inzc-nav__hamburger-bar:nth-child(1) {
    transform: translateY(7px) rotate(45deg);
}

.inzc-nav__hamburger[aria-expanded="true"] .inzc-nav__hamburger-bar:nth-child(2) {
    opacity: 0;
}

.inzc-nav__hamburger[aria-expanded="true"] .inzc-nav__hamburger-bar:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
}

/* ── Mobile menu panel ── */
.inzc-nav__mobile-menu {
    display: none;
    background-color: var(--inzc-color-text-white);
    padding: 16px 20px 24px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.10);
}

.inzc-nav__mobile-menu.is-open {
    display: block;
}

.inzc-nav__mobile-list {
    list-style: none;
    margin: 0 0 16px;
    padding: 0;
}

.inzc-nav__mobile-link {
    display: block;
    padding: 12px 0;
    font-size: 15px;
    font-weight: var(--inzc-font-weight-bold);
    color: var(--inzc-color-text-heading);
    border-bottom: 1px solid #f0f0f0;
    letter-spacing: 1px;
}

.inzc-nav__mobile-link:hover {
    color: var(--inzc-color-primary);
    text-decoration: none;
}

.inzc-nav__mobile-cta {
    display: block;
    text-align: center;
    margin-top: 16px;
}

/* ── Responsive: show hamburger on mobile ── */
@media (max-width: 991px) {

    .inzc-nav__links,
    .inzc-nav__cta-btn,
    .inzc-nav__login,
    .inzc-nav__signin-link,
    .inzc-user-chip {
        display: none;
    }

    .inzc-nav__hamburger {
        display: flex;
    }
}

@media (max-width: 575px) {
    .inzc-nav__inner {
        padding-inline: 16px;
    }
}

/* ── Nav actions wrapper ── */
.inzc-nav__actions {
    display: flex;
    align-items: center;
    gap: 12px;
    position: relative;
    flex-shrink: 0;
}

/* ── Sign In link (logged-out) ── */
.inzc-nav__signin-link {
    flex-shrink: 0;
    font-size: 13px;
    font-weight: var(--inzc-font-weight-medium);
    color: rgba(255, 255, 255, 0.65);
    text-decoration: none;
    letter-spacing: 0.3px;
    transition: color var(--inzc-transition-base);
    white-space: nowrap;
}

.inzc-nav__signin-link:hover {
    color: #fff;
    text-decoration: none;
}

.inzc-header--light .inzc-nav__signin-link,
.inzc-header.is-scrolled .inzc-nav__signin-link {
    color: var(--inzc-color-text-muted);
}

.inzc-header--light .inzc-nav__signin-link:hover,
.inzc-header.is-scrolled .inzc-nav__signin-link:hover {
    color: var(--inzc-color-text-body);
}

/* Get Started arrow icon inside CTA */
.inzc-nav__cta-btn svg {
    vertical-align: middle;
    margin-left: 4px;
}

/* ── User chip (logged-in) ── */
.inzc-user-chip {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 5px 10px 5px 5px;
    border-radius: 999px;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.18);
    transition: background 0.15s, border-color 0.15s;
    user-select: none;
}

.inzc-user-chip:hover,
.inzc-user-chip[aria-expanded="true"] {
    background: rgba(255, 255, 255, 0.2);
    border-color: rgba(255, 255, 255, 0.3);
}

.inzc-header--light .inzc-user-chip,
.inzc-header.is-scrolled .inzc-user-chip {
    background: rgba(0, 0, 0, 0.05);
    border-color: rgba(0, 0, 0, 0.1);
}

.inzc-header--light .inzc-user-chip:hover,
.inzc-header.is-scrolled .inzc-user-chip:hover {
    background: rgba(0, 0, 0, 0.08);
}

.inzc-user-chip__avatar-wrap {
    position: relative;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: var(--inzc-color-primary);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
}

.inzc-user-chip__initials {
    font-size: 12px;
    font-weight: var(--inzc-font-weight-bold);
    line-height: 1;
    user-select: none;
    color: #fff;
}

.inzc-user-chip__avatar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    z-index: 2;
}

.inzc-user-chip__name {
    font-size: 13px;
    font-weight: var(--inzc-font-weight-semibold);
    color: #fff;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inzc-header--light .inzc-user-chip__name,
.inzc-header.is-scrolled .inzc-user-chip__name {
    color: var(--inzc-color-text-heading);
}

.inzc-user-chip__chevron {
    flex-shrink: 0;
    color: rgba(255, 255, 255, 0.7);
    transition: transform 0.2s ease;
}

.inzc-header--light .inzc-user-chip__chevron,
.inzc-header.is-scrolled .inzc-user-chip__chevron {
    color: var(--inzc-color-text-muted);
}

.inzc-user-chip[aria-expanded="true"] .inzc-user-chip__chevron {
    transform: rotate(180deg);
}

/* ── User dropdown panel ── */
.inzc-user-dropdown {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    width: 260px;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 8px 40px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.06);
    padding: 8px;
    z-index: 9999;
    opacity: 0;
    transform: translateY(-6px) scale(0.98);
    pointer-events: none;
    transition: opacity 0.18s ease, transform 0.18s ease;
}

.inzc-user-dropdown[aria-hidden="false"],
.inzc-user-dropdown.inzc-user-dropdown--open {
    opacity: 1;
    transform: translateY(0) scale(1);
    pointer-events: auto;
}

/* Identity block at top of dropdown */
.inzc-user-dropdown__identity {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 10px 10px;
}

.inzc-user-dropdown__avatar-wrap {
    position: relative;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: var(--inzc-color-primary);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
    border: 2px solid var(--inzc-color-primary);
}

.inzc-user-dropdown__initials {
    font-size: 14px;
    font-weight: var(--inzc-font-weight-bold);
    line-height: 1;
    user-select: none;
    color: #fff;
}

.inzc-user-dropdown__avatar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
    z-index: 2;
}

.inzc-user-dropdown__display-name {
    font-size: 13px;
    font-weight: var(--inzc-font-weight-bold);
    color: #111;
    line-height: 1.3;
}

.inzc-user-dropdown__email {
    font-size: 11px;
    color: #888;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 170px;
}

/* Divider */
.inzc-user-dropdown__divider {
    height: 1px;
    background: #f0f0f2;
    margin: 4px 0;
}

/* Each menu item */
.inzc-user-dropdown__item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 10px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: var(--inzc-font-weight-medium);
    color: #333;
    text-decoration: none;
    transition: background 0.12s, color 0.12s;
}

.inzc-user-dropdown__item:hover {
    background: #f5f5f7;
    color: #111;
    text-decoration: none;
}

.inzc-user-dropdown__item svg {
    flex-shrink: 0;
    color: #888;
}

.inzc-user-dropdown__item:hover svg {
    color: var(--inzc-color-primary);
}

/* Sign out — red tint on hover */
.inzc-user-dropdown__item--signout {
    color: #555;
}

.inzc-user-dropdown__item--signout:hover {
    background: #fff1f0;
    color: #c0392b;
}

.inzc-user-dropdown__item--signout:hover svg {
    color: #c0392b;
}

/* Mobile: sign-out link style */
.inzc-nav__mobile-link--signout {
    color: #c0392b !important;
    border-top: 1px solid #fde8e8;
    margin-top: 4px;
}

/* ── §34.2 Support Breadcrumb (logged-in only) ── */
.inzc-support-breadcrumb {
    border-bottom: 1px solid rgba(255, 255, 255, .06);
    background: var(--inzc-color-bg-dark);
    padding: calc(var(--inzc-nav-height) + 14px) 0 14px;
}

.inzc-support-breadcrumb__link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: .8125rem;
    color: var(--inzc-color-text-muted);
    text-decoration: none;
    transition: color var(--inzc-transition-fast);
}

.inzc-support-breadcrumb__link:hover {
    color: var(--inzc-color-primary);
    text-decoration: none;
}

.inzc-support-breadcrumb__link svg {
    flex-shrink: 0;
    opacity: .45;
    transition: opacity var(--inzc-transition-fast);
}

.inzc-support-breadcrumb__link:hover svg {
    opacity: 1;
}



/* ═══════════════════════════════════════════════════════════════════════════
   §04  HERO / BANNER
   Class prefix: .inzc-hero
   ═══════════════════════════════════════════════════════════════════════════ */

.inzc-hero {
    position: relative;
    height: auto;
    padding-top: 0;
    /* override .inzc-section */
    padding-bottom: 0;
    /* override .inzc-section — image must flush to bottom edge */
    background-image: var(--inzc-img-hero);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
}

/* Overlay via ::before — all children are naturally above it */
.inzc-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: var(--inzc-color-overlay-dark);
    pointer-events: none;
}

/* Text block — centered, sits above overlay naturally */
.inzc-hero__text {
    position: relative;
    width: 100%;
    text-align: center;
    padding-top: calc(var(--inzc-nav-height) + 50px);
    padding-bottom: 50px;
}

/* Brand icon above headline */
.inzc-hero__brand-icon {
    margin-bottom: 14px;
}

.inzc-hero__brand-icon-img {
    height: 52px;
    width: auto;
    display: block;
    margin: 0 auto;
}

.inzc-hero__headline {
    font-size: var(--inzc-font-size-hero-h2);
    font-weight: var(--inzc-font-weight-semibold);
    color: var(--inzc-color-text-white);
    line-height: var(--inzc-line-height-hero);
    margin: 0 auto 16px;
    max-width: 720px;
}

.inzc-hero__sub {
    font-size: var(--inzc-font-size-hero-sub);
    color: rgba(255, 255, 255, 0.88);
    font-weight: var(--inzc-font-weight-light);
    max-width: 720px;
    margin: 0 auto 22px;
    line-height: 1.7;
}

.inzc-hero__ctas {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 14px;
    margin-bottom: 12px;
}

/* Tech-stack icon badges */
.inzc-hero__badges {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}

.inzc-hero__badge {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 72px;
    height: 72px;
    background: var(--inzc-color-bg-white);
    border-radius: var(--inzc-radius-lg);
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.22);
    padding: 9px 7px 8px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.inzc-hero__badge:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 32px rgba(0, 0, 0, 0.28);
}

.inzc-hero__badge-icon {
    width: 30px;
    height: 30px;
    object-fit: contain;
    display: block;
}

.inzc-hero__badge-label {
    font-size: 9px;
    font-weight: var(--inzc-font-weight-semibold);
    color: var(--inzc-color-text-dark);
    text-align: center;
    line-height: 1.2;
    letter-spacing: 0.3px;
}

/* Device image — direct child of section, full width, natural height, no tricks */
.inzc-hero__device {
    position: relative;
    width: 100%;
    line-height: 0;
}

.inzc-hero__device-img {
    width: 100%;
    height: auto;
    display: block;
}

@media (max-width: 767px) {
    .inzc-hero__text {
        padding-top: calc(var(--inzc-nav-height) + 30px);
        padding-bottom: 20px;
    }

    .inzc-hero__headline {
        font-size: 28px;
        line-height: 38px;
    }

    .inzc-hero__sub {
        font-size: 15px;
    }

    .inzc-hero__ctas {
        flex-direction: column;
        align-items: center;
    }

    .inzc-hero__badge {
        width: 62px;
        height: 62px;
    }

    .inzc-hero__badge-icon {
        width: 26px;
        height: 26px;
    }

    .inzc-hero__device {
        overflow: hidden;
        width: 100%;
    }

    .inzc-hero__device-img {
        width: 166.66%;
        max-width: none;
        height: auto;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   §05  TRUST BAR
   Class prefix: .inzc-trust
   ═══════════════════════════════════════════════════════════════════════════ */

.inzc-trust {
    padding-top: 50px;
    padding-bottom: 50px;
}

.inzc-trust__grid {
    display: flex;
    align-items: stretch;
    gap: 0;
}

.inzc-trust__item {
    flex: 1;
    text-align: center;
    padding: 36px 28px;
    border-right: 1px solid rgba(0, 0, 0, 0.08);
}

.inzc-trust__item:last-child {
    border-right: none;
}

.inzc-trust__icon {
    color: var(--inzc-color-primary);
    margin-bottom: 16px;
    display: flex;
    justify-content: center;
}

.inzc-trust__heading {
    font-size: 17px;
    font-weight: var(--inzc-font-weight-semibold);
    color: var(--inzc-color-text-heading);
    margin: 0 0 10px;
}

.inzc-trust__desc {
    font-size: 14px;
    color: var(--inzc-color-text-body);
    line-height: 1.6;
    margin: 0;
}

/* ── Trust bar: 4-across → 2×2 grid at tablet ── */
@media (max-width: 767px) {
    .inzc-trust__grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .inzc-trust__item {
        border-right: 1px solid rgba(0, 0, 0, 0.08);
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    }

    /* Right-column items: remove right border */
    .inzc-trust__item:nth-child(2n) {
        border-right: none;
    }

    /* Bottom row items: remove bottom border */
    .inzc-trust__item:nth-last-child(-n+2):nth-child(odd),
    .inzc-trust__item:last-child {
        border-bottom: none;
    }
}

/* ── Trust bar: 2×2 → single column at mobile ── */
@media (max-width: 479px) {
    .inzc-trust__grid {
        grid-template-columns: 1fr;
    }

    .inzc-trust__item {
        border-right: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    }

    .inzc-trust__item:nth-child(2n) {
        border-right: none;
    }

    .inzc-trust__item:nth-last-child(-n+2):nth-child(odd) {
        border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    }

    .inzc-trust__item:last-child {
        border-bottom: none;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   §06  PLATFORM SHOWCASE
   Class prefix: .inzc-showcase
   Layout: text-left / screenshot-right split, collapses at 991 px
   ═══════════════════════════════════════════════════════════════════════════ */


.inzc-showcase {
    background-color: var(--inzc-color-bg-white);
    border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.inzc-showcase__split {
    display: flex;
    align-items: center;
    gap: 64px;
}

.inzc-showcase__text {
    flex: 0 0 420px;
    max-width: 420px;
}

.inzc-showcase__subheading {
    font-size: 34px;
    font-weight: var(--inzc-font-weight-bold);
    line-height: 1.25;
    color: var(--inzc-color-text-heading);
    margin: 0 0 20px;
}

.inzc-showcase__accent {
    color: var(--inzc-color-primary);
}

.inzc-showcase__desc {
    font-size: 16px;
    color: var(--inzc-color-text-body);
    line-height: 1.7;
    margin: 0 0 20px;
}

.inzc-showcase__kicker {
    font-size: 15px;
    color: var(--inzc-color-text-heading);
    margin: 0 0 28px;
}

.inzc-showcase__media {
    flex: 1;
    min-width: 0;
}

.inzc-showcase__img {
    width: 100%;
    height: auto;
    border-radius: var(--inzc-radius-md);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.10);
    display: block;
}

.inzc-showcase__placeholder {
    width: 100%;
    border-radius: var(--inzc-radius-md);
    overflow: hidden;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08);
}

.inzc-showcase__placeholder svg {
    width: 100%;
    height: auto;
    display: block;
}

@media (max-width: 991px) {
    .inzc-showcase__split {
        flex-direction: column;
        gap: 32px;
    }

    /* Move image ABOVE the text block on tablet / mobile */
    .inzc-showcase__media {
        order: -1;
        width: 100%;
        max-width: 560px;
        margin-inline: auto;
    }

    .inzc-showcase__text {
        flex: none;
        max-width: 100%;
        text-align: center;
    }

    /* ── Scale subheading down — keep the two-tone colour, just smaller ── */
    .inzc-showcase__subheading {
        font-size: 20px;
        line-height: 1.35;
        margin-bottom: 14px;
    }

    /* accent span keeps its primary colour, no changes needed */

    .inzc-showcase__desc,
    .inzc-showcase__kicker {
        text-align: center;
    }

    /* Full-width CTA button */
    .inzc-showcase__text .inzc-btn {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   §07  WHY CHOOSE
   Class prefix: .inzc-why
   ═══════════════════════════════════════════════════════════════════════════ */
.inzc-why__wrap {
    padding-bottom: 10px;
}

.inzc-why__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    margin-top: 12px;
}

.inzc-why__card {
    text-align: left;
}

.inzc-why__card-icon {
    color: var(--inzc-color-primary);
    margin-bottom: 18px;
    width: 44px;
    height: 44px;
}

.inzc-why__card-icon svg {
    width: 44px;
    height: 44px;
}

.inzc-why__card-heading {
    font-size: 17px;
    font-weight: var(--inzc-font-weight-semibold);
    color: var(--inzc-color-text-heading);
    margin: 0 0 10px;
}

.inzc-why__card-desc {
    font-size: 15px;
    color: var(--inzc-color-text-body);
    line-height: 1.65;
    margin: 0;
}

@media (max-width: 991px) {
    .inzc-why__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 575px) {
    .inzc-why__grid {
        grid-template-columns: 1fr;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   §08  CORE FEATURES
   Class prefix: .inzc-core-features
   Layout: 6-col icon grid, collapses 4→3→2 at 1199/767/479 px
   ═══════════════════════════════════════════════════════════════════════════ */


.inzc-core-features__grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 16px;
}

.inzc-core-features__card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background: var(--inzc-color-bg-white);
    border-radius: 5px;
    /* intentionally smaller than --inzc-radius-md for density */
    padding: 22px 14px 18px;
    box-shadow: 0 0 30px rgba(82, 63, 105, 0.06);
    transition: all 0.5s ease;
}

.inzc-core-features__card:hover {
    transform: scale(1.10);
    box-shadow: 0 0 40px rgba(82, 63, 105, 0.14);
    position: relative;
    z-index: 1;
}

.inzc-core-features__icon {
    width: 70px;
    height: 70px;
    margin-bottom: 12px;
    flex-shrink: 0;
}

.inzc-core-features__icon svg {
    width: 70px;
    height: 70px;
    display: block;
}

.inzc-core-features__label {
    font-size: var(--inzc-font-size-feature-h3);
    font-weight: var(--inzc-font-weight-bold);
    color: var(--inzc-color-text-dark);
    line-height: 1.35;
    text-transform: capitalize;
    margin: 0;
}

@media (max-width: 1199px) {
    .inzc-core-features__grid {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 767px) {
    .inzc-core-features__grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 479px) {
    .inzc-core-features__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   §09  FAQ
   Class prefix: .inzc-faq
   ═══════════════════════════════════════════════════════════════════════════ */

/* Clip any overflow from the .inzc-faq__wrap positioning context */
.inzc-faq {
    overflow: hidden;
}


/* Accordion container */
.inzc-faq__accordion {
    max-width: 760px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.inzc-faq__item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.inzc-faq__item:first-child {
    border-top: 1px solid rgba(0, 0, 0, 0.08);
}

.inzc-faq__question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
    background: none;
    border: none;
    padding: 22px 0;
    text-align: left;
    cursor: pointer;
    font-family: var(--inzc-font-family);
    transition: color var(--inzc-transition-fast);
}

.inzc-faq__q-text {
    font-size: 16px;
    font-weight: var(--inzc-font-weight-bold);
    color: var(--inzc-color-text-dark);
    line-height: 1.4;
    transition: color var(--inzc-transition-fast);
}

.inzc-faq__question:hover .inzc-faq__q-text {
    color: var(--inzc-color-primary);
}

/* +/× toggle circle */
.inzc-faq__toggle {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--inzc-color-bg-gray);
    color: var(--inzc-color-text-muted);
    transition: background 0.2s ease, color 0.2s ease, transform 0.25s ease;
}

.inzc-faq__toggle svg {
    width: 16px;
    height: 16px;
    display: block;
    transition: transform 0.25s ease;
}

.inzc-faq__item.is-open .inzc-faq__toggle {
    background: var(--inzc-color-primary);
    color: var(--inzc-color-text-white);
}

.inzc-faq__item.is-open .inzc-faq__toggle svg {
    transform: rotate(180deg);
}

/* Answer panel */
.inzc-faq__answer[hidden] {
    display: none;
}

.inzc-faq__answer-text {
    padding: 0 52px 24px 0;
    font-size: 15px;
    line-height: 1.75;
    color: var(--inzc-color-text-muted);
    margin: 0;
}

/* ═══════════════════════════════════════════════════════════════════════════
   §10  FEATURE HIGHLIGHTS
   Class prefix: .inzc-fh
   Layout: sticky-left description / Swiper 2×N grid on right
   ═══════════════════════════════════════════════════════════════════════════ */

.inzc-fh__split {
    display: flex;
    align-items: flex-start;
    gap: 64px;
}

/* Left column */
.inzc-fh__left {
    flex: 0 0 300px;
    max-width: 300px;
    position: sticky;
    top: 100px;
    align-self: flex-start;
    display: flex;
    flex-direction: column;
}

.inzc-fh__heading {
    font-size: 30px;
    font-weight: var(--inzc-font-weight-bold);
    color: var(--inzc-color-text-heading);
    line-height: 1.25;
    margin: 0 0 18px;
}

.inzc-fh__bridge {
    font-size: 14px;
    color: var(--inzc-color-text-muted);
    line-height: 1.5;
    margin: -8px 0 20px;
}

.inzc-fh__inline-link {
    color: var(--inzc-color-primary);
    font-weight: var(--inzc-font-weight-semibold);
    text-decoration: none;
}

.inzc-fh__inline-link:hover {
    text-decoration: underline;
}

/* Premium Graphic-Card Mockup inside Highlights Left Column (Dark Theme) */
.inzc-fh__graphic-card {
    background: #0d0f1d;
    /* Premium deep dark navy background */
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: var(--inzc-radius-md);
    padding: 20px;
    margin-bottom: 24px;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25), 0 0 1px 1px rgba(255, 255, 255, 0.05) inset;
    overflow: hidden;
    position: relative;
    font-family: var(--inzc-font-family);
}

/* Subtle background grid effect */
.inzc-fh__graphic-card::before {
    content: '';
    position: absolute;
    inset: 0;
    background-size: 16px 16px;
    background-image: radial-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    pointer-events: none;
    z-index: 1;
}

.inzc-fh__graphic-header {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    padding-bottom: 12px;
    margin-bottom: 16px;
}

.inzc-fh__window-dots {
    display: flex;
    gap: 6px;
}

.inzc-fh__window-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
}

.inzc-fh__window-dot--red {
    background-color: #ff5f56;
}

.inzc-fh__window-dot--yellow {
    background-color: #ffbd2e;
}

.inzc-fh__window-dot--green {
    background-color: #27c93f;
}

.inzc-fh__graphic-title {
    font-size: 10px;
    font-family: monospace;
    font-weight: var(--inzc-font-weight-bold);
    color: rgba(255, 255, 255, 0.4);
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.inzc-fh__graphic-badge {
    font-size: 10px;
    font-weight: var(--inzc-font-weight-semibold);
    color: #10b981;
    background-color: rgba(16, 185, 129, 0.1);
    padding: 2px 7px;
    border-radius: 20px;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    border: 1px solid rgba(16, 185, 129, 0.2);
}

.inzc-fh__graphic-pulse {
    width: 5px;
    height: 5px;
    background-color: #10b981;
    border-radius: 50%;
    display: inline-block;
    animation: inzc-fh-glow 1.5s infinite alternate;
}

@keyframes inzc-fh-glow {
    0% {
        transform: scale(0.8);
        opacity: 0.5;
        box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.5);
    }

    100% {
        transform: scale(1.2);
        opacity: 1;
        box-shadow: 0 0 8px 2px rgba(16, 185, 129, 0.5);
    }
}

.inzc-fh__graphic-body {
    position: relative;
    z-index: 2;
}

/* Dashboard Top layout */
.inzc-fh__dashboard-top {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px;
}

/* Gauge Chart Widget */
.inzc-fh__gauge-box {
    position: relative;
    width: 80px;
    height: 80px;
    flex-shrink: 0;
}

.inzc-fh__gauge-svg {
    width: 100%;
    height: 100%;
}

.inzc-fh__gauge-circle {
    transform: rotate(-90deg);
    transform-origin: 40px 40px;
    animation: inzc-fh-gauge-draw 2s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

@keyframes inzc-fh-gauge-draw {
    from {
        stroke-dashoffset: 201.06;
    }

    to {
        stroke-dashoffset: 30;
    }
}

.inzc-fh__gauge-content {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.inzc-fh__gauge-val {
    font-size: 16px;
    font-weight: var(--inzc-font-weight-bold);
    color: #ffffff;
    font-family: monospace;
}

.inzc-fh__gauge-lbl {
    font-size: 8px;
    color: rgba(255, 255, 255, 0.4);
    letter-spacing: 0.5px;
    margin-top: 2px;
}

/* Controls Stack */
.inzc-fh__controls-stack {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.inzc-fh__control-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 6px;
    padding: 6px 10px;
}

.inzc-fh__control-label {
    font-size: 11px;
    font-weight: var(--inzc-font-weight-semibold);
    color: rgba(255, 255, 255, 0.7);
    letter-spacing: 0.3px;
}

/* Switch Toggle Component */
.inzc-fh__switch {
    position: relative;
    width: 30px;
    height: 16px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 10px;
    cursor: pointer;
    transition: background 0.3s ease;
}

.inzc-fh__switch::after {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 12px;
    height: 12px;
    background: #ffffff;
    border-radius: 50%;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.inzc-fh__switch--on {
    background: #10b981;
    box-shadow: 0 0 8px rgba(16, 185, 129, 0.4);
}

.inzc-fh__switch--on::after {
    transform: translateX(14px);
}

/* Status Pill */
.inzc-fh__status-pill {
    font-size: 9px;
    font-weight: var(--inzc-font-weight-bold);
    color: #10b981;
    background: rgba(16, 185, 129, 0.1);
    border: 1px solid rgba(16, 185, 129, 0.25);
    padding: 2px 6px;
    border-radius: 4px;
    letter-spacing: 0.5px;
}

/* Pulse Wave */
.inzc-fh__pulse-wave-container {
    height: 35px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    background: rgba(255, 255, 255, 0.01);
    margin: 12px -20px;
    padding: 2px 20px;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.inzc-fh__pulse-wave-svg {
    width: 100%;
    height: 100%;
}

.inzc-fh__pulse-wave-svg path:first-child {
    stroke: rgba(255, 255, 255, 0.08) !important;
}

.inzc-fh__pulse-wave-path {
    stroke-dasharray: 200;
    stroke-dashoffset: 200;
    animation: inzc-fh-wave-draw 3s linear infinite;
}

@keyframes inzc-fh-wave-draw {
    0% {
        stroke-dashoffset: 200;
    }

    50% {
        stroke-dashoffset: 0;
    }

    100% {
        stroke-dashoffset: -200;
    }
}

/* Technical Info */
.inzc-fh__technical-info {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    text-align: center;
    padding-top: 4px;
}

.inzc-fh__tech-item {
    display: flex;
    flex-direction: column;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.04);
    border-radius: 6px;
    padding: 5px 3px;
}

.inzc-fh__tech-val {
    font-size: 13px;
    font-weight: var(--inzc-font-weight-bold);
    color: #ffffff;
    font-family: monospace;
}

.inzc-fh__tech-lbl {
    font-size: 9px;
    color: rgba(255, 255, 255, 0.4);
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-top: 1px;
}

/* Right column */
.inzc-fh__right {
    flex: 1;
    min-width: 0;
}

/* Cards */
.inzc-fh__card {
    background: #f5f7fa;
    /* slightly cool-tinted variant of --inzc-color-bg-gray */
    border-radius: var(--inzc-radius-md);
    border: none;
    padding: 24px 20px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
    box-sizing: border-box;
    transition: var(--inzc-transition-card);
}

.inzc-fh__card:hover {
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.13);
    transform: translateY(-3px);
}

.inzc-fh__card-icon {
    width: 42px;
    height: 42px;
    color: var(--inzc-color-primary);
    flex-shrink: 0;
}

.inzc-fh__card-icon svg {
    width: 42px;
    height: 42px;
    display: block;
}

.inzc-fh__card-heading {
    font-size: 16px;
    font-weight: var(--inzc-font-weight-bold);
    color: var(--inzc-color-text-heading);
    margin: 0;
    line-height: 1.3;
}

.inzc-fh__card-desc {
    font-size: 14px;
    color: var(--inzc-color-text-body);
    line-height: 1.65;
    margin: 0;
}

/* Pagination dots — inside swiper, below cards */
.inzc-fh__swiper {
    overflow: hidden;
}

/* Controls row: pagination left, nav arrows right */
.inzc-fh__controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

.inzc-fh__pagination {
    display: flex;
    align-items: center;
    gap: 6px;
    position: static;
}

.inzc-fh__pagination .swiper-pagination-bullet {
    background: #c8cacf;
    /* neutral gray for inactive dots */
    opacity: 1;
    width: 7px;
    height: 7px;
    transition: background var(--inzc-transition-slow), width var(--inzc-transition-slow);
}

/* Active pagination bullet — primary color on all Swiper instances */
.inzc-fh__pagination .swiper-pagination-bullet-active,
.inzc-testimonials__swiper .swiper-pagination-bullet-active {
    background-color: var(--inzc-color-primary);
}

/* Feature-highlights only: wider pill shape on active bullet */
.inzc-fh__pagination .swiper-pagination-bullet-active {
    width: 22px;
    border-radius: 4px;
}

/* Nav arrows — right side of controls row */
.inzc-fh__nav {
    display: flex;
    gap: 6px;
    flex-shrink: 0;
}

.inzc-fh__btn-prev,
.inzc-fh__btn-next {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1.5px solid var(--inzc-color-primary);
    background: transparent;
    color: var(--inzc-color-primary);
    cursor: pointer;
    transition: background var(--inzc-transition-base), color var(--inzc-transition-base);
    flex-shrink: 0;
}

.inzc-fh__btn-prev:hover,
.inzc-fh__btn-next:hover {
    background: var(--inzc-color-primary);
    color: var(--inzc-color-text-white);
}

.inzc-fh__btn-prev svg,
.inzc-fh__btn-next svg {
    width: 15px;
    height: 15px;
    display: block;
}

@media (max-width: 991px) {
    .inzc-fh__split {
        flex-direction: column;
        gap: 36px;
    }

    .inzc-fh__left {
        flex: none;
        max-width: 100%;
        position: static;
    }

    .inzc-fh__right {
        width: 100%;
        max-width: 100%;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   §11  TESTIMONIALS
   Class prefix: .inzc-testimonials / .inzc-testimonial-card
   ═══════════════════════════════════════════════════════════════════════════ */

.inzc-testimonials__wrap {
    position: relative;
    overflow: hidden;
}

.inzc-testimonials__swiper {
    padding-bottom: 56px !important;
    max-width: 760px;
    margin-inline: auto;
}

.inzc-testimonial-card {
    background-color: var(--inzc-color-bg-gray);
    border-radius: var(--inzc-radius-md);
    padding: 40px 40px 36px;
    text-align: center;
}

.inzc-testimonial-card__stars {
    margin-bottom: 16px;
}

.inzc-star {
    font-size: 20px;
    color: #ddd;
    /* unfilled star — deliberately lighter than body text */
}

.inzc-star--filled {
    color: var(--inzc-color-star);
}

.inzc-testimonial-card__heading {
    font-size: 18px;
    font-weight: var(--inzc-font-weight-semibold);
    color: var(--inzc-color-text-heading);
    margin: 0 0 16px;
}

.inzc-testimonial-card__quote {
    margin: 0 0 24px;
    padding: 0;
    border: none;
}

.inzc-testimonial-card__quote p {
    font-size: 16px;
    color: var(--inzc-color-text-body);
    line-height: 1.7;
    font-style: italic;
    margin: 0;
}

.inzc-testimonial-card__cite {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-style: normal;
    gap: 4px;
}

.inzc-testimonial-card__cite strong {
    font-size: 13px;
    color: var(--inzc-color-text-heading);
    letter-spacing: 1px;
}

.inzc-testimonial-card__role {
    font-size: 13px;
    color: var(--inzc-color-primary);
}

/* see consolidated swiper pagination-bullet-active rule in §10 Feature Highlights */

/* ═══════════════════════════════════════════════════════════════════════════
   §12  PLATFORM DEMO
   Class prefix: .inzc-pd
   Layout: text-left / perspective-tilted browser mockup right
   ═══════════════════════════════════════════════════════════════════════════ */

.inzc-pd {
    background: var(--inzc-color-bg-navy);
    padding: 80px 0;
    position: relative;
    overflow: hidden;
}

/* Background decorations */
.inzc-pd__bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
}

.inzc-pd__ring {
    position: absolute;
}

.inzc-pd__ring--lg {
    width: 700px;
    height: 700px;
    top: 50%;
    left: -220px;
    transform: translateY(-50%);
}

.inzc-pd__curve {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.inzc-pd__blob {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

/* Big warm orange glow behind text — the hero of the bg */
.inzc-pd__blob--left {
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(var(--inzc-color-primary-rgb), 0.38) 0%, rgba(var(--inzc-color-primary-rgb), 0.10) 45%, transparent 70%);
    top: 50%;
    left: -100px;
    transform: translateY(-50%);
}

/* Amber/yellow glow — top-right like the reference */
.inzc-pd__blob--tr {
    width: 420px;
    height: 420px;
    background: radial-gradient(circle, rgba(251, 191, 36, 0.22) 0%, rgba(var(--inzc-color-primary-rgb), 0.08) 50%, transparent 72%);
    top: -120px;
    right: 0;
}

/* Faint warm glow bottom-center */
.inzc-pd__blob--bc {
    width: 500px;
    height: 300px;
    background: radial-gradient(ellipse, rgba(var(--inzc-color-primary-rgb), 0.12) 0%, transparent 65%);
    bottom: -120px;
    left: 50%;
    transform: translateX(-50%);
}

/* Diagonal glint */
.inzc-pd__glint {
    position: absolute;
    top: 0;
    right: 120px;
    width: 2px;
    height: 220px;
    background: linear-gradient(to bottom, rgba(251, 191, 36, 0.35), transparent);
    transform: rotate(18deg);
    transform-origin: top;
}

.inzc-pd__dots {
    position: absolute;
    bottom: 24px;
    left: 32px;
    width: 192px;
    height: 192px;
    opacity: 0.8;
}

.inzc-pd__dots--tr {
    bottom: auto;
    left: auto;
    top: 20px;
    right: 40px;
    width: 128px;
    height: 128px;
    opacity: 0.5;
}

/* Inner layout */
.inzc-pd__inner {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 64px;
}

/* Left text */
.inzc-pd__text {
    flex: 0 0 340px;
    max-width: 340px;
}

.inzc-pd__eyebrow {
    display: inline-block;
    font-size: 11px;
    font-weight: var(--inzc-font-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: rgba(255, 255, 255, 0.45);
    margin-bottom: 20px;
}

.inzc-pd__heading {
    font-size: 32px;
    font-weight: var(--inzc-font-weight-extrabold);
    color: var(--inzc-color-text-white);
    line-height: 1.2;
    margin: 0 0 18px;
}

.inzc-pd__desc {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.58);
    line-height: 1.7;
    margin: 0 0 32px;
}

.inzc-pd__btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: var(--inzc-color-primary);
    color: var(--inzc-color-text-white);
    font-size: 14px;
    font-weight: var(--inzc-font-weight-bold);
    border-radius: 60px;
    /* fully-rounded pill shape */
    padding: 13px 26px;
    text-decoration: none;
    transition: background 0.2s ease, transform 0.2s ease;
}

.inzc-pd__btn:hover {
    background: var(--inzc-color-primary-hover);
    transform: translateX(3px);
}

.inzc-pd__btn svg {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    transition: transform 0.2s ease;
}

.inzc-pd__btn:hover svg {
    transform: translateX(4px);
}

/* Mockup wrapper — perspective tilt, ~60% of remaining space */
.inzc-pd__mockup-wrap {
    flex: 1;
    min-width: 0;
    max-width: 56%;
    position: relative;
}

.inzc-pd__browser {
    border-radius: 10px 10px 8px 8px;
    /* top corners more rounded for browser-chrome feel */
    overflow: hidden;
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.08),
        0 30px 80px rgba(0, 0, 0, 0.55),
        0 60px 120px rgba(0, 0, 0, 0.3);
    transform: perspective(1100px) rotateY(-8deg) rotateX(3deg);
    /* 3-D tilt — tuned for 56% max-width mockup */
    transform-origin: left center;
    transition: transform 0.5s ease;
}

.inzc-pd__mockup-wrap:hover .inzc-pd__browser {
    transform: perspective(1100px) rotateY(-4deg) rotateX(1.5deg);
}

/* Browser chrome bar */
.inzc-pd__chrome {
    background: #1e2540;
    /* browser chrome dark — intentionally distinct from --inzc-color-bg-navy */
    padding: 10px 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.inzc-pd__dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
}

.inzc-pd__dot--r {
    background: #ff5f56;
    /* macOS close */
}

.inzc-pd__dot--y {
    background: #ffbd2e;
    /* macOS minimise */
}

.inzc-pd__dot--g {
    background: #27c93f;
    /* macOS full-screen */
}

.inzc-pd__address-bar {
    flex: 1;
    background: rgba(255, 255, 255, 0.07);
    border-radius: 4px;
    padding: 4px 10px;
    font-size: 11px;
    color: rgba(255, 255, 255, 0.35);
    display: flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.inzc-pd__address-bar svg {
    width: 12px;
    height: 12px;
    flex-shrink: 0;
}

/* Screen area */
.inzc-pd__screen {
    background: #f5f7fa;
    line-height: 0;
}

.inzc-pd__screen svg {
    width: 100%;
    height: auto;
    display: block;
}

/* Glow underneath */
.inzc-pd__glow {
    position: absolute;
    bottom: -40px;
    left: 10%;
    right: 10%;
    height: 80px;
    background: radial-gradient(ellipse, rgba(var(--inzc-color-primary-rgb), 0.22) 0%, transparent 70%);
    filter: blur(20px);
    pointer-events: none;
    z-index: 1;
}

/* Responsive */
@media (max-width: 1100px) {
    .inzc-pd__text {
        flex: 0 0 280px;
        max-width: 280px;
    }

    .inzc-pd__inner {
        gap: 40px;
    }

    .inzc-pd__heading {
        font-size: 26px;
    }
}

@media (max-width: 860px) {
    .inzc-pd__inner {
        flex-direction: column;
        gap: 44px;
    }

    .inzc-pd__text {
        flex: none;
        max-width: 100%;
        text-align: center;
    }

    .inzc-pd__eyebrow {
        justify-content: center;
    }

    .inzc-pd__browser {
        transform: none;
    }

    .inzc-pd__ring--lg {
        left: 50%;
        transform: translate(-50%, -50%);
    }
}



/* ═══════════════════════════════════════════════════════════════════════════
   §14  NEWSLETTER STRIP
   Class prefix: .inzc-nl
   Layout: text left / inline email form right
   ═══════════════════════════════════════════════════════════════════════════ */

.inzc-nl {
    background: var(--inzc-color-primary);
    padding: 48px 0;
    position: relative;
    overflow: hidden;
}

.inzc-nl--pricing-notice {
    padding: 20px 0;
    text-align: center;
}

.inzc-nl--pricing-notice__text {
    position: relative;
    font-size: 0.9375rem;
    color: #fff;
    margin: 0;
}

.inzc-nl--pricing-notice__text strong {
    font-weight: var(--inzc-font-weight-semibold);
    margin-right: 6px;
}

.inzc-nl--cta {
    padding: 80px 0;
    text-align: center;
}



/* Decoration layer */
.inzc-nl__deco {
    position: absolute;
    inset: 0;
    pointer-events: none;
    overflow: hidden;
}

/* Floating circles */
.inzc-nl__circle {
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.18);
    animation: inzc-nl-float ease-in-out infinite;
}

.inzc-nl__circle--1 {
    width: 180px;
    height: 180px;
    top: -70px;
    left: -50px;
    animation-duration: 6s;
    animation-delay: 0s;
}

.inzc-nl__circle--2 {
    width: 100px;
    height: 100px;
    top: 10px;
    left: 26%;
    background: rgba(255, 255, 255, 0.14);
    animation-duration: 7s;
    animation-delay: -2s;
}

.inzc-nl__circle--3 {
    width: 130px;
    height: 130px;
    bottom: -55px;
    right: 30%;
    background: rgba(255, 255, 255, 0.15);
    animation-duration: 8s;
    animation-delay: -4s;
}

.inzc-nl__circle--4 {
    width: 70px;
    height: 70px;
    bottom: 8px;
    right: 9%;
    background: rgba(255, 255, 255, 0.22);
    animation-duration: 5s;
    animation-delay: -1.5s;
}

@keyframes inzc-nl-float {
    0% {
        transform: translateY(0px) scale(1);
    }

    50% {
        transform: translateY(-28px) scale(1.08);
    }

    100% {
        transform: translateY(0px) scale(1);
    }
}

/* Rings */
.inzc-nl__ring {
    position: absolute;
    animation: inzc-nl-spin linear infinite;
}

.inzc-nl__ring--1 {
    width: 220px;
    height: 220px;
    top: 50%;
    right: -50px;
    transform-origin: center;
    animation-duration: 10s;
    margin-top: -110px;
}

.inzc-nl__ring--2 {
    width: 130px;
    height: 130px;
    top: -35px;
    left: 42%;
    animation-duration: 7s;
    animation-direction: reverse;
}

@keyframes inzc-nl-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/* Sweeping arc */
.inzc-nl__arc {
    position: absolute;
    bottom: 0;
    left: -10%;
    width: 120%;
    height: 100%;
    animation: inzc-nl-drift 5s ease-in-out infinite alternate;
}

@keyframes inzc-nl-drift {
    from {
        transform: translateX(-6%) scaleY(1);
    }

    to {
        transform: translateX(6%) scaleY(1.15);
    }
}

/* Dot cluster */
.inzc-nl__dots {
    position: absolute;
    right: 42%;
    bottom: 8px;
    width: 96px;
    height: 96px;
    opacity: 0.85;
    animation: inzc-nl-pulse 2.5s ease-in-out infinite;
}

@keyframes inzc-nl-pulse {

    0%,
    100% {
        opacity: 0.85;
        transform: scale(1);
    }

    50% {
        opacity: 0.3;
        transform: scale(1.15);
    }
}

.inzc-nl__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
}

.inzc-nl__text {
    flex: 1;
    min-width: 0;
}

.inzc-nl__heading {
    font-size: 22px;
    font-weight: var(--inzc-font-weight-extrabold);
    color: var(--inzc-color-text-white);
    margin: 0 0 6px;
    line-height: 1.2;
}

.inzc-nl__sub {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.78);
    margin: 0;
    line-height: 1.55;
}

.inzc-nl__form {
    flex-shrink: 0;
    width: 380px;
    max-width: 100%;
}

.inzc-nl__field {
    display: flex;
    border-radius: var(--inzc-radius-md);
    overflow: hidden;
    background: rgba(255, 255, 255, 0.15);
    /* translucent glass on primary bg */
    border: 1px solid rgba(255, 255, 255, 0.25);
    transition: border-color var(--inzc-transition-base);
}

.inzc-nl__field:focus-within {
    border-color: rgba(255, 255, 255, 0.7);
    background: rgba(255, 255, 255, 0.18);
}

.inzc-nl__input {
    flex: 1;
    min-width: 0;
    background: transparent;
    border: none;
    outline: none;
    padding: 12px 14px;
    font-size: 14px;
    color: var(--inzc-color-text-white);
    font-family: var(--inzc-font-family);
}

.inzc-nl__input::placeholder {
    color: rgba(255, 255, 255, 0.55);
}

.inzc-nl__btn {
    flex-shrink: 0;
    background: var(--inzc-color-bg-white);
    color: var(--inzc-color-primary);
    border: none;
    padding: 12px 20px;
    font-size: 13px;
    font-weight: var(--inzc-font-weight-bold);
    font-family: var(--inzc-font-family);
    cursor: pointer;
    transition: background var(--inzc-transition-base), color var(--inzc-transition-base);
    white-space: nowrap;
}

.inzc-nl__btn:hover {
    background: var(--inzc-color-bg-navy);
    /* dark hover on orange newsletter bg */
    color: var(--inzc-color-text-white);
}

.inzc-nl__msg {
    margin: 8px 0 0;
    font-size: 13px;
    min-height: 18px;
    color: rgba(255, 255, 255, 0.85);
}

@media (max-width: 720px) {
    .inzc-nl__inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }

    .inzc-nl__form {
        width: 100%;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   §15  FOOTER
   Class prefix: .inzc-footer
   Layers: overlay → deco (dot-grid + glows) → newsletter → CTA → wordmark → nav-bar
   ═══════════════════════════════════════════════════════════════════════════ */

.inzc-footer {
    position: relative;
    background-color: var(--inzc-color-bg-dark);
    background-image: var(--inzc-img-footer);
    background-size: cover;
    background-position: center top;
    color: var(--inzc-color-text-white);
}

.inzc-footer__overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
}

/* Decorative layer: dot grid + corner glows */
.inzc-footer__deco {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    overflow: hidden;
}

/* Fine dot grid — subtle texture matching the dark bg */
.inzc-footer__deco-dots {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.07) 1px, transparent 1px);
    background-size: 28px 28px;
}

/* Shared glow base */
.inzc-footer__deco-glow {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
}

/* Orange — bottom-right corner */
.inzc-footer__deco-glow--orange {
    width: 540px;
    height: 420px;
    background: radial-gradient(ellipse, rgba(var(--inzc-color-primary-rgb), 0.20) 0%, transparent 70%);
    bottom: -110px;
    right: -60px;
}

/* Indigo — top-left corner */
.inzc-footer__deco-glow--indigo {
    width: 460px;
    height: 380px;
    background: radial-gradient(ellipse, rgba(80, 60, 200, 0.15) 0%, transparent 70%);
    top: -90px;
    left: -50px;
}

/* ── Newsletter strip inside footer ── */
.inzc-footer__nl {
    position: relative;
    z-index: 3;
    padding: 40px 0;
}

.inzc-footer__nl-inner {
    display: flex;
    align-items: center;
    gap: 48px;
    justify-content: space-between;
}

.inzc-footer__nl-text {
    flex-shrink: 0;
}

.inzc-footer__nl-heading {
    font-size: 17px;
    font-weight: var(--inzc-font-weight-bold);
    color: var(--inzc-color-text-white);
    margin: 0 0 4px;
}

.inzc-footer__nl-sub {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.50);
    margin: 0;
}

.inzc-footer__nl-form {
    flex: 1;
    max-width: 420px;
}

.inzc-footer__nl-row {
    display: flex;
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: var(--inzc-radius-md);
    overflow: hidden;
    transition: border-color var(--inzc-transition-base);
}

.inzc-footer__nl-row:focus-within {
    border-color: var(--inzc-color-primary);
}

.inzc-footer__nl-input {
    flex: 1;
    padding: 10px 14px;
    background: transparent;
    border: none;
    color: var(--inzc-color-text-white);
    font-size: 14px;
    font-family: var(--inzc-font-family);
    outline: none;
    min-width: 0;
}

.inzc-footer__nl-input::placeholder {
    color: rgba(255, 255, 255, 0.35);
}

.inzc-footer__nl-btn {
    flex-shrink: 0;
    background: var(--inzc-color-primary);
    color: var(--inzc-color-text-white);
    border: none;
    padding: 10px 18px;
    font-size: 13px;
    font-weight: var(--inzc-font-weight-bold);
    font-family: var(--inzc-font-family);
    cursor: pointer;
    transition: background var(--inzc-transition-base);
    white-space: nowrap;
}

.inzc-footer__nl-btn:hover {
    background: var(--inzc-color-primary-hover);
}

.inzc-footer__nl-msg {
    margin: 6px 0 0;
    font-size: 12px;
    min-height: 16px;
    color: rgba(255, 255, 255, 0.55);
}

.inzc-footer__nl-msg.is-success {
    color: #7dd87a;
    /* success green */
}

.inzc-footer__nl-msg.is-error {
    color: #ff8080;
    /* error red */
}

@media (max-width: 700px) {
    .inzc-footer__nl-inner {
        flex-direction: column;
        gap: 20px;
        align-items: flex-start;
    }

    .inzc-footer__nl-form {
        width: 100%;
        max-width: 100%;
    }
}

/* ── Single-row footer ── */
.inzc-footer__inner {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 32px;
    padding-top: 36px;
    padding-bottom: 36px;
}

.inzc-footer__logo-link {
    flex-shrink: 0;
    display: block;
}

.inzc-footer__logo {
    height: 28px;
    width: auto;
    display: block;
}

.inzc-footer__nav {
    display: flex;
    align-items: center;
    gap: 28px;
    flex: 1;
    justify-content: center;
}

.inzc-footer__nav a {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.60);
    text-decoration: none;
    transition: color var(--inzc-transition-fast);
    white-space: nowrap;
}

.inzc-footer__nav a:hover {
    color: var(--inzc-color-text-white);
}

.inzc-footer__copy {
    flex-shrink: 0;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.35);
    margin: 0;
    white-space: nowrap;
}

@media (max-width: 800px) {
    .inzc-footer__inner {
        flex-direction: column;
        gap: 20px;
        text-align: center;
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .inzc-footer__nav {
        flex-wrap: wrap;
        gap: 16px 24px;
        justify-content: center;
    }
}

/* ── CTA block inside footer ── */
.inzc-footer__cta {
    position: relative;
    z-index: 3;
    padding: 72px 0 60px;
}

.inzc-footer__cta-inner {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.inzc-footer__cta-eyebrow {
    font-size: 12px;
    font-weight: var(--inzc-font-weight-bold);
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--inzc-color-primary);
    margin: 0 0 20px;
}

.inzc-footer__cta-heading {
    font-size: clamp(36px, 5.5vw, 64px);
    font-weight: var(--inzc-font-weight-black);
    line-height: 1.08;
    letter-spacing: -0.02em;
    color: var(--inzc-color-text-white);
    margin: 0 0 24px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px 16px;
}

.inzc-footer__cta-pill {
    display: inline-block;
    background: linear-gradient(125deg, var(--inzc-color-primary) 0%, var(--inzc-color-primary-grad-end) 100%);
    color: var(--inzc-color-text-white);
    padding: 4px 22px 8px;
    border-radius: var(--inzc-radius-lg);
    font-style: italic;
    line-height: 1.1;
}

.inzc-footer__cta-sub {
    font-size: 17px;
    line-height: 1.65;
    color: rgba(255, 255, 255, 0.50);
    max-width: 500px;
    margin: 0 0 40px;
}

.inzc-footer__cta-actions {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    justify-content: center;
}

.inzc-footer__cta-btn {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(125deg, var(--inzc-color-primary) 0%, var(--inzc-color-primary-grad-end-alt) 100%);
    color: var(--inzc-color-text-white);
    font-size: 15px;
    font-weight: var(--inzc-font-weight-bold);
    padding: 14px 32px;
    border-radius: 10px;
    text-decoration: none;
    box-shadow: 0 8px 28px rgba(var(--inzc-color-primary-rgb), 0.30);
    transition: var(--inzc-transition-card);
}

.inzc-footer__cta-btn:hover {
    box-shadow: 0 12px 36px rgba(var(--inzc-color-primary-rgb), 0.45);
    transform: translateY(-2px);
}

.inzc-footer__cta-ghost {
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    font-weight: var(--inzc-font-weight-semibold);
    color: rgba(255, 255, 255, 0.60);
    text-decoration: none;
    padding: 14px 22px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    transition: color var(--inzc-transition-base), border-color var(--inzc-transition-base);
}

.inzc-footer__cta-ghost:hover {
    color: var(--inzc-color-text-white);
    border-color: rgba(255, 255, 255, 0.28);
}

@media (max-width: 640px) {
    .inzc-footer__cta {
        padding: 56px 0 48px;
    }

    .inzc-footer__cta-heading {
        flex-direction: column;
        gap: 8px;
    }
}

/* ── Decorative wordmark ── */
.inzc-footer__wordmark {
    position: relative;
    z-index: 2;
    overflow: hidden;
    line-height: 0.82;
    mask-image: linear-gradient(to bottom, transparent 0%, black 55%, black 100%);
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 55%, black 100%);
}

.inzc-footer__wordmark span {
    display: block;
    font-size: clamp(32px, 18vw, 220px);
    font-weight: var(--inzc-font-weight-black);
    letter-spacing: -0.03em;
    text-align: center;
    color: rgba(255, 255, 255, 0.055);
    user-select: none;
    white-space: nowrap;
    text-transform: uppercase;
}

/* ═══════════════════════════════════════════════════════════════════════════
   §16  TRUST STRIP
   Class prefix: .inzc-trust-strip / .inzc-awards__trust
   ═══════════════════════════════════════════════════════════════════════════ */

.inzc-trust-strip {
    padding-bottom: 40px;
    padding-top: 60px;
}

.inzc-awards__trust-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 28px;
}

.inzc-awards__trust-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.inzc-awards__trust-check {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    color: var(--inzc-color-primary);
    margin-top: 2px;
}

.inzc-awards__trust-heading {
    font-size: 15px;
    font-weight: var(--inzc-font-weight-semibold);
    color: var(--inzc-color-text-heading);
    margin: 0 0 6px;
}

.inzc-awards__trust-desc {
    font-size: 14px;
    color: var(--inzc-color-text-body);
    line-height: 1.55;
    margin: 0;
}

/* ═══════════════════════════════════════════════════════════════════════════
   §18  SCROLL-TO-TOP
   Class prefix: .inzc-scroll-top
   ═══════════════════════════════════════════════════════════════════════════ */

/* Scroll-to-top */
.inzc-scroll-top {
    position: fixed;
    left: 20px;
    bottom: 15px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-color: var(--inzc-color-text-white);
    border: 1px solid rgba(0, 0, 0, 0.10);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--inzc-transition-slow), transform var(--inzc-transition-slow);
}

.inzc-scroll-top.is-visible {
    opacity: 1;
    pointer-events: auto;
}

.inzc-scroll-top:hover {
    background-color: var(--inzc-color-primary);
    border-color: var(--inzc-color-primary);
}

.inzc-scroll-top:hover svg {
    stroke: var(--inzc-color-text-white);
}

.inzc-scroll-top svg {
    width: 18px;
    height: 18px;
    stroke: var(--inzc-color-text-heading);
}



/* ═══════════════════════════════════════════════════════════════════════════
   §17  FEATURES PAGE  (page-features.php)
   Class prefix: .inzc-page-hero / .inzc-feat-groups / .inzc-feat-page-cta
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Page hero ── */
.inzc-page-hero {
    background: #0c0c0c;
    /* near-black — intentionally deeper than --inzc-color-bg-dark */
    padding: 90px 0 80px;
    text-align: center;
}

.inzc-page-hero__eyebrow {
    font-size: var(--inzc-font-size-eyebrow);
    font-weight: var(--inzc-font-weight-bold);
    letter-spacing: var(--inzc-letter-spacing-eyebrow);
    text-transform: uppercase;
    color: var(--inzc-color-primary);
    margin: 0 0 16px;
}

.inzc-page-hero__heading {
    font-size: clamp(32px, 5vw, 52px);
    font-weight: var(--inzc-font-weight-bold);
    color: var(--inzc-color-text-white);
    line-height: 1.15;
    margin: 0 0 20px;
}

.inzc-page-hero__sub {
    font-size: 17px;
    color: rgba(255, 255, 255, 0.70);
    max-width: 620px;
    margin: 0 auto;
    line-height: 1.7;
}

/* ── Feature groups grid ── */
.inzc-feat-groups {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.inzc-feat-group {
    background: var(--inzc-color-bg-white);
    border-radius: var(--inzc-radius-md);
    overflow: hidden;
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.07);
}

.inzc-feat-group__head {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 22px;
}

.inzc-feat-group__icon {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.inzc-feat-group__icon svg {
    width: 22px;
    height: 22px;
    display: block;
}

.inzc-feat-group__title {
    font-size: 15px;
    font-weight: var(--inzc-font-weight-bold);
    color: var(--inzc-color-text-white);
    margin: 0;
    line-height: 1.3;
}

.inzc-feat-group__list {
    list-style: none;
    margin: 0;
    padding: 16px 22px 20px;
}

.inzc-feat-group__item {
    font-size: 13.5px;
    color: #444;
    /* slightly lighter than --inzc-color-text-dark for list density */
    line-height: 1.55;
    padding: 5px 0 5px 22px;
    position: relative;
    border-bottom: 1px solid #f2f2f2;
}

.inzc-feat-group__item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.inzc-feat-group__item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    width: 13px;
    height: 13px;
    background-color: var(--inzc-color-primary);
    border-radius: 50%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='2 6 5 9 10 3'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    flex-shrink: 0;
}

/* ── Bottom CTA ── */
.inzc-feat-page-cta {
    padding: 70px 0;
}

.inzc-feat-page-cta__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.inzc-feat-page-cta__heading {
    font-size: 28px;
    font-weight: var(--inzc-font-weight-bold);
    color: var(--inzc-color-text-heading);
    margin: 0 0 8px;
}

.inzc-feat-page-cta__sub {
    font-size: 16px;
    color: var(--inzc-color-text-body);
    margin: 0;
}

.inzc-feat-page-cta__actions {
    display: flex;
    gap: 16px;
    flex-shrink: 0;
}

/* ── Core features footer link ── */
.inzc-core-features__footer {
    text-align: center;
    margin-top: 48px;
}

.inzc-core-features__more-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    font-weight: var(--inzc-font-weight-semibold);
    color: var(--inzc-color-text-heading);
    text-decoration: none;
    border-bottom: 2px solid var(--inzc-color-primary);
    padding-bottom: 2px;
    transition: color var(--inzc-transition-base);
}

.inzc-core-features__more-link:hover {
    color: var(--inzc-color-primary);
    text-decoration: none;
}

.inzc-core-features__more-link svg {
    width: 18px;
    height: 18px;
    transition: transform 0.2s ease;
}

.inzc-core-features__more-link:hover svg {
    transform: translateX(4px);
}

/* ── Responsive ── */
@media (max-width: 1199px) {
    .inzc-feat-groups {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 767px) {
    .inzc-feat-groups {
        grid-template-columns: 1fr;
    }

    .inzc-feat-page-cta__inner {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 575px) {
    .inzc-page-hero {
        padding: 60px 0 50px;
    }

    .inzc-feat-page-cta__actions {
        flex-direction: column;
        width: 100%;
    }
}

/* ============================================================
 * §19  PAGE HERO  (shared across features / pricing / demo / docs)
 * ============================================================ */

/* ── Base page hero (dark) ── */
.inzc-ph {
    position: relative;
    background: var(--inzc-color-bg-dark);
    overflow: hidden;
}

.inzc-ph__overlay {
    position: absolute;
    inset: 0;
    background-image:
        radial-gradient(ellipse 80% 60% at 50% -10%, rgba(var(--inzc-color-primary-rgb), 0.13) 0%, transparent 70%),
        radial-gradient(ellipse 60% 40% at 80% 110%, #4f7af822 0%, transparent 60%);
    background-color: var(--inzc-color-overlay-dark);
    pointer-events: none;
}

/* ── Hero variant: features ── */
.inzc-ph--features {
    padding: calc(var(--inzc-nav-height) + 80px) 0 80px;
}

/* ── Hero variant: pricing / demo (centered, narrower) ── */
.inzc-ph--pricing,
.inzc-ph--demo {
    padding: calc(var(--inzc-nav-height) + 100px) 0 100px;
    text-align: center;
}

.inzc-ph--pricing {
    background-image: var(--inzc-img-hero);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.inzc-ph--pricing .inzc-ph__overlay,
.inzc-ph--demo .inzc-ph__overlay {
    background-image: none;
}

/* ── Hero variant: docs (tighter, with dot grid + stronger glow) ── */
.inzc-ph--docs {
    padding: calc(var(--inzc-nav-height) + 80px) 0 80px;
    text-align: center;
}

.inzc-ph--docs .inzc-ph__inner {
    gap: 30px;
}

.inzc-ph--docs .inzc-ph__overlay {
    background-image:
        radial-gradient(ellipse 70% 80% at 50% -5%, rgba(var(--inzc-color-primary-rgb), .18) 0%, transparent 65%),
        radial-gradient(ellipse 50% 60% at 85% 120%, rgba(79, 122, 248, .12) 0%, transparent 55%);
}

.inzc-ph__dot-grid {
    position: absolute;
    inset: 0;
    background-image: radial-gradient(rgba(255, 255, 255, .07) 1px, transparent 1px);
    background-size: 28px 28px;
    pointer-events: none;
    mask-image: radial-gradient(ellipse 80% 70% at 50% 50%, black 30%, transparent 100%);
    -webkit-mask-image: radial-gradient(ellipse 80% 70% at 50% 50%, black 30%, transparent 100%);
}

/* Docs heading slightly smaller than features hero */
.inzc-ph--docs .inzc-ph__heading {
    font-size: clamp(2rem, 4.5vw, 3.25rem);
    line-height: 1.15;
    margin-bottom: 14px;
}

.inzc-ph--docs .inzc-ph__sub {
    font-size: 1.0625rem;
    max-width: 560px;
    margin-inline: auto;
    margin-bottom: 0;
}

/* Stats row ── */
.inzc-docs-hero-stats {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px 14px;
    margin-bottom: 24px;
}

.inzc-docs-hero-stat {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: .8125rem;
    color: var(--inzc-color-text-muted);
    font-weight: var(--inzc-font-weight-semibold);
}

.inzc-docs-hero-stat svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    opacity: .6;
}

.inzc-docs-hero-stat__sep {
    color: rgba(255, 255, 255, .2);
    font-size: .75rem;
    line-height: 1;
}

/* Quick-topic chips ── */
.inzc-docs-hero-chips {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 18px;
}

.inzc-docs-hero-chips__label {
    font-size: .8125rem;
    color: var(--inzc-color-text-muted);
    font-weight: var(--inzc-font-weight-semibold);
    flex-shrink: 0;
}

.inzc-docs-hero-chip {
    display: inline-flex;
    align-items: center;
    padding: 5px 14px;
    border-radius: 99px;
    font-size: .8125rem;
    font-weight: var(--inzc-font-weight-semibold);
    color: rgba(255, 255, 255, .65);
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .1);
    text-decoration: none;
    transition: background var(--inzc-transition-fast), color var(--inzc-transition-fast), border-color var(--inzc-transition-fast);
    white-space: nowrap;
}

.inzc-docs-hero-chip:hover {
    background: rgba(var(--inzc-color-primary-rgb), .12);
    border-color: rgba(var(--inzc-color-primary-rgb), .4);
    color: var(--inzc-color-primary);
    text-decoration: none;
}

/* ── Hero variant: CTA (bottom of pages) ── */
.inzc-ph--cta {
    position: relative;
    padding: 92px 0 100px;
    text-align: center;
    background-color: var(--inzc-color-bg-dark);
    background-image: var(--inzc-img-footer);
    background-size: cover;
    background-position: center top;
    color: var(--inzc-color-text-white);
    overflow: hidden;
}

.inzc-ph--cta .inzc-footer__wordmark {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    z-index: 1;
    pointer-events: none;
}

/* ── Inner layout (features hero: 2-col: content + stats) ── */
.inzc-ph__inner {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 48px;
}

.inzc-ph--pricing .inzc-ph__inner {
    gap: 16px;
}

.inzc-ph__inner--center {
    align-items: center;
    text-align: center;
    max-width: 800px;
    margin-inline: auto;
    gap: 0;
}

.inzc-ph__content {
    max-width: 680px;
}

/* ── CTA hero inner ── */
.inzc-ph__cta-inner {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    text-align: center;
    max-width: 720px;
    margin-inline: auto;
    z-index: 3;
}

/* ── Eyebrow ── */
.inzc-ph__eyebrow {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: var(--inzc-font-weight-semibold);
    letter-spacing: 0.14em;
    color: var(--inzc-color-primary);
    text-transform: uppercase;
    margin-bottom: 16px;
}

/* ── Headings ── */
.inzc-ph__heading {
    font-size: clamp(2rem, 4vw + 1rem, 3.25rem);
    font-weight: var(--inzc-font-weight-black);
    line-height: 1.1;
    color: var(--inzc-color-text-white);
    margin: 0 0 20px;
}

.inzc-ph__pill {
    display: inline-block;
    background: linear-gradient(125deg, var(--inzc-color-primary) 0%, var(--inzc-color-primary-grad-end) 100%);
    color: var(--inzc-color-text-white);
    padding: 2px 18px 6px;
    border-radius: var(--inzc-radius-lg);
    font-style: italic;
    line-height: 1.1;
}

.inzc-ph__cta-heading {
    font-size: clamp(1.6rem, 3vw + 0.8rem, 2.5rem);
    font-weight: var(--inzc-font-weight-extrabold);
    color: var(--inzc-color-text-white);
    margin: 0;
    line-height: 1.15;
}

/* ── Subtitle ── */
.inzc-ph__sub {
    font-size: 1.0625rem;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.72);
    margin: 0 0 32px;
    max-width: 600px;
}

.inzc-ph__cta-sub {
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.65);
    margin: 0;
}

/* ── Actions row ── */
.inzc-ph__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.inzc-ph__inner--center .inzc-ph__actions {
    justify-content: center;
}

.inzc-ph__cta-inner .inzc-ph__actions {
    justify-content: center;
}

/* ── White-ghost button variant ── */
.inzc-btn--white-ghost {
    background: transparent;
    border: 2px solid rgba(255, 255, 255, 0.35);
    color: var(--inzc-color-text-white);
    box-shadow: none;
}

.inzc-btn--white-ghost:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.6);
    color: var(--inzc-color-text-white);
}

/* ── Stats row (features hero only) ── */
.inzc-ph__stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 40px;
}

.inzc-ph__stat {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.inzc-ph__stat-num {
    font-size: clamp(1.6rem, 3vw, 2.5rem);
    font-weight: var(--inzc-font-weight-black);
    color: var(--inzc-color-primary);
    line-height: 1;
}

.inzc-ph__stat-label {
    font-size: 0.8125rem;
    color: rgba(255, 255, 255, 0.55);
    text-transform: uppercase;
    letter-spacing: 0.06em;
}


/* ============================================================
 * §20  FEATURES PAGE  (page-features.php – card grid + expandable drawer)
 * ============================================================ */

/* ── Section wrapper ── */
.inzc-feat-cards-section {
    background: var(--inzc-color-bg-gray);
    padding: 72px 0 80px;
}

/* ── Card grid ── */
.inzc-feat-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

/* ── Individual card (button reset + styling) ── */
.inzc-feat-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    padding: 24px 22px 20px;
    background: var(--inzc-color-bg-white);
    border: 1.5px solid var(--inzc-color-bg-gray);
    border-top: 3px solid transparent;
    border-radius: var(--inzc-radius-md);
    box-shadow: 0 6px 5px rgba(0, 0, 0, 0.06);
    cursor: pointer;
    text-align: left;
    transition:
        border-color var(--inzc-transition-fast),
        box-shadow var(--inzc-transition-fast),
        transform var(--inzc-transition-fast);
    width: 100%;
    font-family: inherit;
}

.inzc-feat-card:hover {
    border-top-color: var(--inzc-cat-color);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.09);
    transform: translateY(-2px);
}

.inzc-feat-card.is-active {
    border-top-color: var(--inzc-cat-color);
    border-color: var(--inzc-cat-color);
    box-shadow: 0 6px 28px rgba(0, 0, 0, 0.12);
    transform: translateY(-2px);
}

.inzc-feat-card__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: var(--inzc-radius-sm);
    background: color-mix(in srgb, var(--inzc-cat-color) 12%, transparent);
    color: var(--inzc-cat-color);
    flex-shrink: 0;
    margin-bottom: 2px;
}

.inzc-feat-card__icon svg {
    width: 20px;
    height: 20px;
}

.inzc-feat-card__label {
    font-size: 0.6875rem;
    font-weight: var(--inzc-font-weight-bold);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--inzc-cat-color);
}

.inzc-feat-card__title {
    font-size: 0.9375rem;
    font-weight: var(--inzc-font-weight-semibold);
    color: var(--inzc-color-text-heading);
    line-height: 1.3;
    flex: 1;
}

.inzc-feat-card__count {
    font-size: 0.75rem;
    font-weight: var(--inzc-font-weight-medium);
    color: var(--inzc-color-text-muted);
    margin-top: auto;
    transition: color var(--inzc-transition-fast);
}

.inzc-feat-card:hover .inzc-feat-card__count,
.inzc-feat-card.is-active .inzc-feat-card__count {
    color: var(--inzc-cat-color);
}

/* ── Expandable drawer ── */
.inzc-feat-drawer {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition:
        max-height 0.45s cubic-bezier(0.4, 0, 0.2, 1),
        opacity 0.3s ease,
        margin-top 0.3s ease;
    margin-top: 0;
    border-radius: var(--inzc-radius-lg);
}

.inzc-feat-drawer.is-open {
    max-height: 1400px;
    opacity: 1;
    margin-top: 20px;
}

.inzc-feat-drawer__inner {
    background: var(--inzc-color-bg-dark);
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: var(--inzc-radius-lg);
    padding: 36px 40px 40px;
}

/* ── Drawer header ── */
.inzc-feat-drawer__header {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 32px;
    padding-bottom: 28px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.inzc-feat-drawer__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: var(--inzc-radius-md);
    background: rgba(255, 255, 255, 0.06);
    color: #fff;
    flex-shrink: 0;
    margin-top: 2px;
}

.inzc-feat-drawer__icon svg {
    width: 24px;
    height: 24px;
}

.inzc-feat-drawer__meta {
    flex: 1;
    min-width: 0;
}

.inzc-feat-drawer__label {
    display: block;
    font-size: 0.7rem;
    font-weight: var(--inzc-font-weight-bold);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 6px;
}

.inzc-feat-drawer__title {
    font-size: clamp(1.1rem, 2vw, 1.5rem);
    font-weight: var(--inzc-font-weight-bold);
    color: var(--inzc-color-text-white);
    line-height: 1.25;
    margin: 0 0 8px;
}

.inzc-feat-drawer__desc {
    font-size: 0.9rem;
    line-height: 1.65;
    color: rgba(255, 255, 255, 0.6);
    margin: 0;
}

.inzc-feat-drawer__close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    color: rgba(255, 255, 255, 0.6);
    cursor: pointer;
    flex-shrink: 0;
    transition: background var(--inzc-transition-fast), color var(--inzc-transition-fast);
    font-family: inherit;
    padding: 0;
    margin-top: 2px;
}

.inzc-feat-drawer__close:hover {
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
}

.inzc-feat-drawer__close svg {
    width: 16px;
    height: 16px;
}

/* ── Drawer feature list ── */
.inzc-feat-drawer__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 24px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.inzc-feat-drawer__item {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    font-size: 0.845rem;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.5;
}

.inzc-feat-drawer__check {
    flex-shrink: 0;
    width: 18px;
    height: 18px;
    margin-top: 2px;
}

/* ── Demo strip (modifier on top of .inzc-nl) ── */
.inzc-feat-demo-strip {
    /* background + position: relative + overflow: hidden come from .inzc-nl */
    padding: 0;
}

.inzc-feat-demo-strip .inzc-container {
    position: relative;
    z-index: 1;
}

.inzc-feat-demo-strip__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    padding: 20px 0;
}

/* Text side: eyebrow + sep + headline all on one row */
.inzc-feat-demo-strip__text {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    flex: 1;
    min-width: 0;
}

.inzc-feat-demo-strip__eyebrow {
    font-size: 0.6875rem;
    font-weight: var(--inzc-font-weight-bold);
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.65);
    white-space: nowrap;
}

.inzc-feat-demo-strip__sep {
    color: rgba(255, 255, 255, 0.3);
    font-size: 0.85rem;
}

.inzc-feat-demo-strip__headline {
    font-size: 1rem;
    font-weight: var(--inzc-font-weight-semibold);
    color: #fff;
    line-height: 1.4;
    margin: 0;
}

.inzc-feat-demo-strip__actions {
    flex-shrink: 0;
}


/* ── Gateway addons ── */
.inzc-addon-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-top: 40px;
}

.inzc-addon-card {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 16px 20px;
    border-radius: var(--inzc-radius-md);
    background: var(--inzc-color-bg-white);
    border: 1.5px solid rgba(0, 0, 0, 0.09);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
    transition:
        border-color var(--inzc-transition-fast),
        transform var(--inzc-transition-fast),
        box-shadow var(--inzc-transition-fast);
}

.inzc-addon-card:hover {
    border-color: var(--inzc-color-success);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(var(--inzc-color-success-rgb), 0.08);
}

.inzc-addon-card__main {
    display: flex;
    align-items: center;
    gap: 12px;
}

.inzc-addon-card__logo {
    display: inline-flex;
    align-items: center;
    height: 26px;
    flex-shrink: 0;
}

.inzc-addon-card__logo img {
    height: 26px !important;
    width: auto !important;
    display: block;
    object-fit: contain;
}

.inzc-addon-card__name {
    font-size: 0.95rem;
    font-weight: var(--inzc-font-weight-bold);
    color: var(--inzc-color-text-heading);
    margin: 0;
}

.inzc-addon-card__check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--inzc-color-success-bg);
    color: var(--inzc-color-success);
    flex-shrink: 0;
}

.inzc-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;
}

@media (max-width: 991px) {
    .inzc-addon-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 575px) {
    .inzc-addon-grid {
        grid-template-columns: 1fr;
    }
}

/* Gateway note block */
.inzc-addon-note {
    margin-top: 40px;
    padding: 20px 24px;
    background: var(--inzc-color-bg-gray);
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: var(--inzc-radius-md);
    text-align: center;
}

.inzc-addon-note p {
    font-size: 0.9rem;
    line-height: 1.6;
    color: var(--inzc-color-text-body);
    margin: 0;
}

.inzc-addon-note a {
    color: var(--inzc-color-text-heading);
    text-decoration: underline;
    font-weight: var(--inzc-font-weight-semibold);
    transition: color var(--inzc-transition-fast);
}

.inzc-addon-note a:hover {
    color: var(--inzc-color-primary);
}


/* ── Core engines section ── */
.inzc-engines-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    margin-top: 48px;
}

.inzc-engine-card {
    background: var(--inzc-color-bg-white);
    border-radius: var(--inzc-radius-lg);
    border: 1.5px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
    padding: 36px 30px;
    transition: transform var(--inzc-transition-fast), box-shadow var(--inzc-transition-fast);
}

.inzc-engine-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 30px rgba(85, 81, 233, 0.08);
}

.inzc-engine-card__icon-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 12px;
    margin-bottom: 24px;
}

.inzc-engine-card:nth-child(1) .inzc-engine-card__icon-wrap {
    background: rgba(99, 102, 241, 0.1);
    color: #6366f1;
}

.inzc-engine-card:nth-child(2) .inzc-engine-card__icon-wrap {
    background: rgba(16, 185, 129, 0.1);
    color: #10b981;
}

.inzc-engine-card:nth-child(3) .inzc-engine-card__icon-wrap {
    background: rgba(245, 158, 11, 0.1);
    color: #f59e0b;
}

.inzc-engine-card__icon {
    width: 26px;
    height: 26px;
    display: block;
}

.inzc-engine-card__title {
    font-size: 1.15rem;
    font-weight: var(--inzc-font-weight-bold);
    color: var(--inzc-color-text-heading);
    margin: 0 0 12px;
}

.inzc-engine-card__desc {
    font-size: 0.95rem;
    line-height: 1.6;
    color: var(--inzc-color-text-body);
    margin: 0;
}

@media (max-width: 991px) {
    .inzc-engines-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media (max-width: 640px) {
    .inzc-engines-grid {
        grid-template-columns: 1fr;
    }
}


/* ============================================================
 * §21  PRICING PAGE  (page-pricing.php)
 * ============================================================ */

/* ── License tier grid ── */
.inzc-license-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    align-items: start;
    margin-top: 48px;
    max-width: 920px;
    margin-inline: auto;
}

.inzc-pricing-section {
    background: var(--inzc-color-bg-gray);
}

/* ── License card — light ── */
.inzc-license {
    background: var(--inzc-color-bg-white);
    border: 1px solid rgba(0, 0, 0, 0.09);
    border-radius: var(--inzc-radius-xl);
    overflow: hidden;
    position: relative;
    transition: box-shadow var(--inzc-transition-card), transform var(--inzc-transition-card);
    box-shadow: 0 2px 16px rgba(0, 0, 0, 0.07);
    display: flex;
    flex-direction: column;
}

.inzc-license:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.11);
}

/* Pro: orange top stripe + soft glow */
.inzc-license--featured {
    border-color: rgba(var(--inzc-color-primary-rgb), 0.3);
    border-top: 3px solid var(--inzc-color-primary);
    box-shadow: 0 4px 32px rgba(var(--inzc-color-primary-rgb), 0.12);
}

.inzc-license--featured:hover {
    box-shadow: 0 16px 56px rgba(var(--inzc-color-primary-rgb), 0.18);
}

/* ── Head ── */
.inzc-license__head {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 28px 28px 24px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

/* ── Badge ── */
.inzc-license__badge {
    display: inline-block;
    align-self: flex-start;
    background: var(--inzc-color-primary);
    color: #fff;
    font-size: 0.65rem;
    font-weight: var(--inzc-font-weight-bold);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 4px 12px;
    border-radius: 99px;
    white-space: nowrap;
    margin-bottom: 6px;
}

/* ── Plan name & tagline ── */
.inzc-license__name {
    font-size: 1.375rem;
    font-weight: var(--inzc-font-weight-extrabold);
    color: var(--inzc-color-text-heading);
    margin: 0;
}

.inzc-license__tagline {
    font-size: 0.875rem;
    color: var(--inzc-color-text-muted);
    margin: 0;
}

/* ── Price block ── */
.inzc-license__price {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    margin: 16px 0 0;
}

/* Row: strikethrough + save pill side by side */
.inzc-license__was-row {
    display: flex;
    align-items: center;
    gap: 8px;
}

.inzc-license__list-price {
    font-size: 0.875rem;
    color: var(--inzc-color-text-muted);
    text-decoration: line-through;
    line-height: 1;
}

.inzc-license__save {
    display: inline-block;
    background: rgba(var(--inzc-color-primary-rgb), 0.1);
    color: var(--inzc-color-primary);
    font-size: 0.7rem;
    font-weight: var(--inzc-font-weight-bold);
    padding: 3px 10px;
    border-radius: 99px;
    border: 1px solid rgba(var(--inzc-color-primary-rgb), 0.2);
    white-space: nowrap;
    flex-shrink: 0;
    letter-spacing: 0.01em;
}

/* Big price on its own line */
.inzc-license__amount {
    font-size: 3rem;
    font-weight: var(--inzc-font-weight-black);
    color: var(--inzc-color-text-heading);
    line-height: 1;
    margin-top: 2px;
}

/* Lifetime label below price */
.inzc-license__once {
    font-size: 0.7rem;
    color: var(--inzc-color-text-body);
    font-weight: var(--inzc-font-weight-bold);
    margin-top: 6px;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.inzc-license__limits {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.8125rem;
    color: var(--inzc-color-text-muted);
    margin: 6px 0 0;
}

.inzc-license__limits svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    color: var(--inzc-color-primary);
}

/* ── CTA ── */
.inzc-license__cta {
    padding: 22px 28px 20px;
}

.inzc-license__cta .inzc-btn {
    width: 100%;
    justify-content: center;
    text-align: center;
    display: flex;
}

/* ── Feature list ── */
.inzc-license__list {
    list-style: none;
    margin: 0;
    padding: 20px 28px 28px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.inzc-license__item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 0.875rem;
    line-height: 1.5;
}

.inzc-license__item svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    margin-top: 2px;
}

.inzc-license__item--yes {
    color: var(--inzc-color-text-body);
}

.inzc-license__item--no {
    color: var(--inzc-color-text-muted);
    opacity: 0.5;
}

.inzc-pricing-compare-link {
    text-align: center;
    margin-top: 16px;
}

.inzc-pricing-compare-link a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.875rem;
    font-weight: var(--inzc-font-weight-medium);
    color: var(--inzc-color-primary);
    text-decoration: none;
    transition: opacity 0.15s;
}

.inzc-pricing-compare-link a:hover {
    opacity: 0.75;
}

.inzc-pricing-compare-link svg {
    width: 14px;
    height: 14px;
}

.inzc-ptable-features-link {
    text-align: center;
    margin-top: 20px;
}

.inzc-ptable-features-link a {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.875rem;
    font-weight: var(--inzc-font-weight-medium);
    color: var(--inzc-color-primary);
    text-decoration: none;
    transition: opacity 0.15s;
}

.inzc-ptable-features-link a:hover {
    opacity: 0.75;
}

.inzc-ptable-features-link svg {
    width: 10px;
    height: 10px;
}

/* ── Services section ── */
.inzc-services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 48px;
}

.inzc-service-card {
    background: var(--inzc-color-bg-white);
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: var(--inzc-radius-lg);
    padding: 32px 28px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    box-shadow: var(--inzc-shadow-card);
    transition: transform var(--inzc-transition-card), box-shadow var(--inzc-transition-card);
}

.inzc-service-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 36px rgba(0, 0, 0, .1);
}

.inzc-service-card__icon {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--inzc-color-primary-rgb), .08);
    border-radius: var(--inzc-radius-md);
    flex-shrink: 0;
}

.inzc-service-card__icon svg {
    width: 28px;
    height: 28px;
}

.inzc-service-card__name {
    font-size: 1.0625rem;
    font-weight: var(--inzc-font-weight-bold);
    color: var(--inzc-color-text-heading);
    margin: 0;
}

.inzc-service-card__price {
    font-size: .875rem;
    color: var(--inzc-color-text-body);
    margin: 0;
}

.inzc-service-card__sep {
    margin: 0 6px;
    opacity: .35;
}

.inzc-service-card__desc {
    font-size: .875rem;
    color: var(--inzc-color-text-body);
    line-height: 1.65;
    margin: 0;
    flex: 1;
}

.inzc-service-card__link {
    font-size: .875rem;
    font-weight: var(--inzc-font-weight-semibold);
    color: var(--inzc-color-primary);
    text-decoration: none;
    margin-top: 4px;
    transition: text-decoration var(--inzc-transition-fast);
}

.inzc-service-card__link:hover {
    text-decoration: underline;
}

/* ── What's included comparison table ── */
.inzc-ptable {
    margin-top: 48px;
    max-width: 900px;
    margin-inline: auto;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: var(--inzc-radius-lg);
    /* NO overflow:hidden — would clip .inzc-ptable__tip-body popovers */
    box-shadow: 0 4px 32px rgba(0, 0, 0, 0.08);
}

.inzc-ptable__head {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    background: var(--inzc-color-bg-navy);
    border-radius: var(--inzc-radius-lg) var(--inzc-radius-lg) 0 0;
    overflow: hidden;
    /* safe here — no tooltips in the header row */
}

.inzc-ptable__row {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

/* Round the bottom corners of the last data row */
.inzc-ptable__row:last-child {
    border-bottom: none;
    border-radius: 0 0 var(--inzc-radius-lg) var(--inzc-radius-lg);
    overflow: hidden;
}

.inzc-ptable__row:nth-child(odd) {
    background: var(--inzc-color-bg-white);
}

.inzc-ptable__row:nth-child(even) {
    background: var(--inzc-color-bg-gray);
}

.inzc-ptable__cell {
    padding: 16px 20px;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    gap: 8px;
}

.inzc-ptable__cell--feature {
    font-weight: var(--inzc-font-weight-semibold);
    color: var(--inzc-color-text-dark);
    border-right: 1px solid rgba(0, 0, 0, 0.06);
}

.inzc-ptable__cell--tier {
    justify-content: center;
    text-align: center;
    color: var(--inzc-color-text-muted);
}

.inzc-ptable__cell--featured {
    background: rgba(var(--inzc-color-primary-rgb), 0.04);
    border-left: 1px solid rgba(var(--inzc-color-primary-rgb), 0.12);
}

.inzc-ptable__head .inzc-ptable__cell {
    font-size: 1rem;
    font-weight: var(--inzc-font-weight-bold);
    letter-spacing: 0.01em;
    color: rgba(255, 255, 255, 0.9);
    justify-content: center;
    border-right: 1px solid rgba(255, 255, 255, 0.06);
    padding: 20px;
    flex-direction: column;
    gap: 6px;
}

.inzc-ptable__head .inzc-ptable__cell--feature {
    justify-content: flex-start;
    flex-direction: row;
    font-size: 0.75rem;
    font-weight: var(--inzc-font-weight-semibold);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.4);
}

.inzc-ptable__head .inzc-ptable__cell--featured {
    background: var(--inzc-color-primary);
    border-left: none;
    border-right: none;
    color: #fff;
}

.inzc-ptable__head .inzc-ptable__cell--tier:not(.inzc-ptable__cell--featured) {
    background: #23263a;
    color: rgba(255, 255, 255, 0.7);
}

.inzc-ptable__badge {
    display: inline-block;
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
    font-size: 0.65rem;
    font-weight: var(--inzc-font-weight-semibold);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 3px 9px;
    border-radius: 99px;
}

.inzc-ptable__icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.inzc-ptable__val {
    font-size: 0.8125rem;
    font-weight: var(--inzc-font-weight-semibold);
    color: var(--inzc-color-text-dark);
}

/* ── Trust strip (pricing page) ── */
.inzc-pricing-trust-strip {
    background: var(--inzc-color-bg-dark);
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    padding: 18px 0;
}

.inzc-pricing-trust-strip__inner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px 36px;
}

.inzc-pricing-trust-strip__item {
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: 0.8125rem;
    font-weight: var(--inzc-font-weight-medium);
    color: rgba(255, 255, 255, 0.7);
    white-space: nowrap;
}

.inzc-pricing-trust-strip__item svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    opacity: 0.9;
}

/* ── Extension links in comparison table ── */
.inzc-ptable__ext-link {
    color: var(--inzc-color-primary);
    text-decoration: underline;
    text-underline-offset: 2px;
    text-decoration-thickness: 1px;
    font-weight: var(--inzc-font-weight-medium);
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.inzc-ptable__ext-link:hover {
    opacity: 0.8;
    text-decoration: underline;
}

.inzc-ptable__ext-arrow {
    width: 10px;
    height: 10px;
    flex-shrink: 0;
    opacity: 0.75;
}

/* ── Comparison table tooltip ── */
.inzc-ptable__tip {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-left: 7px;
    color: var(--inzc-color-text-muted);
    cursor: help;
    flex-shrink: 0;
    vertical-align: middle;
    line-height: 1;
}

.inzc-ptable__tip svg {
    width: 13px;
    height: 13px;
    display: block;
    transition: color 0.15s;
}

.inzc-ptable__tip:hover svg,
.inzc-ptable__tip:focus svg {
    color: var(--inzc-color-primary);
}

.inzc-ptable__tip-body {
    position: absolute;
    left: 50%;
    bottom: calc(100% + 10px);
    transform: translateX(-50%);
    background: var(--inzc-color-bg-dark);
    color: rgba(255, 255, 255, 0.85);
    font-size: 0.75rem;
    font-weight: var(--inzc-font-weight-regular);
    line-height: 1.55;
    padding: 10px 14px;
    border-radius: var(--inzc-radius-md);
    width: 240px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.22);
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.15s ease;
    z-index: 20;
    white-space: normal;
    text-align: left;
}

.inzc-ptable__tip-body::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 6px solid transparent;
    border-top-color: var(--inzc-color-bg-dark);
}

.inzc-ptable__tip:hover .inzc-ptable__tip-body,
.inzc-ptable__tip:focus .inzc-ptable__tip-body,
.inzc-ptable__tip:focus-within .inzc-ptable__tip-body {
    opacity: 1;
    pointer-events: none;
}

/* ── Custom services note (below bottom CTA) ── */
.inzc-nl--custom-note {
    background: var(--inzc-color-primary);
    padding: 22px 0;
    text-align: center;
}

.inzc-nl__custom-note-text {
    font-size: 0.8125rem;
    color: rgba(255, 255, 255, 0.75);
    margin: 0;
}

.inzc-nl__custom-note-link {
    color: #fff;
    text-decoration: underline;
    text-underline-offset: 2px;
    font-weight: var(--inzc-font-weight-semibold);
    margin-left: 4px;
    transition: opacity var(--inzc-transition-fast);
}

.inzc-nl__custom-note-link:hover {
    opacity: 0.85;
    color: #fff;
}

/* ── Quick-start callout strip ── */
.inzc-quickstart {
    background: var(--inzc-color-bg-dark);
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    padding: 22px 0;
}

.inzc-quickstart__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
}

.inzc-quickstart__headline {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.inzc-quickstart__headline strong {
    font-size: 0.9375rem;
    font-weight: var(--inzc-font-weight-semibold);
    color: rgba(255, 255, 255, 0.95);
}

.inzc-quickstart__headline span {
    font-size: 0.8125rem;
    color: rgba(255, 255, 255, 0.5);
}

.inzc-quickstart__steps {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.5);
    flex-shrink: 0;
}

.inzc-quickstart__steps svg {
    width: 20px;
    height: 8px;
    flex-shrink: 0;
    opacity: 0.4;
}

@media (max-width: 767px) {
    .inzc-quickstart__inner {
        justify-content: center;
    }

    .inzc-quickstart__steps {
        flex-wrap: wrap;
        justify-content: center;
    }
}

/* ── Persona cards ── */
.inzc-persona-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 48px;
}

.inzc-persona-card {
    background: var(--inzc-color-bg-white);
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: var(--inzc-radius-xl);
    padding: 32px 28px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    box-shadow: var(--inzc-shadow-card);
    transition: transform var(--inzc-transition-card), box-shadow var(--inzc-transition-card);
}

.inzc-persona-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.1);
}

.inzc-persona-card--featured {
    border-color: var(--inzc-color-primary);
    box-shadow: 0 0 0 3px rgba(var(--inzc-color-primary-rgb), 0.12), var(--inzc-shadow-card);
}

.inzc-persona-card__icon {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--inzc-color-primary-rgb), 0.07);
    border-radius: var(--inzc-radius-lg);
    flex-shrink: 0;
}

.inzc-persona-card__icon svg {
    width: 32px;
    height: 32px;
}

.inzc-persona-card__title {
    font-size: 1.125rem;
    font-weight: var(--inzc-font-weight-extrabold);
    color: var(--inzc-color-text-heading);
    margin: 0;
}

.inzc-persona-card__desc {
    font-size: 0.875rem;
    color: var(--inzc-color-text-body);
    line-height: 1.65;
    margin: 0;
    flex: 1;
}

.inzc-persona-card__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    padding-top: 16px;
}

.inzc-persona-card__list li {
    font-size: 0.8125rem;
    color: var(--inzc-color-text-dark);
    padding-left: 16px;
    position: relative;
}

.inzc-persona-card__list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 7px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--inzc-color-primary);
}

.inzc-persona-card__fit {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: rgba(var(--inzc-color-primary-rgb), 0.06);
    border-radius: var(--inzc-radius-md);
    margin-top: auto;
}

.inzc-persona-card__fit-label {
    font-size: 0.7rem;
    font-weight: var(--inzc-font-weight-semibold);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--inzc-color-text-muted);
}

.inzc-persona-card__fit-plan {
    font-size: 0.8125rem;
    font-weight: var(--inzc-font-weight-bold);
    color: var(--inzc-color-primary);
}

@media (max-width: 991px) {
    .inzc-persona-grid {
        grid-template-columns: 1fr;
        max-width: 520px;
        margin-inline: auto;
    }
}

/* ── Server requirements ── */
.inzc-sysreq-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 48px;
}

.inzc-sysreq-item {
    background: var(--inzc-color-bg-white);
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: var(--inzc-radius-lg);
    padding: 22px 20px;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    box-shadow: var(--inzc-shadow-card);
}

.inzc-sysreq-item__icon {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(var(--inzc-color-primary-rgb), 0.07);
    border-radius: var(--inzc-radius-md);
    flex-shrink: 0;
}

.inzc-sysreq-item__icon svg {
    width: 24px;
    height: 24px;
}

.inzc-sysreq-item__text {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.inzc-sysreq-item__label {
    font-size: 0.7rem;
    font-weight: var(--inzc-font-weight-bold);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--inzc-color-text-muted);
}

.inzc-sysreq-item__val {
    font-size: 0.9375rem;
    font-weight: var(--inzc-font-weight-semibold);
    color: var(--inzc-color-text-heading);
}

.inzc-sysreq-item__note {
    font-size: 0.75rem;
    color: var(--inzc-color-text-muted);
}

.inzc-sysreq-note {
    font-size: 0.8125rem;
    color: var(--inzc-color-text-muted);
    text-align: center;
    margin-top: 24px;
}

.inzc-sysreq-note a {
    color: var(--inzc-color-primary);
    text-decoration: none;
}

.inzc-sysreq-note a:hover {
    text-decoration: underline;
}

/* ── Shared features / Platform highlights grid ── */
.inzc-shared-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 40px;
}

.inzc-shared-item {
    background: var(--inzc-color-bg-white);
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: var(--inzc-radius-lg);
    padding: 28px 24px;
    display: flex;
    flex-direction: column;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
    transition: box-shadow var(--inzc-transition-card);
}

.inzc-shared-item:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.09);
}

.inzc-shared-item__icon {
    width: 44px;
    height: 44px;
    background: rgba(var(--inzc-color-primary-rgb), 0.08);
    border-radius: var(--inzc-radius-md);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    flex-shrink: 0;
}

.inzc-shared-item__icon svg {
    width: 22px;
    height: 22px;
}

.inzc-shared-item__title {
    font-size: 0.9375rem;
    font-weight: var(--inzc-font-weight-semibold);
    color: var(--inzc-color-text-heading);
    margin: 0 0 8px;
}

.inzc-shared-item__desc {
    font-size: 0.875rem;
    line-height: 1.65;
    color: var(--inzc-color-text-body);
    margin: 0;
}

@media (max-width: 991px) {
    .inzc-shared-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 575px) {
    .inzc-shared-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    .inzc-sysreq-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 480px) {
    .inzc-sysreq-grid {
        grid-template-columns: 1fr;
    }
}

/* ── Money-back guarantee ── */
.inzc-guarantee__inner {
    display: flex;
    align-items: center;
    gap: 40px;
    background: var(--inzc-color-bg-white);
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: var(--inzc-radius-xl);
    padding: 40px 48px;
    box-shadow: var(--inzc-shadow-card);
}

.inzc-guarantee__badge svg {
    width: 72px;
    height: 72px;
    flex-shrink: 0;
}

.inzc-guarantee__content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.inzc-guarantee__heading {
    font-size: 1.375rem;
    font-weight: var(--inzc-font-weight-extrabold);
    color: var(--inzc-color-text-heading);
    margin: 0;
}

.inzc-guarantee__body {
    font-size: 0.9375rem;
    color: var(--inzc-color-text-body);
    margin: 0;
    line-height: 1.6;
}

.inzc-guarantee__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 4px;
}

.inzc-guarantee__chips span {
    font-size: 0.75rem;
    font-weight: var(--inzc-font-weight-semibold);
    color: var(--inzc-color-primary);
    background: rgba(var(--inzc-color-primary-rgb), 0.07);
    padding: 4px 12px;
    border-radius: 99px;
    letter-spacing: 0.04em;
}

/* ── Pricing FAQ ── */
.inzc-pricing-faq__inner {
    display: grid;
    grid-template-columns: 320px 1fr;
    gap: 56px;
    align-items: start;
}

.inzc-pricing-faq__inner .inzc-section-head {
    position: sticky;
    top: 80px;
}

.inzc-faq-list {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.inzc-faq-item {
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: var(--inzc-radius-md);
    overflow: hidden;
    background: var(--inzc-color-bg-white);
    transition: box-shadow var(--inzc-transition-fast);
}

.inzc-faq-item:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.07);
}

.inzc-faq-item__trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: 100%;
    background: none;
    border: none;
    text-align: left;
    padding: 18px 20px;
    font-size: 0.9375rem;
    font-weight: var(--inzc-font-weight-semibold);
    color: var(--inzc-color-text-dark);
    cursor: pointer;
    transition: color var(--inzc-transition-fast);
}

.inzc-faq-item__trigger:hover {
    color: var(--inzc-color-primary);
}

.inzc-faq-item__trigger[aria-expanded="true"] {
    color: var(--inzc-color-primary);
}

.inzc-faq-item__arrow {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    transition: transform var(--inzc-transition-fast);
}

.inzc-faq-item__trigger[aria-expanded="true"] .inzc-faq-item__arrow {
    transform: rotate(180deg);
}

.inzc-faq-item__body {
    padding: 0 20px 18px;
    font-size: 0.9rem;
    color: var(--inzc-color-text-body);
    line-height: 1.65;
}

.inzc-faq-item__body[hidden] {
    display: none;
}

.inzc-faq-item__body p {
    margin: 0;
}


/* ============================================================
 * §22  DEMO PAGE  (page-demo.php)
 * ============================================================ */

/* ── Live demo badge ── */
.inzc-demo-live-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.14);
    border-radius: 99px;
    padding: 8px 18px;
    font-size: 0.8125rem;
    font-weight: var(--inzc-font-weight-semibold);
    color: rgba(255, 255, 255, 0.85);
    letter-spacing: 0.04em;
    margin-bottom: 24px;
}

.inzc-demo-live-badge__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 0 3px #22c55e40;
    animation: inzc-badge-pulse 2s ease-in-out infinite;
}

@keyframes inzc-badge-pulse {

    0%,
    100% {
        box-shadow: 0 0 0 3px #22c55e40;
    }

    50% {
        box-shadow: 0 0 0 6px #22c55e20;
    }
}

/* ═══════════════════════════════════════════════════════
   SANDBOX CREDENTIALS SECTION
   ═══════════════════════════════════════════════════════ */

/* ── Section wrapper ── */
.inzc-creds-section {
    padding: var(--inzc-section-pad-top) 0 var(--inzc-section-pad-bottom);
    background: var(--inzc-color-bg-white);
}

/* ── Centred intro above the grid ── */
.inzc-creds-intro {
    text-align: center;
    margin-bottom: 52px;
}

.inzc-creds-intro__eyebrow {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: var(--inzc-font-weight-bold);
    letter-spacing: var(--inzc-letter-spacing-eyebrow);
    text-transform: uppercase;
    color: var(--inzc-color-primary);
    margin: 0 0 14px;
}

.inzc-creds-intro__heading {
    font-size: 2.25rem;
    font-weight: var(--inzc-font-weight-extrabold);
    color: var(--inzc-color-text-heading);
    margin: 0 0 12px;
    line-height: 1.2;
}

.inzc-creds-intro__sub {
    font-size: 1rem;
    color: var(--inzc-color-text-body);
    margin: 0;
}

/* ── 3-column grid ── */
.inzc-creds-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
}

/* ── Base card ── */
.inzc-cred-card {
    background: var(--inzc-color-bg-white);
    border: 1.5px solid rgba(0, 0, 0, 0.08);
    border-radius: var(--inzc-radius-xl);
    padding: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    transition: transform var(--inzc-transition-slow), box-shadow var(--inzc-transition-slow);
}

.inzc-cred-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 48px rgba(0, 0, 0, 0.10);
}

/* ── Coloured top accent bar + header row ── */
.inzc-cred-card__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px 28px 0;
    margin-bottom: 20px;
}

/* ── Icon badge ── */
.inzc-cred-card__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: var(--inzc-radius-lg);
    flex-shrink: 0;
}

.inzc-cred-card__icon svg {
    width: 22px;
    height: 22px;
}

/* ── Role label badge ── */
.inzc-cred-card__badge {
    font-size: 0.7rem;
    font-weight: var(--inzc-font-weight-bold);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    padding: 4px 10px;
    border-radius: 999px;
}

/* ── Title + description ── */
.inzc-cred-card__role {
    font-size: 1.25rem;
    font-weight: var(--inzc-font-weight-extrabold);
    color: var(--inzc-color-text-heading);
    margin: 0 0 6px;
    padding: 0 28px;
}

.inzc-cred-card__desc {
    font-size: 0.875rem;
    color: var(--inzc-color-text-body);
    line-height: 1.6;
    margin: 0 0 20px;
    padding: 0 28px;
}

/* ── Credential fields pill block ── */
.inzc-cred-card__fields {
    background: var(--inzc-color-bg-gray);
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding: 16px 28px;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 8px 20px;
    align-items: center;
    margin: 0;
}

.inzc-cred-card__fields dt {
    font-size: 0.7rem;
    font-weight: var(--inzc-font-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--inzc-color-text-muted);
}

.inzc-cred-card__fields dd {
    margin: 0;
}

.inzc-cred-card__fields code {
    font-family: 'Courier New', Courier, monospace;
    font-size: 0.875rem;
    font-weight: var(--inzc-font-weight-semibold);
    color: var(--inzc-color-text-dark);
    background: none;
    border: none;
    padding: 0;
}

/* ── CTA button ── */
.inzc-cred-card__cta {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 24px 28px;
    padding: 13px 20px;
    border-radius: var(--inzc-radius-lg);
    font-size: 0.9375rem;
    font-weight: var(--inzc-font-weight-bold);
    text-decoration: none;
    transition: all var(--inzc-transition-fast);
    cursor: pointer;
    border: none;
}

.inzc-cred-card__cta svg {
    width: 16px;
    height: 16px;
    transition: transform var(--inzc-transition-fast);
}

.inzc-cred-card__cta:hover {
    text-decoration: none;
}

.inzc-cred-card__cta:hover svg {
    transform: translateX(3px);
}

/* ── Role: Brand (blue) ── */
.inzc-cred-card--brand .inzc-cred-card__icon {
    background: #e8f0fe;
    color: #3b6ef5;
}

.inzc-cred-card--brand .inzc-cred-card__badge {
    background: #e8f0fe;
    color: #3b6ef5;
}

.inzc-cred-card--brand .inzc-cred-card__cta {
    background: #3b6ef5;
    color: var(--inzc-color-text-white);
}

.inzc-cred-card--brand .inzc-cred-card__cta:hover {
    background: #2c5ce3;
}

/* ── Role: Influencer (primary purple) ── */
.inzc-cred-card--influencer .inzc-cred-card__icon {
    background: rgba(var(--inzc-color-primary-rgb), 0.10);
    color: var(--inzc-color-primary);
}

.inzc-cred-card--influencer .inzc-cred-card__badge {
    background: rgba(var(--inzc-color-primary-rgb), 0.10);
    color: var(--inzc-color-primary);
}

.inzc-cred-card--influencer .inzc-cred-card__cta {
    background: var(--inzc-color-primary);
    color: var(--inzc-color-text-white);
}

.inzc-cred-card--influencer .inzc-cred-card__cta:hover {
    background: var(--inzc-color-primary-hover);
}

/* ── Role: Admin (emerald green) ── */
.inzc-cred-card--admin .inzc-cred-card__icon {
    background: #e6f7ee;
    color: #1a9a58;
}

.inzc-cred-card--admin .inzc-cred-card__badge {
    background: #e6f7ee;
    color: #1a9a58;
}

.inzc-cred-card--admin .inzc-cred-card__cta {
    background: #1a9a58;
    color: var(--inzc-color-text-white);
}

.inzc-cred-card--admin .inzc-cred-card__cta:hover {
    background: #157f49;
}

/* ── Bottom note ── */
.inzc-creds-note {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 40px;
    font-size: 0.875rem;
    color: var(--inzc-color-text-muted);
    justify-content: center;
    text-align: center;
}

.inzc-creds-note svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

/* ── Screenshot grid ── */
.inzc-screenshot-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 48px;
}

.inzc-screenshot-card {
    background: var(--inzc-color-bg-white);
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: var(--inzc-radius-lg);
    padding: 28px 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    box-shadow: var(--inzc-shadow-card);
    transition: transform var(--inzc-transition-card), box-shadow var(--inzc-transition-card);
}

.inzc-screenshot-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.1);
}

.inzc-screenshot-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: var(--inzc-radius-md);
}

.inzc-screenshot-card__icon svg {
    width: 22px;
    height: 22px;
}

.inzc-screenshot-card__heading {
    font-size: 1rem;
    font-weight: var(--inzc-font-weight-bold);
    color: var(--inzc-color-text-heading);
    margin: 0;
}

.inzc-screenshot-card__desc {
    font-size: 0.875rem;
    color: var(--inzc-color-text-body);
    line-height: 1.6;
    margin: 0;
    flex: 1;
}

.inzc-screenshot-card__role-badge {
    display: inline-block;
    font-size: 0.7rem;
    font-weight: var(--inzc-font-weight-semibold);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    padding: 3px 10px;
    border-radius: 99px;
    width: fit-content;
    margin-top: auto;
}

.inzc-screenshot-card__role-badge--brand {
    background: #4f7af820;
    color: #4f7af8;
}

.inzc-screenshot-card__role-badge--influencer {
    background: #8b5cf620;
    color: #8b5cf6;
}

.inzc-screenshot-card__role-badge--admin {
    background: #94a3b820;
    color: #64748b;
}

.inzc-screenshot-card__role-badge--both {
    background: #10b98120;
    color: #10b981;
}

/* ── "…and much more" text ── */
.inzc-screenshot-more {
    text-align: center;
    margin-top: 28px;
    font-size: 0.9375rem;
    color: var(--inzc-color-text-muted);
    font-style: italic;
}

/* ============================================================
 * §23  DOCS PAGE  (page-docs.php)
 * ============================================================ */



/* ── Documentation category grid ── */
.inzc-docs-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    margin-top: 48px;
}

.inzc-docs-card {
    display: flex;
    align-items: center;
    gap: 16px;
    background: var(--inzc-color-bg-white);
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-radius: var(--inzc-radius-lg);
    padding: 20px 20px;
    text-decoration: none;
    transition: border-color var(--inzc-transition-card), box-shadow var(--inzc-transition-card), transform var(--inzc-transition-card);
    box-shadow: var(--inzc-shadow-card);
}

.inzc-docs-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.09);
}

.inzc-docs-card__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: var(--inzc-radius-md);
    flex-shrink: 0;
}

.inzc-docs-card__icon svg {
    width: 20px;
    height: 20px;
}

.inzc-docs-card__body {
    flex: 1;
    min-width: 0;
}

.inzc-docs-card__heading {
    font-size: 0.9375rem;
    font-weight: var(--inzc-font-weight-bold);
    color: var(--inzc-color-text-heading);
    margin: 0 0 4px;
}

.inzc-docs-card__desc {
    font-size: 0.8125rem;
    color: var(--inzc-color-text-muted);
    line-height: 1.5;
    margin: 0;
}

.inzc-docs-card__arrow {
    color: rgba(0, 0, 0, 0.2);
    flex-shrink: 0;
    transition: color var(--inzc-transition-fast);
}

.inzc-docs-card:hover .inzc-docs-card__arrow {
    color: var(--inzc-color-primary);
}

.inzc-docs-card__arrow svg {
    width: 16px;
    height: 16px;
}

/* ── Docs help CTA ── */
.inzc-docs-help__inner {
    display: flex;
    align-items: center;
    gap: 32px;
    background: var(--inzc-color-bg-white);
    border: 1px solid rgba(0, 0, 0, 0.07);
    border-left: 4px solid var(--inzc-color-primary);
    border-radius: var(--inzc-radius-lg);
    padding: 36px 40px;
    box-shadow: var(--inzc-shadow-card);
}

.inzc-docs-help__content {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 20px;
}

.inzc-docs-help__icon svg {
    width: 40px;
    height: 40px;
    flex-shrink: 0;
}

.inzc-docs-help__heading {
    font-size: 1.125rem;
    font-weight: var(--inzc-font-weight-extrabold);
    color: var(--inzc-color-text-heading);
    margin: 0 0 6px;
}

.inzc-docs-help__body {
    font-size: 0.875rem;
    color: var(--inzc-color-text-body);
    margin: 0;
    line-height: 1.6;
}

.inzc-docs-help__actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex-shrink: 0;
}


/* ============================================================
 * §24  RESPONSIVE  (sub-page breakpoints)
 * ============================================================ */

@media (max-width: 1199px) {
    .inzc-ph__stats {
        grid-template-columns: repeat(2, 1fr);
    }

    .inzc-feat-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .inzc-license-grid {
        gap: 16px;
    }

    .inzc-docs-steps {
        grid-template-columns: repeat(2, 1fr);
    }

    .inzc-pricing-faq__inner {
        grid-template-columns: 260px 1fr;
        gap: 36px;
    }
}

@media (max-width: 991px) {
    .inzc-feat-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .inzc-feat-drawer__list {
        grid-template-columns: repeat(2, 1fr);
    }

    .inzc-license-grid {
        grid-template-columns: 1fr;
        max-width: 440px;
        margin-inline: auto;
    }

    .inzc-addon-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .inzc-compare__header,
    .inzc-compare__row {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .inzc-creds-grid {
        grid-template-columns: 1fr;
        max-width: 500px;
        margin-inline: auto;
    }

    .inzc-screenshot-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .inzc-demo-hl-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .inzc-docs-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .inzc-docs-help__inner {
        flex-direction: column;
        align-items: flex-start;
    }

    .inzc-pricing-faq__inner {
        grid-template-columns: 1fr;
    }

    .inzc-pricing-faq__inner .inzc-section-head {
        position: static;
    }

    .inzc-guarantee__inner {
        flex-direction: column;
        align-items: flex-start;
        padding: 32px 28px;
    }

    .inzc-ptable__head,
    .inzc-ptable__row {
        grid-template-columns: 2fr 1fr 1fr;
    }
}

@media (max-width: 767px) {

    .inzc-ph--features,
    .inzc-ph--pricing,
    .inzc-ph--demo {
        padding: 72px 0 56px;
    }

    .inzc-ph--docs {
        padding: 60px 0 44px;
    }

    .inzc-docs-hero-chips {
        gap: 6px;
    }

    .inzc-docs-hero-chip {
        font-size: .75rem;
        padding: 4px 11px;
    }

    .inzc-ph--cta {
        padding: 60px 0;
    }

    .inzc-ph__stats {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
        padding-top: 28px;
    }

    .inzc-feat-cards-section {
        padding: 48px 0 56px;
    }

    .inzc-feat-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .inzc-feat-drawer__list {
        grid-template-columns: 1fr;
    }

    .inzc-feat-drawer__inner {
        padding: 28px 24px 32px;
    }

    .inzc-feat-demo-strip__inner {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        padding: 24px 0;
    }

    .inzc-addon-grid {
        grid-template-columns: 1fr;
        max-width: 360px;
        margin-inline: auto;
    }

    .inzc-compare__header,
    .inzc-compare__row {
        grid-template-columns: 1fr 1fr;
    }

    .inzc-compare__col--custom,
    .inzc-compare__header .inzc-compare__col:last-child {
        display: none;
    }

    .inzc-ptable__head,
    .inzc-ptable__row {
        grid-template-columns: 2fr 1fr 1fr;
    }

    .inzc-screenshot-grid {
        grid-template-columns: 1fr;
        max-width: 400px;
        margin-inline: auto;
    }

    .inzc-demo-hl-grid {
        grid-template-columns: 1fr;
    }

    .inzc-docs-steps {
        grid-template-columns: 1fr;
        max-width: 440px;
        margin-inline: auto;
    }

    .inzc-docs-grid {
        grid-template-columns: 1fr;
    }

    .inzc-docs-help__content {
        flex-direction: column;
        align-items: flex-start;
    }

    .inzc-docs-help__actions {
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;
    }

    .inzc-ph__actions {
        flex-direction: column;
        width: 100%;
    }

    .inzc-ph__actions .inzc-btn {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .inzc-guarantee__chips {
        flex-wrap: wrap;
    }

    .inzc-pricing-faq__inner .inzc-section-head {
        text-align: center;
    }

    .inzc-pricing-faq__inner .inzc-section-head--left {
        align-items: center;
    }
}

@media (max-width: 479px) {
    .inzc-ph__stats {
        grid-template-columns: 1fr 1fr;
    }

    .inzc-ph__stat-num {
        font-size: 1.5rem;
    }

    .inzc-license__amount {
        font-size: 2rem;
    }

    .inzc-guarantee__inner {
        padding: 24px 20px;
    }

    .inzc-feat-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
    }

    .inzc-docs-help__inner {
        padding: 24px 20px;
    }
}


/* ============================================================================
   §25 DOC TEMPLATES
   Single articles, category archives, breadcrumbs, TOC, callouts, media,
   code blocks, step lists, tables, sidebar navigation, and prev/next nav.
   ============================================================================ */

/* ── §25.1 Shared tokens ─────────────────────────────────────────────────── */
:root {
    --inzc-doc-sidebar-w: 280px;
    --inzc-doc-gap: 40px;
    --inzc-doc-content-max: 780px;
}

/* ── §25.2 Breadcrumb bar ────────────────────────────────────────────────── */
.inzc-doc-breadcrumb-bar {
    border-bottom: 1px solid rgba(255, 255, 255, .06);
    background: var(--inzc-color-bg-dark);
    padding: calc(var(--inzc-nav-height) + 14px) 0 14px;
}

.inzc-doc-breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    font-size: .8125rem;
    color: var(--inzc-color-text-muted);
}

.inzc-doc-breadcrumb a {
    color: var(--inzc-color-text-muted);
    text-decoration: none;
    transition: color var(--inzc-transition-fast);
}

.inzc-doc-breadcrumb a:hover {
    color: var(--inzc-color-primary);
}

.inzc-doc-breadcrumb svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    opacity: .45;
}

.inzc-doc-breadcrumb span[aria-current] {
    color: var(--inzc-color-text-white);
    font-weight: var(--inzc-font-weight-semibold);
}

/* ── §25.3 Two-column layout ─────────────────────────────────────────────── */
.inzc-doc-layout {
    background: var(--inzc-color-bg-white);
    padding: 60px 0 80px;
}

.inzc-doc-layout__inner {
    display: grid;
    grid-template-columns: var(--inzc-doc-sidebar-w) 1fr;
    gap: var(--inzc-doc-gap);
    align-items: start;
}

/* ── §25.4 Sidebar ───────────────────────────────────────────────────────── */
.inzc-doc-sidebar {
    position: sticky;
    top: 100px;
    max-height: calc(100vh - 120px);
    overflow-y: auto;
    padding-right: 8px;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, .12) transparent;
}

.inzc-doc-sidebar::-webkit-scrollbar {
    width: 4px;
}

.inzc-doc-sidebar::-webkit-scrollbar-track {
    background: transparent;
}

.inzc-doc-sidebar::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .15);
    border-radius: 99px;
}

.inzc-doc-sidebar__label {
    font-size: .6875rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--inzc-color-text-muted);
    font-weight: var(--inzc-font-weight-semibold);
    margin: 0 0 12px;
}

.inzc-doc-sidebar__nav {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.inzc-doc-sidebar__cat {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 12px;
    border-radius: var(--inzc-radius-md);
    color: var(--inzc-color-text-body);
    text-decoration: none;
    font-size: .875rem;
    transition: background var(--inzc-transition-fast), color var(--inzc-transition-fast);
}

.inzc-doc-sidebar__cat:hover,
.inzc-doc-sidebar__cat.is-active {
    background: var(--cat-color, var(--inzc-color-primary)) / 12%;
    background: color-mix(in srgb, var(--cat-color, var(--inzc-color-primary)) 14%, transparent);
    color: var(--inzc-color-text-white);
}

/* Fallback for browsers without color-mix */
.inzc-doc-sidebar__cat:hover,
.inzc-doc-sidebar__cat.is-active {
    background: rgba(255, 255, 255, .07);
    color: var(--inzc-color-text-white);
}

.inzc-doc-sidebar__cat.is-active {
    color: var(--cat-color, var(--inzc-color-primary));
    font-weight: var(--inzc-font-weight-semibold);
}

.inzc-doc-sidebar__cat-icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}

.inzc-doc-sidebar__cat-icon svg {
    width: 100%;
    height: 100%;
    display: block;
}

.inzc-doc-sidebar__cat-count {
    margin-left: auto;
    font-size: .75rem;
    background: rgba(255, 255, 255, .08);
    padding: 1px 7px;
    border-radius: 99px;
    color: var(--inzc-color-text-muted);
}

/* Article list under current category */
.inzc-doc-sidebar__articles {
    list-style: none;
    margin: 2px 0 6px;
    padding: 0 0 0 40px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.inzc-doc-sidebar__article {
    display: block;
    padding: 6px 10px;
    border-radius: var(--inzc-radius-md);
    color: var(--inzc-color-text-muted);
    text-decoration: none;
    font-size: .8125rem;
    line-height: 1.4;
    transition: color var(--inzc-transition-fast), background var(--inzc-transition-fast);
}

.inzc-doc-sidebar__article:hover {
    color: var(--inzc-color-text-white);
    background: rgba(255, 255, 255, .05);
}

.inzc-doc-sidebar__article.is-current {
    color: var(--inzc-color-primary);
    font-weight: var(--inzc-font-weight-semibold);
    background: rgba(var(--inzc-color-primary-rgb), .08);
}

/* ── §25.5 Article header ────────────────────────────────────────────────── */
.inzc-doc-article {
    min-width: 0;
    max-width: var(--inzc-doc-content-max);
}

.inzc-doc-article__header {
    margin-bottom: 36px;
}

.inzc-doc-article__cat-tag {
    display: inline-block;
    padding: 3px 12px;
    border-radius: 99px;
    border: 1px solid;
    font-size: .75rem;
    font-weight: var(--inzc-font-weight-semibold);
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .06em;
    margin-bottom: 14px;
    transition: opacity var(--inzc-transition-fast);
}

.inzc-doc-article__cat-tag:hover {
    opacity: .8;
}

.inzc-doc-article__title {
    font-size: clamp(1.75rem, 3vw, 2.5rem);
    font-weight: var(--inzc-font-weight-bold);
    color: var(--inzc-color-text-white);
    line-height: 1.2;
    margin: 0 0 14px;
}

.inzc-doc-article__excerpt {
    font-size: 1.0625rem;
    color: var(--inzc-color-text-muted);
    line-height: 1.6;
    margin: 0 0 18px;
}

.inzc-doc-article__meta {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    font-size: .8125rem;
    color: var(--inzc-color-text-muted);
}

.inzc-doc-article__meta span {
    display: flex;
    align-items: center;
    gap: 6px;
}

.inzc-doc-article__meta svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}

/* ── §25.6 Table of Contents ─────────────────────────────────────────────── */
.inzc-doc-toc {
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .08);
    border-left: 3px solid var(--inzc-color-primary);
    border-radius: var(--inzc-radius-md);
    padding: 20px 24px;
    margin-bottom: 40px;
}

.inzc-doc-toc__label {
    font-size: .6875rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--inzc-color-text-muted);
    font-weight: var(--inzc-font-weight-semibold);
    margin: 0 0 12px;
}

.inzc-doc-toc__list {
    margin: 0;
    padding: 0 0 0 18px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.inzc-doc-toc__list a {
    color: var(--inzc-color-text-body);
    font-size: .875rem;
    text-decoration: none;
    transition: color var(--inzc-transition-fast);
}

.inzc-doc-toc__list a:hover {
    color: var(--inzc-color-primary);
}

/* ── §25.7 Article body content ──────────────────────────────────────────── */
.inzc-doc-content {
    color: var(--inzc-color-text-body);
    font-size: 1rem;
    line-height: 1.75;
}

.inzc-doc-content h2 {
    font-size: 1.375rem;
    font-weight: var(--inzc-font-weight-bold);
    color: var(--inzc-color-text-white);
    margin: 2.25em 0 .75em;
    padding-top: .5em;
    border-top: 1px solid rgba(255, 255, 255, .06);
    scroll-margin-top: 110px;
}

.inzc-doc-content h2:first-child {
    margin-top: 0;
    border-top: none;
}

.inzc-doc-content h3 {
    font-size: 1.125rem;
    font-weight: var(--inzc-font-weight-semibold);
    color: var(--inzc-color-text-white);
    margin: 1.75em 0 .5em;
    scroll-margin-top: 110px;
}

.inzc-doc-content p {
    margin: 0 0 1.1em;
}

.inzc-doc-content ul,
.inzc-doc-content ol {
    padding-left: 1.5em;
    margin: 0 0 1.25em;
}

.inzc-doc-content li {
    margin-bottom: .35em;
}

.inzc-doc-content a {
    color: var(--inzc-color-primary);
    text-decoration: underline;
    text-decoration-color: rgba(var(--inzc-color-primary-rgb), .4);
    transition: text-decoration-color var(--inzc-transition-fast);
}

.inzc-doc-content a:hover {
    text-decoration-color: var(--inzc-color-primary);
}

.inzc-doc-content strong {
    color: var(--inzc-color-text-white);
}

.inzc-doc-content code:not(pre code) {
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 4px;
    padding: 1px 6px;
    font-size: .875em;
    font-family: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', Consolas, monospace;
    color: #e2a96f;
}

.inzc-code-wrapper {
    position: relative;
    margin: 0 0 1.5em;
}

.inzc-code-wrapper pre {
    margin: 0 !important;
}

.inzc-code-copy-btn {
    position: absolute;
    top: 12px;
    right: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 0;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: var(--inzc-radius-sm);
    color: rgba(255, 255, 255, 0.6);
    cursor: pointer;
    opacity: 0;
    transition: opacity var(--inzc-transition-fast), background var(--inzc-transition-fast), border-color var(--inzc-transition-fast), color var(--inzc-transition-fast);
    z-index: 10;
}

.inzc-code-wrapper:hover .inzc-code-copy-btn {
    opacity: 1;
}

.inzc-code-copy-btn:hover {
    background: var(--inzc-color-code-copy-btn-bg-hover);
    border-color: rgba(255, 255, 255, 0.3);
    color: var(--inzc-color-text-white);
}

.inzc-code-copy-btn:focus-visible {
    opacity: 1;
    outline: 2px solid var(--inzc-color-primary);
    outline-offset: 2px;
}

.inzc-code-copy-btn.is-copied {
    background: rgba(46, 213, 115, 0.15);
    border-color: rgba(46, 213, 115, 0.3);
    color: var(--inzc-color-success);
}

.inzc-doc-content pre {
    background: #0d1117;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: var(--inzc-radius-md);
    padding: 20px 24px;
    overflow-x: auto;
}

.inzc-doc-content pre code {
    font-size: .875rem;
    font-family: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', Consolas, monospace;
    color: #e6edf3;
    line-height: 1.65;
    background: none;
    border: none;
    padding: 0;
}

.inzc-doc-content blockquote {
    border-left: 3px solid var(--inzc-color-primary);
    margin: 0 0 1.5em;
    padding: 14px 20px;
    background: rgba(var(--inzc-color-primary-rgb), .05);
    border-radius: 0 var(--inzc-radius-md) var(--inzc-radius-md) 0;
    font-style: italic;
    color: var(--inzc-color-text-muted);
}

/* ── §25.8 Callouts ──────────────────────────────────────────────────────── */
.inzc-doc-callout {
    display: block;
    padding: 13px 18px 14px 22px;
    border-radius: 0 var(--inzc-radius-md) var(--inzc-radius-md) 0;
    border: none;
    border-left: 3px solid;
    margin: 0 0 1.5em;
    font-size: .9375rem;
    line-height: 1.65;
}

.inzc-doc-callout strong:first-child {
    display: block;
    margin-bottom: .25em;
    font-size: .72rem;
    font-weight: var(--inzc-font-weight-semibold);
    letter-spacing: .08em;
    text-transform: uppercase;
    opacity: .65;
}

.inzc-doc-callout--info {
    background: rgba(79, 122, 248, .07);
    border-color: rgba(79, 122, 248, .5);
    color: #8faef5;
}

.inzc-doc-callout--warning {
    background: rgba(245, 158, 11, .07);
    border-color: rgba(245, 158, 11, .55);
    color: #e8b455;
}

.inzc-doc-callout--tip {
    background: rgba(16, 185, 129, .07);
    border-color: rgba(16, 185, 129, .5);
    color: #4fcca0;
}

.inzc-doc-callout strong {
    color: inherit;
    font-weight: var(--inzc-font-weight-semibold);
}

.inzc-doc-callout a {
    color: inherit;
    text-decoration: underline;
}

/* ── §25.9 Media / Screenshot placeholders ───────────────────────────────── */
.inzc-doc-media {
    margin: 0 0 1.5em;
}

.inzc-doc-media__placeholder {
    background: rgba(255, 255, 255, .04);
    border: 2px dashed rgba(255, 255, 255, .12);
    border-radius: var(--inzc-radius-lg);
    padding: 48px 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-align: center;
    color: var(--inzc-color-text-muted);
    font-size: .875rem;
    line-height: 1.5;
}

.inzc-doc-media__placeholder svg {
    width: 48px;
    height: 48px;
    color: rgba(255, 255, 255, .2);
}

.inzc-doc-media__caption {
    font-size: .8125rem;
    color: var(--inzc-color-text-muted);
    text-align: center;
    margin: 8px 0 0;
    font-style: italic;
}

/* ── §25.10 Tables ───────────────────────────────────────────────────────── */
.inzc-doc-table {
    width: 100%;
    border-collapse: collapse;
    font-size: .9rem;
    margin: 0 0 1.75em;
    border-radius: var(--inzc-radius-md);
    overflow: hidden;
}

.inzc-doc-table th,
.inzc-doc-table td {
    padding: 11px 16px;
    text-align: left;
    border-bottom: 1px solid rgba(255, 255, 255, .06);
}

.inzc-doc-table th {
    background: rgba(255, 255, 255, .05);
    color: var(--inzc-color-text-white);
    font-size: .8125rem;
    font-weight: var(--inzc-font-weight-semibold);
    text-transform: uppercase;
    letter-spacing: .04em;
}

.inzc-doc-table tr:last-child td {
    border-bottom: none;
}

.inzc-doc-table tr:hover td {
    background: rgba(255, 255, 255, .025);
}

.inzc-doc-table td:first-child {
    font-weight: var(--inzc-font-weight-semibold);
}

/* ── §25.11 Step lists ───────────────────────────────────────────────────── */
.inzc-doc-steps {
    list-style: none;
    margin: 0 0 1.5em;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
    counter-reset: doc-step;
}

.inzc-doc-steps li {
    position: relative;
    padding-left: 44px;
    min-height: 28px;
    counter-increment: doc-step;
    line-height: 1.6;
}

.inzc-doc-steps li::before {
    content: counter(doc-step);
    position: absolute;
    left: 0;
    top: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--inzc-color-primary);
    color: #fff;
    font-size: .75rem;
    font-weight: var(--inzc-font-weight-bold);
    line-height: 1;
}

.inzc-doc-steps li:has(.inzc-doc-step-num)::before {
    display: none;
}

.inzc-doc-step-num {
    position: absolute;
    left: 0;
    top: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--inzc-color-primary);
    color: #fff;
    font-size: .75rem;
    font-weight: var(--inzc-font-weight-bold);
    line-height: 1;
}

/* ── §25.12 Prev / Next nav ──────────────────────────────────────────────── */
.inzc-doc-prevnext {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin: 48px 0 32px;
    padding-top: 32px;
    border-top: 1px solid rgba(255, 255, 255, .08);
}

.inzc-doc-prevnext__item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px 20px;
    background: rgba(255, 255, 255, .03);
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: var(--inzc-radius-md);
    text-decoration: none;
    color: var(--inzc-color-text-body);
    transition: background var(--inzc-transition-fast), border-color var(--inzc-transition-fast);
}

.inzc-doc-prevnext__item:hover {
    background: rgba(255, 255, 255, .06);
    border-color: rgba(var(--inzc-color-primary-rgb), .4);
}

.inzc-doc-prevnext__item--next {
    justify-content: flex-end;
    text-align: right;
}

.inzc-doc-prevnext__item div {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.inzc-doc-prevnext__item span {
    font-size: .75rem;
    color: var(--inzc-color-text-muted);
}

.inzc-doc-prevnext__item strong {
    font-size: .9rem;
    font-weight: var(--inzc-font-weight-semibold);
    color: var(--inzc-color-text-white);
    line-height: 1.3;
}

.inzc-doc-prevnext__item svg {
    width: 20px;
    height: 20px;
    color: var(--inzc-color-text-muted);
    flex-shrink: 0;
}

/* ── §25.13 Helpful / feedback widget ───────────────────────────────────── */
.inzc-doc-helpful {
    padding: 24px;
    background: rgba(255, 255, 255, .03);
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: var(--inzc-radius-lg);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    text-align: center;
}

.inzc-doc-helpful__q {
    font-size: .9375rem;
    color: var(--inzc-color-text-muted);
    margin: 0;
}

.inzc-doc-helpful__actions {
    display: flex;
    gap: 10px;
}

.inzc-doc-helpful__btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 20px;
    border-radius: 99px;
    border: 1px solid rgba(255, 255, 255, .12);
    background: transparent;
    color: var(--inzc-color-text-muted);
    font-size: .875rem;
    cursor: pointer;
    transition: border-color var(--inzc-transition-fast), color var(--inzc-transition-fast), background var(--inzc-transition-fast);
}

.inzc-doc-helpful__btn:hover {
    border-color: var(--inzc-color-primary);
    color: var(--inzc-color-primary);
    background: rgba(var(--inzc-color-primary-rgb), .07);
}

.inzc-doc-helpful__btn svg {
    width: 16px;
    height: 16px;
}

.inzc-doc-helpful__thanks {
    font-size: .875rem;
    color: #10b981;
    margin: 0;
}

/* ── §25.14 Category archive hero ───────────────────────────────────────── */
.inzc-doc-cat-hero {
    position: relative;
    background: var(--inzc-color-bg-dark);
    padding: 44px 0 60px;
    overflow: hidden;
}

.inzc-doc-cat-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 60% 80% at 80% 50%, rgba(var(--inzc-color-primary-rgb), .07), transparent);
    pointer-events: none;
}

.inzc-doc-cat-hero__overlay {
    position: absolute;
    inset: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Crect x='0' y='0' width='1' height='1' fill='rgba(255,255,255,.025)'/%3E%3C/svg%3E") repeat;
    pointer-events: none;
}

.inzc-doc-cat-hero__inner {
    position: relative;
}

.inzc-doc-cat-hero__content {
    display: flex;
    align-items: flex-start;
    gap: 28px;
}

.inzc-doc-cat-hero__icon {
    width: 72px;
    height: 72px;
    min-width: 72px;
    border-radius: var(--inzc-radius-lg);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.inzc-doc-cat-hero__icon svg {
    width: 36px;
    height: 36px;
}

.inzc-doc-cat-hero__label {
    font-size: .6875rem;
    letter-spacing: .12em;
    text-transform: uppercase;
    font-weight: var(--inzc-font-weight-semibold);
    margin-bottom: 8px;
    display: block;
}

.inzc-doc-cat-hero__heading {
    font-size: clamp(1.75rem, 3.5vw, 2.75rem);
    font-weight: var(--inzc-font-weight-extrabold);
    color: var(--inzc-color-text-white);
    line-height: 1.15;
    margin: 0 0 12px;
}

.inzc-doc-cat-hero__desc {
    color: var(--inzc-color-text-muted);
    font-size: 1.0625rem;
    line-height: 1.6;
    max-width: 620px;
    margin: 0 0 14px;
}

.inzc-doc-cat-hero__count {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: .8125rem;
    color: var(--inzc-color-text-muted);
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .1);
    padding: 4px 14px;
    border-radius: 99px;
}

/* ── §25.15 Category article cards ──────────────────────────────────────── */
.inzc-doc-cat-articles {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.inzc-doc-article-card {
    background: rgba(255, 255, 255, .03);
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: var(--inzc-radius-lg);
    transition: border-color var(--inzc-transition-card), background var(--inzc-transition-card), box-shadow var(--inzc-transition-card);
}

.inzc-doc-article-card:hover {
    background: rgba(255, 255, 255, .05);
    box-shadow: var(--inzc-shadow-card);
}

.inzc-doc-article-card__link {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 22px 24px;
    text-decoration: none;
}

.inzc-doc-article-card__body {
    flex: 1;
    min-width: 0;
}

.inzc-doc-article-card__title {
    font-size: 1rem;
    font-weight: var(--inzc-font-weight-semibold);
    color: var(--inzc-color-text-white);
    margin: 0 0 5px;
    line-height: 1.35;
}

.inzc-doc-article-card__excerpt {
    font-size: .875rem;
    color: var(--inzc-color-text-muted);
    line-height: 1.5;
    margin: 0 0 8px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.inzc-doc-article-card__meta {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: .75rem;
    color: var(--inzc-color-text-muted);
}

.inzc-doc-article-card__meta svg {
    width: 13px;
    height: 13px;
}

.inzc-doc-article-card__arrow {
    width: 36px;
    height: 36px;
    min-width: 36px;
    background: rgba(255, 255, 255, .12);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, .7);
    transition: background var(--inzc-transition-fast), color var(--inzc-transition-fast);
}

.inzc-doc-article-card__arrow svg {
    width: 18px;
    height: 18px;
}

.inzc-doc-article-card:hover .inzc-doc-article-card__arrow {
    background: var(--inzc-color-primary);
    color: #fff;
}

/* ── §25.16 Recent articles grid (on page-docs.php) ─────────────────────── */
.inzc-docs-recent {
    background: var(--inzc-color-bg-white);
}

.inzc-docs-recent__grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 40px;
}

.inzc-docs-recent__card {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 24px;
    background: var(--inzc-color-bg-gray);
    border: 1px solid rgba(0, 0, 0, .07);
    border-radius: var(--inzc-radius-lg);
    text-decoration: none;
    transition: border-color var(--inzc-transition-card), box-shadow var(--inzc-transition-card);
}

.inzc-docs-recent__card:hover {
    box-shadow: var(--inzc-shadow-card-hover);
}

.inzc-docs-recent__cat {
    display: inline-block;
    align-self: flex-start;
    padding: 2px 10px;
    border-radius: 99px;
    font-size: .6875rem;
    font-weight: var(--inzc-font-weight-semibold);
    text-transform: uppercase;
    letter-spacing: .06em;
}

.inzc-docs-recent__title {
    font-size: .9375rem;
    font-weight: var(--inzc-font-weight-semibold);
    color: var(--inzc-color-text-heading);
    line-height: 1.35;
    margin: 0;
}

.inzc-docs-recent__excerpt {
    font-size: .8375rem;
    color: var(--inzc-color-text-body);
    line-height: 1.55;
    margin: 0;
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.inzc-docs-recent__arrow {
    margin-top: auto;
    color: var(--inzc-color-primary);
    display: flex;
}

.inzc-docs-recent__arrow svg {
    width: 16px;
    height: 16px;
}

/* Article count badge on docs cards */
.inzc-docs-card__count {
    font-size: .75rem;
    font-weight: var(--inzc-font-weight-semibold);
    margin-top: 6px;
    display: block;
}

/* Empty state */
.inzc-doc-empty {
    color: var(--inzc-color-text-muted);
    font-style: italic;
    padding: 24px 0;
}

/* ── §25.17 Docs help section ────────────────────────────────────────────── */
.inzc-docs-help__content {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    flex: 1;
}

.inzc-docs-help__icon {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    margin-top: 4px;
}

.inzc-docs-help__icon svg {
    width: 100%;
    height: 100%;
}

.inzc-docs-help__heading {
    font-size: 1.375rem;
    font-weight: var(--inzc-font-weight-bold);
    color: var(--inzc-color-text-dark);
    margin: 0 0 6px;
}

.inzc-docs-help__body {
    color: var(--inzc-color-text-body);
    margin: 0;
    font-size: .9375rem;
}

.inzc-docs-help__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
}

.inzc-docs-help__actions {
    display: flex;
    gap: 12px;
    flex-shrink: 0;
}

/* ── §25.18 Single page wrapper ──────────────────────────────────────────── */
.inzc-doc-single-page {}

/* ── §25.19 Responsive ───────────────────────────────────────────────────── */
@media (max-width: 1100px) {
    :root {
        --inzc-doc-sidebar-w: 240px;
    }
}

@media (max-width: 900px) {
    .inzc-doc-layout__inner {
        grid-template-columns: 1fr;
    }

    .inzc-doc-sidebar {
        position: static;
        max-height: none;
        border-bottom: 1px solid rgba(255, 255, 255, .07);
        padding-bottom: 24px;
        margin-bottom: 32px;
    }

    .inzc-doc-sidebar__nav {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .inzc-doc-sidebar__articles {
        display: none;
    }

    .inzc-doc-cat-hero__content {
        flex-direction: column;
        gap: 18px;
    }

    .inzc-doc-prevnext {
        grid-template-columns: 1fr;
    }

    .inzc-docs-recent__grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .inzc-docs-help__inner {
        flex-direction: column;
        gap: 24px;
    }

    .inzc-docs-help__actions {
        width: 100%;
    }
}

@media (max-width: 600px) {
    .inzc-doc-sidebar__nav {
        grid-template-columns: 1fr;
    }

    .inzc-doc-article__title {
        font-size: 1.5rem;
    }

    .inzc-doc-cat-hero {
        padding: 28px 0 36px;
    }

    .inzc-doc-article-card__link {
        padding: 16px 18px;
    }

    .inzc-docs-recent__grid {
        grid-template-columns: 1fr;
    }

    .inzc-doc-prevnext__item {
        padding: 14px 16px;
    }

    .inzc-docs-help__actions {
        flex-direction: column;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   §26  DOC SEARCH
   Search form (used on page-docs, taxonomy, single sidebar, search.php hero)
   and search results page (search.php).
   Class prefix: .inzc-doc-search-
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── §26.1 Search form ───────────────────────────────────────────────────── */
.inzc-doc-search-form {
    width: 100%;
    max-width: 620px;
    margin-top: 28px;
}

.inzc-doc-search-form--cat {
    max-width: 100%;
    margin-top: 24px;
}

.inzc-doc-search-form--hero {
    max-width: 680px;
    margin-top: 24px;
}

/* Compact version inside the sidebar — no button, icon triggers submit on Enter */
.inzc-doc-search-form--sidebar {
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 20px;
}

.inzc-doc-search-form__inner {
    position: relative;
    display: flex;
    align-items: center;
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: var(--inzc-radius-lg);
    transition: border-color var(--inzc-transition-fast), box-shadow var(--inzc-transition-fast);
    overflow: hidden;
}

.inzc-doc-search-form__inner:focus-within {
    border-color: var(--inzc-color-primary);
    box-shadow: 0 0 0 3px rgba(var(--inzc-color-primary-rgb), .18);
}

.inzc-doc-search-form__icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    margin-left: 16px;
    color: var(--inzc-color-text-muted);
    pointer-events: none;
}

.inzc-doc-search-form__input {
    flex: 1;
    background: none;
    border: none;
    outline: none;
    padding: 13px 14px;
    font-size: .9375rem;
    font-family: var(--inzc-font-family);
    color: var(--inzc-color-text-white);
    line-height: 1;
    min-width: 0;
}

.inzc-doc-search-form__input::placeholder {
    color: var(--inzc-color-text-muted);
}

.inzc-doc-search-form__input::-webkit-search-cancel-button {
    filter: invert(1) opacity(.4);
}

.inzc-doc-search-form__btn {
    flex-shrink: 0;
    background: var(--inzc-color-primary);
    color: var(--inzc-color-text-white);
    border: none;
    padding: 0 22px;
    font-size: .875rem;
    font-weight: var(--inzc-font-weight-bold);
    font-family: var(--inzc-font-family);
    cursor: pointer;
    transition: background var(--inzc-transition-fast);
    white-space: nowrap;
    align-self: stretch;
}

.inzc-doc-search-form__btn:hover {
    background: var(--inzc-color-primary-hover);
}

/* Sidebar variant — more compact, no submit button */
.inzc-doc-search-form--sidebar .inzc-doc-search-form__inner {
    background: rgba(255, 255, 255, .04);
    border-color: rgba(255, 255, 255, .08);
}

.inzc-doc-search-form--sidebar .inzc-doc-search-form__input {
    padding: 10px 14px;
    font-size: .875rem;
}

/* Center the form in the page-docs.php hero */
.inzc-ph__inner--center .inzc-doc-search-form {
    margin-inline: auto;
    margin-top: 10px;
}

.inzc-ph--docs .inzc-docs-hero-chips {
    margin-top: 4px;
}

/* ── §26.2 Search results hero ───────────────────────────────────────────── */
.inzc-doc-search-hero {
    position: relative;
    background: var(--inzc-color-bg-dark);
    padding: 44px 0 52px;
    overflow: hidden;
}

.inzc-doc-search-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 70% 100% at 30% 50%, rgba(var(--inzc-color-primary-rgb), .06), transparent);
    pointer-events: none;
}

.inzc-doc-search-hero__overlay {
    position: absolute;
    inset: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Crect x='0' y='0' width='1' height='1' fill='rgba(255,255,255,.025)'/%3E%3C/svg%3E") repeat;
    pointer-events: none;
}

.inzc-doc-search-hero__inner {
    position: relative;
}

.inzc-doc-search-hero__label {
    font-size: .6875rem;
    letter-spacing: .12em;
    text-transform: uppercase;
    font-weight: var(--inzc-font-weight-semibold);
    color: var(--inzc-color-primary);
    margin: 0 0 12px;
}

.inzc-doc-search-hero__heading {
    font-size: clamp(1.5rem, 3vw, 2.25rem);
    font-weight: var(--inzc-font-weight-extrabold);
    color: var(--inzc-color-text-white);
    margin: 0 0 10px;
    line-height: 1.2;
}

.inzc-doc-search-hero__heading span {
    color: var(--inzc-color-primary);
}

.inzc-doc-search-hero__count {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: .8125rem;
    color: var(--inzc-color-text-muted);
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .1);
    padding: 4px 14px;
    border-radius: 99px;
    margin-bottom: 20px;
    display: block;
}

/* ── §26.3 Search results column ─────────────────────────────────────────── */
.inzc-doc-search-results {
    min-width: 0;
}

.inzc-doc-layout--no-sidebar .inzc-doc-layout__inner {
    grid-template-columns: 1fr;
}

/* Category label badge on result cards */
.inzc-doc-article-card__cat {
    display: inline-block;
    font-size: .6875rem;
    font-weight: var(--inzc-font-weight-semibold);
    text-transform: uppercase;
    letter-spacing: .08em;
    padding: 2px 10px;
    border-radius: 99px;
    margin-bottom: 8px;
}

/* ── §26.4 Pagination ────────────────────────────────────────────────────── */
.inzc-doc-search-pagination {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 40px;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, .06);
}

.inzc-doc-search-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 38px;
    padding: 0 10px;
    border-radius: var(--inzc-radius-md);
    font-size: .875rem;
    font-weight: var(--inzc-font-weight-semibold);
    color: var(--inzc-color-text-muted);
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .08);
    text-decoration: none;
    transition: background var(--inzc-transition-fast), color var(--inzc-transition-fast), border-color var(--inzc-transition-fast);
}

.inzc-doc-search-pagination .page-numbers:hover {
    color: var(--inzc-color-text-white);
    background: rgba(255, 255, 255, .08);
    border-color: rgba(255, 255, 255, .15);
}

.inzc-doc-search-pagination .page-numbers.current {
    background: var(--inzc-color-primary);
    border-color: var(--inzc-color-primary);
    color: var(--inzc-color-text-white);
}

/* ── §26.5 No-results state ──────────────────────────────────────────────── */
.inzc-doc-search-empty {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 48px 0;
}

.inzc-doc-search-empty svg {
    width: 64px;
    height: 64px;
    color: var(--inzc-color-text-muted);
    margin-bottom: 8px;
}

.inzc-doc-search-empty__heading {
    font-size: 1.375rem;
    font-weight: var(--inzc-font-weight-bold);
    color: var(--inzc-color-text-white);
    margin: 0;
}

.inzc-doc-search-empty__body {
    color: var(--inzc-color-text-muted);
    font-size: .9375rem;
    margin: 0;
    max-width: 480px;
}

.inzc-doc-search-empty__actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 8px;
}

/* ── §26.6 Responsive ────────────────────────────────────────────────────── */
@media (max-width: 768px) {
    .inzc-doc-search-form--cat {
        margin-top: 20px;
    }

    .inzc-doc-search-form__btn {
        padding: 0 14px;
        font-size: .8125rem;
    }

    .inzc-doc-search-hero {
        padding: 32px 0 40px;
    }

    .inzc-doc-search-empty {
        padding: 32px 0;
    }

    .inzc-doc-search-empty__actions {
        flex-direction: column;
        width: 100%;
    }

    .inzc-doc-search-empty__actions .inzc-btn {
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 575px) {
    .inzc-doc-search-form__btn {
        display: none;
    }

    .inzc-doc-search-form__inner {
        border-radius: var(--inzc-radius-md);
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   §27  CHANGELOG PAGE  (page-changelog.php)
   Class prefix: .inzc-cl-
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── §27.1 Hero variant ──────────────────────────────────────────────────── */
.inzc-ph--changelog {
    padding: calc(var(--inzc-nav-height) + 80px) 0 80px;
    text-align: center;
}

.inzc-ph--changelog .inzc-ph__inner {
    gap: 14px;
}

.inzc-ph--changelog .inzc-ph__overlay {
    background-image:
        radial-gradient(ellipse 70% 80% at 50% -5%, rgba(var(--inzc-color-primary-rgb), .16) 0%, transparent 65%),
        radial-gradient(ellipse 50% 50% at 90% 110%, rgba(16, 185, 129, .08) 0%, transparent 55%);
}

/* Hero meta row (latest version · date · total count) */
.inzc-cl-hero-meta {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 8px 16px;
}

.inzc-cl-hero-meta__item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: .8125rem;
    color: var(--inzc-color-text-muted);
    font-weight: var(--inzc-font-weight-semibold);
}

.inzc-cl-hero-meta__item svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    opacity: .5;
}

.inzc-cl-hero-meta__sep {
    color: rgba(255, 255, 255, .2);
    font-size: .75rem;
}

/* ── §27.2 Layout (sidebar + entries) ───────────────────────────────────── */
.inzc-cl-section {
    background: var(--inzc-color-bg-white);
    padding: 60px 0 80px;
}

.inzc-cl-layout {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 0 48px;
    align-items: start;
}

/* ── §27.3 Sticky sidebar ────────────────────────────────────────────────── */
.inzc-cl-sidebar {
    position: sticky;
    top: calc(var(--inzc-nav-height) + 24px);
}

.inzc-cl-sidebar__label {
    font-size: .6875rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-weight: var(--inzc-font-weight-semibold);
    color: var(--inzc-color-text-muted);
    margin: 0 0 14px;
}

.inzc-cl-sidebar__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
    border-left: 2px solid rgba(255, 255, 255, .08);
}

.inzc-cl-sidebar__link {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px 0 8px 16px;
    text-decoration: none;
    margin-left: -2px;
    border-left: 2px solid transparent;
    transition: border-color var(--inzc-transition-fast);
}

.inzc-cl-sidebar__link:hover,
.inzc-cl-sidebar__link.is-active {
    border-left-color: var(--cl-color, var(--inzc-color-primary));
}

.inzc-cl-sidebar__link.is-latest {
    border-left-color: var(--cl-color, var(--inzc-color-primary));
}

.inzc-cl-sidebar__version {
    font-size: .875rem;
    font-weight: var(--inzc-font-weight-bold);
    color: var(--inzc-color-text-white);
    line-height: 1;
}

.inzc-cl-sidebar__type {
    font-size: .6875rem;
    font-weight: var(--inzc-font-weight-semibold);
    text-transform: uppercase;
    letter-spacing: .07em;
}

/* ── §27.4 Timeline ─────────────────────────────────────────────────────── */
.inzc-cl-timeline {
    display: flex;
    flex-direction: column;
    gap: 0;
    position: relative;
}

/* Vertical line */
.inzc-cl-timeline::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 2px;
    background: rgba(255, 255, 255, .07);
}

/* ── §27.5 Entry card ────────────────────────────────────────────────────── */
.inzc-cl-entry {
    position: relative;
    padding: 0 0 52px 40px;
}

.inzc-cl-entry:last-child {
    padding-bottom: 0;
}

/* Timeline dot */
.inzc-cl-entry__dot {
    position: absolute;
    left: -6px;
    top: 6px;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: var(--cl-color, rgba(255, 255, 255, .2));
    border: 2px solid var(--inzc-color-bg-dark);
    box-shadow: 0 0 0 3px rgba(255, 255, 255, .06);
    flex-shrink: 0;
}

.inzc-cl-entry--latest .inzc-cl-entry__dot {
    box-shadow: 0 0 0 4px rgba(var(--inzc-color-primary-rgb), .2);
}

/* Card */
.inzc-cl-entry__card {
    background: rgba(255, 255, 255, .03);
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: var(--inzc-radius-lg);
    overflow: hidden;
    transition: border-color var(--inzc-transition-base);
}

.inzc-cl-entry--latest .inzc-cl-entry__card {
    border-color: rgba(var(--inzc-color-primary-rgb), .2);
}

.inzc-cl-entry__card:hover {
    border-color: rgba(255, 255, 255, .14);
}

/* Card header */
.inzc-cl-entry__header {
    padding: 22px 28px 16px;
    border-bottom: 1px solid rgba(255, 255, 255, .06);
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.inzc-cl-entry__title-row {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.inzc-cl-entry__version {
    font-size: 1.375rem;
    font-weight: var(--inzc-font-weight-extrabold);
    color: var(--inzc-color-text-white);
    margin: 0;
    line-height: 1;
}

.inzc-cl-entry__latest-badge {
    font-size: .6875rem;
    font-weight: var(--inzc-font-weight-bold);
    text-transform: uppercase;
    letter-spacing: .08em;
    padding: 3px 10px;
    border-radius: 99px;
    background: rgba(var(--inzc-color-primary-rgb), .15);
    border: 1px solid rgba(var(--inzc-color-primary-rgb), .3);
    color: var(--inzc-color-primary);
}

.inzc-cl-entry__type-badge {
    font-size: .6875rem;
    font-weight: var(--inzc-font-weight-semibold);
    text-transform: uppercase;
    letter-spacing: .08em;
    padding: 3px 10px;
    border-radius: 99px;
    border: 1px solid;
}

.inzc-cl-entry__date {
    font-size: .8125rem;
    color: var(--inzc-color-text-muted);
}

/* Card body — release notes HTML */
.inzc-cl-entry__body {
    padding: 24px 28px;
    color: rgba(255, 255, 255, .75);
    font-size: .9375rem;
    line-height: 1.7;
}

.inzc-cl-entry__body h2 {
    font-size: 1rem;
    font-weight: var(--inzc-font-weight-bold);
    color: var(--inzc-color-text-white);
    margin: 20px 0 10px;
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(255, 255, 255, .07);
}

.inzc-cl-entry__body h2:first-child {
    margin-top: 0;
}

.inzc-cl-entry__body ul {
    margin: 0 0 16px;
    padding-left: 0;
    list-style: none;
}

.inzc-cl-entry__body ul li {
    position: relative;
    padding-left: 18px;
    margin-bottom: 8px;
    font-size: .9rem;
    line-height: 1.6;
}

.inzc-cl-entry__body ul li::before {
    content: '–';
    position: absolute;
    left: 0;
    color: var(--inzc-color-primary);
    font-weight: var(--inzc-font-weight-bold);
}

.inzc-cl-entry__body code {
    font-family: 'Consolas', 'Fira Code', monospace;
    font-size: .8125rem;
    background: rgba(255, 255, 255, .07);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 4px;
    padding: 1px 6px;
    color: rgba(255, 255, 255, .9);
}

.inzc-cl-entry__body a {
    color: var(--inzc-color-primary);
    text-decoration: none;
}

.inzc-cl-entry__body a:hover {
    text-decoration: underline;
}

.inzc-cl-entry__body strong {
    color: var(--inzc-color-text-white);
    font-weight: var(--inzc-font-weight-semibold);
}

/* Card footer */
.inzc-cl-entry__footer {
    padding: 12px 28px;
    border-top: 1px solid rgba(255, 255, 255, .05);
}

.inzc-cl-entry__top-link {
    font-size: .8125rem;
    color: var(--inzc-color-text-muted);
    text-decoration: none;
    transition: color var(--inzc-transition-fast);
}

.inzc-cl-entry__top-link:hover {
    color: var(--inzc-color-primary);
}

/* ── §27.6 Inline callouts (inside release content) ─────────────────────── */
.inzc-cl-callout {
    border-left: 3px solid;
    border-radius: 0 var(--inzc-radius-md) var(--inzc-radius-md) 0;
    padding: 12px 16px;
    margin: 16px 0;
    font-size: .875rem;
    line-height: 1.55;
}

.inzc-cl-callout--info {
    border-color: #4f7af8;
    background: rgba(79, 122, 248, .08);
    color: rgba(255, 255, 255, .8);
}

.inzc-cl-callout--warning {
    border-color: #f59e0b;
    background: rgba(245, 158, 11, .08);
    color: rgba(255, 255, 255, .8);
}

.inzc-cl-callout--danger {
    border-color: #ef4444;
    background: rgba(239, 68, 68, .08);
    color: rgba(255, 255, 255, .8);
}

/* ── §27.7 Empty state ───────────────────────────────────────────────────── */
.inzc-cl-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 64px 0;
    color: var(--inzc-color-text-muted);
    text-align: center;
}

.inzc-cl-empty svg {
    width: 56px;
    height: 56px;
}


/* ── §27.9 Responsive ────────────────────────────────────────────────────── */
@media (max-width: 991px) {
    .inzc-cl-layout {
        grid-template-columns: 1fr;
    }

    .inzc-cl-sidebar {
        position: static;
        margin-bottom: 36px;
    }

    .inzc-cl-sidebar__list {
        flex-direction: row;
        flex-wrap: wrap;
        border-left: none;
        border-top: 2px solid rgba(255, 255, 255, .08);
        padding-top: 12px;
        gap: 4px 6px;
    }

    .inzc-cl-sidebar__link {
        flex-direction: row;
        gap: 6px;
        align-items: center;
        padding: 5px 12px;
        border-left: none;
        border: 1px solid rgba(255, 255, 255, .08);
        border-radius: 99px;
        margin-left: 0;
    }

    .inzc-cl-sidebar__link:hover,
    .inzc-cl-sidebar__link.is-active,
    .inzc-cl-sidebar__link.is-latest {
        border-color: var(--cl-color, var(--inzc-color-primary));
        border-left-color: var(--cl-color, var(--inzc-color-primary));
    }
}

@media (max-width: 767px) {
    .inzc-ph--changelog {
        padding: 60px 0 44px;
    }

    .inzc-cl-section {
        padding: 40px 0 60px;
    }

    .inzc-cl-entry {
        padding-bottom: 36px;
        padding-left: 28px;
    }

    .inzc-cl-entry__header,
    .inzc-cl-entry__body,
    .inzc-cl-entry__footer {
        padding-left: 18px;
        padding-right: 18px;
    }


}

/* ═══════════════════════════════════════════════════════════════════════════
   §28  LIGHT-MODE CONTENT OVERRIDES
   Applied to .inzc-doc-layout and .inzc-cl-section — the content body
   sections below the dark hero/breadcrumb on doc and changelog pages.
   Overrides every rgba(255,255,255,…) and dark-text token in §25–27.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Sidebar ─────────────────────────────────────────────────────────────── */
.inzc-doc-layout .inzc-doc-sidebar {
    scrollbar-color: rgba(0, 0, 0, .12) transparent;
}

.inzc-doc-layout .inzc-doc-sidebar::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .12);
}

.inzc-doc-layout .inzc-doc-sidebar__label {
    color: var(--inzc-color-text-body);
}

.inzc-doc-layout .inzc-doc-sidebar__cat {
    color: var(--inzc-color-text-heading);
}

.inzc-doc-layout .inzc-doc-sidebar__cat:hover,
.inzc-doc-layout .inzc-doc-sidebar__cat.is-active {
    background: rgba(0, 0, 0, .05);
    color: var(--inzc-color-text-heading);
}

.inzc-doc-layout .inzc-doc-sidebar__cat.is-active {
    color: var(--cat-color, var(--inzc-color-primary));
}

.inzc-doc-layout .inzc-doc-sidebar__cat-count {
    background: rgba(0, 0, 0, .06);
    color: var(--inzc-color-text-body);
}

.inzc-doc-layout .inzc-doc-sidebar__article {
    color: var(--inzc-color-text-body);
}

.inzc-doc-layout .inzc-doc-sidebar__article:hover {
    color: var(--inzc-color-text-heading);
    background: rgba(0, 0, 0, .04);
}

.inzc-doc-layout .inzc-doc-sidebar__article.is-current {
    color: var(--inzc-color-primary);
    background: rgba(var(--inzc-color-primary-rgb), .06);
}

/* ── Article header ──────────────────────────────────────────────────────── */
.inzc-doc-layout .inzc-doc-article__title {
    color: var(--inzc-color-text-heading);
}

.inzc-doc-layout .inzc-doc-article__excerpt {
    color: var(--inzc-color-text-body);
}

.inzc-doc-layout .inzc-doc-article__meta {
    color: var(--inzc-color-text-body);
}

/* ── TOC ─────────────────────────────────────────────────────────────────── */
.inzc-doc-layout .inzc-doc-toc {
    background: var(--inzc-color-bg-gray);
    border: 1px solid rgba(0, 0, 0, .07);
}

.inzc-doc-layout .inzc-doc-toc__label {
    color: var(--inzc-color-text-body);
}

.inzc-doc-layout .inzc-doc-toc__list a {
    color: var(--inzc-color-text-body);
}

/* ── Article body content ────────────────────────────────────────────────── */
.inzc-doc-content {
    color: var(--inzc-color-text-body);
}

.inzc-doc-content h2 {
    color: var(--inzc-color-text-heading);
    border-top-color: rgba(0, 0, 0, .07);
}

.inzc-doc-content h3 {
    color: var(--inzc-color-text-heading);
}

.inzc-doc-content strong {
    color: var(--inzc-color-text-heading);
}

.inzc-doc-content code:not(pre code) {
    background: rgba(0, 0, 0, .05);
    border-color: rgba(0, 0, 0, .1);
    color: #c0392b;
}

.inzc-doc-content pre {
    background: #1e1e2e;
    border-color: rgba(0, 0, 0, .12);
}

.inzc-doc-content blockquote {
    background: rgba(var(--inzc-color-primary-rgb), .04);
    color: var(--inzc-color-text-body);
}

/* ── Callouts ────────────────────────────────────────────────────────────── */
.inzc-doc-layout .inzc-doc-callout--info {
    background: rgba(79, 122, 248, .06);
    border-color: rgba(79, 122, 248, .45);
    color: #2c4faf;
}

.inzc-doc-layout .inzc-doc-callout--warning {
    background: rgba(245, 158, 11, .06);
    border-color: rgba(245, 158, 11, .5);
    color: #7d4a07;
}

.inzc-doc-layout .inzc-doc-callout--tip {
    background: rgba(16, 185, 129, .06);
    border-color: rgba(16, 185, 129, .45);
    color: #08623e;
}

/* ── Media placeholder ───────────────────────────────────────────────────── */
.inzc-doc-layout .inzc-doc-media__placeholder {
    background: var(--inzc-color-bg-gray);
    border-color: rgba(0, 0, 0, .12);
    color: var(--inzc-color-text-body);
}

/* ── Tables ──────────────────────────────────────────────────────────────── */
.inzc-doc-layout .inzc-doc-table {
    border-color: rgba(0, 0, 0, .08);
}

.inzc-doc-layout .inzc-doc-table th {
    background: var(--inzc-color-bg-gray);
    color: var(--inzc-color-text-heading);
    border-bottom-color: rgba(0, 0, 0, .08);
}

.inzc-doc-layout .inzc-doc-table td {
    border-bottom-color: rgba(0, 0, 0, .05);
    color: var(--inzc-color-text-body);
}

.inzc-doc-layout .inzc-doc-table tr:nth-child(even) td {
    background: rgba(0, 0, 0, .02);
}

/* ── Step lists ──────────────────────────────────────────────────────────── */
.inzc-doc-layout .inzc-doc-step {
    border-top-color: rgba(0, 0, 0, .06);
}

.inzc-doc-layout .inzc-doc-step-num {
    color: #fff;
}

/* ── Prev / Next nav ─────────────────────────────────────────────────────── */
.inzc-doc-layout .inzc-doc-prevnext {
    border-top-color: rgba(0, 0, 0, .07);
}

.inzc-doc-layout .inzc-doc-prevnext__item {
    background: var(--inzc-color-bg-gray);
    border-color: rgba(0, 0, 0, .07);
}

.inzc-doc-layout .inzc-doc-prevnext__item:hover {
    border-color: var(--inzc-color-primary);
    background: var(--inzc-color-bg-white);
}

.inzc-doc-layout .inzc-doc-prevnext__label,
.inzc-doc-layout .inzc-doc-prevnext__item span {
    color: var(--inzc-color-text-muted);
}

.inzc-doc-layout .inzc-doc-prevnext__title,
.inzc-doc-layout .inzc-doc-prevnext__item strong {
    color: var(--inzc-color-text-heading);
}

.inzc-doc-layout .inzc-doc-prevnext__item svg {
    color: var(--inzc-color-text-muted);
}

/* ── Helpful / feedback widget ───────────────────────────────────────────── */
.inzc-doc-layout .inzc-doc-helpful {
    background: var(--inzc-color-bg-gray);
    border-top-color: rgba(0, 0, 0, .07);
}

.inzc-doc-layout .inzc-doc-helpful__label {
    color: var(--inzc-color-text-body);
}

.inzc-doc-layout .inzc-doc-helpful__btn {
    background: rgba(0, 0, 0, .05);
    border-color: rgba(0, 0, 0, .1);
    color: var(--inzc-color-text-body);
}

.inzc-doc-layout .inzc-doc-helpful__btn:hover {
    background: rgba(0, 0, 0, .09);
}

/* ── Category article cards ──────────────────────────────────────────────── */
.inzc-doc-layout .inzc-doc-article-card {
    background: var(--inzc-color-bg-white);
    border-color: rgba(0, 0, 0, .08);
    box-shadow: var(--inzc-shadow-card);
}

.inzc-doc-layout .inzc-doc-article-card:hover {
    box-shadow: var(--inzc-shadow-card-hover);
    background: var(--inzc-color-bg-white);
}

.inzc-doc-layout .inzc-doc-article-card__title {
    color: var(--inzc-color-text-heading);
}

.inzc-doc-layout .inzc-doc-article-card__excerpt {
    color: var(--inzc-color-text-body);
}

.inzc-doc-layout .inzc-doc-article-card__meta {
    color: var(--inzc-color-text-body);
}

.inzc-doc-layout .inzc-doc-article-card__arrow {
    background: rgba(0, 0, 0, .07);
    color: var(--inzc-color-text-body);
}

.inzc-doc-layout .inzc-doc-article-card:hover .inzc-doc-article-card__arrow {
    background: var(--inzc-color-primary);
    color: #fff;
}

/* ── Search results column ───────────────────────────────────────────────── */
.inzc-doc-layout .inzc-doc-search-pagination .page-numbers {
    background: var(--inzc-color-bg-gray);
    border-color: rgba(0, 0, 0, .08);
    color: var(--inzc-color-text-body);
}

.inzc-doc-layout .inzc-doc-search-pagination .page-numbers:hover {
    color: var(--inzc-color-text-heading);
    background: rgba(0, 0, 0, .07);
}

.inzc-doc-layout .inzc-doc-search-pagination .page-numbers.current {
    background: var(--inzc-color-primary);
    border-color: var(--inzc-color-primary);
    color: #fff;
}

.inzc-doc-layout .inzc-doc-search-pagination {
    border-top-color: rgba(0, 0, 0, .07);
}

.inzc-doc-layout .inzc-doc-search-empty__heading {
    color: var(--inzc-color-text-heading);
}

.inzc-doc-layout .inzc-doc-search-empty__body {
    color: var(--inzc-color-text-body);
}

/* ── Search form (sidebar variant on light bg) ───────────────────────────── */
.inzc-doc-layout .inzc-doc-search-form--sidebar .inzc-doc-search-form__inner {
    background: var(--inzc-color-bg-gray);
    border-color: rgba(0, 0, 0, .1);
}

.inzc-doc-layout .inzc-doc-search-form--sidebar .inzc-doc-search-form__input {
    color: var(--inzc-color-text-heading);
}

.inzc-doc-layout .inzc-doc-search-form--sidebar .inzc-doc-search-form__icon {
    color: var(--inzc-color-text-body);
}

/* ── Changelog entries on light bg ──────────────────────────────────────── */
.inzc-cl-section .inzc-cl-timeline::before {
    background: rgba(0, 0, 0, .07);
}

.inzc-cl-section .inzc-cl-sidebar__label {
    color: var(--inzc-color-text-body);
}

.inzc-cl-section .inzc-cl-sidebar__list {
    border-left-color: rgba(0, 0, 0, .07);
}

.inzc-cl-section .inzc-cl-sidebar__link {
    /* border-left stays transparent until active */
}

.inzc-cl-section .inzc-cl-sidebar__version {
    color: var(--inzc-color-text-heading);
}

.inzc-cl-section .inzc-cl-entry__dot {
    border-color: var(--inzc-color-bg-white);
    box-shadow: 0 0 0 3px rgba(0, 0, 0, .08);
}

.inzc-cl-section .inzc-cl-entry--latest .inzc-cl-entry__dot {
    box-shadow: 0 0 0 4px rgba(var(--inzc-color-primary-rgb), .15);
}

.inzc-cl-section .inzc-cl-entry__card {
    background: var(--inzc-color-bg-white);
    border-color: rgba(0, 0, 0, .08);
    box-shadow: var(--inzc-shadow-card);
}

.inzc-cl-section .inzc-cl-entry--latest .inzc-cl-entry__card {
    border-color: rgba(var(--inzc-color-primary-rgb), .18);
}

.inzc-cl-section .inzc-cl-entry__card:hover {
    border-color: rgba(0, 0, 0, .15);
}

.inzc-cl-section .inzc-cl-entry__header {
    border-bottom-color: rgba(0, 0, 0, .06);
}

.inzc-cl-section .inzc-cl-entry__version {
    color: var(--inzc-color-text-heading);
}

.inzc-cl-section .inzc-cl-entry__date {
    color: var(--inzc-color-text-body);
}

.inzc-cl-section .inzc-cl-entry__body {
    color: var(--inzc-color-text-body);
}

.inzc-cl-section .inzc-cl-entry__body h2 {
    color: var(--inzc-color-text-heading);
    border-bottom-color: rgba(0, 0, 0, .06);
}

.inzc-cl-section .inzc-cl-entry__body ul li::before {
    color: var(--inzc-color-primary);
}

.inzc-cl-section .inzc-cl-entry__body code {
    background: rgba(0, 0, 0, .05);
    border-color: rgba(0, 0, 0, .1);
    color: #c0392b;
}

.inzc-cl-section .inzc-cl-entry__body a {
    color: var(--inzc-color-primary);
}

.inzc-cl-section .inzc-cl-entry__body strong {
    color: var(--inzc-color-text-heading);
}

.inzc-cl-section .inzc-cl-entry__footer {
    border-top-color: rgba(0, 0, 0, .05);
}

.inzc-cl-section .inzc-cl-entry__top-link {
    color: var(--inzc-color-text-body);
}

/* Changelog callouts on light bg */
.inzc-cl-section .inzc-cl-callout--info {
    background: rgba(79, 122, 248, .07);
    color: #2d52b8;
}

.inzc-cl-section .inzc-cl-callout--warning {
    background: rgba(245, 158, 11, .07);
    color: #92580a;
}

.inzc-cl-section .inzc-cl-callout--danger {
    background: rgba(239, 68, 68, .07);
    color: #991b1b;
}

/* Docs help section (sits inside .inzc-doc-layout on category/search pages) */
.inzc-doc-layout .inzc-docs-help__heading {
    color: var(--inzc-color-text-heading);
}

.inzc-doc-layout .inzc-docs-help__body {
    color: var(--inzc-color-text-body);
}

/* ═══════════════════════════════════════════════════════════════════════════
   §29  EXTENSION TEMPLATES
   Classes: .inzc-ext-hero, .inzc-ext-layout, .inzc-ext-sidebar,
            .inzc-ext-archive, .inzc-ext-grid, .inzc-ext-card
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Extension single — hero ─────────────────────────────────────────────── */
.inzc-ext-hero {
    position: relative;
    background: var(--inzc-color-bg-dark);
    padding: 80px 0 60px;
    overflow: hidden;
}

.inzc-ext-hero__overlay {
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 60% 80% at 70% 50%, rgba(var(--inzc-color-primary-rgb), .12) 0%, transparent 70%);
    pointer-events: none;
}

.inzc-ext-hero__inner {
    position: relative;
    z-index: 1;
}

.inzc-ext-hero__meta {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 12px;
}

.inzc-ext-hero__logo-inline {
    display: inline-flex;
    align-items: center;
    background: var(--inzc-color-bg-white);
    border-radius: var(--inzc-radius-sm);
    padding: 2px 6px;
    height: 20px;
}

.inzc-ext-hero__logo-inline-img {
    max-height: 16px;
    width: auto;
    object-fit: contain;
}

.inzc-ext-hero__cat {
    font-size: 0.75rem;
    font-weight: var(--inzc-font-weight-semibold);
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--inzc-color-primary);
}

.inzc-ext-hero__title {
    font-size: clamp(2rem, 5vw, 3rem);
    font-weight: var(--inzc-font-weight-black);
    color: var(--inzc-color-text-white);
    margin: 0 0 8px;
    line-height: 1.15;
}

.inzc-ext-hero__markets {
    font-size: 1rem;
    color: rgba(255, 255, 255, .6);
    margin: 0 0 32px;
}

.inzc-ext-hero__pricing {
    display: flex;
    gap: 32px;
    margin-bottom: 32px;
    flex-wrap: wrap;
}

.inzc-ext-hero__price-block {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.inzc-ext-hero__price-label {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: rgba(255, 255, 255, .5);
}

.inzc-ext-hero__price {
    font-size: 2rem;
    font-weight: var(--inzc-font-weight-black);
    color: var(--inzc-color-text-white);
    line-height: 1;
}

.inzc-ext-hero__price--free {
    color: var(--inzc-color-primary);
}

.inzc-ext-hero__price-once {
    font-size: 0.8125rem;
    color: rgba(255, 255, 255, .45);
}

.inzc-ext-hero__actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
}

.inzc-ext-hero__grid {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

@media (min-width: 992px) {
    .inzc-ext-hero__grid {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        gap: 40px;
    }

    .inzc-ext-hero__brand {
        flex: 1;
        min-width: 0;
    }

    .inzc-ext-hero__title {
        margin-bottom: 0;
    }

    .inzc-ext-hero__purchase {
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        text-align: right;
    }

    .inzc-ext-hero__pricing {
        justify-content: flex-end;
        margin-bottom: 16px;
    }

    .inzc-ext-hero__actions {
        justify-content: flex-end;
    }
}

/* ── Extension single — content + sidebar layout ─────────────────────────── */
.inzc-ext-layout {
    background: var(--inzc-color-bg-white);
    padding: 60px 0;
}

.inzc-ext-layout__inner {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 48px;
    align-items: start;
}

.inzc-ext-content__thumb {
    margin-bottom: 32px;
    border-radius: var(--inzc-radius-lg);
    overflow: hidden;
}

.inzc-ext-content__img {
    width: 100%;
    height: auto;
    display: block;
}

.inzc-ext-compat {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.8125rem;
    color: var(--inzc-color-text-muted);
    border-top: 1px solid rgba(0, 0, 0, .07);
    margin-top: 40px;
    padding-top: 20px;
}

.inzc-ext-compat svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}

/* ── Extension single — sidebar ──────────────────────────────────────────── */
.inzc-ext-sidebar {
    position: sticky;
    top: calc(var(--inzc-nav-height) + 20px);
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.inzc-ext-sidebar__box {
    background: var(--inzc-color-bg-white);
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: var(--inzc-radius-lg);
    padding: 24px;
    box-shadow: var(--inzc-shadow-card);
}

.inzc-ext-sidebar__box--cta {
    border-color: var(--inzc-color-primary);
    border-width: 2px;
}

.inzc-ext-sidebar__box-heading {
    font-size: 0.9375rem;
    font-weight: var(--inzc-font-weight-bold);
    color: var(--inzc-color-text-heading);
    margin: 0 0 16px;
}

.inzc-ext-sidebar__price-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .06);
    font-size: 0.875rem;
    color: var(--inzc-color-text-body);
}

.inzc-ext-sidebar__price-row--free strong {
    color: var(--inzc-color-primary);
}

.inzc-ext-sidebar__btn {
    display: flex;
    width: 100%;
    justify-content: center;
    text-align: center;
    margin-top: 16px;
}

.inzc-ext-sidebar__pricing-link {
    display: block;
    text-align: center;
    font-size: 0.8125rem;
    color: var(--inzc-color-text-muted);
    margin-top: 10px;
    text-decoration: none;
}

.inzc-ext-sidebar__pricing-link:hover {
    color: var(--inzc-color-primary);
}

.inzc-ext-sidebar__details {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0.8125rem;
}

.inzc-ext-sidebar__details li {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    padding: 7px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    color: var(--inzc-color-text-body);
}

.inzc-ext-sidebar__details li:last-child {
    border-bottom: none;
}

.inzc-ext-sidebar__details strong {
    color: var(--inzc-color-text-heading);
    text-align: right;
}

.inzc-ext-sidebar__related {
    list-style: none;
    margin: 0;
    padding: 0;
}

.inzc-ext-sidebar__related li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    font-size: 0.8125rem;
}

.inzc-ext-sidebar__related li:last-child {
    border-bottom: none;
}

.inzc-ext-sidebar__related a {
    color: var(--inzc-color-text-heading);
    text-decoration: none;
}

.inzc-ext-sidebar__related a:hover {
    color: var(--inzc-color-primary);
}

.inzc-ext-sidebar__related span {
    color: var(--inzc-color-text-muted);
    font-weight: var(--inzc-font-weight-semibold);
    flex-shrink: 0;
}

/* ── Extension archive ───────────────────────────────────────────────────── */
.inzc-ph--extensions {
    padding: calc(var(--inzc-nav-height) + 80px) 0 80px;
    text-align: center;
}

.inzc-ext-archive-banner {
    background: rgba(var(--inzc-color-primary-rgb), .08);
    border-bottom: 1px solid rgba(var(--inzc-color-primary-rgb), .15);
    padding: 12px 0;
}

.inzc-ext-archive-banner__inner {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.875rem;
    color: var(--inzc-color-text-heading);
    font-weight: var(--inzc-font-weight-medium);
}

.inzc-ext-archive-banner__inner svg {
    width: 16px;
    height: 16px;
    color: var(--inzc-color-primary);
    flex-shrink: 0;
}

.inzc-ext-archive-banner__inner a {
    color: var(--inzc-color-primary);
    text-decoration: none;
    margin-left: 4px;
}

.inzc-ext-archive-banner__inner a:hover {
    text-decoration: underline;
}

.inzc-ext-cat-block {
    margin-bottom: 56px;
}

.inzc-ext-cat-block__heading {
    font-size: 1.25rem;
    font-weight: var(--inzc-font-weight-bold);
    color: var(--inzc-color-text-heading);
    margin: 0 0 4px;
    padding-bottom: 12px;
    border-bottom: 2px solid rgba(0, 0, 0, .07);
}

.inzc-ext-cat-block__desc {
    font-size: 0.9375rem;
    color: var(--inzc-color-text-body);
    margin: 8px 0 24px;
}

.inzc-ext-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-top: 20px;
}

.inzc-ext-card {
    display: flex;
    flex-direction: column;
    background: var(--inzc-color-bg-white);
    border: 1px solid rgba(0, 0, 0, .08);
    border-radius: var(--inzc-radius-lg);
    padding: 24px;
    text-decoration: none;
    transition: border-color var(--inzc-transition-fast), box-shadow var(--inzc-transition-fast), transform var(--inzc-transition-fast);
    box-shadow: var(--inzc-shadow-card);
}

.inzc-ext-card:hover {
    box-shadow: var(--inzc-shadow-card-hover);
    transform: translateY(-2px);
    text-decoration: none;
}

.inzc-ext-card__head {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-bottom: 12px;
}

.inzc-ext-card__title-block {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.inzc-ext-card__logo-wrap {
    flex-shrink: 0;
    height: 24px;
    display: flex;
    align-items: center;
}

.inzc-ext-card__logo-img {
    max-height: 24px;
    width: auto;
    object-fit: contain;
}


.inzc-ext-card__name {
    font-size: 1rem;
    font-weight: var(--inzc-font-weight-bold);
    color: var(--inzc-color-text-heading);
    margin: 0 0 4px;
}

.inzc-ext-card__market {
    font-size: 0.8125rem;
    color: var(--inzc-color-text-muted);
    margin: 0;
}

.inzc-ext-card__excerpt {
    font-size: 0.875rem;
    color: var(--inzc-color-text-body);
    line-height: 1.6;
    flex: 1;
    margin: 0 0 16px;
}

.inzc-ext-card__footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid rgba(0, 0, 0, .06);
    padding-top: 12px;
    margin-top: auto;
}

.inzc-ext-card__price {
    font-size: 0.875rem;
    color: var(--inzc-color-text-heading);
}

.inzc-ext-card__price strong {
    font-weight: var(--inzc-font-weight-bold);
}

.inzc-ext-card__price span {
    color: var(--inzc-color-text-muted);
    font-size: 0.8125rem;
}

.inzc-ext-card__free {
    font-size: 0.8125rem;
    font-weight: var(--inzc-font-weight-semibold);
    color: var(--inzc-color-primary);
}

.inzc-ext-archive__empty {
    text-align: center;
    color: var(--inzc-color-text-muted);
    padding: 60px 0;
}

/* ── Responsive ──────────────────────────────────────────────────────────── */
@media (max-width: 991px) {
    .inzc-ext-layout__inner {
        grid-template-columns: 1fr;
    }

    .inzc-ext-sidebar {
        position: static;
    }

    .inzc-ext-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 575px) {
    .inzc-ext-grid {
        grid-template-columns: 1fr;
    }

    .inzc-ext-hero__pricing {
        gap: 20px;
    }
}

/* ==========================================================================
   §30  404 PAGE
   ========================================================================== */

.inzc-404 {
    padding: 120px 0 100px;
    text-align: center;
}

.inzc-404__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.inzc-404__code {
    display: block;
    font-size: clamp(6rem, 18vw, 10rem);
    font-weight: var(--inzc-font-weight-black);
    line-height: 1;
    color: var(--inzc-color-primary);
    opacity: 0.15;
    letter-spacing: -0.04em;
    margin-bottom: -1rem;
}

.inzc-404__heading {
    font-size: clamp(1.75rem, 4vw, 2.5rem);
    font-weight: var(--inzc-font-weight-extrabold);
    color: var(--inzc-color-text-heading);
    margin: 0;
}

.inzc-404__sub {
    font-size: 1.0625rem;
    color: var(--inzc-color-text-muted);
    max-width: 440px;
    margin: 0;
}

.inzc-404__actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 8px;
}

.inzc-404__links {
    margin-top: 32px;
    padding-top: 32px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    width: 100%;
    max-width: 480px;
}

.inzc-404__links-label {
    font-size: 0.8125rem;
    color: var(--inzc-color-text-muted);
    margin: 0 0 12px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: var(--inzc-font-weight-semibold);
}

.inzc-404__links ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 24px;
    justify-content: center;
    flex-wrap: wrap;
}

.inzc-404__links a {
    font-size: 0.9375rem;
    color: var(--inzc-color-text-body);
    text-decoration: none;
    font-weight: var(--inzc-font-weight-medium);
    transition: color var(--inzc-transition-base);
}

.inzc-404__links a:hover {
    color: var(--inzc-color-primary);
}

/* ==========================================================================
   §31  SUPPORT PAGE
   ========================================================================== */

.inzc-ph--support {
    background: var(--inzc-color-bg-dark);
    padding: calc(var(--inzc-nav-height) + 80px) 0 80px;
    text-align: center;
}

.inzc-support-lanes {
    padding: 80px 0;
}

.inzc-support-lanes__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    align-items: start;
}

.inzc-support-lane {
    background: var(--inzc-color-bg-gray);
    border-radius: var(--inzc-radius-xl);
    padding: 40px;
    border: 1px solid rgba(0, 0, 0, 0.07);
}

.inzc-support-lane--primary {
    border-color: rgba(var(--inzc-color-primary-rgb), 0.2);
    border-top: 3px solid var(--inzc-color-primary);
}

.inzc-support-lane__icon {
    width: 48px;
    height: 48px;
    color: var(--inzc-color-primary);
    margin-bottom: 20px;
}

.inzc-support-lane__heading {
    font-size: 1.25rem;
    font-weight: var(--inzc-font-weight-extrabold);
    color: var(--inzc-color-text-heading);
    margin: 0 0 10px;
}

.inzc-support-lane__desc {
    font-size: 0.9375rem;
    color: var(--inzc-color-text-body);
    margin: 0 0 24px;
    line-height: 1.65;
}

/* Steps */
.inzc-support-lane__steps {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 24px;
}

.inzc-support-step {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 0.9375rem;
    color: var(--inzc-color-text-body);
    font-weight: var(--inzc-font-weight-medium);
}

.inzc-support-step__num {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--inzc-color-primary);
    color: #fff;
    font-size: 0.8125rem;
    font-weight: var(--inzc-font-weight-bold);
    flex-shrink: 0;
}

.inzc-support-lane__note {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 0.8125rem;
    color: var(--inzc-color-text-muted);
    background: rgba(var(--inzc-color-primary-rgb), 0.05);
    border: 1px solid rgba(var(--inzc-color-primary-rgb), 0.15);
    border-radius: var(--inzc-radius-md);
    padding: 12px 14px;
    line-height: 1.5;
}

.inzc-support-lane__note svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    margin-top: 1px;
    color: var(--inzc-color-primary);
}

/* Pre-sales form */
.inzc-support-form {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.inzc-support-form__row {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.inzc-support-form__row label {
    font-size: 0.875rem;
    font-weight: var(--inzc-font-weight-semibold);
    color: var(--inzc-color-text-heading);
}

.inzc-support-form__row label span {
    color: var(--inzc-color-primary);
}

.inzc-support-form__row input[type="text"],
.inzc-support-form__row input[type="email"],
.inzc-support-form__row textarea {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: var(--inzc-radius-md);
    font-size: 0.9375rem;
    font-family: inherit;
    color: var(--inzc-color-text-body);
    background: #fff;
    transition: border-color var(--inzc-transition-base);
    box-sizing: border-box;
}

.inzc-support-form__row input:focus,
.inzc-support-form__row textarea:focus {
    outline: none;
    border-color: var(--inzc-color-primary);
    box-shadow: 0 0 0 3px rgba(var(--inzc-color-primary-rgb), 0.1);
}

.inzc-support-form__row textarea {
    resize: vertical;
    min-height: 120px;
}

.inzc-support-form__row--check {
    flex-direction: row;
    align-items: flex-start;
}

.inzc-support-form__checkbox {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    cursor: pointer;
    font-size: 0.875rem;
    color: var(--inzc-color-text-body);
    line-height: 1.5;
}

.inzc-support-form__checkbox input[type="checkbox"] {
    margin-top: 2px;
    flex-shrink: 0;
    accent-color: var(--inzc-color-primary);
    width: 16px;
    height: 16px;
}

.inzc-support-form__muted {
    font-size: 0.8rem;
    color: var(--inzc-color-text-muted);
    margin: 0;
    line-height: 1.5;
}

.inzc-support-form-success {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 16px 18px;
    background: rgba(34, 197, 94, 0.08);
    border: 1px solid rgba(34, 197, 94, 0.25);
    border-radius: var(--inzc-radius-md);
    font-size: 0.9375rem;
    color: #166534;
    font-weight: var(--inzc-font-weight-medium);
}

.inzc-support-form-success svg {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    color: #16a34a;
}

.inzc-support-form-errors {
    list-style: none;
    margin: 0 0 16px;
    padding: 14px 16px;
    background: rgba(239, 68, 68, 0.07);
    border: 1px solid rgba(239, 68, 68, 0.25);
    border-radius: var(--inzc-radius-md);
    font-size: 0.875rem;
    color: #b91c1c;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

@media (max-width: 767px) {
    .inzc-support-lanes__grid {
        grid-template-columns: 1fr;
    }

    .inzc-support-lane {
        padding: 28px 22px;
    }
}

/* ==========================================================================
   §32  LEGAL PAGES (Terms & Privacy)
   ========================================================================== */

.inzc-ph--legal {
    background: var(--inzc-color-bg-dark);
    padding: calc(var(--inzc-nav-height) + 80px) 0 80px;
    text-align: center;
}

.inzc-legal-page {
    padding: 72px 0 96px;
}

.inzc-legal-page__inner {
    display: grid;
    grid-template-columns: 220px 1fr;
    gap: 64px;
    align-items: start;
}

/* TOC sidebar */
.inzc-legal-toc {
    position: sticky;
    top: calc(var(--inzc-nav-height) + 24px);
}

.inzc-legal-toc__label {
    font-size: 0.7rem;
    font-weight: var(--inzc-font-weight-bold);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--inzc-color-text-muted);
    margin: 0 0 12px;
}

.inzc-legal-toc ol {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
    border-left: 2px solid rgba(0, 0, 0, 0.08);
    padding-left: 16px;
}

.inzc-legal-toc a {
    font-size: 0.875rem;
    color: var(--inzc-color-text-muted);
    text-decoration: none;
    line-height: 1.4;
    display: block;
    transition: color var(--inzc-transition-base);
}

.inzc-legal-toc a:hover {
    color: var(--inzc-color-primary);
}

/* Body */
.inzc-legal-body {
    max-width: 700px;
}

.inzc-legal-intro {
    font-size: 1.0625rem;
    color: var(--inzc-color-text-body);
    margin: 0 0 40px;
    padding-bottom: 32px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    line-height: 1.7;
}

.inzc-legal-body h2 {
    font-size: 1.125rem;
    font-weight: var(--inzc-font-weight-extrabold);
    color: var(--inzc-color-text-heading);
    margin: 40px 0 12px;
    scroll-margin-top: calc(var(--inzc-nav-height) + 24px);
}

.inzc-legal-body h2:first-child {
    margin-top: 0;
}

.inzc-legal-body p {
    font-size: 0.9375rem;
    color: var(--inzc-color-text-body);
    line-height: 1.75;
    margin: 0 0 14px;
}

.inzc-legal-body ul {
    margin: 0 0 14px;
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.inzc-legal-body ul li {
    font-size: 0.9375rem;
    color: var(--inzc-color-text-body);
    line-height: 1.65;
}

.inzc-legal-body a {
    color: var(--inzc-color-primary);
    text-decoration: underline;
    text-underline-offset: 2px;
}

@media (max-width: 767px) {
    .inzc-legal-page__inner {
        grid-template-columns: 1fr;
        gap: 36px;
    }

    .inzc-legal-toc {
        position: static;
    }
}

/* ==========================================================================
   §33  LOGIN PAGE
   ========================================================================== */

.inzc-login-body {
    margin: 0;
    padding: 0;
    background: var(--inzc-color-bg-gray);
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: var(--inzc-font-family);
}

.inzc-login-wrap {
    width: 100%;
    padding: 40px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.inzc-login-card {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.09);
    border-radius: var(--inzc-radius-xl);
    box-shadow: 0 4px 32px rgba(0, 0, 0, 0.08);
    padding: 48px 44px;
    width: 100%;
    max-width: 440px;
}

.inzc-login-logo {
    display: flex;
    justify-content: center;
    margin-bottom: 28px;
}

.inzc-login-logo img {
    height: 32px;
    width: auto;
}

.inzc-login-heading {
    font-size: 1.375rem;
    font-weight: var(--inzc-font-weight-extrabold);
    color: var(--inzc-color-text-heading);
    margin: 0 0 6px;
    text-align: center;
}

.inzc-login-sub {
    font-size: 0.9375rem;
    color: var(--inzc-color-text-muted);
    margin: 0 0 28px;
    text-align: center;
}

.inzc-login-error {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 12px 14px;
    background: rgba(239, 68, 68, 0.07);
    border: 1px solid rgba(239, 68, 68, 0.25);
    border-radius: var(--inzc-radius-md);
    font-size: 0.875rem;
    color: #b91c1c;
    margin-bottom: 20px;
    line-height: 1.5;
}

.inzc-login-error svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    margin-top: 1px;
    color: #dc2626;
}

.inzc-login-form {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.inzc-login-form__row {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.inzc-login-form__label-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.inzc-login-form__row label {
    font-size: 0.875rem;
    font-weight: var(--inzc-font-weight-semibold);
    color: var(--inzc-color-text-heading);
}

.inzc-login-form__forgot {
    font-size: 0.8125rem;
    color: var(--inzc-color-primary);
    text-decoration: none;
}

.inzc-login-form__forgot:hover {
    text-decoration: underline;
}

.inzc-login-form__row input[type="email"],
.inzc-login-form__row input[type="password"] {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: var(--inzc-radius-md);
    font-size: 0.9375rem;
    font-family: inherit;
    color: var(--inzc-color-text-body);
    background: #fff;
    transition: border-color var(--inzc-transition-base), box-shadow var(--inzc-transition-base);
    box-sizing: border-box;
}

.inzc-login-form__row input:focus {
    outline: none;
    border-color: var(--inzc-color-primary);
    box-shadow: 0 0 0 3px rgba(var(--inzc-color-primary-rgb), 0.1);
}

.inzc-login-form__row--check {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.inzc-login-form__checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    font-size: 0.875rem;
    color: var(--inzc-color-text-body);
}

.inzc-login-form__checkbox input[type="checkbox"] {
    accent-color: var(--inzc-color-primary);
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.inzc-login-submit {
    width: 100%;
    justify-content: center;
    margin-top: 4px;
}

.inzc-login-footer {
    margin-top: 28px;
    padding-top: 24px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.inzc-login-footer p {
    margin: 0;
    font-size: 0.8125rem;
    color: var(--inzc-color-text-muted);
    line-height: 1.5;
}

.inzc-login-footer a {
    color: var(--inzc-color-primary);
    text-decoration: none;
}

.inzc-login-footer a:hover {
    text-decoration: underline;
}

@media (max-width: 480px) {
    .inzc-login-card {
        padding: 32px 24px;
    }
}

/* ============================================================
   §34 TICKET SYSTEM — account bar, submit form, list, thread
   ============================================================ */

/* ── Account bar ───────────────────────────────────────────── */
.inzc-account-bar {
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.10);
    padding: 0;
    margin-top: var(--inzc-nav-height);
    /* clears the absolute nav at page load */
    position: sticky;
    top: var(--inzc-nav-height);
    /* locks below nav once it turns fixed */
    z-index: 8999;
    /* just below nav z-index 9000 */
}

.inzc-account-bar__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 52px;
    gap: 16px;
}

.inzc-account-bar__left {
    display: flex;
    align-items: center;
    gap: 10px;
}

.inzc-account-bar__avatar {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--inzc-color-primary);
    color: #fff;
    font-size: 0.78rem;
    font-weight: var(--inzc-font-weight-bold);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.inzc-account-bar__name {
    font-size: 0.88rem;
    font-weight: var(--inzc-font-weight-semibold);
    color: var(--inzc-color-text-heading);
}

.inzc-account-bar__right {
    display: flex;
    align-items: center;
    gap: 20px;
}

.inzc-account-bar__link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.83rem;
    font-weight: var(--inzc-font-weight-semibold);
    color: var(--inzc-color-primary);
    text-decoration: none;
}

.inzc-account-bar__link svg {
    width: 14px;
    height: 14px;
    flex-shrink: 0;
}

.inzc-account-bar__link:hover {
    text-decoration: underline;
}

.inzc-account-bar__logout {
    font-size: 0.83rem;
    color: #9ca3af;
    text-decoration: none;
    font-weight: var(--inzc-font-weight-medium);
}

.inzc-account-bar__logout:hover {
    color: var(--inzc-color-text-heading);
}

/* ── Status badges ─────────────────────────────────────────── */
.inzc-ts {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 20px;
    font-size: 0.7rem;
    font-weight: var(--inzc-font-weight-bold);
    letter-spacing: 0.07em;
    text-transform: uppercase;
    white-space: nowrap;
    flex-shrink: 0;
}

.inzc-ts--open {
    background: #e8f0fe;
    color: #1a56db;
}

.inzc-ts--progress {
    background: #fef3c7;
    color: #92400e;
}

.inzc-ts--resolved {
    background: #d1fae5;
    color: #065f46;
}

.inzc-ts--closed {
    background: #f3f4f6;
    color: #6b7280;
}

/* ── My Tickets page shell ─────────────────────────────────── */
.inzc-my-tickets {
    padding: 52px 0 80px;
}

.inzc-my-tickets__inner {
    max-width: 780px;
    margin: 0 auto;
}

.inzc-my-tickets__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 28px;
}

.inzc-my-tickets__heading {
    font-size: 1.5rem;
    font-weight: var(--inzc-font-weight-bold);
    color: var(--inzc-color-text-heading);
    margin: 0 0 2px;
}

.inzc-my-tickets__sub {
    font-size: 0.83rem;
    color: #9ca3af;
    margin: 0;
}

/* ── Ticket list — card style ──────────────────────────────── */
.inzc-ticket-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.inzc-ticket-card {
    display: block;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 10px;
    padding: 18px 22px;
    text-decoration: none;
    transition: border-color 0.15s, box-shadow 0.15s;
}

.inzc-ticket-card:hover {
    box-shadow: var(--inzc-shadow-card-hover);
}

.inzc-ticket-card__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 6px;
}

.inzc-ticket-card__subject {
    font-size: 0.95rem;
    font-weight: var(--inzc-font-weight-bold);
    color: var(--inzc-color-text-heading);
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.inzc-ticket-card__excerpt {
    font-size: 0.85rem;
    color: #6b7280;
    margin: 0 0 10px;
    line-height: 1.5;
}

.inzc-ticket-card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.inzc-ticket-card__meta {
    font-size: 0.78rem;
    color: #9ca3af;
}

.inzc-ticket-card__arrow {
    font-size: 0.9rem;
    color: #d1d5db;
    transition: color 0.15s, transform 0.15s;
}

.inzc-ticket-card:hover .inzc-ticket-card__arrow {
    color: var(--inzc-color-primary);
    transform: translateX(3px);
}

/* ── Empty state ───────────────────────────────────────────── */
.inzc-my-tickets__empty {
    text-align: center;
    padding: 64px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.inzc-my-tickets__empty-icon svg {
    width: 52px;
    height: 52px;
    color: #d1d5db;
}

.inzc-my-tickets__empty p {
    font-size: 1rem;
    color: #6b7280;
    margin: 0;
}

/* ── Nav bar (single ticket view) ──────────────────────────── */
.inzc-ticket-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.inzc-ticket-nav__back {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.85rem;
    font-weight: var(--inzc-font-weight-semibold);
    color: #6b7280;
    text-decoration: none;
    transition: color 0.15s;
}

.inzc-ticket-nav__back svg {
    width: 16px;
    height: 16px;
}

.inzc-ticket-nav__back:hover {
    color: var(--inzc-color-text-heading);
}

.inzc-ticket-nav__new {
    font-size: 0.85rem;
    font-weight: var(--inzc-font-weight-semibold);
    color: var(--inzc-color-primary);
    text-decoration: none;
}

.inzc-ticket-nav__new:hover {
    text-decoration: underline;
}

/* ── Alert bar ─────────────────────────────────────────────── */
.inzc-ticket-alert {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 0.88rem;
    font-weight: var(--inzc-font-weight-semibold);
    margin-bottom: 20px;
}

.inzc-ticket-alert svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.inzc-ticket-alert--success {
    background: #d1fae5;
    color: #065f46;
}

.inzc-ticket-alert--warning {
    background: #fef9c3;
    color: #854d0e;
}

.inzc-ticket-alert--warning a {
    color: #854d0e;
    font-weight: var(--inzc-font-weight-bold);
}

.inzc-ticket-lapsed-note {
    font-size: 0.9rem;
    color: #6b7280;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
    margin: 0;
}

/* ── Expired License Banner ────────────────────────────────── */
.inzc-expired-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 18px 24px;
    background: #fff8f6;
    border: 1px solid rgba(var(--inzc-color-primary-rgb), 0.15);
    border-left: 4px solid var(--inzc-color-primary);
    border-radius: var(--inzc-radius-md);
    margin-bottom: 24px;
    box-shadow: 0 4px 15px rgba(var(--inzc-color-primary-rgb), 0.03);
}

.inzc-expired-banner__content {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.inzc-expired-banner__icon {
    width: 20px;
    height: 20px;
    color: var(--inzc-color-primary);
    flex-shrink: 0;
    margin-top: 2px;
}

.inzc-expired-banner__text {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.inzc-expired-banner__title {
    font-size: 0.95rem;
    font-weight: var(--inzc-font-weight-bold);
    color: var(--inzc-color-text-heading);
    margin: 0;
}

.inzc-expired-banner__desc {
    font-size: 0.88rem;
    line-height: 1.5;
    color: var(--inzc-color-text-body);
    margin: 0;
}

.inzc-expired-banner__action {
    flex-shrink: 0;
}

.inzc-expired-banner__btn {
    display: inline-block;
    padding: 10px 20px;
    background-color: var(--inzc-color-primary);
    color: var(--inzc-color-text-white) !important;
    font-size: 0.85rem;
    font-weight: var(--inzc-font-weight-bold);
    border-radius: var(--inzc-radius-md);
    text-decoration: none !important;
    transition: background-color var(--inzc-transition-base), transform var(--inzc-transition-fast);
    white-space: nowrap;
    box-shadow: 0 2px 8px rgba(var(--inzc-color-primary-rgb), 0.2);
}

.inzc-expired-banner__btn:hover {
    background-color: var(--inzc-color-primary-hover);
    transform: translateY(-1px);
    box-shadow: 0 4px 12px rgba(var(--inzc-color-primary-rgb), 0.3);
}

@media (max-width: 768px) {
    .inzc-expired-banner {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        padding: 16px;
    }

    .inzc-expired-banner__action {
        width: 100%;
    }

    .inzc-expired-banner__btn {
        display: block;
        text-align: center;
        width: 100%;
    }
}

/* ── Single ticket card ────────────────────────────────────── */
.inzc-ticket-single {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 12px;
    overflow: hidden;
}

.inzc-ticket-single__head {
    padding: 24px 28px 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    background: #fafafa;
}

.inzc-ticket-single__title {
    font-size: 1.15rem;
    font-weight: var(--inzc-font-weight-bold);
    color: var(--inzc-color-text-heading);
    margin: 0 0 10px;
    line-height: 1.3;
}

.inzc-ticket-single__meta {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.inzc-ticket-single__date {
    font-size: 0.8rem;
    color: #9ca3af;
}

/* ── Thread ────────────────────────────────────────────────── */
.inzc-ticket-thread {
    padding: 4px 0;
}

.inzc-thread-item {
    padding: 22px 28px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.inzc-thread-item--staff {
    background: #f8f9ff;
}

.inzc-thread-item:last-child {
    border-bottom: none;
}

.inzc-thread-item__header {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 12px;
}

.inzc-thread-item__avatar {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: #e5e7eb;
    color: #374151;
    font-size: 0.8rem;
    font-weight: var(--inzc-font-weight-bold);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.inzc-thread-item__avatar--staff {
    background: var(--inzc-color-primary);
    color: #fff;
}

.inzc-thread-item__who {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    padding-top: 6px;
}

.inzc-thread-item__who strong {
    font-size: 0.88rem;
    color: var(--inzc-color-text-heading);
    font-weight: var(--inzc-font-weight-bold);
}

.inzc-thread-item__time {
    font-size: 0.78rem;
    color: #9ca3af;
}

.inzc-thread-item__badge {
    background: var(--inzc-color-primary);
    color: #fff;
    padding: 1px 8px;
    border-radius: 20px;
    font-size: 0.68rem;
    font-weight: var(--inzc-font-weight-bold);
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

.inzc-thread-item__body {
    font-size: 0.93rem;
    line-height: 1.75;
    color: var(--inzc-color-text-body);
    white-space: pre-wrap;
    word-break: break-word;
    padding-left: 46px;
}

/* ── Reply form ────────────────────────────────────────────── */
.inzc-reply-form-wrap {
    padding: 24px 28px;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    background: #fafafa;
}

.inzc-reply-form__error {
    color: #dc2626;
    font-size: 0.88rem;
    font-weight: var(--inzc-font-weight-semibold);
    margin: 0 0 12px;
}

.inzc-reply-form {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.inzc-reply-form textarea {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    padding: 12px 14px;
    font-size: 0.93rem;
    font-family: inherit;
    resize: vertical;
    color: var(--inzc-color-text-body);
    background: #fff;
    transition: border-color 0.15s;
    box-sizing: border-box;
}

.inzc-reply-form textarea:focus {
    outline: none;
    border-color: var(--inzc-color-primary);
}

.inzc-reply-form__footer {
    display: flex;
    align-items: center;
    gap: 12px;
}

.inzc-ticket-closed-note {
    padding: 20px 28px;
    font-size: 0.88rem;
    color: #9ca3af;
    font-style: italic;
    background: #fafafa;
}

/* ── Ticket submit form (on /support/) ─────────────────────── */
.inzc-ticket-submit {
    padding: 64px 0;
}

.inzc-ticket-submit__inner {
    max-width: 680px;
    margin: 0 auto;
}

.inzc-ticket-submit__header {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 28px;
    flex-wrap: wrap;
}

.inzc-ticket-submit__heading {
    font-size: 1.45rem;
    font-weight: var(--inzc-font-weight-bold);
    color: var(--inzc-color-text-heading);
    margin: 0;
}

.inzc-ticket-submit__link {
    font-size: 0.85rem;
    color: var(--inzc-color-primary);
    text-decoration: none;
    font-weight: var(--inzc-font-weight-semibold);
}

.inzc-ticket-submit__link:hover {
    text-decoration: underline;
}

.inzc-ticket-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.inzc-ticket-form__row {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.inzc-ticket-form__row label {
    font-size: 0.85rem;
    font-weight: var(--inzc-font-weight-bold);
    color: var(--inzc-color-text-heading);
    letter-spacing: 0.02em;
}

.inzc-ticket-form__row input,
.inzc-ticket-form__row select,
.inzc-ticket-form__row textarea {
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    padding: 11px 14px;
    font-size: 0.93rem;
    font-family: inherit;
    color: var(--inzc-color-text-body);
    background: #fff;
    transition: border-color 0.15s;
}

.inzc-ticket-form__row select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234b5563' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 16px;
    padding-right: 40px;
    cursor: pointer;
}

.inzc-ticket-form__row input:focus,
.inzc-ticket-form__row select:focus,
.inzc-ticket-form__row textarea:focus {
    outline: none;
    border-color: var(--inzc-color-primary);
}

.inzc-ticket-form__row select:disabled {
    background: #f3f4f6;
    color: #9ca3af;
    cursor: not-allowed;
}

.inzc-license-select-wrap {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
}

.inzc-license-select-wrap select {
    width: 100%;
}

.inzc-select-spinner {
    position: absolute;
    right: 38px;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(var(--inzc-color-primary-rgb), 0.15);
    border-top-color: var(--inzc-color-primary);
    border-radius: 50%;
    animation: inzc-select-spin 0.6s linear infinite;
    pointer-events: none;
    transition: opacity 0.2s ease;
}

.inzc-select-spinner--hidden {
    opacity: 0;
}

@keyframes inzc-select-spin {
    to {
        transform: rotate(360deg);
    }
}

.inzc-ticket-form__tier-note {
    font-size: 0.82rem;
    color: #059669;
    font-weight: var(--inzc-font-weight-semibold);
}

/* ── No-license state ──────────────────────────────────────── */
.inzc-support-no-license {
    padding: 80px 0;
}

.inzc-support-no-license .inzc-container {
    max-width: 580px;
}

.inzc-support-no-license__heading {
    font-size: 1.3rem;
    font-weight: var(--inzc-font-weight-bold);
    color: var(--inzc-color-text-heading);
    margin: 0 0 12px;
}

.inzc-support-no-license p {
    font-size: 0.95rem;
    margin: 0 0 24px;
    color: var(--inzc-color-text-body);
    line-height: 1.6;
}

.inzc-support-no-license__reasons {
    padding-left: 20px;
    margin: 0 0 28px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.inzc-support-no-license__reasons li {
    font-size: 0.9rem;
    color: var(--inzc-color-text-body);
    line-height: 1.6;
}

.inzc-support-no-license__reasons li a {
    color: var(--inzc-color-primary);
}

.inzc-support-no-license__actions {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

/* ── Responsive ────────────────────────────────────────────── */
@media (max-width: 640px) {
    .inzc-account-bar__link span {
        display: none;
    }

    .inzc-ticket-single__head,
    .inzc-thread-item,
    .inzc-reply-form-wrap {
        padding: 16px;
    }

    .inzc-thread-item__body {
        padding-left: 0;
        margin-top: 8px;
    }

    .inzc-my-tickets__inner {
        padding: 0 4px;
    }

    .inzc-ticket-card {
        padding: 14px 16px;
    }
}

/* ── Extend Support Page ────────────────────────────────────── */
.inzc-extend-support__grid {
    display: grid;
    grid-template-columns: 1.15fr 0.85fr;
    gap: 48px;
    align-items: start;
}

.inzc-extend-cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    margin-top: 28px;
}

.inzc-extend-card {
    background: var(--inzc-color-bg-white);
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: var(--inzc-radius-lg);
    padding: 36px 24px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: var(--inzc-transition-card);
    box-shadow: var(--inzc-shadow-card);
}

.inzc-extend-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.12);
}

.inzc-extend-card--pro {
    border-color: rgba(var(--inzc-color-primary-rgb), 0.25);
    background: #fffaf8;
}

.inzc-extend-card__badge {
    position: absolute;
    top: -12px;
    left: 24px;
    background: var(--inzc-color-primary);
    color: var(--inzc-color-text-white);
    font-size: 0.72rem;
    font-weight: var(--inzc-font-weight-bold);
    padding: 3px 12px;
    border-radius: 20px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.inzc-extend-card__tier {
    font-size: 1.1rem;
    font-weight: var(--inzc-font-weight-bold);
    color: var(--inzc-color-text-heading);
    margin: 0 0 16px;
}

.inzc-extend-card__price {
    margin-bottom: 24px;
}

.inzc-extend-card__amount {
    font-size: 2.2rem;
    font-weight: var(--inzc-font-weight-black);
    color: var(--inzc-color-text-heading);
}

.inzc-extend-card__period {
    font-size: 0.88rem;
    color: var(--inzc-color-text-body);
}

.inzc-extend-card__list {
    list-style: none;
    padding: 0;
    margin: 0 0 32px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    flex-grow: 1;
}

.inzc-extend-card__list li {
    font-size: 0.88rem;
    color: var(--inzc-color-text-body);
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.inzc-extend-card__list svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    margin-top: 2px;
}

.inzc-extend-support__sec-title {
    font-size: 1.35rem;
    font-weight: var(--inzc-font-weight-bold);
    color: var(--inzc-color-text-heading);
    margin: 0 0 10px;
}

.inzc-extend-support__sec-desc {
    font-size: 0.95rem;
    line-height: 1.5;
    color: var(--inzc-color-text-body);
    margin: 0 0 24px;
}

.inzc-extend-features {
    list-style: none;
    padding: 0;
    margin: 0 0 32px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.inzc-extend-feature {
    display: flex;
    gap: 16px;
}

.inzc-extend-feature__icon {
    width: 38px;
    height: 38px;
    background: rgba(var(--inzc-color-primary-rgb), 0.08);
    color: var(--inzc-color-primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.inzc-extend-feature__icon svg {
    width: 18px;
    height: 18px;
}

.inzc-extend-feature__content h4 {
    font-size: 0.95rem;
    font-weight: var(--inzc-font-weight-bold);
    color: var(--inzc-color-text-heading);
    margin: 0 0 6px;
}

.inzc-extend-feature__content p {
    font-size: 0.88rem;
    line-height: 1.55;
    color: var(--inzc-color-text-body);
    margin: 0;
}

.inzc-dashboard-renew {
    background: var(--inzc-color-bg-gray);
    padding: 24px;
    border-radius: var(--inzc-radius-lg);
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.inzc-dashboard-renew__title {
    font-size: 0.95rem;
    font-weight: var(--inzc-font-weight-bold);
    color: var(--inzc-color-text-heading);
    margin: 0 0 10px;
}

.inzc-dashboard-renew p {
    font-size: 0.88rem;
    color: var(--inzc-color-text-body);
    line-height: 1.5;
    margin: 0 0 14px;
}

.inzc-dashboard-renew__steps {
    padding-left: 20px;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.inzc-dashboard-renew__steps li {
    font-size: 0.88rem;
    color: var(--inzc-color-text-body);
    line-height: 1.5;
}

@media (max-width: 991px) {
    .inzc-extend-support__grid {
        grid-template-columns: 1fr;
        gap: 40px;
    }
}

@media (max-width: 575px) {
    .inzc-extend-cards {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

/* ==========================================================================
   §33  CUSTOMER PORTAL PAGE  (full-viewport app-shell)
   ========================================================================== */

/* Make the portal page stretch full height without extra spacing */
.inzc-portal-page {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: #f4f5f7;
}

/* ── Top bar ── */
.inzc-cportal-bar {
    background: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    position: sticky;
    top: 0;
    z-index: 100;
    flex-shrink: 0;
}

.inzc-cportal-bar__inner {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 24px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.inzc-cportal-bar__logo-link {
    display: flex;
    align-items: center;
}

.inzc-cportal-bar__logo {
    height: 28px;
    width: auto;
    display: block;
}

/* Centre nav links */
.inzc-cportal-bar__links {
    display: flex;
    align-items: center;
    gap: 4px;
}

.inzc-cportal-bar__link {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 5px 12px;
    border-radius: 6px;
    font-size: 0.8125rem;
    font-weight: var(--inzc-font-weight-medium);
    color: #555;
    text-decoration: none;
    transition: background 0.15s, color 0.15s;
}

.inzc-cportal-bar__link:hover {
    background: #f0f0f2;
    color: #111;
}

.inzc-cportal-bar__link svg {
    flex-shrink: 0;
    opacity: 0.6;
}



.inzc-cportal-bar__sep {
    color: #ccc;
    font-weight: var(--inzc-font-weight-light);
}

.inzc-cportal-bar__title {
    font-weight: var(--inzc-font-weight-semibold);
    color: #111;
    font-size: 0.875rem;
}

.inzc-cportal-bar__user {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.8125rem;
}

.inzc-cportal-bar__avatar {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid var(--inzc-color-primary);
}

.inzc-cportal-bar__name {
    font-weight: var(--inzc-font-weight-medium);
    color: #222;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.inzc-cportal-bar__logout {
    color: #888;
    text-decoration: none;
    font-size: 0.8rem;
    padding: 4px 10px;
    border: 1px solid #ddd;
    border-radius: 6px;
    transition: all 0.15s;
}

.inzc-cportal-bar__logout:hover {
    color: #c0392b;
    border-color: #c0392b;
}

/* ── Body area ── */
.inzc-cportal-body {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* ── The actual Freemius iframe container ── */
.inzc-cportal-frame {
    flex: 1;
    width: 100%;
    min-height: calc(100vh - 56px);
}

/* Force the Freemius-injected scripts to stretch the iframe */
.inzc-cportal-frame>* {
    width: 100% !important;
    min-height: calc(100vh - 56px) !important;
}

/* ── Empty / no-purchase state ── */
.inzc-cportal-empty {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 80px 24px;
    gap: 16px;
}

.inzc-cportal-empty__icon {
    margin-bottom: 8px;
}

.inzc-cportal-empty__title {
    font-size: 1.5rem;
    font-weight: var(--inzc-font-weight-bold);
    color: #111;
    margin: 0;
}

.inzc-cportal-empty__sub {
    max-width: 440px;
    color: #666;
    font-size: 0.9375rem;
    line-height: 1.65;
    margin: 0;
}

.inzc-cportal-empty__actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 8px;
}

/* ── Responsive ── */
@media (max-width: 600px) {

    .inzc-cportal-bar__name,
    .inzc-cportal-bar__sep,
    .inzc-cportal-bar__title {
        display: none;
    }

    .inzc-cportal-bar__inner {
        padding: 0 16px;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   §35  GET STARTED PITCH PAGE
   Class prefix: .inzc-pitch
   ═══════════════════════════════════════════════════════════════════════════ */

.inzc-pitch-hero {
    position: relative;
    padding: calc(var(--inzc-nav-height) + 60px) 0 60px;
    background-color: var(--inzc-color-bg-dark);
    background-image: var(--inzc-img-hero);
    background-size: cover;
    background-position: center;
    text-align: center;
    color: #fff;
    overflow: hidden;
}

.inzc-pitch-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background-color: rgba(10, 10, 15, 0.85);
    pointer-events: none;
}

.inzc-pitch-hero__inner {
    position: relative;
    z-index: 1;
    max-width: 800px;
    margin: 0 auto;
    padding: 0 20px;
}

.inzc-pitch-hero__eyebrow {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: var(--inzc-font-weight-bold);
    letter-spacing: 2px;
    color: var(--inzc-color-primary);
    margin-bottom: 12px;
    text-transform: uppercase;
}

.inzc-pitch-hero__heading {
    font-size: 2.75rem;
    font-weight: var(--inzc-font-weight-bold);
    line-height: 1.2;
    margin-bottom: 16px;
    color: #fff;
}

.inzc-pitch-hero__sub {
    font-size: 1.125rem;
    color: rgba(255, 255, 255, 0.75);
    font-weight: var(--inzc-font-weight-light);
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
}

/* Trust Bar */
.inzc-pitch-trust-bar {
    background: #111116;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    padding: 18px 0;
}

.inzc-pitch-trust-bar__inner {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}

.inzc-pitch-trust-bar__item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.8);
    font-weight: var(--inzc-font-weight-medium);
}

.inzc-pitch-trust-bar__item svg {
    width: 18px;
    height: 18px;
    color: var(--inzc-color-primary);
}

/* Grid & Cards */
.inzc-pitch-plans {
    padding: 80px 0;
    background: #f8f9fa;
}

.inzc-pitch-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    max-width: 960px;
    margin: 0 auto;
    align-items: stretch;
}

.inzc-pitch-card {
    background: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    position: relative;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.02);
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.inzc-pitch-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
}

/* Featured / Pro styling */
.inzc-pitch-card--pro {
    border: 2px solid var(--inzc-color-primary);
    box-shadow: 0 8px 30px rgba(var(--inzc-color-primary-rgb), 0.08);
    transform: scale(1.03);
}

.inzc-pitch-card--pro:hover {
    transform: scale(1.03) translateY(-4px);
    box-shadow: 0 16px 40px rgba(var(--inzc-color-primary-rgb), 0.15);
}

.inzc-pitch-card__badge {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--inzc-color-primary);
    color: #fff;
    font-size: 0.75rem;
    font-weight: var(--inzc-font-weight-bold);
    letter-spacing: 1px;
    padding: 6px 16px;
    border-radius: 999px;
    box-shadow: 0 4px 10px rgba(var(--inzc-color-primary-rgb), 0.3);
}

.inzc-pitch-card__name {
    font-size: 1.5rem;
    font-weight: var(--inzc-font-weight-bold);
    color: #1a202c;
    margin: 0 0 6px;
}

.inzc-pitch-card__tagline {
    font-size: 0.875rem;
    color: #718096;
    margin: 0 0 24px;
    min-height: 40px;
}

.inzc-pitch-card__price {
    margin-bottom: 24px;
    border-bottom: 1px solid #edf2f7;
    padding-bottom: 24px;
}

.inzc-pitch-card__was-row {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
}

.inzc-pitch-card__list-price {
    text-decoration: line-through;
    color: #a0aec0;
    font-size: 1rem;
}

.inzc-pitch-card__save {
    background: #fed7d7;
    color: #c53030;
    font-size: 0.75rem;
    font-weight: var(--inzc-font-weight-bold);
    padding: 2px 8px;
    border-radius: 4px;
}

.inzc-pitch-card__amount {
    font-size: 3rem;
    font-weight: var(--inzc-font-weight-extrabold);
    color: #1a202c;
    line-height: 1;
    display: block;
    margin-bottom: 4px;
}

.inzc-pitch-card__once {
    font-size: 0.6875rem;
    font-weight: var(--inzc-font-weight-bold);
    color: #718096;
    letter-spacing: 1px;
}

.inzc-pitch-card__limits {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.9375rem;
    font-weight: var(--inzc-font-weight-semibold);
    color: #2d3748;
    margin-top: 16px;
}

.inzc-pitch-card__limits svg {
    width: 18px;
    height: 18px;
    color: var(--inzc-color-primary);
}

.inzc-pitch-card__cta {
    margin-bottom: 30px;
}

.inzc-pitch-card__list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.inzc-pitch-card__list li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 0.875rem;
    color: #4a5568;
    line-height: 1.4;
}

.inzc-pitch-card__list li svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    margin-top: 2px;
}

/* Testimonial Section */
.inzc-pitch-testimonial {
    padding: 80px 0;
    background: #fff;
    border-top: 1px solid #edf2f7;
    border-bottom: 1px solid #edf2f7;
}

.inzc-pitch-testimonial__box {
    max-width: 760px;
    margin: 0 auto;
    text-align: center;
    padding: 0 20px;
}

.inzc-pitch-testimonial__rating {
    display: flex;
    justify-content: center;
    gap: 4px;
    color: #f6ad55;
    margin-bottom: 20px;
}

.inzc-pitch-testimonial__rating svg {
    width: 20px;
    height: 20px;
}

.inzc-pitch-testimonial__quote {
    font-size: 1.375rem;
    font-weight: var(--inzc-font-weight-medium);
    line-height: 1.6;
    color: #2d3748;
    margin: 0 0 24px;
    font-style: italic;
}

.inzc-pitch-testimonial__author {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-style: normal;
}

.inzc-pitch-testimonial__author strong {
    font-size: 1rem;
    color: #1a202c;
    font-weight: var(--inzc-font-weight-bold);
}

.inzc-pitch-testimonial__author span {
    font-size: 0.875rem;
    color: #718096;
    margin-top: 4px;
}

/* Footer Guarantee Strip */
.inzc-pitch-footer-strip {
    background: #111116;
    padding: 24px 0;
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.inzc-pitch-footer-strip__text {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.7);
    margin: 0;
}

/* Responsive */
@media (max-width: 991px) {
    .inzc-pitch-card--pro {
        transform: none;
    }

    .inzc-pitch-card--pro:hover {
        transform: translateY(-4px);
    }

    .inzc-pitch-grid {
        grid-template-columns: 1fr;
        gap: 30px;
        max-width: 500px;
    }
}

@media (max-width: 767px) {
    .inzc-pitch-hero__heading {
        font-size: 2rem;
    }

    .inzc-pitch-hero__sub {
        font-size: 1rem;
    }

    .inzc-pitch-trust-bar__inner {
        flex-direction: column;
        align-items: flex-start;
        padding-left: 20px;
    }

    .inzc-pitch-card {
        padding: 30px;
    }

    .inzc-pitch-testimonial__quote {
        font-size: 1.125rem;
    }
}

/* ═══════════════════════════════════════════════════════════════════════════
   §27  GLOBAL RESPONSIVE ADDITIONS
   Fills breakpoint gaps not covered by per-section rules above.
   Breakpoints used site-wide: 1199 / 991 / 767 / 575 / 479 px
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── §16  Trust Strip — missing collapse rules ── */
@media (max-width: 991px) {
    .inzc-awards__trust-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media (max-width: 575px) {
    .inzc-awards__trust-grid {
        grid-template-columns: 1fr;
    }
}

/* ── §21  Services Grid — missing collapse rules ── */
@media (max-width: 767px) {
    .inzc-services-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .inzc-services-grid {
        grid-template-columns: 1fr;
        max-width: 400px;
        margin-inline: auto;
    }
}

/* ── §02  Section heading — scale down on mobile ── */
@media (max-width: 767px) {
    .inzc-section-head__heading {
        font-size: 30px;
        line-height: 38px;
    }

    .inzc-section-head__sub {
        font-size: 15px;
    }
}

@media (max-width: 575px) {
    .inzc-section-head__heading {
        font-size: 25px;
        line-height: 33px;
    }

    .inzc-section-head {
        margin-bottom: 36px;
    }
}

/* ── §02  Section vertical padding — tighten on small screens ── */
@media (max-width: 575px) {
    .inzc-section {
        --inzc-section-pad-top: 52px;
        --inzc-section-pad-bottom: 52px;
    }

    .inzc-trust {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

/* ── §04  Hero — very small screens (< 480px) ── */
@media (max-width: 479px) {
    .inzc-hero__text {
        padding-top: calc(var(--inzc-nav-height) + 20px);
        padding-bottom: 14px;
    }

    .inzc-hero__headline {
        font-size: 24px;
        line-height: 32px;
    }

    .inzc-hero__sub {
        font-size: 14px;
    }

    .inzc-hero__ctas .inzc-btn {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
}



/* ── §06  Showcase — subheading restyle now handled in the §06 991px block ── */

/* ── §07  Why Choose — reduce gap on mobile ── */
@media (max-width: 479px) {
    .inzc-why__grid {
        gap: 18px;
    }
}

/* ── §09  FAQ — tighten padding on mobile ── */
@media (max-width: 575px) {
    .inzc-faq__answer-text {
        padding-right: 20px;
    }

    .inzc-faq__question {
        padding: 16px 0;
    }

    .inzc-faq__q-text {
        font-size: 15px;
    }
}

/* ── §11  Testimonial card — tighten padding on mobile ── */
@media (max-width: 575px) {
    .inzc-testimonial-card {
        padding: 28px 22px 24px;
    }
}

/* ── §12  Platform Demo — tighten on very small screens ── */
@media (max-width: 575px) {
    .inzc-pd {
        padding: 56px 0;
    }

    .inzc-pd__heading {
        font-size: 24px;
    }

    .inzc-pd__mockup-wrap {
        max-width: 100%;
    }
}

/* ── §14  Newsletter strip — tighten on very small screens ── */
@media (max-width: 479px) {
    .inzc-nl {
        padding: 36px 0;
    }

    .inzc-nl__heading {
        font-size: 18px;
    }
}

/* ── §15  Footer CTA — tighten heading on mobile ── */
@media (max-width: 479px) {
    .inzc-footer__cta-sub {
        font-size: 15px;
    }

    .inzc-footer__cta-btn,
    .inzc-footer__cta-ghost {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
}

/* ── §19  Page Hero — ensure actions stack on 479px ── */
@media (max-width: 479px) {

    .inzc-ph--pricing,
    .inzc-ph--demo {
        padding: 100px 0 80px;
    }
}

/* ── General: ensure all buttons on very small screens don't overflow ── */
@media (max-width: 360px) {
    .inzc-btn {
        padding: 13px 22px;
        font-size: 14px;
    }
}

/* ── Consistent bottom strokes for all manual eyebrows ── */
.inzc-pd__eyebrow::after,
.inzc-footer__cta-eyebrow::after,
.inzc-fcta__eyebrow::after,
.inzc-ph__eyebrow::after,
.inzc-pitch-hero__eyebrow::after,
.inzc-doc-search-hero__label::after {
    content: "";
    display: block;
    width: var(--inzc-separator-w);
    height: var(--inzc-separator-h);
    background-color: var(--inzc-color-separator);
}

/* Centered eyebrows bottom strokes and spacing */
.inzc-footer__cta-eyebrow::after,
.inzc-fcta__eyebrow::after,
.inzc-ph__eyebrow::after,
.inzc-pitch-hero__eyebrow::after {
    margin: 12px auto 0;
}

.inzc-footer__cta-eyebrow {
    margin-bottom: 24px;
}

.inzc-ph__eyebrow {
    margin-bottom: 24px;
}

.inzc-pitch-hero__eyebrow {
    margin-bottom: 24px;
}

/* Left-aligned eyebrows bottom strokes and spacing */
.inzc-pd__eyebrow::after,
.inzc-doc-search-hero__label::after {
    margin: 12px 0 0;
}

.inzc-pd__eyebrow {
    margin-bottom: 24px;
}

.inzc-doc-search-hero__label {
    margin-bottom: 24px;
}

/* ── Features Page Hero Eyebrow override: Pill Badge Style ── */
.inzc-ph--features .inzc-ph__eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: var(--inzc-color-text-white);
    padding: 6px 16px;
    border-radius: 99px;
    font-size: 0.6875rem;
    line-height: 1;
    letter-spacing: 0.1em;
    font-weight: var(--inzc-font-weight-bold);
    margin-bottom: 24px;
}

.inzc-ph--features .inzc-ph__eyebrow::after {
    content: none;
}

/* ═══════════════════════════════════════════════════════════════════════════
   §29  DOWN FOR MAINTENANCE UI STYLES
   ═══════════════════════════════════════════════════════════════════════════ */
.inzc-maint-bg-glow {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.inzc-maint-bg-glow__item {
    position: absolute;
    width: 600px;
    height: 600px;
    border-radius: 50%;
    filter: blur(140px);
    opacity: 0.15;
    pointer-events: none;
    z-index: 2;
}

.inzc-maint-bg-glow__item--primary {
    background: var(--inzc-color-primary, #5551e9);
    top: -200px;
    left: -200px;
    animation: inzcMaintFloat Primary 25s infinite alternate ease-in-out;
}

.inzc-maint-bg-glow__item--secondary {
    background: var(--inzc-color-success, #2ed573);
    bottom: -200px;
    right: -200px;
    animation: inzcMaintFloatSecondary 25s infinite alternate ease-in-out;
}

@keyframes inzcMaintFloatPrimary {
    0% {
        transform: translate(0, 0) scale(1);
    }

    100% {
        transform: translate(120px, 80px) scale(1.15);
    }
}

@keyframes inzcMaintFloatSecondary {
    0% {
        transform: translate(0, 0) scale(1.15);
    }

    100% {
        transform: translate(-120px, -80px) scale(1);
    }
}

.inzc-maint-card {
    position: relative;
    z-index: 10;
    max-width: 620px;
    width: 100%;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.07);
    box-shadow: 0 24px 80px rgba(0, 0, 0, 0.40), 0 0 1px 1px rgba(255, 255, 255, 0.04) inset;
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border-radius: var(--inzc-radius-xl, 20px);
    padding: 56px 48px;
    text-align: center;
}

.inzc-maint-card__logo-wrap {
    display: flex;
    justify-content: center;
    margin-bottom: 32px;
}

.inzc-maint-card__logo {
    max-height: 44px;
    width: auto;
}

.inzc-maint-card__badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(239, 68, 68, 0.08);
    border: 1px solid rgba(239, 68, 68, 0.25);
    color: #f87171;
    padding: 6px 16px;
    border-radius: 99px;
    font-size: 0.75rem;
    font-weight: var(--inzc-font-weight-bold, 700);
    letter-spacing: 0.08em;
    margin-bottom: 24px;
    line-height: 1;
}

.inzc-maint-card__badge-dot {
    width: 6px;
    height: 6px;
    background-color: #ef4444;
    border-radius: 50%;
    animation: inzcMaintPulse 1.8s infinite;
}

@keyframes inzcMaintPulse {

    0%,
    100% {
        opacity: 0.3;
        transform: scale(0.9);
    }

    50% {
        opacity: 1;
        transform: scale(1.2);
    }
}

.inzc-maint-card__title {
    font-size: 2.125rem;
    font-weight: var(--inzc-font-weight-black, 900);
    color: var(--inzc-color-text-white, #ffffff);
    margin: 0 0 16px;
    line-height: 1.25;
}

.inzc-maint-card__desc {
    font-size: 1.0625rem;
    color: rgba(255, 255, 255, 0.70);
    line-height: 1.6;
    margin: 0 0 40px;
}

.inzc-maint-form-wrap {
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    padding-top: 36px;
    margin-bottom: 32px;
}

.inzc-maint-form__prompt {
    font-size: 0.9375rem;
    color: rgba(255, 255, 255, 0.55);
    margin: 0 0 16px;
    font-weight: var(--inzc-font-weight-medium, 500);
}

.inzc-maint-form__group {
    display: flex;
    gap: 10px;
}

.inzc-maint-form__input {
    flex: 1;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: var(--inzc-radius-md, 8px);
    padding: 12px 18px;
    color: #ffffff;
    font-size: 0.9375rem;
    outline: none;
    transition: border-color var(--inzc-transition-fast), background var(--inzc-transition-fast);
}

.inzc-maint-form__input:focus {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(var(--inzc-color-primary-rgb, 85, 81, 233), 0.40);
}

.inzc-maint-form__btn {
    padding: 12px 24px;
    font-size: 0.9375rem;
    white-space: nowrap;
}

.inzc-maint-form__msg {
    margin-top: 12px;
    font-size: 0.875rem;
    text-align: left;
    display: none;
}

.inzc-maint-form__msg.success {
    color: #4ade80;
}

.inzc-maint-form__msg.error {
    color: #f87171;
}

.inzc-maint-card__footer-note {
    font-size: 0.8125rem;
    color: rgba(255, 255, 255, 0.35);
    margin: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
    padding-top: 24px;
}

@media (max-width: 580px) {
    .inzc-maint-card {
        padding: 40px 24px;
    }

    .inzc-maint-card__title {
        font-size: 1.75rem;
    }

    .inzc-maint-form__group {
        flex-direction: column;
    }

    .inzc-maint-form__btn {
        width: 100%;
    }
}

/* ── About Influenzic Section ── */
.inzc-about {
    position: relative;
    overflow: hidden;
    padding-top: 40px;
}

.inzc-about__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    margin-bottom: 56px;
}

/* ── Glassmorphism card base ── */
.inzc-about__card {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    padding: 48px 44px 44px;
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease;
}

/* Card 1 — purple tint glass */
.inzc-about__card--dark {
    background: linear-gradient(145deg, rgba(85, 81, 233, 0.07) 0%, rgba(255, 255, 255, 0.55) 100%);
    border: 1px solid rgba(85, 81, 233, 0.18);
    border-top-color: rgba(255, 255, 255, 0.75);
    border-left-color: rgba(255, 255, 255, 0.75);
    box-shadow: 0 8px 32px rgba(85, 81, 233, 0.10), 0 2px 8px rgba(0, 0, 0, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.inzc-about__card--dark:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 48px rgba(85, 81, 233, 0.15), 0 4px 16px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

/* Card 2 — teal tint glass */
.inzc-about__card--teal {
    background: linear-gradient(145deg, rgba(16, 185, 129, 0.07) 0%, rgba(255, 255, 255, 0.55) 100%);
    border: 1px solid rgba(16, 185, 129, 0.18);
    border-top-color: rgba(255, 255, 255, 0.75);
    border-left-color: rgba(255, 255, 255, 0.75);
    box-shadow: 0 8px 32px rgba(16, 185, 129, 0.10), 0 2px 8px rgba(0, 0, 0, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.inzc-about__card--teal:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 48px rgba(16, 185, 129, 0.15), 0 4px 16px rgba(0, 0, 0, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

/* noise texture overlay */
.inzc-about__card-noise {
    position: absolute;
    inset: 0;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");
    background-size: 180px 180px;
    opacity: 0.018;
    pointer-events: none;
    border-radius: inherit;
}

/* soft glow orb */
.inzc-about__card-glow {
    position: absolute;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    filter: blur(72px);
    pointer-events: none;
    top: -60px;
    right: -60px;
    opacity: 0.18;
    transition: opacity 0.5s ease;
}

.inzc-about__card--dark:hover .inzc-about__card-glow,
.inzc-about__card--teal:hover .inzc-about__card-glow {
    opacity: 0.32;
}

.inzc-about__card-glow--purple {
    background: radial-gradient(circle, #a5a3ff, #5551e9);
}

.inzc-about__card-glow--teal {
    background: radial-gradient(circle, #6ee7b7, #10b981);
}

/* eyebrow label */
.inzc-about__card-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: rgba(85, 81, 233, 0.65);
    margin-bottom: 28px;
}

.inzc-about__card-eyebrow::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 2px;
    background: rgba(85, 81, 233, 0.25);
    border-radius: 2px;
}

.inzc-about__card-eyebrow--teal {
    color: rgba(16, 185, 129, 0.8);
}

.inzc-about__card-eyebrow--teal::before {
    background: rgba(16, 185, 129, 0.3);
}

/* stat row — the big number impact area */
.inzc-about__stat-row {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 28px;
}

.inzc-about__stat-num {
    font-size: 80px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: -4px;
    background: linear-gradient(135deg, #4744d6 0%, #8b89f5 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.inzc-about__stat-x {
    font-size: 52px;
    letter-spacing: -2px;
}

.inzc-about__stat-slash {
    font-size: 72px;
    font-weight: 200;
    color: rgba(85, 81, 233, 0.12);
    line-height: 1;
    letter-spacing: -4px;
}

.inzc-about__stat-label {
    font-size: 14px;
    font-weight: 600;
    line-height: 1.35;
    color: rgba(0, 0, 0, 0.42);
    max-width: 80px;
}

.inzc-about__stat-icon-wrap {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
}

/* card title & desc — dark text on glass */
.inzc-about__card-title {
    font-size: 21px;
    font-weight: 700;
    color: var(--inzc-color-text-heading);
    margin: 0 0 14px 0;
    line-height: 1.35;
    position: relative;
}

.inzc-about__card-desc {
    font-size: 14.5px;
    line-height: 1.65;
    color: var(--inzc-color-text-body);
    margin: 0;
    position: relative;
}


.inzc-about__details {
    background: var(--inzc-color-bg-gray);
    border-radius: var(--inzc-radius-xl);
    padding: 48px;
    margin-top: 40px;
}

.inzc-about__details-title {
    font-size: 18px;
    font-weight: 700;
    color: var(--inzc-color-text-heading);
    text-align: center;
    margin: 0 0 40px 0;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.inzc-about__features {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px 48px;
}

.inzc-about__feat-item {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.inzc-about__feat-icon {
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
}

.inzc-about__feat-content h5 {
    font-size: 15px;
    font-weight: 700;
    color: var(--inzc-color-text-heading);
    margin: 0 0 8px 0;
}

.inzc-about__feat-content p {
    font-size: 14px;
    line-height: 1.5;
    color: var(--inzc-color-text-body);
    margin: 0;
}

.inzc-about__footer {
    margin-top: 48px;
    padding-top: 32px;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    display: flex;
    gap: 24px;
    align-items: flex-start;
}

.inzc-about__footer-badge {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--inzc-color-text-heading);
    background: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    padding: 8px 16px;
    border-radius: 50px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
}

.inzc-about__pulse {
    width: 8px;
    height: 8px;
    background: #5551e9;
    border-radius: 50%;
    position: relative;
}

.inzc-about__pulse::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: inherit;
    border-radius: inherit;
    animation: inzcPulse 1.8s infinite ease-in-out;
}

@keyframes inzcPulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(2.5);
        opacity: 0;
    }
}

.inzc-about__footer-text {
    font-size: 14.5px;
    line-height: 1.6;
    color: var(--inzc-color-text-body);
    margin: 0;
}

@media (max-width: 991px) {

    .inzc-about__grid,
    .inzc-about__features {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .inzc-about__details {
        padding: 32px;
    }

    .inzc-about__footer {
        flex-direction: column;
        gap: 16px;
    }
}

/* Hide trust bar on mobile/small screens */
@media (max-width: 768px) {
    .inzc-trust {
        display: none !important;
    }
}