*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:#14213d;background:#fff}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:16px clamp(18px,5vw,70px);background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid #e8eef6}.brand{display:flex;align-items:center;gap:10px;font-weight:900;color:#072a64}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#0b4fb3;color:#fff}.brand strong{color:#00a676}.nav{display:flex;align-items:center;gap:24px;font-weight:800;color:#31415d}.nav a:hover{color:#00a676}.menu-toggle{display:none;border:0;background:#072a64;color:#fff;border-radius:12px;width:44px;height:44px;font-size:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;border-radius:999px;background:#00a676;color:#fff;font-weight:900;box-shadow:0 16px 36px rgba(0,166,118,.25);transition:.2s}.btn:hover{transform:translateY(-2px);box-shadow:0 22px 48px rgba(0,166,118,.32)}.btn.secondary{background:#fff;color:#072a64;border:1px solid #d8e2ef;box-shadow:none}.btn.small{padding:10px 16px}.hero{overflow:hidden;display:grid;grid-template-columns:1.04fr .96fr;gap:48px;align-items:center;padding:80px clamp(20px,6vw,90px) 110px;background:linear-gradient(180deg,#f3f9ff,#fff)}.hero-text{max-width:820px}.eyebrow{display:inline-block;margin:0 0 18px;padding:8px 14px;border-radius:999px;background:#e8f2ff;color:#0b4fb3;text-transform:uppercase;letter-spacing:.05em;font-size:.76rem;font-weight:950}.eyebrow.green{background:#e9fff5;color:#008a61}.hero h1{font-size:clamp(3.1rem,6vw,6.4rem);line-height:.95;letter-spacing:-.075em;margin:0 0 24px;color:#071b3f}.lead{font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.75;color:#536278}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:32px 0}.hero-points{display:flex;gap:10px;flex-wrap:wrap}.hero-points span,.logos span{padding:10px 14px;border-radius:999px;background:#fff;border:1px solid #dce7f4;color:#31415d;font-weight:800}.hero-media{position:relative;min-height:620px}.phone-main,.phone-float{position:absolute;border-radius:30px;box-shadow:0 35px 75px rgba(7,27,63,.25);background:#072a64}.phone-main{width:400px;right:28%;top:0;transform:rotate(-4deg)}.phone-float{width:310px;right:0;top:105px;transform:rotate(7deg)}.logos{width:min(1120px,calc(100% - 36px));margin:-48px auto 30px;padding:22px;border-radius:24px;background:#fff;box-shadow:0 20px 55px rgba(7,27,63,.1);display:flex;gap:10px;flex-wrap:wrap;justify-content:center;position:relative;z-index:4}.section{padding:85px clamp(20px,6vw,90px)}.section-title{text-align:center;max-width:860px;margin:0 auto 48px}.section-title h2,.split h2,.cta h2,.page-hero h1{font-size:clamp(2.2rem,4.8vw,4.8rem);line-height:1.03;letter-spacing:-.06em;margin:0 0 16px;color:#071b3f}.section-title p{color:#536278;line-height:1.7;font-size:1.08rem}.benefit-grid,.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1180px;margin:auto}.benefit,.feature-card{border:1px solid #e1eaf5;border-radius:26px;background:#fff;padding:28px;box-shadow:0 14px 36px rgba(7,27,63,.07);transition:.2s}.feature-card{min-height:230px}.feature-card:hover,.benefit:hover{transform:translateY(-6px);box-shadow:0 24px 55px rgba(7,27,63,.12)}.feature-card span{font-size:2.2rem}.feature-card h3,.benefit h3{color:#072a64;margin-bottom:10px}.feature-card p,.benefit p{color:#536278;line-height:1.65}.split{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;margin:20px clamp(20px,6vw,90px);padding:60px;border-radius:34px;background:linear-gradient(135deg,#072a64,#0b4fb3);color:#fff}.split h2{color:#fff}.split p{color:#dcebff;font-size:1.1rem;line-height:1.75}.text-link{font-weight:950;color:#fff}.split-panel{display:grid;gap:16px}.check{padding:20px;border-radius:18px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);font-weight:900}.screenshots{background:#f6f9fd}.screens-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;max-width:1220px;margin:auto}.screens-grid img{border-radius:26px;box-shadow:0 18px 45px rgba(7,27,63,.14);background:#072a64}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:980px;margin:auto}.mini-card{display:flex;gap:12px;align-items:center;padding:18px;border-radius:18px;background:#fff;border:1px solid #e1eaf5;box-shadow:0 10px 25px rgba(7,27,63,.06);font-weight:900;color:#072a64}.cta{margin:40px auto 90px;width:min(1120px,calc(100% - 40px));text-align:center;padding:70px 30px;border-radius:34px;background:radial-gradient(circle at 20% 20%,rgba(0,166,118,.24),transparent 30%),linear-gradient(135deg,#071b3f,#0b4fb3);color:#fff}.cta h2{color:#fff}.cta p{color:#dcebff}.footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:34px;padding:55px clamp(20px,6vw,90px);background:#071b3f;color:#fff}.footer p{color:#b9c7dc;line-height:1.7}.footer a{display:block;margin:9px 0;color:#dcebff}.footer h3{color:#00d084}.footer-brand{margin-bottom:14px;color:#fff}.page-hero{display:grid;grid-template-columns:1fr 410px;gap:60px;align-items:center;padding:75px clamp(20px,6vw,90px) 90px;background:linear-gradient(180deg,#f3f9ff,#fff)}.page-hero p{color:#536278;line-height:1.75;font-size:1.16rem}.page-shot{border-radius:30px;box-shadow:0 30px 70px rgba(7,27,63,.2);background:#072a64}.content-section{max-width:980px;margin:auto;padding:40px 20px 90px}.content-section h2{font-size:2.4rem;letter-spacing:-.04em;color:#071b3f}.content-section p,.content-section li{color:#536278;line-height:1.8;font-size:1.05rem}.related{background:#f6f9fd}.faq-list{max-width:960px;margin:auto}.faq-list details{padding:22px 24px;margin:14px 0;border-radius:18px;background:#fff;border:1px solid #e1eaf5;box-shadow:0 10px 25px rgba(7,27,63,.06)}.faq-list summary{font-weight:950;cursor:pointer;color:#072a64}.reveal{opacity:0;transform:translateY(24px);transition:.7s}.reveal.visible{opacity:1;transform:none}@media(max-width:1000px){.hero,.page-hero,.split{grid-template-columns:1fr}.hero-media{order:-1;min-height:520px}.benefit-grid,.feature-grid,.mini-grid{grid-template-columns:repeat(2,1fr)}.screens-grid{grid-template-columns:repeat(2,1fr)}.phone-main{left:10%;right:auto}.phone-float{right:10%}.footer{grid-template-columns:1fr 1fr}}@media(max-width:720px){.nav{display:none;position:absolute;top:76px;left:16px;right:16px;flex-direction:column;align-items:stretch;padding:16px;border-radius:20px;background:#fff;box-shadow:0 20px 55px rgba(7,27,63,.16)}.nav.open{display:flex}.menu-toggle{display:block}.hero{padding:55px 20px 85px}.hero h1{font-size:3.25rem}.hero-media{min-height:390px}.phone-main{width:230px;left:0}.phone-float{width:180px;right:0;top:70px}.hero-actions .btn{width:100%}.benefit-grid,.feature-grid,.screens-grid,.mini-grid{grid-template-columns:1fr}.split{margin:20px;padding:34px 24px}.footer{grid-template-columns:1fr}.page-hero h1{font-size:3rem}}
.support-grid,.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1120px;margin:0 auto}
.support-card,.download-card{border:1px solid #e1eaf5;border-radius:26px;background:#fff;padding:28px;box-shadow:0 14px 36px rgba(7,27,63,.07)}
.support-card span,.download-card span{font-size:2rem}
.support-card h3,.download-card h3{color:#072a64;margin-bottom:10px}
.support-card p,.download-card p{color:#536278;line-height:1.7}
@media(max-width:1000px){.support-grid,.download-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.support-grid,.download-grid{grid-template-columns:1fr}}

.brand img {
    width: 52px;
    height: 52px;
}

.brand {
    gap: 14px;
}

.brand span{
    font-size: 2rem;
    font-weight: 800;
}


.eyebrow{

    display:inline-flex;
    align-items:center;
    gap:8px;

    background:#2F69D9;
    color:#fff;

    padding:8px 18px;

    border-radius:40px;

    font-size:13px;

    font-weight:700;

    letter-spacing:1px;
}