:root{--oc-ink: #121314;--oc-ease: cubic-bezier(.16, 1, .3, 1)}.oc-hero,.oc-included{background-color:var(--charcoal);background-image:radial-gradient(rgba(255,255,255,.07) 1.2px,transparent 1.4px);background-size:18px 18px}.oc-hero .place-phone{box-shadow:0 6px #000,0 40px 80px -30px #000c,0 0 0 1.5px #ffffff1f}.oc-hero .place-phone-screen{position:relative}.oc-hero .pp-bar-title,.oc-hero .pp-live{white-space:nowrap}.oc-timer{font-variant-numeric:tabular-nums;color:var(--text-muted);margin-left:2px}.oc-ring{position:absolute;inset:52px 0 0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:var(--surface);opacity:0;pointer-events:none}.oc-ring-av{position:relative;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--yellow);color:var(--oc-ink);font-family:var(--font-display);font-weight:var(--weight-display-strong);font-size:1.1rem;border:1.5px solid var(--oc-ink)}.oc-ring-av i{position:absolute;inset:-2px;border-radius:50%;border:2px solid var(--yellow)}.oc-ring-who{font-weight:700;font-size:.95rem;color:var(--oc-ink)}.oc-ring-state{font-size:.7rem;color:var(--text-muted)}.oc-hero-device .oc-ring{animation:oc-ring-out 2s var(--oc-ease) .5s both}.oc-hero-device .oc-ring-av i{animation:oc-ring-pulse 1s ease-out .5s 2 both}.oc-hero-device .oc-ring-av i+i{animation-delay:.9s}.oc-hero-device .oc-caller,.oc-hero-device .oc-turn,.oc-hero-device .oc-logged{animation:oc-land .6s var(--oc-ease) both}.oc-hero-device .oc-caller{animation-delay:2.2s}.oc-hero-device .oc-turn:nth-of-type(1){animation-delay:2.7s}.oc-hero-device .oc-turn:nth-of-type(2){animation-delay:3.6s}.oc-hero-device .oc-turn:nth-of-type(3){animation-delay:4.5s}.oc-hero-device .oc-logged{animation-name:oc-slide;animation-delay:5.5s}@keyframes oc-ring-out{0%{opacity:1}75%{opacity:1;transform:none}to{opacity:0;transform:scale(1.03);visibility:hidden}}@keyframes oc-ring-pulse{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}@keyframes oc-land{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes oc-slide{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.ocx-intro{max-width:720px;margin-bottom:40px}.ocx-intro--center{margin-left:auto;margin-right:auto;text-align:center}.ocx-intro .section-body{margin-top:14px}.oc-hero:has(+.tape-zone){padding-bottom:130px}.tape-zone+.ocx-problem{padding-top:150px}.ocx-problem{padding:100px 0;background:var(--bg)}.ocx-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:56px;align-items:center}.ocx-punch{margin-top:28px;font-family:var(--font-display);font-weight:var(--weight-display);font-size:clamp(1.25rem,2.2vw,1.6rem);line-height:1.2;letter-spacing:-.02em;color:var(--oc-ink)}.ocx-punch span{display:block;color:var(--text-secondary)}.ocx-lock{position:relative;border:1.5px solid var(--oc-ink);border-radius:22px;box-shadow:0 5px 0 var(--oc-ink);background-color:var(--hivis);background-image:radial-gradient(rgba(18,19,20,.18) 1.2px,transparent 1.4px);background-size:14px 14px;padding:40px 28px 0;display:flex;justify-content:center;overflow:hidden;min-height:520px}.ocx-lock-phone{position:relative;width:min(100%,330px);background:#151617;color:#f4f5f3;border-radius:44px 44px 0 0;border:6px solid #0a0b0b;border-bottom:0;padding:46px 14px 30px;box-shadow:0 -2px #ffffff14 inset}.ocx-lock-cam{position:absolute;left:50%;top:12px;width:88px;height:24px;margin-left:-44px;background:#000;border-radius:99px}.ocx-lock-time{text-align:center;font-family:var(--font-display);font-weight:var(--weight-display);font-size:3.4rem;line-height:1;letter-spacing:-.04em}.ocx-lock-date{text-align:center;font-size:.8125rem;color:#f4f5f399;margin-top:6px}.ocx-lock-head{display:flex;align-items:center;gap:8px;margin:26px 4px 10px;font-family:var(--font-display);font-size:.625rem;font-weight:var(--weight-display-strong);letter-spacing:.08em;text-transform:uppercase;color:#f4f5f3b3}.ocx-lock-head .oc-missed-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:var(--hivis);color:var(--oc-ink);font-size:.6875rem}.ocx-notes{list-style:none;display:flex;flex-direction:column;gap:8px}.ocx-note{display:grid;grid-template-columns:26px minmax(0,1fr) auto;gap:10px;align-items:start;background:#f4f5f3f0;color:var(--oc-ink);border-radius:16px;padding:11px 12px;opacity:0;transform:translateY(-18px) scale(.97);transition:opacity .5s var(--oc-ease),transform .6s var(--oc-ease)}.ocx-lock.in-view .ocx-note{opacity:1;transform:none}.ocx-lock.in-view .ocx-note:nth-child(1){transition-delay:.3s}.ocx-lock.in-view .ocx-note:nth-child(2){transition-delay:.8s}.ocx-lock.in-view .ocx-note:nth-child(3){transition-delay:1.3s}.ocx-note-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#e5484d;color:#fff;font-weight:700;font-size:.8rem}.ocx-note-body b{display:block;font-size:.8125rem}.ocx-note-body span{display:block;font-size:.75rem;line-height:1.4;color:var(--text-secondary);margin-top:2px}.ocx-note-time{font-size:.625rem;color:var(--text-muted);white-space:nowrap;padding-top:2px}.ocx-lock.in-view .ocx-lock-phone{animation:oc-buzz 6s ease-in-out 3s infinite}@keyframes oc-buzz{0%,90%,to{translate:0 0}91%,95%{translate:-2px 0}93%,97%{translate:2px 0}}.ocx-versus{padding:100px 0;background:var(--surface);border-top:1px solid var(--border-light)}.ocx-vs-grid{position:relative;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px;align-items:stretch}.ocx-vs{border:1.5px solid var(--oc-ink);border-radius:22px;box-shadow:0 5px 0 var(--oc-ink);padding:30px 30px 32px}.ocx-vs-kicker{font-family:var(--font-display);font-size:.6875rem;font-weight:var(--weight-display-strong);letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}.ocx-vs h3{font-family:var(--font-display);font-weight:var(--weight-display);font-size:1.25rem;line-height:1.2;letter-spacing:-.02em}.ocx-vs ul{list-style:none;margin-top:12px;display:flex;flex-direction:column;gap:9px}.ocx-vs li{position:relative;padding-left:24px;font-size:.9375rem;line-height:1.45}.ocx-vs--beep{position:relative;overflow:hidden}.ocx-vs--beep:after{content:"Beep.";position:absolute;left:24px;bottom:-10px;font-family:var(--font-display);font-weight:var(--weight-display-strong);font-size:clamp(3.4rem,7vw,6rem);letter-spacing:-.05em;line-height:1;color:#12131414;pointer-events:none}.ocx-vs--beep{background:#dde0dc;background-image:repeating-linear-gradient(-45deg,rgba(18,19,20,.05) 0 1px,transparent 1px 9px);color:var(--text-secondary)}.ocx-vs--beep .ocx-vs-kicker{color:var(--text-muted)}.ocx-vs--beep h3{color:var(--text-secondary);text-decoration:line-through;text-decoration-color:var(--hivis);text-decoration-thickness:3px}.ocx-vs--beep li:before{content:"✕";position:absolute;left:2px;top:0;color:#c23a06;font-weight:700}.ocx-vs--rory{background:var(--yellow);color:var(--oc-ink);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.ocx-vs--rory .ocx-vs-kicker{grid-column:1 / -1;margin-bottom:0}.ocx-vs--rory h3{font-size:1.0625rem}.ocx-vs--rory li{font-size:.875rem}.ocx-vs--rory li:before{content:"";position:absolute;left:0;top:.2em;width:15px;height:15px;border-radius:4px;background:var(--oc-ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFCD00' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 11px no-repeat}.ocx-vs-badge{position:absolute;left:calc(40% - 12px);top:50%;z-index:2;display:grid;place-items:center;width:52px;height:52px;margin:-26px 0 0 -12px;border-radius:50%;background:var(--oc-ink);color:var(--yellow);font-family:var(--font-display);font-weight:var(--weight-display-strong);font-size:.875rem;text-transform:uppercase;border:3px solid var(--surface)}.ocx-says{padding:100px 0;background:var(--bg)}.ocx-says-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.ocx-say{border:1.5px solid var(--oc-ink);border-radius:22px;box-shadow:0 5px 0 var(--oc-ink);padding:30px}.ocx-say-head{font-family:var(--font-display);font-weight:var(--weight-display);font-size:1.25rem;letter-spacing:-.02em;margin-bottom:18px}.ocx-say ul{list-style:none;display:flex;flex-direction:column;gap:12px}.ocx-say li{position:relative;padding-left:30px;font-size:1rem;line-height:1.4;font-weight:500}.ocx-say li:before{content:"";position:absolute;left:0;top:.1em;width:18px;height:18px;border-radius:5px;background-position:center;background-repeat:no-repeat;background-size:12px}.ocx-say--will{background:var(--yellow);color:var(--oc-ink)}.ocx-say--will li:before{background-color:var(--oc-ink);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFCD00' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E")}.ocx-say--wont{background:var(--oc-ink);color:#f4f5f3;box-shadow:0 5px #000}.ocx-say--wont .ocx-say-head{color:var(--yellow)}.ocx-say--wont li:before{background-color:var(--hivis);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23121314' stroke-width='3.4' stroke-linecap='round'%3E%3Cpath d='M7 7l10 10M17 7L7 17'/%3E%3C/svg%3E")}.ocx-say-foot{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.14);font-size:.875rem;color:#f4f5f3a6}.ocx-says-note{max-width:640px;margin-top:26px;font-size:.9375rem;color:var(--text-secondary);line-height:1.6}.ocx-say li{opacity:0;transform:translateY(8px);transition:opacity .45s var(--oc-ease),transform .55s var(--oc-ease)}.ocx-say.in-view li{opacity:1;transform:none}.ocx-say.in-view li:nth-child(2){transition-delay:.1s}.ocx-say.in-view li:nth-child(3){transition-delay:.2s}.ocx-say.in-view li:nth-child(4){transition-delay:.3s}.ocx-say.in-view li:nth-child(5){transition-delay:.4s}.ocx-after{padding:100px 0;background-color:var(--yellow);background-image:radial-gradient(rgba(18,19,20,.14) 1.2px,transparent 1.4px);background-size:16px 16px}.ocx-after .label-tag{background:var(--oc-ink);color:var(--yellow)}.ocx-after .section-body{color:#121314c7}.ocx-window{position:relative;max-width:720px;margin:0 auto;background:var(--surface);border:1.5px solid var(--oc-ink);border-radius:18px;box-shadow:0 6px 0 var(--oc-ink)}.ocx-window-bar{display:flex;align-items:center;gap:6px;padding:12px 16px;border-bottom:1.5px solid var(--oc-ink);font-family:var(--font-display);font-size:.625rem;font-weight:var(--weight-display-label);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.ocx-window-bar i{width:10px;height:10px;border-radius:50%;border:1.5px solid var(--oc-ink)}.ocx-window-bar span{margin-left:8px}.ocx-window .oc-log{border:0;border-radius:0 0 18px 18px}.ocx-window .oc-log-row{padding:16px 20px}.ocx-banners{position:absolute;right:-48px;top:-40px;width:300px;display:grid}.ocx-banners .oc-banner{grid-area:1 / 1;margin:0}.ocx-banners .oc-banner{box-shadow:0 4px 0 var(--oc-ink),0 20px 30px -16px #0006;border:1.5px solid var(--oc-ink)}.ocx-banners .oc-banner--done{background:var(--surface)}.ocx-window .oc-banner{opacity:0}.ocx-window.in-view .oc-banner:not(.oc-banner--done){animation:oc-live 2.6s var(--oc-ease) .4s both}.ocx-window.in-view .oc-banner--done{animation:oc-land .6s var(--oc-ease) 2.9s both}@keyframes oc-live{0%{opacity:0;transform:translateY(-14px)}15%,85%{opacity:1;transform:none}to{opacity:0;transform:scale(.96)}}.ocx-window.in-view .oc-banner-dot{animation:oc-dot 1.4s ease-out infinite}@keyframes oc-dot{0%{box-shadow:0 0 #e5484d8c}to{box-shadow:0 0 0 9px #e5484d00}}.ocx-after-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;max-width:720px;margin:36px auto 0}.ocx-after-notes h3{font-family:var(--font-display);font-weight:var(--weight-display);font-size:1.125rem;letter-spacing:-.02em;color:var(--oc-ink)}.ocx-after-notes p{margin-top:8px;font-size:.9375rem;line-height:1.6;color:#121314c7}.ocx-included{padding:100px 0}.ocx-included-head{max-width:640px}.ocx-included-head h2{font-family:var(--font-display);font-weight:var(--weight-display);font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:-.03em;color:#f4f5f3;margin-top:18px}.ocx-included-head p{margin-top:12px;font-size:1rem;line-height:1.65;color:#f4f5f3a8}.ocx-tiles{list-style:none;margin-top:36px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ocx-tiles li{display:flex;flex-direction:column;gap:8px;background:#1c1e20;border:1.5px solid #000;border-radius:16px;box-shadow:0 4px #000;padding:20px 20px 22px}.ocx-tiles .ocx-tile--wide{grid-column:span 3;flex-direction:row;align-items:baseline;gap:18px;background:var(--hivis)}.ocx-tile-k{font-family:var(--font-display);font-size:.75rem;font-weight:var(--weight-display-strong);letter-spacing:.07em;text-transform:uppercase;color:var(--yellow)}.ocx-tile-v{font-size:.9375rem;line-height:1.5;color:#f4f5f3d1}.ocx-tile--wide .ocx-tile-k,.ocx-tile--wide .ocx-tile-v{color:var(--oc-ink)}.ocx-tiles.in-view li{animation:oc-land .5s var(--oc-ease) both}.ocx-tiles.in-view li:nth-child(2){animation-delay:.06s}.ocx-tiles.in-view li:nth-child(3){animation-delay:.12s}.ocx-tiles.in-view li:nth-child(4){animation-delay:.18s}.ocx-tiles.in-view li:nth-child(5){animation-delay:.24s}.ocx-tiles.in-view li:nth-child(6){animation-delay:.3s}.ocx-tiles.in-view li:nth-child(7){animation-delay:.36s}.ocx-included-cta{margin-top:32px}.ocx-setup{padding:100px 0;background:var(--bg)}.ocx-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.ocx-step{position:relative;background:var(--surface);border:1.5px solid var(--oc-ink);border-radius:22px;box-shadow:0 5px 0 var(--oc-ink);padding:26px 26px 28px}.ocx-step--live{background:var(--yellow)}.ocx-step-n{position:absolute;right:20px;top:20px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--oc-ink);color:var(--yellow);font-family:var(--font-display);font-weight:var(--weight-display-strong);font-size:.9rem}.ocx-step-time{font-family:var(--font-display);font-weight:var(--weight-display-strong);font-size:clamp(3rem,5.4vw,4.4rem);line-height:.95;letter-spacing:-.05em;color:var(--oc-ink)}.ocx-step-time small{font-size:.32em;letter-spacing:0;margin-left:6px;text-transform:uppercase}.ocx-step h3{margin-top:18px;font-family:var(--font-display);font-weight:var(--weight-display);font-size:1.125rem;letter-spacing:-.02em}.ocx-step p:last-child{margin-top:6px;font-size:.9375rem;line-height:1.55;color:var(--text-secondary)}.ocx-step--live p:last-child{color:#121314c7}@media (max-width: 960px){.ocx-split,.ocx-vs-grid{grid-template-columns:1fr;gap:36px}.ocx-vs-badge{position:relative;left:auto;top:auto;margin:-44px auto}.ocx-vs--rory,.ocx-says-grid{grid-template-columns:1fr}.ocx-banners{position:static;width:auto;padding:14px}.ocx-after-notes{grid-template-columns:1fr;gap:20px}.ocx-tiles{grid-template-columns:1fr 1fr}.ocx-tiles .ocx-tile--wide{grid-column:span 2;flex-direction:column;gap:8px}.ocx-steps{grid-template-columns:1fr}}@media (max-width: 560px){.ocx-problem,.ocx-versus,.ocx-says,.ocx-after,.ocx-included,.ocx-setup{padding:72px 0}.ocx-lock{min-height:0;padding:28px 14px 0}.ocx-tiles{grid-template-columns:1fr}.ocx-tiles .ocx-tile--wide{grid-column:auto}}@media (prefers-reduced-motion: reduce){.ocx-note,.ocx-say li,.ocx-window .oc-banner--done{opacity:1;transform:none;transition:none;animation:none!important}.ocx-window .oc-banner:not(.oc-banner--done){display:none}.ocx-lock-phone,.ocx-tiles li,.oc-banner-dot{animation:none!important}}