:root{--navy:#07111f;--blue:#1264e8;--cyan:#16b8c4;--ink:#142033;--muted:#64748b;--bg:#f5f8fc;--white:#fff;--line:#e4eaf2}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.65}
a{text-decoration:none;color:inherit}.top{background:var(--navy);color:#dbe8fa;font-size:14px}.wrap{max-width:1180px;margin:auto;padding:0 22px}.top .wrap{display:flex;justify-content:space-between;gap:18px;padding-top:9px;padding-bottom:9px}.top span{margin-right:18px}
nav{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.navin{display:flex;align-items:center;justify-content:space-between;min-height:78px}.brand{font-weight:900;font-size:22px;letter-spacing:-.5px;color:var(--navy)}.brand b{color:var(--blue)}.menu{display:flex;gap:28px;font-weight:700;color:#334155}.menu a:hover,.menu .active{color:var(--blue)}
.btn{display:inline-block;background:var(--blue);color:white;padding:12px 19px;border-radius:10px;font-weight:800;box-shadow:0 10px 25px #1264e825}.btn.alt{background:#eaf2ff;color:#0d56c9;box-shadow:none}
.hero{background:radial-gradient(circle at 80% 20%,#1c7cf040,transparent 35%),linear-gradient(135deg,#07111f,#0e2341);color:white;padding:88px 0}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;align-items:center}.eyebrow{color:#6fe3df;font-weight:900;text-transform:uppercase;letter-spacing:2px;font-size:13px}.hero h1{font-size:58px;line-height:1.06;letter-spacing:-2.5px;margin:15px 0}.hero p{font-size:19px;color:#c8d7eb;max-width:680px}.hero-card{background:#ffffff12;border:1px solid #ffffff20;border-radius:24px;padding:28px;backdrop-filter:blur(8px)}.hero-card .stat{display:flex;justify-content:space-between;border-bottom:1px solid #ffffff20;padding:16px 0}.hero-card .stat:last-child{border:0}
section{padding:76px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:34px}.section-head h2{font-size:38px;line-height:1.15;margin:8px 0}.section-head p{color:var(--muted);max-width:650px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 12px 35px #0b1c3510}.icon{width:46px;height:46px;border-radius:12px;background:#eaf2ff;color:var(--blue);display:grid;place-items:center;font-weight:900;margin-bottom:15px}.card h3{margin:8px 0;font-size:20px}.card p{color:var(--muted);margin:0}
.band{background:#eaf4ff}.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.feature-list{display:grid;gap:13px;margin-top:22px}.feature-list div{background:#fff;border:1px solid var(--line);padding:16px;border-radius:12px}.feature-list b{display:block}.feature-list span{color:var(--muted);font-size:14px}
.catalog{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.product img{display:block;width:100%;aspect-ratio:1.45;object-fit:cover;background:#0d1b30}.product .body{padding:16px}.product h3{font-size:17px;margin:0 0 6px}.product p{font-size:13px;color:var(--muted);min-height:63px;margin:0 0 10px}.price{font-weight:900;color:var(--blue);font-size:18px}.note{font-size:12px;color:#7a8798}
.pagehero{padding:65px 0;background:linear-gradient(135deg,#eaf3ff,#fff)}.pagehero h1{font-size:48px;margin:0 0 8px}.pagehero p{max-width:750px;color:var(--muted);font-size:18px}
.quote{background:var(--navy);color:#fff;border-radius:24px;padding:40px}.quote p{font-size:23px;margin:0;color:#d7e5f6}
footer{background:#06101c;color:#b9c8da;padding:52px 0 25px}.foot{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:35px}.foot h3{color:#fff}.foot p{max-width:470px}.foot a{display:block;margin:8px 0;color:#cbd8e9}.copyright{border-top:1px solid #ffffff16;margin-top:35px;padding-top:18px;font-size:13px}
@media(max-width:900px){.hero-grid,.split{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.catalog{grid-template-columns:1fr 1fr}.hero h1{font-size:45px}.menu{gap:14px;font-size:14px}}
@media(max-width:620px){.top .wrap{display:block}.navin{min-height:68px}.menu{gap:12px;font-size:13px}.navin .btn{display:none}.cards,.catalog{grid-template-columns:1fr}.hero{padding:60px 0}.hero h1{font-size:38px}.section-head{display:block}.pagehero h1{font-size:38px}}