.oc-section{--oc-surface:#f5f5f7;--oc-ink2:#424245;--oc-line:#e5e5ea;--oc-signal:#4058d6;max-width:1180px;margin:0 auto;padding:clamp(72px,9vw,128px) 24px}html[data-theme=dark] .oc-section{--oc-surface:#1a1d23;--oc-ink2:#c7c9d1;--oc-line:#2a2e36;--oc-signal:#8fb0ff}.oc-head{max-width:760px;margin:0 auto 32px;text-align:center}.oc-head h2{margin:10px 0 14px;font-size:clamp(34px,5vw,56px);line-height:1.05;letter-spacing:-.03em}.oc-head p:last-child{margin:0;color:var(--oc-ink2);font-size:clamp(16px,1.6vw,19px);line-height:1.55}.oc-tabs{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:22px}.oc-tabs button{min-height:44px;padding:10px 18px;border:1px solid var(--oc-line);border-radius:999px;background:none;color:inherit;font:inherit;font-size:15px;font-weight:550;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}.oc-tabs button[aria-selected=true]{background:var(--oc-signal);border-color:var(--oc-signal);color:#fff}html[data-theme=dark] .oc-tabs button[aria-selected=true]{color:#0d1220}.oc-tabs button:focus-visible{outline:2px solid var(--oc-signal);outline-offset:3px}.oc-panel{display:grid;grid-template-columns:1fr 1fr;gap:20px}.oc-calc,.oc-story{padding:clamp(24px,3vw,36px);border-radius:28px;background:var(--oc-surface)}.oc-story h3{margin:0 0 18px;font-size:clamp(24px,2.6vw,32px);line-height:1.15;letter-spacing:-.02em}.oc-story ul{display:grid;gap:12px;margin:0 0 24px;padding:0;list-style:none}.oc-story li{position:relative;padding-left:28px;color:var(--oc-ink2);font-size:16px;line-height:1.5}.oc-story li:before{content:"✓";position:absolute;left:0;top:0;color:var(--oc-signal);font-weight:700}.oc-calc-title{margin:0 0 14px;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--oc-ink2)}.oc-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.oc-field{display:grid;gap:6px;font-size:13px;color:var(--oc-ink2)}.oc-field input{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--oc-line);border-radius:12px;background:var(--bg,#fff);color:inherit;font:inherit;font-size:17px;font-variant-numeric:tabular-nums}.oc-field input:focus-visible{outline:2px solid var(--oc-signal);outline-offset:1px}.oc-result{display:grid;gap:2px;margin:20px 0 10px;padding:18px 20px;border-radius:18px;background:color-mix(in srgb,var(--oc-signal) 12%,transparent)}.oc-result span{font-size:14px;color:var(--oc-ink2)}.oc-result b{font-size:clamp(32px,4vw,44px);line-height:1.1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.oc-result small{font-size:14px;color:var(--oc-ink2)}.oc-note{margin:0 0 18px;font-size:13px;line-height:1.5;color:var(--oc-ink2)}.oc-cta{display:inline-flex}@media(max-width:820px){.oc-panel{grid-template-columns:1fr}.oc-tabs{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;margin-inline:-24px;padding-inline:24px}.oc-tabs button{flex:none}}@media(max-width:420px){.oc-fields{grid-template-columns:1fr}}.oc-demos{display:grid;gap:8px;margin:0 0 18px}.oc-demo{display:flex;align-items:center;gap:12px;min-height:48px;padding:10px 14px;border-radius:14px;background:color-mix(in srgb,var(--oc-signal) 10%,transparent);color:inherit;font-size:15px;font-weight:550;line-height:1.35;text-decoration:none;transition:background-color .2s}.oc-demo span{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--oc-signal);color:#fff;font-size:10px}html[data-theme=dark] .oc-demo span{color:#0d1220}.oc-demo:hover{background:color-mix(in srgb,var(--oc-signal) 18%,transparent)}.oc-demo:focus-visible{outline:2px solid var(--oc-signal);outline-offset:2px}.oc-label{margin:0 0 10px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--oc-ink2)}.oc-panel[hidden]{display:none}.oc-solutions{margin:16px 0 0;font-size:14px;line-height:1.6;color:var(--oc-ink2)}.oc-solutions span:first-child{font-weight:600}.oc-solutions a{color:var(--oc-signal);text-underline-offset:3px}