.oc{background:var(--color-bg);min-height:100vh}.oc__main{padding:0 var(--space-5) var(--section-py)}.oc__inner{max-width:700px;margin:0 auto}.oc__card,.oc__result,.oc__cost,.oc__formula{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-5)}.oc__card-title{display:flex;align-items:center;gap:var(--space-2);font-size:20px;font-weight:var(--font-weight-bold);color:var(--color-white-pure);margin-bottom:var(--space-5)}.oc__card-title svg{color:var(--color-red-text);flex-shrink:0}.oc__fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-5)}.oc__field{display:flex;flex-direction:column;gap:var(--space-1)}.oc__label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:var(--font-weight-bold);color:var(--color-gray-mid);text-transform:uppercase;letter-spacing:1px}.oc__label svg{color:var(--color-red-text);flex-shrink:0}.oc__input-wrap{display:flex;align-items:center;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);overflow:hidden;transition:border-color var(--transition-fast)}.oc__input-wrap:focus-within{border-color:#bf011980}.oc__affix{padding:0 0 0 12px;font-size:14px;color:var(--color-gray-mid);font-weight:var(--font-weight-bold)}.oc__affix--end{padding:0 12px 0 0}.oc__input{flex:1;min-width:0;background:none;border:none;outline:none;padding:12px;font-family:var(--font-family);font-size:14px;color:var(--color-white);-moz-appearance:textfield}.oc__input::-webkit-inner-spin-button{-webkit-appearance:none}.oc__helper{font-size:11px;color:var(--color-gray-mid);line-height:1.4}.oc__submit{width:100%;padding:14px;background:var(--color-red);color:var(--color-white-pure);font-family:var(--font-family);font-size:15px;font-weight:var(--font-weight-bold);border:none;border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--glow-red);transition:all var(--transition-base)}.oc__submit:hover{background:var(--color-red-dark);box-shadow:var(--glow-red-intense)}.oc__error{font-size:14px;color:var(--color-red-text);padding:var(--space-4);margin-bottom:var(--space-5);background:#bf01190f;border:1px solid rgba(191,1,25,.15);border-radius:var(--radius-md)}.oc__result{text-align:center}.oc__headline{display:flex;align-items:baseline;justify-content:center;gap:var(--space-3)}.oc__headline-value{font-size:64px;font-weight:var(--font-weight-bold);line-height:1;letter-spacing:-.04em;color:var(--color-white-pure);font-variant-numeric:tabular-nums}.oc__headline-unit{font-size:16px;color:var(--color-gray-mid);text-transform:uppercase;letter-spacing:2px;font-weight:var(--font-weight-bold)}.oc__headline-sub{margin-top:var(--space-3);font-size:15px;line-height:1.6;color:var(--color-gray-light)}.oc__headline-sub strong{color:var(--color-red-text)}.oc__funnel{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-border);text-align:left}.oc__step{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--color-gray-mid);line-height:1.35}.oc__step span{font-size:24px;font-weight:var(--font-weight-bold);color:var(--color-white);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.oc__step--end span{color:var(--color-red-text)}.oc__cost{border-top:2px solid var(--color-red);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.oc__cost-label{font-size:11px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.16em;color:var(--color-gray-mid);margin-bottom:var(--space-2)}.oc__cost-value{font-size:38px;font-weight:var(--font-weight-bold);line-height:1.1;letter-spacing:-.03em;color:var(--color-white-pure);font-variant-numeric:tabular-nums}.oc__cost-value span{font-size:15px;font-weight:var(--font-weight-regular);letter-spacing:0;color:var(--color-gray-mid)}.oc__cost-note{margin-top:var(--space-3);font-size:14px;line-height:1.65;color:var(--color-gray-light)}.oc__cost-note a{color:var(--color-red-text);border-bottom:1px solid rgba(255,51,64,.3)}.oc__cost-note a:hover{border-bottom-color:var(--color-red-text)}.oc__cost-note code{font-family:Courier New,monospace;font-size:.92em;color:var(--color-red-text);background:#bf01190f;padding:2px 5px;border-radius:var(--radius-sm)}.oc__formula{padding:var(--space-5);margin-bottom:0}.oc__formula-title{font-size:16px;font-weight:var(--font-weight-bold);color:var(--color-white-pure);margin-bottom:var(--space-3)}.oc__formula-code{display:block;font-family:Courier New,monospace;font-size:13px;line-height:1.9;color:var(--color-red-text);background:#bf01190f;padding:var(--space-3);border-radius:var(--radius-sm);margin-bottom:var(--space-3);overflow-x:auto}.oc__formula-desc{font-size:13px;color:var(--color-gray-mid);line-height:1.6}@media (max-width: 767px){.oc__fields{grid-template-columns:1fr}.oc__funnel{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.oc__headline-value{font-size:48px}.oc__cost-value{font-size:30px}.oc__card,.oc__result,.oc__cost{padding:var(--space-4)}.oc__main{padding:0 var(--space-3) var(--space-8)}}