:root{--bg:#0b1730;--bg2:#0f1e3d;--line:#1d3160;--blue:#4da3ff;--txt:#e8eefc;--mut:#a9b8d9}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--txt);font:16px/1.65 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;
background-image:radial-gradient(60rem 30rem at 85% -10%,#1b3f7a55,transparent),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='98'%3E%3Cpath d='M28 66L0 50V16L28 0l28 16v34L28 66zm0 32V66' fill='none' stroke='%23142a52' stroke-width='1'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}
.wrap{max-width:1120px;margin:auto;padding:0 22px}
h1,h2,h3,.logo,.price,.stats b{font-family:"Space Grotesk",sans-serif;letter-spacing:-.02em}
h1{font-size:clamp(2.4rem,6vw,4.2rem);line-height:1.04;margin:.4rem 0 1.2rem}h1 span{color:var(--blue)}
h2{font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.1;margin-bottom:1.6rem}h3{font-size:1.3rem;margin-bottom:.4rem}
.eyebrow{color:var(--blue);font-weight:600;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}
.lead{font-size:1.15rem;color:var(--mut);max-width:34rem}.small{color:var(--mut);font-size:.9rem;margin-top:1rem}
.nav{position:sticky;top:0;z-index:9;backdrop-filter:blur(12px);background:#0b1730cc;border-bottom:1px solid var(--line)}
.navin{display:flex;justify-content:space-between;align-items:center;height:64px}
.logo{display:flex;gap:10px;align-items:center;font-weight:700;font-size:1.15rem}
nav{display:flex;gap:26px;align-items:center;font-size:.95rem;color:var(--mut)}nav a:hover{color:#fff}
.btn{display:inline-block;background:var(--blue);color:#06122a;font-weight:600;padding:.85rem 1.4rem;border-radius:10px;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 24px #4da3ff33}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px #4da3ff55}
.btn.ghost{background:transparent;color:#fff;border:1px solid #35528c;box-shadow:none}.btn.ghost:hover{border-color:var(--blue)}
.btn.sm{padding:.5rem 1rem;color:#06122a}.btn.big{font-size:1.1rem;padding:1rem 1.8rem;margin-top:1.6rem}
.hero{padding:72px 0 56px}.herogrid{display:grid;grid-template-columns:1.3fr .7fr;gap:56px;align-items:center}
.ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:1.8rem}
.photo{position:relative}.photo img{width:100%;height:auto;border-radius:22px;border:1px solid var(--line);box-shadow:0 30px 80px #0008,0 0 0 8px #4da3ff10}
.tag{position:absolute;left:-18px;bottom:28px;background:#0f1e3dee;border:1px solid var(--line);padding:.7rem 1rem;border-radius:12px;display:grid;font-size:.85rem}.tag span{color:var(--mut)}
.sec{padding:88px 22px}.alt{background:linear-gradient(#0f1e3d,#0b1730);border-block:1px solid var(--line)}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.card,.offer{background:#0f1e3dcc;border:1px solid var(--line);border-radius:18px;padding:28px;transition:border-color .25s,transform .25s}
.card:hover,.offer:hover{border-color:#35528c;transform:translateY(-3px)}
.card i{font-style:normal;color:var(--blue);font-weight:600;font-size:.85rem}.card p,.offer p{color:var(--mut)}
.loop{margin-top:28px;padding:18px 22px;border:1px dashed #35528c;border-radius:14px;font-weight:500}.loop span{color:var(--blue);margin-right:8px}.loop b{color:var(--blue);margin:0 6px}
.offer{display:flex;flex-direction:column;gap:10px}.offer.feat{border-color:#4da3ff66;box-shadow:0 0 0 1px #4da3ff22,0 20px 60px #4da3ff14}
.price{font-size:2.4rem;font-weight:700;color:var(--blue)}.offer ul{list-style:none;padding:0;margin:.4rem 0 1rem;color:var(--txt)}
.offer li{padding-left:24px;position:relative;margin:.35rem 0}.offer li:before{content:"";position:absolute;left:2px;top:.55em;width:10px;height:10px;border:2px solid var(--blue);transform:rotate(45deg);border-radius:2px}
.offer .btn{margin-top:auto;align-self:flex-start}
.buildgrid{display:grid;grid-template-columns:1.2fr .8fr;gap:56px;align-items:center}.buildgrid>div>p{color:var(--mut)}
.stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:1.6rem 0}
.stats div{border:1px solid var(--line);border-radius:14px;padding:16px 18px;background:#0f1e3d99}.stats b{display:block;font-size:2rem;color:#fff}.stats span{color:var(--mut);font-size:.9rem}
.short{max-width:340px;justify-self:center;width:100%}.short iframe{width:100%;aspect-ratio:9/16;border:0;border-radius:20px;border:1px solid var(--line)}
.cta{text-align:center}.cta .lead{margin:auto}
.socials{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:2rem}.socials a{border:1px solid var(--line);padding:.45rem .9rem;border-radius:99px;color:var(--mut);font-size:.9rem}.socials a:hover{color:#fff;border-color:var(--blue)}
.foot{color:#6f81a8;font-size:.85rem;padding:28px 22px 40px;border-top:1px solid var(--line)}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}
@media(max-width:860px){nav a:not(.btn){display:none}.herogrid,.buildgrid,.grid2{grid-template-columns:1fr}.grid3{grid-template-columns:1fr}
.hero{padding:40px 0}.photo{max-width:420px;margin:auto}.tag{left:12px}.sec{padding:64px 22px}.btn{text-align:center}.ctas .btn{flex:1 1 100%}}
.card .tag{position:static;display:inline-block;padding:.25rem .6rem;margin-bottom:.6rem;font-size:.75rem;color:var(--blue);border-radius:999px}