:root{--navy:#071a3a;--blue:#0b5cff;--cyan:#35d0ff;--ice:#eef7ff;--slate:#5e6b7e;--dark:#07111f;--white:#fff;--line:rgba(255,255,255,.16);--shadow:0 24px 70px rgba(7,26,58,.16);--radius:28px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;color:var(--dark);background:#f6f9fc;line-height:1.55}a{text-decoration:none;color:inherit}.page{overflow:hidden}.top-note{background:#06111f;color:#c8d7ee;font-size:13px;padding:9px 24px;text-align:center}.top-note strong{color:#fff}.nav{position:sticky;top:0;z-index:50;background:rgba(7,26,58,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.12)}.nav-inner{max-width:1220px;margin:auto;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;color:#fff}.site-logo{width:78px;height:auto;display:block}.nav-links{display:flex;gap:28px;color:rgba(255,255,255,.82);font-size:15px;align-items:center}.nav-links>a,.drop-trigger{padding:12px 0;display:inline-flex;align-items:center;gap:6px}.nav-links a:hover,.nav-links .active,.drop.active .drop-trigger,.drop:hover .drop-trigger{color:#fff}.drop{position:relative}.mega{position:absolute;top:43px;left:50%;transform:translateX(-50%);width:360px;background:#fff;color:var(--dark);border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.24);padding:14px;display:none;grid-template-columns:1fr;gap:10px;border:1px solid #e7eef7}.drop:hover .mega{display:grid}.mega a{display:block;padding:13px;border-radius:15px;border:1px solid #edf2f8;background:#fbfdff}.mega a:hover{background:#eef7ff}.mega b{display:block;color:var(--navy);font-size:15px;margin-bottom:4px}.mega span{font-size:13px;color:var(--slate)}.mobile-menu-toggle{display:none;background:transparent;border:0;width:42px;height:42px;gap:5px;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}.mobile-menu-toggle span{display:block;width:24px;height:2px;background:#fff;border-radius:99px}.hero{background:radial-gradient(circle at 18% 20%,rgba(53,208,255,.26),transparent 28%),radial-gradient(circle at 82% 12%,rgba(11,92,255,.32),transparent 26%),linear-gradient(145deg,#06142e 0%,#09265a 56%,#06142e 100%);color:#fff;padding:88px 24px}.hero-grid{max-width:1220px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);background:rgba(255,255,255,.08);border-radius:999px;padding:8px 14px;color:#dff7ff;font-size:14px;margin-bottom:24px}.pulse{width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 8px rgba(53,208,255,.12)}h1{font-size:clamp(40px,5.6vw,74px);line-height:.96;margin:0 0 24px;letter-spacing:-2.2px}h2{font-size:clamp(30px,3.8vw,52px);line-height:1.06;margin:0 0 16px;letter-spacing:-1.3px;color:var(--navy)}h3{color:var(--navy)}.hero-copy{font-size:20px;color:rgba(255,255,255,.82);max-width:720px;margin:0 0 34px}.hero-copy strong{color:#fff}.hero-logo{width:600px;height:auto}.hero-points{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.hero-point{border:1px solid var(--line);border-radius:20px;padding:18px;background:rgba(255,255,255,.08)}.hero-point b{display:block;font-size:25px}.hero-point span{font-size:13px;color:rgba(255,255,255,.72)}.btn-row{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:15px;padding:14px 18px;font-weight:900;border:1px solid rgba(255,255,255,.2);transition:.22s ease}.btn-primary{background:#fff;color:var(--navy)}.btn-secondary{background:rgba(255,255,255,.08);color:#fff}.btn:hover{transform:translateY(-2px)}section{padding:86px 24px}.container{max-width:1220px;margin:auto}.section-head{max-width:850px;margin:0 auto 44px;text-align:center}.kicker{font-weight:900;color:var(--blue);letter-spacing:.12em;text-transform:uppercase;font-size:13px;margin-bottom:10px}.lead{font-size:18px;color:var(--slate);margin:0}.white{background:#fff}.light{background:#f6f9fc}.blue-soft{background:linear-gradient(180deg,#eef7ff,#f6f9fc)}.cards,.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card,.product-card,.trust-item{background:#fff;border:1px solid #e7eef7;border-radius:var(--radius);padding:26px;box-shadow:0 18px 50px rgba(7,26,58,.07)}.card p,.product-card p,.trust-item span{color:var(--slate)}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.trust-item b{display:block;color:var(--navy);font-size:17px;margin-bottom:6px}.icon{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,#eaf8ff,#dbeafe);display:grid;place-items:center;font-size:24px;margin-bottom:16px}.split{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center}.panel{background:#fff;border:1px solid #e7eef7;border-radius:34px;padding:34px;box-shadow:0 18px 50px rgba(7,26,58,.07)}.checklist{list-style:none;padding:0;margin:0;display:grid;gap:9px}.checklist li{display:flex;gap:8px;color:#334155}.checklist li:before{content:'✓';font-weight:900;color:var(--blue)}.tabs{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:0 0 34px}.tab{border:1px solid #dbe8f6;background:#fff;color:var(--navy);padding:11px 16px;border-radius:999px;font-weight:900;font-size:14px;cursor:pointer;font-family:inherit}.tab.active{background:var(--navy);color:#fff;border-color:var(--navy)}.product-card.is-hidden{display:none}.prod-head{display:flex;align-items:center;gap:16px;margin-bottom:16px}.prod-logo{width:84px;height:68px;border-radius:22px;background:linear-gradient(180deg,#fff,#f2f8ff);border:1px solid #dfeaf6;display:grid;place-items:center;text-align:center;line-height:1;padding:8px}.prod-logo .brand-small{display:block;color:#e30613;font-size:12px;font-weight:900}.prod-logo .product-name{display:block;color:var(--navy);font-size:14px;font-weight:900}.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.tag{font-size:12px;font-weight:900;border-radius:999px;padding:6px 9px;background:#edf6ff;color:#0b5cff}.tag.green{background:#eafff6;color:#047857}.tag.red{background:#fff0f0;color:#b91c1c}.form{background:#fff;border:1px solid #e7eef7;border-radius:30px;padding:28px;display:grid;gap:14px;box-shadow:var(--shadow)}.form input,.form select,.form textarea{width:100%;border:1px solid #ccd8e6;border-radius:14px;padding:13px;font:inherit}.form textarea{min-height:145px;resize:vertical}.form button{border:0;border-radius:14px;background:var(--navy);color:#fff;padding:14px 18px;font-weight:900;cursor:pointer}.notice{padding:14px;border-radius:12px;margin-bottom:4px;font-size:14px;font-weight:800}.notice.ok{background:#eafff6;border:1px solid #b8f3d7;color:#065f46}.notice.err{background:#fff0f0;border:1px solid #ffc7c7;color:#991b1b}.footer{background:#06111f;color:#c9d6e8;padding:48px 24px}.footer-grid{max-width:1220px;margin:auto;display:grid;grid-template-columns:1.2fr repeat(3,.8fr);gap:30px}.footer-logo{width:92px;height:auto;display:block;margin-bottom:14px}.footer h4{color:#fff;margin:0 0 12px}.footer p,.footer a{color:#9fb1ca;margin:0 0 8px;display:block;font-size:14px}.legal{max-width:1220px;margin:30px auto 0;padding-top:24px;border-top:1px solid rgba(255,255,255,.1);color:#7d8da5;font-size:13px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.legal a{display:inline;color:#9fb1ca}.cookie-banner{position:fixed;left:24px;right:24px;bottom:24px;z-index:99999;display:none;pointer-events:auto}.cookie-box{max-width:980px;margin:0 auto;background:#fff;border:1px solid #dfeaf6;border-radius:22px;padding:20px;box-shadow:0 22px 70px rgba(7,26,58,.22);display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;pointer-events:auto}.cookie-box p{margin:6px 0 10px;color:var(--slate);font-size:14px}.cookie-check{display:inline-flex;gap:6px;align-items:center;margin-right:12px;color:#334155;font-size:13px}.cookie-actions{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:100000;pointer-events:auto}.cookie-actions button{border:1px solid #dbe8f6;background:#fff;color:var(--navy);border-radius:999px;padding:10px 14px;font-weight:900;cursor:pointer;pointer-events:auto;position:relative;z-index:100001}.cookie-actions button:last-child{background:var(--navy);color:#fff;border-color:var(--navy)}@media(max-width:980px){.hero-grid,.split{grid-template-columns:1fr}.cards,.product-grid{grid-template-columns:repeat(2,1fr)}.trust-strip{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.cookie-box{grid-template-columns:1fr}.nav-links{position:absolute;top:100%;left:0;right:0;background:#071a3a;display:none;flex-direction:column;align-items:flex-start;padding:16px 24px;gap:8px}.nav-links.is-open{display:flex}.mobile-menu-toggle{display:flex}.mega{position:static;transform:none;width:100%;box-shadow:none;margin-top:8px}.drop:hover .mega{display:none}.drop.is-open .mega{display:grid}}@media(max-width:620px){.top-note{font-size:12px}.nav-inner{padding:8px 16px}.site-logo{width:64px}.hero{padding:62px 20px}.hero-logo{width:150px}h1{font-size:38px}.hero-points,.cards,.product-grid,.trust-strip,.footer-grid{grid-template-columns:1fr}section{padding:62px 20px}.cookie-banner{left:12px;right:12px;bottom:12px}.cookie-actions{flex-direction:column}.cookie-actions button{width:100%}}


/* Footer redesign */
.footer {
  background:
    radial-gradient(circle at 12% 0%, rgba(53, 208, 255, .14), transparent 28%),
    linear-gradient(145deg, #06111f 0%, #071a3a 55%, #06111f 100%);
  color: #c9d6e8;
  padding: 58px 24px 34px;
}

.footer-grid-new {
  grid-template-columns: 1.45fr .75fr .9fr .9fr;
  align-items: flex-start;
}

.footer-brand p {
  max-width: 420px;
}

.footer-address {
  color: #dbeafe !important;
  font-weight: 700;
}

.footer-logo {
  width: 82px;
  height: auto;
  display: block;
  margin-bottom: 16px;
}

.social-links {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 18px;
}

.social-btn {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  width: fit-content;
  margin: 0 !important;
  padding: 9px 12px;
  border: 1px solid rgba(255, 255, 255, .14);
  border-radius: 999px;
  background: rgba(255, 255, 255, .06);
  color: #ffffff !important;
  font-weight: 800;
  font-size: 13px !important;
  transition: .22s ease;
}

.social-btn span {
  width: 22px;
  height: 22px;
  border-radius: 999px;
  display: inline-grid;
  place-items: center;
  background: #ffffff;
  color: #071a3a;
  font-weight: 900;
  line-height: 1;
}

.social-btn:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, .12);
  border-color: rgba(255, 255, 255, .28);
}

.footer h4 {
  color: #ffffff;
  margin: 0 0 14px;
  font-size: 16px;
}

.footer p,
.footer a {
  color: #9fb1ca;
  margin: 0 0 9px;
  display: block;
  font-size: 14px;
}

.footer a:hover {
  color: #ffffff;
}

.legal {
  max-width: 1220px;
  margin: 34px auto 0;
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, .1);
  color: #7d8da5;
  font-size: 13px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}

.legal a {
  display: inline;
  color: #9fb1ca;
}

@media (max-width: 980px) {
  .footer-grid-new {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 620px) {
  .footer {
    padding: 44px 20px 30px;
  }

  .footer-grid-new {
    grid-template-columns: 1fr;
  }

  .social-links {
    flex-direction: column;
    align-items: flex-start;
  }

  .social-btn {
    width: 100%;
    justify-content: flex-start;
  }
}
