.oc-hero{--oc-lamp-x: 50%;--oc-lamp-y: 78%;background:radial-gradient(38% 34% at var(--oc-lamp-x) var(--oc-lamp-y),rgba(255,232,204,.1),transparent 100%),var(--dusk)}@media(min-width:1024px){.oc-hero{--oc-lamp-x: 74%;--oc-lamp-y: 50%}}.oc-desk-scene{aspect-ratio:100 / 132}.oc-sheet,.oc-sheet-back{position:absolute;left:3%;top:1.5%;width:92%;aspect-ratio:460 / 620;border-radius:3px}.oc-sheet{transform:rotate(-1.6deg);box-shadow:-3px 5px 10px -4px #00000073,-24px 38px 70px -20px #000000bf}.oc-sheet-back{left:5%;transform:rotate(2.4deg);background:linear-gradient(200deg,#efebe4,#d9d3c8);box-shadow:-18px 30px 60px -24px #000000b3}.oc-pen-shadow{position:absolute;inset:0;pointer-events:none;filter:drop-shadow(-7px 11px 6px rgba(0,0,0,.5))}.oc-pen{position:absolute;left:88.6%;top:91.2%;width:40%;transform-origin:.6% 50%;transform:translate(-.6%,-50%) rotate(-64deg)}@media(min-width:640px){.oc-desk-scene{aspect-ratio:100 / 122}.oc-sheet,.oc-sheet-back{width:84%;left:4%;top:2%}.oc-sheet-back{left:8%}.oc-pen{left:82.2%;top:90.6%;width:48%;transform:translate(-.6%,-50%) rotate(-60deg)}}.oc-ink-mark{stroke-dasharray:1 1.1;stroke-dashoffset:0}@media screen and (prefers-reduced-motion:no-preference){.reveal-on .oc-ink-mark{stroke-dashoffset:1.02}.reveal-on .oc-ink-note{clip-path:inset(-12px 100% -12px -6px)}.reveal-on .is-revealed .oc-ink-mark{animation:oc-ink-draw var(--dur, .3s) cubic-bezier(.5,.1,.3,1) calc(var(--at, 0s) + .35s) both}.reveal-on .is-revealed .oc-ink-note{animation:oc-ink-write var(--dur, .4s) cubic-bezier(.35,.15,.35,1) calc(var(--at, 0s) + .35s) both}.reveal-on .oc-hand-underline path{stroke-dashoffset:1.02;animation:oc-ink-draw .6s cubic-bezier(.5,.1,.3,1) .75s both}}@keyframes oc-ink-draw{0%{stroke-dashoffset:1.02}to{stroke-dashoffset:0}}@keyframes oc-ink-write{0%{clip-path:inset(-12px 100% -12px -6px)}to{clip-path:inset(-12px -6px -12px -6px)}}.oc-hand-underline path{stroke-dasharray:1 1.1}.oc-rise{animation:oc-rise .64s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--oc-i, 0) * 80ms)}@keyframes oc-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.oc-card{position:relative;border:1px solid var(--paper-line);background:var(--paper-elevated);box-shadow:0 18px 60px #1a1f290f;transition:transform .26s cubic-bezier(.2,.8,.2,1),box-shadow .26s ease,border-color .26s ease}.oc-card-link:hover{transform:translateY(-3px);border-color:#d4cfc4;box-shadow:0 30px 70px -30px #9e522659}.oc-glow-paper{background:radial-gradient(60% 80% at 50% 0%,rgba(194,112,61,.12),transparent 70%),var(--paper-elevated)}.oc-ants rect{stroke-dasharray:10 8;transition:stroke .2s ease}.oc-dropzone:hover .oc-ants rect,.oc-dropzone:focus-visible .oc-ants rect,.oc-dropzone[data-drag=true] .oc-ants rect{animation:oc-ants .9s linear infinite;stroke:var(--accent-ink)}@keyframes oc-ants{to{stroke-dashoffset:-36}}.oc-pulse:after{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid rgba(194,112,61,.55);animation:oc-pulse 2.4s ease-out 4;pointer-events:none}@keyframes oc-pulse{0%{transform:scale(1);opacity:1}to{transform:scale(1.9);opacity:0}}.oc-radar-grow{transform-box:view-box;transform-origin:170px 150px;animation:oc-grow .9s cubic-bezier(.2,.8,.2,1) .15s both}@keyframes oc-grow{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.oc-details{interpolate-size:allow-keywords}.oc-details::details-content{block-size:0;overflow-y:clip;transition:block-size .32s cubic-bezier(.2,.8,.2,1),content-visibility .32s allow-discrete}.oc-details[open]::details-content{block-size:auto}.oc-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:28px;background:transparent;cursor:pointer}.oc-range:focus-visible{outline:none}.oc-range::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(90deg,var(--accent) var(--oc-fill, 50%),var(--paper-line) var(--oc-fill, 50%))}.oc-range::-moz-range-track{height:6px;border-radius:999px;background:var(--paper-line)}.oc-range::-moz-range-progress{height:6px;border-radius:999px;background:var(--accent)}.oc-range::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-9px;width:24px;height:24px;border-radius:999px;background:#fff;border:2px solid var(--accent-cta-fill);box-shadow:0 6px 16px -4px #8c4a228c;-webkit-transition:transform .16s ease;transition:transform .16s ease}.oc-range::-moz-range-thumb{width:20px;height:20px;border-radius:999px;background:#fff;border:2px solid var(--accent-cta-fill);box-shadow:0 6px 16px -4px #8c4a228c}.oc-range:active::-webkit-slider-thumb{transform:scale(1.15)}.oc-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px #9e52264d}.oc-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px #9e52264d}@media(prefers-reduced-motion:reduce){.oc-rise,.oc-radar-grow,.oc-pulse:after,.oc-dropzone:hover .oc-ants rect,.oc-dropzone:focus-visible .oc-ants rect,.oc-dropzone[data-drag=true] .oc-ants rect{animation:none}.oc-pulse:after{display:none}.oc-details::details-content{transition:none}.oc-card,.oc-card-link:hover{transition:none;transform:none}}@media print{.oc-hero{background:none}}