:root{
  --bg:#071624; --bg2:#0b2237; --panel:#ffffff; --ink:#102033; --muted:#667085;
  --brand:#0ea5a8; --brand2:#2f80ed; --soft:#eef9fa; --line:#dbe7ef;
  --shadow:0 24px 70px rgba(9,30,56,.18); --radius:24px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--ink);background:#fff;line-height:1.6}
a{color:inherit;text-decoration:none}.container{width:min(1120px,92%);margin:auto}.site-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{font-weight:800;font-size:1.35rem;display:flex;gap:.65rem;align-items:center}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand2))}.nav-links{display:flex;gap:2rem;font-weight:600;color:#344054}.nav-links a:hover{color:var(--brand)}.menu-toggle{display:none;background:none;border:0;font-size:1.8rem}
.hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 80% 10%,rgba(47,128,237,.45),transparent 35%),linear-gradient(135deg,var(--bg),var(--bg2));padding:112px 0}.hero:after{content:"";position:absolute;inset:auto -10% -35% 35%;height:420px;background:rgba(14,165,168,.22);filter:blur(90px);border-radius:50%}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr .9fr;gap:4rem;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:800;color:var(--brand)}.hero .eyebrow{color:#84f3ef}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.8rem,7vw,5.8rem);line-height:.95;letter-spacing:-.06em;margin-bottom:1.3rem}h2{font-size:clamp(2rem,4vw,3.25rem);line-height:1.05;letter-spacing:-.04em;margin-bottom:1rem}.lead{font-size:1.22rem;color:#d9e7f2;max-width:620px}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}

.btn {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    padding:.9rem 1.35rem;
    font-weight:800;
    border:1px solid transparent;
    cursor:pointer;
    transition:all 0.25s ease;
}

.btn.primary {
    background:linear-gradient(135deg,var(--brand),var(--brand2));
    color:#fff;
    box-shadow:0 12px 30px rgba(47,128,237,.25);
}

.btn.primary:hover {
    transform:translateY(-3px);
    box-shadow:0 18px 40px rgba(47,128,237,.35);
    filter:brightness(1.08);
}

.btn.primary:active {
    transform:translateY(-1px);
}
.btn.primary:hover {
    background:linear-gradient(
        135deg,
        #18bfc2,
        #4a96f5
    );
}


.btn.secondary{color:#fff;border-color:rgba(255,255,255,.3);background:rgba(255,255,255,.08)}
.dashboard-card{background:rgba(255,255,255,.94);color:var(--ink);border-radius:30px;padding:1.1rem;box-shadow:var(--shadow);transform:rotate(1.5deg)}.dash-top{display:flex;gap:.45rem;margin-bottom:1rem}.dash-top span{width:12px;height:12px;border-radius:50%;background:#c5d7e6}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem}.metrics div,.card,.feature-panel,.steps div{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem}.metrics strong{display:block;font-size:1.35rem}.metrics small{color:var(--muted)}.chart{margin-top:1rem;border-radius:18px;background:#f3f8fb}.bars{height:180px;display:flex;align-items:end;gap:1rem;padding:1rem}.bars i{flex:1;border-radius:10px 10px 0 0;background:linear-gradient(180deg,var(--brand2),var(--brand));min-height:40px}.bars i:nth-child(2){height:70%}.bars i:nth-child(3){height:45%}.bars i:nth-child(4){height:85%}.bars i:nth-child(5){height:60%}.bars i:nth-child(6){height:92%}.line{height:74px;background:linear-gradient(135deg,transparent 48%,var(--brand) 49%,var(--brand2) 52%,transparent 53%),#f3f8fb}
.section{padding:96px 0}.alt{background:var(--soft)}.cards.three{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2rem}.card h3,.steps h3{font-size:1.25rem;margin-bottom:.45rem}.card p,.split p,.steps p{color:var(--muted)}.split{display:grid;grid-template-columns:1.1fr .8fr;gap:3rem;align-items:center}.check-list{padding:0;margin:1.5rem 0 0;list-style:none}.check-list li{margin:.75rem 0;padding-left:2rem;position:relative}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--brand);font-weight:900}.feature-panel{box-shadow:var(--shadow)}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:1.2rem}.mini-grid span{background:var(--soft);border-radius:16px;padding:1rem;font-weight:800;text-align:center}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2rem}.steps span{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--soft);color:var(--brand);font-weight:900;margin-bottom:1rem}
.cta{padding:96px 0;background:linear-gradient(135deg,var(--bg),var(--bg2));color:#fff}.cta-box{display:grid;grid-template-columns:.9fr 1fr;gap:3rem;align-items:start}.cta p{color:#d9e7f2}.contact-form{background:#fff;color:var(--ink);border-radius:var(--radius);padding:1.4rem;display:grid;gap:1rem}.contact-form label{font-weight:700}.contact-form input,.contact-form textarea{width:100%;margin-top:.35rem;border:1px solid var(--line);border-radius:14px;padding:.9rem;font:inherit}.footer{padding:28px 0;background:#06111d;color:#c7d5e2}.footer-inner{display:flex;justify-content:space-between;gap:1rem}
#form-status {
    margin-top: 15px;
    font-weight: 600;
    text-align: center;
}
@media(max-width:860px){.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;padding:1rem 4%;box-shadow:var(--shadow);flex-direction:column}.menu-open .nav-links{display:flex}.hero-grid,.split,.cta-box{grid-template-columns:1fr}.cards.three,.steps{grid-template-columns:1fr}.hero{padding:80px 0}.section,.cta{padding:72px 0}.metrics{grid-template-columns:1fr}.footer-inner{flex-direction:column}.dashboard-card{transform:none}}