:root{--navy:#071426;--navy2:#0b1d35;--blue:#246bfd;--cyan:#1fc7f2;--text:#0c1b2f;--muted:#64748b;--line:#dbe4ef;--bg:#f7f9fc;--white:#fff;--radius:20px;--shadow:0 18px 50px rgba(8,25,53,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,sans-serif;color:var(--text);background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:50;padding:14px 0;background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-bottom:1px solid rgba(219,228,239,.8);transition:.25s}.site-header.scrolled{box-shadow:0 10px 30px rgba(7,20,38,.08)}.nav-wrap{display:flex;align-items:center;gap:24px}.brand img{height:50px;display:block}.desktop-nav{display:flex;gap:6px;margin-left:auto}.desktop-nav a{padding:10px 14px;border-radius:12px;font-weight:600;color:#42516a;font-size:14px}.desktop-nav a:hover,.desktop-nav a.active{background:#eef4ff;color:#0a4bdc}.nav-actions{display:flex;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:11px 16px;font-weight:700;border:1px solid transparent;transition:.22s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;box-shadow:0 10px 25px rgba(36,107,253,.22)}.btn-ghost{border-color:var(--line);background:#fff}.btn-outline{border-color:#b9c8da;background:transparent}.btn-white{background:#fff;color:#0b1d35}.btn-lg{padding:14px 20px}.mobile-toggle{display:none;margin-left:auto;background:none;border:0;width:42px;height:42px}.mobile-toggle span{display:block;height:2px;background:#0f172a;margin:6px;border-radius:4px}.mobile-nav{display:none}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 80% 20%,rgba(31,199,242,.14),transparent 30%),linear-gradient(135deg,#061427,#0a1d38 65%,#0a2a53);color:white;padding:92px 0 76px}.hero-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,black,transparent 95%)}.hero-layout{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center}.eyebrow,.section-kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#2e65ff}.hero .eyebrow{color:#82e7ff}.eyebrow span{display:inline-block;width:18px;height:2px;background:currentColor;vertical-align:middle;margin-right:8px}.hero h1,.page-hero h1{font-family:'Plus Jakarta Sans',sans-serif;line-height:1.02;letter-spacing:-.045em;margin:18px 0 22px}.hero h1{font-size:clamp(44px,6vw,76px)}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#fff,#72dcff);-webkit-background-clip:text;color:transparent}.hero p{font-size:18px;line-height:1.75;color:#c4d1e3;max-width:700px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 24px}.hero .btn-outline{color:white;border-color:#54708f;background:rgba(255,255,255,.04)}.trust-row{display:flex;flex-wrap:wrap;gap:16px;font-size:13px;color:#c8d4e5}.trust-row i{color:#22d3a6}.hero-panel{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:24px;padding:18px;box-shadow:0 30px 80px rgba(0,0,0,.28);backdrop-filter:blur(18px)}.panel-top{display:flex;justify-content:space-between;padding:4px 4px 16px;font-size:13px;color:#d4deeb}.status-dot{color:#7ee8c5}.code-card{background:#04101e;border-radius:16px;padding:20px;overflow:auto}.code-card pre,.terminal pre{margin:0;color:#c9d6e8;font-family:'Courier New',monospace;line-height:1.65;font-size:13px}.k{color:#67e8f9}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.mini-grid div{padding:14px;border-radius:14px;background:rgba(255,255,255,.07)}.mini-grid strong,.mini-grid span{display:block}.mini-grid span{font-size:11px;color:#9fb1c8;margin-top:3px}.logo-strip{background:#071426;color:#d7e2f0;padding:0 0 34px}.logo-strip-grid{background:#fff;color:#1d2d43;border-radius:18px;display:grid;grid-template-columns:repeat(4,1fr);padding:20px 24px;box-shadow:var(--shadow)}.logo-strip-grid span{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600}.logo-strip-grid i{color:#14b8d4;font-size:18px}.section{padding:96px 0}.section-head{max-width:760px;margin:0 auto 44px}.center{text-align:center}.section h2,.page-hero h1{font-family:'Plus Jakarta Sans';font-size:clamp(34px,4vw,54px);letter-spacing:-.04em;line-height:1.08;margin:14px 0}.section-head p,.page-hero p{color:var(--muted);font-size:17px;line-height:1.75}.card-grid{display:grid;gap:18px}.card-grid.four{grid-template-columns:repeat(4,1fr)}.card-grid.three{grid-template-columns:repeat(3,1fr)}.feature-card{padding:26px;border:1px solid #e3eaf2;border-radius:18px;background:white;box-shadow:0 12px 35px rgba(17,37,65,.05)}.feature-card i{font-size:24px;color:#2367f2}.feature-card h3{margin:18px 0 10px;font-size:18px}.feature-card p{margin:0;color:var(--muted);line-height:1.7}.section-dark{background:linear-gradient(135deg,#061427,#0b2240);color:white}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.muted-light{color:#b8c6d9;line-height:1.75}.light{color:#7fe5ff}.terminal{background:#020b15;border:1px solid #1f3a58;border-radius:20px;overflow:hidden}.terminal-head{padding:12px 16px;background:#091726;border-bottom:1px solid #1c3048;display:flex;gap:7px}.terminal-head span{width:10px;height:10px;border-radius:50%;background:#5e7086}.terminal-head em{margin-left:auto;color:#89a1bb;font-size:12px}.terminal pre{padding:22px;overflow:auto}.cta-box{border:1px solid #e1e8f0;border-radius:24px;padding:34px;display:flex;justify-content:space-between;gap:30px;align-items:center;background:linear-gradient(135deg,#fbfdff,#f4f8ff)}.cta-box h2{font-size:34px;margin:8px 0}.cta-box p{color:var(--muted);margin:0}.cta-actions{display:flex;gap:10px;flex-wrap:wrap}.page-hero{padding:78px 0 34px;background:linear-gradient(180deg,#f6f9ff,#fff)}.narrow{max-width:840px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.service-card{display:grid;grid-template-columns:auto 1fr;gap:20px;padding:30px;border:1px solid #e0e8f1;border-radius:22px;background:#fff;box-shadow:var(--shadow)}.service-icon{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;font-size:26px}.service-icon.blue{background:#eaf1ff;color:#1f63ed}.service-icon.green{background:#e9fbf4;color:#11a56b}.pill{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.12em;padding:6px 9px;border-radius:999px;background:#edf4ff;color:#1e5fde}.service-card h2{font-size:28px;margin:12px 0}.service-card p,.service-card li{color:var(--muted);line-height:1.7}.service-card ul{padding-left:18px}.text-link{font-weight:800;color:#1e5fde}.pricing-panel{display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:center;border:1px solid #dfe7ef;border-radius:24px;padding:34px;background:#fbfdff}.pricing-copy h2{font-size:40px;letter-spacing:-.035em}.pricing-copy p{color:var(--muted);line-height:1.8}.pricing-visual img{max-width:100%;display:block}.contact-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px}.contact-panel,.contact-note{border:1px solid #e1e8ef;border-radius:22px;padding:30px;background:#fff}.contact-row{display:flex;gap:16px;align-items:center;padding:16px 0;border-bottom:1px solid #edf1f5}.contact-row:last-child{border-bottom:0}.contact-row i{width:44px;height:44px;border-radius:12px;background:#eef4ff;display:grid;place-items:center;color:#1f63ed}.contact-row small,.contact-row strong{display:block}.contact-row small{color:#7b8aa0;margin-bottom:3px}.site-footer{background:#071426;color:#c0cee0;padding:60px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:34px}.footer-logo{height:52px;filter:brightness(0) invert(1)}.footer-grid p{max-width:380px;line-height:1.7;color:#8fa4bd}.footer-grid h4{color:white}.footer-grid a{display:block;margin:10px 0;color:#9cb0c7}.footer-bottom{border-top:1px solid #19304d;margin-top:34px;padding-top:20px;display:flex;justify-content:space-between;font-size:13px;color:#7f95af}.wa-float{position:fixed;right:22px;bottom:22px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#16b85d;color:white;font-size:24px;box-shadow:0 10px 30px rgba(22,184,93,.28);z-index:40}.reveal{opacity:0;transform:translateY(18px);transition:.6s ease}.reveal.show{opacity:1;transform:none}.delay-1{transition-delay:.08s}@media(max-width:980px){.desktop-nav,.nav-actions{display:none}.mobile-toggle{display:block}.mobile-nav.open{display:block;border-top:1px solid #e5ebf2;background:white}.mobile-nav-inner{display:grid;gap:5px;padding:14px 0 20px}.mobile-nav a{padding:12px;border-radius:10px;font-weight:700}.mobile-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.hero-layout,.split,.service-grid,.pricing-panel,.contact-grid{grid-template-columns:1fr}.hero-panel{max-width:760px}.card-grid.four,.card-grid.three{grid-template-columns:repeat(2,1fr)}.logo-strip-grid{grid-template-columns:repeat(2,1fr);gap:16px}.footer-grid{grid-template-columns:1fr 1fr}.cta-box{align-items:flex-start;flex-direction:column}}@media(max-width:640px){.container{width:min(100% - 24px,1160px)}.brand img{height:42px}.hero{padding:62px 0 50px}.hero h1{font-size:43px}.hero p{font-size:16px}.hero-actions{display:grid}.hero-actions .btn{width:100%}.trust-row{display:grid;grid-template-columns:1fr 1fr}.mini-grid{grid-template-columns:1fr}.logo-strip-grid,.card-grid.four,.card-grid.three,.footer-grid{grid-template-columns:1fr}.section{padding:68px 0}.service-card{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px}.cta-actions{width:100%;display:grid}.cta-actions .btn{width:100%}}
/* =========================================================
   HERO APP IMAGE
========================================================= */

.hero-visual {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    perspective: 1400px;
}

.hero-image-glow {
    position: absolute;
    width: 78%;
    height: 70%;
    left: 12%;
    top: 15%;
    border-radius: 50%;
    background:
        radial-gradient(
            circle,
            rgba(32, 180, 255, .28) 0%,
            rgba(54, 113, 255, .15) 38%,
            transparent 72%
        );
    filter: blur(35px);
    pointer-events: none;
}

.hero-image-card {
    position: relative;
    width: 100%;
    max-width: 660px;
    padding: 10px;
    border-radius: 26px;

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.18),
            rgba(255,255,255,.035)
        );

    border: 1px solid rgba(255,255,255,.18);

    box-shadow:
        0 35px 80px rgba(0,0,0,.35),
        0 12px 32px rgba(0,110,255,.18);

    transform:
        perspective(1200px)
        rotateY(-5deg)
        rotateX(2deg);

    transition:
        transform .5s cubic-bezier(.2,.8,.2,1),
        box-shadow .5s ease;
}

.hero-image-card::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.12),
            transparent 38%
        );

    pointer-events: none;
    z-index: 2;
}

.hero-image-card:hover {
    transform:
        perspective(1200px)
        rotateY(0deg)
        rotateX(0deg)
        translateY(-7px)
        scale(1.015);

    box-shadow:
        0 45px 100px rgba(0,0,0,.4),
        0 18px 45px rgba(0,143,255,.24);
}

.hero-app-image {
    position: relative;
    z-index: 1;

    display: block;
    width: 100%;
    height: auto;

    border-radius: 18px;
    object-fit: cover;
}


/* =========================================================
   FLOATING CARDS
========================================================= */

.hero-floating-card {
    position: absolute;
    z-index: 5;

    display: flex;
    align-items: center;
    gap: 10px;

    min-width: 150px;
    padding: 12px 15px;

    border-radius: 14px;

    background: rgba(255,255,255,.94);

    border: 1px solid rgba(255,255,255,.65);

    box-shadow:
        0 16px 40px rgba(0,0,0,.20);

    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);

    animation: heroFloat 4.5s ease-in-out infinite;
}

.hero-floating-card i {
    width: 36px;
    height: 36px;

    display: flex;
    align-items: center;
    justify-content: center;

    flex: 0 0 36px;

    border-radius: 10px;

    background: rgba(18,137,255,.12);

    color: #168cf4;
    font-size: 18px;
}

.hero-floating-card strong {
    display: block;

    font-size: 13px;
    font-weight: 800;

    color: #0b1d36;
}

.hero-floating-card span {
    display: block;

    margin-top: 2px;

    font-size: 10px;

    color: #73839b;
}

.hero-floating-card-1 {
    top: -18px;
    right: -28px;
}

.hero-floating-card-2 {
    bottom: -20px;
    left: -25px;

    animation-delay: -2s;
}

@keyframes heroFloat {
    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-9px);
    }
}


/* =========================================================
   HERO IMAGE MOBILE
========================================================= */

@media (max-width: 991px) {

    .hero-visual {
        margin-top: 50px;
    }

    .hero-image-card {
        max-width: 720px;

        transform: none;
    }

    .hero-image-card:hover {
        transform: translateY(-4px);
    }

}


@media (max-width: 640px) {

    .hero-visual {
        margin-top: 38px;
    }

    .hero-image-card {
        padding: 6px;

        border-radius: 18px;
    }

    .hero-app-image {
        border-radius: 13px;
    }

    .hero-floating-card {
        display: none;
    }

    .hero-image-glow {
        width: 92%;
        left: 4%;
    }

}