html,body{
            margin:0;
            padding:0;
            background:var(--bg);
            color:var(--text);
            font-family:'Inter',sans-serif;
            scroll-behavior:smooth;
        }

        body{
            min-height:100vh;
            overflow-x:hidden;
        }

        .app-wrap{
            position:relative;
            overflow:hidden;
        }

        .app-container{
            width:min(1180px, calc(100% - 32px));
            margin:0 auto;
        }

        .app-hero{
            position:relative;
            padding:96px 0 72px;
            background:
                radial-gradient(circle at 15% 20%, rgba(80,130,255,.24), transparent 34%),
                radial-gradient(circle at 85% 10%, rgba(0,220,180,.18), transparent 30%),
                linear-gradient(135deg, rgba(12,18,32,1), rgba(18,28,54,1));
            color:#fff;
            overflow:hidden;
        }

        .app-hero:before{
            content:"";
            position:absolute;
            inset:0;
            background-image:
                linear-gradient(rgba(255,255,255,.06) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px);
            background-size:42px 42px;
            mask-image:linear-gradient(to bottom, rgba(0,0,0,.9), transparent);
            opacity:.45;
        }

        .app-hero-grid{
            position:relative;
            z-index:2;
            display:grid;
            grid-template-columns:1.05fr .95fr;
            gap:58px;
            align-items:center;
        }

        .app-eyebrow{
            display:inline-flex;
            gap:10px;
            align-items:center;
            padding:9px 14px;
            border:1px solid rgba(255,255,255,.22);
            background:rgba(255,255,255,.10);
            backdrop-filter:blur(16px);
            border-radius:999px;
            font-size:14px;
            font-weight:700;
            margin-bottom:22px;
        }

        .app-title{
            font-size:clamp(42px, 6vw, 76px);
            line-height:.96;
            letter-spacing:-.055em;
            margin:0 0 24px;
            font-weight:900;
        }

        .app-title span{
            background:linear-gradient(90deg, #fff, #9fe8ff, #a8ffd8);
            -webkit-background-clip:text;
            color:transparent;
        }

        .app-subtitle{
            font-size:19px;
            line-height:1.75;
            color:rgba(255,255,255,.82);
            max-width:720px;
        }

        .app-actions{
            display:flex;
            flex-wrap:wrap;
            gap:14px;
            margin-top:32px;
        }

        .app-btn{
            display:inline-flex;
            align-items:center;
            justify-content:center;
            gap:10px;
            min-height:48px;
            padding:0 22px;
            border-radius:999px;
            text-decoration:none;
            font-weight:800;
            transition:.25s ease;
            border:1px solid transparent;
        }

        .app-btn-primary{
            background:#fff;
            color:#101827;
            box-shadow:0 18px 40px rgba(0,0,0,.22);
        }

        .app-btn-primary:hover{
            transform:translateY(-3px);
            color:#101827;
        }

        .app-btn-ghost{
            color:#fff;
            border-color:rgba(255,255,255,.28);
            background:rgba(255,255,255,.08);
            backdrop-filter:blur(14px);
        }

        .app-btn-ghost:hover{
            transform:translateY(-3px);
            color:#fff;
            background:rgba(255,255,255,.15);
        }

        .app-store-row{
            display:flex;
            flex-wrap:wrap;
            gap:12px;
            margin-top:26px;
        }

        .app-store-badge{
            display:inline-flex;
            align-items:center;
            gap:10px;
            padding:12px 16px;
            border-radius:16px;
            border:1px solid rgba(255,255,255,.18);
            background:rgba(255,255,255,.09);
            color:#fff;
            font-weight:800;
            font-size:14px;
        }

        .app-store-badge i{
            font-size:24px;
        }

        .phone-stage{
            position:relative;
            min-height:560px;
            display:flex;
            justify-content:center;
            align-items:center;
        }

        .phone-glow{
            position:absolute;
            width:420px;
            height:420px;
            border-radius:50%;
            background:radial-gradient(circle, rgba(86,190,255,.42), transparent 68%);
            filter:blur(12px);
            animation:pulseGlow 4s ease-in-out infinite;
        }

        .phone{
            position:relative;
            width:292px;
            height:586px;
            border-radius:42px;
            padding:12px;
            background:linear-gradient(145deg, #101826, #293449);
            box-shadow:
                0 40px 90px rgba(0,0,0,.48),
                inset 0 0 0 1px rgba(255,255,255,.18);
            transform:rotate(3deg);
            animation:floatPhone 5s ease-in-out infinite;
        }

        .phone:before{
            content:"";
            position:absolute;
            top:18px;
            left:50%;
            transform:translateX(-50%);
            width:90px;
            height:24px;
            border-radius:999px;
            background:#0b0f18;
            z-index:4;
        }

        .phone-screen{
            height:100%;
            border-radius:32px;
            overflow:hidden;
            background:#f4f7fb;
            color:#101827;
        }

        .mock-header{
            padding:54px 18px 18px;
            background:linear-gradient(135deg, #1768ff, #00b894);
            color:#fff;
        }

        .mock-small{
            font-size:12px;
            opacity:.85;
            font-weight:700;
        }

        .mock-title{
            font-size:22px;
            line-height:1.1;
            font-weight:900;
            margin-top:8px;
        }

        .mock-body{
            padding:16px;
        }

        .mock-card{
            background:#fff;
            border-radius:18px;
            padding:14px;
            margin-bottom:12px;
            box-shadow:0 10px 28px rgba(17,24,39,.10);
        }

        .mock-card h4{
            margin:0 0 8px;
            font-size:14px;
            font-weight:900;
        }

        .mock-line{
            height:8px;
            border-radius:999px;
            background:#e8edf5;
            margin:7px 0;
        }

        .mock-line.short{
            width:65%;
        }

        .floating-chip{
            position:absolute;
            display:flex;
            align-items:center;
            gap:8px;
            padding:12px 14px;
            border-radius:18px;
            background:rgba(255,255,255,.90);
            color:#101827;
            font-weight:900;
            box-shadow:0 22px 45px rgba(0,0,0,.24);
            animation:floatChip 4.5s ease-in-out infinite;
        }

        .chip-1{
            top:88px;
            left:24px;
        }

        .chip-2{
            right:8px;
            bottom:110px;
            animation-delay:.8s;
        }

        .app-trust{
            margin-top:-34px;
            position:relative;
            z-index:4;
        }

        .app-trust-grid{
            display:grid;
            grid-template-columns:repeat(4, 1fr);
            gap:16px;
        }

        .app-stat{
            background:rgba(255,255,255,.86);
            backdrop-filter:blur(18px);
            border:1px solid rgba(17,24,39,.08);
            border-radius:26px;
            padding:22px;
            box-shadow:0 20px 50px rgba(17,24,39,.10);
        }

        .app-stat-value{
            font-size:28px;
            font-weight:950;
            letter-spacing:-.04em;
            color:#101827;
        }

        .app-stat-label{
            margin-top:6px;
            color:#667085;
            line-height:1.55;
            font-size:14px;
        }

        .app-section{
            padding:88px 0;
            position:relative;
        }

        .app-section-soft{
            background:linear-gradient(180deg, rgba(17,24,39,.035), rgba(17,24,39,.015));
        }

        .app-section-head{
            max-width:820px;
            margin:0 auto 42px;
            text-align:center;
        }

        .app-kicker{
            display:inline-flex;
            align-items:center;
            gap:8px;
            color:#1768ff;
            font-weight:900;
            font-size:14px;
            margin-bottom:12px;
        }

        .app-section-title{
            font-size:clamp(32px, 4vw, 52px);
            line-height:1.05;
            letter-spacing:-.045em;
            margin:0;
            color:var(--text);
            font-weight:950;
        }

        .app-section-sub{
            margin-top:18px;
            color:#667085;
            line-height:1.8;
            font-size:17px;
        }

        .feature-grid{
            display:grid;
            grid-template-columns:repeat(3, 1fr);
            gap:20px;
        }

        .feature-card{
            position:relative;
            overflow:hidden;
            min-height:280px;
            background:#fff;
            border:1px solid rgba(17,24,39,.08);
            border-radius:30px;
            padding:28px;
            box-shadow:0 22px 55px rgba(17,24,39,.08);
            transition:.28s ease;
        }

        .feature-card:hover{
            transform:translateY(-8px);
            box-shadow:0 32px 70px rgba(17,24,39,.13);
        }

        .feature-icon{
            width:56px;
            height:56px;
            border-radius:20px;
            display:flex;
            align-items:center;
            justify-content:center;
            background:linear-gradient(135deg, rgba(23,104,255,.13), rgba(0,184,148,.13));
            color:#1768ff;
            font-size:26px;
            margin-bottom:24px;
        }

        .feature-card h3{
            margin:0 0 12px;
            font-size:22px;
            font-weight:950;
            letter-spacing:-.025em;
        }

        .feature-card p{
            margin:0;
            color:#667085;
            line-height:1.72;
        }

        .showcase-grid{
            display:grid;
            grid-template-columns:.9fr 1.1fr;
            gap:48px;
            align-items:center;
        }

        .showcase-image{
            position:relative;
            border-radius:34px;
            overflow:hidden;
            box-shadow:0 34px 80px rgba(17,24,39,.16);
            min-height:480px;
            background:linear-gradient(135deg, #dfe7f4, #f8fbff);
        }

        .showcase-image img{
            width:100%;
            height:100%;
            object-fit:cover;
            display:block;
        }

        .benefit-list{
            display:grid;
            gap:14px;
            margin-top:26px;
        }

        .benefit-item{
            display:flex;
            gap:14px;
            align-items:flex-start;
            padding:16px;
            border-radius:20px;
            background:#fff;
            border:1px solid rgba(17,24,39,.08);
            box-shadow:0 14px 34px rgba(17,24,39,.06);
        }

        .benefit-item i{
            color:#00b894;
            font-size:22px;
            margin-top:1px;
        }

        .benefit-item strong{
            display:block;
            margin-bottom:4px;
            color:#101827;
        }

        .benefit-item span{
            color:#667085;
            line-height:1.55;
        }

        .screens-grid{
            display:grid;
            grid-template-columns:repeat(4, 1fr);
            gap:18px;
        }

        .screen-card{
            border-radius:30px;
            overflow:hidden;
            background:#fff;
            border:1px solid rgba(17,24,39,.08);
            box-shadow:0 24px 55px rgba(17,24,39,.10);
        }

        .screen-card img{
            width:100%;
            aspect-ratio:9/16;
            object-fit:cover;
            display:block;
            background:#eef3f8;
        }

        .screen-card-body{
            padding:18px;
        }

        .screen-card h3{
            font-size:18px;
            margin:0 0 8px;
            font-weight:950;
        }

        .screen-card p{
            margin:0;
            color:#667085;
            line-height:1.55;
            font-size:14px;
        }

        .timeline{
            display:grid;
            grid-template-columns:repeat(4, 1fr);
            gap:18px;
            counter-reset:step;
        }

        .timeline-step{
            position:relative;
            padding:26px;
            background:#fff;
            border-radius:28px;
            border:1px solid rgba(17,24,39,.08);
            box-shadow:0 20px 45px rgba(17,24,39,.07);
            counter-increment:step;
        }

        .timeline-step:before{
            content:counter(step);
            display:flex;
            align-items:center;
            justify-content:center;
            width:42px;
            height:42px;
            border-radius:16px;
            background:#101827;
            color:#fff;
            font-weight:950;
            margin-bottom:18px;
        }

        .timeline-step h3{
            margin:0 0 10px;
            font-size:20px;
            font-weight:950;
        }

        .timeline-step p{
            margin:0;
            color:#667085;
            line-height:1.65;
        }

        .security-box{
            display:grid;
            grid-template-columns:1fr 1fr;
            gap:24px;
            align-items:stretch;
            padding:34px;
            border-radius:36px;
            background:linear-gradient(135deg, #101827, #1e2b44);
            color:#fff;
            box-shadow:0 34px 80px rgba(17,24,39,.20);
        }

        .security-box h2{
            font-size:clamp(30px, 4vw, 48px);
            line-height:1.05;
            letter-spacing:-.045em;
            font-weight:950;
            margin:0 0 18px;
        }

        .security-box p{
            color:rgba(255,255,255,.74);
            line-height:1.8;
            margin:0;
        }

        .security-list{
            display:grid;
            gap:12px;
        }

        .security-item{
            display:flex;
            gap:12px;
            padding:16px;
            border-radius:20px;
            background:rgba(255,255,255,.08);
            border:1px solid rgba(255,255,255,.12);
        }

        .security-item i{
            color:#8cffd2;
            font-size:22px;
        }

        .app-cta{
            padding:84px 0 96px;
        }

        .app-cta-box{
            position:relative;
            overflow:hidden;
            border-radius:38px;
            padding:46px;
            background:
                radial-gradient(circle at 10% 20%, rgba(255,255,255,.22), transparent 28%),
                linear-gradient(135deg, #1768ff, #00b894);
            color:#fff;
            display:grid;
            grid-template-columns:1fr auto;
            gap:32px;
            align-items:center;
            box-shadow:0 35px 80px rgba(23,104,255,.25);
        }

        .app-cta-title{
            font-size:clamp(30px, 4vw, 50px);
            line-height:1.05;
            letter-spacing:-.045em;
            font-weight:950;
            margin:0 0 14px;
        }

        .app-cta-text{
            color:rgba(255,255,255,.82);
            font-size:17px;
            line-height:1.7;
            max-width:780px;
        }

        .app-cta-actions{
            display:flex;
            flex-wrap:wrap;
            justify-content:flex-end;
            gap:12px;
        }

        .ap-animations .reveal{
            opacity:0;
            transform:translateY(28px);
            transition:opacity .75s ease, transform .75s ease;
        }

        .ap-animations .reveal.is-visible{
            opacity:1;
            transform:translateY(0);
        }

        @keyframes floatPhone{
            0%,100%{ transform:translateY(0) rotate(3deg); }
            50%{ transform:translateY(-18px) rotate(1deg); }
        }

        @keyframes floatChip{
            0%,100%{ transform:translateY(0); }
            50%{ transform:translateY(-12px); }
        }

        @keyframes pulseGlow{
            0%,100%{ opacity:.75; transform:scale(1); }
            50%{ opacity:1; transform:scale(1.08); }
        }

        @media(max-width:980px){
            .app-hero-grid,
            .showcase-grid,
            .security-box,
            .app-cta-box{
                grid-template-columns:1fr;
            }

            .phone-stage{
                min-height:520px;
            }

            .app-trust-grid,
            .screens-grid,
            .timeline{
                grid-template-columns:repeat(2, 1fr);
            }

            .feature-grid{
                grid-template-columns:1fr 1fr;
            }

            .app-cta-actions{
                justify-content:flex-start;
            }
        }

        @media(max-width:640px){
            .app-hero{
                padding:72px 0 46px;
            }

            .app-trust-grid,
            .feature-grid,
            .screens-grid,
            .timeline{
                grid-template-columns:1fr;
            }

            .phone{
                width:252px;
                height:512px;
            }

            .floating-chip{
                display:none;
            }

            .app-section{
                padding:64px 0;
            }

            .app-cta-box,
            .security-box{
                padding:28px;
                border-radius:28px;
            }
        }
    
html{scroll-padding-top:88px}body.em-app-product{--bg:#f5f8fc;--text:#173652;background:var(--bg);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.em-app-product .cp-header{position:sticky;top:0;z-index:50}.em-app-product .app-hero{padding-top:76px}.em-app-product .app-title{font-size:clamp(42px,5vw,68px);max-width:760px}.em-app-product .app-subtitle{max-width:650px}.em-app-product .app-eyebrow{font-size:12px}.em-app-product .app-section-title{font-size:clamp(29px,3.2vw,44px);line-height:1.17}.em-app-product .app-kicker{color:#087c72}.em-app-product .feature-card p,.em-app-product .timeline-item p{color:#52667a}.em-app-product .phone{height:600px;width:300px}.em-app-product .phone-screen img{width:100%;height:100%;object-fit:cover;display:block}.em-app-product .feature-icon{font-size:24px;font-weight:700}.em-app-product .app-note{font-size:12px;line-height:1.7;color:#6b7b90;margin:20px 0 0}.em-app-product .app-hero .app-note{color:#bfd0e7;max-width:480px}.em-app-product .app-trust{padding:24px 0}.em-app-product .app-stat-value{font-size:21px}.em-app-product .screens-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:24px}.em-app-product .ap-screen{margin:0;min-width:0}.em-app-product .ap-screen img{display:block;width:100%;height:auto;max-width:265px;margin:0 auto 22px;filter:drop-shadow(0 18px 25px rgba(16,38,67,.14))}.em-app-product .ap-screen figcaption{font-size:14px;line-height:1.6;color:#52667a}.em-app-product .ap-screen strong{display:block;color:#173652;font-size:18px;margin-bottom:8px}.em-app-product .ap-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:99px;background:#eaf8f3;color:#066a50;font-size:12px;font-weight:700}.em-app-product .ap-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.em-app-product .ap-pill.future{background:#fff4dd;color:#8b5a09}.em-app-product .ap-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:36px}.em-app-product .ap-role{border:1px solid #dce5ef;background:#fff;border-radius:20px;padding:28px}.em-app-product .ap-role h3{margin:16px 0 12px;color:#173652;font-size:21px}.em-app-product .ap-role p,.em-app-product .ap-role li{font-size:15px;line-height:1.8;color:#52667a}.em-app-product .ap-role ul{padding-left:18px}.em-app-product .ap-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;counter-reset:steps;list-style:none;padding:0;margin:36px 0 0}.em-app-product .ap-steps li{padding:28px;background:#fff;border:1px solid #dce5ef;border-radius:20px;color:#52667a;line-height:1.8}.em-app-product .ap-steps li:before{counter-increment:steps;content:"0" counter(steps);display:block;color:#1479c8;font-weight:800;font-size:29px;margin-bottom:14px}.em-app-product .ap-steps strong{color:#173652;font-size:19px;display:block;margin-bottom:10px}.em-app-product .ap-roadmap{background:#edf3fa}.em-app-product .ap-roadmap .ap-role{background:rgba(255,255,255,.75)}.em-app-product .ap-faq{max-width:850px;margin:auto}.em-app-product .ap-faq details{border-bottom:1px solid #dce5ef;padding:20px 0}.em-app-product .ap-faq summary{font-weight:700;color:#173652;cursor:pointer;line-height:1.6}.em-app-product .ap-faq details p{color:#52667a;line-height:1.8;font-size:15px;margin:16px 0 0}.em-app-product .app-cta-actions a{white-space:normal}.em-app-product .cp-footer{position:static;margin:0}.em-app-product .cp-footer a{word-break:normal}.em-app-product .cp-footer h2{font-size:14px}.em-app-product a:focus-visible{outline:3px solid #e4a83e;outline-offset:4px}.em-app-product .app-actions{flex-wrap:wrap}.em-app-product .ap-section-anchor{scroll-margin-top:90px}
@media(max-width:1000px){.em-app-product .screens-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.em-app-product .ap-role-grid,.em-app-product .ap-steps{grid-template-columns:1fr}.em-app-product .phone-stage{padding-top:12px}.em-app-product .app-title{max-width:800px}.em-app-product .app-hero-grid{gap:26px}}
@media(max-width:640px){.em-app-product .phone{width:252px;height:510px}.em-app-product .screens-grid{gap:22px 14px}.em-app-product .ap-screen strong{font-size:16px}.em-app-product .ap-screen figcaption{font-size:13px}.em-app-product .app-title{font-size:40px}.em-app-product .app-btn{width:100%;justify-content:center}.em-app-product .app-hero{padding-top:50px}.em-app-product .app-section{padding:64px 0}.em-app-product .phone-stage{min-height:560px}.em-app-product .phone-glow{width:300px;height:300px}.em-app-product .app-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.em-app-product .app-stat-value{font-size:18px}.em-app-product .app-stat-label{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.em-app-product *, .em-app-product *:before,.em-app-product *:after{animation:none!important;transition:none!important}.em-app-product .ap-animations .reveal{opacity:1;transform:none}}

.em-app-product .app-btn-ghost{color:#fff}.em-app-product .app-btn-ghost:hover{color:#fff}