#ofnlcompare .tariff-card{border:1px solid #ddd;border-radius:8px;padding:1rem;background:#f3f3f3;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;flex:1 1;width:100%;min-width:0;max-width:100%;height:100%;position:relative}#ofnlcompare .tariff-card .commercial-disclosure{display:inline-flex;align-items:center;align-self:flex-start;gap:.35rem;margin:0;padding:.22rem .48rem;border:1px solid #c4b5fd;border-radius:6px 6px 0 0;border-bottom:0;background:#f5f3ff;color:#5b21b6;font-size:.7rem;line-height:1.2}#ofnlcompare .tariff-card .tariff-card__commercial-slot{position:absolute;z-index:2;top:-1.35rem;left:1rem}#ofnlcompare .tariff-card .commercial-disclosure strong{font-size:.72rem}#ofnlcompare .tariff-card .commercial-disclosure span{font-weight:600}#ofnlcompare .tariff-card .social-tariff{display:flex;top:0;right:0;padding:5px 10px;background:#f0f0f0;border-radius:0 5px 0 5px;border:1px solid #e2e2e2;border-top:none;border-right:none;font-weight:700}#ofnlcompare .tariff-card p{margin:5px 0}#ofnlcompare .tariff-card p strong a{color:#007bff}#ofnlcompare .tariff-card h4{margin-top:0}#ofnlcompare .tariff-card .monthly-cost{font-size:1.5rem;font-weight:700;color:#27ae60;margin:.5rem 0}#ofnlcompare .tariff-card .effective-cost-details{background:#f9f9f9;border:1px solid #d9d9d9;padding:.5rem;border-radius:8px}#ofnlcompare .tariff-card .link-wrap{display:flex;flex-direction:column;align-items:center;width:100%;margin-top:auto;justify-content:flex-end}#ofnlcompare .tariff-card .button.continue-to-deal{display:flex;background-color:#27ae60;border-radius:4px;font-weight:600;gap:5px}#ofnlcompare .tariff-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:1.25rem;box-shadow:0 6px 16px rgba(0,0,0,.06);transition:box-shadow .2s ease,transform .2s ease;overflow:visible}#ofnlcompare .tariff-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.1)}#ofnlcompare .tariff-card .social-tariff{display:inline-flex;align-items:center;gap:6px;position:absolute;top:10px;right:10px;font-size:12px;padding:4px 10px;background:linear-gradient(135deg,#e8f5e9,#f0fff0);border-radius:999px;border:1px solid #c8e6c9;color:#1b5e20;font-weight:600}#ofnlcompare .tariff-card .social-tariff p{margin:0}#ofnlcompare .tariff-card .tariff-header{display:flex;flex-direction:column;gap:4px;margin-bottom:.25rem;min-height:2.625rem}#ofnlcompare .tariff-card .plan-title{margin:0;font-size:1.05rem;font-weight:700;color:#0f172a}#ofnlcompare .tariff-card .provider-line{display:inline-flex;align-items:center;gap:8px;margin:0;color:#475569;font-size:.95rem}#ofnlcompare .tariff-card .provider-link{color:#0ea5e9;text-decoration:none}#ofnlcompare .tariff-card .provider-link:hover{text-decoration:underline}#ofnlcompare .tariff-card .technology-label{display:inline-flex;align-items:center;align-self:flex-start;gap:.3rem;margin:.28rem 0 0;padding:.2rem .45rem;border:1px solid #dbeafe;border-radius:999px;background:#eff6ff;color:#1e40af;font-size:.72rem;font-weight:750;line-height:1.2}#ofnlcompare .tariff-card .technology-label svg{flex:0 0 auto;width:13px;height:13px}#ofnlcompare .tariff-card .monthly-cost{font-size:1.9rem;font-weight:800;color:#16a34a;margin:.5rem 0 .25rem;line-height:1.1}#ofnlcompare .tariff-card .monthly-cost span{font-size:.9rem;font-weight:600;color:#64748b;margin-left:.25rem}#ofnlcompare .tariff-card .price-basis{margin:-.1rem 0 .2rem;color:#64748b;font-size:.72rem;line-height:1.25}#ofnlcompare .tariff-card .effective-note{margin:0 0 .75rem;padding:.5rem .6rem;border:1px solid #dbeafe;border-radius:7px;background:#f8fafc;font-size:.8rem;color:#475569;line-height:1.35}#ofnlcompare .tariff-card .effective-note span,#ofnlcompare .tariff-card .effective-note strong{display:block}#ofnlcompare .tariff-card .tariff-card__cost-slot,#ofnlcompare .tariff-card .tariff-card__disclosure-slot,#ofnlcompare .tariff-card .tariff-card__policy-slot,#ofnlcompare .tariff-card .tariff-card__total-slot{min-width:0}#ofnlcompare .tariff-card .effective-note strong{color:#1e293b}#ofnlcompare .tariff-card .effective-note span{margin-top:.15rem}#ofnlcompare .tariff-card .metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));grid-gap:.5rem;gap:.5rem;margin:.5rem 0 .35rem}@media (max-width:480px){#ofnlcompare .tariff-card .metrics{grid-template-columns:1fr 1fr}}#ofnlcompare .tariff-card .chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:.55rem .6rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#0f172a;font-weight:600;text-align:center;min-width:0}#ofnlcompare .tariff-card .chip small{display:block;color:#64748b;font-weight:600;font-size:.68rem;line-height:1.15}#ofnlcompare .tariff-card .chip span{display:block;font-size:.95rem;font-weight:700}#ofnlcompare .tariff-card .chip svg{width:18px;height:18px;color:#16a34a}#ofnlcompare .tariff-card .speed-note{margin:0 0 .75rem;color:#64748b;font-size:.7rem;line-height:1.3;text-align:center}#ofnlcompare .tariff-card .effective-cost-details{background:#f9fafb;border:1px dashed #d1d5db;padding:.6rem .75rem;margin-bottom:1rem;border-radius:10px;color:#374151;font-size:.78rem;line-height:1.4}#ofnlcompare .tariff-card .cost-breakdown{margin:.1rem 0 .35rem}#ofnlcompare .tariff-card .cost-breakdown p{margin:.25rem 0}#ofnlcompare .tariff-card .optional-extra{display:grid;grid-template-columns:minmax(0,1fr) max-content;grid-gap:.18rem .65rem;gap:.18rem .65rem;margin:.3rem 0 .45rem;padding:.55rem .65rem;border:1px solid #cbd5e1;border-radius:7px;background:#f8fafc;color:#334155;font-size:.8rem;line-height:1.3}#ofnlcompare .tariff-card .optional-extra span{font-weight:700;text-align:right}#ofnlcompare .tariff-card .optional-extra small{grid-column:1/-1;color:#64748b;font-size:.69rem;line-height:1.3}#ofnlcompare .tariff-card .total{font-weight:700;color:#111827;margin-top:.25rem}#ofnlcompare .tariff-card .total-assumption{margin:.18rem 0 .5rem;color:#64748b;font-size:.7rem;line-height:1.35}@media (min-width:521px){#ofnlcompare .tariff-card .tariff-card__disclosure-slot{min-height:5rem}#ofnlcompare .tariff-card .effective-note{min-height:5.6rem}#ofnlcompare .tariff-card .tariff-card__cost-slot{min-height:7.625rem}#ofnlcompare .tariff-card .tariff-card__total-slot .total{min-height:2.4rem}#ofnlcompare .tariff-card .tariff-card__total-slot .total-assumption{min-height:2.85rem}}#ofnlcompare .tariff-card .button.continue-to-deal{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:.75rem 1rem;margin-top:1rem;background:linear-gradient(135deg,#16a34a,#22c55e);border:1px solid #16a34a;color:#fff;border-radius:10px;font-weight:700;text-decoration:none;box-shadow:0 8px 14px rgba(34,197,94,.25);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}#ofnlcompare .tariff-card .button.continue-to-deal:hover{transform:translateY(-1px);box-shadow:0 12px 22px rgba(34,197,94,.35);filter:brightness(1.02)}#ofnlcompare .tariff-card .metrics .chip-contract{grid-column:1/-1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;padding:.6rem .75rem;background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;border-radius:12px}#ofnlcompare .tariff-card .metrics .chip-contract span{font-size:1rem;font-weight:800}#ofnlcompare .tariff-card .metrics .chip-contract svg{width:20px;height:20px;color:#10b981}#ofnlcompare .tariff-card .header-top{display:flex;align-items:center;justify-content:space-between;gap:10px}#ofnlcompare .tariff-card .header-top .plan-title{flex:1 1 auto;min-width:0;white-space:normal;overflow-wrap:break-word;word-break:normal}#ofnlcompare .tariff-card .provider-logo{display:block;width:60px;height:40px;object-fit:contain;background:#ffffff;border:1px solid #e5e7eb;border-radius:6px;padding:2px;box-shadow:0 1px 2px rgba(0,0,0,.04)}#ofnlcompare .tariff-card .provider-logo.placeholder{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;font-size:10px;font-weight:800;color:#334155;letter-spacing:.3px;box-shadow:0 1px 2px rgba(0,0,0,.04)}