*{box-sizing:border-box;margin:0}body{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#0b1220;color:#e6ecf5;line-height:1.5}
a{color:inherit;text-decoration:none}.wrap{max-width:1160px;margin:auto;padding:0 20px}img{max-width:100%;display:block}
.nav{position:sticky;top:0;z-index:5;background:rgba(11,18,32,.85);backdrop-filter:blur(10px);border-bottom:1px solid #1c2740}
.nav .wrap{display:flex;justify-content:space-between;align-items:center;height:64px}.logo{font-weight:800;font-size:20px;display:flex;gap:10px;align-items:center}
.sq{width:22px;height:22px;border-radius:6px;background:conic-gradient(#22d3a6 0 25%,#6366f1 0 50%,#22d3a6 0 75%,#6366f1 0)}
.btn{display:inline-block;background:linear-gradient(135deg,#22d3a6,#3b82f6);color:#05101f;font-weight:700;padding:14px 26px;border-radius:12px}.btn.sm{padding:9px 16px;font-size:14px}
.hero{padding:72px 0 56px;background:radial-gradient(900px 400px at 80% 0,#1e2a6b 0,transparent 70%)}
.hg{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center}.eyebrow{color:#22d3a6;font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:13px}
h1{font-size:clamp(36px,5.5vw,62px);line-height:1.05;margin:12px 0 16px;letter-spacing:-.02em}h1 span{background:linear-gradient(90deg,#22d3a6,#818cf8);-webkit-background-clip:text;color:transparent}
.lead{font-size:20px;color:#9fb0c8}.cta{display:flex;gap:20px;align-items:center;margin-top:28px}.price{font-size:28px;font-weight:800}.price small{font-size:14px;color:#9fb0c8}
.stack{position:relative;height:400px}.stack img{position:absolute;width:72%;border-radius:14px;box-shadow:0 30px 60px rgba(0,0,0,.5);border:1px solid #2a3a5c}
.stack img:nth-child(1){left:0;top:30px;transform:rotate(-4deg)}.stack img:nth-child(2){right:0;top:0;transform:rotate(3deg)}.stack img:nth-child(3){left:14%;top:150px;z-index:2}
h2{font-size:clamp(26px,3.5vw,38px);text-align:center;margin-bottom:36px;letter-spacing:-.01em}section{padding:64px 0}
.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:s}
.steps li{position:relative;background:#121b2e;border:1px solid #1f2c47;border-radius:16px;padding:26px 18px;text-align:center}
.steps li:not(:last-child)::after{content:"→";position:absolute;right:-16px;top:50%;transform:translateY(-50%);color:#22d3a6;font-size:22px;z-index:1}
.steps i{font-style:normal;font-size:34px;display:block}.steps b{display:block;font-size:20px;margin:8px 0 2px}.steps span{color:#8fa0ba;font-size:14px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}
.card{background:#121b2e;border:1px solid #1f2c47;border-radius:16px;overflow:hidden;transition:.2s}.card:hover{transform:translateY(-4px);border-color:#22d3a6}
.card img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto;background:#fff}.c{padding:16px}.tag{font-size:12px;color:#22d3a6;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
.c h3{font-size:17px;margin:6px 0 12px;min-height:46px}.row{display:flex;justify-content:space-between;align-items:center}.row b{font-size:20px}.go{color:#818cf8;font-size:14px;font-weight:600}
.stats{background:#0e1730}.sg{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:center}.sg b{display:block;font-size:clamp(40px,6vw,64px);font-weight:800;background:linear-gradient(90deg,#22d3a6,#818cf8);-webkit-background-clip:text;color:transparent}.sg span{color:#9fb0c8}
.src{text-align:center;margin-top:28px;font-size:13px;color:#71839f}.src a{text-decoration:underline}
.end{text-align:center}.end h2{margin-bottom:24px}footer{border-top:1px solid #1c2740;padding:28px 0;font-size:13px;color:#71839f;text-align:center}
@media(max-width:800px){.hg{grid-template-columns:1fr}.stack{height:280px}.steps{grid-template-columns:1fr 1fr}.steps li::after{display:none}.sg{grid-template-columns:1fr}.hero{padding:40px 0}section{padding:48px 0}}

.logo-mark{width:28px;height:28px;display:block;flex-shrink:0}
.logo-word{font-weight:800;font-size:20px;letter-spacing:-.02em;color:#e6ecf5}
.logo .sq{display:none}