/* Pricing layout inspired by the user's IPTVV reference. */
#plans{--plan-blue:#3277f1;background:#f1f5fd;color:#212121;padding:78px 0 66px;scroll-margin-top:82px}
#plans .container{max-width:1250px}
#plans .section-title{max-width:1100px;margin-bottom:24px}
#plans .eyebrow{background:none;border:0;padding:0;color:var(--plan-blue);letter-spacing:3px;font-size:12px;margin-bottom:16px}
#plans h2{font-size:38px;letter-spacing:-1px;line-height:1.2;margin-bottom:16px}
#plans .section-title p:last-child{color:#737b87;font-size:14px;line-height:1.8}
#plans .device-tabs{display:grid;grid-template-columns:repeat(5,1fr);max-width:800px;margin:28px auto 30px;gap:0;border:1px solid #545454;border-radius:7px;overflow:hidden;box-shadow:0 8px 18px #17254025}
#plans .device-tab{min-width:0;justify-content:center;border:0;border-right:1px solid #ffffff08;border-radius:0;background:#252525;color:white;padding:18px 8px;font-size:14px;gap:0;transform:none;box-shadow:none}
#plans .device-tab:last-child{border-right:0}
#plans .device-tab span{display:none}
#plans .device-tab.selected{background:var(--plan-blue)}
#plans .device-tab:hover{background:#414141}
#plans .device-tab.selected:hover{background:#2467df}
#plans .device-tab:focus-visible{outline:3px solid #ffcf70;outline-offset:-4px}
#plans .plan-grid{gap:24px}
#plans .plan{border:1px solid #303030;border-radius:5px;background:#252525;color:#fff;box-shadow:0 6px 20px #21304c0a}
#plans .plan:hover{transform:translateY(-5px);box-shadow:0 14px 25px #21304c25}
#plans .plan-top{background:none;border:0;padding:23px 0 0;min-height:0}
#plans .plan-kicker{padding:0 25px;margin:0 0 9px;color:#68a0ff;font-size:13px;font-weight:750}
#plans .plan h3{font-size:27px;margin:0 25px 24px;color:#fff;line-height:1.2;letter-spacing:-.6px}
#plans .price{background:var(--plan-blue);width:78%;min-height:88px;border-radius:0 70px 70px 0;display:flex;align-items:center;gap:10px;padding:20px 25px;flex-wrap:nowrap}
#plans .price strong{font-size:31px;font-weight:850;letter-spacing:-1px;line-height:1}
#plans .price .connection-count{background:none;color:#fff;padding:0;font-weight:500;font-size:11px;white-space:nowrap}
#plans .plan-top>p:last-child{margin:16px 25px 0;font-size:12px;color:#adb5c3}
#plans .plan-body{padding:15px 25px 25px}
#plans .plan ul{margin:0 0 20px}
#plans .plan li{font-size:12px;color:#f1f2f5;border:0;padding:10px 0;line-height:1.45;gap:10px}
#plans .plan li:before{content:'✓';display:grid;place-items:center;width:12px;height:12px;border-radius:2px;background:white;color:#252525;font-size:10px;font-weight:900;flex-shrink:0}
#plans .plan .button{background:var(--plan-blue);border-color:var(--plan-blue);border-radius:4px;box-shadow:none;padding:15px 17px;font-size:12px;justify-content:center;gap:12px;text-transform:none;letter-spacing:0}
#plans .plan .button:hover{background:#2467df;transform:none}
#plans .plan-disclaimer{max-width:800px;margin:25px auto 0;color:#747d8c;font-size:12px;line-height:1.7}
@media(max-width:1100px){#plans .plan-grid{grid-template-columns:repeat(2,1fr)}#plans .price{width:70%}}
@media(max-width:600px){#plans{padding:54px 0}#plans h2{font-size:29px}#plans .eyebrow{font-size:10px;letter-spacing:2px}#plans .section-title p:last-child{font-size:13px}#plans .section-title br{display:none}#plans .device-tabs{margin:24px auto;grid-template-columns:repeat(5,1fr)}#plans .device-tab{padding:16px 3px;font-size:10px}#plans .plan-grid{grid-template-columns:1fr;gap:20px}#plans .plan-top{padding-top:25px}#plans .plan-kicker{font-size:14px}#plans .plan h3{font-size:29px}#plans .price{width:68%;min-height:86px}#plans .price strong{font-size:35px}#plans .plan li{font-size:13px;padding:11px 0}#plans .plan .button{font-size:14px}}