.monthly-cost-frame{width:100%;color:var(--color-bone-white);margin:0}.monthly-cost-frame>.mono-label{color:var(--color-fog);line-height:1.5}.monthly-cost-diagram{padding:32px 0 16px}.monthly-cost-line{border-top:1px solid var(--color-slate);font:400 16px/1.4 var(--font-body);gap:12px;padding:16px 0;display:grid}.monthly-cost-line>span:last-child{color:var(--color-fog);font:400 11px/1.4 var(--font-mono)}.monthly-cost-line i{border:1px solid var(--color-fog);transform-origin:0;height:28px;transform:scaleX(calc(.65 + var(--monthly-local,.5) * .35));display:block}.monthly-cost-line--manual>i{background:var(--color-slate)}.monthly-cost-line--system>div{grid-template-columns:2fr 24px 1fr;align-items:center;gap:12px;display:grid}.monthly-cost-line--system i:first-child{background:var(--color-acid-lime);border-color:var(--color-acid-lime)}.monthly-cost-line--system b{text-align:center;font-weight:400}.monthly-cost-rule{font:400 16px/1.4 var(--font-body);justify-content:space-between;padding-top:16px;display:flex}.monthly-cost-rule>:last-child{color:var(--color-acid-lime)}.monthly-cost-frame figcaption{color:var(--color-fog);margin-top:16px}.monthly-film-price.sb-price{background:0 0;border:0;grid-area:auto;align-items:baseline;gap:8px;margin:0;padding:0;display:flex;position:static;transform:none}.monthly-film-price.sb-price>*{background:0 0;margin:0;padding:0;position:static;transform:none}.monthly-film-price.sb-price .price-figure{font:400 32px/1.1 var(--font-display);color:var(--color-acid-lime)}.monthly-film-price.sb-price .price-mode{font:400 16px/1.4 var(--font-body);color:var(--color-fog);letter-spacing:normal;text-transform:none}.phone-cost-model{background:var(--color-obsidian);border-block:1px solid var(--color-slate);grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:64px;padding:64px 48px;display:grid}.phone-cost-intro{max-width:46ch}.phone-cost-intro>*+*{margin-top:24px}.phone-cost-intro .body-copy{color:var(--color-fog)}.phone-cost-model .accent{color:var(--color-acid-lime);background:0 0}.phone-cost-inputs{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;min-width:0;margin:0;padding:0;display:grid}.phone-cost-inputs legend{color:var(--color-fog);margin-bottom:24px}.phone-cost-inputs label{font:400 16px/1.4 var(--font-body);grid-template-rows:1fr auto;align-items:end;gap:12px;min-width:0;display:grid}.phone-cost-inputs input{box-sizing:border-box;border:1px solid var(--color-fog);background:var(--color-pure-black);width:100%;min-width:0;min-height:48px;color:var(--color-bone-white);font:400 18px/1.4 var(--font-body);border-radius:0;padding:10px 12px}.phone-cost-inputs input:focus-visible{outline:2px solid var(--color-acid-lime);outline-offset:3px}.phone-cost-note{min-height:3em;color:var(--color-fog);margin-top:16px}.phone-cost-chart{gap:24px;margin-top:24px;display:grid}.phone-cost-chart>div{font:400 16px/1.4 var(--font-body);grid-template-columns:minmax(0,1fr) auto;gap:12px;display:grid}.phone-cost-chart output{overflow-wrap:anywhere}.phone-cost-chart i{background:var(--color-fog);transform-origin:0;grid-column:1/-1;height:24px;display:block}.phone-cost-chart>:last-child i{background:var(--color-acid-lime)}.phone-cost-result{border-top:1px solid var(--color-slate);gap:16px;margin-top:32px;padding-top:24px;display:grid}.phone-cost-result .mono-label{color:var(--color-fog);line-height:1.5}.phone-cost-result output{font:400 32px/1.1 var(--font-display);text-transform:uppercase;overflow-wrap:anywhere}.phone-cost-result[data-cost-direction=empty] output{font:400 16px/1.5 var(--font-body);text-transform:none}.phone-cost-result[data-cost-direction=lower] output{color:var(--color-acid-lime)}@media (prefers-reduced-motion:no-preference){.phone-cost-chart i{transition:width .26s}}@media (width<=900px){.phone-cost-model{grid-template-columns:1fr;gap:40px;padding:40px 24px}.phone-cost-inputs{grid-template-columns:1fr}.phone-cost-inputs label{grid-template-columns:minmax(0,1fr) 100px;align-items:center}.phone-cost-chart>div{grid-template-columns:1fr}.monthly-cost-frame>.mono-label{font-size:10px}.monthly-cost-diagram{padding:8px 0}.monthly-cost-line{gap:6px;padding:8px 0;font-size:11px}.monthly-cost-line>span:first-child{display:none}.monthly-cost-line i{height:16px}.monthly-cost-rule{display:none}.monthly-cost-frame figcaption{clip-path:inset(50%);width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@media (prefers-reduced-motion:reduce){.monthly-cost-line i{transform:none}}@media print{.phone-cost-model{display:block}.phone-cost-inputs{display:none}}