*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f5f5f6;color:#161616}
header{display:flex;justify-content:space-between;align-items:center;padding:22px 7%;background:#111}
.logo{color:white;font-size:23px;font-weight:900;letter-spacing:-1px;text-decoration:none}
.logo span{color:#eb252c}
.back{color:#fff;text-decoration:none;font-size:14px}
main{max-width:1200px;margin:auto;padding:64px 22px}
.intro{text-align:center;margin-bottom:52px}
.badge{display:inline-block;background:#ffe4e5;color:#ae1118;padding:9px 16px;border-radius:25px;font-weight:bold;font-size:12px;letter-spacing:1px}
h1{font-size:clamp(36px,6vw,64px);line-height:1.1;margin:24px 0}
h1 em{color:#d51f28;font-style:normal}
.intro p{color:#606060;max-width:650px;margin:auto;line-height:1.7}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.plan{position:relative;background:white;border:1px solid #e1e1e1;border-radius:22px;padding:35px 28px;box-shadow:0 10px 35px #00000008}
.plan.featured{border:2px solid #df222b;box-shadow:0 12px 38px #d51f2815}
.top{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:#df222b;color:#fff;padding:8px 14px;border-radius:20px;font-size:11px;font-weight:bold;white-space:nowrap}
.icon{background:#171717;color:#fff;width:45px;height:45px;display:grid;place-items:center;border-radius:13px;font-weight:bold}
.featured .icon{background:#df222b}
h2{font-size:29px;margin:22px 0 8px}
.plan>p{color:#686868;margin:0}
.price{font-size:25px;font-weight:900;margin:32px 0;border-bottom:1px solid #eee;padding-bottom:25px}
ul{padding:0;list-style:none;min-height:155px}
li{padding:10px 0;font-size:14px}
li:before{content:"✓";color:#d51f28;font-weight:bold;margin-right:10px}
.label{text-align:center;background:#f3f3f3;color:#555;border-radius:10px;padding:15px;font-size:12px;font-weight:bold;letter-spacing:1px}
.note{text-align:center;color:#777;font-size:13px;margin-top:32px;line-height:1.6}
footer{padding:30px;text-align:center;background:#111;color:#aaa;font-size:12px}
@media(max-width:850px){.plans{grid-template-columns:1fr;max-width:480px;margin:auto}.plan{padding:30px 25px}main{padding-top:42px}.intro{margin-bottom:42px}}
