.page-hdr{position:relative;z-index:1;padding:clamp(1.25rem,4vw,3rem) clamp(16px,5vw,56px) clamp(.75rem,2.5vw,1.75rem);text-align:center;}
.page-hdr h1{font-family:'Outfit',sans-serif;font-size:clamp(1.8rem,5.5vw,4.5rem);font-weight:900;letter-spacing:-.04em;margin-bottom:.75rem;word-break:break-word;}
.page-hdr p{color:var(--muted);font-size:clamp(.82rem,1.8vw,.97rem);max-width:460px;margin:0 auto;line-height:1.7;}
.tabs-wrap{position:relative;z-index:1;padding:0 clamp(16px,5vw,56px) clamp(44px,7vw,76px);max-width:1280px;margin:0 auto;}
.tabs-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:3px;margin-bottom:1.65rem;scrollbar-width:thin;scrollbar-color:var(--accent) var(--surface);}
.tabs-scroll::-webkit-scrollbar{height:3px;}.tabs-scroll::-webkit-scrollbar-track{background:var(--surface);}.tabs-scroll::-webkit-scrollbar-thumb{background:var(--accent);border-radius:2px;}
.tabs-bar{display:flex;gap:.3rem;width:max-content;min-width:100%;padding:5px;background:var(--surface);border:1px solid var(--border);border-radius:12px;}
.tab-btn{padding:clamp(7px,1.4vw,10px) clamp(11px,2.2vw,20px);border-radius:8px;background:transparent;border:none;color:var(--muted);font-family:'Outfit',sans-serif;font-size:clamp(.76rem,1.8vw,.86rem);font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;display:flex;align-items:center;gap:5px;}
.tab-btn i{font-size:.95rem;}
.tab-btn.active{background:var(--accent);color:#000;box-shadow:0 3px 14px rgba(255,112,20,.3);}
.tab-btn:hover:not(.active){color:var(--text);background:var(--surface2);}
.plan-section{display:none;animation:fadeIn .3s ease;}
.plan-section.active{display:block;}
@keyframes fadeIn{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:none;}}
.plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,265px),1fr));gap:clamp(.8rem,2.2vw,1.2rem);}
.pc{background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:clamp(1.1rem,2.8vw,1.85rem);position:relative;overflow:hidden;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;flex-direction:column;}
.pc::before{content:'';position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:0;transition:opacity .3s;}
.pc:hover{transform:translateY(-3px);border-color:var(--border-h);box-shadow:0 16px 46px rgba(255,112,20,.08);}
.pc:hover::before{opacity:1;}
.pc.is-free{border-color:rgba(0,255,178,.14);}
.pc.is-free:hover{border-color:rgba(0,255,178,.32);}
.pc.is-popular{border-color:rgba(255,112,20,.38);}
.pc-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;margin-bottom:clamp(.85rem,2vw,1.2rem);}
.pc-name{font-family:'Outfit',sans-serif;font-size:clamp(.88rem,1.8vw,1.05rem);font-weight:800;line-height:1.2;}
.pc-tag{font-size:.59rem;font-weight:700;padding:3px 8px;border-radius:100px;letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;flex-shrink:0;}
.tag-free{background:rgba(0,255,178,.1);color:var(--green);border:1px solid rgba(0,255,178,.22);}
.tag-popular{background:var(--accent);color:#000;}
.tag-best{background:var(--accent2);color:#000;}
.pc-price{font-family:'Outfit',sans-serif;font-size:clamp(1.6rem,3.6vw,2.3rem);font-weight:900;line-height:1;margin-bottom:clamp(.85rem,2.2vw,1.4rem);}
.pc-price.acc{color:var(--accent);}.pc-price.grn{color:var(--green);}
.pc-price sup{font-size:.82em;vertical-align:super;}
.pc-price .mo{font-size:clamp(.68rem,1.3vw,.78rem);font-family:'JetBrains Mono',monospace;font-weight:400;color:var(--muted);}
.pc-specs{list-style:none;flex:1;margin-bottom:clamp(.85rem,2.2vw,1.4rem);}
.pc-specs li{display:flex;justify-content:space-between;align-items:center;padding:.44rem 0;border-bottom:1px solid var(--border);font-size:clamp(.68rem,1.5vw,.79rem);color:var(--muted);}
.pc-specs li:last-child{border-bottom:none;}
.pc-specs li .spec-l{display:flex;align-items:center;gap:6px;}
.pc-specs li .spec-l i{width:14px;text-align:center;color:var(--accent);font-size:.76rem;}
.pc-specs li strong{color:var(--text);font-weight:600;font-family:'JetBrains Mono',monospace;font-size:clamp(.64rem,1.3vw,.75rem);}
.pc-btn{width:100%;padding:clamp(8px,1.6vw,11px) 12px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text);font-family:'Outfit',sans-serif;font-size:clamp(.76rem,1.5vw,.86rem);font-weight:700;cursor:pointer;transition:all .22s;text-align:center;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:5px;}
.pc-btn:hover{background:var(--accent);border-color:var(--accent);color:#000;}
.pc-btn.free-btn{border-color:rgba(0,255,178,.25);color:var(--green);}
.pc-btn.free-btn:hover{background:var(--green);border-color:var(--green);color:#000;}
.pc-btn.pop-btn{background:var(--accent);border-color:var(--accent);color:#000;}
.pc-btn.pop-btn:hover{box-shadow:0 6px 24px rgba(255,112,20,.4);}