:root {
            --blue: #1466e0;
            --blue-deep: #0b4fd6;
            --cyan: #16b8f0;
            --ink: #0e1b2e;
            --ink-soft: #33455e;
            --mut: #64748b;
            --bg: #f4f8fe;
            --card: #fff;
            --line: #e3ebf6;
            --tint: #eaf3ff;
            --grad: linear-gradient(110deg, #0b4fd6, #1f8af5, #19c8f5);
        }

        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { font-family: 'Inter', sans-serif; background: var(--bg); color: var(--ink-soft); line-height: 1.6; -webkit-font-smoothing: antialiased; }
        
        h1, h2, h3, h4 { color: var(--ink); font-weight: 700; line-height: 1.1; }
        p { font-size: 1.125rem; }
        .container { max-width: 1200px; margin: 0 auto; padding: 0 2rem; position: relative; }

        /* Buttons */
        .btn { display: inline-flex; align-items: center; justify-content: center; padding: 1rem 2rem; border-radius: 8px; font-weight: 600; text-decoration: none; transition: all 0.2s ease; cursor: pointer; font-size: 1rem; border: none; }
        .btn-white { background: #fff; color: var(--blue-deep); }
        .btn-white:hover { transform: translateY(-2px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); }
        .btn-outline { background: transparent; border: 1px solid rgba(255,255,255,0.4); color: #fff; }
        .btn-outline:hover { background: rgba(255,255,255,0.1); border-color: #fff; }
        .btn-primary { background: var(--blue); color: #fff; }
        .btn-primary:hover { background: var(--blue-deep); transform: translateY(-2px); box-shadow: 0 8px 16px rgba(20, 102, 224, 0.2); }

        /* Hero */
        .hero { background: var(--grad); color: #fff; padding: 120px 0 180px; text-align: center; position: relative; overflow: hidden; }
        .eyebrow { display: inline-flex; align-items: center; gap: 12px; font-size: 0.875rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 1.5rem; color: rgba(255,255,255,0.9); }
        .eyebrow::before { content: ''; width: 24px; height: 2px; background: var(--cyan); }
        .hero h1 { font-size: clamp(3rem, 8vw, 5rem); color: #fff; margin-bottom: 1.5rem; letter-spacing: -0.03em; }
        .hero p { font-size: 1.5rem; max-width: 700px; margin: 0 auto 2.5rem; color: rgba(255,255,255,0.9); font-weight: 400; }
        .hero-btns { display: flex; gap: 1rem; justify-content: center; }
        .wave { position: absolute; bottom: -1px; left: 0; width: 100%; height: 100px; fill: var(--bg); }

        /* Sections */
        section { padding: 100px 0; position: relative; }
        .section-intro { background: var(--bg); text-align: center; padding-top: 60px; }
        .intro-text { max-width: 900px; margin: 0 auto; font-size: 1.5rem; color: var(--ink-soft); line-height: 1.5; font-weight: 500; }

        /* Stat Cards */
        .grid-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 2rem; margin-top: 4rem; }
        .stat-card { background: var(--card); padding: 3rem 2rem; border-radius: 16px; border: 1px solid var(--line); transition: transform 0.3s ease; }
        .stat-card:hover { transform: translateY(-8px); border-color: var(--blue); }
        .stat-num { font-size: 3.5rem; font-weight: 800; color: var(--blue); line-height: 1; margin-bottom: 1rem; display: block; }
        .stat-line { width: 40px; height: 4px; background: var(--cyan); margin-bottom: 1.5rem; border-radius: 2px; }
        .stat-card p { font-size: 1rem; color: var(--ink-soft); font-weight: 500; }

        .callout { background: var(--tint); padding: 3rem; border-radius: 24px; margin-top: 4rem; text-align: center; border: 1px dashed var(--blue); }
        .callout h3 { font-size: 1.75rem; color: var(--blue-deep); }

        /* Feature Cards */
        .grid-features { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 2rem; margin-top: 4rem; }
        .feat-card { background: var(--card); padding: 2.5rem; border-radius: 20px; border: 1px solid var(--line); box-shadow: 0 4px 12px rgba(14, 27, 46, 0.03); transition: all 0.3s ease; }
        .feat-card:hover { transform: translateY(-5px); box-shadow: 0 20px 40px rgba(14, 27, 46, 0.08); }
        .feat-icon { width: 56px; height: 56px; background: var(--tint); border-radius: 12px; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem; color: var(--blue); }
        .feat-card h3 { margin-bottom: 1rem; font-size: 1.35rem; }
        .feat-card p { font-size: 1rem; color: var(--mut); }

        /* How it works */
        .steps { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1rem; margin-top: 4rem; position: relative; }
        .step { position: relative; text-align: center; }
        .step-num { width: 48px; height: 48px; background: var(--blue); color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 1.5rem; font-weight: 700; font-size: 1.25rem; position: relative; z-index: 2; }
        .step:not(:last-child)::after { content: ''; position: absolute; top: 24px; left: 50%; width: 100%; height: 2px; background: var(--line); z-index: 1; }
        .step h4 { font-size: 1.125rem; margin-bottom: 0.5rem; }

        /* Industry Cards */
        .grid-industries { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.5rem; margin-top: 3rem; }
        .ind-card { background: #fff; border: 1px solid var(--line); padding: 1.5rem; border-radius: 12px; display: flex; align-items: center; justify-content: space-between; text-decoration: none; transition: all 0.2s ease; }
        .ind-card:hover { border-color: var(--blue); background: var(--tint); transform: scale(1.02); }
        .ind-info { display: flex; align-items: center; gap: 1rem; }
        .ind-info span { font-weight: 600; color: var(--ink); }
        .ind-btn { font-size: 0.875rem; font-weight: 700; color: var(--blue); display: flex; align-items: center; gap: 4px; }

        /* Final CTA */
        .final-cta { background: var(--grad); padding: 100px 0; text-align: center; color: #fff; }
        .final-cta h2 { color: #fff; font-size: 3.5rem; margin-bottom: 1.5rem; letter-spacing: -0.02em; }
        .final-cta p { font-size: 1.5rem; margin-bottom: 2.5rem; opacity: 0.9; }

        .reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
        .reveal.active { opacity: 1; transform: translateY(0); }

        @media (max-width: 1024px) {
            .steps { grid-template-columns: 1fr; gap: 3rem; }
            .step:not(:last-child)::after { display: none; }
            .hero h1 { font-size: 3.5rem; }
        }
        @media (max-width: 768px) {
            .hero-btns { flex-direction: column; }
            .section-intro .intro-text { font-size: 1.25rem; }
        }
    

/* FIX: content always visible */
*{opacity:1 !important; animation:none !important}