/* ================================================================
           INFO GRAPHIC MAKER — HOME PAGE
           All selectors are scoped to .if-home to reduce WordPress conflicts.
           Container width: 1350px.
           ================================================================ */

        .if-home {
            --if-purple-50: #f5f3ff;
            --if-purple-100: #ede9fe;
            --if-purple-200: #ddd6fe;
            --if-purple-300: #c4b5fd;
            --if-purple-400: #a78bfa;
            --if-purple-500: #8b5cf6;
            --if-purple-600: #7c3aed;
            --if-purple-700: #6d28d9;
            --if-purple-800: #5b21b6;
            --if-purple-900: #4c1d95;
            --if-cyan-50: #ecfeff;
            --if-cyan-100: #cffafe;
            --if-cyan-200: #a5f3fc;
            --if-cyan-300: #67e8f9;
            --if-cyan-400: #22d3ee;
            --if-cyan-500: #06b6d4;
            --if-cyan-600: #0891b2;
            --if-blue-500: #3b82f6;
            --if-emerald-500: #10b981;
            --if-amber-500: #f59e0b;
            --if-rose-500: #f43f5e;
            --if-slate-25: #fcfcfd;
            --if-slate-50: #f8fafc;
            --if-slate-100: #f1f5f9;
            --if-slate-200: #e2e8f0;
            --if-slate-300: #cbd5e1;
            --if-slate-400: #94a3b8;
            --if-slate-500: #64748b;
            --if-slate-600: #475569;
            --if-slate-700: #334155;
            --if-slate-800: #1e293b;
            --if-slate-900: #0f172a;
            --if-ink: #0b1020;
            --if-white: #ffffff;
            --if-dark: #070a14;
            --if-dark-soft: #0e1324;
            --if-dark-card: #11182c;
            --if-border: rgba(15, 23, 42, 0.10);
            --if-border-dark: rgba(255, 255, 255, 0.12);
            --if-text: #334155;
            --if-muted: #64748b;
            --if-heading: #0f172a;
            --if-radius-sm: 12px;
            --if-radius-md: 18px;
            --if-radius-lg: 26px;
            --if-radius-xl: 34px;
            --if-radius-2xl: 48px;
            --if-shadow-sm: 0 8px 24px rgba(15, 23, 42, 0.06);
            --if-shadow-md: 0 20px 55px rgba(15, 23, 42, 0.10);
            --if-shadow-lg: 0 35px 100px rgba(15, 23, 42, 0.16);
            --if-shadow-purple: 0 24px 65px rgba(124, 58, 237, 0.28);
            --if-container: 1350px;
            position: relative;
            width: 100%;
            overflow: hidden;
            color: var(--if-text);
            background: var(--if-white);
            font-family: "Manrope", sans-serif;
            font-size: 16px;
            line-height: 1.75;
            isolation: isolate;
        }

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

        .if-home img,
        .if-home video,
        .if-home iframe,
        .if-home svg {
            max-width: 100%;
        }

        .if-home img {
            display: block;
        }

        .if-home a {
            color: inherit;
            text-decoration: none;
        }

        .if-home button,
        .if-home input,
        .if-home textarea,
        .if-home select {
            font: inherit;
        }

        .if-home button {
            border: 0;
        }

        .if-home h1,
        .if-home h2,
        .if-home h3,
        .if-home h4,
        .if-home h5,
        .if-home h6 {
            margin-top: 0;
            color: var(--if-heading);
            font-family: "Plus Jakarta Sans", sans-serif;
            font-weight: 800;
            line-height: 1.12;
            letter-spacing: -0.045em;
        }

        .if-home p {
            margin-top: 0;
        }

        .if-home .if-container {
            width: min(var(--if-container), calc(100% - 48px));
            margin-right: auto;
            margin-left: auto;
        }

        .if-home .if-section {
            position: relative;
            padding-top: 120px;
            padding-bottom: 120px;
        }

        .if-home .if-section-top-sm {
            padding-top: 84px;
        }

        .if-home .if-section-bottom-sm {
            padding-bottom: 84px;
        }

        .if-home .if-section-dark {
            color: rgba(255, 255, 255, 0.76);
            background: var(--if-dark);
        }

        .if-home .if-section-soft {
            background: var(--if-slate-50);
        }

        .if-home .if-section-purple {
            background:
                radial-gradient(circle at 10% 10%, rgba(139, 92, 246, 0.15), transparent 28%),
                radial-gradient(circle at 90% 82%, rgba(34, 211, 238, 0.12), transparent 28%),
                linear-gradient(180deg, #fbfaff 0%, #f8fafc 100%);
        }

        .if-home .if-section-grid {
            background-image:
                linear-gradient(rgba(15, 23, 42, 0.035) 1px, transparent 1px),
                linear-gradient(90deg, rgba(15, 23, 42, 0.035) 1px, transparent 1px);
            background-size: 44px 44px;
        }

        .if-home .if-section-heading {
            max-width: 820px;
            margin-bottom: 58px;
        }

        .if-home .if-section-heading.is-centered {
            margin-right: auto;
            margin-left: auto;
            text-align: center;
        }

        .if-home .if-section-heading.is-centered p {
            margin-right: auto;
            margin-left: auto;
        }

        .if-home .if-section-heading h2 {
            margin-top: 18px;
            margin-bottom: 0;
            font-size: clamp(38px, 5vw, 64px);
        }

        .if-home .if-section-heading p {
            max-width: 720px;
            margin-top: 20px;
            margin-bottom: 0;
            color: var(--if-muted);
            font-size: 18px;
        }

        .if-home .if-section-dark .if-section-heading h2,
        .if-home .if-section-dark h2,
        .if-home .if-section-dark h3,
        .if-home .if-section-dark h4 {
            color: var(--if-white);
        }

        .if-home .if-section-dark .if-section-heading p {
            color: rgba(255, 255, 255, 0.66);
        }

        .if-home .if-eyebrow {
            display: inline-flex;
            align-items: center;
            gap: 9px;
            min-height: 34px;
            padding: 8px 13px;
            border: 1px solid rgba(124, 58, 237, 0.16);
            border-radius: 999px;
            color: var(--if-purple-700);
            background: rgba(255, 255, 255, 0.88);
            box-shadow: var(--if-shadow-sm);
            font-size: 11px;
            font-weight: 800;
            line-height: 1;
            letter-spacing: 0.10em;
            text-transform: uppercase;
        }

        .if-home .if-eyebrow i {
            color: var(--if-purple-500);
            font-size: 13px;
        }

        .if-home .if-eyebrow.is-dark {
            border-color: rgba(255, 255, 255, 0.13);
            color: rgba(255, 255, 255, 0.88);
            background: rgba(255, 255, 255, 0.07);
            box-shadow: none;
            backdrop-filter: blur(16px);
        }

        .if-home .if-eyebrow.is-dark i {
            color: var(--if-cyan-300);
        }

        .if-home .if-gradient-text {
            color: transparent;
            background: linear-gradient(100deg, #ffffff 0%, #d8ccff 38%, #72e8ff 76%, #ffffff 100%);
            background-size: 180% auto;
            -webkit-background-clip: text;
            background-clip: text;
            animation: ifGradientShift 8s linear infinite;
        }

        .if-home .if-gradient-text-light {
            color: transparent;
            background: linear-gradient(105deg, var(--if-purple-700), var(--if-purple-500) 50%, var(--if-cyan-600));
            -webkit-background-clip: text;
            background-clip: text;
        }

        @keyframes ifGradientShift {
            0% {
                background-position: 0% center;
            }
            100% {
                background-position: 180% center;
            }
        }

        .if-home .if-button-row {
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            gap: 13px;
        }

        .if-home .if-btn {
            position: relative;
            display: inline-flex;
            overflow: hidden;
            align-items: center;
            justify-content: center;
            gap: 10px;
            min-height: 56px;
            padding: 15px 24px;
            border: 1px solid transparent;
            border-radius: 14px;
            font-size: 15px;
            font-weight: 800;
            line-height: 1;
            white-space: nowrap;
            cursor: pointer;
            transition:
                transform 0.25s ease,
                box-shadow 0.25s ease,
                border-color 0.25s ease,
                background-color 0.25s ease,
                color 0.25s ease;
        }

        .if-home .if-btn::before {
            position: absolute;
            top: -120%;
            left: -35%;
            width: 28%;
            height: 340%;
            content: "";
            background: rgba(255, 255, 255, 0.26);
            transform: rotate(24deg);
            transition: left 0.55s ease;
        }

        .if-home .if-btn:hover {
            transform: translateY(-3px);
        }

        .if-home .if-btn:hover::before {
            left: 120%;
        }

        .if-home .if-btn-primary {
            color: var(--if-white);
            background: linear-gradient(135deg, var(--if-purple-600), var(--if-purple-500) 55%, var(--if-blue-500));
            box-shadow: var(--if-shadow-purple);
        }

        .if-home .if-btn-primary:hover,
        .if-home .if-btn-primary:focus {
            color: var(--if-white);
            box-shadow: 0 28px 75px rgba(124, 58, 237, 0.38);
        }

        .if-home .if-btn-light {
            border-color: var(--if-border);
            color: var(--if-heading);
            background: var(--if-white);
            box-shadow: var(--if-shadow-sm);
        }

        .if-home .if-btn-light:hover,
        .if-home .if-btn-light:focus {
            border-color: rgba(124, 58, 237, 0.28);
            color: var(--if-purple-700);
            background: var(--if-purple-50);
        }

        .if-home .if-btn-glass {
            border-color: rgba(255, 255, 255, 0.16);
            color: var(--if-white);
            background: rgba(255, 255, 255, 0.08);
            box-shadow: 0 16px 42px rgba(0, 0, 0, 0.16);
            backdrop-filter: blur(14px);
        }

        .if-home .if-btn-glass:hover,
        .if-home .if-btn-glass:focus {
            border-color: rgba(255, 255, 255, 0.30);
            color: var(--if-white);
            background: rgba(255, 255, 255, 0.13);
        }

        .if-home .if-btn-white {
            color: var(--if-purple-700);
            background: var(--if-white);
            box-shadow: 0 22px 60px rgba(0, 0, 0, 0.20);
        }

        .if-home .if-link {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            color: var(--if-purple-700);
            font-size: 14px;
            font-weight: 800;
        }

        .if-home .if-link i {
            transition: transform 0.22s ease;
        }

        .if-home .if-link:hover i {
            transform: translateX(4px);
        }


        /* ================================================================
           LOGO / TEAM MARQUEE
           ================================================================ */

        .if-home .if-team-strip {
            position: relative;
            padding-top: 42px;
            padding-bottom: 82px;
            background: var(--if-white);
        }

        .if-home .if-team-title {
            margin-bottom: 28px;
            color: var(--if-slate-500);
            font-size: 12px;
            font-weight: 800;
            letter-spacing: 0.12em;
            text-align: center;
            text-transform: uppercase;
        }

        .if-home .if-marquee {
            position: relative;
            display: flex;
            overflow: hidden;
            width: 100%;
            user-select: none;
        }

        .if-home .if-marquee::before,
        .if-home .if-marquee::after {
            position: absolute;
            top: 0;
            bottom: 0;
            z-index: 5;
            width: 130px;
            content: "";
            pointer-events: none;
        }

        .if-home .if-marquee::before {
            left: 0;
            background: linear-gradient(to right, var(--if-white), transparent);
        }

        .if-home .if-marquee::after {
            right: 0;
            background: linear-gradient(to left, var(--if-white), transparent);
        }

        .if-home .if-marquee-track {
            display: flex;
            flex-shrink: 0;
            align-items: center;
            justify-content: space-around;
            gap: 20px;
            min-width: max-content;
            padding-right: 20px;
            animation: ifMarqueeLeft 28s linear infinite;
        }

        .if-home .if-marquee:hover .if-marquee-track {
            animation-play-state: paused;
        }

        .if-home .if-logo-chip {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 11px;
            width: 210px;
            height: 78px;
            padding: 15px 20px;
            border: 1px solid var(--if-border);
            border-radius: 18px;
            background: var(--if-white);
            box-shadow: var(--if-shadow-sm);
        }

        .if-home .if-logo-chip img {
            width: 100%;
            max-width: 160px;
            height: 38px;
            object-fit: contain;
            filter: grayscale(1);
            opacity: 0.72;
            transition:
                filter 0.25s ease,
                opacity 0.25s ease,
                transform 0.25s ease;
        }

        .if-home .if-logo-chip:hover img {
            filter: grayscale(0);
            opacity: 1;
            transform: scale(1.04);
        }

        @keyframes ifMarqueeLeft {
            from {
                transform: translateX(0);
            }
            to {
                transform: translateX(-100%);
            }
        }

        @keyframes ifMarqueeRight {
            from {
                transform: translateX(-100%);
            }
            to {
                transform: translateX(0);
            }
        }

        /* ================================================================
           DASHBOARD SHOWCASE
           ================================================================ */

        .if-home .if-dashboard-section {
            padding-top: 35px;
            padding-bottom: 130px;
        }

        .if-home .if-dashboard-wrap {
            position: relative;
        }

        .if-home .if-dashboard-glow {
            position: absolute;
            top: 8%;
            left: 50%;
            z-index: -1;
            width: 82%;
            height: 84%;
            border-radius: 50%;
            background: rgba(124, 58, 237, 0.16);
            transform: translateX(-50%);
            filter: blur(90px);
        }

        .if-home .if-dashboard-frame {
            position: relative;
            overflow: hidden;
            padding: 10px;
            border: 1px solid rgba(124, 58, 237, 0.16);
            border-radius: 34px;
            background: rgba(255, 255, 255, 0.86);
            box-shadow: var(--if-shadow-lg);
            backdrop-filter: blur(18px);
        }

        .if-home .if-browser-bar {
            display: flex;
            align-items: center;
            justify-content: space-between;
            min-height: 58px;
            padding: 12px 18px;
            border-bottom: 1px solid var(--if-border);
            border-radius: 25px 25px 0 0;
            background: var(--if-slate-50);
        }

        .if-home .if-browser-dots {
            display: flex;
            gap: 7px;
        }

        .if-home .if-browser-dots span {
            width: 10px;
            height: 10px;
            border-radius: 50%;
        }

        .if-home .if-browser-dots span:nth-child(1) {
            background: #fb7185;
        }

        .if-home .if-browser-dots span:nth-child(2) {
            background: #fbbf24;
        }

        .if-home .if-browser-dots span:nth-child(3) {
            background: #34d399;
        }

        .if-home .if-browser-address {
            display: flex;
            align-items: center;
            gap: 8px;
            width: min(470px, 48vw);
            height: 34px;
            padding: 0 13px;
            border: 1px solid var(--if-border);
            border-radius: 10px;
            color: var(--if-slate-500);
            background: var(--if-white);
            font-size: 11px;
            font-weight: 700;
        }

        .if-home .if-browser-actions {
            display: flex;
            gap: 8px;
        }

        .if-home .if-browser-actions span {
            width: 30px;
            height: 30px;
            border: 1px solid var(--if-border);
            border-radius: 9px;
            background: var(--if-white);
        }

        .if-home .if-dashboard-image {
            position: relative;
            overflow: hidden;
            aspect-ratio: 16 / 9;
            border-radius: 0 0 25px 25px;
            background: var(--if-slate-100);
        }

        .if-home .if-dashboard-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: top center;
        }

        .if-home .if-dashboard-badge {
            position: absolute;
            z-index: 4;
            display: flex;
            align-items: center;
            gap: 10px;
            min-width: 190px;
            padding: 14px 16px;
            border: 1px solid rgba(255, 255, 255, 0.64);
            border-radius: 16px;
            background: rgba(255, 255, 255, 0.88);
            box-shadow: var(--if-shadow-md);
            backdrop-filter: blur(18px);
        }

        .if-home .if-dashboard-badge i {
            display: grid;
            width: 38px;
            height: 38px;
            place-items: center;
            border-radius: 11px;
            color: var(--if-white);
            background: linear-gradient(135deg, var(--if-purple-600), var(--if-blue-500));
        }

        .if-home .if-dashboard-badge strong {
            display: block;
            color: var(--if-heading);
            font-size: 12px;
            line-height: 1.3;
        }

        .if-home .if-dashboard-badge small {
            display: block;
            color: var(--if-muted);
            font-size: 10px;
        }

        .if-home .if-dashboard-badge.is-one {
            top: 18%;
            left: -34px;
        }

        .if-home .if-dashboard-badge.is-two {
            right: -25px;
            bottom: 16%;
        }

        .if-home .if-dashboard-badge.is-two i {
            background: linear-gradient(135deg, var(--if-cyan-600), var(--if-emerald-500));
        }

        .if-home .if-dashboard-meta {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 14px;
            margin-top: 24px;
        }

        .if-home .if-dashboard-stat {
            padding: 20px;
            border: 1px solid var(--if-border);
            border-radius: 18px;
            background: var(--if-white);
            box-shadow: var(--if-shadow-sm);
            text-align: center;
        }

        .if-home .if-dashboard-stat strong {
            display: block;
            color: var(--if-heading);
            font-family: "Plus Jakarta Sans", sans-serif;
            font-size: 24px;
            line-height: 1.2;
        }

        .if-home .if-dashboard-stat span {
            display: block;
            margin-top: 5px;
            color: var(--if-muted);
            font-size: 14px;
            font-weight: 700;
        }

        /* ================================================================
           FEATURE STORY BLOCKS
           ================================================================ */

        .if-home .if-features-section {
            background: var(--if-slate-50);
        }

        .if-home .if-feature-stack {
            display: grid;
            gap: 34px;
        }

        .if-home .if-feature-panel {
            position: relative;
            overflow: hidden;
            border: 1px solid var(--if-border);
            border-radius: 34px;
            background: var(--if-white);
            box-shadow: var(--if-shadow-md);
        }

        .if-home .if-feature-panel::before {
            position: absolute;
            top: -120px;
            right: -100px;
            width: 320px;
            height: 320px;
            border-radius: 50%;
            content: "";
            background: rgba(139, 92, 246, 0.12);
            filter: blur(10px);
        }

        .if-home .if-feature-panel[data-tone="cyan"]::before {
            background: rgba(6, 182, 212, 0.12);
        }

        .if-home .if-feature-panel[data-tone="amber"]::before {
            background: rgba(245, 158, 11, 0.13);
        }

        .if-home .if-feature-panel[data-tone="rose"]::before {
            background: rgba(244, 63, 94, 0.11);
        }

        .if-home .if-feature-copy {
            position: relative;
            z-index: 2;
            display: flex;
            min-height: 610px;
            flex-direction: column;
            justify-content: center;
            padding: 72px 70px;
        }

        .if-home .if-feature-number {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 50px;
            height: 34px;
            margin-bottom: 20px;
            border: 1px solid rgba(124, 58, 237, 0.14);
            border-radius: 999px;
            color: var(--if-purple-700);
            background: var(--if-purple-50);
            font-size: 11px;
            font-weight: 800;
        }

        .if-home .if-feature-kicker {
            margin-bottom: 12px;
            color: var(--if-purple-700);
            font-size: 12px;
            font-weight: 800;
            letter-spacing: 0.10em;
            text-transform: uppercase;
        }

        .if-home .if-feature-panel[data-tone="cyan"] .if-feature-kicker {
            color: var(--if-cyan-600);
        }

        .if-home .if-feature-panel[data-tone="amber"] .if-feature-kicker {
            color: #b45309;
        }

        .if-home .if-feature-panel[data-tone="rose"] .if-feature-kicker {
            color: #be123c;
        }

        .if-home .if-feature-copy h3 {
            max-width: 540px;
            margin-bottom: 0;
            font-size: clamp(34px, 4vw, 52px);
        }

        .if-home .if-feature-copy > p {
            max-width: 590px;
            margin-top: 22px;
            margin-bottom: 0;
            color: var(--if-muted);
            font-size: 17px;
        }

        .if-home .if-check-list {
            display: grid;
            gap: 13px;
            margin-top: 26px;
            margin-bottom: 28px;
            padding: 0;
            list-style: none;
        }

        .if-home .if-check-list li {
            display: flex;
            align-items: flex-start;
            gap: 10px;
            color: var(--if-slate-700);
            font-size: 14px;
            font-weight: 700;
        }

        .if-home .if-check-list i {
            flex: 0 0 auto;
            margin-top: 4px;
            color: var(--if-emerald-500);
        }

        .if-home .if-feature-visual {
            position: relative;
            display: flex;
            min-height: 610px;
            align-items: center;
            justify-content: center;
            padding: 58px;
            background:
                radial-gradient(circle at 18% 15%, rgba(255, 255, 255, 0.58), transparent 28%),
                linear-gradient(145deg, #f0eaff 0%, #e9f7ff 100%);
        }

        .if-home .if-feature-panel[data-tone="cyan"] .if-feature-visual {
            background:
                radial-gradient(circle at 18% 15%, rgba(255, 255, 255, 0.64), transparent 28%),
                linear-gradient(145deg, #e9fbff 0%, #edf4ff 100%);
        }

        .if-home .if-feature-panel[data-tone="amber"] .if-feature-visual {
            background:
                radial-gradient(circle at 18% 15%, rgba(255, 255, 255, 0.66), transparent 28%),
                linear-gradient(145deg, #fff6dc 0%, #fff0e9 100%);
        }

        .if-home .if-feature-panel[data-tone="rose"] .if-feature-visual {
            background:
                radial-gradient(circle at 18% 15%, rgba(255, 255, 255, 0.68), transparent 28%),
                linear-gradient(145deg, #fff0f5 0%, #f4efff 100%);
        }

        .if-home .if-feature-shot {
            position: relative;
            overflow: hidden;
            width: 100%;
            border: 1px solid rgba(15, 23, 42, 0.10);
            border-radius: 24px;
            background: var(--if-white);
            box-shadow: 0 30px 75px rgba(42, 36, 91, 0.20);
            transform: perspective(1200px) rotateY(-4deg) rotateX(2deg);
            transition: transform 0.45s ease;
        }

        .if-home .if-feature-panel:hover .if-feature-shot {
            transform: perspective(1200px) rotateY(0deg) rotateX(0deg) translateY(-5px);
        }

        .if-home .if-feature-panel.is-reverse .if-feature-shot {
            transform: perspective(1200px) rotateY(4deg) rotateX(2deg);
        }

        .if-home .if-feature-panel.is-reverse:hover .if-feature-shot {
            transform: perspective(1200px) rotateY(0deg) rotateX(0deg) translateY(-5px);
        }

        .if-home .if-feature-shot-bar {
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: 46px;
            padding: 0 14px;
            border-bottom: 1px solid var(--if-border);
            background: var(--if-slate-50);
        }

        .if-home .if-feature-shot-bar .if-browser-dots span {
            width: 8px;
            height: 8px;
        }

        .if-home .if-feature-shot-bar strong {
            color: var(--if-slate-500);
            font-size: 10px;
            font-weight: 800;
        }

        .if-home .if-feature-shot-image {
            aspect-ratio: 16 / 11;
            background: var(--if-slate-100);
        }

        .if-home .if-feature-shot-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: top center;
        }

        .if-home .if-feature-float {
            position: absolute;
            right: 27px;
            bottom: 34px;
            z-index: 3;
            display: flex;
            align-items: center;
            gap: 10px;
            max-width: 210px;
            padding: 13px 15px;
            border: 1px solid rgba(255, 255, 255, 0.75);
            border-radius: 15px;
            background: rgba(255, 255, 255, 0.89);
            box-shadow: var(--if-shadow-md);
            backdrop-filter: blur(15px);
        }

        .if-home .if-feature-float i {
            display: grid;
            flex: 0 0 37px;
            width: 37px;
            height: 37px;
            place-items: center;
            border-radius: 10px;
            color: var(--if-white);
            background: linear-gradient(135deg, var(--if-purple-600), var(--if-blue-500));
        }

        .if-home .if-feature-float strong {
            display: block;
            color: var(--if-heading);
            font-size: 11px;
            line-height: 1.3;
        }

        .if-home .if-feature-float small {
            display: block;
            color: var(--if-muted);
            font-size: 9px;
        }

        .if-home .if-more-wrap {
            margin-top: 38px;
            text-align: center;
        }

        .if-home .if-more-features {
            display: grid;
            overflow: hidden;
            grid-template-rows: 0fr;
            margin-top: 0;
            opacity: 0;
            transition:
                grid-template-rows 0.55s ease,
                opacity 0.35s ease,
                margin-top 0.35s ease;
        }

        .if-home .if-more-features.is-open {
            grid-template-rows: 1fr;
            margin-top: 34px;
            opacity: 1;
        }

        .if-home .if-more-features-inner {
            min-height: 0;
        }

        .if-home .if-extra-card {
            height: 100%;
            padding: 30px;
            border: 1px solid var(--if-border);
            border-radius: 22px;
            background: var(--if-white);
            box-shadow: var(--if-shadow-sm);
            transition:
                transform 0.25s ease,
                box-shadow 0.25s ease,
                border-color 0.25s ease;
        }

        .if-home .if-extra-card:hover {
            border-color: rgba(124, 58, 237, 0.22);
            box-shadow: var(--if-shadow-md);
            transform: translateY(-7px);
        }

        .if-home .if-extra-icon {
            display: grid;
            width: 48px;
            height: 48px;
            place-items: center;
            margin-bottom: 21px;
            border-radius: 14px;
            color: var(--if-purple-700);
            background: var(--if-purple-50);
            font-size: 20px;
        }

        .if-home .if-extra-card h3 {
            margin-bottom: 0;
            font-size: 19px;
        }

        .if-home .if-extra-card p {
            margin-top: 10px;
            margin-bottom: 0;
            color: var(--if-muted);
            font-size: 13px;
        }

        /* ================================================================
           HOW IT WORKS
           ================================================================ */

        .if-home .if-how-grid {
            position: relative;
        }

        .if-home .if-how-grid::before {
            position: absolute;
            top: 62px;
            right: 9%;
            left: 9%;
            z-index: 0;
            height: 1px;
            content: "";
            background: linear-gradient(to right, transparent, rgba(124, 58, 237, 0.25), transparent);
        }

        .if-home .if-step-card {
            position: relative;
            z-index: 1;
            height: 100%;
            padding: 34px 28px;
            border: 1px solid var(--if-border);
            border-radius: 24px;
            background: rgba(255, 255, 255, 0.92);
            box-shadow: var(--if-shadow-sm);
            text-align: left;
            backdrop-filter: blur(14px);
            transition:
                transform 0.25s ease,
                box-shadow 0.25s ease;
        }

        .if-home .if-step-card:hover {
            box-shadow: var(--if-shadow-md);
            transform: translateY(-7px);
        }

        .if-home .if-step-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 28px;
        }

        .if-home .if-step-icon {
            display: grid;
            width: 58px;
            height: 58px;
            place-items: center;
            border-radius: 17px;
            color: var(--if-white);
            background: linear-gradient(135deg, var(--if-purple-600), var(--if-blue-500));
            box-shadow: 0 16px 35px rgba(124, 58, 237, 0.25);
            font-size: 23px;
        }

        .if-home .if-step-number {
            color: var(--if-purple-200);
            font-family: "Plus Jakarta Sans", sans-serif;
            font-size: 40px;
            font-weight: 800;
            line-height: 1;
        }

        .if-home .if-step-card h3 {
            margin-bottom: 0;
            font-size: 22px;
        }

        .if-home .if-step-card p {
            margin-top: 12px;
            margin-bottom: 0;
            color: var(--if-muted);
            font-size: 14px;
        }

        .if-home .if-center-action {
            margin-top: 44px;
            text-align: center;
        }

        /* ================================================================
           TEMPLATE COLLECTIONS
           ================================================================ */

        .if-home .if-template-grid {
            display: grid;
            grid-template-columns: repeat(12, minmax(0, 1fr));
            grid-auto-flow: dense;
            gap: 22px;
        }

        .if-home .if-template-card {
            position: relative;
            overflow: hidden;
            min-height: 410px;
            border: 1px solid var(--if-border);
            border-radius: 24px;
            background: var(--if-slate-100);
            box-shadow: var(--if-shadow-sm);
            isolation: isolate;
        }

        .if-home .if-template-card.is-portrait {
            grid-column: span 3;
            min-height: 540px;
        }

        .if-home .if-template-card.is-landscape {
            grid-column: span 4;
            min-height: 390px;
        }

        .if-home .if-template-card.is-wide {
            grid-column: span 5;
            min-height: 390px;
        }

        .if-home .if-template-card img {
            position: absolute;
            inset: 0;
            z-index: -2;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition:
                transform 0.65s ease,
                filter 0.35s ease;
        }

        .if-home .if-template-card::before {
            position: absolute;
            inset: 0;
            z-index: -1;
            content: "";
            background: linear-gradient(180deg, rgba(4, 7, 18, 0.04) 30%, rgba(4, 7, 18, 0.88) 100%);
        }

        .if-home .if-template-card:hover img {
            filter: saturate(1.08);
            transform: scale(1.07);
        }

        .if-home .if-template-overlay {
            position: absolute;
            right: 0;
            bottom: 0;
            left: 0;
            padding: 26px;
        }

        .if-home .if-template-category {
            display: inline-flex;
            margin-bottom: 10px;
            padding: 7px 10px;
            border: 1px solid rgba(255, 255, 255, 0.14);
            border-radius: 999px;
            color: rgba(255, 255, 255, 0.82);
            background: rgba(8, 12, 25, 0.42);
            font-size: 10px;
            font-weight: 800;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            backdrop-filter: blur(12px);
        }

        .if-home .if-template-card h3 {
            margin-bottom: 0;
            color: var(--if-white);
            font-size: 22px;
        }

        .if-home .if-template-card p {
            margin-top: 7px;
            margin-bottom: 0;
            color: rgba(255, 255, 255, 0.64);
            font-size: 13px;
        }

        .if-home .if-template-note {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 9px;
            margin-top: 30px;
            color: var(--if-muted);
            font-size: 12px;
            font-weight: 700;
            text-align: center;
        }

        .if-home .if-template-note i {
            color: var(--if-purple-600);
        }

        /* ================================================================
           SMOOTHER WORKFLOW — TWO INFINITE TRACKS
           ================================================================ */

        .if-home .if-smoother {
            position: relative;
            overflow: hidden;
            background:
                radial-gradient(circle at 12% 16%, rgba(124, 58, 237, 0.26), transparent 28%),
                radial-gradient(circle at 88% 84%, rgba(6, 182, 212, 0.20), transparent 30%),
                linear-gradient(145deg, #070a14, #0d1428 55%, #090d1b);
        }

        .if-home .if-smoother::before {
            position: absolute;
            inset: 0;
            content: "";
            background-image:
                linear-gradient(rgba(255, 255, 255, 0.04) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
            background-size: 50px 50px;
            mask-image: linear-gradient(to bottom, transparent, #000 18%, #000 82%, transparent);
        }

        .if-home .if-flow-wrap {
            position: relative;
            display: grid;
            gap: 18px;
            margin-top: 60px;
        }

        .if-home .if-flow-marquee {
            position: relative;
            display: flex;
            overflow: hidden;
        }

        .if-home .if-flow-marquee::before,
        .if-home .if-flow-marquee::after {
            position: absolute;
            top: 0;
            bottom: 0;
            z-index: 4;
            width: 150px;
            content: "";
            pointer-events: none;
        }

        .if-home .if-flow-marquee::before {
            left: 0;
            background: linear-gradient(to right, #090d1b, transparent);
        }

        .if-home .if-flow-marquee::after {
            right: 0;
            background: linear-gradient(to left, #090d1b, transparent);
        }

        .if-home .if-flow-track {
            display: flex;
            flex-shrink: 0;
            gap: 18px;
            min-width: max-content;
            padding-right: 18px;
            animation: ifMarqueeLeft 42s linear infinite;
        }

        .if-home .if-flow-marquee.is-reverse .if-flow-track {
            animation-name: ifMarqueeRight;
            animation-duration: 46s;
        }

        .if-home .if-flow-marquee:hover .if-flow-track {
            animation-play-state: paused;
        }

        .if-home .if-flow-card {
            display: grid;
            width: 360px;
            min-height: 180px;
            grid-template-columns: auto 1fr;
            align-items: start;
            gap: 16px;
            padding: 24px;
            border: 1px solid rgba(255, 255, 255, 0.12);
            border-radius: 21px;
            color: rgba(255, 255, 255, 0.62);
            background: rgba(255, 255, 255, 0.07);
            box-shadow: 0 24px 65px rgba(0, 0, 0, 0.18);
            backdrop-filter: blur(16px);
        }

        .if-home .if-flow-icon {
            display: grid;
            width: 48px;
            height: 48px;
            place-items: center;
            border-radius: 14px;
            color: var(--if-white);
            background: linear-gradient(135deg, var(--if-purple-600), var(--if-purple-400));
            font-size: 20px;
        }

        .if-home .if-flow-icon.is-blue {
            background: linear-gradient(135deg, var(--if-blue-500), var(--if-cyan-400));
        }

        .if-home .if-flow-icon.is-cyan {
            background: linear-gradient(135deg, var(--if-cyan-600), var(--if-emerald-500));
        }

        .if-home .if-flow-icon.is-orange {
            background: linear-gradient(135deg, #f97316, var(--if-amber-500));
        }

        .if-home .if-flow-icon.is-pink {
            background: linear-gradient(135deg, var(--if-rose-500), #ec4899);
        }

        .if-home .if-flow-icon.is-green {
            background: linear-gradient(135deg, #059669, #34d399);
        }

        .if-home .if-flow-card h3 {
            margin-bottom: 0;
            color: var(--if-white);
            font-size: 18px;
        }

        .if-home .if-flow-card p {
            margin-top: 8px;
            margin-bottom: 0;
            color: rgba(255, 255, 255, 0.55);
            font-size: 14px;
        }

        /* ================================================================
           WHY CHOOSE
           ================================================================ */

        .if-home .if-why-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 22px;
        }

        .if-home .if-why-card {
            position: relative;
            overflow: hidden;
            min-height: 290px;
            padding: 34px;
            border: 1px solid var(--if-border);
            border-radius: 24px;
            background: var(--if-white);
            box-shadow: var(--if-shadow-sm);
            transition:
                transform 0.28s ease,
                box-shadow 0.28s ease,
                border-color 0.28s ease;
        }

        .if-home .if-why-card::after {
            position: absolute;
            right: -40px;
            bottom: -40px;
            width: 130px;
            height: 130px;
            border-radius: 50%;
            content: "";
            background: rgba(124, 58, 237, 0.08);
        }

        .if-home .if-why-card:hover {
            border-color: rgba(124, 58, 237, 0.24);
            box-shadow: var(--if-shadow-md);
            transform: translateY(-8px);
        }

        .if-home .if-why-icon {
            display: grid;
            width: 54px;
            height: 54px;
            place-items: center;
            margin-bottom: 25px;
            border-radius: 16px;
            color: var(--if-purple-700);
            background: var(--if-purple-50);
            font-size: 22px;
        }

        .if-home .if-why-card:nth-child(2) .if-why-icon,
        .if-home .if-why-card:nth-child(5) .if-why-icon {
            color: var(--if-cyan-600);
            background: var(--if-cyan-50);
        }

        .if-home .if-why-card:nth-child(3) .if-why-icon,
        .if-home .if-why-card:nth-child(6) .if-why-icon {
            color: #b45309;
            background: #fff7ed;
        }

        .if-home .if-why-card h3 {
            margin-bottom: 0;
            font-size: 22px;
        }

        .if-home .if-why-card p {
            margin-top: 13px;
            margin-bottom: 0;
            color: var(--if-muted);
            font-size: 14px;
        }


        /* ================================================================
           FAQ
           ================================================================ */

        .if-home .if-faq-wrap {
            max-width: 980px;
            margin-right: auto;
            margin-left: auto;
        }

        .if-home .if-faq-item {
            overflow: hidden;
            margin-bottom: 14px;
            border: 1px solid var(--if-border);
            border-radius: 18px;
            background: var(--if-white);
            box-shadow: var(--if-shadow-sm);
        }

        .if-home .if-faq-button {
            display: flex;
            width: 100%;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
            padding: 24px 26px;
            color: var(--if-heading);
            background: transparent;
            font-family: "Plus Jakarta Sans", sans-serif;
            font-size: 17px;
            font-weight: 800;
            line-height: 1.35;
            text-align: left;
            cursor: pointer;
        }

        .if-home .if-faq-button i {
            flex: 0 0 auto;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            color: var(--if-purple-700);
            background: var(--if-purple-50);
            font-size: 15px;
            line-height: 30px;
            text-align: center;
            transition: transform 0.25s ease;
        }

        .if-home .if-faq-button:not(.collapsed) i {
            transform: rotate(45deg);
        }

        .if-home .if-faq-body {
            padding: 0 26px 25px;
            color: var(--if-muted);
            font-size: 14px;
        }

        /* ================================================================
           CTA
           ================================================================ */

        .if-home .if-cta-section {
            padding-top: 50px;
            padding-bottom: 110px;
            background: var(--if-white);
        }

        .if-home .if-cta-card {
            position: relative;
            overflow: hidden;
            padding: 86px 72px;
            border-radius: 38px;
            color: rgba(255, 255, 255, 0.68);
            background:
                radial-gradient(circle at 12% 18%, rgba(124, 58, 237, 0.60), transparent 35%),
                radial-gradient(circle at 88% 82%, rgba(6, 182, 212, 0.32), transparent 34%),
                linear-gradient(135deg, #090d1b 0%, #111935 58%, #0a1022 100%);
            box-shadow: 0 44px 110px rgba(15, 23, 42, 0.24);
        }

        .if-home .if-cta-card::before {
            position: absolute;
            inset: 0;
            content: "";
            background-image:
                linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
            background-size: 48px 48px;
            mask-image: linear-gradient(to right, transparent, #000 22%, #000 78%, transparent);
        }

        .if-home .if-cta-orb {
            position: absolute;
            border-radius: 50%;
            pointer-events: none;
        }

        .if-home .if-cta-orb.is-one {
            top: -90px;
            right: 7%;
            width: 250px;
            height: 250px;
            border: 44px solid rgba(255, 255, 255, 0.06);
        }

        .if-home .if-cta-orb.is-two {
            bottom: -110px;
            left: 4%;
            width: 290px;
            height: 290px;
            border: 50px solid rgba(34, 211, 238, 0.06);
        }

        .if-home .if-cta-content {
            position: relative;
            z-index: 2;
            max-width: 850px;
            margin-right: auto;
            margin-left: auto;
            text-align: center;
        }

        .if-home .if-cta-content h2 {
            margin-bottom: 0;
            color: var(--if-white);
            font-size: clamp(40px, 5.4vw, 68px);
        }

        .if-home .if-cta-content p {
            max-width: 690px;
            margin: 22px auto 0;
            color: rgba(255, 255, 255, 0.66);
            font-size: 18px;
        }

        .if-home .if-cta-content .if-button-row {
            justify-content: center;
            margin-top: 32px;
        }

        .if-home .if-cta-note {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 18px;
            margin-top: 20px;
            color: rgba(255, 255, 255, 0.50);
            font-size: 11px;
            font-weight: 700;
        }

        .if-home .if-cta-note span {
            display: inline-flex;
            align-items: center;
            gap: 6px;
        }

        .if-home .if-cta-note i {
            color: var(--if-cyan-300);
        }

        /* ================================================================
           BACK TO TOP + ACCESSIBILITY
           ================================================================ */

        .if-home .if-back-top {
            position: fixed;
            right: 24px;
            bottom: 24px;
            z-index: 30;
            display: grid;
            width: 46px;
            height: 46px;
            place-items: center;
            border-radius: 50%;
            color: var(--if-white);
            background: var(--if-purple-600);
            box-shadow: var(--if-shadow-purple);
            opacity: 0;
            visibility: hidden;
            transform: translateY(12px);
            cursor: pointer;
            transition:
                opacity 0.25s ease,
                visibility 0.25s ease,
                transform 0.25s ease;
        }

        .if-home .if-back-top.is-visible {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        .if-home .if-sr-only {
            position: absolute !important;
            overflow: hidden !important;
            width: 1px !important;
            height: 1px !important;
            padding: 0 !important;
            border: 0 !important;
            margin: -1px !important;
            white-space: nowrap !important;
            clip: rect(0, 0, 0, 0) !important;
        }

        .if-home :focus-visible {
            outline: 3px solid rgba(34, 211, 238, 0.78);
            outline-offset: 4px;
        }

        /* ================================================================
           RESPONSIVE
           ================================================================ */

        @media (max-width: 1199.98px) {
            .if-home .if-section {
                padding-top: 100px;
                padding-bottom: 100px;
            }

            .if-home .if-hero {
                min-height: auto;
                padding-top: 96px;
                padding-bottom: 100px;
            }

            .if-home .if-hero-copy h1 {
                font-size: clamp(50px, 7vw, 72px);
            }

            .if-home .if-hero-media {
                padding-left: 18px;
            }

            .if-home .if-float-card.is-top {
                right: 0;
            }

            .if-home .if-float-card.is-bottom {
                left: 0;
            }

            .if-home .if-feature-copy {
                padding: 58px 48px;
            }

            .if-home .if-feature-visual {
                padding: 42px;
            }

            .if-home .if-template-card.is-portrait {
                grid-column: span 4;
            }

            .if-home .if-template-card.is-landscape,
            .if-home .if-template-card.is-wide {
                grid-column: span 4;
            }
        }

        @media (max-width: 991.98px) {
            .if-home .if-container {
                width: min(var(--if-container), calc(100% - 36px));
            }

            .if-home .if-hero-row {
                min-height: 0;
            }

            .if-home .if-hero-copy {
                max-width: 760px;
                margin-right: auto;
                margin-left: auto;
                text-align: center;
            }

            .if-home .if-hero-copy > p {
                margin-right: auto;
                margin-left: auto;
            }

            .if-home .if-hero-copy .if-button-row,
            .if-home .if-trust-row,
            .if-home .if-hero-benefits {
                justify-content: center;
            }

            .if-home .if-hero-media {
                max-width: 760px;
                margin: 62px auto 0;
                padding: 30px 22px 38px;
            }

            .if-home .if-dashboard-meta {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .if-home .if-dashboard-badge.is-one {
                left: 12px;
            }

            .if-home .if-dashboard-badge.is-two {
                right: 12px;
            }

            .if-home .if-feature-copy,
            .if-home .if-feature-visual {
                min-height: auto;
            }

            .if-home .if-feature-copy {
                padding: 54px 44px;
            }

            .if-home .if-feature-visual {
                padding: 44px;
            }

            .if-home .if-feature-panel.is-reverse .if-feature-visual-col {
                order: 2;
            }

            .if-home .if-feature-panel.is-reverse .if-feature-copy-col {
                order: 1;
            }

            .if-home .if-how-grid::before {
                display: none;
            }

            .if-home .if-template-card.is-portrait,
            .if-home .if-template-card.is-landscape,
            .if-home .if-template-card.is-wide {
                grid-column: span 6;
                min-height: 440px;
            }

            .if-home .if-why-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .if-home .if-cta-card {
                padding: 72px 40px;
            }
        }

        @media (max-width: 767.98px) {
            .if-home {
                font-size: 15px;
            }

            .if-home .if-container {
                width: min(var(--if-container), calc(100% - 28px));
            }

            .if-home .if-section {
                padding-top: 80px;
                padding-bottom: 80px;
            }

            .if-home .if-section-heading {
                margin-bottom: 42px;
            }

            .if-home .if-section-heading h2 {
                font-size: clamp(34px, 10vw, 48px);
            }

            .if-home .if-section-heading p {
                font-size: 16px;
            }

            .if-home .if-hero {
                padding-top: 78px;
                padding-bottom: 82px;
            }

            .if-home .if-hero-copy h1 {
                font-size: clamp(44px, 13vw, 62px);
            }

            .if-home .if-hero-copy > p {
                font-size: 16px;
            }

            .if-home .if-button-row {
                flex-direction: column;
                align-items: stretch;
            }

            .if-home .if-button-row .if-btn {
                width: 100%;
            }

            .if-home .if-hero-benefits {
                display: grid;
                gap: 8px;
            }

            .if-home .if-trust-row {
                flex-direction: column;
            }

            .if-home .if-trust-content {
                text-align: center;
            }

            .if-home .if-hero-media {
                margin-top: 45px;
                padding: 16px 0 28px;
            }

            .if-home .if-video-stage {
                min-height: 310px;
            }

            .if-home .if-video-play {
                width: 72px;
                height: 72px;
            }

            .if-home .if-video-caption {
                right: 18px;
                bottom: 18px;
                left: 18px;
            }

            .if-home .if-video-caption strong {
                font-size: 16px;
            }

            .if-home .if-video-duration {
                display: none;
            }

            .if-home .if-float-card {
                display: none;
            }

            .if-home .if-logo-chip {
                width: 180px;
                height: 70px;
            }

            .if-home .if-dashboard-frame {
                padding: 7px;
                border-radius: 24px;
            }

            .if-home .if-browser-bar {
                min-height: 46px;
                padding: 8px 11px;
                border-radius: 18px 18px 0 0;
            }

            .if-home .if-browser-address {
                width: 55%;
                height: 28px;
            }

            .if-home .if-browser-actions {
                display: none;
            }

            .if-home .if-dashboard-image {
                border-radius: 0 0 18px 18px;
            }

            .if-home .if-dashboard-badge {
                display: none;
            }

            .if-home .if-dashboard-meta {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 10px;
            }

            .if-home .if-dashboard-stat {
                padding: 16px 10px;
            }

            .if-home .if-dashboard-stat strong {
                font-size: 20px;
            }

            .if-home .if-feature-panel {
                border-radius: 26px;
            }

            .if-home .if-feature-copy {
                padding: 42px 26px;
            }

            .if-home .if-feature-copy h3 {
                font-size: clamp(31px, 10vw, 42px);
            }

            .if-home .if-feature-copy > p {
                font-size: 15px;
            }

            .if-home .if-feature-visual {
                padding: 24px;
            }

            .if-home .if-feature-shot {
                border-radius: 18px;
                transform: none;
            }

            .if-home .if-feature-panel.is-reverse .if-feature-shot {
                transform: none;
            }

            .if-home .if-feature-float {
                right: 14px;
                bottom: 16px;
                max-width: 185px;
            }

            .if-home .if-template-grid {
                gap: 14px;
            }

            .if-home .if-template-card.is-portrait,
            .if-home .if-template-card.is-landscape,
            .if-home .if-template-card.is-wide {
                grid-column: span 12;
                min-height: 420px;
            }

            .if-home .if-flow-marquee::before,
            .if-home .if-flow-marquee::after {
                width: 40px;
            }

            .if-home .if-flow-card {
                width: 300px;
                min-height: 170px;
                padding: 20px;
            }

            .if-home .if-why-grid {
                grid-template-columns: 1fr;
            }

            .if-home .if-why-card {
                min-height: 0;
            }

            .if-home .if-testimonial-card {
                min-height: 370px;
                padding: 28px;
            }

            .if-home .if-faq-button {
                padding: 21px 20px;
                font-size: 15px;
            }

            .if-home .if-faq-body {
                padding: 0 20px 22px;
            }

            .if-home .if-cta-section {
                padding-top: 30px;
                padding-bottom: 80px;
            }

            .if-home .if-cta-card {
                padding: 58px 24px;
                border-radius: 28px;
            }

            .if-home .if-cta-content h2 {
                font-size: clamp(36px, 11vw, 52px);
            }

            .if-home .if-cta-content p {
                font-size: 16px;
            }

            .if-home .if-back-top {
                right: 14px;
                bottom: 14px;
            }
        }

        @media (max-width: 479.98px) {
            .if-home .if-hero-copy h1 {
                font-size: 42px;
            }

            .if-home .if-avatar-stack img,
            .if-home .if-avatar-stack .if-avatar-count {
                width: 42px;
                height: 42px;
            }

            .if-home .if-video-stage {
                min-height: 260px;
            }

            .if-home .if-video-caption span {
                font-size: 9px;
            }

            .if-home .if-video-caption strong {
                font-size: 14px;
            }

            .if-home .if-dashboard-meta {
                grid-template-columns: 1fr 1fr;
            }

            .if-home .if-template-card.is-portrait,
            .if-home .if-template-card.is-landscape,
            .if-home .if-template-card.is-wide {
                min-height: 360px;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .if-home *,
            .if-home *::before,
            .if-home *::after {
                scroll-behavior: auto !important;
                animation-duration: 0.01ms !important;
                animation-iteration-count: 1 !important;
                transition-duration: 0.01ms !important;
            }
        }


        /* ================================================================
           SCOPED LAYOUT UTILITIES
           Optional helpers for future page-section edits.
           ================================================================ */
        .if-home .if-mt-0 {
            margin-top: 0px !important;
        }

        .if-home .if-mb-0 {
            margin-bottom: 0px !important;
        }

        .if-home .if-pt-0 {
            padding-top: 0px !important;
        }

        .if-home .if-pb-0 {
            padding-bottom: 0px !important;
        }

        .if-home .if-mt-4 {
            margin-top: 4px !important;
        }

        .if-home .if-mb-4 {
            margin-bottom: 4px !important;
        }

        .if-home .if-pt-4 {
            padding-top: 4px !important;
        }

        .if-home .if-pb-4 {
            padding-bottom: 4px !important;
        }

        .if-home .if-mt-8 {
            margin-top: 8px !important;
        }

        .if-home .if-mb-8 {
            margin-bottom: 8px !important;
        }

        .if-home .if-pt-8 {
            padding-top: 8px !important;
        }

        .if-home .if-pb-8 {
            padding-bottom: 8px !important;
        }

        .if-home .if-mt-12 {
            margin-top: 12px !important;
        }

        .if-home .if-mb-12 {
            margin-bottom: 12px !important;
        }

        .if-home .if-pt-12 {
            padding-top: 12px !important;
        }

        .if-home .if-pb-12 {
            padding-bottom: 12px !important;
        }

        .if-home .if-mt-16 {
            margin-top: 16px !important;
        }

        .if-home .if-mb-16 {
            margin-bottom: 16px !important;
        }

        .if-home .if-pt-16 {
            padding-top: 16px !important;
        }

        .if-home .if-pb-16 {
            padding-bottom: 16px !important;
        }

        .if-home .if-mt-20 {
            margin-top: 20px !important;
        }

        .if-home .if-mb-20 {
            margin-bottom: 20px !important;
        }

        .if-home .if-pt-20 {
            padding-top: 20px !important;
        }

        .if-home .if-pb-20 {
            padding-bottom: 20px !important;
        }

        .if-home .if-mt-24 {
            margin-top: 24px !important;
        }

        .if-home .if-mb-24 {
            margin-bottom: 24px !important;
        }

        .if-home .if-pt-24 {
            padding-top: 24px !important;
        }

        .if-home .if-pb-24 {
            padding-bottom: 24px !important;
        }

        .if-home .if-mt-28 {
            margin-top: 28px !important;
        }

        .if-home .if-mb-28 {
            margin-bottom: 28px !important;
        }

        .if-home .if-pt-28 {
            padding-top: 28px !important;
        }

        .if-home .if-pb-28 {
            padding-bottom: 28px !important;
        }

        .if-home .if-mt-32 {
            margin-top: 32px !important;
        }

        .if-home .if-mb-32 {
            margin-bottom: 32px !important;
        }

        .if-home .if-pt-32 {
            padding-top: 32px !important;
        }

        .if-home .if-pb-32 {
            padding-bottom: 32px !important;
        }

        .if-home .if-mt-36 {
            margin-top: 36px !important;
        }

        .if-home .if-mb-36 {
            margin-bottom: 36px !important;
        }

        .if-home .if-pt-36 {
            padding-top: 36px !important;
        }

        .if-home .if-pb-36 {
            padding-bottom: 36px !important;
        }

        .if-home .if-mt-40 {
            margin-top: 40px !important;
        }

        .if-home .if-mb-40 {
            margin-bottom: 40px !important;
        }

        .if-home .if-pt-40 {
            padding-top: 40px !important;
        }

        .if-home .if-pb-40 {
            padding-bottom: 40px !important;
        }

        .if-home .if-mt-44 {
            margin-top: 44px !important;
        }

        .if-home .if-mb-44 {
            margin-bottom: 44px !important;
        }

        .if-home .if-pt-44 {
            padding-top: 44px !important;
        }

        .if-home .if-pb-44 {
            padding-bottom: 44px !important;
        }

        .if-home .if-mt-48 {
            margin-top: 48px !important;
        }

        .if-home .if-mb-48 {
            margin-bottom: 48px !important;
        }

        .if-home .if-pt-48 {
            padding-top: 48px !important;
        }

        .if-home .if-pb-48 {
            padding-bottom: 48px !important;
        }

        .if-home .if-mt-52 {
            margin-top: 52px !important;
        }

        .if-home .if-mb-52 {
            margin-bottom: 52px !important;
        }

        .if-home .if-pt-52 {
            padding-top: 52px !important;
        }

        .if-home .if-pb-52 {
            padding-bottom: 52px !important;
        }

        .if-home .if-mt-56 {
            margin-top: 56px !important;
        }

        .if-home .if-mb-56 {
            margin-bottom: 56px !important;
        }

        .if-home .if-pt-56 {
            padding-top: 56px !important;
        }

        .if-home .if-pb-56 {
            padding-bottom: 56px !important;
        }

        .if-home .if-mt-60 {
            margin-top: 60px !important;
        }

        .if-home .if-mb-60 {
            margin-bottom: 60px !important;
        }

        .if-home .if-pt-60 {
            padding-top: 60px !important;
        }

        .if-home .if-pb-60 {
            padding-bottom: 60px !important;
        }

        .if-home .if-mt-64 {
            margin-top: 64px !important;
        }

        .if-home .if-mb-64 {
            margin-bottom: 64px !important;
        }

        .if-home .if-pt-64 {
            padding-top: 64px !important;
        }

        .if-home .if-pb-64 {
            padding-bottom: 64px !important;
        }

        .if-home .if-mt-68 {
            margin-top: 68px !important;
        }

        .if-home .if-mb-68 {
            margin-bottom: 68px !important;
        }

        .if-home .if-pt-68 {
            padding-top: 68px !important;
        }

        .if-home .if-pb-68 {
            padding-bottom: 68px !important;
        }

        .if-home .if-mt-72 {
            margin-top: 72px !important;
        }

        .if-home .if-mb-72 {
            margin-bottom: 72px !important;
        }

        .if-home .if-pt-72 {
            padding-top: 72px !important;
        }

        .if-home .if-pb-72 {
            padding-bottom: 72px !important;
        }

        .if-home .if-mt-76 {
            margin-top: 76px !important;
        }

        .if-home .if-mb-76 {
            margin-bottom: 76px !important;
        }

        .if-home .if-pt-76 {
            padding-top: 76px !important;
        }

        .if-home .if-pb-76 {
            padding-bottom: 76px !important;
        }

        .if-home .if-mt-80 {
            margin-top: 80px !important;
        }

        .if-home .if-mb-80 {
            margin-bottom: 80px !important;
        }

        .if-home .if-pt-80 {
            padding-top: 80px !important;
        }

        .if-home .if-pb-80 {
            padding-bottom: 80px !important;
        }

        .if-home .if-mt-84 {
            margin-top: 84px !important;
        }

        .if-home .if-mb-84 {
            margin-bottom: 84px !important;
        }

        .if-home .if-pt-84 {
            padding-top: 84px !important;
        }

        .if-home .if-pb-84 {
            padding-bottom: 84px !important;
        }

        .if-home .if-mt-88 {
            margin-top: 88px !important;
        }

        .if-home .if-mb-88 {
            margin-bottom: 88px !important;
        }

        .if-home .if-pt-88 {
            padding-top: 88px !important;
        }

        .if-home .if-pb-88 {
            padding-bottom: 88px !important;
        }

        .if-home .if-mt-92 {
            margin-top: 92px !important;
        }

        .if-home .if-mb-92 {
            margin-bottom: 92px !important;
        }

        .if-home .if-pt-92 {
            padding-top: 92px !important;
        }

        .if-home .if-pb-92 {
            padding-bottom: 92px !important;
        }

        .if-home .if-mt-96 {
            margin-top: 96px !important;
        }

        .if-home .if-mb-96 {
            margin-bottom: 96px !important;
        }

        .if-home .if-pt-96 {
            padding-top: 96px !important;
        }

        .if-home .if-pb-96 {
            padding-bottom: 96px !important;
        }

        .if-home .if-mt-100 {
            margin-top: 100px !important;
        }

        .if-home .if-mb-100 {
            margin-bottom: 100px !important;
        }

        .if-home .if-pt-100 {
            padding-top: 100px !important;
        }

        .if-home .if-pb-100 {
            padding-bottom: 100px !important;
        }

        .if-home .if-mt-104 {
            margin-top: 104px !important;
        }

        .if-home .if-mb-104 {
            margin-bottom: 104px !important;
        }

        .if-home .if-pt-104 {
            padding-top: 104px !important;
        }

        .if-home .if-pb-104 {
            padding-bottom: 104px !important;
        }

        .if-home .if-mt-108 {
            margin-top: 108px !important;
        }

        .if-home .if-mb-108 {
            margin-bottom: 108px !important;
        }

        .if-home .if-pt-108 {
            padding-top: 108px !important;
        }

        .if-home .if-pb-108 {
            padding-bottom: 108px !important;
        }

        .if-home .if-mt-112 {
            margin-top: 112px !important;
        }

        .if-home .if-mb-112 {
            margin-bottom: 112px !important;
        }

        .if-home .if-pt-112 {
            padding-top: 112px !important;
        }

        .if-home .if-pb-112 {
            padding-bottom: 112px !important;
        }

        .if-home .if-mt-116 {
            margin-top: 116px !important;
        }

        .if-home .if-mb-116 {
            margin-bottom: 116px !important;
        }

        .if-home .if-pt-116 {
            padding-top: 116px !important;
        }

        .if-home .if-pb-116 {
            padding-bottom: 116px !important;
        }

        .if-home .if-mt-120 {
            margin-top: 120px !important;
        }

        .if-home .if-mb-120 {
            margin-bottom: 120px !important;
        }

        .if-home .if-pt-120 {
            padding-top: 120px !important;
        }

        .if-home .if-pb-120 {
            padding-bottom: 120px !important;
        }

        .if-home .if-w-1 {
            width: 1% !important;
        }

        .if-home .if-w-2 {
            width: 2% !important;
        }

        .if-home .if-w-3 {
            width: 3% !important;
        }

        .if-home .if-w-4 {
            width: 4% !important;
        }

        .if-home .if-w-5 {
            width: 5% !important;
        }

        .if-home .if-w-6 {
            width: 6% !important;
        }

        .if-home .if-w-7 {
            width: 7% !important;
        }

        .if-home .if-w-8 {
            width: 8% !important;
        }

        .if-home .if-w-9 {
            width: 9% !important;
        }

        .if-home .if-w-10 {
            width: 10% !important;
        }

        .if-home .if-w-11 {
            width: 11% !important;
        }

        .if-home .if-w-12 {
            width: 12% !important;
        }

        .if-home .if-w-13 {
            width: 13% !important;
        }

        .if-home .if-w-14 {
            width: 14% !important;
        }

        .if-home .if-w-15 {
            width: 15% !important;
        }

        .if-home .if-w-16 {
            width: 16% !important;
        }

        .if-home .if-w-17 {
            width: 17% !important;
        }

        .if-home .if-w-18 {
            width: 18% !important;
        }

        .if-home .if-w-19 {
            width: 19% !important;
        }

        .if-home .if-w-20 {
            width: 20% !important;
        }

        .if-home .if-w-21 {
            width: 21% !important;
        }

        .if-home .if-w-22 {
            width: 22% !important;
        }

        .if-home .if-w-23 {
            width: 23% !important;
        }

        .if-home .if-w-24 {
            width: 24% !important;
        }

        .if-home .if-w-25 {
            width: 25% !important;
        }

        .if-home .if-w-26 {
            width: 26% !important;
        }

        .if-home .if-w-27 {
            width: 27% !important;
        }

        .if-home .if-w-28 {
            width: 28% !important;
        }

        .if-home .if-w-29 {
            width: 29% !important;
        }

        .if-home .if-w-30 {
            width: 30% !important;
        }

        .if-home .if-w-31 {
            width: 31% !important;
        }

        .if-home .if-w-32 {
            width: 32% !important;
        }

        .if-home .if-w-33 {
            width: 33% !important;
        }

        .if-home .if-w-34 {
            width: 34% !important;
        }

        .if-home .if-w-35 {
            width: 35% !important;
        }

        .if-home .if-w-36 {
            width: 36% !important;
        }

        .if-home .if-w-37 {
            width: 37% !important;
        }

        .if-home .if-w-38 {
            width: 38% !important;
        }

        .if-home .if-w-39 {
            width: 39% !important;
        }

        .if-home .if-w-40 {
            width: 40% !important;
        }

        .if-home .if-w-41 {
            width: 41% !important;
        }

        .if-home .if-w-42 {
            width: 42% !important;
        }

        .if-home .if-w-43 {
            width: 43% !important;
        }

        .if-home .if-w-44 {
            width: 44% !important;
        }

        .if-home .if-w-45 {
            width: 45% !important;
        }

        .if-home .if-w-46 {
            width: 46% !important;
        }

        .if-home .if-w-47 {
            width: 47% !important;
        }

        .if-home .if-w-48 {
            width: 48% !important;
        }

        .if-home .if-w-49 {
            width: 49% !important;
        }

        .if-home .if-w-50 {
            width: 50% !important;
        }

        .if-home .if-w-51 {
            width: 51% !important;
        }

        .if-home .if-w-52 {
            width: 52% !important;
        }

        .if-home .if-w-53 {
            width: 53% !important;
        }

        .if-home .if-w-54 {
            width: 54% !important;
        }

        .if-home .if-w-55 {
            width: 55% !important;
        }

        .if-home .if-w-56 {
            width: 56% !important;
        }

        .if-home .if-w-57 {
            width: 57% !important;
        }

        .if-home .if-w-58 {
            width: 58% !important;
        }

        .if-home .if-w-59 {
            width: 59% !important;
        }

        .if-home .if-w-60 {
            width: 60% !important;
        }

        .if-home .if-w-61 {
            width: 61% !important;
        }

        .if-home .if-w-62 {
            width: 62% !important;
        }

        .if-home .if-w-63 {
            width: 63% !important;
        }

        .if-home .if-w-64 {
            width: 64% !important;
        }

        .if-home .if-w-65 {
            width: 65% !important;
        }

        .if-home .if-w-66 {
            width: 66% !important;
        }

        .if-home .if-w-67 {
            width: 67% !important;
        }

        .if-home .if-w-68 {
            width: 68% !important;
        }

        .if-home .if-w-69 {
            width: 69% !important;
        }

        .if-home .if-w-70 {
            width: 70% !important;
        }

        .if-home .if-w-71 {
            width: 71% !important;
        }

        .if-home .if-w-72 {
            width: 72% !important;
        }

        .if-home .if-w-73 {
            width: 73% !important;
        }

        .if-home .if-w-74 {
            width: 74% !important;
        }

        .if-home .if-w-75 {
            width: 75% !important;
        }

        .if-home .if-w-76 {
            width: 76% !important;
        }

        .if-home .if-w-77 {
            width: 77% !important;
        }

        .if-home .if-w-78 {
            width: 78% !important;
        }

        .if-home .if-w-79 {
            width: 79% !important;
        }

        .if-home .if-w-80 {
            width: 80% !important;
        }

        .if-home .if-w-81 {
            width: 81% !important;
        }

        .if-home .if-w-82 {
            width: 82% !important;
        }

        .if-home .if-w-83 {
            width: 83% !important;
        }

        .if-home .if-w-84 {
            width: 84% !important;
        }

        .if-home .if-w-85 {
            width: 85% !important;
        }

        .if-home .if-w-86 {
            width: 86% !important;
        }

        .if-home .if-w-87 {
            width: 87% !important;
        }

        .if-home .if-w-88 {
            width: 88% !important;
        }

        .if-home .if-w-89 {
            width: 89% !important;
        }

        .if-home .if-w-90 {
            width: 90% !important;
        }

        .if-home .if-w-91 {
            width: 91% !important;
        }

        .if-home .if-w-92 {
            width: 92% !important;
        }

        .if-home .if-w-93 {
            width: 93% !important;
        }

        .if-home .if-w-94 {
            width: 94% !important;
        }

        .if-home .if-w-95 {
            width: 95% !important;
        }

        .if-home .if-w-96 {
            width: 96% !important;
        }

        .if-home .if-w-97 {
            width: 97% !important;
        }

        .if-home .if-w-98 {
            width: 98% !important;
        }

        .if-home .if-w-99 {
            width: 99% !important;
        }

        .if-home .if-w-100 {
            width: 100% !important;
        }

        .if-home .if-fs-10 {
            font-size: 10px !important;
        }

        .if-home .if-fs-12 {
            font-size: 12px !important;
        }

        .if-home .if-fs-14 {
            font-size: 14px !important;
        }

        .if-home .if-fs-15 {
            font-size: 15px !important;
        }

        .if-home .if-fs-16 {
            font-size: 16px !important;
        }

        .if-home .if-fs-17 {
            font-size: 17px !important;
        }

        .if-home .if-fs-18 {
            font-size: 18px !important;
        }

        .if-home .if-fs-20 {
            font-size: 20px !important;
        }

        .if-home .if-fs-22 {
            font-size: 22px !important;
        }

        .if-home .if-fs-24 {
            font-size: 24px !important;
        }

        .if-home .if-fs-28 {
            font-size: 28px !important;
        }

        .if-home .if-fs-32 {
            font-size: 32px !important;
        }

        .if-home .if-fs-36 {
            font-size: 36px !important;
        }

        .if-home .if-fs-40 {
            font-size: 40px !important;
        }

        .if-home .if-fs-44 {
            font-size: 44px !important;
        }

        .if-home .if-fs-48 {
            font-size: 48px !important;
        }

        .if-home .if-fs-52 {
            font-size: 52px !important;
        }

        .if-home .if-fs-56 {
            font-size: 56px !important;
        }

        .if-home .if-fs-60 {
            font-size: 60px !important;
        }

        .if-home .if-fs-64 {
            font-size: 64px !important;
        }

        .if-home .if-fs-72 {
            font-size: 72px !important;
        }

        .if-home .if-fs-80 {
            font-size: 80px !important;
        }

        .if-home .if-fw-400 {
            font-weight: 400 !important;
        }

        .if-home .if-fw-500 {
            font-weight: 500 !important;
        }

        .if-home .if-fw-600 {
            font-weight: 600 !important;
        }

        .if-home .if-fw-700 {
            font-weight: 700 !important;
        }

        .if-home .if-fw-800 {
            font-weight: 800 !important;
        }

        .if-home .if-text-center {
            text-align: center !important;
        }

        .if-home .if-text-left {
            text-align: left !important;
        }

        .if-home .if-flex {
            display: flex !important;
        }

        .if-home .if-grid {
            display: grid !important;
        }

        .if-home .if-items-center {
            align-items: center !important;
        }

        .if-home .if-justify-center {
            justify-content: center !important;
        }

        .if-home .if-hidden {
            display: none !important;
        }


        /* ================================================================
           2026 HOME PAGE UPGRADES
           Hero is rendered separately through [wp_code id="14"].
           ================================================================ */

        .if-home .if-team-strip {
            padding-top: 58px;
        }

        /* Workspace video showcase */
        .if-home .if-workspace-video-wrap {
            position: relative;
            max-width: 1180px;
            margin: 0 auto;
        }

        .if-home .if-workspace-video-wrap::before {
            position: absolute;
            top: 8%;
            left: 50%;
            z-index: -1;
            width: 86%;
            height: 84%;
            border-radius: 50%;
            content: "";
            background: linear-gradient(90deg, rgba(124, 58, 237, 0.22), rgba(6, 182, 212, 0.16));
            filter: blur(90px);
            transform: translateX(-50%);
        }

        .if-home .if-workspace-video {
            position: relative;
            overflow: hidden;
            padding: 10px;
            border: 1px solid rgba(124, 58, 237, 0.18);
            border-radius: 34px;
            background: rgba(255, 255, 255, 0.86);
            box-shadow: 0 38px 100px rgba(15, 23, 42, 0.18);
            backdrop-filter: blur(18px);
        }

        .if-home .if-workspace-browser {
            display: grid;
            min-height: 58px;
            grid-template-columns: auto minmax(160px, 470px) auto;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
            padding: 12px 18px;
            border-bottom: 1px solid var(--if-border);
            border-radius: 25px 25px 0 0;
            background: var(--if-slate-50);
        }

        .if-home .if-workspace-address {
            display: flex;
            height: 34px;
            align-items: center;
            justify-content: center;
            gap: 8px;
            padding: 0 14px;
            border: 1px solid var(--if-border);
            border-radius: 10px;
            color: var(--if-slate-500);
            background: var(--if-white);
            font-size: 11px;
            font-weight: 700;
        }

        .if-home .if-workspace-actions {
            display: flex;
            gap: 8px;
        }

        .if-home .if-workspace-actions span {
            width: 30px;
            height: 30px;
            border: 1px solid var(--if-border);
            border-radius: 9px;
            background: var(--if-white);
        }

        .if-home .if-workspace-stage {
            position: relative;
            overflow: hidden;
            aspect-ratio: 16 / 9;
            min-height: 510px;
            border-radius: 0 0 25px 25px;
            background: #080b16;
        }

        .if-home .if-workspace-frame,
        .if-home .if-workspace-cover {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
        }

        .if-home .if-workspace-frame {
            z-index: 1;
            border: 0;
            background: #000;
        }

        .if-home .if-workspace-cover {
            z-index: 2;
            overflow: hidden;
            cursor: pointer;
        }

        .if-home .if-workspace-cover > img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: top center;
            filter: saturate(0.94) brightness(0.68);
            transform: scale(1.015);
            transition: transform 0.7s ease, filter 0.35s ease;
        }

        .if-home .if-workspace-cover:hover > img {
            filter: saturate(1) brightness(0.62);
            transform: scale(1.055);
        }

        .if-home .if-workspace-cover::after {
            position: absolute;
            inset: 0;
            content: "";
            background:
                radial-gradient(circle at 50% 48%, rgba(124, 58, 237, 0.12), transparent 34%),
                linear-gradient(180deg, rgba(3, 6, 17, 0.04) 0%, rgba(3, 6, 17, 0.16) 48%, rgba(3, 6, 17, 0.88) 100%);
        }

        .if-home .if-workspace-play {
            position: absolute;
            top: 50%;
            left: 50%;
            z-index: 4;
            display: grid;
            width: 92px;
            height: 92px;
            place-items: center;
            padding: 0;
            border-radius: 50%;
            color: var(--if-purple-700);
            background: var(--if-white);
            box-shadow: 0 28px 85px rgba(0, 0, 0, 0.38);
            transform: translate(-50%, -50%);
            cursor: pointer;
            transition: transform 0.25s ease, box-shadow 0.25s ease;
        }

        .if-home .if-workspace-play::before,
        .if-home .if-workspace-play::after {
            position: absolute;
            inset: -14px;
            border: 1px solid rgba(255, 255, 255, 0.42);
            border-radius: 50%;
            content: "";
            animation: ifWorkspacePulse 2.4s ease-out infinite;
        }

        .if-home .if-workspace-play::after {
            animation-delay: 1.2s;
        }

        .if-home .if-workspace-play:hover {
            transform: translate(-50%, -50%) scale(1.08);
            box-shadow: 0 32px 95px rgba(124, 58, 237, 0.42);
        }

        .if-home .if-workspace-play i {
            margin-left: 5px;
            font-size: 34px;
        }

        @keyframes ifWorkspacePulse {
            0% { opacity: 0.8; transform: scale(0.82); }
            100% { opacity: 0; transform: scale(1.52); }
        }

        .if-home .if-workspace-caption {
            position: absolute;
            right: 28px;
            bottom: 25px;
            left: 28px;
            z-index: 4;
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
            gap: 24px;
            pointer-events: none;
        }

        .if-home .if-workspace-caption span {
            display: block;
            color: rgba(255, 255, 255, 0.63);
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 0.09em;
            text-transform: uppercase;
        }

        .if-home .if-workspace-caption strong {
            display: block;
            max-width: 560px;
            margin-top: 5px;
            color: var(--if-white);
            font-family: "Plus Jakarta Sans", sans-serif;
            font-size: clamp(18px, 2.2vw, 28px);
            line-height: 1.25;
            letter-spacing: -0.03em;
        }

        .if-home .if-workspace-duration {
            flex: 0 0 auto;
            padding: 9px 13px;
            border: 1px solid rgba(255, 255, 255, 0.14);
            border-radius: 999px;
            color: rgba(255, 255, 255, 0.86);
            background: rgba(7, 10, 20, 0.62);
            font-size: 11px;
            font-weight: 800;
            backdrop-filter: blur(14px);
        }

        .if-home .if-workspace-stage.is-playing .if-workspace-cover {
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            transition: opacity 0.35s ease, visibility 0.35s ease;
        }

        .if-home .if-workspace-benefits {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 14px;
            margin-top: 24px;
        }

        .if-home .if-workspace-benefit {
            display: flex;
            min-height: 92px;
            align-items: center;
            gap: 13px;
            padding: 18px;
            border: 1px solid var(--if-border);
            border-radius: 18px;
            background: var(--if-white);
            box-shadow: var(--if-shadow-sm);
        }

        .if-home .if-workspace-benefit i {
            display: grid;
            flex: 0 0 42px;
            width: 42px;
            height: 42px;
            place-items: center;
            border-radius: 12px;
            color: var(--if-purple-700);
            background: var(--if-purple-50);
            font-size: 18px;
        }

        .if-home .if-workspace-benefit:nth-child(2) i,
        .if-home .if-workspace-benefit:nth-child(4) i {
            color: var(--if-cyan-600);
            background: var(--if-cyan-50);
        }

        .if-home .if-workspace-benefit strong {
            display: block;
            color: var(--if-heading);
            font-size: 14px;
            line-height: 1.35;
        }

        .if-home .if-workspace-benefit span {
            display: block;
            margin-top: 3px;
            color: var(--if-muted);
            font-size: 12px;
            line-height: 1.45;
        }

        /* Upgraded template library */
        .if-home .if-template-library-shell {
            position: relative;
            padding: 30px;
            border: 1px solid var(--if-border);
            border-radius: 32px;
            background:
                radial-gradient(circle at 7% 5%, rgba(124, 58, 237, 0.08), transparent 22%),
                radial-gradient(circle at 94% 92%, rgba(6, 182, 212, 0.07), transparent 25%),
                var(--if-slate-50);
            box-shadow: var(--if-shadow-md);
        }

        .if-home .if-template-toolbar {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 22px;
            margin-bottom: 26px;
            padding: 0 2px;
        }

        .if-home .if-template-filters {
            display: flex;
            flex-wrap: wrap;
            gap: 9px;
        }

        .if-home .if-template-filter {
            min-height: 40px;
            padding: 9px 15px;
            border: 1px solid var(--if-border);
            border-radius: 999px;
            color: var(--if-slate-600);
            background: var(--if-white);
            font-size: 12px;
            font-weight: 800;
            cursor: pointer;
            transition: color 0.22s ease, border-color 0.22s ease, background 0.22s ease, transform 0.22s ease;
        }

        .if-home .if-template-filter:hover,
        .if-home .if-template-filter.is-active {
            border-color: transparent;
            color: var(--if-white);
            background: linear-gradient(135deg, var(--if-purple-600), var(--if-purple-500) 55%, var(--if-blue-500));
            box-shadow: 0 12px 30px rgba(124, 58, 237, 0.22);
            transform: translateY(-2px);
        }

        .if-home .if-template-count {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            color: var(--if-muted);
            font-size: 12px;
            font-weight: 800;
            white-space: nowrap;
        }

        .if-home .if-template-count i {
            color: var(--if-purple-600);
        }

        .if-home .if-template-library {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 20px;
        }

        .if-home .if-template-item {
            position: relative;
            overflow: hidden;
            border: 1px solid var(--if-border);
            border-radius: 22px;
            background: var(--if-white);
            box-shadow: 0 10px 28px rgba(15, 23, 42, 0.07);
            transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease, opacity 0.2s ease;
        }

        .if-home .if-template-item:hover {
            border-color: rgba(124, 58, 237, 0.24);
            box-shadow: 0 24px 60px rgba(15, 23, 42, 0.14);
            transform: translateY(-8px);
        }

        .if-home .if-template-item.is-hidden {
            display: none;
        }

        .if-home .if-template-preview {
            position: relative;
            display: grid;
            overflow: hidden;
            aspect-ratio: 4 / 5;
            place-items: center;
            padding: 18px;
            border-bottom: 1px solid var(--if-border);
            background:
                linear-gradient(rgba(15, 23, 42, 0.035) 1px, transparent 1px),
                linear-gradient(90deg, rgba(15, 23, 42, 0.035) 1px, transparent 1px),
                linear-gradient(145deg, #f8fafc, #f3f0ff);
            background-size: 30px 30px, 30px 30px, auto;
        }

        .if-home .if-template-preview img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            object-position: center;
            border-radius: 10px;
            filter: drop-shadow(0 18px 24px rgba(15, 23, 42, 0.15));
            transition: transform 0.45s ease;
        }

        .if-home .if-template-item:hover .if-template-preview img {
            transform: scale(1.035);
        }

        .if-home .if-template-preview-badge {
            position: absolute;
            top: 13px;
            left: 13px;
            z-index: 2;
            display: inline-flex;
            align-items: center;
            gap: 6px;
            padding: 7px 10px;
            border: 1px solid rgba(255, 255, 255, 0.7);
            border-radius: 999px;
            color: var(--if-purple-700);
            background: rgba(255, 255, 255, 0.9);
            box-shadow: 0 9px 22px rgba(15, 23, 42, 0.1);
            font-size: 9px;
            font-weight: 800;
            letter-spacing: 0.06em;
            text-transform: uppercase;
            backdrop-filter: blur(12px);
        }

        .if-home .if-template-info {
            padding: 18px 18px 20px;
        }

        .if-home .if-template-info-top {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            margin-bottom: 8px;
        }

        .if-home .if-template-category-new {
            color: var(--if-purple-700);
            font-size: 9px;
            font-weight: 800;
            letter-spacing: 0.08em;
            text-transform: uppercase;
        }

        .if-home .if-template-format {
            color: var(--if-slate-400);
            font-size: 10px;
            font-weight: 700;
        }

        .if-home .if-template-info h3 {
            margin-bottom: 0;
            font-size: 17px;
            letter-spacing: -0.025em;
        }

        .if-home .if-template-info p {
            margin-top: 8px;
            margin-bottom: 0;
            color: var(--if-muted);
            font-size: 12px;
            line-height: 1.55;
        }

        /* Upgraded customer feedback */
        .if-home .if-testimonials {
            position: relative;
            background:
                radial-gradient(circle at 8% 12%, rgba(124, 58, 237, 0.14), transparent 30%),
                radial-gradient(circle at 92% 90%, rgba(6, 182, 212, 0.10), transparent 28%),
                var(--if-slate-50);
        }

        .if-home .if-feedback-overview {
            display: grid;
            grid-template-columns: 1.25fr 0.75fr;
            gap: 20px;
            align-items: stretch;
            margin-bottom: 22px;
        }

        .if-home .if-feedback-score,
        .if-home .if-feedback-proof {
            position: relative;
            overflow: hidden;
            padding: 28px;
            border: 1px solid var(--if-border);
            border-radius: 24px;
            background: var(--if-white);
            box-shadow: var(--if-shadow-sm);
        }

        .if-home .if-feedback-score {
            display: flex;
            align-items: center;
            gap: 24px;
        }

        .if-home .if-feedback-score-number {
            color: var(--if-heading);
            font-family: "Plus Jakarta Sans", sans-serif;
            font-size: clamp(48px, 6vw, 76px);
            font-weight: 800;
            line-height: 1;
            letter-spacing: -0.06em;
        }

        .if-home .if-feedback-stars {
            display: flex;
            gap: 4px;
            color: #f59e0b;
            font-size: 16px;
        }

        .if-home .if-feedback-score strong,
        .if-home .if-feedback-proof strong {
            display: block;
            margin-top: 8px;
            color: var(--if-heading);
            font-size: 14px;
        }

        .if-home .if-feedback-score span,
        .if-home .if-feedback-proof span {
            display: block;
            margin-top: 3px;
            color: var(--if-muted);
            font-size: 12px;
        }

        .if-home .if-feedback-proof {
            display: flex;
            align-items: center;
            gap: 16px;
        }

        .if-home .if-feedback-proof-icon {
            display: grid;
            flex: 0 0 54px;
            width: 54px;
            height: 54px;
            place-items: center;
            border-radius: 16px;
            color: var(--if-white);
            background: linear-gradient(135deg, var(--if-purple-600), var(--if-blue-500));
            box-shadow: 0 16px 35px rgba(124, 58, 237, 0.24);
            font-size: 22px;
        }

        .if-home .if-feedback-grid {
            display: grid;
            grid-template-columns: repeat(12, minmax(0, 1fr));
            gap: 20px;
        }

        .if-home .if-feedback-card {
            position: relative;
            display: flex;
            min-height: 310px;
            grid-column: span 4;
            flex-direction: column;
            padding: 28px;
            border: 1px solid var(--if-border);
            border-radius: 24px;
            background: var(--if-white);
            box-shadow: var(--if-shadow-sm);
            transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
        }

        .if-home .if-feedback-card:hover {
            border-color: rgba(124, 58, 237, 0.22);
            box-shadow: var(--if-shadow-md);
            transform: translateY(-7px);
        }

        .if-home .if-feedback-card.is-featured {
            min-height: 420px;
            grid-column: span 8;
            padding: 36px;
            color: rgba(255, 255, 255, 0.72);
            background:
                radial-gradient(circle at 8% 12%, rgba(124, 58, 237, 0.48), transparent 36%),
                radial-gradient(circle at 92% 86%, rgba(6, 182, 212, 0.24), transparent 34%),
                linear-gradient(145deg, #090d1b, #111935 58%, #0a1022);
            box-shadow: 0 30px 75px rgba(15, 23, 42, 0.22);
        }

        .if-home .if-feedback-card.is-tall {
            min-height: 420px;
            grid-column: span 4;
        }

        .if-home .if-feedback-quote {
            position: absolute;
            top: 24px;
            right: 26px;
            color: var(--if-purple-100);
            font-size: 54px;
            line-height: 1;
            opacity: 0.82;
        }

        .if-home .if-feedback-card.is-featured .if-feedback-quote {
            color: rgba(255, 255, 255, 0.12);
            font-size: 88px;
        }

        .if-home .if-feedback-card blockquote {
            flex: 1 1 auto;
            margin: 24px 0 28px;
            color: var(--if-slate-700);
            font-family: "Plus Jakarta Sans", sans-serif;
            font-size: 16px;
            font-weight: 600;
            line-height: 1.7;
            letter-spacing: -0.02em;
        }

        .if-home .if-feedback-card.is-featured blockquote {
            max-width: 820px;
            margin-top: 36px;
            color: var(--if-white);
            font-size: clamp(23px, 2.6vw, 34px);
            line-height: 1.48;
        }

        .if-home .if-feedback-person {
            display: flex;
            align-items: center;
            gap: 13px;
            padding-top: 18px;
            border-top: 1px solid var(--if-border);
        }

        .if-home .if-feedback-card.is-featured .if-feedback-person {
            border-top-color: rgba(255, 255, 255, 0.14);
        }

        .if-home .if-feedback-person img {
            flex: 0 0 50px;
            width: 50px;
            height: 50px;
            border-radius: 50%;
            object-fit: cover;
            box-shadow: 0 10px 24px rgba(15, 23, 42, 0.15);
        }

        .if-home .if-feedback-person strong {
            display: block;
            color: var(--if-heading);
            font-size: 13px;
            line-height: 1.35;
        }

        .if-home .if-feedback-card.is-featured .if-feedback-person strong {
            color: var(--if-white);
        }

        .if-home .if-feedback-person span {
            display: block;
            margin-top: 3px;
            color: var(--if-muted);
            font-size: 12px;
            line-height: 1.4;
        }

        .if-home .if-feedback-card.is-featured .if-feedback-person span {
            color: rgba(255, 255, 255, 0.58);
        }

        @media (max-width: 1199.98px) {
            .if-home .if-template-library {
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }
        }

        @media (max-width: 991.98px) {
            .if-home .if-workspace-stage {
                min-height: 420px;
            }

            .if-home .if-workspace-benefits {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .if-home .if-template-library {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .if-home .if-feedback-overview {
                grid-template-columns: 1fr;
            }

            .if-home .if-feedback-card,
            .if-home .if-feedback-card.is-featured,
            .if-home .if-feedback-card.is-tall {
                min-height: 330px;
                grid-column: span 6;
            }
        }

        @media (max-width: 767.98px) {
            .if-home .if-workspace-video {
                padding: 7px;
                border-radius: 24px;
            }

            .if-home .if-workspace-browser {
                min-height: 48px;
                grid-template-columns: auto 1fr;
                gap: 12px;
                padding: 9px 12px;
                border-radius: 17px 17px 0 0;
            }

            .if-home .if-workspace-actions {
                display: none;
            }

            .if-home .if-workspace-stage {
                min-height: 300px;
                border-radius: 0 0 17px 17px;
            }

            .if-home .if-workspace-play {
                width: 72px;
                height: 72px;
            }

            .if-home .if-workspace-caption {
                right: 18px;
                bottom: 18px;
                left: 18px;
            }

            .if-home .if-workspace-duration {
                display: none;
            }

            .if-home .if-workspace-benefits {
                grid-template-columns: 1fr;
            }

            .if-home .if-template-library-shell {
                padding: 18px;
                border-radius: 24px;
            }

            .if-home .if-template-toolbar {
                align-items: flex-start;
                flex-direction: column;
            }

            .if-home .if-template-library {
                grid-template-columns: 1fr;
                gap: 15px;
            }

            .if-home .if-template-preview {
                aspect-ratio: 4 / 4.7;
            }

            .if-home .if-feedback-score {
                align-items: flex-start;
                flex-direction: column;
            }

            .if-home .if-feedback-card,
            .if-home .if-feedback-card.is-featured,
            .if-home .if-feedback-card.is-tall {
                min-height: 0;
                grid-column: span 12;
                padding: 26px;
            }

            .if-home .if-feedback-card.is-featured blockquote {
                font-size: 22px;
            }
        }

        @media (max-width: 479.98px) {
            .if-home .if-workspace-address {
                overflow: hidden;
                justify-content: flex-start;
                white-space: nowrap;
            }

            .if-home .if-workspace-stage {
                min-height: 250px;
            }

            .if-home .if-template-filters {
                display: grid;
                width: 100%;
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .if-home .if-template-filter {
                width: 100%;
            }
        }