*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1f2937;line-height:1.6;background:#f8fafc}
.wrap{max-width:1040px;margin:0 auto;padding:0 20px}header{background:#075e54;color:#fff;padding:14px 0}header a{color:#fff;text-decoration:none;font-weight:700}
.hero{background:linear-gradient(135deg,#075e54,#128c7e);color:#fff;padding:72px 0;text-align:center}.hero h1{font-size:2.6rem;margin:0 0 12px;line-height:1.2}.hero p{font-size:1.2rem;opacity:.95;max-width:680px;margin:0 auto 28px}
.btn{display:inline-block;background:#25d366;color:#073b33;font-weight:700;padding:14px 28px;border-radius:999px;text-decoration:none;font-size:1.05rem}.btn:hover{background:#1ebe5a}
section{padding:56px 0}h2{text-align:center;font-size:1.9rem;margin:0 0 32px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{background:#fff;border-radius:14px;padding:24px;box-shadow:0 2px 10px rgba(0,0,0,.06)}.card .ico{font-size:2rem}.card h3{margin:8px 0}
.plan{text-align:center;position:relative}.plan.hl{border:2px solid #25d366}.price{font-size:2rem;font-weight:800;color:#075e54}.price small{font-size:1rem;font-weight:400}
.tag{display:inline-block;background:#fef3c7;color:#92400e;font-size:.8rem;font-weight:700;padding:3px 10px;border-radius:999px;margin-bottom:8px}.plan ul{text-align:left;padding-left:20px}
.note{text-align:center;color:#6b7280;font-size:.95rem;margin-top:20px}footer{background:#111827;color:#9ca3af;padding:28px 0;text-align:center;font-size:.9rem}footer a{color:#d1d5db}
.doc{background:#fff;max-width:820px;margin:32px auto;padding:32px;border-radius:14px}.doc h1{color:#075e54}