
:root{--bg:#f7f8fa;--ink:#121a26;--muted:#637080;--navy:#061e39;--line:#e6eaf0;--blue:#2563eb;--sky:#d6eaff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}header.site-header{height:70px;position:sticky;top:0;z-index:20;background:#ffffffdf;backdrop-filter:blur(24px);border-bottom:1px solid #e9ecf0}.head-inner{max-width:1270px;margin:auto;padding:0 38px;height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:760;letter-spacing:-.55px}.brand-mark{height:36px;width:36px;border-radius:12px;background:#09233e;display:grid;place-items:center;color:#fff}.brand-mark svg{width:23px}.nav{display:flex;align-items:center;gap:30px}.nav a{color:#4b5969;font-weight:570;font-size:13px;transition:color .2s}.nav a:hover{color:#0a1f39}.nav .nav-cta{background:#0e243c;color:#fff;border-radius:99px;padding:11px 18px}.container{max-width:1270px;padding:0 38px;margin:0 auto}.eyebrow{text-transform:uppercase;letter-spacing:2.8px;font-size:11px;font-weight:800;color:#32659c}.hero{position:relative;min-height:735px;overflow:hidden;background:linear-gradient(145deg,#f8fafc 5%,#edf3fa 95%)}.hero .container{position:relative;z-index:2}.hero-content{max-width:890px;padding:130px 0 110px}.hero h1{font-size:clamp(64px,8vw,116px);line-height:.99;letter-spacing:-.075em;font-weight:760;margin:24px 0 28px}.hero h1 em{font-style:normal;color:#66798e}.hero p{font-size:clamp(17px,2vw,22px);line-height:1.5;max-width:620px;color:#556579;letter-spacing:-.4px;margin:0 0 34px}.pill-link{display:inline-flex;align-items:center;gap:11px;background:#102b49;color:white;border-radius:99px;padding:15px 24px;font-size:14px;font-weight:700;transition:transform .2s,background .2s}.pill-link:hover{background:#1e466e;transform:translateY(-2px)}.pill-link svg{height:17px;width:17px}.second-link{display:inline-flex;align-items:center;margin-left:22px;gap:6px;color:#215f9f;font-size:14px;font-weight:700}.second-link svg{width:16px}.hero-art{position:absolute;top:6%;right:-12%;height:700px;width:720px;border-radius:50%;background:radial-gradient(circle at 33% 28%,#fff 0%,#c8dff8 19%,#427ab2 44%,#062b53 73%,#041324 93%);box-shadow:inset 24px 30px 120px #ffffff70,0 42px 100px #376ca728;opacity:.55;filter:saturate(.9)}.orbit{position:absolute;top:10%;right:-10%;height:750px;width:750px;border:1px solid #9cc1e450;border-radius:50%;transform:rotate(-20deg) scaleX(1.42)}.mini-stat{display:flex;align-items:center;gap:24px;margin-top:90px;color:#718296;font-size:12px;font-weight:700;letter-spacing:.5px}.mini-stat span{display:flex;align-items:center;gap:9px}.mini-stat .dot{height:7px;width:7px;background:#2577bf;border-radius:50%}.section{padding:116px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.section h2{font-size:clamp(40px,5vw,66px);line-height:1.07;letter-spacing:-.065em;margin:16px 0 0}.section-head p{font-size:17px;line-height:1.6;color:#667587;max-width:350px;margin:0 0 7px}.product-grid{display:grid;grid-template-columns:1.22fr 1fr;gap:20px}.tile{position:relative;overflow:hidden;min-height:425px;background:#fff;border:1px solid var(--line);border-radius:27px;padding:40px;transition:transform .25s,box-shadow .25s}.tile:hover{transform:translateY(-5px);box-shadow:0 18px 45px #102a4812}.tile.dark{background:#082640;color:#fff;border-color:#082640}.tile.dark .tile-sub{color:#b6c9db}.tile-flag{font-size:11px;text-transform:uppercase;letter-spacing:1.6px;font-weight:800;color:#286eb3}.tile.dark .tile-flag{color:#8cc8ff}.tile h3{font-size:clamp(32px,3.8vw,48px);line-height:1.08;letter-spacing:-.055em;margin:15px 0}.tile-sub{font-size:16px;color:#627287;line-height:1.6;max-width:370px}.tile-action{margin-top:26px;display:inline-flex;align-items:center;gap:9px;color:#2165a2;font-size:13px;font-weight:800}.tile.dark .tile-action{color:#cce6ff}.tile-action svg{width:17px}.tile-large{grid-row:span 2;min-height:870px}.feature-surface{position:absolute;bottom:-45px;left:7%;right:7%;height:370px;background:#f7fbff;border:1px solid #d9e9f8;border-radius:25px 25px 0 0;box-shadow:0 2px 50px #0002;padding:25px;color:#17344c;transform:rotate(-4deg)}.feature-surface .bar{height:8px;background:#e6edf4;border-radius:99px;margin-bottom:28px;width:35%}.feature-surface .big{font-size:61px;font-weight:800;letter-spacing:-4px}.feature-surface .small{color:#748294;font-size:13px}.feature-surface .bars{display:flex;align-items:end;gap:9px;height:110px;margin-top:24px}.feature-surface .bars i{display:block;flex:1;background:linear-gradient(#52aae7,#1e5f9e);border-radius:8px 8px 0 0}.feature-surface .bars i:nth-child(1){height:34%}.feature-surface .bars i:nth-child(2){height:55%}.feature-surface .bars i:nth-child(3){height:78%}.feature-surface .bars i:nth-child(4){height:65%}.feature-surface .bars i:nth-child(5){height:96%}.feature-surface .bars i:nth-child(6){height:84%}.tile-symbol{position:absolute;bottom:12px;right:-25px;font-weight:850;font-size:220px;line-height:1;color:#cad9e850;letter-spacing:-20px}.tile-symbol.green{color:#83b3a923}.tile-symbol.gold{color:#e6ba6430}.tile-symbol.violet{color:#9686cc26}.tile.sand{background:#faf7f1}.tile.ice{background:#f0f5fa}.tile.lavender{background:#f5f3fa}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.banner{padding:95px 45px;text-align:center;background:linear-gradient(130deg,#102c4b,#061728);color:#fff;border-radius:30px;position:relative;overflow:hidden}.banner:before{content:'';width:400px;height:400px;background:#347eaf33;position:absolute;border-radius:50%;filter:blur(45px);top:-170px;right:-110px}.banner>*{position:relative}.banner h2{font-size:clamp(35px,4.9vw,65px);letter-spacing:-.06em;margin:20px auto;max-width:700px}.banner p{max-width:620px;margin:0 auto;color:#b9ccdd;font-size:16px;line-height:1.7}.trust{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin-top:34px;color:#bed6ee;font-size:12px}.trust span:before{content:'•';color:#69aee9;margin-right:10px}.footer{border-top:1px solid var(--line);padding:48px 0;background:#fff}.footer-flex{display:flex;justify-content:space-between;gap:30px}.footer p{max-width:660px;color:#84909d;font-size:12px;line-height:1.7}.footer small{font-size:12px;color:#81909f}.placeholder{min-height:calc(100vh - 220px);display:flex;align-items:center;text-align:center;padding:70px 0}.placeholder .container{max-width:780px}.placeholder-mark{height:86px;width:86px;margin:auto;border-radius:24px;background:linear-gradient(145deg,#dceafa,#accfeb);display:grid;place-items:center;font-size:39px;color:#2b6497}.placeholder h1{font-size:clamp(52px,7vw,85px);letter-spacing:-.075em;line-height:1.04;margin:25px auto}.placeholder p{font-size:19px;line-height:1.6;color:#627285;max-width:630px;margin:0 auto 35px}.preview-tag{border:1px solid #d4dce6;background:white;padding:9px 15px;border-radius:100px;display:inline-block;color:#67798b;font-size:12px;font-weight:750;letter-spacing:.4px}.mobile-menu{display:none} @media(max-width:900px){.hero-art{right:-60%;opacity:.34}.hero-content{padding:100px 0}.product-grid{grid-template-columns:1fr}.tile-large{grid-row:auto;min-height:650px}.tile{min-height:350px}.feature-surface{height:255px}.feature-surface .big{font-size:42px}.feature-surface .bars{height:75px}.tile-symbol{font-size:160px}.section{padding:75px 0}} @media(max-width:630px){header.site-header{height:62px}.head-inner,.container{padding-left:20px;padding-right:20px}.brand{font-size:15px}.brand-mark{height:32px;width:32px}.nav{display:none}.mobile-menu{display:inline-flex;color:#2f5e86;font-size:12px;font-weight:700}.hero{min-height:650px}.hero-art{height:490px;width:490px;right:-290px;top:100px}.hero-content{padding:95px 0 55px}.hero h1{font-size:clamp(61px,12vw,82px)}.hero p{font-size:17px}.second-link{display:flex;margin:21px 0}.mini-stat{margin-top:70px;gap:12px;flex-wrap:wrap}.section h2{font-size:45px}.section-head{display:block}.section-head p{margin-top:22px;font-size:15px}.tile{padding:30px;border-radius:22px;min-height:345px}.tile-large{min-height:600px}.tile h3{font-size:40px}.tile-sub{font-size:15px}.lower-grid{grid-template-columns:1fr}.banner{padding:70px 24px;border-radius:23px}.footer-flex{display:block}.placeholder h1{font-size:55px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.tile,.pill-link{transition:none}}
