.packages-shell{position:relative;z-index:1;max-width:1240px;margin:0 auto;padding:40px 24px 72px}.packages-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:24px}.packages-hero h1{font-size:clamp(1.7rem,3vw,2.35rem);letter-spacing:-.7px;margin:6px 0 8px}.packages-hero p{max-width:720px;color:var(--text-secondary);font-size:.9rem;line-height:1.58}.packages-hero-note{display:flex;gap:11px;align-items:flex-start;max-width:300px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);box-shadow:0 12px 32px rgba(0,0,0,.18)}.packages-hero-note>span{display:grid;place-items:center;width:30px;height:30px;flex:0 0 auto;border-radius:9px;background:rgba(99,102,241,.14);color:var(--primary-light)}.packages-hero-note strong{display:block;font-size:.74rem;margin-bottom:4px}.packages-hero-note small{display:block;color:var(--text-muted);font-size:.66rem;line-height:1.45}.package-service-tabs{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:14px}.package-service-tabs button{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:999px;background:var(--surface-2);color:var(--text-secondary);font:inherit;font-size:.73rem;padding:10px 13px;cursor:pointer;transition:var(--transition)}.package-service-tabs button:hover,.package-service-tabs button.active{border-color:var(--primary);background:rgba(99,102,241,.12);color:var(--primary-light)}.package-service-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 19px;margin-bottom:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);box-shadow:0 12px 32px rgba(0,0,0,.18)}.summary-service{display:flex;align-items:center;gap:12px}.summary-service .service-logo{width:42px;height:42px;font-size:1.15rem}.summary-service strong{display:block;font-size:.92rem;margin-bottom:4px}.summary-service small{display:block;color:var(--text-muted);font-size:.69rem}.summary-trial{font-size:.68rem;color:var(--text-secondary);text-align:right}.summary-trial strong{display:block;color:var(--warning);font-size:.74rem;margin-bottom:4px}.package-list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.official-plan-card{position:relative;display:flex;flex-direction:column;min-height:420px;padding:20px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);box-shadow:0 12px 32px rgba(0,0,0,.18)}.official-plan-card.recommended{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary),0 16px 38px rgba(99,102,241,.16)}.plan-tag{position:absolute;top:14px;right:14px;padding:5px 8px;border-radius:999px;background:rgba(99,102,241,.14);border:1px solid rgba(99,102,241,.26);color:var(--primary-light);font-size:.6rem;font-weight:800}.plan-name{font-size:1rem;margin-bottom:7px}.plan-desc{min-height:42px;color:var(--text-muted);font-size:.7rem;line-height:1.5}.plan-price{padding:16px 0;margin:16px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.plan-price strong{font-size:1.55rem;letter-spacing:-.4px}.plan-price span{color:var(--text-muted);font-size:.68rem}.plan-quota{color:var(--primary-light);font-size:.73rem;font-weight:700;margin-bottom:13px}.plan-features{display:grid;gap:9px;margin:0 0 22px;padding:0;list-style:none}.plan-features li{display:flex;gap:8px;color:var(--text-secondary);font-size:.7rem;line-height:1.4}.plan-features li::before{content:'✓';color:var(--success);font-weight:800}.plan-actions{margin-top:auto}.plan-actions .btn{width:100%}@media(max-width:880px){.packages-hero{display:grid;align-items:start}.packages-hero-note{max-width:none}.package-list-grid{grid-template-columns:1fr}.official-plan-card{min-height:auto}}@media(max-width:560px){.packages-shell{padding:28px 16px 50px}.package-service-summary{display:grid}.summary-trial{text-align:left}.package-service-tabs{display:grid;grid-template-columns:1fr 1fr}.package-service-tabs button{justify-content:center}}