:root{
  --navy:#071426; --navy2:#0d1b32; --panel:#10213d; --blue:#1f8bff; --cyan:#00d6d6; --gold:#f59a2f; --text:#f5f8ff; --muted:#a8b6cf; --line:rgba(255,255,255,.12); --white:#fff; --bg:#f5f7fb; --dark:#101828;
}
*{box-sizing:border-box} body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--dark);background:var(--bg);line-height:1.55} a{text-decoration:none;color:inherit} img{max-width:100%;display:block}.wrap{width:min(1180px,92%);margin:auto}.topbar{position:sticky;top:0;z-index:10;background:rgba(7,20,38,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:78px}.brand{display:flex;align-items:center;gap:14px;color:#fff;font-weight:800;letter-spacing:.04em}.brand img{width:54px;height:54px;object-fit:contain}.brand span small{display:block;color:var(--cyan);font-size:12px;letter-spacing:.08em}.menu{display:flex;align-items:center;gap:26px;color:#dce6f7;font-weight:650;font-size:14px}.menu a:hover{color:var(--cyan)}.cta{padding:11px 18px;border-radius:10px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff!important;box-shadow:0 12px 30px rgba(31,139,255,.26)}.hero{background:radial-gradient(circle at 20% 0%,rgba(31,139,255,.32),transparent 35%),linear-gradient(135deg,#071426,#09172b 55%,#081224);color:#fff;padding:82px 0 64px}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:44px;align-items:center}.eyebrow{color:var(--cyan);font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:13px}.hero h1{font-size:56px;line-height:1.04;margin:16px 0}.hero p{font-size:19px;color:#cbd7eb;max-width:660px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 19px;border-radius:12px;font-weight:800}.btn-primary{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff}.btn-secondary{border:1px solid var(--line);color:#fff;background:rgba(255,255,255,.06)}.hero-card{background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:22px;padding:16px;box-shadow:0 24px 80px rgba(0,0,0,.28)}.hero-card img{border-radius:15px}.section{padding:74px 0}.section h2{font-size:36px;margin:0 0 12px}.lead{color:#5b6b84;font-size:18px;max-width:820px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.card{background:#fff;border:1px solid #e4e9f2;border-radius:18px;padding:26px;box-shadow:0 12px 30px rgba(16,24,40,.05)}.card h3{margin:0 0 10px;font-size:21px}.card p{color:#5b6b84;margin:0}.dark{background:linear-gradient(135deg,#071426,#0d1b32);color:#fff}.dark .lead,.dark .card p{color:#b8c5da}.dark .card{background:rgba(255,255,255,.055);border-color:var(--line)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:32px}.product{background:#fff;border:1px solid #e4e9f2;border-radius:20px;overflow:hidden;box-shadow:0 14px 32px rgba(16,24,40,.06)}.product img{height:190px;width:100%;object-fit:cover;object-position:left top}.product .body{padding:22px}.tag{display:inline-block;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--blue);font-weight:900;margin-bottom:8px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:30px}.step{background:#fff;border:1px solid #e4e9f2;border-radius:18px;padding:22px}.num{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;display:grid;place-items:center;font-weight:900;margin-bottom:12px}.screenshot{border-radius:20px;border:1px solid #dfe6f2;box-shadow:0 20px 50px rgba(16,24,40,.12);overflow:hidden;background:#fff}.split{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.footer{background:#061224;color:#aebbd0;padding:36px 0}.footer-grid{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer strong{color:#fff}.page-hero{padding:62px 0;background:linear-gradient(135deg,#071426,#10213d);color:#fff}.page-hero h1{font-size:46px;margin:8px 0}.list{padding-left:18px;color:#5b6b84}.dark .list{color:#b8c5da}.contact-box{background:#fff;border:1px solid #e4e9f2;border-radius:20px;padding:30px;box-shadow:0 12px 30px rgba(16,24,40,.06)}.contact-box input,.contact-box textarea{width:100%;padding:14px;border:1px solid #d6deea;border-radius:10px;margin:8px 0 14px;font:inherit}.contact-box button{border:0;cursor:pointer}.mobile-toggle{display:none;color:white;font-size:28px}
@media(max-width:850px){.menu{display:none;position:absolute;top:78px;left:0;right:0;background:#071426;flex-direction:column;padding:22px}.menu.open{display:flex}.mobile-toggle{display:block}.hero-grid,.split{grid-template-columns:1fr}.hero h1{font-size:40px}.cards,.product-grid,.steps{grid-template-columns:1fr}.footer-grid{display:block}.product img{height:auto}}