.oc-anim-device{--dev-jade:var(--jade,#42b655);--dev-jade-2:#5bd06f;--dev-amber:#e0ac3a;--dev-ember:#e26a5b;--dev-intel:#4c8fd8;--dev-purple:#b486ff;--dev-bg-a:#0e1318;--dev-bg-b:#0a0d11;--dev-line:#1e252d;--dev-text:#e8ecef;--dev-mute:#99a4ae;--dev-card:rgba(20,25,31,.85);--dev-tick-float:8.5s;--dev-tick-pulse:1.8s;background:linear-gradient(160deg,var(--dev-bg-a) 0,var(--dev-bg-b) 100%);border:1px solid var(--dev-line);border-radius:var(--radius-lg,22px);box-shadow:0 60px 120px -50px rgba(0,0,0,.9),0 0 0 1px rgba(66,182,85,.06),inset 0 1px 0 hsla(0,0%,100%,.04);color:var(--dev-text);contain:paint;font-family:var(--font-display,"Montserrat","Helvetica Neue",Arial,sans-serif);min-height:580px;overflow:hidden;padding:56px 48px;position:relative;transform-style:preserve-3d;transition:transform .12s cubic-bezier(.2,.7,.3,1);will-change:transform}.oc-anim-device[data-bg=midnight]{background:linear-gradient(160deg,#050810,#0a0f1a)}.oc-anim-device[data-bg=transparent]{background:transparent;border-color:transparent;box-shadow:none}.oc-anim-device[data-tick=normal]{--dev-tick-float:6s;--dev-tick-pulse:1.4s}.oc-anim-device[data-tick=lively]{--dev-tick-float:4s;--dev-tick-pulse:1s}.oc-anim-device[data-grid=true]:before{background-image:linear-gradient(hsla(0,0%,100%,.025) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.025) 1px,transparent 0);background-size:40px 40px;content:"";inset:0;mask-image:radial-gradient(ellipse at center,#000 40%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at center,#000 40%,transparent 80%);pointer-events:none;position:absolute}.oc-anim-device__glow{filter:blur(50px);inset:-10%;opacity:.55;pointer-events:none;position:absolute;z-index:0}.oc-anim-device__glow--a{animation:oc-anim-device-glow-a 14s ease-in-out infinite alternate;background:radial-gradient(circle at 25% 30%,rgba(66,182,85,.3),transparent 55%)}.oc-anim-device__glow--b{animation:oc-anim-device-glow-b 16s ease-in-out infinite alternate;background:radial-gradient(circle at 80% 70%,rgba(43,108,176,.24),transparent 55%)}.oc-anim-device[data-glow=false] .oc-anim-device__glow{display:none}@keyframes oc-anim-device-glow-a{0%{transform:translate(0) scale(1)}to{transform:translate(40px,-30px) scale(1.15)}}@keyframes oc-anim-device-glow-b{0%{transform:translate(0) scale(1)}to{transform:translate(-30px,30px) scale(1.1)}}.oc-anim-device__head{margin:0 0 28px;max-width:560px;position:relative;z-index:2}.oc-anim-device__eyebrow{align-items:center;color:var(--dev-jade);display:inline-flex;font-size:11px;font-weight:700;gap:8px;letter-spacing:.18em;margin-bottom:14px;text-transform:uppercase}.oc-anim-device__eyebrow:before{animation:oc-anim-device-pulse var(--dev-tick-pulse) ease-in-out infinite;background:var(--dev-jade);border-radius:999px;box-shadow:0 0 10px var(--dev-jade);content:"";height:7px;width:7px}.oc-anim-device__title{color:#fff;font-size:36px;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:0 0 12px}.oc-anim-device__copy{color:var(--dev-mute);font-size:15px;line-height:1.6;margin:0;max-width:480px}.oc-anim-device__copy p{margin:0}.oc-anim-device__stage{align-items:center;display:flex;justify-content:center;min-height:460px;position:relative;width:100%;z-index:1}.oc-anim-device__device{animation:oc-anim-device-rise 1s cubic-bezier(.2,.7,.3,1) forwards;display:block;filter:drop-shadow(0 24px 60px rgba(0,0,0,.55)) drop-shadow(0 0 30px rgba(66,182,85,.1));height:auto;max-height:var(--dev-max-h,460px);max-width:70%;opacity:0;position:relative;transform:translateY(12px) scale(.96);width:auto;z-index:2}@keyframes oc-anim-device-rise{to{opacity:1;transform:translateY(0) scale(1)}}.oc-anim-device__device.is-bobbing{animation:oc-anim-device-rise 1s cubic-bezier(.2,.7,.3,1) forwards,oc-anim-device-bob 7s ease-in-out 1s infinite}@keyframes oc-anim-device-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.oc-anim-device__callout{align-items:center;animation:oc-anim-device-fly-in .7s cubic-bezier(.2,.7,.3,1) var(--enter-delay,0s) forwards,oc-anim-device-float var(--dev-tick-float) ease-in-out infinite;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:var(--dev-card);border:1px solid hsla(0,0%,100%,.08);border-radius:14px;box-shadow:0 24px 60px -28px rgba(0,0,0,.75),0 0 0 1px hsla(0,0%,100%,.02);display:inline-flex;gap:12px;left:var(--cx,12%);opacity:0;padding:12px 16px;position:absolute;top:var(--cy,12%);transform:translateY(12px) scale(.96);translate:-50% -50%;z-index:3}@keyframes oc-anim-device-fly-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes oc-anim-device-float{0%,to{transform:translateY(0)}50%{transform:translateY(var(--float-y,-10px))}}.oc-anim-device__callout--jade{--tone:var(--dev-jade);--tone-soft:rgba(66,182,85,.18)}.oc-anim-device__callout--intel{--tone:var(--dev-intel);--tone-soft:rgba(76,143,216,.18)}.oc-anim-device__callout--amber{--tone:var(--dev-amber);--tone-soft:rgba(224,172,58,.18)}.oc-anim-device__callout--ember{--tone:var(--dev-ember);--tone-soft:rgba(226,106,91,.18)}.oc-anim-device__callout--purple{--tone:var(--dev-purple);--tone-soft:rgba(180,134,255,.18)}.oc-anim-device__callout--neutral{--tone:hsla(0,0%,100%,.7);--tone-soft:hsla(0,0%,100%,.08)}.oc-anim-device__callout-icon{background:var(--tone-soft,rgba(66,182,85,.18));border:1px solid var(--tone-soft,rgba(66,182,85,.25));border-radius:10px;color:var(--tone,var(--dev-jade));display:grid;flex-shrink:0;height:38px;place-items:center;width:38px}.oc-anim-device__callout-icon svg{display:block;height:20px;width:20px}.oc-anim-device__callout-icon img{height:22px;object-fit:contain;width:22px}.oc-anim-device__callout-body{line-height:1.2}.oc-anim-device__callout-title{color:#fff;font-size:13.5px;font-weight:700;letter-spacing:-.01em;white-space:nowrap}.oc-anim-device__callout-sub{color:var(--dev-mute);font-size:11.5px;margin-top:3px;white-space:nowrap}.oc-anim-device__callout-dot{animation:oc-anim-device-pulse var(--dev-tick-pulse) ease-in-out infinite;background:var(--dev-jade);border-radius:999px;box-shadow:0 0 8px var(--dev-jade);height:8px;position:absolute;right:10px;top:10px;width:8px}.oc-anim-device__callout-dot--amber{background:var(--dev-amber);box-shadow:0 0 8px var(--dev-amber)}.oc-anim-device__callout-dot--ember{background:var(--dev-ember);box-shadow:0 0 8px var(--dev-ember)}.oc-anim-device__callout-dot--intel{background:var(--dev-intel);box-shadow:0 0 8px var(--dev-intel)}@keyframes oc-anim-device-pulse{0%,to{opacity:1}50%{opacity:.35}}.oc-anim-device__connectors{inset:0;pointer-events:none;position:absolute;z-index:1}.oc-anim-device__connector{animation:oc-anim-device-connector-in .8s ease forwards;animation-delay:var(--enter-delay,0s);fill:none;opacity:0;stroke:hsla(0,0%,100%,.18);stroke-dasharray:3 4;stroke-width:1}@keyframes oc-anim-device-connector-in{to{opacity:1}}@media (max-width:900px){.oc-anim-device{padding:36px 24px}.oc-anim-device__title{font-size:28px}.oc-anim-device__device{max-width:55%}.oc-anim-device__callout-sub,.oc-anim-device__callout-title{white-space:normal}.oc-anim-device__callout{gap:10px;padding:10px 12px}}@media (max-width:640px){.oc-anim-device__stage{min-height:360px}.oc-anim-device__device{max-height:320px;max-width:70%}}@media (prefers-reduced-motion:reduce){.oc-anim-device,.oc-anim-device *,.oc-anim-device :after,.oc-anim-device :before{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}.oc-anim-device__callout{opacity:1}.oc-anim-device__device{opacity:1;transform:none}}.oc-anim-device.is-paused .oc-anim-device__callout,.oc-anim-device.is-paused .oc-anim-device__callout-dot,.oc-anim-device.is-paused .oc-anim-device__device.is-bobbing,.oc-anim-device.is-paused .oc-anim-device__eyebrow:before,.oc-anim-device.is-paused .oc-anim-device__glow{animation-play-state:paused}[data-theme=light] .oc-anim-device{--dev-bg-a:#f4f6f9;--dev-bg-b:#e9eef3;--dev-line:#e5e9ee;--dev-text:#1e2630;--dev-mute:#5a6573;--dev-card:#fff;background:linear-gradient(160deg,var(--dev-bg-a) 0,var(--dev-bg-b) 100%);border-color:var(--dev-line);box-shadow:0 60px 120px -50px rgba(15,20,26,.15),0 0 0 1px rgba(66,182,85,.06),inset 0 1px 0 hsla(0,0%,100%,.6)}[data-theme=light] .oc-anim-device[data-bg=midnight]{background:linear-gradient(160deg,#eef2f6,#d8e0e8)}[data-theme=light] .oc-anim-device__title{color:#0f141a}[data-theme=light] .oc-anim-device__copy{color:var(--dev-mute)}[data-theme=light] .oc-anim-device__device{filter:drop-shadow(0 24px 60px rgba(15,20,26,.18)) drop-shadow(0 0 30px rgba(66,182,85,.1))}[data-theme=light] .oc-anim-device__callout{background:hsla(0,0%,100%,.92);border:1px solid rgba(15,20,26,.06);box-shadow:0 24px 60px -28px rgba(15,20,26,.22),0 0 0 1px rgba(15,20,26,.02)}[data-theme=light] .oc-anim-device__callout-title{color:#0f141a}[data-theme=light] .oc-anim-device__callout-sub{color:#5a6573}[data-theme=light] .oc-anim-device__callout-icon{border-color:rgba(15,20,26,.06)}[data-theme=light] .oc-anim-device__glow--a,[data-theme=light] .oc-anim-device__glow--b{opacity:.35}[data-theme=light] .oc-anim-device[data-grid=true]:before{background-image:linear-gradient(rgba(15,20,26,.05) 1px,transparent 0),linear-gradient(90deg,rgba(15,20,26,.05) 1px,transparent 0)}[data-theme=light] .oc-anim-device__connector{stroke:rgba(15,20,26,.22)}