:root{--primary: #0b2f5b;--primary-2: #145da0;--accent: #21a7c7;--accent-soft: #e7f7fb;--ink: #16202a;--muted: #607086;--line: #dce7f1;--bg: #f6f9fc;--white: #ffffff;--shadow: 0 18px 45px rgba(11, 47, 91, .11);--radius: 22px;--max: 1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:var(--white);line-height:1.6}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.topbar{background:#071d38;color:#d8e9f8;font-size:13px}.topbar .container{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:9px 0}.site-header{position:sticky;top:0;z-index:50;background:#ffffffeb;border-bottom:1px solid rgba(220,231,241,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav{display:flex;align-items:center;justify-content:space-between;padding:17px 0}.brand{display:flex;gap:12px;align-items:center;color:var(--primary);font-weight:800;letter-spacing:.3px}.brand-mark{display:grid;width:42px;height:42px;place-items:center;color:#fff;font-weight:900;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:13px}.brand-logo{width:48px;height:48px;object-fit:contain;flex:0 0 48px}.brand small{display:block;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:0}.footer-brand-text{color:#fff}.menu{display:flex;gap:26px;align-items:center;color:#26384b;font-size:15px}.menu a:hover,.menu a.router-link-active{color:var(--primary-2)}.nav-cta,.btn{display:inline-flex;gap:9px;align-items:center;justify-content:center;padding:12px 18px;font-weight:700;cursor:pointer;border:1px solid transparent;border-radius:999px}.nav-cta,.btn-primary{color:#fff;background:var(--primary);box-shadow:0 10px 25px #0b2f5b2e}.btn-secondary{color:var(--primary);background:#fff;border-color:var(--line)}.btn-ghost{color:#fff;background:#ffffff29;border-color:#ffffff47}.hamburger{display:none;color:var(--primary);font-size:28px;background:transparent;border:0}.hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(135deg,#071d38,#0d3a6c 55%,#0b6f88)}.hero:after{position:absolute;inset:auto -10% -45% 40%;height:420px;content:"";background:radial-gradient(circle,rgba(56,207,232,.35),transparent 65%)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:center;min-height:660px;padding:70px 0}.eyebrow{display:inline-flex;gap:8px;align-items:center;padding:7px 12px;color:#e8fbff;font-size:13px;background:#ffffff1c;border:1px solid rgba(255,255,255,.25);border-radius:999px}.hero h1{margin:20px 0 18px;font-size:58px;line-height:1.05}.hero p{max-width:650px;color:#d9edf7;font-size:18px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.hero-card{padding:22px;background:#ffffff1f;border:1px solid rgba(255,255,255,.22);border-radius:34px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-video{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;background:#071d38;border:1px solid rgba(255,255,255,.55);border-radius:26px}.image-placeholder{position:relative;display:grid;min-height:410px;padding:30px;overflow:hidden;color:#19486f;text-align:center;background:linear-gradient(135deg,#ffffffe6,#cceff7b8);border:1px solid rgba(255,255,255,.55);border-radius:26px;place-items:center}.image-placeholder:before{position:absolute;top:-60px;right:-60px;width:220px;height:220px;content:"";border:34px solid rgba(33,167,199,.2);border-radius:50%}.image-placeholder strong{font-size:30px;line-height:1.2}.image-placeholder span{display:block;margin-top:10px;color:#476174}.content-image{width:100%;min-height:410px;object-fit:cover;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow)}.stats{position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:-48px}.stat{padding:24px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow)}.stat strong{display:block;color:var(--primary);font-size:30px;line-height:1}.stat span,.muted{color:var(--muted);font-size:14px}.section{padding:86px 0}.section.alt{background:var(--bg)}.section-head{display:flex;gap:30px;align-items:end;justify-content:space-between;margin-bottom:34px}.section-head h2,.page-hero h1{margin:0;color:var(--primary);font-size:42px;line-height:1.12}.section-head p{max-width:680px;margin:12px 0 0;color:var(--muted)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{padding:26px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 8px 28px #0b2f5b0f;transition:.25s}a.card:hover,.card.interactive:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.card-icon{display:grid;width:52px;height:52px;margin-bottom:18px;color:var(--primary);font-size:23px;background:var(--accent-soft);border-radius:15px;place-items:center}.card h3{margin:0 0 10px;color:var(--primary);font-size:22px}.card p{margin:0 0 18px;color:var(--muted)}.link{color:var(--primary-2);font-weight:800}.product-image{display:grid;height:190px;margin-bottom:18px;color:#446278;font-weight:800;background:linear-gradient(135deg,#edf8fb,#fff 50%,#d8edf6);border:1px solid var(--line);border-radius:18px;place-items:center}.product-photo{width:100%;height:210px;margin-bottom:18px;object-fit:cover;border:1px solid var(--line);border-radius:18px}.split{display:grid;grid-template-columns:.95fr 1.05fr;gap:44px;align-items:center}.feature-list{display:grid;gap:14px;margin:24px 0}.feature{display:flex;gap:13px;align-items:flex-start}.tick{display:grid;flex:0 0 26px;width:26px;height:26px;color:var(--primary-2);font-weight:900;background:var(--accent-soft);border-radius:50%;place-items:center}.dark-band{padding:44px;color:#fff;background:linear-gradient(135deg,#071d38,#0d3a6c);border-radius:34px}.dark-band h2{margin:0 0 12px;font-size:38px;line-height:1.14}.dark-band p{color:#d6eaf6}.cta-band{display:flex;gap:26px;align-items:center;justify-content:space-between;padding:42px;color:#fff;background:linear-gradient(135deg,#0b2f5b,#0e7891);border-radius:34px}.cta-band h2{margin:0;font-size:34px}.cta-band p{margin:8px 0 0;color:#dff5fb}.page-hero{padding:72px 0;background:linear-gradient(135deg,#f3f9fc,#fff);border-bottom:1px solid var(--line)}.page-hero p{max-width:760px;color:var(--muted)}.breadcrumbs{margin-bottom:12px;color:var(--muted);font-size:14px}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}.chip{padding:9px 14px;color:#42546a;font-weight:700;background:#fff;border:1px solid var(--line);border-radius:999px}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:18px}table{width:100%;min-width:720px;border-collapse:collapse}th,td{padding:15px 18px;text-align:left;border-bottom:1px solid var(--line)}th{color:var(--primary);background:#f1f7fb}td{color:#4e6073}.form{padding:26px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:7px}.field label{color:#34475c;font-size:14px;font-weight:800}.field input,.field select,.field textarea{width:100%;padding:13px 14px;color:var(--ink);font:inherit;background:#fbfdff;border:1px solid var(--line);border-radius:14px}.field textarea{min-height:132px;resize:vertical}.full{grid-column:1 / -1}.faq-item{margin-bottom:12px;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:18px}.faq-q{display:flex;justify-content:space-between;width:100%;padding:20px;color:var(--primary);font-size:17px;font-weight:800;text-align:left;cursor:pointer;background:#fff;border:0}.faq-a{display:none;padding:0 20px 20px;color:var(--muted)}.faq-item.active .faq-a{display:block}.download-card{display:flex;gap:18px;align-items:center;justify-content:space-between}.footer{padding:60px 0 26px;color:#c7d9ea;background:#071d38}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:28px}.footer h4{margin:0 0 14px;color:#fff}.footer a{display:block;margin:8px 0;color:#c7d9ea}.footer .brand{display:flex}.footer-bottom{padding-top:20px;margin-top:34px;color:#8da8bd;font-size:14px;border-top:1px solid rgba(255,255,255,.12)}.notice{padding:14px 16px;margin:18px 0;color:#754b07;background:#fff7e8;border:1px solid #f0d6a4;border-radius:16px}.mobile-only{display:none}.page-title{margin-top:0;color:var(--primary);font-size:38px;line-height:1.14}@media(max-width:920px){.menu{position:absolute;top:76px;right:20px;left:20px;display:none;flex-direction:column;align-items:flex-start;padding:18px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.menu.open{display:flex}.hamburger{display:block}.hero-grid,.split{grid-template-columns:1fr}.hero-grid{min-height:auto;padding:54px 0}.hero h1{font-size:42px}.stats,.grid-3,.grid-4,.footer-grid{grid-template-columns:1fr 1fr}.section-head,.cta-band{display:block}.cta-band .btn{margin-top:18px}.form-grid{grid-template-columns:1fr}.mobile-only{display:block}}@media(max-width:560px){.container{width:min(100% - 28px,var(--max))}.topbar .container,.nav-cta{display:none}.hero h1{font-size:36px}.section{padding:60px 0}.section-head h2,.page-hero h1{font-size:32px}.stats,.grid-3,.grid-4,.footer-grid{grid-template-columns:1fr}.dark-band,.cta-band{padding:28px;border-radius:24px}.download-card{display:block}.btn{width:100%;margin-top:10px}.hero-actions .btn{width:auto}}