*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#0c1110;color:#eef2e8}.page-bg{position:fixed;inset:0;background:radial-gradient(circle at 15% 15%,rgba(255,207,93,.16),transparent 28%),radial-gradient(circle at 86% 20%,rgba(60,153,91,.18),transparent 34%),linear-gradient(180deg,#0c1110,#131716 56%,#0c1110);pointer-events:none}.shell{position:relative;max-width:1180px;margin:0 auto;padding:24px}.nav{height:64px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{font-weight:950;color:#ffd36b;text-decoration:none;font-size:24px;letter-spacing:.2px}.navlinks{display:flex;gap:8px;flex-wrap:wrap}.navlinks a{color:#d7ded2;text-decoration:none;padding:10px 13px;border-radius:6px;border:1px solid transparent}.navlinks a:hover,.navlinks .active{background:#202923;color:#ffd36b;border-color:#39483f}.hero{min-height:620px;display:grid;grid-template-columns:1.02fr .98fr;gap:34px;align-items:center;padding:28px 0 22px}.hero h1{font-size:clamp(58px,9vw,118px);line-height:.88;margin:0;color:#ffd36b;text-shadow:0 8px 34px rgba(0,0,0,.48)}.lead{font-size:22px;line-height:1.55;color:#dbe5d9;max-width:690px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{border:0;background:#ffd36b;color:#17130b;padding:15px 19px;border-radius:7px;font-weight:950;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.btn.alt{background:#1d2a22;color:#eef2e8;border:1px solid #405047}.btn.ghost{background:rgba(11,16,14,.45);border:1px solid #4a584f;color:#eef2e8}.visual{min-height:430px;border-radius:10px;overflow:hidden;position:relative;border:1px solid #34423a;background:url('/assets/hero.png') center/cover}.visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(12,17,16,.82))}.badge-row{position:absolute;left:18px;right:18px;bottom:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;z-index:2}.badge{background:rgba(11,16,14,.78);border:1px solid rgba(255,211,107,.32);border-radius:7px;padding:13px}.badge b{display:block;color:#ffd36b;font-size:21px}.section{padding:34px 0}.section h2{font-size:clamp(30px,5vw,54px);margin:0 0 16px;color:#ffd36b}.muted{color:#b9c6bb;line-height:1.65}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card,.product,.panel,.rule,.command{background:linear-gradient(180deg,#18201d,#121715);border:1px solid #2d3a33;border-radius:9px;padding:20px}.card b,.product h2,.panel h2,.rule b,.command b{color:#ffd36b}.card{min-height:170px;display:grid;align-content:space-between}.card p,.product p,.panel p,.rule p,.command p,li{color:#cbd6cc;line-height:1.55}.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px;align-items:start}.roles{display:flex;flex-wrap:wrap;gap:10px}.roles span{background:#243029;border:1px solid #3d4d43;padding:9px 12px;border-radius:6px;color:#e9efe7}.price{font-size:28px;font-weight:950;color:#ffd36b}.product{display:grid;gap:10px}.rules{display:grid;gap:12px}.rule{display:grid;grid-template-columns:48px 1fr;gap:14px}.num{width:48px;height:48px;border-radius:7px;background:#ffd36b;color:#17130b;display:grid;place-items:center;font-weight:950}.commands{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.command code{display:inline-block;background:#0c1110;border:1px solid #354239;color:#ffd36b;padding:5px 7px;border-radius:5px;margin:2px 4px 2px 0}.modal{position:fixed;inset:0;background:rgba(0,0,0,.72);display:none;align-items:center;justify-content:center;padding:20px;z-index:10}.modal.open{display:flex}.box{width:min(540px,100%);background:#151b19;border:1px solid #405047;border-radius:9px;padding:22px}.box input{width:100%;padding:13px;border-radius:6px;border:1px solid #405047;background:#0c1110;color:#eef2e8;margin:8px 0 14px}.copyline{background:#0c1110;border:1px solid #313c35;border-radius:6px;padding:12px;word-break:break-all;color:#dce6d8}.note{font-size:14px;color:#9daaa1}.footer{padding:28px 0 44px;color:#87968b}@media(max-width:900px){.hero,.split{grid-template-columns:1fr}.grid,.products,.commands{grid-template-columns:1fr}.badge-row{grid-template-columns:1fr}.visual{min-height:360px}.shell{padding:18px}.nav{height:auto;display:grid}.hero{min-height:auto}.lead{font-size:18px}}