*{box-sizing:border-box}
:root{--bg:#07111f;--panel:#0d1a2b;--line:#20344d;--text:#edf5ff;--muted:#9eb0c7;--green:#6ee7b7;--blue:#8ec5ff}
body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.7}
a{color:inherit}.wrap{max-width:1160px;margin:auto;padding:0 22px}
.nav{position:sticky;top:0;background:#07111fee;backdrop-filter:blur(14px);border-bottom:1px solid var(--line);z-index:10}
.navin{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{font-weight:850;text-decoration:none}.brand span{color:var(--green)}
.links{display:flex;gap:16px;align-items:center}.links a{text-decoration:none;color:#a9b9cb}.links a:hover{color:#fff}
.btn{display:inline-block;padding:10px 16px;border:1px solid #29425e;border-radius:11px;text-decoration:none;font-weight:750}
.primary{background:var(--green);color:#062016;border-color:var(--green)}.blue{background:var(--blue);color:#07111f;border-color:var(--blue)}
.hero{text-align:center;padding:90px 22px}.hero h1{font-size:clamp(2.6rem,6vw,5.2rem);line-height:1.02;letter-spacing:-.055em;margin:20px auto;max-width:940px}
.hero p,.lead{color:var(--muted);max-width:760px;margin:0 auto 30px}.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.section{padding:68px 0}.section h2{font-size:clamp(2rem,4vw,3rem);line-height:1.1;letter-spacing:-.035em}
.grid,.productgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.productgrid{grid-template-columns:repeat(2,1fr)}
.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:24px}.card h3{margin-top:8px}.muted{color:var(--muted)}
.tag,.eyebrow{display:inline-block;border:1px solid #28506e;border-radius:999px;padding:4px 11px;color:#a9d7ff;background:#0b2033;font-size:.82rem}
.product{min-height:300px;display:flex;flex-direction:column}.product .actions{margin-top:auto;justify-content:flex-start}
.icon{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;font-weight:900;font-size:1.35rem;background:#12304a;color:var(--green);border:1px solid #28506e}.icon.vault{color:var(--blue)}
.steps .step{display:grid;grid-template-columns:48px 1fr;gap:16px;margin:20px 0}.num{width:44px;height:44px;border-radius:12px;background:#12304a;display:grid;place-items:center;color:var(--green);font-weight:800}
.ad{min-height:120px;border:1px dashed #35516e;border-radius:15px;display:grid;place-items:center;text-align:center;color:#71869f;margin:30px 0}
.article{max-width:860px;margin:auto;padding:70px 22px}.article h1{font-size:clamp(2.3rem,5vw,4.3rem);line-height:1.08;letter-spacing:-.045em}.article h2{margin-top:42px}.article p,.article li{color:#c3d0df}
.article pre{background:#06101c;border:1px solid var(--line);padding:18px;border-radius:14px;overflow:auto}
.callout,.notice{padding:22px;background:#0b2033;border:1px solid #28506e;border-radius:15px;margin:28px 0}
.footer{border-top:1px solid var(--line);padding:40px 0;color:var(--muted)}.footerlinks{display:flex;gap:18px;flex-wrap:wrap}.footerlinks a{text-decoration:none}
.hero-product{padding:75px 0 35px}.logo-row{display:flex;gap:12px;align-items:center;margin-bottom:18px}
@media(max-width:850px){.links{display:none}.grid,.productgrid{grid-template-columns:1fr}.hero{padding-top:65px}.hero-product{padding-top:50px}}