section{padding:80px 32px}.billing-toggle{display:inline-flex;align-items:center;gap:14px;margin-top:32px;background:var(--gray-50);border:1px solid var(--border);padding:5px;border-radius:12px}.billing-btn{padding:10px 24px;border-radius:9px;border:none;font-family:var(--font-body);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s;background:transparent;color:var(--text-muted);position:relative}.billing-btn.active{background:var(--bg);color:var(--text-strong);box-shadow:var(--shadow-sm)}.billing-save{display:inline-block;font-size:.7rem;font-weight:700;background:var(--green-100);color:var(--green-600);padding:2px 8px;border-radius:100px;margin-left:6px;vertical-align:middle}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}.pricing-card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px 28px;position:relative;background:var(--bg);display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s,transform .2s}.pricing-card:hover{border-color:var(--gray-200);box-shadow:var(--shadow-md);transform:translateY(-3px)}.pricing-card.featured{border-color:var(--blue-500);box-shadow:var(--shadow-lg)}.pricing-card.featured:hover{box-shadow:var(--shadow-xl)}.pricing-card.featured:before{content:"Nejobl\ed ben\11bj\161\ed";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--blue-500);color:#fff;font-size:.72rem;font-weight:700;padding:4px 16px;border-radius:100px}.plan-name{font-size:1.1rem;font-weight:700;color:var(--text-strong);margin-bottom:4px}.plan-desc{font-size:.82rem;color:var(--text-faint);margin-bottom:20px;min-height:36px}.plan-price{margin-bottom:24px}.price-amount{font-size:2.4rem;font-weight:700;color:var(--text-strong);line-height:1;letter-spacing:-.03em}.price-amount .currency{font-size:1.2rem;font-weight:600;vertical-align:super;margin-right:2px}.price-period{font-size:.82rem;color:var(--text-faint);margin-top:4px}.price-free{font-size:2.4rem;font-weight:700;color:var(--text-strong);line-height:1}.plan-features{list-style:none;margin-bottom:28px;flex:1;padding:0}.plan-features li{display:flex;align-items:flex-start;gap:10px;font-size:.85rem;color:var(--gray-700);margin-bottom:10px;line-height:1.5}.plan-features li svg{width:16px;height:16px;flex-shrink:0;margin-top:2px}.plan-features li .check{color:var(--blue-500)}.plan-features li .limit{color:var(--gray-400)}.plan-features li strong{font-weight:600;color:var(--text-strong)}.compare-section{background:var(--gray-50);border-top:1px solid var(--gray-100);border-bottom:1px solid var(--gray-100)}.compare-section .section-label,.compare-section .section-title{text-align:center}.compare-wrap{overflow-x:auto;margin-top:40px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg)}.compare-table{width:100%;border-collapse:collapse;font-size:.88rem;min-width:700px}.compare-table th{text-align:center;padding:18px 16px;font-weight:700;color:var(--text-strong);font-size:.92rem;border-bottom:2px solid var(--border);background:var(--gray-50)}.compare-table th:first-child{text-align:left;width:260px}.compare-table th.featured-col{color:var(--blue-600)}.compare-table td{padding:14px 16px;text-align:center;border-bottom:1px solid var(--gray-50);color:var(--gray-700)}.compare-table td svg{display:inline-block}.compare-table td:first-child{text-align:left;color:var(--text-muted);font-weight:500}.compare-table tr:last-child td{border-bottom:none}.compare-table tr:hover td{background:var(--blue-50)}.compare-table td.featured-col{background:#2563eb05}.compare-table tr:hover td.featured-col{background:var(--blue-50)}.compare-table .group-row td{background:var(--gray-50);font-weight:700;color:var(--text-strong);font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;padding:10px 16px}.compare-table .group-row:hover td{background:var(--gray-50)}.icon-yes{color:var(--blue-500)}.icon-no{color:var(--gray-200)}.icon-dev{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;font-weight:700;background:var(--amber-100);color:var(--amber-600);padding:2px 8px;border-radius:100px}.val-bold{font-weight:700;color:var(--text-strong)}.val-infinity{font-size:1.1rem;font-weight:700;color:var(--blue-500)}.cell-na{color:var(--gray-200);font-weight:500;font-size:1.1rem}.cell-na-wrap{text-align:center}.cell-na-label{display:inline-block;font-size:.75rem;font-weight:600;color:var(--blue-500);background:var(--blue-50);padding:3px 10px;border-radius:100px}.addon-cell{display:inline-flex;flex-direction:column;align-items:center;gap:1px}.addon-cell .ap-val{font-weight:700;color:var(--blue-600);font-size:.88rem}.addon-cell .ap-period{font-size:.72rem;color:var(--text-faint);font-weight:500}.addon-cell--onetime .ap-val{color:var(--green-600, #16a34a)}.addon-cell--onetime .ap-period{color:var(--green-500, #22c55e)}.addons-table td:not(:first-child){vertical-align:middle}.plan-detail-back{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:600;color:var(--text-muted);margin-bottom:24px}.plan-detail-back svg{width:14px;height:14px}.plan-detail-back:hover{color:var(--blue-500)}.plan-detail-grid{display:grid;grid-template-columns:1fr 360px;gap:48px;align-items:start;padding-top:1rem}.plan-detail-main .section-title{margin-bottom:24px}.plan-detail-main .plan-features{margin-bottom:0}.plan-detail-main .plan-features li{font-size:.95rem}.plan-detail-card{position:sticky;top:100px}.plan-detail-card .pricing-card{padding:32px}.billing-toggle--card{display:flex;width:100%;margin:0 0 20px}.billing-toggle--card .billing-btn{flex:1;padding:8px 12px}.plan-detail-card-note{font-size:.78rem;color:var(--text-faint);text-align:center;margin-top:12px}.other-plans{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:40px}.other-plans a{padding:10px 22px;border-radius:100px;border:1px solid var(--border);font-size:.88rem;font-weight:600;color:var(--text-strong);transition:border-color .2s,color .2s}.other-plans a:hover{border-color:var(--blue-500);color:var(--blue-500)}@media(max-width:900px){.plan-detail-grid{grid-template-columns:1fr}.plan-detail-card{position:static}}@media(max-width:1024px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.pricing-grid{grid-template-columns:1fr}.billing-btn{padding:8px 16px;font-size:.82rem}}