:root{--navy: #10204a;--navy-deep: #0a1533;--sky: #3f8fe6;--sky-light: #9fd4ff;--gold: #f6b234;--gold-hot: #ffc95c;--gold-dark: #b9781a;--parchment: #fdf3dc;--parchment-edge: #e2c78c;--ink: #3a2a14;--ink-soft: #7a6444;--green: #2f9e58;--red: #c8402f;--radius: 14px;font-family:Trebuchet MS,Segoe UI,system-ui,sans-serif;color:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:linear-gradient(180deg,var(--navy-deep) 0,var(--navy) 420px,#1b3a7a 100%) fixed}#root{min-height:100vh;display:flex;flex-direction:column}main{flex:1}h1,h2,h3{margin:0 0 .4em;line-height:1.15}h1{font-size:clamp(2rem,5vw,3.2rem);font-weight:900}h2{font-size:clamp(1.5rem,3.4vw,2.1rem);font-weight:900;text-align:center;color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.35)}h3{font-size:1.15rem}p{line-height:1.55;margin:0 0 .8em}a{color:var(--gold-dark)}.wrap{width:min(1120px,100% - 32px);margin-inline:auto}.narrow{width:min(760px,100% - 32px)}.section{padding:56px 0}.center{text-align:center}.muted{color:var(--ink-soft)}.band{background:#00000038}.lead{text-align:center;color:#d9e6ff;margin-bottom:28px}.section>.muted.center,.section>p.center{color:#d9e6ff}.section>p.center a{color:var(--gold-hot)}.topbar{position:sticky;top:0;z-index:10;background:#0a1533eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:3px solid var(--gold-dark)}.topbar-row{display:flex;align-items:center;justify-content:space-between;height:62px}.brand{display:flex;align-items:center;gap:10px;color:var(--gold);font-weight:900;font-size:1.4rem;text-decoration:none}.brand img{border-radius:9px}.topbar nav{display:flex;align-items:center;gap:22px}.topbar nav a:not(.btn){color:#e8eefc;text-decoration:none;font-weight:700}.topbar nav a:not(.btn):hover{color:var(--gold-hot)}@media (max-width: 640px){.topbar nav a:not(.btn){display:none}}.btn{display:inline-block;padding:11px 22px;border:0;border-radius:12px;cursor:pointer;font:inherit;font-weight:900;text-decoration:none;text-align:center;color:#3a2606;background:linear-gradient(180deg,var(--gold-hot),var(--gold));box-shadow:0 4px 0 var(--gold-dark),0 8px 16px #00000040;transition:transform .08s,box-shadow .08s,filter .15s}.btn:hover{filter:brightness(1.07)}.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--gold-dark)}.btn:disabled{filter:grayscale(.6) brightness(.9);cursor:default}.btn-small{padding:7px 16px;box-shadow:0 3px 0 var(--gold-dark)}.btn-big{padding:15px 30px;font-size:1.1rem}.btn-wide{width:100%}.btn-ghost{background:#ffffff1f;color:#fff;box-shadow:inset 0 0 0 2px #ffffff8c}.card .btn-ghost{background:#fff7e3;color:var(--ink);box-shadow:inset 0 0 0 2px var(--parchment-edge)}.link{background:none;border:0;padding:0;font:inherit;color:var(--gold-dark);text-decoration:underline;cursor:pointer}.card{background:var(--parchment);border:3px solid var(--parchment-edge);border-radius:var(--radius);box-shadow:0 6px #00000038,0 14px 28px #00000040;padding:22px}.hero{padding:64px 0 72px;color:#fff;background:radial-gradient(ellipse at 75% 20%,rgba(63,143,230,.55),transparent 60%)}.hero-row{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center}.hero h1{text-shadow:0 4px 0 rgba(0,0,0,.35)}.hero h1 em{font-style:normal;color:var(--gold)}.hero p{font-size:1.15rem;color:#d9e6ff;max-width:34em}.hero small{display:block;margin-top:16px;color:#a9bfe8}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}.tag{display:inline-block;margin-bottom:14px;padding:5px 12px;border-radius:999px;background:#f6b2342e;color:var(--gold-hot);font-weight:700;font-size:.9rem}@media (max-width: 860px){.hero-row{grid-template-columns:1fr}}.mock{filter:drop-shadow(0 18px 30px rgba(0,0,0,.45))}.mock-screen{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:10px;aspect-ratio:16 / 10;background:#0b0f1c;border:4px solid #2a3350;border-radius:16px}.mock-stand{width:28%;height:16px;margin:0 auto;background:#2a3350;border-radius:0 0 12px 12px}.mock-cell{position:relative;overflow:hidden;border-radius:6px;background:linear-gradient(180deg,#7cc4ff 0,#cfeaff 62%,#6fbf4f 62%,#3f8f37)}.scene-1{background:linear-gradient(180deg,#ffb36b 0,#ffe0a8 62%,#c98d4a 62%,#8f5d2a)}.scene-2{background:linear-gradient(180deg,#7a6bd6 0,#c9b9ff 62%,#5a8fbf 62%,#2f5f8f)}.scene-3{background:linear-gradient(180deg,#5fd0c4 0,#d2fff3 62%,#e9d58a 62%,#c0a455)}.mock-label{position:absolute;top:6px;left:6px;padding:2px 8px;border-radius:6px;background:#0a1533cc;color:var(--gold);font-size:.72rem;font-weight:900}.mock-hill{position:absolute;left:30%;bottom:30%;width:44%;height:34%;border-radius:50% 50% 0 0;background:#00000029}.mock-tank{position:absolute;bottom:36%;width:9%;aspect-ratio:1;border-radius:50%;border:2px solid rgba(0,0,0,.45)}.mock-tank-a{left:14%;background:#ff5b4d}.mock-tank-b{right:14%;background:#4d7bff}.mock-shot{position:absolute;left:22%;bottom:44%;width:56%;height:38%;border-top:2px dashed rgba(255,255,255,.85);border-radius:50% 50% 0 0}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:28px}.feature-icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:12px;border-radius:12px;background:var(--navy);color:var(--gold);font-size:1.4rem}.feature p,.steps p{margin:0;color:var(--ink-soft)}.steps{list-style:none;padding:0;margin:28px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.step-number{display:grid;place-items:center;width:40px;height:40px;margin-bottom:12px;border-radius:50%;background:var(--gold);color:#3a2606;font-weight:900;font-size:1.2rem;box-shadow:0 3px 0 var(--gold-dark)}.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px;align-items:stretch;margin-bottom:20px}.plan{position:relative;display:flex;flex-direction:column;text-align:center}.plan ul{flex:1;list-style:none;padding:0;margin:14px 0 20px;text-align:left}.plan li{padding:6px 0 6px 26px;position:relative;color:var(--ink-soft)}.plan li:before{content:"✔";position:absolute;left:0;color:var(--green);font-weight:900}.price{margin:4px 0 0;font-size:2.2rem;font-weight:900;color:var(--navy)}.plan-featured{border-color:var(--gold);transform:translateY(-8px)}.plan-ribbon{position:absolute;top:-14px;left:50%;transform:translate(-50%);padding:4px 14px;border-radius:999px;background:var(--red);color:#fff;font-size:.8rem;font-weight:900;white-space:nowrap}.faq{margin-top:14px;padding:0}.faq summary{padding:16px 20px;font-weight:900;cursor:pointer}.faq p{padding:0 20px 16px;margin:0;color:var(--ink-soft)}.auth{display:grid;place-items:center;padding:56px 0}.auth-card{width:min(420px,100%);display:flex;flex-direction:column;gap:14px;text-align:center}.auth-card img{align-self:center;border-radius:16px}.auth-card h1{font-size:1.7rem;margin:0}.auth-card p{margin:0}.auth-card label{display:flex;flex-direction:column;gap:6px;text-align:left;font-weight:700;font-size:.92rem}input{padding:11px 14px;border:2px solid var(--parchment-edge);border-radius:10px;background:#fffaf0;font:inherit;color:var(--ink)}input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #f6b2344d}input[readonly]{background:#f1e6cc;color:var(--ink-soft)}.auth-links{display:flex;flex-direction:column;gap:8px;align-items:center}.notice{padding:12px 16px;border-radius:10px;background:#fff3cd;border:2px solid #e6c766;color:#5c4705;text-align:center}.notice-ok{background:#dff5e6;border-color:#8fd0a6;color:#185c33}.notice-error{background:#fde3df;border-color:#eaa197;color:#7d2116}.account-card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;margin-bottom:36px}.account-card p{margin:0 0 4px}.account-actions{display:flex;flex-direction:column;align-items:center;gap:12px}.status{font-size:1.3rem;font-weight:900}.status-ok{color:var(--green)}.status-warn{color:var(--gold-dark)}.status-error{color:var(--red)}section.narrow>h1{color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.35);margin-bottom:24px}section.narrow>h2{margin-top:12px}.orders{width:100%;border-collapse:separate;border-spacing:0;padding:6px 18px;margin-top:18px}.orders td{padding:10px 6px;border-bottom:1px solid var(--parchment-edge)}.orders tr:last-child td{border-bottom:0}.footer{padding:28px 0;background:var(--navy-deep);color:#9fb2d9;font-size:.88rem;text-align:center;border-top:3px solid var(--gold-dark)}.footer p{margin:0 0 6px}