:root{--bg:#1b1d17;--bg2:#24271f;--ink:#e8e4d6;--dim:#a39f8e;--od:#5b6b3a;--amber:#2f8fff;--line:#3a3d31}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
.wrap{max-width:1120px;margin:auto;padding:0 22px}.narrow{max-width:760px}.center{text-align:center}
h1,h2,h3,.logo,.price,.tag,.flag{font-family:"Arial Narrow",Impact,"Oswald",sans-serif;letter-spacing:.04em;text-transform:uppercase}
h1{font-size:clamp(2.1rem,5vw,3.6rem);line-height:1.05;margin:.3em 0}h1 span{color:var(--amber);font-size:.55em;display:block;margin-top:.4em}
h2{font-size:clamp(1.8rem,4vw,2.6rem);margin:0 0 .2em}h3{margin:.2em 0;color:var(--amber)}
section{padding:80px 0;border-top:1px solid var(--line)}.alt{background:var(--bg2);background-image:repeating-linear-gradient(45deg,transparent 0 14px,#ffffff05 14px 15px)}
.sub,.dim{color:var(--dim)}.lead{font-size:1.15rem}.tag{color:var(--amber);font-size:.9rem}
.nav{position:sticky;top:0;z-index:9;background:#14150fee;border-bottom:2px solid var(--amber)}.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:60px}
.logo{color:var(--ink);text-decoration:none;font-weight:700;font-size:1.3rem}.mark{color:var(--amber)}
nav a{color:var(--ink);text-decoration:none;margin-left:20px;font-size:.92rem}nav a:hover{color:var(--amber)}.menu{display:none;background:none;border:0;color:var(--ink);font-size:1.6rem}
.btn{display:inline-block;background:var(--amber);color:#fff;font-weight:800;text-decoration:none;padding:13px 24px;border-radius:3px;text-transform:uppercase;letter-spacing:.05em;border:2px solid var(--amber)}
.btn.ghost{background:none;color:var(--amber)}.cta{display:flex;gap:14px;flex-wrap:wrap;margin:24px 0}
.chips{list-style:none;padding:0;display:flex;gap:10px;flex-wrap:wrap}.chips li{border:1px solid var(--od);padding:4px 12px;font-size:.85rem;color:var(--dim)}
.grid2{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center}
.device{perspective:900px}.lid{background:#2b2e25;border:10px solid #111;border-radius:14px 14px 4px 4px;padding:14px;box-shadow:0 0 0 3px var(--od)}
.screen{background:#0b0f08;color:#8fe36b;font:14px/1.5 ui-monospace,Menlo,monospace;padding:16px;min-height:170px;border-radius:4px;box-shadow:inset 0 0 30px #8fe36b22}.screen p{margin:0 0 6px}.screen .dim{color:#5c8f47}
.cursor{animation:b 1s steps(1) infinite}@keyframes b{50%{opacity:0}}
.base{height:90px;background:linear-gradient(#3b3f30,#2a2d22);border:6px solid #111;border-top:0;border-radius:0 0 16px 16px;display:flex;align-items:center;justify-content:center;gap:18px}
.base i{width:44px;height:26px;background:#151612;border:2px solid var(--od);border-radius:3px}.base b{color:var(--amber);font-size:.8rem}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-top:30px}
.card{background:#1f2119;border:1px solid var(--line);border-left:4px solid var(--amber);padding:20px}.card p{margin:.4em 0 0;color:var(--dim)}
.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:30px}
.steps li{border:1px solid var(--line);padding:20px;background:var(--bg)}.steps b{font-size:2rem;color:var(--od)}.steps p{color:var(--dim);margin:0}
.note{border:1px dashed var(--od);padding:14px 18px;color:var(--dim);margin-top:26px}
.list li{margin:8px 0}.shield{display:flex;justify-content:center}.shield div{width:220px;height:250px;background:var(--od);clip-path:polygon(50% 0,100% 15%,100% 55%,50% 100%,0 55%,0 15%);display:flex;align-items:center;justify-content:center;text-align:center;font:800 3rem/1 Impact,sans-serif;color:var(--ink)}.shield small{font-size:1.2rem;color:var(--amber)}
.tiers{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:30px}.tier{position:relative;border:2px solid var(--line);padding:30px;background:var(--bg2)}.tier.best{border-color:var(--amber)}
.flag{position:absolute;top:-13px;right:20px;background:var(--amber);color:#fff;padding:2px 10px;font-size:.8rem;font-weight:800}
.price{font-size:3rem;margin:.1em 0;font-weight:800}.tier ul{padding-left:20px;color:var(--dim);margin-bottom:24px}
details{border-bottom:1px solid var(--line);padding:16px 0}summary{cursor:pointer;font-weight:700}details p{color:var(--dim)}
footer{padding:30px 0;border-top:2px solid var(--amber);color:var(--dim);font-size:.85rem}
@media(max-width:820px){.grid2,.tiers{grid-template-columns:1fr}.menu{display:block}nav{display:none;position:absolute;top:60px;left:0;right:0;background:#14150f;flex-direction:column;padding:10px 22px}.open nav{display:flex}nav a{margin:10px 0}section{padding:56px 0}}
.confirm{background:#fff3b0;color:#7a4b00;font-weight:700;padding:0 4px;border-radius:3px}
footer .legal{font-size:.8rem;opacity:.75;margin-top:.5rem}footer .legal a{color:inherit;text-decoration:underline}

.contact-form{display:grid;gap:12px;text-align:left;max-width:520px;margin:20px auto 0}
.contact-form label{display:grid;gap:4px;font-weight:600}
.contact-form input,.contact-form textarea{font:inherit;padding:10px;border:1px solid #9ab;border-radius:8px;width:100%;box-sizing:border-box}
.contact-form .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.thanks{background:#e3f6e8;color:#145a2a;padding:10px;border-radius:8px}
.err{background:#fde8e8;color:#8a1c1c;padding:10px;border-radius:8px}

.kitphoto{display:block;max-width:560px;width:100%;height:auto;margin:0 auto 32px;border-radius:12px}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:0 0 32px}.gallery img{width:100%;height:auto;border-radius:12px;display:block}