:root{--bg:#0b1020;--panel:#121a2f;--text:#f5f7fb;--muted:#68758d;--accent:#3ddc97;--blue:#1768e5;--border:#e3e9f1;--ink:#182235}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f5f7fb;color:var(--ink);line-height:1.6}
header{background:#0b1020;color:#fff}nav{max-width:1120px;margin:auto;padding:18px 24px;display:flex;justify-content:space-between;align-items:center}
.logo{font-size:1.25rem;font-weight:800}.logo span{color:var(--accent)}nav a{color:#dbe3ef;text-decoration:none;margin-left:18px}
.hero{max-width:1120px;margin:auto;padding:62px 24px 72px}.hero h1{font-size:clamp(2.2rem,5vw,4.4rem);line-height:1.03;margin:14px 0}.hero p{max-width:780px;color:#c4cede;font-size:1.08rem}
.badge{display:inline-block;background:#17362f;color:#8ff0c3;border-radius:999px;padding:6px 10px;font-size:.8rem;font-weight:700}
main{max-width:1050px;margin:auto;padding:46px 24px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card,.product{background:#fff;border:1px solid var(--border);border-radius:18px;padding:24px;box-shadow:0 7px 20px rgba(20,32,55,.05)}
.card h3{margin-top:8px}.card p,.muted{color:var(--muted)}.card a,.textlink{color:var(--blue);font-weight:700;text-decoration:none}
.cta,.btn{display:inline-block;background:var(--accent);color:#062518;text-decoration:none;font-weight:800;padding:13px 17px;border-radius:11px}.btn{background:var(--blue);color:#fff}
.notice{background:#fff8e7;border:1px solid #eddca6;border-radius:12px;padding:16px;margin-bottom:24px}
.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0 40px}.pick{background:#fff;border:1px solid var(--border);border-radius:16px;padding:18px}.pick b{display:block}.pick small{color:var(--muted)}
h2{font-size:1.8rem;margin-top:42px}.product{margin:20px 0}.specs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.spec{background:#f6f8fb;border-radius:10px;padding:10px;font-size:.9rem}
.procon{display:grid;grid-template-columns:1fr 1fr;gap:18px}.pro,.con{padding:16px;border-radius:12px}.pro{background:#eefaf4}.con{background:#fff4f1}
table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}th,td{border-bottom:1px solid var(--border);padding:13px;text-align:left;font-size:.92rem}th{background:#eef2f7}
footer{background:#0b1020;color:#acb7c9;margin-top:50px;padding:34px 24px}.inner{max-width:1050px;margin:auto}footer a{color:#dbe3ef;text-decoration:none;margin-right:14px}
@media(max-width:760px){.grid{grid-template-columns:1fr}.summary{grid-template-columns:1fr 1fr}.specs,.procon{grid-template-columns:1fr}nav .links{display:none}}