.otag{--d:min(27vw, 42vh, 440px);--t:calc(var(--d) * .22);--ax:64%;--ay:52%;position:relative}@media (width<=899px){.otag{--d:min(50vw, 30svh, 300px);--ax:50%;--ay:34%}}.otag-bar{z-index:20;height:64px;padding:0 var(--gutter);pointer-events:none;background:linear-gradient(#07090ce6,#07090c00);align-items:center;gap:20px;display:flex;position:fixed;inset:0 0 auto}.otag-bar>*{pointer-events:auto}.otag-wordmark{font-family:var(--font-brand);letter-spacing:.14em;color:var(--mist);font-size:17px;text-decoration:none}.otag-bar__tag{color:var(--steel);font-size:13px;font-weight:500}.otag-bar__tools{gap:8px;margin-left:auto;display:flex}@media (width<=560px){.otag-bar__tag{display:none}}.otag-chip{height:32px;color:var(--mist);font:500 13px/1 var(--font-sans);cursor:pointer;transition:border-color .16s ease, transform .16s var(--ease-out);background:#07090c66;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;padding:0 13px;text-decoration:none;display:inline-flex;position:relative}.otag-chip:after{content:"";position:absolute;inset:-6px -2px}.otag-chip:hover{border-color:#ffffff4d}.otag-chip:active{transform:scale(.97)}.otag-chip:disabled{cursor:default;opacity:.6}.otag-chip__dot{border:1px solid var(--steel);border-radius:50%;width:8px;height:8px;transition:background-color .16s}.otag-chip[aria-pressed=true] .otag-chip__dot{background:var(--mist);border-color:var(--mist)}.otag-stage{touch-action:pan-y;-webkit-user-select:none;user-select:none;height:100svh;position:sticky;top:0;overflow:hidden}.otag-backdrop{background:radial-gradient(ellipse 60% 55% at var(--ax) var(--ay), #151a21 0%, #0c0f13 45%, var(--night) 78%), var(--night);position:absolute;inset:0}@media (width<=899px){.otag .otag-stage:after{content:"";background:linear-gradient(to bottom, #07090c00, #07090ceb 46%, var(--night));pointer-events:none;height:48%;position:absolute;inset:auto 0 0}}.otag-viewport{left:var(--ax);top:var(--ay);width:0;height:0;perspective:calc(var(--d) * 4.2);position:absolute}.otag-cam,.otag-rig{transform-style:preserve-3d;will-change:transform;position:absolute;top:0;left:0}.otag-piece{left:calc(var(--d) / -2);top:calc(var(--d) / -2);width:var(--d);height:var(--d);transform-style:preserve-3d;position:absolute}.otag-cover{--cd:calc(var(--d) * .93);left:calc(var(--cd) / -2);top:calc(var(--cd) / -2);width:var(--cd);height:var(--cd);transform:translateZ(calc(var(--t) * -.68))}.otag-slice{--shade:linear-gradient(rgb(0 0 0/calc((1 - var(--k)) * .6)), rgb(0 0 0/calc((1 - var(--k)) * .6)));background:var(--shade), linear-gradient(98deg, #050607 0%, #33373e 20%, #121418 44%, #22262b 74%, #060708 100%);border-radius:50%;transition:opacity .5s;position:absolute;inset:0}.otag-slice--cover{background:var(--shade), linear-gradient(98deg, #040506 0%, #1d1f23 24%, #0b0c0e 52%, #141619 80%, #040506 100%)}.otag-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:50%;transition:opacity .5s;position:absolute;inset:0}.otag-face img{-webkit-user-drag:none;width:100%;height:100%}.otag-face--cover{transform:translateZ(.5px)}.otag-face--inner{transform:translateZ(calc(var(--t) * -1 - .5px)) rotateY(180deg)}.otag-sheen{mix-blend-mode:screen;opacity:.55;pointer-events:none;border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle closest-side,#000 97%,#0000 99.5%);mask:radial-gradient(circle closest-side,#000 97%,#0000 99.5%)}.otag-piece[data-dim]>*{opacity:.07}.otag-table{left:calc(var(--d) * -3.5);top:calc(var(--d) * -3.5);width:calc(var(--d) * 7);height:calc(var(--d) * 7);transform:translateZ(calc(var(--t) * -1 - 1px));background:radial-gradient(circle at 50% 50%, #96aac81a, #96aac800 22%), repeating-radial-gradient(circle at 50% 50%, #ffffff0d 0 1px, #fff0 1.5px calc(var(--d) * .25)), linear-gradient(to right, transparent calc(50% - .5px), #ffffff0f 50%, transparent calc(50% + .5px)), linear-gradient(to bottom, transparent calc(50% - .5px), #ffffff0f 50%, transparent calc(50% + .5px));position:absolute;-webkit-mask:radial-gradient(circle,#000 0 18%,#0000 46%);mask:radial-gradient(circle,#000 0 18%,#0000 46%)}.otag-shadow{left:calc(var(--d) * -.58);top:calc(var(--d) * -.58);width:calc(var(--d) * 1.16);height:calc(var(--d) * 1.16);pointer-events:none;background:radial-gradient(closest-side,#000000e6 0%,#000000a6 72%,#0000 100%);border-radius:50%;position:absolute}.otag-shadow--cover{transform:translateZ(calc(var(--t) * -1 - .5px)) scale(.92);opacity:.85}.otag-rings{transform:translateZ(calc(var(--t) * -1 - .6px));transform-style:preserve-3d;position:absolute;top:0;left:0}.otag-rings i{left:calc(var(--d) / -2);top:calc(var(--d) / -2);width:var(--d);height:var(--d);border:1.5px solid var(--signal);opacity:0;border-radius:50%;position:absolute}.otag:is([data-step=presence],[data-step=network],[data-step=signal],[data-step=cta]) .otag-rings i{animation:otag-ring 3.6s var(--ease-out) infinite}.otag[data-step=signal] .otag-rings i{border-width:2px;animation-duration:2.4s}.otag-rings i:nth-child(2){animation-delay:1.2s!important}.otag-rings i:nth-child(3){animation-delay:2.4s!important}.otag[data-step=signal] .otag-rings i:nth-child(2){animation-delay:.8s!important}.otag[data-step=signal] .otag-rings i:nth-child(3){animation-delay:1.6s!important}@keyframes otag-ring{0%{opacity:.6;transform:scale(1.02)}to{opacity:0;transform:scale(2.6)}}.otag-hit{left:var(--ax);top:var(--ay);width:calc(var(--d) * 1.05);aspect-ratio:1;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:pan-y;background:0 0;border:0;border-radius:50%;position:absolute;translate:-50% -50%}.otag[data-step=presence]:not([data-reduced]) .otag-hit{cursor:grab}.otag[data-step=presence]:not([data-reduced]) .otag-hit:active{cursor:grabbing}.otag-hit:focus-visible{outline-offset:10px;border-radius:50%}.otag-overlay{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.otag-note-line{fill:none;stroke:#e9edf29e;stroke-width:1px;stroke-dasharray:1;stroke-dashoffset:1px;animation:otag-draw .52s var(--ease-out) forwards;animation-delay:calc(.62s + var(--i) * .11s)}.otag-note-dot{fill:var(--night);stroke:var(--mist);stroke-width:1.5px;opacity:0;animation:.26s ease-out forwards otag-fade;animation-delay:calc(.56s + var(--i) * .11s)}.otag-notes{pointer-events:none;position:absolute;inset:0}.otag-note{white-space:nowrap;letter-spacing:-.01em;color:var(--mist);text-shadow:0 1px 12px #07090ce6;opacity:0;animation:otag-note-in .42s var(--ease-out) forwards;animation-delay:calc(.82s + var(--i) * .11s);font-size:15px;font-weight:600;line-height:20px;position:absolute;top:0;left:0}.otag-note--mark{color:#c3cad4;animation-delay:calc(.7s + var(--i) * .12s);font-size:14px;font-weight:500}.otag-note[data-review=documented]{text-underline-offset:4px;text-decoration:underline dotted #7fa6e0}.otag-note[data-review=conflict]{text-underline-offset:4px;text-decoration:underline wavy #e0735c}.otag-note[data-review=visual]{text-underline-offset:4px;text-decoration:underline dotted #c9a45c}@keyframes otag-draw{to{stroke-dashoffset:0}}@keyframes otag-fade{to{opacity:1}}@keyframes otag-note-in{0%{opacity:0;filter:blur(3px)}to{opacity:1;filter:blur()}}.otag-arc{fill:none;stroke:var(--signal);stroke-width:1.5px;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .3s}.otag:is([data-step=signal],[data-step=nearby]) .otag-arc{stroke-dashoffset:0;transition:stroke-dashoffset 1.4s var(--ease-in-out) .7s}.otag-signal-line{fill:none;stroke:var(--signal);stroke-width:1.5px;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .3s}.otag[data-step=cta] .otag-signal-line{stroke-dashoffset:0;transition:stroke-dashoffset 1.6s var(--ease-in-out) .5s}.otag-readout{right:var(--gutter);font:400 11px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--steel);gap:18px;margin:0;display:flex;position:absolute;bottom:24px}.otag-readout span:nth-child(2){color:var(--mist)}.otag-progress{top:64px;left:var(--gutter);right:var(--gutter);background:#ffffff14;height:1px;position:absolute}.otag-progress i{background:var(--mist);transform-origin:0;height:100%;transition:transform .5s var(--ease-out);display:block}.otag-rail{right:var(--gutter);position:absolute;top:50%;translate:0 -50%}.otag-rail ol{gap:2px;margin:0;padding:0;list-style:none;display:grid}.otag-rail button{width:100%;min-height:32px;color:var(--steel);font:400 11px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;flex-direction:row-reverse;align-items:center;gap:12px;padding:4px 0 4px 12px;transition:color .16s;display:flex}.otag-rail__n:before{content:"";vertical-align:middle;width:14px;height:1px;transition:width .3s var(--ease-out);background:currentColor;margin-right:10px;display:inline-block}.otag-rail__label{opacity:0;transition:opacity .2s ease, transform .2s var(--ease-out);transform:translate(4px)}.otag-rail button:hover,.otag-rail button:focus-visible,.otag-rail button[aria-current]{color:var(--mist)}.otag-rail button[aria-current] .otag-rail__n:before{width:28px}.otag-rail button:is(:hover,:focus-visible,[aria-current]) .otag-rail__label{opacity:1;transform:none}.otag-steps{z-index:2;pointer-events:none;margin-top:-100svh;position:relative}.otag-step{min-height:calc(100vh * var(--beats,1));min-height:calc(100svh * var(--beats,1))}.otag-step__pin{height:100svh;padding:96px var(--gutter);align-items:center;display:flex;position:sticky;top:0}.otag-copy{pointer-events:auto;max-width:min(29rem,36vw);transition:opacity .6s var(--ease-out), transform .6s var(--ease-out)}.otag-step:not([data-active]) .otag-copy{opacity:.12;transform:translateY(14px)}.otag[data-reduced] .otag-step:not([data-active]) .otag-copy{transform:none}.otag-title{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(2.25rem,4.2vw,4rem);font-weight:600;line-height:1.02}.otag-title--hero{letter-spacing:-.04em;font-size:clamp(3rem,7vw,6rem)}.otag-body{color:#b4bcc7;text-wrap:pretty;max-width:30ch;margin:22px 0 0;font-size:clamp(1.0625rem,1.3vw,1.25rem);line-height:1.45}.otag-hint{border-left:1px solid var(--steel-2);max-width:34ch;color:var(--steel);margin:36px 0 0;padding-left:14px;font-size:14px;line-height:1.55}.otag-review{font:400 11px/1 var(--font-mono);letter-spacing:.08em;color:var(--steel-2);border:1px dashed;border-radius:6px;margin:28px 0 0;padding:5px 9px;display:inline-block}.otag-review[data-kind=documented]{color:#7fa6e0}.otag-review[data-kind=conflict]{color:#e0735c}.otag-review[data-kind=visual]{color:#c9a45c}@media (width<=899px){.otag-rail,.otag-readout{display:none}.otag-step__pin{padding:96px var(--gutter) max(40px, env(safe-area-inset-bottom));align-items:flex-end}.otag-copy{max-width:36rem}.otag-title{font-size:clamp(1.875rem,8vw,2.75rem)}.otag-title--hero{font-size:clamp(2.75rem,13vw,4.5rem)}.otag-body{margin-top:14px}.otag-hint{margin-top:22px}}.otag[data-reduced] .otag-rings i{animation:none!important}.otag[data-reduced] :is(.otag-signal-line,.otag-arc){transition:none!important}.otag[data-reduced] :is(.otag-note,.otag-note-dot,.otag-note-line){animation-duration:1ms!important;animation-delay:0s!important}.otag[data-reduced] .otag-phone{transition:none!important}@media (prefers-reduced-motion:reduce){.otag-rings i{animation:none!important}.otag-copy,.otag-signal-line,.otag-progress i{transition:none!important}}.otag-anchor{width:0;height:0;position:absolute}.otag-anchor--center{top:50%;left:50%}.otag-marks{transform:translateZ(calc(var(--t) * -1 - .5px));position:absolute;top:0;left:0}.otag-phone{--pw:calc(var(--d) * .52);--ph:calc(var(--d) * 1.06);--px:1.45;left:calc(var(--pw) / -2);top:calc(var(--ph) / -2);width:var(--pw);height:var(--ph);transform-style:preserve-3d;transform:translateZ(calc(var(--t) * -1)) translateX(calc(var(--d) * (var(--px) + .4)));opacity:0;transition:opacity .5s ease, transform .9s var(--ease-out);pointer-events:none;position:absolute}@media (width<=899px){.otag-phone{--px:1.42}}.otag:is([data-step=signal],[data-step=nearby]) .otag-phone{opacity:1;transform:translateZ(calc(var(--t) * -1)) translateX(calc(var(--d) * var(--px)));transition-delay:.25s}.otag[data-step=nearby][data-beat="1"] .otag-phone{transition:transform 1.6s var(--ease-in-out) .2s}.otag-phone__slab{border-radius:calc(var(--d) * .075);background:linear-gradient(100deg,#0b0d10,#1f2328 40%,#101216);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff0f}.otag-phone__slab:first-child{box-shadow:0 calc(var(--d) * .06) calc(var(--d) * .12) #0000008c;transform:translateZ(1px)}.otag-phone__slab:nth-child(2){transform:translateZ(4px)}.otag-phone__slab:nth-child(3){background:linear-gradient(100deg,#15181c,#2a2e34 40%,#15181c);transform:translateZ(7px);box-shadow:inset 0 0 0 1px #ffffff1f}.otag-phone__screen{inset:calc(var(--d) * .028);border-radius:calc(var(--d) * .055);background:radial-gradient(circle,#3d8bff2e,#3d8bff00 42%),#06080b;position:absolute;transform:translateZ(7.5px);box-shadow:inset 0 0 0 1px #ffffff0d}.otag-phone__dot{width:calc(var(--d) * .06);height:calc(var(--d) * .06);margin:calc(var(--d) * -.03) 0 0 calc(var(--d) * -.03);background:var(--signal);box-shadow:0 0 0 calc(var(--d) * .02) #3d8bff40;border-radius:50%;position:absolute;top:50%;left:50%}.otag[data-step=signal]:not([data-reduced]) .otag-phone__dot{animation:otag-locate 2.4s var(--ease-out) 2.1s infinite}@keyframes otag-locate{0%{box-shadow:0 0 #3d8bff80}to{box-shadow:0 0 0 calc(var(--d) * .12) #3d8bff00}}.otag-facts{flex-wrap:wrap;gap:8px 28px;margin:28px 0 0;display:flex}.otag-facts div{gap:6px;display:grid}.otag-facts dt{color:var(--steel);font-size:13px}.otag-facts dd{letter-spacing:-.01em;margin:0;font-size:1.125rem;font-weight:600}.otag-howto{counter-reset:howto;gap:10px;margin:26px 0 0;padding:0;list-style:none;display:grid}.otag-howto li{color:#c8ced7;counter-increment:howto;grid-template-columns:28px 1fr;align-items:baseline;font-size:1rem;display:grid}.otag-howto li:before{content:counter(howto);font:400 12px/1 var(--font-mono);color:var(--signal)}.otag-cta{flex-wrap:wrap;align-items:center;gap:12px 14px;margin-top:32px;display:flex}.otag-button{background:var(--mist);min-height:48px;color:var(--night);transition:transform .16s var(--ease-out), background-color .16s ease;border-radius:999px;align-items:center;padding:0 22px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.otag-button:hover{background:#fff}.otag-button:active{transform:scale(.97)}.otag-cta .otag-chip{height:40px;padding:0 16px;font-size:14px}.otag-link{min-height:44px;color:var(--steel);font:500 14px/1 var(--font-sans);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:0 4px;text-decoration:underline}.otag-link:hover{color:var(--mist)}@media (width<=899px){.otag-note{font-size:14px}.otag-note--mark{font-size:13px}.otag-facts{margin-top:18px}.otag-howto{gap:6px;margin-top:16px}.otag-howto li{font-size:.9375rem}.otag-cta{margin-top:22px}}@media (prefers-reduced-motion:reduce){.otag-note,.otag-note-dot,.otag-note-line{animation-duration:1ms!important;animation-delay:0s!important}.otag-arc,.otag-phone{transition:none!important}}.otag-hint>span{display:none}.otag-hint__touch{display:inline!important}@media (hover:hover) and (pointer:fine) and (width>=900px){.otag-hint__touch{display:none!important}.otag-hint__pointer{display:inline!important}}.otag[data-reduced] .otag-hint>span{display:none!important}.otag[data-reduced] .otag-hint__still{display:inline!important}@media (prefers-reduced-motion:reduce){.otag-hint>span{display:none!important}.otag-hint__still{display:inline!important}}.otag-beats{gap:8px;margin:22px 0 0;padding:0;list-style:none;display:grid}.otag-beats li{color:var(--steel-2);padding-left:22px;font-size:15px;line-height:1.45;transition:color .3s,opacity .3s;position:relative}.otag-beats li:before{content:"";background:currentColor;width:12px;height:1px;position:absolute;top:.7em;left:0}.otag-beats li[data-current]{color:var(--mist)}.otag-beats li[data-current]:before{background:var(--signal)}.otag-aside{color:var(--steel-2);margin:22px 0 0;font-size:12px}@media (width<=899px){.otag-beats{margin-top:14px}.otag-beats li{opacity:0;grid-area:1/1}.otag-beats li[data-current]{opacity:1}.otag-aside{margin-top:12px}}.otag-note-line{animation-delay:calc(var(--delay,0s) + .62s + var(--i) * .11s)}.otag-note-dot{animation-delay:calc(var(--delay,0s) + .56s + var(--i) * .11s)}.otag-note{animation-delay:calc(var(--delay,0s) + .82s + var(--i) * .11s);font-variant-numeric:tabular-nums}.otag[data-step=uses][data-beat="2"] :is(.otag-note,.otag-note-dot,.otag-note-line){--i:0!important}.otag-overlay g[data-out]{animation:otag-out .3s ease var(--out) forwards}.otag-note[data-out]{animation:otag-note-in .42s var(--ease-out) calc(var(--delay) + .82s) forwards, otag-out .3s ease var(--out) forwards}@keyframes otag-out{to{opacity:0}}.fig-body{fill:#0e1115;stroke:#7c8794;stroke-width:1.4px;vector-effect:non-scaling-stroke}.fig-line{fill:none;stroke:#7c8794;stroke-width:1.4px;vector-effect:non-scaling-stroke}.fig-faint{opacity:.45}.fig-glass{fill:#8a94a312}.fig-hole{fill:var(--night)}.fig-metal{fill:none;stroke:#aeb6c0;stroke-width:3px}.fig-screen{fill:#06080b;transition:fill .4s}.otag-carrier{transform-style:preserve-3d;position:absolute;top:0;left:0}.otag-scenery,.otag-kit{transform:translateZ(calc(var(--t) * -1 + 1px));transform-style:preserve-3d;position:absolute;top:0;left:0}.otag-fig{width:calc(var(--d) * var(--w));transform-origin:50% 100%;transform:translate(calc(-50% + var(--d) * var(--fx,0)), -100%) rotateX(calc(var(--frx,-90) * 1deg));pointer-events:none;position:absolute}.otag-fig svg{width:100%;height:auto;display:block;overflow:visible}.otag-fig__mark{width:calc(var(--d) * .14);aspect-ratio:1;border-radius:50%;position:absolute;translate:-50% -50%}.otag-fig__mark:before{content:"";background:var(--signal);box-shadow:0 0 0 calc(var(--d) * .012) #3d8bff4d;border-radius:50%;position:absolute;inset:34%}.otag-fig__mark:after{content:"";border:1.5px solid var(--signal);opacity:0;border-radius:50%;position:absolute;inset:0}.otag[data-step=uses]:not([data-reduced]) .otag-fig__mark:after{animation:otag-mark 2.2s var(--ease-out) infinite}.otag-fig__link{width:calc(var(--d) * .06);aspect-ratio:1;margin:calc(var(--d) * -.1) 0 0 calc(var(--d) * .005);border:1.5px solid #aeb6c0;border-radius:50%;position:absolute;top:50%;left:50%}.otag-fig--keys .otag-fig__mark:before{content:none}@keyframes otag-mark{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(3.4)}}.otag-case-way{transform-style:preserve-3d;transform:translate(calc(var(--d) * .25), calc(var(--d) * -.5));pointer-events:none;transition:transform .4s;position:absolute;top:0;left:0}.otag[data-step=accessories] .otag-case-way{transition:transform .9s var(--ease-in-out) .7s;transform:translate(0)}.otag-case{left:calc(var(--d) * -.56);top:calc(var(--d) * -.56);width:calc(var(--d) * 1.12);height:calc(var(--d) * 1.12);transform-style:preserve-3d;transform:translateZ(calc(var(--d) * .42)) scale(1.04);pointer-events:none;transition:transform .4s;position:absolute}.otag-case>*{opacity:0;transition:opacity .25s}.otag[data-step=accessories] .otag-case{transition:transform .56s cubic-bezier(.34,1.45,.64,1) 1.55s;transform:translateZ(0)scale(1)}.otag[data-step=accessories] .otag-case>*{opacity:1;transition:opacity .35s .25s}.otag-slice--case{border:calc(var(--d) * .07) solid #1a1d21;border-color:color-mix(in srgb, #2b2f35 calc(var(--k) * 100%), #08090b);background:0 0}.otag-case__lip{border:calc(var(--d) * .075) solid #23262b;border-radius:50%;position:absolute;inset:0;transform:translateZ(1.5px);box-shadow:inset 0 0 0 1px #ffffff0f}.otag-strap{left:calc(var(--d) * -.6);top:calc(var(--d) * -1.58);width:calc(var(--d) * 1.2);height:calc(var(--d) * 1.05);pointer-events:none;position:absolute;overflow:visible}.otag-strap path{fill:none;stroke:#7c8590;stroke-width:3.2px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .3s}.otag-strap__clasp{fill:#15181c;stroke:#5a616b;stroke-width:1px;opacity:0;transition:opacity .3s}.otag-strap__anchor{left:calc(var(--d) * -.24);top:calc(var(--d) * -1.05)}.otag[data-step=accessories]:is([data-beat="1"],[data-beat="2"]) .otag-strap path{stroke-dashoffset:0}.otag[data-step=accessories][data-beat="1"] .otag-strap__cord{transition:stroke-dashoffset 1.5s var(--ease-in-out) .55s}.otag[data-step=accessories]:is([data-beat="1"],[data-beat="2"]) .otag-strap__clasp{opacity:1;transition-delay:.25s}.otag-acc{pointer-events:none;position:absolute}.otag-acc svg{width:100%;height:auto;display:block;overflow:visible}.otag-acc--ring{left:calc(var(--d) * -.9);top:calc(var(--d) * -1.97);width:calc(var(--d) * .6);translate:calc(var(--d) * -.85) calc(var(--d) * .3);opacity:0;transition:translate .3s,rotate .3s,opacity .25s;rotate:-50deg}.otag[data-step=accessories]:is([data-beat="1"],[data-beat="2"]) .otag-acc--ring{opacity:1;transition:translate .8s var(--ease-out) 2.05s, rotate .95s cubic-bezier(.34, 1.56, .64, 1) 2.05s, opacity .3s ease 2.05s;translate:0;rotate:0deg}.otag-acc--tool{left:calc(var(--d) * -.29);top:calc(var(--d) * -.265);width:calc(var(--d) * .58);opacity:0;transition:opacity .25s}.otag-acc--tool svg{filter:drop-shadow(0 calc(var(--d) * .02) calc(var(--d) * .03) #0009);transform:rotate(-90deg)}.otag[data-step=accessories][data-beat="2"] .otag-acc--tool{opacity:1;transition:opacity .35s .25s}.otag-xray{opacity:0;width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0;overflow:visible}.otag-xray circle{fill:none;stroke:var(--signal);stroke-width:.5px;stroke-dasharray:2 2}.otag-xray .otag-xray__core{fill:var(--signal);stroke:none}.otag-face--front img{transition:opacity .6s}.otag[data-step=protection][data-beat="1"] .otag-face--front img{opacity:.16}.otag[data-step=protection][data-beat="1"] .otag-xray{opacity:1;transition-delay:.35s}.otag[data-step=protection][data-beat="1"]:not([data-reduced]) .otag-xray__core{animation:otag-core 1.6s var(--ease-out) infinite;transform-origin:50%;transform-box:fill-box}@keyframes otag-core{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(6)}}.otag-city{left:calc(var(--d) * -3.5);top:calc(var(--d) * -2.4);width:calc(var(--d) * 7);height:calc(var(--d) * 4.8);transform:translateZ(calc(var(--t) * -1 - .8px));transform-style:preserve-3d;pointer-events:none;position:absolute}.otag-city__map{opacity:0;width:100%;height:100%;transition:opacity .9s ease, transform 1.4s var(--ease-out);position:absolute;inset:0;transform:scale(.9);-webkit-mask:radial-gradient(#000 30%,#0000 72%);mask:radial-gradient(#000 30%,#0000 72%)}.otag:is([data-step=protection][data-beat="2"],[data-step=network]) .otag-city__map{opacity:1;transition-delay:.3s;transform:none}.city-block{fill:#ffffff06;stroke:#ffffff12;stroke-width:.8px}.city-street{fill:none;stroke:#ffffff12;stroke-width:1.2px}.city-avenue{fill:none;stroke:#ffffff26;stroke-width:3px}.city-avenue--curve{stroke:#ffffff1a}.otag-city__node{width:calc(var(--d) * .1);aspect-ratio:1;margin:calc(var(--d) * 2.4) 0 0 calc(var(--d) * 3.5);background:var(--steel-2);opacity:0;border-radius:50%;transition:opacity .4s,background-color .4s,box-shadow .4s;position:absolute;translate:-50% -50%}.otag[data-step=network] .otag-city__node{opacity:1;transition-delay:calc(.4s + var(--i) * 90ms);background:var(--signal);box-shadow:0 0 0 calc(var(--d) * .06) #3d8bff2e;transition-delay:calc(.9s + var(--i) * .26s)}.otag-city__car{width:calc(var(--d) * .13);height:calc(var(--d) * .07);opacity:0;background:#3a404a;border-radius:2px;transition:opacity .4s;position:absolute}.otag-city__car:first-of-type{transform:translateX(calc(var(--d) * 5));left:0;top:calc(var(--d) * 2.43)}.otag-city__car:nth-of-type(2){left:calc(var(--d) * 3.64);width:calc(var(--d) * .07);height:calc(var(--d) * .13);top:0}.otag-city__car:nth-of-type(3){transform:translateX(calc(var(--d) * 4.4));left:0;top:calc(var(--d) * 3.29)}.otag[data-step=network] .otag-city__car{opacity:1;background:#3d8bffb3}.otag[data-step=network]:not([data-reduced]) .otag-city__car:first-of-type{animation:9s linear infinite otag-drive-x}.otag[data-step=network]:not([data-reduced]) .otag-city__car:nth-of-type(2){animation:7s linear -2s infinite otag-drive-y}.otag[data-step=network]:not([data-reduced]) .otag-city__car:nth-of-type(3){animation:11s linear -6s infinite reverse otag-drive-x}@keyframes otag-drive-x{0%{transform:translateX(calc(var(--d) * 3.9))}to{transform:translateX(calc(var(--d) * 6.6))}}@keyframes otag-drive-y{0%{transform:translateY(calc(var(--d) * .3))}to{transform:translateY(calc(var(--d) * 4.4))}}.otag-city__home{width:calc(var(--d) * .26);margin:calc(var(--d) * 2.4) 0 0 calc(var(--d) * 3.5);opacity:0;transition:opacity .5s;position:absolute;translate:-50% -50%}.otag-city__home svg{width:100%;height:auto;display:block}.otag[data-step=network][data-beat="1"] .otag-city__home{opacity:1;transition-delay:.3s}.otag[data-step=network][data-beat="1"] .otag-city__home .fig-screen{fill:#3d8bff99;transition-delay:1.7s}.otag-hop{fill:none;stroke:var(--signal);stroke-width:1.25px;stroke-dasharray:1;stroke-dashoffset:1px;opacity:.8;transition:stroke-dashoffset .3s}.otag[data-step=network][data-beat="0"] .otag-hop{stroke-dashoffset:0;transition:stroke-dashoffset 2.6s var(--ease-in-out) .7s}.otag[data-step=network][data-beat="1"] .otag-hop{stroke-dashoffset:0;opacity:.25;transition:opacity .4s}.otag-net-line{fill:none;stroke:var(--signal);stroke-width:1px;stroke-dasharray:1;stroke-dashoffset:1px;opacity:.6;transition:stroke-dashoffset .3s}.otag[data-step=network][data-beat="1"] .otag-net-line{stroke-dashoffset:0;transition:stroke-dashoffset 1s var(--ease-in-out) calc(.4s + var(--i) * .12s)}.otag[data-step=protection][data-beat="2"] .otag-rings i{animation:otag-ring 2.4s var(--ease-out) infinite;border-width:2px}.otag-tool{left:calc(var(--d) * -.26);top:calc(var(--d) * -.26);width:calc(var(--d) * .52);opacity:0;pointer-events:none;transition:opacity .4s;position:absolute}.otag-tool svg{width:100%;height:auto;filter:drop-shadow(0 calc(var(--d) * .02) calc(var(--d) * .03) #0009);display:block;transform:rotate(-90deg)}.otag[data-step=battery] .otag-tool{opacity:1}.otag-cell{width:60%;height:60%;transition:transform .9s var(--ease-in-out), opacity .4s ease;position:absolute;top:20%;left:17.5%;transform:translateZ(1px)}.otag-cell img{width:100%;height:100%}.otag-cell--new{transform:translate3d(110%, -80%, calc(var(--d) * .6)) rotate(25deg);opacity:0}.otag[data-cell-out] .otag-cell--old{transform:translate3d(-110%, -70%, calc(var(--d) * .6)) rotate(-25deg);opacity:0;transition-delay:.9s,1.3s}.otag[data-cell-in] .otag-cell--new{opacity:1;transition-delay:.2s,.2s;transform:translateZ(1px)}.otag[data-step=battery][data-beat="3"] .otag-rings i{animation:otag-ring 3.2s var(--ease-out) .9s infinite}.otag[data-step=nearby] .otag-phone{transition:transform 1.5s var(--ease-in-out) .15s, opacity .5s ease}.otag[data-step=nearby]:not([data-reduced]) .otag-phone__dot{animation:otag-locate 1.6s var(--ease-out) infinite}.otag-scale{left:0;top:calc(var(--d) * .66);width:calc(var(--d) * 3);height:0;transform:translateZ(calc(var(--t) * -1 + 1px));opacity:0;pointer-events:none;border-top:1px dashed #e9edf24d;transition:opacity .5s;position:absolute}@media (width<=899px){.otag-scale{width:calc(var(--d) * 2.3)}}.otag-scale i{top:calc(var(--d) * -.04);width:1px;height:calc(var(--d) * .08);background:#e9edf266;position:absolute}.otag-scale i:first-child{left:0}.otag-scale i:nth-child(2){left:25%}.otag-scale i:nth-child(3){left:50%}.otag-scale i:nth-child(4){left:75%}.otag-scale i:nth-child(5){left:100%}.otag[data-step=nearby] .otag-scale{opacity:1;transition-delay:.3s}.otag-sound{transform:translateZ(calc(var(--t) * -1 - .4px));transform-style:preserve-3d;position:absolute;top:0;left:0}.otag-sound i{left:calc(var(--d) / -2);top:calc(var(--d) / -2);width:var(--d);height:var(--d);opacity:0;border:1.5px solid #e9edf2cc;border-radius:50%;position:absolute}.otag[data-step=nearby][data-beat="0"] .otag-sound i{animation:otag-ring-soft 2.4s var(--ease-out) 1.4s infinite}.otag[data-step=nearby][data-beat="1"] .otag-sound i{animation:otag-ring 1.8s var(--ease-out) infinite}.otag[data-step=nearby][data-beat="2"] .otag-sound i{animation:otag-ring 1.1s var(--ease-out) infinite;border-width:2px}.otag[data-step=nearby] .otag-sound i:nth-child(2){animation-delay:.4s}.otag[data-step=nearby] .otag-sound i:nth-child(3){animation-delay:.8s}@keyframes otag-ring-soft{0%{opacity:.25;transform:scale(1.02)}to{opacity:0;transform:scale(1.8)}}.otag[data-step=signal] .otag-xray{opacity:1}.otag[data-step=signal] .otag-xray circle:not(.otag-xray__core){opacity:0}.otag[data-step=signal]:not([data-reduced]) .otag-xray__core{animation:otag-core 2s var(--ease-out) infinite;transform-origin:50%;transform-box:fill-box}.otag-comet{fill:none;stroke:#9cc4ff;stroke-width:3px;stroke-linecap:round;stroke-dasharray:.08 .92;stroke-dashoffset:.08px;opacity:0;filter:drop-shadow(0 0 6px #3d8bffe6)}.otag[data-step=signal]:not([data-reduced]) .otag-comet{opacity:1;animation:otag-comet 2.2s var(--ease-in-out) 2.1s infinite}@keyframes otag-comet{0%{stroke-dashoffset:.08px}to{stroke-dashoffset:-.92px}}.otag-halo{transform:translateZ(calc(var(--t) * -1 - .6px));transform-style:preserve-3d;pointer-events:none;position:absolute;top:0;left:0}.otag-halo i{width:calc(var(--d) * .05);aspect-ratio:1;margin:calc(var(--d) * -.025) 0 0 calc(var(--d) * -.025);background:var(--signal);transform:rotate(var(--a)) translateX(calc(var(--d) * var(--r)));opacity:0;border-radius:50%;transition:opacity .6s;position:absolute}.otag[data-step=cta] .otag-halo i{opacity:.85;transition-delay:calc(2.2s + var(--i) * .22s)}.otag[data-step=cta]:not([data-reduced]) .otag-halo i{animation:otag-halo 3s ease-in-out calc(2.6s + var(--i) * .4s) infinite}@keyframes otag-halo{0%,to{box-shadow:0 0 #3d8bff80}50%{box-shadow:0 0 0 calc(var(--d) * .05) #3d8bff00}}.otag[data-step=cta]:not([data-reduced]) .otag-rings i{animation-delay:1.8s!important}.otag[data-step=cta]:not([data-reduced]) .otag-rings i:nth-child(2){animation-delay:3s!important}.otag[data-step=cta]:not([data-reduced]) .otag-rings i:nth-child(3){animation-delay:4.2s!important}.otag[data-reduced] :is(.otag-fig,.otag-case,.otag-case-way,.otag-case>*,.otag-strap path,.otag-strap__clasp,.otag-acc,.otag-tool,.otag-cell,.otag-city__map,.otag-city__node,.otag-city__home,.otag-city__home .fig-screen,.otag-hop,.otag-net-line,.otag-scale,.otag-xray,.otag-face--front img,.otag-halo i){transition-duration:1ms!important;transition-delay:0s!important}.otag[data-reduced] :is(.otag-sound i,.otag-xray__core,.otag-city__car,.otag-comet,.otag-halo i){animation:none!important}.otag[data-reduced] .otag-fig__mark:after{opacity:.8;animation:none!important}@media (prefers-reduced-motion:reduce){:is(.otag-fig,.otag-case,.otag-case-way,.otag-case>*,.otag-strap path,.otag-acc,.otag-tool,.otag-cell,.otag-city__map,.otag-city__node,.otag-hop,.otag-net-line,.otag-scale,.otag-xray,.otag-halo i){transition-duration:1ms!important;transition-delay:0s!important}:is(.otag-sound i,.otag-xray__core,.otag-city__car,.otag-comet,.otag-halo i){animation:none!important}}:is(.otag-city,.otag-scenery,.otag-kit,.otag-halo,.otag-sound){visibility:hidden;transition:visibility 0s linear 1.2s}.otag:is([data-step=protection][data-beat="2"],[data-step=network]) .otag-city,.otag[data-step=uses] .otag-scenery,.otag[data-step=accessories] .otag-kit,.otag[data-step=cta] .otag-halo,.otag[data-step=nearby] .otag-sound{visibility:visible;transition-delay:0s}