:root{--navy:#071a39;--blue:#1178ff;--cyan:#13d7db;--paper:#f6fbff;--line:#dfeaf6;--muted:#60748d;--shadow:0 24px 70px rgba(12,43,86,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--navy);background:#fff}a{text-decoration:none;color:inherit}
.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 4vw;background:rgba(255,255,255,.92);backdrop-filter:blur(15px);border-bottom:1px solid rgba(9,42,83,.08)}
.brand{display:flex;align-items:center;gap:11px}.brandtext{display:flex;flex-direction:column}.brandtext strong{font-size:24px;letter-spacing:-.04em}.brandtext small{font-size:8px;letter-spacing:.2em;margin-top:5px}
.wmark{position:relative;width:58px;height:44px;display:inline-block}.wmark i,.wmark b,.wmark em{position:absolute}.wmark i{left:3px;bottom:1px;width:18px;height:39px;border-radius:16px;background:linear-gradient(180deg,#197eff,#08276b);transform:rotate(-28deg)}.wmark b{left:22px;bottom:1px;width:18px;height:34px;border-radius:16px;background:linear-gradient(180deg,#19c0ff,#0a64df);transform:rotate(25deg)}.wmark em{right:0;top:1px;width:11px;height:11px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),#08aaf9)}.wmark.small{transform:scale(.76);transform-origin:left center;width:46px}.wmark.big{transform:scale(2);transform-origin:center}
nav{display:flex;gap:25px;font-weight:800;font-size:14px;color:#425a77}nav a:hover{color:var(--blue)}
.langs{display:flex;gap:5px;padding:5px;border:1px solid var(--line);border-radius:999px}.langs button{border:0;background:transparent;border-radius:999px;padding:7px 9px;cursor:pointer;font-weight:900;color:#46617e}.langs button.active{background:#eaf3ff;color:var(--blue)}.langs span{font-size:10px}
.brandHero{padding:34px 4vw 8px;background:linear-gradient(180deg,#fff,#f8fcff)}.brandHero img{display:block;width:min(100%,1400px);aspect-ratio:691/295;object-fit:cover;margin:auto;border-radius:30px;box-shadow:var(--shadow);background:#eaf3ff}
.intro{padding:58px 5vw 78px;text-align:center;background:linear-gradient(180deg,#f8fcff,#fff)}.intro>*{max-width:900px;margin-left:auto;margin-right:auto}.kicker{display:block;font-size:11px;font-weight:1000;letter-spacing:.18em;color:#4d6d8e}.intro h1{font-size:clamp(44px,6vw,80px);line-height:.95;letter-spacing:-.05em;margin-top:16px;margin-bottom:20px}.intro p{font-size:20px;line-height:1.6;color:#516b87}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:999px;font-weight:1000}.primary{background:linear-gradient(135deg,var(--blue),#0861d6);color:#fff;box-shadow:0 12px 28px rgba(17,120,255,.24)}
.section{padding:88px 5vw}.sectionHead{max-width:820px;margin-bottom:34px}.sectionHead h2{font-size:clamp(38px,5vw,64px);line-height:.98;letter-spacing:-.05em;margin:15px 0}.sectionHead p{font-size:19px;line-height:1.55;color:#5b718b}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{min-height:330px;padding:30px;border-radius:30px;border:1px solid #e0ebf6;background:linear-gradient(145deg,#fff,#f7fbff);box-shadow:0 16px 48px rgba(15,54,101,.07);position:relative;overflow:hidden}.card:after{content:"";position:absolute;width:210px;height:210px;border-radius:50%;right:-95px;bottom:-110px;background:radial-gradient(circle,rgba(17,120,255,.13),transparent 70%)}.cardCopy{position:relative;z-index:2}.productName{font-size:13px;font-weight:1000;color:var(--blue);letter-spacing:.05em}.card h3{font-size:31px;line-height:1.05;letter-spacing:-.04em;margin:16px 0 12px}.card p{color:#60748b;line-height:1.5}.bullets{display:grid;gap:8px;margin:19px 0 24px}.bullets span{font-size:13px;font-weight:800;color:#3f5874}.bullets span:before{content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#e7f2ff;color:var(--blue);margin-right:8px}.more{display:inline-flex;border:0;background:transparent;padding:0;color:var(--blue);font-weight:1000;cursor:pointer}
.about{display:grid;grid-template-columns:240px 1fr;gap:54px;align-items:center;padding:90px 7vw;background:linear-gradient(135deg,#06172f,#0b2e5e);color:#fff}.aboutLogo{width:180px;height:180px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.96);box-shadow:0 24px 60px rgba(0,0,0,.2)}.light{color:#80b9ef}.about h2{font-size:clamp(40px,5vw,64px);line-height:.98;letter-spacing:-.05em;margin:14px 0}.about p{font-size:19px;line-height:1.6;color:#c2d4e7;max-width:850px}
footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:40px 5vw;border-top:1px solid var(--line);color:#61768f;font-size:13px}
.modal{position:fixed;inset:0;z-index:80;display:none;place-items:center;padding:20px;background:rgba(3,16,35,.62);backdrop-filter:blur(8px)}.modal.open{display:grid}.modalCard{width:min(760px,96vw);max-height:88vh;overflow:auto;background:#fff;border-radius:30px;padding:32px;box-shadow:0 30px 90px rgba(0,0,0,.28);position:relative}.close{position:absolute;right:18px;top:14px;border:0;background:#eef5fc;width:38px;height:38px;border-radius:50%;font-size:23px;cursor:pointer}.modalCard h2{font-size:44px;line-height:.98;letter-spacing:-.045em;margin:10px 0}.modalCard p{font-size:17px;line-height:1.55;color:#5e7189}.modalBenefits{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.modalBenefits span{padding:17px;border:1px solid var(--line);border-radius:18px;font-weight:850}.purchase{margin-top:8px}.soon{padding:16px 18px;border-radius:16px;background:#f3f8fd}
@media(max-width:980px){nav{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about{grid-template-columns:1fr}.aboutLogo{width:140px;height:140px}}
@media(max-width:680px){.topbar{padding:11px 15px;flex-wrap:wrap}.brandtext strong{font-size:20px}.brandtext small{font-size:7px}.langs{order:3;width:100%;justify-content:space-between}.brandHero{padding:20px 12px 5px}.brandHero img{border-radius:20px}.intro{padding:42px 18px 58px}.intro p{font-size:17px}.section{padding:65px 18px}.grid{grid-template-columns:1fr}.card{min-height:auto}.about{padding:65px 25px}.modalBenefits{grid-template-columns:1fr}footer{flex-direction:column;align-items:flex-start}}
/* Product promo tile grid */
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.productTile{padding:0!important;display:flex!important;flex-direction:column;min-height:0!important;border-radius:28px!important;overflow:hidden;background:#fff!important}
.productTile:after{display:none!important}
.promoFrame{position:relative;aspect-ratio:4/3;overflow:hidden;background:#eaf3ff}
.promoFrame img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease}
.productTile:hover .promoFrame img{transform:scale(1.035)}
.promoFrame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(5,22,46,.55))}
.promoBadge{position:absolute;left:18px;bottom:16px;z-index:2;padding:8px 11px;border-radius:999px;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);font-size:12px;font-weight:1000;color:#0b2a53;box-shadow:0 8px 22px rgba(0,0,0,.12)}
.productTile .cardCopy{padding:23px 24px 26px;display:flex;flex-direction:column;flex:1}
.productTile .cardCopy h3{font-size:29px;margin:12px 0 10px}
.productTile .cardCopy p{margin:0 0 8px}
.productTile .bullets{margin:14px 0 20px}
.tileCta{margin-top:auto;font-size:14px}
@media(max-width:980px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.grid{grid-template-columns:1fr}.promoFrame{aspect-ratio:16/10}.productTile .cardCopy{padding:20px 20px 24px}.productTile .cardCopy h3{font-size:27px}}