*{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}
.video-sec{padding:48px 0 8px}.vbox{max-width:860px;margin:0 auto;border-radius:18px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.15);background:#075e54}
.vbox video{display:block;width:100%;height:auto}.vbox .v-vert{display:none}
@media(max-width:640px){.vbox{max-width:360px}.vbox .v-h{display:none}.vbox .v-vert{display:block}.hero h1{font-size:1.9rem}}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px}.step{background:#fff;border-radius:16px;padding:18px;box-shadow:0 2px 10px rgba(0,0,0,.06);text-align:center}
.step img{width:100%;max-width:240px;height:auto;display:block;margin:0 auto 12px}.step .n{display:inline-block;width:32px;height:32px;line-height:32px;border-radius:50%;background:#25d366;color:#073b33;font-weight:800}.step h3{margin:8px 0 4px}.step p{margin:0;color:#4b5563;font-size:.95rem}
.faq{max-width:780px;margin:0 auto}.faq details{background:#fff;border-radius:12px;padding:16px 20px;margin-bottom:12px;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.faq summary{font-weight:700;cursor:pointer;list-style:none}.faq summary::after{content:"+";float:right;color:#128c7e;font-size:1.3rem;line-height:1}.faq details[open] summary::after{content:"–"}.faq details p{margin:10px 0 0;color:#374151}
.sub{text-align:center;color:#4b5563;margin:-20px auto 28px;max-width:640px}
.btn-som{background:#075e54;color:#fff;border:0;border-radius:999px;padding:12px 26px;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.15)}.btn-som:hover{background:#0a7c6e}