.ppc{background:var(--surface);border:1px solid var(--border-light);height:100%;box-shadow:var(--shadow-card);border-radius:1.5rem;padding:1.5rem 1.25rem 1.75rem}@media (min-width:640px){.ppc{padding:1.75rem 1.5rem 2rem}}@media (min-width:1024px){.ppc{padding:2rem 1.75rem 2.25rem}}.ppc__header{align-items:center;gap:.875rem;margin-bottom:1.5rem;display:flex}@media (min-width:640px){.ppc__header{margin-bottom:1.75rem}}.ppc__header-icon{width:2.75rem;height:2.75rem;color:var(--landing-accent,var(--brand-primary));background:color-mix(in srgb, var(--landing-accent,var(--brand-primary)) 12%, var(--surface));border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.dark .ppc__header-icon{background:color-mix(in srgb, var(--landing-accent,var(--brand-primary)) 20%, transparent)}.ppc__title{color:var(--text-heading);margin:0;font-size:1.125rem;font-weight:800;line-height:1.35}@media (min-width:640px){.ppc__title{font-size:1.25rem}}.ppc__subtitle{color:var(--text-subtle);margin:.25rem 0 0;font-size:.75rem;line-height:1.5}.ppc__body{flex-direction:column;gap:1.25rem;display:flex}@media (min-width:640px){.ppc__body{gap:1.5rem}}.ppc__size-row{flex-wrap:wrap;gap:.5rem;display:flex}.ppc__size-btn{min-height:2.5rem;color:var(--text-heading);background:var(--surface);border:1px solid color-mix(in srgb, var(--landing-accent,var(--brand-primary)) 35%, var(--border-light));border-radius:9999px;justify-content:center;align-items:center;padding:.5rem 1rem;font-size:.8125rem;font-weight:700;transition:background .2s,color .2s,border-color .2s,box-shadow .2s;display:inline-flex}.ppc__size-btn:hover{border-color:color-mix(in srgb, var(--landing-accent,var(--brand-primary)) 55%, var(--border-light))}.ppc__size-btn--active{color:var(--surface);background:var(--landing-accent,var(--brand-primary));border-color:var(--landing-accent,var(--brand-primary));box-shadow:0 4px 14px color-mix(in srgb, var(--landing-accent,var(--brand-primary)) 28%, transparent)}.dark .ppc__size-btn--active{color:var(--surface-elevated)}.ppc__color-wrap{background:var(--surface-muted);border-radius:1rem;padding:.5rem}.ppc__color-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.ppc__color-cell{min-width:0;position:relative}.ppc__color-btn{width:100%;min-height:2.75rem;color:var(--text-heading);background:var(--surface);border:1px solid var(--border-light);border-radius:.875rem;justify-content:center;align-items:center;gap:.45rem;padding:.55rem .5rem;font-size:.75rem;font-weight:700;transition:background .2s,color .2s,border-color .2s,box-shadow .2s;display:inline-flex}@media (min-width:640px){.ppc__color-btn{padding-inline:.75rem;font-size:.8125rem}}.ppc__color-btn:hover{border-color:color-mix(in srgb, var(--landing-accent,var(--brand-primary)) 40%, var(--border-light))}.ppc__color-btn--active{color:var(--surface);background:var(--landing-accent-dark,var(--brand-700));border-color:var(--landing-accent-dark,var(--brand-700));box-shadow:0 4px 14px color-mix(in srgb, var(--landing-accent,var(--brand-primary)) 28%, transparent)}.dark .ppc__color-btn--active{color:var(--surface-elevated);background:var(--landing-accent,var(--brand-primary));border-color:var(--landing-accent,var(--brand-primary))}.ppc__color-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ppc__color-check{width:1.15rem;height:1.15rem;color:var(--landing-accent-dark,var(--brand-700));background:var(--surface);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.dark .ppc__color-check{color:var(--landing-accent,var(--brand-primary));background:var(--surface-elevated)}.ppc__color-tooltip{inset-inline-end:.2rem;z-index:2;position:absolute;top:.15rem}.ppc__cards{grid-template-columns:1fr;gap:.875rem;display:grid}@media (min-width:640px){.ppc__cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.ppc__cards--binding{grid-template-columns:repeat(3,minmax(0,1fr))}}.ppc__card{background:var(--surface);border:1px solid var(--border-light);min-height:100%;box-shadow:var(--shadow-soft);border-radius:1.25rem;flex-direction:column;align-items:stretch;gap:.55rem;padding:1rem .95rem 1.125rem;display:flex}@media (min-width:640px){.ppc__card{gap:.6rem;padding:1.125rem 1.05rem 1.25rem}}.dark .ppc__card{background:var(--surface-elevated);border-color:color-mix(in srgb, var(--border) 80%, transparent)}.ppc__card-icon{width:2.25rem;height:2.25rem;color:var(--landing-accent,var(--brand-primary));background:color-mix(in srgb, var(--landing-accent,var(--brand-primary)) 10%, var(--surface-muted));border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}@media (min-width:768px){.ppc__card-icon{width:2rem;height:2rem}.ppc__card-icon svg{width:1rem;height:1rem}}.ppc__card-top{align-items:center;gap:.65rem;margin-bottom:.2rem;display:flex}.ppc__card-head{flex-wrap:wrap;flex:1;align-items:center;gap:.35rem .45rem;min-width:0;display:flex}.ppc__card-title{color:var(--text-heading);margin:0;font-size:.875rem;font-weight:800;line-height:1.3}.ppc__card-pill{color:var(--landing-accent,var(--brand-primary));background:color-mix(in srgb, var(--landing-accent,var(--brand-primary)) 10%, var(--surface));border-radius:9999px;align-items:center;padding:.12rem .45rem;font-size:.5625rem;font-weight:700;display:inline-flex}.ppc__card--info{justify-content:flex-start}.ppc__info-text{color:var(--text-body);margin:0;font-size:.8125rem;line-height:1.75}@media (min-width:768px){.ppc__card-title{font-size:.8125rem}}@media (min-width:1024px){.ppc__card-title{font-size:.875rem}}.ppc__block{flex-direction:column;align-items:flex-start;gap:.2rem;width:100%;display:flex}.ppc__label{color:var(--text-subtle);margin:0;font-size:.6875rem;font-weight:600;line-height:1.4}.ppc__label--brand{color:color-mix(in srgb, var(--landing-accent,var(--brand-primary)) 72%, var(--text-subtle))}.dark .ppc__label--brand{color:color-mix(in srgb, var(--brand-primary-light,var(--landing-accent)) 80%, var(--text-subtle))}.ppc__union{width:fit-content;max-width:100%;margin:0}.ppc__union-text{width:fit-content;max-width:100%;color:var(--text-subtle);white-space:nowrap;direction:ltr;unicode-bidi:isolate;font-size:.8125rem;font-weight:600;line-height:1.35;display:inline-block;position:relative}.ppc__union--counting .ppc__union-text{color:var(--text-heading);font-weight:700}.ppc__union--strike .ppc__union-text{color:var(--text-subtle)}.ppc__union--strike .ppc__union-text:after{content:"";inset-inline-start:0;opacity:.9;background:#ef4444f2;border-radius:1px;width:0;height:1.5px;animation:.45s forwards ppc-strike-draw;position:absolute;top:55%}.ppc__unit{font-size:.75em;font-weight:600}.ppc__block--final{opacity:0;pointer-events:none;transition:opacity .35s,transform .35s;transform:translateY(6px)}.ppc__block--final.ppc__block--visible{opacity:1;pointer-events:auto;transform:translateY(0)}.ppc__final-row{flex-wrap:wrap;align-items:center;gap:.4rem .55rem;width:100%;display:flex}.ppc__final{flex-wrap:wrap;align-items:baseline;gap:.3rem;margin:0;display:flex}.ppc__final-value{letter-spacing:-.02em;color:var(--landing-accent,var(--brand-primary));font-size:1.625rem;font-weight:900;line-height:1.1}@media (min-width:640px){.ppc__final-value{font-size:1.75rem}}.dark .ppc__final-value{color:var(--brand-primary-light,var(--landing-accent))}.ppc__final-unit{color:var(--landing-accent,var(--brand-primary));font-size:.8125rem;font-weight:700}.dark .ppc__final-unit{color:var(--brand-primary-light,var(--landing-accent))}.ppc__savings{color:var(--landing-accent-dark,var(--brand-700));background:color-mix(in srgb, var(--landing-accent,var(--brand-primary)) 10%, var(--surface));opacity:0;border-radius:9999px;flex-shrink:0;align-items:center;gap:.28rem;margin:0;padding-block:.2rem;padding-inline:.4rem .5rem;font-size:.5625rem;font-weight:700;line-height:1.2;transition:opacity .3s 50ms,transform .3s 50ms;display:inline-flex;transform:scale(.96)}.ppc__savings--visible{opacity:1;transform:scale(1)}.dark .ppc__savings{color:var(--brand-primary-light,var(--landing-accent));background:color-mix(in srgb, var(--landing-accent,var(--brand-primary)) 18%, transparent)}.ppc__savings-icon{width:.9rem;height:.9rem;color:var(--surface);background:var(--landing-accent-dark,var(--brand-700));border-radius:9999px;justify-content:center;align-items:center;display:inline-flex}.ppc__savings-icon svg{width:.55rem;height:.55rem}.dark .ppc__savings-icon{color:var(--surface-elevated);background:var(--landing-accent,var(--brand-primary))}@keyframes ppc-strike-draw{to{width:100%}}.ppc__fade{animation:.2s ease-out ppc-fade}@keyframes ppc-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.ppc__fade{animation:none}}