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