:root{--bg:#070f22;--panel:#0B1F44;--panel2:#10284f;--acc:#128266;--acc2:#1fb38d;--tx:#e7edf7;--mu:#9fb0cc;--bd:#1d3561}
*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--tx);line-height:1.6}
a{color:var(--acc2)}.wrap{max-width:1100px;margin:auto;padding:0 20px}
header{position:sticky;top:0;background:rgba(7,15,34,.95);border-bottom:1px solid var(--bd);z-index:9}
.nav{display:flex;align-items:center;justify-content:space-between;height:64px}.logo{font-weight:800;color:var(--tx);text-decoration:none;font-size:1.15rem}.logo span{color:var(--acc2)}
nav a{color:var(--mu);text-decoration:none;margin-left:18px;font-size:.95rem}nav a:hover{color:var(--tx)}
.btn{display:inline-block;background:var(--acc);color:#fff!important;padding:12px 22px;border-radius:8px;text-decoration:none;font-weight:700;border:0;cursor:pointer;font-size:1rem}.btn:hover{background:var(--acc2)}.btn.ghost{background:transparent;border:2px solid var(--acc)}
.hero{padding:80px 0 60px;background:radial-gradient(circle at 80% 0,#12306a 0,transparent 60%)}.hero h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.15;margin:0 0 16px}.hero p{color:var(--mu);font-size:1.15rem;max-width:620px}.cta{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}
.shot{margin-top:40px;border:2px dashed var(--bd);border-radius:12px;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;color:var(--mu);background:var(--panel)}
section{padding:64px 0;border-top:1px solid var(--bd)}h2{font-size:2rem;margin:0 0 10px}.sub{color:var(--mu);margin:0 0 32px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.card{background:var(--panel);border:1px solid var(--bd);border-radius:12px;padding:22px}.card h3{margin:0 0 8px;color:var(--acc2)}.card p{margin:0;color:var(--mu)}
.fmts{display:flex;flex-wrap:wrap;gap:12px}.fmt{background:var(--panel2);border:1px solid var(--acc);border-radius:8px;padding:14px 22px;font-weight:800;font-size:1.3rem}
ol.steps{counter-reset:s;list-style:none;padding:0}ol.steps li{counter-increment:s;background:var(--panel);border:1px solid var(--bd);border-radius:12px;padding:18px 18px 18px 70px;margin-bottom:12px;position:relative}ol.steps li:before{content:counter(s);position:absolute;left:18px;top:16px;width:36px;height:36px;border-radius:50%;background:var(--acc);display:flex;align-items:center;justify-content:center;font-weight:800}
.price{max-width:460px;margin:auto;text-align:center;border:2px solid var(--acc)}.price .amt{font-size:2rem;font-weight:800;margin:10px 0}.tag{display:inline-block;background:#3a2a05;color:#ffcf5c;border:1px dashed #ffcf5c;padding:2px 10px;border-radius:6px;font-size:.8rem}
ul.check{text-align:left;padding-left:0;list-style:none}ul.check li:before{content:"✓ ";color:var(--acc2);font-weight:800}
table{width:100%;border-collapse:collapse;margin-top:24px}td,th{padding:10px;border-bottom:1px solid var(--bd);text-align:left}th{color:var(--acc2)}
details{background:var(--panel);border:1px solid var(--bd);border-radius:10px;padding:14px 18px;margin-bottom:10px}summary{cursor:pointer;font-weight:700}
form.signup{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}form.signup input{flex:1;min-width:220px;padding:12px;border-radius:8px;border:1px solid var(--bd);background:var(--bg);color:var(--tx);font-size:1rem}
footer{padding:30px 0;color:var(--mu);font-size:.9rem;border-top:1px solid var(--bd)}
@media(max-width:760px){nav a:not(.btn){display:none}.hero{padding:50px 0 40px}section{padding:46px 0}}
.addon{margin-top:28px;border-color:var(--acc2)}.addon p{margin:0 0 16px}.addon-k{color:var(--acc2);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:800;margin:0 0 6px}
.pgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;align-items:stretch}.pgrid .price{max-width:none;margin:0;border:1px solid var(--bd);display:flex;flex-direction:column}.pgrid .price .btn{margin-top:auto}.price .per{margin:0 0 8px}.was{color:var(--mu);font-size:1.3rem;font-weight:600;margin-right:6px}.launch{color:#ffcf5c!important;font-weight:700;margin:0!important}.price.best{border:2px solid var(--acc2);background:var(--panel2);position:relative;box-shadow:0 0 0 4px rgba(31,179,141,.15)}.best-tag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--acc2);color:#04140f;font-weight:800;font-size:.8rem;padding:3px 12px;border-radius:999px}.trial{margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-color:var(--acc)}
form.signup .consent{flex-basis:100%;color:var(--mu);font-size:.95rem;display:flex;gap:8px;align-items:flex-start}form.signup .consent input{flex:none;min-width:0;margin-top:5px}
form.signup .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.signup-msg{flex-basis:100%;margin:4px 0 0;color:var(--acc2);font-weight:700;min-height:1.2em}.fine{flex-basis:100%;margin:0;color:var(--mu);font-size:.85rem}
.page{max-width:720px}.page h1{font-size:2.2rem;margin:0 0 10px}.page h2{font-size:1.3rem;margin:26px 0 6px}
form.move{display:grid;gap:12px;margin-top:20px}form.move input{padding:12px;border-radius:8px;border:1px solid var(--bd);background:var(--bg);color:var(--tx);font-size:1rem}
.msg{padding:12px 14px;border-radius:8px;display:none}.msg.ok{display:block;background:#0d2a22;border:1px solid var(--acc2)}.msg.err{display:block;background:#3a0d12;border:1px solid #ff6b6b}

.btn.soon{opacity:.6;cursor:default}.btn.soon:hover{background:var(--acc)}