.plans-comparison{--pricing-accent:#164e63;--pricing-border:#dce7ea;--pricing-soft:#f6f8f8;color:#18313b}
.plans-comparison .pricing-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:28px}.plans-comparison .billing-switch{display:flex;gap:4px;padding:5px;border-radius:12px;background:#edf3f5}.plans-comparison .billing-switch button{border:0;border-radius:9px;padding:10px 15px;background:transparent;color:var(--pricing-accent);font-weight:650}.plans-comparison .billing-switch button.active{background:var(--pricing-accent);color:white}.plans-comparison .billing-switch button:focus-visible{outline:2px solid #164e63;outline-offset:3px}.plans-comparison .billing-switch span{font-size:.75rem;margin-left:6px}
.plans-comparison .pricing-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.plans-comparison .pricing-card{display:flex;flex-direction:column;min-width:0;padding:22px 18px;border:1px solid var(--pricing-border);border-radius:18px;background:white}.plans-comparison .pricing-card-featured{border:2px solid var(--pricing-accent);padding:21px 17px;background:#f7fafb}.plans-comparison .pricing-card-top{display:flex;align-items:center;gap:9px;flex-wrap:wrap;min-height:52px}.plans-comparison h3{font-size:1.2rem;font-weight:750;margin:0}.plans-comparison .plan-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#edf3f5;color:var(--pricing-accent)}.plans-comparison .plan-tag{font-size:.65rem;background:#164e63;color:white;padding:3px 7px;border-radius:20px}.plans-comparison .plan-description{font-size:.85rem;color:#63747b;min-height:45px;margin:15px 0}.plans-comparison .plan-price{min-height:113px}.plans-comparison .plan-price strong{font-size:1.8rem;line-height:1.2;font-weight:750}.plans-comparison .plan-price p{margin:10px 0}.plans-comparison .plan-quotas{list-style:none;margin:12px 0 18px;padding:0;display:grid;gap:11px;font-size:.82rem}.plans-comparison .plan-quotas li{display:flex;gap:9px;align-items:baseline}.plans-comparison .plan-quotas li>i{width:16px;color:#63747b}.plans-comparison .plan-highlight{font-size:.82rem;color:#63747b}.plans-comparison .plan-action{margin-top:auto;padding-top:16px}.plans-comparison .plan-action .btn{font-size:.8rem}.plans-comparison [hidden]{display:none!important}.plans-comparison .pricing-footnote{font-size:.78rem;color:#63747b;margin:18px 0}
.plans-comparison .feature-table{width:100%;min-width:650px;border-collapse:collapse;font-size:.85rem}.plans-comparison .feature-table th,.plans-comparison .feature-table td{padding:15px 12px;border-bottom:1px solid var(--pricing-border)}.plans-comparison .feature-table th:first-child{width:40%;text-align:left}.plans-comparison .feature-table td,.plans-comparison .feature-table thead th:not(:first-child){text-align:center;width:15%}.plans-comparison .feature-table thead{background:#164e63;color:white}.plans-comparison .feature-table tbody tr:not(.feature-group):hover{background:#f6f8f8}.plans-comparison .feature-group{background:#edf3f5}.plans-comparison .feature-included{color:#24765f;font-size:1.1rem}.plans-comparison .feature-excluded{color:#9caaae;font-size:1.1rem}.plans-comparison caption{caption-side:bottom;font-size:.75rem;padding:10px;color:#63747b}
@media(max-width:1000px){.plans-comparison .pricing-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.plans-comparison .pricing-cards{grid-template-columns:1fr}.plans-comparison .plan-description,.plans-comparison .plan-price{min-height:0}.plans-comparison .pricing-heading{gap:16px}}

.plans-comparison .feature-table thead{background:#edf3f5;color:#164e63}

.plans-comparison .pricing-cards{padding-top:15px;row-gap:30px}
.plans-comparison .pricing-card{position:relative}
.plans-comparison .plan-border-badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);z-index:1;white-space:nowrap;border:1px solid #164e63;border-radius:999px;background:#164e63;color:#fff;padding:5px 14px;font-size:.75rem;font-weight:700;line-height:1.4;text-align:center}
.plans-comparison .pricing-card-current{background:#164e63;border-color:#164e63;color:#fff}
.plans-comparison .pricing-card-current .plan-border-badge{background:#edf3f5;color:#164e63}
.plans-comparison .pricing-card-current .text-secondary,.plans-comparison .pricing-card-current .plan-description,.plans-comparison .pricing-card-current .plan-highlight,.plans-comparison .pricing-card-current .plan-quotas li>i{color:#d7e7ec!important}
.plans-comparison .pricing-card-current .text-success{color:#d1eedf!important}
.plans-comparison .pricing-card-current .plan-action .btn{background:#fff;color:#164e63;border-color:#fff}
.plans-comparison .pricing-card-current .plan-action .btn:hover{background:#edf3f5;border-color:#edf3f5}

.pricing-floating-header{position:fixed;z-index:9;overflow:hidden;pointer-events:none;background:#edf3f5;box-shadow:0 3px 8px #164e6315}
.pricing-floating-header[hidden]{display:none!important}
.pricing-floating-header .feature-table{margin:0;border-collapse:collapse}
.pricing-floating-header .feature-table th{background:#edf3f5}

/* Keep the wide comparison table inside its own horizontal scroll area. */
.plans-comparison{min-width:0;max-width:100%}
.plans-comparison [data-sticky-comparison]{display:block;width:100%;max-width:100%;min-width:0;overflow-x:auto;-webkit-overflow-scrolling:touch}

@media(max-width:550px){
  /* Keep plan names accessible while showing only their icons. */
  .plans-comparison .comparison-plan-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  .plans-comparison .feature-table{min-width:0;table-layout:fixed;font-size:.75rem}
  .plans-comparison .feature-table th,.plans-comparison .feature-table td{padding:12px 3px;overflow-wrap:anywhere}
  .plans-comparison .feature-table th:first-child{width:44%}
  .plans-comparison .feature-table td,.plans-comparison .feature-table thead th:not(:first-child){width:14%}
  .plans-comparison .feature-table thead th:first-child .me-2{margin-right:0!important}
}