.detail-page{max-width:860px;margin:0 auto;padding:32px 24px 72px}.detail-back{color:var(--textMuted);align-items:center;gap:6px;margin-bottom:20px;font-size:.85rem;text-decoration:none;display:inline-flex}.detail-back:hover{color:var(--accent)}.detail-loading{text-align:center;color:var(--textMuted);padding:60px 10px;font-size:.95rem}.detail-error{text-align:center;padding:60px 10px}.detail-error p{color:var(--textMuted);margin-bottom:14px;font-size:.95rem}.detail-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.detail-head-left{min-width:0}.detail-carrier{color:var(--textMuted);margin-bottom:6px;font-size:.8rem;font-weight:600}.detail-name{color:var(--text);margin-bottom:6px;font-size:1.4rem;font-weight:800;line-height:1.25}.detail-meta{color:var(--textMuted);font-size:.85rem}.detail-logo-box{flex-shrink:0;justify-content:flex-end;align-items:center;width:140px;height:40px;display:flex}.detail-logo{object-fit:contain;max-width:100%;max-height:100%}.detail-premium-card{background:var(--white);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:22px 24px;display:flex;box-shadow:0 1px 4px #0f172a0f,0 8px 24px #0f172a0f}.detail-premium{color:var(--text);font-size:2rem;font-weight:800;line-height:1}.detail-premium-suffix{color:var(--textMuted);margin-left:4px;font-size:.9rem;font-weight:500}.detail-cta{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:12px 22px;font-family:inherit;font-size:.9rem;font-weight:700}.detail-cta:hover{background:var(--accentDark)}.detail-terms{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;margin-bottom:28px;display:grid}.detail-term{background:var(--bg);border-radius:12px;padding:16px}.detail-term-label{color:var(--textMuted);margin-bottom:4px;font-size:.72rem;font-weight:600}.detail-term-value{color:var(--text);font-size:1.05rem;font-weight:700}.detail-section-title{color:var(--text);margin-bottom:14px;font-size:1.1rem;font-weight:700}.detail-service-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:16px;padding:14px 0;display:flex}.detail-service-row:last-child{border-bottom:none}.detail-service-name{color:var(--text);font-size:.92rem;font-weight:600}.detail-service-costs{text-align:right;white-space:nowrap;flex-shrink:0}.detail-service-cost-label{color:var(--textMuted);font-size:.75rem}.detail-service-cost-value{color:var(--text);font-size:.9rem;font-weight:700}.detail-scenarios{margin-top:32px}.detail-scenario-card{background:var(--white);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;padding:16px 18px;display:flex}.detail-scenario-name{color:var(--text);margin-bottom:3px;font-size:.92rem;font-weight:700}.detail-scenario-desc{color:var(--textMuted);font-size:.8rem}.detail-scenario-cost{color:var(--accent);white-space:nowrap;font-size:1.05rem;font-weight:800}.detail-disclaimer{color:#94a3b8;text-align:center;margin-top:28px;font-size:.72rem;line-height:1.6}@media (max-width:640px){.detail-premium-card{text-align:center;flex-direction:column;align-items:stretch}.detail-cta{width:100%}}.detail-benefits{background:var(--white);border-radius:16px;padding:4px 0;overflow:hidden;box-shadow:0 1px 4px #0f172a0f,0 8px 24px #0f172a0f}.detail-benefit-head{border-bottom:1px solid var(--border);grid-template-columns:2fr 1fr 1fr;gap:12px;padding:16px 22px 12px;display:grid}.detail-benefit-head span{color:var(--textMuted);font-size:.78rem;font-weight:600}.detail-benefit-head span:nth-child(2),.detail-benefit-head span:nth-child(3){text-align:right}.detail-benefit-row{grid-template-columns:2fr 1fr 1fr;align-items:center;gap:12px;padding:12px 22px;display:grid}.detail-benefit-row+.detail-benefit-row{border-top:1px solid #f1f5f9}.detail-benefit-service{align-items:center;gap:12px;min-width:0;display:flex}.detail-benefit-icon{object-fit:contain;background:var(--bg);border-radius:8px;flex-shrink:0;width:34px;height:34px}.detail-benefit-label{color:var(--text);min-width:0;font-size:.9rem;font-weight:600;line-height:1.3}.detail-benefit-note{color:var(--textMuted);margin-top:2px;font-size:.72rem;font-weight:500;display:block}.detail-benefit-value{color:var(--text);text-align:right;white-space:nowrap;font-size:.9rem;font-weight:700}.detail-benefit-value.is-free{color:#16a34a}.detail-benefit-divider{background:var(--border);height:1px;margin:6px 22px}@media (max-width:640px){.detail-benefit-head{grid-template-columns:2fr 1fr 1fr;gap:8px;padding:14px 14px 10px}.detail-benefit-head span{font-size:.68rem}.detail-benefit-row{grid-template-columns:2fr 1fr 1fr;gap:8px;padding:11px 14px}.detail-benefit-icon{width:28px;height:28px}.detail-benefit-label{font-size:.82rem}.detail-benefit-value{font-size:.8rem}.detail-benefit-divider{margin:6px 14px}}
