@keyframes pulse {
            0% { box-shadow: 0 0 0 0 rgba(220, 53, 69, 0.7); }
            70% { box-shadow: 0 0 0 10px rgba(220, 53, 69, 0); }
            100% { box-shadow: 0 0 0 0 rgba(220, 53, 69, 0); }
        }
        /* Critical above-the-fold styles */
        html { scroll-behavior: smooth; }
        body { margin: 0; font-family: 'Nunito', system-ui, sans-serif; }
        #hero { will-change: transform; }
        /* Estilos para hero title y subtitle sin efectos neon */
        #landingView #hero .hero-title,
        #hero .hero-title {
            color: #ffffff !important;
            -webkit-text-fill-color: #ffffff !important;
            background: none !important;
            -webkit-background-clip: unset !important;
            background-clip: unset !important;
        }
        /* Colores específicos para las palabras en el h1 */
        #landingView #hero .hero-title span[style*="#34D399"],
        #hero .hero-title span[style*="#34D399"],
        #landingView #hero .hero-title span[style*="color: #34D399"],
        #hero .hero-title span[style*="color: #34D399"] {
            color: #34D399 !important;
            -webkit-text-fill-color: #34D399 !important;
        }
        #landingView #hero .hero-title span[style*="#5EEAD4"],
        #hero .hero-title span[style*="#5EEAD4"],
        #landingView #hero .hero-title span[style*="color: #5EEAD4"],
        #hero .hero-title span[style*="color: #5EEAD4"] {
            color: #5EEAD4 !important;
            -webkit-text-fill-color: #5EEAD4 !important;
        }
        #landingView #hero .hero-subtitle,
        #hero .hero-subtitle {
            color: #ffffff !important;
        }
        /* UX improvements */
        nav a:focus-visible,
        button:focus-visible {
            outline: 2px solid #10b981;
            outline-offset: 2px;
        }
        /* Microinteracciones y elevación sutil */
        button, .btn-primary, .btn-secondary {
            transition: transform .2s ease, box-shadow .25s ease, background .25s ease, color .2s ease, border-color .25s ease;
        }

        /* =========================================
           CRITICAL: Análisis Visual (workspace + toolbar)
           ========================================= */
        .analysis-workspace{background:linear-gradient(165deg,#eef2ff 0%,#f1f5f9 38%,#f8fafc 100%);border:1px solid #c7d2fe;border-radius:16px;padding:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.75);}
        .analysis-toolbar{position:sticky;top:10px;z-index:5;margin-bottom:10px;}
        .analysis-toolbar--compact{display:flex;flex-direction:column;gap:8px;padding:0;border:none;background:transparent;box-shadow:none;}
        .analysis-toolbar__card{border-radius:12px;padding:10px 12px;}
        .analysis-toolbar__card--context{background:#fff;border:1px solid #e2e8f0;box-shadow:0 2px 8px rgba(15,23,42,.06);}
        .analysis-toolbar__card--filters{background:linear-gradient(180deg,#ecfdf5 0%,#f0fdfa 55%,#fff 100%);border:1px solid #99f6e4;border-left:4px solid #14b8a6;box-shadow:0 2px 10px rgba(20,184,166,.12);}
        .analysis-toolbar__filters-eyebrow{margin:0 0 6px;font-size:.65rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#0f766e;}
        .analysis-toolbar__card--filters .analysis-filters--compact{margin:0;padding:0;border:none;}
        .analysis-toolbar__card--filters .analysis-filter label{color:#115e59;}
        .analysis-toolbar__card--filters .analysis-select{border-color:#a7f3d0;}
        .analysis-toolbar__main{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;flex-wrap:wrap;}
        .analysis-toolbar__head{min-width:min(100%,200px);flex:1 1 200px;}
        .analysis-toolbar__heading{margin:0;font-size:clamp(1rem,.95rem + .25vw,1.15rem);font-weight:800;color:#0f172a;letter-spacing:-.02em;}
        .analysis-toolbar__subtitle{margin:2px 0 0;color:#64748b;font-size:.78rem;line-height:1.35;font-weight:500;}
        .analysis-toolbar__side{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;}
        .analysis-stat-chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center;}
        .analysis-toolbar__card--context .analysis-stat-chip{background:#f8fafc;border-color:#cbd5e1;}
        .analysis-stat-chip{display:flex;align-items:baseline;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid #e2e8f0;background:#fff;font-size:.72rem;color:#64748b;font-weight:600;}
        .analysis-stat-chip__k{text-transform:uppercase;letter-spacing:.04em;}
        .analysis-stat-chip__v{font-size:.88rem;font-weight:800;color:#0f172a;font-variant-numeric:tabular-nums;}
        .analysis-toolbar__reset{padding:5px 10px;border-radius:10px;border:1px solid #cbd5e1;background:#fff;color:#334155;font-size:.75rem;font-weight:700;cursor:pointer;}
        .analysis-toolbar__reset:hover{border-color:#94a3b8;color:#0f172a;}
        .analysis-filters--compact{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:flex-end;}
        .analysis-toolbar--compact .analysis-filter{flex:1 1 140px;min-width:min(140px,100%);display:flex;flex-direction:column;gap:3px;}
        .analysis-toolbar--compact .analysis-filter label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;}
        .analysis-toolbar--compact .analysis-select{width:100%;padding:6px 8px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;color:#0f172a;font-size:.8125rem;font-weight:600;cursor:pointer;}
        .analysis-subtabs{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 12px;}
        .analysis-subtabs--rail{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:6px 8px;margin:4px 0 14px;gap:6px;box-shadow:0 2px 10px rgba(15,23,42,.05);}
        .analysis-subtab-btn{padding:7px 12px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;color:#0f172a;font-weight:700;font-size:.82rem;}
        .analysis-subtab-btn:hover{border-color:#cbd5e1;}
        .analysis-subtab-btn.active{background:#ecfeff;border-color:#99f6e4;}
        .analysis-panel{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px;box-shadow:0 4px 14px rgba(0,0,0,.04);}
        #tab-analysis .analysis-panel{border-top:3px solid #2dd4bf;background:linear-gradient(180deg,#fff 0%,#fafafa 100%);border-color:#d1d5db;box-shadow:0 10px 28px rgba(15,23,42,.07);}
        #hero button {
            box-shadow: 0 14px 32px rgba(230, 126, 115, 0.28);
        }
        #hero button:hover {
            transform: translateY(-2px);
            box-shadow: 0 18px 40px rgba(230, 126, 115, 0.32);
        }
        
        .feature-card .group {
            transition: transform .3s ease, box-shadow .35s ease, border-color .3s ease, background .3s ease;
        }
        .feature-card .group:hover {
            transform: translateY(-10px);
            box-shadow: 0 26px 60px rgba(15, 23, 42, 0.12);
            border-color: rgba(230, 126, 115, 0.22);
            background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, #ffffff 100%);
        }
        .feature-card img {
            transition: transform .35s ease;
        }
        .feature-card .group:hover img {
            transform: scale(1.06);
        }
        /* CTA inmersivo */
        #cta-final { position: relative; overflow: hidden; }
        #cta-final::before {
            content: "";
            position: absolute;
            inset: 0;
            background:
                radial-gradient(circle at 20% 20%, rgba(16,185,129,0.18), transparent 36%),
                radial-gradient(circle at 82% 15%, rgba(230,126,115,0.16), transparent 40%),
                radial-gradient(circle at 50% 80%, rgba(8,184,148,0.12), transparent 42%);
            filter: blur(28px);
            transform: scale(1.08);
            z-index: 0;
        }
        #cta-final .relative { position: relative; z-index: 1; }
        #cta-final .bg-white {
            backdrop-filter: blur(8px);
            box-shadow: 0 24px 64px rgba(15, 23, 42, 0.18);
            transition: transform .25s ease, box-shadow .25s ease;
        }
        #cta-final .bg-white:hover {
            transform: translateY(-8px);
            box-shadow: 0 32px 80px rgba(15, 23, 42, 0.24);
        }
        /* Seguridad de movimiento */
        @media (prefers-reduced-motion: reduce) {
            * {
                animation-duration: 0.01ms !important;
                animation-iteration-count: 1 !important;
                transition-duration: 0.01ms !important;
                scroll-behavior: auto !important;
            }
        }
        :root {
            --landing-ink: #16323f;
            --landing-ink-soft: #4d6570;
            --landing-mist: #f4f7f7;
            --landing-cloud: #e7efee;
            --landing-sage: #6d8f86;
            --landing-trust: #5d7b95;
            --landing-focus: #8b9f7a;
            --landing-warm: #c3926b;
            --landing-line: rgba(22, 50, 63, 0.10);
            --landing-white: rgba(255, 255, 255, 0.86);
            --landing-shadow: 0 18px 48px rgba(22, 50, 63, 0.08);
        }
        #landingView {
            background:
                radial-gradient(circle at top left, rgba(109, 143, 134, 0.10), transparent 30%),
                radial-gradient(circle at top right, rgba(93, 123, 149, 0.10), transparent 28%),
                linear-gradient(180deg, #f8fbfb 0%, #f3f7f6 100%);
            color: var(--landing-ink);
        }
        #landingView .landing-nav-bar {
            margin-top: 8px;
            border: 1px solid rgba(255,255,255,0.55);
            background: rgba(248, 251, 251, 0.72);
            box-shadow: 0 18px 40px rgba(22, 50, 63, 0.08);
            backdrop-filter: blur(18px);
            border-radius: 999px;
        }
        #landingView .landing-desktop-nav,
        #landingView .landing-nav-actions {
            display: flex;
            align-items: center;
        }
        #landingView .landing-desktop-nav {
            gap: 32px;
        }
        #landingView .landing-nav-actions {
            gap: 14px;
        }
        #landingView .landing-nav-link {
            position: relative;
            color: var(--landing-ink-soft);
            font-weight: 700;
            transition: color .2s ease;
        }
        #landingView .landing-nav-link::after {
            content: "";
            position: absolute;
            left: 0;
            bottom: -8px;
            width: 100%;
            height: 2px;
            background: linear-gradient(90deg, var(--landing-sage), var(--landing-trust));
            transform: scaleX(0);
            transform-origin: center;
            transition: transform .24s ease;
        }
        #landingView .landing-nav-link:hover {
            color: var(--landing-ink);
        }
        #landingView .landing-nav-link:hover::after {
            transform: scaleX(1);
        }
        #landingView .landing-login-btn {
            border: 1px solid rgba(22, 50, 63, 0.10);
            background: rgba(255,255,255,0.8);
            color: var(--landing-ink);
            border-radius: 999px;
            padding: 10px 16px;
            font-weight: 800;
        }
        #landingView .landing-mobile-panel {
            border-top: 1px solid var(--landing-line);
            background: rgba(248, 251, 251, 0.92);
            border-radius: 0 0 24px 24px;
        }
        #landingView .landing-section {
            position: relative;
        }
        #landingView .landing-section::before {
            content: "";
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            width: min(1120px, calc(100% - 32px));
            height: 1px;
            background: linear-gradient(90deg, transparent, rgba(22, 50, 63, 0.10), transparent);
            pointer-events: none;
        }
        #landingView .landing-section--soft {
            background: linear-gradient(180deg, rgba(255,255,255,0.72) 0%, rgba(244,247,247,0.92) 100%);
        }
        #landingView .landing-section--mist {
            background: linear-gradient(180deg, rgba(239,245,244,0.72) 0%, rgba(248,251,251,0.96) 100%);
        }
        #landingView .landing-section--dark {
            background:
                radial-gradient(circle at top left, rgba(109,143,134,0.16), transparent 28%),
                linear-gradient(135deg, #17313d 0%, #1f3c4a 100%);
        }
        #landingView .landing-kicker {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 8px 14px;
            border-radius: 999px;
            background: rgba(255,255,255,0.72);
            border: 1px solid rgba(22, 50, 63, 0.08);
            color: var(--landing-sage);
            font-size: 0.76rem;
            font-weight: 900;
            letter-spacing: 0.08em;
            text-transform: uppercase;
            box-shadow: 0 10px 24px rgba(22, 50, 63, 0.06);
        }
        #landingView .landing-display {
            color: var(--landing-ink);
            letter-spacing: -0.04em;
        }
        #landingView .landing-hero-title {
            font-size: clamp(2.45rem, 4.35vw, 4.05rem);
            line-height: 1.04;
            max-width: 15.25ch;
            text-wrap: balance;
        }
        #landingView .landing-title-accent {
            display: block;
            color: var(--landing-sage);
            background-image: linear-gradient(90deg, var(--landing-sage) 0%, var(--landing-trust) 52%, var(--landing-focus) 100%);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
        }
        #landingView .landing-body {
            color: var(--landing-ink-soft);
            line-height: 1.75;
            font-size: 1.03rem;
            max-width: 35rem;
        }
        #landingView .landing-button-row {
            display: flex;
            flex-wrap: wrap;
            gap: 14px;
            align-items: center;
        }
        #landingView .landing-btn {
            position: relative;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            min-height: 56px;
            padding: 0 22px;
            border-radius: 18px;
            border: 1px solid transparent;
            font-weight: 900;
            letter-spacing: 0.01em;
            cursor: pointer;
            overflow: hidden;
            transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
        }
        #landingView .landing-btn:hover {
            transform: translateY(-2px);
        }
        #landingView .landing-btn-primary {
            color: #ffffff;
            background: linear-gradient(135deg, #5d7b95 0%, #6d8f86 52%, #8b9f7a 100%);
            box-shadow: 0 18px 36px rgba(93, 123, 149, 0.24);
        }
        #landingView .landing-btn-primary::after {
            content: "";
            position: absolute;
            inset: auto -25% -65% auto;
            width: 72px;
            height: 72px;
            border-radius: 999px;
            background: rgba(255,255,255,0.18);
            filter: blur(2px);
        }
        #landingView .landing-btn-secondary {
            color: var(--landing-ink);
            background: rgba(255,255,255,0.82);
            border-color: rgba(22, 50, 63, 0.10);
            box-shadow: 0 14px 30px rgba(22, 50, 63, 0.08);
        }
        #landingView .landing-btn-secondary:hover {
            border-color: rgba(93, 123, 149, 0.30);
        }
        #landingView .landing-hero {
            padding-top: 108px;
            padding-bottom: 18px;
        }
        #landingView .landing-hero-grid {
            display: grid;
            grid-template-columns: minmax(0, 1.14fr) minmax(0, 0.86fr);
            gap: 26px;
            align-items: center;
        }
        #landingView .landing-hero-copy {
            max-width: 690px;
            padding-top: 4px;
        }
        #landingView .landing-hero-card,
        #landingView .landing-panel,
        #landingView .landing-feature-card,
        #landingView .landing-benefit-card,
        #landingView .landing-process-card,
        #landingView .landing-demo-card {
            border: 1px solid var(--landing-line);
            background: linear-gradient(180deg, rgba(255,255,255,0.88) 0%, rgba(248,251,251,0.98) 100%);
            box-shadow: var(--landing-shadow);
            backdrop-filter: blur(12px);
        }
        #landingView .landing-hero-card {
            border-radius: 32px;
            padding: 28px;
            position: relative;
            overflow: hidden;
        }
        #landingView .landing-hero-card::before {
            content: "";
            position: absolute;
            inset: 0;
            background:
                radial-gradient(circle at top right, rgba(109,143,134,0.16), transparent 28%),
                radial-gradient(circle at bottom left, rgba(93,123,149,0.14), transparent 26%);
            pointer-events: none;
        }
        #landingView .landing-hero-card > * {
            position: relative;
            z-index: 1;
        }
        #landingView .landing-trust-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 12px;
        }
        #landingView .landing-trust-item {
            padding: 14px;
            border-radius: 18px;
            background: rgba(255,255,255,0.84);
            border: 1px solid rgba(22, 50, 63, 0.08);
        }
        #landingView .landing-palette-grid {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 12px;
        }
        #landingView .landing-swatch {
            border-radius: 18px;
            padding: 16px 12px;
            min-height: 100px;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            gap: 6px;
            color: #ffffff;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.18);
        }
        #landingView .landing-swatch--regulation { background: linear-gradient(160deg, #6d8f86 0%, #56786f 100%); }
        #landingView .landing-swatch--trust { background: linear-gradient(160deg, #5d7b95 0%, #46637e 100%); }
        #landingView .landing-swatch--focus { background: linear-gradient(160deg, #8b9f7a 0%, #73875f 100%); }
        #landingView .landing-swatch--warm { background: linear-gradient(160deg, #c3926b 0%, #a87752 100%); }
        #landingView .landing-module-list {
            display: grid;
            gap: 12px;
        }
        #landingView .landing-module-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            padding: 14px 16px;
            border-radius: 18px;
            background: rgba(255,255,255,0.80);
            border: 1px solid rgba(22, 50, 63, 0.08);
        }
        #landingView .landing-hero-note {
            display: flex;
            align-items: flex-start;
            gap: 14px;
            margin-bottom: 18px;
            max-width: 470px;
        }
        #landingView .landing-hero-note-line {
            width: 3px;
            min-height: 62px;
            border-radius: 999px;
            background: linear-gradient(180deg, var(--landing-sage), var(--landing-trust));
            box-shadow: 0 10px 20px rgba(93, 123, 149, 0.18);
        }
        #landingView .landing-secondary-cta {
            display: inline-flex;
            align-items: center;
            gap: 12px;
            color: var(--landing-ink);
            font-weight: 800;
            padding: 6px 0;
            min-height: 56px;
        }
        #landingView .landing-secondary-cta:hover {
            transform: translateY(-1px);
        }
        #landingView .landing-play-badge {
            width: 52px;
            height: 52px;
            border-radius: 999px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background: rgba(255,255,255,0.84);
            border: 1px solid rgba(22, 50, 63, 0.08);
            box-shadow: 0 14px 28px rgba(22, 50, 63, 0.08);
        }
        #landingView .landing-footnote {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            color: var(--landing-ink-soft);
            font-size: 0.88rem;
            font-weight: 600;
            margin-top: 10px;
        }
        #landingView .landing-hero-visual {
            position: relative;
            min-height: auto;
            display: block;
        }
        #landingView .landing-hero-overlay {
            position: relative;
            left: auto;
            top: auto;
            width: 100%;
            z-index: 2;
        }
        #landingView .landing-hero-card {
            border-radius: 28px;
            padding: 20px 20px 18px;
            background: linear-gradient(180deg, rgba(255,255,255,0.95) 0%, rgba(250,252,252,0.98) 100%);
            box-shadow: 0 22px 52px rgba(22, 50, 63, 0.14);
        }
        #landingView .landing-hero-card-header {
            display: flex;
            align-items: flex-start;
            justify-content: space-between;
            gap: 16px;
            margin-bottom: 14px;
        }
        #landingView .landing-hero-card-intro {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 12px;
            margin-bottom: 14px;
        }
        #landingView .landing-hero-card h3 {
            line-height: 1.1;
        }
        #landingView .landing-trust-item {
            padding: 12px;
        }
        #landingView .landing-trust-item .text-xl {
            font-size: 1.15rem;
        }
        #landingView .landing-swatch {
            min-height: 92px;
            padding: 14px 10px;
            display: grid;
            grid-template-rows: minmax(2.2em, auto) minmax(2.7em, auto);
            align-content: end;
            gap: 4px;
        }
        #landingView .landing-swatch strong {
            display: block;
            line-height: 1.1;
        }
        #landingView .landing-swatch span {
            display: block;
            line-height: 1.2;
        }
        #landingView .landing-module-list {
            gap: 10px;
        }
        #landingView .landing-module-item {
            padding: 12px 14px;
        }
        #landingView .landing-proof-strip {
            margin-top: 18px;
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 0;
            border: 1px solid rgba(22, 50, 63, 0.08);
            border-radius: 28px;
            overflow: hidden;
            background: rgba(255,255,255,0.84);
            box-shadow: 0 20px 46px rgba(22, 50, 63, 0.08);
            backdrop-filter: blur(12px);
        }
        #landingView .landing-proof-item {
            display: flex;
            align-items: center;
            gap: 14px;
            padding: 15px 18px;
        }
        #landingView .landing-proof-item + .landing-proof-item {
            border-left: 1px solid rgba(22, 50, 63, 0.08);
        }
        #landingView .landing-proof-icon {
            width: 52px;
            height: 52px;
            border-radius: 18px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.5);
        }
        #landingView .landing-proof-icon--sage {
            background: linear-gradient(160deg, rgba(109,143,134,0.20), rgba(109,143,134,0.08));
            color: var(--landing-sage);
        }
        #landingView .landing-proof-icon--trust {
            background: linear-gradient(160deg, rgba(93,123,149,0.20), rgba(93,123,149,0.08));
            color: var(--landing-trust);
        }
        #landingView .landing-proof-icon--warm {
            background: linear-gradient(160deg, rgba(195,146,107,0.20), rgba(195,146,107,0.08));
            color: var(--landing-warm);
        }
        #landingView .problem-intro-card--engagement {
            background: linear-gradient(160deg, rgba(109,143,134,0.26) 0%, rgba(236,253,245,0.96) 52%, rgba(204,251,241,0.9) 100%);
            border-color: rgba(52, 211, 153, 0.35);
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.55), 0 10px 24px rgba(16,185,129,0.10);
        }
        #landingView .problem-intro-card--climate {
            background: linear-gradient(160deg, rgba(93,123,149,0.24) 0%, rgba(240,249,255,0.96) 52%, rgba(224,231,255,0.92) 100%);
            border-color: rgba(96, 165, 250, 0.35);
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.55), 0 10px 24px rgba(59,130,246,0.10);
        }
        #landingView .problem-intro-card--management {
            background: linear-gradient(160deg, rgba(195,146,107,0.24) 0%, rgba(255,251,235,0.97) 52%, rgba(254,226,226,0.88) 100%);
            border-color: rgba(251, 191, 36, 0.35);
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.55), 0 10px 24px rgba(245,158,11,0.10);
        }
        #landingView .landing-mobile-toggle {
            display: none;
            align-items: center;
            justify-content: center;
        }
        #landingView .landing-feature-card,
        #landingView .landing-benefit-card,
        #landingView .landing-process-card {
            border-radius: 28px !important;
            box-shadow: 0 16px 34px rgba(22, 50, 63, 0.07) !important;
            border-color: rgba(22, 50, 63, 0.08) !important;
        }
        #landingView .landing-feature-card:hover,
        #landingView .landing-benefit-card:hover,
        #landingView .landing-process-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 22px 44px rgba(22, 50, 63, 0.10) !important;
        }
        #landingView .landing-feature-card .inline-flex,
        #landingView .landing-benefit-card .inline-flex {
            letter-spacing: 0.06em;
        }
        #landingView .landing-impact-card {
            border-radius: 26px;
            background: rgba(255,255,255,0.08);
            border: 1px solid rgba(255,255,255,0.14);
            box-shadow: 0 18px 40px rgba(4, 16, 24, 0.22);
            backdrop-filter: blur(10px);
        }
        #landingView .landing-demo-card {
            border-radius: 28px;
            padding: 28px !important;
        }
        #landingView .landing-footer-shell {
            border: 1px solid rgba(255,255,255,0.08);
            background: rgba(255,255,255,0.02);
            border-radius: 28px;
            padding: 32px;
        }
        @media (max-width: 1024px) {
            #landingView .landing-hero-grid {
                grid-template-columns: 1fr;
                gap: 24px;
            }
            #landingView .landing-hero-copy {
                max-width: none;
                padding-top: 8px;
            }
            #landingView .landing-hero-visual {
                min-height: auto;
            }
            #landingView .landing-hero-overlay {
                max-width: none;
            }
            #landingView .landing-proof-strip {
                grid-template-columns: 1fr;
            }
            #landingView .landing-proof-item + .landing-proof-item {
                border-left: none;
                border-top: 1px solid rgba(22, 50, 63, 0.08);
            }
        }
        @media (max-width: 960px) {
            #landingView .landing-desktop-nav {
                display: none;
            }
            #landingView .landing-mobile-toggle {
                display: inline-flex;
            }
        }
        @media (max-width: 640px) {
            #landingView .landing-hero-title {
                font-size: clamp(2.2rem, 8.4vw, 3.1rem);
                max-width: none;
            }
            #landingView .landing-button-row {
                flex-direction: column;
                align-items: stretch;
            }
            #landingView .landing-btn {
                width: 100%;
            }
            #landingView .landing-trust-grid,
            #landingView .landing-palette-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
            #landingView .landing-nav-bar {
                border-radius: 24px;
            }
            #landingView .landing-hero {
                padding-top: 96px;
            }
            #landingView .landing-proof-item {
                padding: 16px 18px;
            }
            #landingView .landing-secondary-cta {
                justify-content: center;
            }
            #landingView .landing-hero-card-header,
            #landingView .landing-hero-card-intro {
                display: grid;
                grid-template-columns: 1fr;
            }
            #landingView .landing-hero-card-header {
                gap: 10px;
            }
        }