/* Loud Colors · Organisk content · bygget af tools/webflow-embed. Ret i kilden, ikke her. */
@font-face{font-family:Switzer;src:url(https://cdn.prod.website-files.com/662f47f8746742b15db647ce/6af46418c963b371550bb2f8_oc-fonts-switzer-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Switzer;src:url(https://cdn.prod.website-files.com/662f47f8746742b15db647ce/6af46418f2e6adcbe99a3509_oc-fonts-switzer-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Switzer;src:url(https://cdn.prod.website-files.com/662f47f8746742b15db647ce/6af4641898ff327be287cc69_oc-fonts-switzer-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Switzer;src:url(https://cdn.prod.website-files.com/662f47f8746742b15db647ce/6af464182c707fc7d2963d79_oc-fonts-switzer-500-italic.woff2) format("woff2");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Switzer;src:url(https://cdn.prod.website-files.com/662f47f8746742b15db647ce/6af464189b27e192cdd092e5_oc-fonts-switzer-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Switzer;src:url(https://cdn.prod.website-files.com/662f47f8746742b15db647ce/6af464189b27e192cdd092d4_oc-fonts-switzer-600-italic.woff2) format("woff2");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:Switzer;src:url(https://cdn.prod.website-files.com/662f47f8746742b15db647ce/6af464189b27e192cdd092f6_oc-fonts-switzer-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Shadows Into Light Two;src:url(https://cdn.prod.website-files.com/662f47f8746742b15db647ce/6af4641898ff327be287cc00_oc-fonts-shadows-into-light-two-latin.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}.oc-root{letter-spacing:normal;word-spacing:normal;text-transform:none;text-indent:0;text-align:start;text-shadow:none;white-space:normal;text-rendering:auto;font-feature-settings:normal;font-variation-settings:normal;font-kerning:auto;cursor:auto;visibility:visible;position:relative;display:block}.oc-root :where(h1,h2,h3,h4,h5,h6){font:revert;margin:revert;pointer-events:revert;text-transform:revert}.oc-root :where(p){font:revert;margin:revert}.oc-root :where(a){background-color:revert;color:revert}.oc-root :where(b,strong){font-weight:revert}.oc-root :where(small,sub,sup){font-size:revert;line-height:revert;position:revert;top:revert;bottom:revert;vertical-align:revert}.oc-root :where(ul,ol){margin:revert;padding:revert}.oc-root :where(li){margin:revert}.oc-root :where(blockquote,figure,figcaption){border:revert;font-size:revert;line-height:revert;margin:revert;padding:revert;text-align:revert;display:revert}.oc-root :where(img){border:revert;display:revert;max-width:revert;object-fit:revert;vertical-align:revert;width:auto;height:auto}.oc-root :where(video,audio,canvas,progress){display:revert;vertical-align:revert}.oc-root :where(svg:not(:root)){overflow:revert}.oc-root :where(button,[type=button],[type=reset]){-webkit-appearance:revert;appearance:revert;border:revert;cursor:revert;color:revert;font:revert;margin:revert;overflow:revert;text-transform:revert}.oc-root :where(label){display:revert;font-weight:revert;margin:revert}.oc-root :where([tabindex]):focus-visible{outline:revert;outline-offset:revert}.oc-root{--bg: #fcfcfc;--text: #131313;--text-muted: #6b6b6b;--accent: #cf4118;--accent-hover: #a53109;--accent-tint: #fbeee9;--hairline: color-mix(in srgb, var(--text) 14%, transparent);--font-display: Switzer, "Helvetica Neue", Arial, sans-serif;--font-body: Switzer, "Helvetica Neue", Arial, sans-serif;--font-hand: "Shadows Into Light Two", "Bradley Hand", cursive;--fs-hero: clamp(2.5rem, .85rem + 4.5vw, 6.5rem);--fs-display: clamp(2.2rem, 1rem + 4.4vw, 5rem);--fs-lead: clamp(1.075rem, 1rem + .35vw, 1.3rem);--fs-label: .8125rem;--pad: clamp(1.125rem, 4vw, 4rem);--section: clamp(5rem, 3rem + 8vw, 10.5rem);--radius: 14px;--ease: cubic-bezier(.16, 1, .3, 1)}.oc-root .oc-dark{--bg: #131313;--text: #fcfcfc;--text-muted: color-mix(in srgb, #fcfcfc 60%, transparent);--hairline: color-mix(in srgb, #fcfcfc 16%, transparent);background:var(--bg);color:var(--text)}.oc-root .tint{background:var(--accent-tint)}.oc-root *,.oc-root *:before,.oc-root *:after{box-sizing:border-box}@media (min-width: 1800px){html{font-size:max(16px,min(calc(16px + (100vw - 1800px)*.006),1.5vh))}}.oc-root{margin:0;background:var(--bg);color:var(--text);font:400 1rem/1.6 var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:clip}.oc-root h1,.oc-root h2,.oc-root h3,.oc-root h4,.oc-root p,.oc-root ul,.oc-root ol,.oc-root dl,.oc-root dd,.oc-root figure,.oc-root blockquote{margin:0;padding:0}.oc-root ul,.oc-root ol{list-style:none}.oc-root img,.oc-root video{display:block;max-width:100%}.oc-root a{color:inherit}.oc-root button{font:inherit;color:inherit}.oc-root em{font-style:normal;color:var(--accent)}.oc-root :focus-visible{outline:2px solid var(--accent);outline-offset:3px}.oc-root .oc-cta :focus-visible,.oc-root .toc[data-tone=accent] :focus-visible{outline-color:#fcfcfc}.oc-root [id]{scroll-margin-top:5rem}.oc-root .wrap{width:min(112rem,100%);margin-inline:auto;padding-inline:var(--pad)}.oc-root .oc-section{padding-block:var(--section)}.oc-root .eyebrow{font:500 var(--fs-label)/1.2 var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.oc-root .proces__eyebrow{margin-bottom:clamp(1rem,.75rem + .8vw,1.5rem)}.oc-root .display{font:500 var(--fs-display)/1 var(--font-display);letter-spacing:-.035em;text-wrap:balance}.oc-root .lead{font-size:var(--fs-lead);line-height:1.5;max-width:34ch;text-wrap:pretty}.oc-root .prose{max-width:42ch;font-size:var(--fs-lead);line-height:1.5;text-wrap:pretty}.oc-root .prose p+p{margin-top:.9em}.oc-root .prose--center{margin:clamp(2.5rem,1.5rem + 3vw,4.5rem) auto 0;max-width:40rem}.oc-root .split{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:end;gap:1.75rem clamp(2.5rem,6vw,7rem)}.oc-root .split .prose{justify-self:end}.oc-root .note{font:400 clamp(1.35rem,1.1rem + .7vw,1.9rem)/1 var(--font-hand);color:var(--accent);transform:rotate(-4deg);white-space:nowrap}.oc-root .note svg{width:2.6em;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.oc-root .btn{display:inline-flex;align-items:center;min-height:3.25rem;padding:0 1.6rem;border-radius:999px;background:var(--accent);color:#fcfcfc;font:500 1rem/1 var(--font-display);text-decoration:none;white-space:nowrap;gap:.55rem;transition:background-color .2s,color .2s,box-shadow .2s,transform .3s var(--ease)}.oc-root .btn:hover{background:var(--accent-hover);transform:translateY(-2px)}.oc-root .btn__arrow{flex:none;width:1.15em;height:1.15em;margin-right:-.2rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:translate .4s var(--ease)}.oc-root .btn:hover .btn__arrow{translate:.2rem 0}.oc-root .btn--line{background:transparent;color:var(--text);box-shadow:inset 0 0 0 1.5px currentColor}.oc-root .btn--line:hover{background:var(--text);color:var(--bg);box-shadow:inset 0 0 0 1.5px var(--text)}.oc-root .btn--light{background:#fcfcfc;color:#131313}.oc-root .btn--light:hover{background:#131313;color:#fcfcfc}.oc-root .btn--big{min-height:3.75rem;padding:0 1.9rem;font-size:1.125rem}.oc-root .oc-link{font:500 1rem/1 var(--font-display);text-decoration:none;padding-block:.4rem;border-bottom:1px solid currentColor;transition:opacity .2s}.oc-root .oc-link:hover{opacity:.6}.oc-root .actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.75rem}.oc-root .oc-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:var(--pad);width:min(112rem,100%);margin-inline:auto;padding-left:var(--pad);height:min(100svh,62rem);min-height:38rem;overflow:hidden}.oc-root .hero__text{align-self:center;padding-top:4rem}.oc-root .hero__title{font:500 var(--fs-hero)/.98 var(--font-display);letter-spacing:-.045em;text-wrap:balance}.oc-root .hero__ask{display:block;margin-top:.08em}.oc-root .oc-hero .lead{max-width:40ch;margin-top:clamp(1.75rem,1rem + 2vw,3rem)}.oc-root .lead__q{display:block;margin-bottom:.55em;font-weight:500}.oc-root .oc-hero .actions{margin-top:2rem}.oc-root .press{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem clamp(1rem,.5rem + 1.2vw,1.75rem);margin-top:clamp(2.5rem,1.5rem + 2.5vw,4rem);padding-top:1.25rem;border-top:1px solid var(--hairline);max-width:40rem}.oc-root .press__label{font-size:.8125rem;color:var(--text-muted)}.oc-root .press__label+.press__logos{margin-left:-.25rem}.oc-root .press__logos{display:flex;align-items:center;gap:clamp(1rem,.5rem + 1.2vw,1.75rem)}.oc-root .press__logos+.press__label{padding-left:clamp(1rem,.5rem + 1.2vw,1.75rem);border-left:1px solid var(--hairline)}.oc-root .press img{width:auto;height:1.6rem;opacity:.8}.oc-root .press li:nth-child(2) img{height:1.45rem}.oc-root .press__logos:last-child img{height:1.15rem}.oc-root .fan{position:relative;min-height:0;height:100%}.oc-root .fan .phone{position:absolute;width:39%;box-shadow:0 40px 80px -40px #1313138c}.oc-root .fan .phone:after{display:none}.oc-root .fan__left{left:2%;top:25%;transform:rotate(-8deg)}.oc-root .fan__right{right:7%;top:27%;transform:rotate(7deg)}.oc-root .fan__right .phone__views{left:auto;right:1rem}.oc-root .fan .fan__front{left:28%;top:13%;z-index:1;width:43%;transform:rotate(-1deg);box-shadow:0 50px 90px -40px #131313b3}.oc-root .fan .phone:hover{transform:rotate(0) scale(1.02);z-index:2}.oc-root .lt{display:grid;justify-items:center;gap:clamp(1rem,.8rem + .6vw,1.4rem);padding-bottom:clamp(2.5rem,1.5rem + 2.5vw,4rem);text-align:center}.oc-root .lt__title{font:500 clamp(1.125rem,1rem + .5vw,1.5rem)/1.2 var(--font-display);letter-spacing:-.02em;text-wrap:balance}.oc-root .lt__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,56rem);border-radius:var(--radius);background:color-mix(in srgb,#fcfcfc 6%,transparent);box-shadow:inset 0 0 0 1px var(--hairline);overflow:hidden}.oc-root .lt__stat{container-type:inline-size;display:grid;justify-items:center;gap:.65rem;padding:clamp(1.1rem,.8rem + 1vw,1.75rem) clamp(.75rem,.5rem + 1vw,1.5rem)}.oc-root .lt__stat+.lt__stat{box-shadow:inset 1px 0 0 var(--hairline)}.oc-root .nobr{white-space:nowrap}.oc-root .lt__num{font:500 min(16cqi,2.75rem)/1 var(--font-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;white-space:nowrap}.oc-root .lt__cap{display:flex;align-items:center;gap:.55rem;font:500 var(--fs-label)/1.2 var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.oc-root .lt__src{max-width:46rem;font-size:.8125rem;color:var(--text-muted);text-wrap:balance}.oc-root .lt__dot{position:relative;flex:none;width:8px;height:8px;border-radius:50%;background:var(--accent)}.oc-root .lt__ring{position:absolute;inset:0;border-radius:50%;background:var(--accent);opacity:0}.oc-root .lt-digits{display:inline-block;white-space:nowrap}.oc-root .lt-slot{display:inline-block;position:relative}.oc-root .lt-face{display:inline-block}.oc-root .lt-face.is-leaving{position:absolute;left:0;top:0}.oc-root .lt-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.oc-root .steps{margin-top:clamp(3rem,2rem + 4vw,6rem);--gap: clamp(.75rem, 1.5vw, 1.5rem)}.oc-root .hint{position:fixed;z-index:30;left:0;top:0;width:7.5rem;height:7.5rem;margin:-3.75rem 0 0 -3.75rem;pointer-events:none;opacity:0;transition:opacity .3s}.oc-root .hint.is-on{opacity:1}.oc-root .hint svg{width:100%;height:100%;overflow:visible;animation:oc-spin 14s linear infinite;transition:scale .5s var(--ease),opacity .25s}.oc-root .hint path{fill:none}.oc-root .hint text{font:600 10.6px/1 var(--font-display);fill:#131313}.oc-root .hint__dot{position:absolute;left:50%;top:50%;width:.75rem;height:.75rem;margin:-.375rem 0 0 -.375rem;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px #fcfcfc;transition:scale .4s var(--ease)}.oc-root .hint.is-over svg{scale:.4;opacity:0}.oc-root .hint.is-over .hint__dot{scale:1.5}.oc-root .has-hint,.oc-root .has-hint *{cursor:none}@keyframes oc-spin{to{rotate:1turn}}.oc-root .steps__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:var(--gap)}.oc-root .step{padding:clamp(.75rem,.5rem + .6vw,1.1rem) clamp(.75rem,.5rem + .6vw,1.1rem) clamp(1.5rem,1rem + 1.5vw,2.5rem);border-radius:var(--radius);background:#fcfcfc;box-shadow:0 24px 50px -34px #13131366;transition:translate .7s var(--ease),box-shadow .7s var(--ease)}.oc-js .oc-root .step.rv{transition:opacity .9s var(--ease),transform .9s var(--ease),translate .7s var(--ease),box-shadow .7s var(--ease)}.oc-root .step:focus-visible{outline-offset:4px}.oc-root .step:nth-child(2){margin-top:clamp(1.5rem,3vw,3.5rem)}.oc-root .step:nth-child(3){margin-top:clamp(3rem,6vw,7rem)}.oc-root .step--live{background:var(--accent);color:#fcfcfc}.oc-root .step.is-on{translate:0 -8px;box-shadow:0 40px 70px -36px #1313138c}.oc-root .step>.step__no,.oc-root .step>h3,.oc-root .step>p{margin-inline:clamp(.5rem,.25rem + 1vw,1.6rem)}.oc-root .step__no{display:block;margin-top:clamp(1.5rem,1rem + 1.5vw,2.5rem);font:500 clamp(2.5rem,1.5rem + 2.6vw,4.25rem)/.9 var(--font-display);letter-spacing:-.05em;color:var(--accent)}.oc-root .step--live .step__no{color:#131313}.oc-root .step>h3{margin-top:clamp(1rem,.75rem + 1vw,1.75rem);font:500 clamp(1.5rem,1rem + 1.2vw,2.25rem)/1.05 var(--font-display);letter-spacing:-.03em}.oc-root .step>p{margin-top:.75rem;max-width:32ch;font-size:var(--fs-lead);line-height:1.45}.oc-root .step>p+p{margin-top:.6rem}.oc-root .ill{container-type:inline-size;position:relative;aspect-ratio:5 / 4;border-radius:calc(var(--radius) - 4px);background:var(--accent-tint);overflow:hidden;font-family:var(--font-display)}.oc-root .ill--call{background:#1c1c1c;color:#fcfcfc}.oc-root .meet{position:absolute;inset:0;display:flex;flex-direction:column;padding:5cqi 5cqi 4.5cqi}.oc-root .meet__bar{position:relative;display:flex;align-items:center;gap:1.8cqi;font:500 3.5cqi/1 var(--font-display)}.oc-root .meet__rec{width:2.2cqi;height:2.2cqi;border-radius:50%;background:var(--accent);animation:oc-blink 1.1s ease-in-out infinite}.oc-root .meet__wait,.oc-root .meet__time{margin-left:auto;color:#fcfcfc8c;transition:opacity .3s}.oc-root .meet__time{position:absolute;right:0;opacity:0;font-variant-numeric:tabular-nums}@property --sec{syntax: "<integer>"; inherits: false; initial-value: 0;}.oc-root .meet__time{counter-reset:sec var(--sec)}.oc-root .meet__time:after{content:"00:" counter(sec,decimal-leading-zero)}.oc-root .meet__grid{display:grid;grid-template-columns:1fr 1fr;gap:2cqi;margin-top:3cqi}.oc-root .meet__tile{position:relative;display:grid;place-items:center;aspect-ratio:1 / .64;border-radius:2.6cqi;background:#2b2b2b;overflow:hidden;transition:box-shadow .3s,opacity .4s,filter .4s}.oc-root .meet__tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%}.oc-root .meet__avatar{display:grid;place-items:center;width:34%;aspect-ratio:1;border-radius:50%;background:#3a3a3a}.oc-root .meet__avatar svg{width:62%;fill:none;stroke:#fcfcfc;stroke-width:2.2;stroke-linecap:round;opacity:.8}.oc-root .meet__tile--them{opacity:.3;filter:blur(1px)}.oc-root .meet__name{position:absolute;left:1.8cqi;bottom:1.8cqi;padding:.9cqi 1.6cqi;border-radius:1.2cqi;background:#0000008c;font:500 2.7cqi/1 var(--font-display)}.oc-root .wave{position:absolute;right:1.8cqi;top:1.8cqi;display:flex;align-items:center;gap:.6cqi;height:4cqi;padding:0 1.2cqi;border-radius:99px;background:#0000008c}.oc-root .wave i{width:.7cqi;height:30%;border-radius:1cqi;background:#fcfcfc}.oc-root .meet__cc{grid-column:1 / -1;display:grid;justify-items:start;gap:1cqi;margin-top:.6cqi}.oc-root .cc{padding:1.3cqi 2.1cqi;border-radius:1.6cqi;background:#2b2b2b;font:400 3cqi/1.3 var(--font-display);opacity:0;transform:translateY(2cqi);transition:opacity .3s,transform .5s var(--ease)}.oc-root .cc b{margin-right:1.4cqi;font-weight:600;color:var(--accent)}.oc-root .cc__roll{display:inline-grid;vertical-align:top;overflow:hidden}.oc-root .cc__roll>span{grid-area:1 / 1;white-space:nowrap;transition:translate .65s var(--ease),opacity .35s}.oc-root .cc__roll>span:not(.is-now){opacity:0;translate:0 110%}.oc-root .cc__roll>span.is-was{translate:0 -110%}.oc-root .meet__tools{display:flex;justify-content:center;gap:2.2cqi;margin-top:auto}.oc-root .meet__tools span{display:grid;place-items:center;width:8.5cqi;aspect-ratio:1;border-radius:50%;background:#333}.oc-root .meet__tools svg{width:50%;fill:none;stroke:#fcfcfc;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.oc-root .meet__tools .meet__leave{width:13cqi;aspect-ratio:auto;border-radius:99px;background:var(--accent)}.oc-root .meet__leave svg{fill:#fcfcfc;stroke:none}.oc-root .step.is-on .meet__wait{opacity:0;transition-delay:.5s}.oc-root .step.is-on .meet__time{opacity:1;transition-delay:.6s;animation:oc-sec 60s steps(60,end) .6s forwards}.oc-root .step.is-on .meet__tile--them{opacity:1;filter:none;transition-delay:.5s}.oc-root .step.is-on .meet__tile--us{animation:oc-speak 1.7s .9s}.oc-root .step.is-on .meet__tile--them{animation:oc-speak 1.5s 2.7s}.oc-root .step.is-on .cc--us{opacity:1;transform:none;transition-delay:.9s}.oc-root .step.is-on .cc--them{opacity:1;transform:none;transition-delay:2.7s}.oc-root .step.is-on .cc--reply{transition-delay:4.3s}.oc-root .step.is-on .meet__tile--them.is-talking{animation:oc-speak 1.4s}.oc-root .step.is-on .meet__tile--them.is-talking .wave i{animation:oc-talk .42s ease-in-out 4 alternate}.oc-root .step.is-on .wave--us i{animation:oc-talk .42s ease-in-out .9s 4 alternate}.oc-root .step.is-on .wave--them i{animation:oc-talk .42s ease-in-out 2.7s 4 alternate}.oc-root .step.is-on .wave i:nth-child(2){animation-duration:.34s}.oc-root .step.is-on .wave i:nth-child(3){animation-duration:.5s}@keyframes oc-speak{0%,to{box-shadow:inset 0 0 0 .6cqi var(--accent)}}@keyframes oc-sec{to{--sec: 60}}@keyframes oc-talk{to{height:100%}}@keyframes oc-blink{50%{opacity:.25}}.oc-root .ill--plan{background:var(--accent-tint)}.oc-root .plan{position:absolute;inset:0;width:100%;height:100%;overflow:hidden}.oc-root .plan__cam{transform-origin:0 0}.oc-root .plan__drop{fill:#1313130f}.oc-root .plan__planks{fill:none;stroke:#78543417;stroke-width:.18}.oc-root .plan__shadow{fill:#13131314}.oc-root .glass{fill:#dfeaf0;fill-opacity:.62}.oc-root .glass__shine{fill:#fff;fill-opacity:.55}.oc-root .note rect{fill:#ffd84a}.oc-root .note text,.oc-root .tnote text{font-family:var(--font-hand);fill:#131313;text-anchor:middle}.oc-root .note--hook rect{fill:var(--accent)}.oc-root .note--hook text{fill:#fcfcfc}.oc-root .note-loop{fill:none;stroke:#131313;stroke-width:.32;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100}.oc-root .tnote rect{fill:#ffd84a}.oc-root .tnote.note--hook rect{fill:var(--accent)}.oc-root .tnote.note--hook text{fill:#fcfcfc}.oc-root .sheet3{fill:#fcfcfc}.oc-root .sheet3__shadow{fill:#13131324}.oc-root .sheet3__title{font:600 1.15px/1 var(--font-display);fill:#131313;letter-spacing:-.02em}.oc-root .sheet3__lab{font:500 .95px/1 var(--font-display);fill:#6b6b6b}.oc-root .sheet3__track{fill:color-mix(in srgb,var(--accent) 10%,transparent)}.oc-root .bar{fill:var(--accent)}.oc-root .bar--post{fill:#131313}.oc-root .cup3 ellipse{fill:#fcfcfc;stroke:#1313131f;stroke-width:.12}.oc-root .cup3 .cup3__coffee{fill:#5b3b27;stroke:none}.oc-root .marker3{stroke:#131313;stroke-width:.55;stroke-linecap:round}.oc-root .kbd{fill:#a8a8a8}.oc-root .scr__bg{fill:#fcfcfc}.oc-root .scr__line{fill:#d6d6d6}.oc-root .scr__chip{fill:color-mix(in srgb,var(--accent) 18%,#fcfcfc)}.oc-root .scr__btn{fill:var(--accent)}.oc-root .fig__shadow{fill:#13131321}.oc-root .fig__leg,.oc-root .fig__shoe{fill:none;stroke-linecap:round}.oc-root .fig__arm{fill:none;stroke-linecap:round;stroke-linejoin:round}.oc-root .fig__eye{fill:#131313}.oc-root .fig__cuff{fill:none;stroke:#a53109;stroke-width:.55;stroke-linecap:round}.oc-root .fig__pad{fill:#ffd84a}.oc-root .fig__marker{stroke:#131313;stroke-width:.5;stroke-linecap:round}.oc-root .doodle{fill:none;stroke:#131313;stroke-width:.22;stroke-linecap:round;stroke-linejoin:round;opacity:.75}.oc-root .doodle .doodle__play{fill:#131313;stroke:none}.oc-root .mail{position:absolute;left:20cqi;top:9cqi;width:60cqi;padding:3.2cqi 3.4cqi 3cqi;border-radius:2.4cqi;background:#fcfcfc;box-shadow:0 2.4cqi 5cqi -1.6cqi #13131366,0 0 0 .2cqi #1313130d;font-family:var(--font-display);color:#131313}.oc-root .mail p{margin:0}.oc-root .mail__top{display:flex;align-items:center;justify-content:space-between;padding-bottom:1.4cqi;font:600 3cqi/1 var(--font-display);letter-spacing:-.01em}.oc-root .mail__dots{display:flex;gap:.8cqi}.oc-root .mail__dots i{width:1.3cqi;aspect-ratio:1;border-radius:50%;background:#e4e1dd}.oc-root .mail__row{display:flex;align-items:center;gap:1.6cqi;padding:1.6cqi 0;border-top:.2cqi solid rgb(19 19 19 / .08);font:500 2.5cqi/1.2 var(--font-display)}.oc-root .mail__row>span:first-child{flex:none;width:6.5cqi;color:var(--text-muted);font-weight:400}.oc-root .mail__val{flex:1;min-width:0}.oc-root .mail__to{padding:.6cqi 1.6cqi;border-radius:99px;background:var(--accent-tint);color:var(--accent);font-weight:600}.oc-root .mail__body{padding-top:1.8cqi;border-top:.2cqi solid rgb(19 19 19 / .08);font:400 2.4cqi/1.45 var(--font-display);color:#3a3a3a}.oc-root .mail__files{display:flex;gap:1.2cqi;margin-top:2.4cqi!important}.oc-root .mail__file{display:flex;align-items:center;gap:1cqi;padding:1cqi 1.6cqi 1cqi 1.1cqi;border-radius:1.2cqi;background:#f3f0ec;font:500 2.1cqi/1 var(--font-display);white-space:nowrap}.oc-root .mail__file:before{content:"";width:2.1cqi;height:2.7cqi;border-radius:.35cqi;background:var(--accent)}.oc-root .mail__foot{position:relative;margin-top:2.6cqi!important}.oc-root .mail__send{display:inline-block;padding:1.5cqi 3.6cqi;border-radius:99px;background:var(--accent);color:#fcfcfc;font:600 2.6cqi/1 var(--font-display)}.oc-root .mail__cursor{position:absolute;left:7.2cqi;top:2.6cqi;width:4.2cqi;fill:#131313;stroke:#fcfcfc;stroke-width:1.6;stroke-linejoin:round;transform-origin:0 0}.oc-root .mail__toast{position:absolute;right:5cqi;bottom:5cqi;display:flex;align-items:center;gap:1.4cqi;margin:0;padding:1.6cqi 2.8cqi 1.6cqi 1.6cqi;border-radius:99px;background:#131313;color:#fcfcfc;font:500 2.8cqi/1 var(--font-display);box-shadow:0 1.4cqi 3cqi -1.4cqi #13131380}.oc-root .mail__toast svg{width:3.6cqi;padding:.6cqi;border-radius:50%;background:var(--accent);fill:none;stroke:#fcfcfc;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.oc-root .mail .ch{position:relative;opacity:0}.oc-root .mail .ch:after{content:"";position:absolute;top:.08em;bottom:.02em;right:-.14cqi;width:.26cqi;border-radius:1px;background:var(--accent);opacity:0}.oc-root .mail .ch--caret{display:inline-block;width:0;height:1em;vertical-align:-.14em}.oc-root .mail .ch--caret:after{right:auto;left:0}.oc-root .step.is-on .mail .ch{animation:oc-ch-in 1ms linear calc(var(--d) * 1s) both}.oc-root .step.is-on .mail .ch:after{animation:oc-ch-caret calc((var(--n) - var(--d)) * 1s) linear calc(var(--d) * 1s)}@keyframes oc-ch-in{0%{opacity:0}to{opacity:1}}@keyframes oc-ch-caret{0%,to{opacity:1}}.oc-root .step.is-end .mail .ch{animation:none;opacity:1}.oc-root .step.is-end .mail .ch:after{animation:none}.oc-root .ill--live{background:#131313;color:#fcfcfc}.oc-root .post{position:absolute;left:7cqi;top:7cqi;bottom:7cqi;aspect-ratio:9 / 16;border-radius:3.5cqi;overflow:hidden;background:#262626;box-shadow:0 0 0 1.2cqi #262626}.oc-root .post img{width:100%;height:100%;object-fit:cover}.oc-root .post:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(to top,rgb(0 0 0 / .7),transparent)}.oc-root .post__badge{position:absolute;z-index:1;left:3cqi;top:3cqi;display:flex;align-items:center;gap:1.4cqi;padding:1.4cqi 2.4cqi;border-radius:99px;background:var(--accent);font:600 3cqi/1 var(--font-display);opacity:0;transform:translateY(-4cqi);transition:opacity .25s,transform .6s cubic-bezier(.34,1.56,.64,1)}.oc-root .post__dot{width:1.6cqi;height:1.6cqi;border-radius:50%;background:#fcfcfc}.oc-root .post__rail{position:absolute;z-index:1;right:2.4cqi;bottom:4cqi;display:grid;gap:3cqi;text-align:center}.oc-root .post__rail svg{display:block;width:5.6cqi;margin:0 auto .8cqi;fill:#fcfcfc}.oc-root .post__rail b{font:600 2.7cqi/1 var(--font-display);font-variant-numeric:tabular-nums}.oc-root .views{position:absolute;inset:7cqi 6cqi 6cqi 50cqi;display:flex;flex-direction:column}.oc-root .views__label{font:500 3.2cqi/1 var(--font-display);letter-spacing:.12em;text-transform:uppercase;opacity:.6}.oc-root .views__num{margin-top:1.8cqi;font:500 8.5cqi/1 var(--font-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums}.oc-root .views__chart{width:100%;height:12cqi;margin-top:2.5cqi;overflow:visible;fill:none;stroke:var(--accent);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:160;stroke-dashoffset:160;transition:stroke-dashoffset 2.2s cubic-bezier(.5,0,.2,1);vector-effect:non-scaling-stroke}.oc-root .views__list{margin-top:3cqi;border-top:1px solid rgb(252 252 252 / .16)}.oc-root .views__list div{display:flex;justify-content:space-between;align-items:baseline;padding:1.6cqi 0;border-bottom:1px solid rgb(252 252 252 / .16)}.oc-root .views__list dt{font:500 2.7cqi/1 var(--font-display);opacity:.6}.oc-root .views__list dd{font:500 4cqi/1 var(--font-display);font-variant-numeric:tabular-nums}.oc-root .views__src{margin-top:2.4cqi;font:400 2.6cqi/1.2 var(--font-display);opacity:.5}.oc-root .step.is-on .post__badge{opacity:1;transform:none;transition-delay:.25s}.oc-root .step.is-on .views__chart{stroke-dashoffset:0;transition-delay:.5s}.oc-root .post__rail span:first-child svg{transition:fill .3s}.oc-root .step.is-on .post__rail span:first-child svg{fill:var(--accent);transition-delay:.9s;animation:oc-tap .5s var(--ease) .9s}@keyframes oc-tap{45%{scale:1.3}}.oc-root .loop{position:relative;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.45fr);align-items:center;gap:1.5rem clamp(1.5rem,4vw,4.5rem);margin-top:var(--link);padding:clamp(1.5rem,1rem + 2vw,3rem);border-radius:var(--radius);background:#131313;color:#fcfcfc;box-shadow:0 40px 70px -40px #13131399;--link: clamp(2.5rem, 1.5rem + 3vw, 4.5rem)}.oc-root .loop:before,.oc-root .loop:after{content:"";position:absolute;bottom:100%;left:calc(83.333% + var(--gap) / 3)}.oc-root .loop:before{height:var(--link);border-left:2px dashed color-mix(in srgb,var(--accent) 75%,transparent);translate:-1px 0}.oc-root .loop:after{width:8px;height:8px;margin-left:-4px;border-radius:50%;background:var(--accent);animation:oc-link-drop 2.4s cubic-bezier(.5,0,.5,1) infinite}@keyframes oc-link-drop{0%{transform:translateY(calc(-1 * var(--link)));opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translateY(0);opacity:0}}.oc-root .loop .step__no{margin-top:0}.oc-root .loop h3{margin-top:clamp(1rem,.75rem + 1vw,1.5rem);font:500 clamp(1.5rem,1rem + 1.2vw,2.25rem)/1.05 var(--font-display);letter-spacing:-.03em;text-wrap:balance}.oc-root .loop p{margin-top:.75rem;max-width:36ch;font-size:var(--fs-lead);line-height:1.45;color:#fcfcfcb8}.oc-root .loop__art,.oc-root .loop__stage{position:relative}.oc-root .loop__svg{display:block;width:100%;height:auto;overflow:visible;-webkit-mask:linear-gradient(60deg,rgb(0 0 0 / .12) 12%,#000 58%);mask:linear-gradient(60deg,rgb(0 0 0 / .12) 12%,#000 58%)}.oc-root .loop__path{fill:none;stroke:var(--accent);stroke-linecap:round;stroke-linejoin:round}.oc-root .loop__dot{fill:#fcfcfc;filter:drop-shadow(0 0 6px rgb(252 252 252 / .7))}.oc-root .loop__tag{position:absolute;left:73.333%;display:flex;align-items:center;gap:.45rem;padding:.45rem .8rem;border-radius:99px;background:#262626;font:500 .8125rem/1 var(--font-display);white-space:nowrap;translate:-50% 0;transition:background-color .35s,color .35s}.oc-root .loop__tag b{font-weight:600;color:var(--accent);transition:color .35s}.oc-root .loop__tag--make{top:calc(81.48% + .7rem)}.oc-root .loop__tag--learn{top:calc(14.81% - .7rem);translate:-50% -100%}.oc-root .loop__tag.is-on{background:var(--accent)}.oc-root .loop__tag.is-on b{color:#fcfcfc}.oc-root .loop__count{position:absolute;right:0;bottom:0;font:500 var(--fs-label)/1.2 var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:#fcfcfc8c}.oc-root .loop__count b{display:inline-block;min-width:1.4em;font-weight:600;color:#fcfcfc}.oc-root .loop__count b.is-up{animation:oc-count-up .5s var(--ease)}@keyframes oc-count-up{0%{opacity:0;transform:translateY(.6em)}}.oc-root .loop__note{position:absolute;left:3%;top:6%;display:flex;flex-direction:column;align-items:flex-start;max-width:12ch;font-size:clamp(1.15rem,.9rem + .6vw,1.6rem);white-space:normal;line-height:1.05}.oc-root .loop__note svg{margin:.25em 0 0 3.2em;transform:scaleX(-1)}.oc-root .colab__title{font:500 clamp(2.6rem,.8rem + 6.4vw,8.5rem)/.96 var(--font-display);letter-spacing:-.045em}.oc-root .colab__more,.oc-root .colab__less{display:block}.oc-root .colab__less{position:relative;margin-top:.06em;padding-left:clamp(0rem,-2rem + 9vw,11rem)}.oc-root .colab__title .wd{display:inline-block;white-space:nowrap}.oc-root .colab__title .ch{display:inline-block}.oc-root .colab__body{width:min(100%,38rem);margin:clamp(3rem,2rem + 4vw,6.5rem) 0 0 auto}.oc-root .colab__body .prose{max-width:none}.oc-root .colab__body .btn{margin-top:clamp(1.75rem,1rem + 2vw,2.75rem)}.oc-root .colab__less:before{content:"";position:absolute;left:clamp(0rem,-2rem + 9vw,11rem);right:0;top:-.02em;height:.09em;border-radius:.05em;background:#fcfcfc80;opacity:0}.oc-root .colab.is-ready .colab__more .ch{animation:oc-more-up .95s cubic-bezier(.34,1.45,.64,1) calc(var(--k) * 26ms) both paused}.oc-root .colab.is-ready .colab__less{animation:oc-less-weighed 1.3s var(--ease) both paused}.oc-root .colab.is-ready .colab__less:before{animation:oc-less-load 1.3s var(--ease) both paused}.oc-root .colab.is-ready .colab__less .ch{animation:oc-less-lift 1s cubic-bezier(.34,1.3,.64,1) calc(.62s + var(--k) * 16ms) both paused}.oc-root .colab.is-in .colab__more .ch,.oc-root .colab.is-in .colab__less,.oc-root .colab.is-in .colab__less:before,.oc-root .colab.is-in .colab__less .ch{animation-play-state:running}@keyframes oc-more-up{0%{opacity:0;transform:translateY(.6em) scaleY(.55)}45%{opacity:1}}@keyframes oc-less-weighed{0%,45%{transform:translateY(.1em) scale(.985,.9);transform-origin:0 100%}to{transform:none;transform-origin:0 100%}}@keyframes oc-less-load{0%{opacity:0;transform:translateY(-.6em)}18%,45%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-1.1em)}}@keyframes oc-less-lift{0%{opacity:.35;transform:translateY(.08em)}60%{opacity:1;transform:translateY(-.06em)}}.oc-root .team{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(.75rem,1.5vw,1.5rem);margin-top:clamp(3rem,2rem + 4vw,6rem)}.oc-root .team__photo{position:relative;aspect-ratio:4 / 5;margin-bottom:1rem;border-radius:var(--radius);overflow:hidden;background:var(--accent-tint)}.oc-root .team__photo img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}.oc-root .team li:hover .team__photo img{transform:scale(1.03)}.oc-root .team strong{display:block;font:500 clamp(1.125rem,1rem + .5vw,1.5rem)/1.2 var(--font-display);letter-spacing:-.02em}.oc-root .logos{--logo: clamp(3.4rem, 2.7rem + 2.2vw, 5.4rem);overflow:hidden;padding-block:clamp(1.75rem,1rem + 2vw,3.25rem)}.oc-root .logos__track{display:flex;width:max-content;animation:oc-marquee 80s linear infinite}.oc-root .logos:hover .logos__track{animation-play-state:paused}.oc-root .logos ul{display:flex;align-items:center}.oc-root .logos li{padding-inline:clamp(1.4rem,2.6vw,3.25rem)}.oc-root .logos img{width:auto;height:calc(var(--logo) * var(--m, .6));opacity:.85}@keyframes oc-marquee{to{transform:translate(-50%)}}.oc-root .proof{padding-block:clamp(.25rem,1vw,1rem)}.oc-root .pains__title{text-align:center}.oc-root .pains__title>span{display:block}.oc-root .pains{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.75rem,1.5vw,1.5rem);margin-top:clamp(3rem,2rem + 4vw,6rem)}.oc-root .pain{padding:clamp(1.5rem,1rem + 1.5vw,2.5rem);border-radius:var(--radius);background:#fcfcfc;box-shadow:0 24px 50px -34px #13131366;transition:rotate .6s var(--ease),opacity .9s var(--ease),transform .9s var(--ease)}.oc-root .pain:nth-child(1){rotate:-1.5deg}.oc-root .pain:nth-child(2){rotate:1deg;margin-top:clamp(.5rem,2vw,2rem)}.oc-root .pain:nth-child(3){rotate:-.75deg}.oc-root .pain:hover{rotate:0deg}.oc-root .pain__no{display:block;font:500 clamp(2.5rem,1.5rem + 2.6vw,4.25rem)/.9 var(--font-display);letter-spacing:-.05em;color:var(--accent)}.oc-root .pain h3{margin-top:clamp(1.25rem,1rem + 1vw,2rem);font:500 clamp(1.4rem,1rem + 1.1vw,2rem)/1.08 var(--font-display);letter-spacing:-.03em}.oc-root .pain p{margin-top:.75rem;max-width:34ch;font-size:var(--fs-lead);line-height:1.45;color:var(--text-muted)}.oc-root .pains__end{margin-top:clamp(3rem,2rem + 3vw,5rem);font:500 clamp(1.6rem,1rem + 2.2vw,3rem)/1.1 var(--font-display);letter-spacing:-.03em;text-align:center}.oc-root .choice__ask,.oc-root .choice__answer{font:500 clamp(2.2rem,1rem + 5.4vw,6.25rem)/1.04 var(--font-display);letter-spacing:-.04em}.oc-root .choice__line{display:block}.oc-root .choice__line+.choice__line{margin-top:.08em;text-align:right}.oc-root .strike{color:color-mix(in srgb,var(--text) 38%,transparent);background:linear-gradient(var(--accent),var(--accent)) no-repeat 0 56% / 0% .07em;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-size 1.1s var(--ease) .3s}.oc-root .choice__line+.choice__line .strike{transition-delay:.7s}.oc-root .rv.in .strike,html:not(.oc-js) .oc-root .strike{background-size:100% .07em}.oc-root .choice__answer{margin-top:.45em;text-align:center}.oc-root .choice__one{max-width:22ch;margin-inline:auto;font:500 clamp(2rem,1rem + 4.2vw,5.25rem)/1.06 var(--font-display);letter-spacing:-.04em;text-align:center;text-wrap:balance}.oc-root .choice__body{max-width:44ch;margin:clamp(2.5rem,2rem + 2vw,4rem) auto 0;text-align:center}.oc-root .match__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:3rem clamp(3rem,7vw,8rem)}.oc-root .match .display{font-size:clamp(2.1rem,1rem + 3.3vw,4.4rem)}.oc-root .match .display>span{display:block}.oc-root .match .lead{max-width:34ch;margin-top:clamp(1.25rem,1rem + 1vw,2rem);color:var(--text-muted)}.oc-root .match .btn{margin-top:clamp(1.75rem,1.25rem + 1.5vw,2.75rem)}.oc-root .match__list{border-top:1px solid var(--hairline)}.oc-root .crit{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:clamp(1rem,.75rem + 1vw,1.75rem);padding-block:clamp(1.4rem,1rem + 1vw,2.1rem);border-bottom:1px solid var(--hairline)}.oc-root .crit h3{grid-column:2;font:500 clamp(1.25rem,1rem + .9vw,1.8rem)/1.15 var(--font-display);letter-spacing:-.02em}.oc-root .crit p{grid-column:2;max-width:50ch;margin-top:.55rem;line-height:1.55;color:var(--text-muted)}.oc-root .crit__no{grid-row:1 / span 2;min-width:2ch;padding-top:.6em;font:500 var(--fs-label)/1 var(--font-display);letter-spacing:.12em;color:var(--accent);font-variant-numeric:tabular-nums}.oc-root .tilgang{padding-bottom:0}.oc-root .vx{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3rem clamp(3rem,8vw,9rem);margin-top:var(--section)}.oc-root .vx__text{max-width:42rem;padding-bottom:clamp(2rem,5vw,6rem)}.oc-root .vx__title{margin-top:1rem;font:500 clamp(2rem,1rem + 3vw,4rem)/1.02 var(--font-display);letter-spacing:-.035em;text-wrap:balance}.oc-root .vx__list{margin-top:clamp(2rem,1.5rem + 2vw,3.5rem);border-top:1px solid var(--hairline)}.oc-root .vx__item{display:grid;grid-template-columns:3rem minmax(0,1fr);align-items:baseline;width:100%;padding:clamp(.9rem,.7rem + .6vw,1.3rem) 0;border:0;border-bottom:1px solid var(--hairline);background:none;text-align:left;cursor:pointer;font:500 clamp(1.1rem,.95rem + .55vw,1.45rem)/1.3 var(--font-display);letter-spacing:-.015em;transition:color .3s ease}.oc-root .vx__no{font-size:var(--fs-label);letter-spacing:.12em;color:var(--accent)}.oc-root .vx.has-open .vx__item[aria-pressed=false]{color:color-mix(in srgb,var(--text) 38%,transparent)}.oc-root .vx__device{--w: clamp(17rem, 12rem + 9vw, 22rem);align-self:end;width:var(--w);height:calc(var(--w) * 1.8);margin-right:clamp(0rem,5vw,6rem);overflow:hidden}.oc-root .vx__phone{container-type:inline-size;width:100%;aspect-ratio:9 / 19.5;padding:2.6%;border-radius:calc(var(--w) * .15) calc(var(--w) * .15) 0 0;background:#131313;box-shadow:inset 0 0 0 1.5px #3b3b3b,0 40px 80px -40px #13131380}.oc-root .vx__screen{position:relative;display:flex;flex-direction:column;height:100%;padding-bottom:45cqi;overflow:hidden;border-radius:calc(var(--w) * .125) calc(var(--w) * .125) 0 0;background:radial-gradient(90% 45% at 85% 78%,rgb(207 65 24 / .38),transparent 70%),radial-gradient(130% 75% at 50% -5%,#8a3315,#3a1a10 42%,#151312 78%);color:#fcfcfc;text-align:center;transition:filter .7s ease}.oc-root .vx__island{position:absolute;top:3cqi;left:50%;width:30cqi;height:8.4cqi;border-radius:99px;background:#050505;translate:-50% 0}.oc-root .vx__date{padding-top:15.5cqi;font:500 4.6cqi/1 var(--font-display);opacity:.85}.oc-root .vx__time{margin-top:1.2cqi;font:500 19.5cqi/.9 var(--font-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums}.oc-root .vx__stacks{display:grid;gap:2.5cqi;margin-top:auto;padding-inline:3.5cqi;text-align:left}.oc-root .vx__stack{--h: 20cqi;--peek: 3.2cqi;--gap: 2cqi;position:relative;height:calc(var(--h) + 2 * var(--peek));cursor:pointer;transition:height .5s var(--ease),opacity .3s ease}.oc-root .vx__stack.is-open{height:calc(3 * var(--h) + 2 * var(--gap))}.oc-root .vx.has-open .vx__stack:not(.is-open){opacity:.4}.oc-root .vn{position:absolute;inset:0 0 auto;z-index:calc(3 - var(--j));display:grid;grid-template-columns:8.4cqi minmax(0,1fr);grid-template-rows:auto 1fr;align-content:start;column-gap:2.6cqi;height:var(--h);padding:2.6cqi 3.2cqi;border-radius:5cqi;background:#faf4f02b;-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3);transform-origin:50% 0;transform:translateY(calc(var(--j) * var(--peek))) scale(calc(1 - var(--j) * .05));transition:transform .5s var(--ease),background-color .3s ease}.oc-root .vx__stack.is-open .vn{transform:translateY(calc(var(--j) * (var(--h) + var(--gap))))}.oc-root .vn>*{transition:opacity .25s ease}.oc-root .vx__stack:not(.is-open) .vn+.vn{background:#faf4f01a}.oc-root .vx__stack:not(.is-open) .vn+.vn>*{opacity:0}.oc-root .vn__app{grid-row:1 / span 2;display:grid;place-items:center;width:8.4cqi;aspect-ratio:1;border-radius:2.2cqi;background:#131313}.oc-root .vn__app svg{width:66%;fill:none;stroke:#fcfcfc;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.oc-root .vn__app svg .f{fill:#fcfcfc;stroke:none}.oc-root .vn__app--ig{background:radial-gradient(circle at 30% 107%,#fdf497,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.oc-root .vn__app--li{background:#0a66c2}.oc-root .vn__app--fb{background:#1877f2}.oc-root .vn__app--mail{background:linear-gradient(#3aa8ff,#1268f3)}.oc-root .vn__head{display:flex;justify-content:space-between;gap:2cqi;font:600 3.6cqi/1.2 var(--font-body)}.oc-root .vn__head span{font-weight:400;opacity:.6}.oc-root .vn__txt{display:-webkit-box;margin-top:.5cqi;overflow:hidden;font:400 3.6cqi/1.28 var(--font-body);-webkit-line-clamp:2;-webkit-box-orient:vertical}.oc-root .vn__txt b{font-weight:600}.oc-root .vx.is-ready:not(.is-in) .vx__screen{filter:brightness(.25)}.oc-root .vx.is-ready:not(.is-in) .vn{opacity:0}.oc-root .vx.is-in .vn{animation:oc-vn-in .65s var(--ease) calc(.65s + var(--d) * .16s) backwards}@keyframes oc-vn-in{0%{opacity:0;translate:0 -5cqi;scale:.94}}.oc-root .vx.is-in li:nth-child(1) .vx__item{animation:oc-vx-hit 1.1s ease .95s}.oc-root .vx.is-in li:nth-child(2) .vx__item{animation:oc-vx-hit 1.1s ease 1.43s}.oc-root .vx.is-in li:nth-child(3) .vx__item{animation:oc-vx-hit 1.1s ease 1.91s}@keyframes oc-vx-hit{25%,55%{color:var(--accent)}}.oc-root .case{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:clamp(2.5rem,6vw,7rem)}.oc-root .case--flip{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}.oc-root .cases__panel+.cases__panel{margin-top:var(--section);padding-top:var(--section);border-top:1px solid var(--hairline)}.oc-root .cases__tabs{scroll-margin-top:5rem}html:not(.oc-js) .oc-root .cases__tabs,html:not(.oc-js) .oc-root .cases__next{display:none}.oc-root .cases__next{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.4rem 1rem;width:100%;margin-top:2.25rem;padding:1.1rem 0 0;border:0;border-top:1px solid var(--hairline);background:none;text-align:left;cursor:pointer}.oc-root .cases__next span{grid-area:1 / 1;font:500 var(--fs-label)/1.2 var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.oc-root .cases__next strong{grid-area:2 / 1;font:500 1.375rem/1.1 var(--font-display);letter-spacing:-.02em}.oc-root .cases__next svg{grid-area:1 / 2 / 3 / 3;width:2.75rem;height:2.75rem;padding:.7rem;border-radius:50%;background:var(--accent);fill:none;stroke:#fcfcfc;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:translate .4s var(--ease)}.oc-root .cases__next:active svg{translate:.3rem 0}@property --sweep{syntax: "<number>"; inherits: true; initial-value: 0;}@keyframes oc-case-in{0%{opacity:0;translate:0 1.25rem}}@media (min-width: 1001px){.oc-root .cases__tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.75rem,.5rem + .6vw,1.25rem);margin-bottom:clamp(3rem,2rem + 3vw,5.5rem)}.oc-root .cases__tab{--sweep: 0;position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:1fr 1fr;align-items:center;column-gap:clamp(1rem,.6rem + .8vw,1.5rem);row-gap:.6rem;padding:clamp(.9rem,.7rem + .5vw,1.25rem);padding-right:3.75rem;border:0;border-radius:var(--radius);background:color-mix(in srgb,#fcfcfc 4%,transparent);box-shadow:inset 0 0 0 1px var(--hairline);text-align:left;cursor:pointer;transition:--sweep .9s var(--ease),background-color .3s ease,box-shadow .3s ease,translate .5s var(--ease)}.oc-root .cases__ring{grid-row:1 / span 2;position:relative;display:block;width:clamp(4.25rem,3.5rem + 1.6vw,5.5rem);aspect-ratio:1;padding:5px;border-radius:50%}.oc-root .cases__ring:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(var(--accent) calc(var(--sweep) * 1turn),var(--hairline) 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px))}.oc-root .cases__ring img{width:100%;height:100%;border-radius:50%;object-fit:cover;filter:grayscale(calc(1 - var(--sweep)));opacity:calc(.55 + var(--sweep) * .45);scale:calc(.92 + var(--sweep) * .08)}.oc-root .cases__name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.oc-root .cases__brand{display:flex;align-items:center;gap:.55rem;align-self:end;opacity:calc(.6 + var(--sweep) * .4)}.oc-root .cases__brand img{width:auto;height:calc(clamp(1.5rem,1.1rem + .8vw,2.1rem) * var(--m, 1))}.oc-root .cases__brand span{font:500 1rem/1 var(--font-display);opacity:.7}.oc-root .cases__kind{align-self:start;font:500 var(--fs-label)/1.3 var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.oc-root .cases__go{position:absolute;top:50%;right:clamp(.9rem,.7rem + .5vw,1.25rem);width:2.25rem;height:2.25rem;padding:.55rem;border-radius:50%;background:var(--accent);fill:none;stroke:#fcfcfc;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:0;translate:-.6rem -50%;transition:opacity .25s ease,translate .5s var(--ease)}.oc-root .cases__tab[aria-selected=true]{--sweep: 1;background:color-mix(in srgb,#fcfcfc 9%,transparent);box-shadow:inset 0 0 0 1.5px var(--accent);cursor:default}.oc-root .cases__tab[aria-selected=false]:focus-visible .cases__go{opacity:1;translate:0 -50%}.oc-js .oc-root .cases__panel:not(.is-active){display:none}.oc-js .oc-root .cases__panel+.cases__panel{margin-top:0;padding-top:0;border-top:0}.oc-js .oc-root .cases__panel.is-active{animation:oc-case-in .7s var(--ease)}.oc-root .cases__next{margin-top:clamp(3rem,2rem + 3vw,5rem);padding-top:1.5rem}.oc-root .cases__next strong{font-size:1.75rem}}@media (min-width: 1001px) and (hover: hover){.oc-root .cases__tab[aria-selected=false]:hover{--sweep: 1;translate:0 -4px;background:color-mix(in srgb,#fcfcfc 8%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,#fcfcfc 30%,transparent)}.oc-root .cases__tab[aria-selected=false]:hover .cases__go{opacity:1;translate:0 -50%}.oc-root .cases__next:hover svg{translate:.3rem 0}}.oc-root .case__head{position:relative;display:flex;align-items:center;gap:1rem;margin-bottom:clamp(1.5rem,1rem + 1.5vw,2.5rem)}.oc-root .case__head a{font:500 1.0625rem/1 var(--font-display);color:var(--text-muted);text-decoration:none;transition:color .2s}.oc-root .case__head a:hover{color:var(--accent)}.oc-root .case__logo{display:block;padding:.5rem 1rem;border-radius:12px;background:#fcfcfc}.oc-root .case__logo img{width:auto;height:clamp(3.25rem,2.5rem + 2vw,5rem)}.oc-root .case__logo--dark{padding:0;background:none}.oc-root .case__note{display:flex;align-items:flex-end;gap:.2em;margin:0 0 1.6em .25em;flex-direction:row-reverse}.oc-root .case__note--media{position:absolute;z-index:2;top:calc(100% + 1.25rem);right:2%;margin:0;align-items:flex-start;transform:rotate(-3deg)}.oc-root .case__note--media svg{transform:scaleY(-1);margin-top:-1.1em}.oc-root .case__duo{display:flex;align-items:center;gap:.9rem}.oc-root .case__wordmark{width:auto;height:clamp(1.75rem,1.2rem + 1.4vw,2.75rem)}.oc-root .case__x{font:400 1.5rem/1 var(--font-display);color:var(--text-muted)}.oc-root .case__logo--square{padding:.45rem .6rem}.oc-root .case__logo--square img{height:clamp(2.6rem,2rem + 1.6vw,4rem)}.oc-root .case__quote{margin:clamp(2rem,1.5rem + 2vw,3.25rem) 0 0;padding-left:1.25rem;border-left:2px solid var(--accent)}.oc-root .case__quote blockquote{margin:0}.oc-root .case__quote p{font:500 clamp(1.35rem,1rem + 1.2vw,2rem)/1.2 var(--font-display);letter-spacing:-.02em;max-width:26ch}.oc-root .case__quote figcaption{margin-top:.75rem;font-size:.875rem;color:var(--text-muted)}.oc-root .case__lead{margin-top:clamp(1.75rem,1.25rem + 1vw,2.5rem);font-size:clamp(1rem,.96rem + .2vw,1.125rem);line-height:1.55;max-width:44ch;color:var(--text-muted)}.oc-root .case__lead p+p{margin-top:.75em}.oc-root .stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:clamp(2rem,1.5rem + 2vw,3.5rem);border-top:1px solid var(--text)}.oc-root .stats div{padding:1rem 1rem 1.25rem 0;border-bottom:1px solid var(--hairline)}.oc-root .stats div:nth-child(2n){padding-left:1.25rem;border-left:1px solid var(--hairline)}.oc-root .stats dt{font:500 var(--fs-label)/1.2 var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.oc-root .stats dd{margin-top:.6rem;font:500 clamp(1.6rem,1rem + 2vw,3rem)/1 var(--font-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;white-space:nowrap}.oc-root .stats__press dd{display:flex;align-items:center;height:1em}.oc-root .stats__press img{width:auto;height:.78em}.oc-root .stats__src{margin-top:.9rem;font-size:.8125rem;color:var(--text-muted)}.oc-root .stats__src a{color:inherit}.oc-root .stats__src a:hover{color:var(--accent)}.oc-root .case__media{position:relative;justify-self:center;width:min(100%,24rem)}.oc-root .phone{position:relative;display:block;aspect-ratio:9 / 16;border-radius:2.25rem;border:.5rem solid #262626;overflow:hidden;background:#1f1f1f;color:#fcfcfc;text-decoration:none;transform:rotate(3deg);box-shadow:0 40px 80px -40px #000;transition:transform .7s var(--ease)}.oc-root .case--flip .phone{transform:rotate(-3deg)}.oc-root .phone:hover{transform:rotate(0)}.oc-root .phone img,.oc-root .phone video{width:100%;height:100%;object-fit:cover}.oc-root .phone:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(to top,rgb(0 0 0 / .65),transparent);pointer-events:none}.oc-root .phone__views,.oc-root .phone__sound{position:absolute;z-index:1;top:1rem;left:1rem;padding:.5rem .9rem;border:0;border-radius:999px;background:#131313b8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font:500 .8125rem/1 var(--font-display)}.oc-root .phone__sound{left:auto;right:1rem;cursor:pointer;transition:background-color .2s}.oc-root .phone__sound:hover{background:var(--accent)}.oc-root .phone__rail{position:absolute;z-index:1;right:.9rem;bottom:1.25rem;display:grid;gap:1rem;font:500 .75rem/1 var(--font-display);text-align:center}.oc-root .phone__rail svg{display:block;width:2rem;margin:0 auto .3rem;fill:#fcfcfc}.oc-root .phone__caption{position:absolute;z-index:1;left:1rem;bottom:1.25rem;font:500 .9375rem/1.4 var(--font-display)}.oc-root .reel__title{margin-top:var(--section);font:500 clamp(1.1rem,.95rem + .5vw,1.4rem)/1.2 var(--font-display);letter-spacing:-.015em;color:var(--text-muted)}.oc-root .reel__title a{color:var(--text);text-decoration:none;transition:color .2s}.oc-root .reel__title a:hover{color:var(--accent)}.oc-root .reel__title+.reel{margin-top:clamp(.9rem,.6rem + .8vw,1.4rem)}.oc-root .reel{display:flex;gap:clamp(.5rem,1vw,1rem);margin:var(--section) calc(-1 * var(--pad)) 0;padding-inline:var(--pad);overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none}.oc-root .reel::-webkit-scrollbar{display:none}.oc-root .reel li{flex:0 0 clamp(9.5rem,15.5vw,18rem);scroll-snap-align:start}.oc-root .reel a{position:relative;display:block;aspect-ratio:9 / 16;border-radius:var(--radius);overflow:hidden;background:#1f1f1f}.oc-root .reel img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}.oc-root .reel a:hover img{transform:scale(1.04)}.oc-root .reel span{position:absolute;inset:auto 0 0;padding:2.5rem .75rem .75rem;background:linear-gradient(to top,rgb(0 0 0 / .7),transparent);font:500 .8125rem/1.2 var(--font-display);color:#fcfcfc}.oc-root .oc-cta{position:relative;overflow:hidden;padding-block:var(--section);background:var(--accent);color:#fcfcfc}.oc-root .cta__row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:end;gap:2.5rem clamp(2.5rem,6vw,7rem)}.oc-root .cta__lead{font:500 clamp(2.2rem,1rem + 3.6vw,4.75rem)/1.02 var(--font-display);letter-spacing:-.035em}.oc-root .cta__first{display:block;max-width:20ch;text-wrap:balance}.oc-root .cta__aim{display:block;margin-top:.5em;padding:1.1em 0 0 clamp(0rem,-1rem + 8vw,9rem);font-size:.58em;letter-spacing:-.03em;color:#131313}.oc-root .cta__up{position:relative;display:inline-block}.oc-root .cta__up:after{content:"";position:absolute;left:0;right:.3em;bottom:.1em;height:2px;background:currentColor;opacity:.35;transform-origin:left}.oc-root .cta__up>span{display:inline-block;transform:translateY(-.42em);color:#fcfcfc}.oc-root .oc-cta.is-ready .cta__up>span{transform:none;color:inherit;transition:transform 1.1s var(--ease) .5s,color .6s ease .7s}.oc-root .oc-cta.is-ready .cta__up:after{scale:0 1;transition:scale .7s var(--ease) .35s}.oc-root .oc-cta.is-in .cta__up>span{transform:translateY(-.42em);color:#fcfcfc}.oc-root .oc-cta.is-in .cta__up:after{scale:1 1}.oc-root .cta__body{max-width:46ch;margin-top:clamp(1.5rem,1rem + 1.5vw,2.5rem);font-size:var(--fs-lead);line-height:1.5}.oc-root .cta__body p+p{margin-top:.9em}.oc-root .cta__act{display:flex;flex-direction:column;align-items:flex-start;gap:1.5rem}.oc-root .cta__act .btn{box-shadow:0 24px 50px -24px #00000073}.oc-root .cta__phone{font-size:.9375rem}.oc-root .coffee{display:flex;align-items:center;gap:.55rem;margin-left:.4rem;font:400 clamp(1.2rem,.98rem + .55vw,1.6rem)/1 var(--font-hand);transform:rotate(-3deg)}.oc-root .coffee__cup{display:block;width:2.4rem;flex:none}.oc-root .coffee__cup svg{display:block;width:100%;overflow:visible;transform-origin:45% 85%}.oc-root .coffee__cup path{fill:none;stroke:#fcfcfc;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.oc-root .coffee__face circle{fill:#fcfcfc}.oc-root .coffee__face{opacity:0;transform:translateY(1.5px);transition:opacity .25s,transform .45s var(--ease)}.oc-root .coffee__steam path{opacity:0;animation:oc-steam 2.6s ease-in-out infinite}.oc-root .coffee__steam path:nth-child(2){animation-delay:.45s}.oc-root .coffee__steam path:nth-child(3){animation-delay:.9s}.oc-root .cta__act:hover .coffee__face,.oc-root .cta__act:focus-within .coffee__face,.oc-root .coffee.is-happy .coffee__face{opacity:1;transform:none}.oc-root .cta__act:hover .coffee__cup svg,.oc-root .cta__act:focus-within .coffee__cup svg,.oc-root .coffee.is-happy .coffee__cup svg{animation:oc-cheers .8s var(--ease)}@keyframes oc-steam{0%{opacity:0;translate:0 3px}35%{opacity:.9}to{opacity:0;translate:0 -5px}}@keyframes oc-cheers{30%{rotate:-12deg}65%{rotate:5deg}}.oc-root .toc{--ink: #131313;--ink-soft: color-mix(in srgb, #131313 50%, transparent);--track: color-mix(in srgb, #131313 14%, transparent);--fill: var(--accent);--halo: #fcfcfc;--panel: #fcfcfc;--edge: color-mix(in srgb, #131313 10%, transparent);--row: clamp(1.5rem, 3.3vh, 2rem);position:fixed;z-index:40;left:clamp(.4rem,1vw,1.75rem);top:50%;translate:0 -50%;color:var(--ink);font-family:var(--font-display);pointer-events:none}.oc-root .toc[data-tone=dark]{--ink: #fcfcfc;--ink-soft: rgb(252 252 252 / .55);--track: rgb(252 252 252 / .2);--halo: #131313;--panel: #1f1f1f;--edge: rgb(252 252 252 / .1)}.oc-root .toc[data-tone=accent]{--ink: #fcfcfc;--ink-soft: rgb(252 252 252 / .75);--track: rgb(252 252 252 / .32);--fill: #fcfcfc;--halo: var(--accent);--panel: #b33a12;--edge: rgb(252 252 252 / .18)}.oc-root .toc__pill{display:none}.oc-root .toc__body{position:relative;padding:.85rem 1.4rem .85rem .85rem}.oc-root .toc__body:before{content:"";position:absolute;inset:0;border-radius:.75rem;background:var(--panel);box-shadow:inset 0 0 0 1px var(--edge),0 20px 40px -30px #13131373;clip-path:inset(0 calc(100% - 2.1rem) 0 0 round .75rem);opacity:0;transition:clip-path .6s var(--ease),opacity .25s,background-color .4s}.oc-root .toc.is-open .toc__body{pointer-events:auto}.oc-root .toc.is-open .toc__body:before{clip-path:inset(0 0 0 0 round .75rem);opacity:1}.oc-root .toc.is-roomy .toc__body:before{display:none}.oc-root .toc__list{display:grid}.oc-root .toc__list a{display:grid;grid-template-columns:4px max-content;column-gap:.9rem;align-items:center;height:var(--row);color:var(--ink-soft);text-decoration:none;transition:color .25s}.oc-root .toc__seg{position:relative;justify-self:center;align-self:stretch;width:3px;margin-block:2px;border-radius:3px;background:var(--track);overflow:hidden;transition:width .3s var(--ease),background-color .4s}.oc-root .toc__seg i{position:absolute;inset:0;background:var(--fill);transform:scaleY(var(--p, 0));transform-origin:top;transition:background-color .4s}.oc-root .toc__label{opacity:0;translate:-.5rem 0;transition:opacity .2s,translate .45s var(--ease),color .25s}.oc-root .toc__label{font:500 .9375rem/1 var(--font-display);letter-spacing:-.01em;white-space:nowrap}.oc-root .toc.is-open .toc__label,.oc-root .toc.is-roomy .toc__label{opacity:1;translate:0 0;transition-delay:calc(var(--i, 0) * 22ms)}.oc-root .toc.is-roomy .toc__list a{pointer-events:auto}.oc-root .toc.is-open .toc__seg{width:4px}.oc-root .toc__list a:hover,.oc-root .toc__list a[aria-current]{color:var(--ink)}.oc-root .toc__list a:hover .toc__seg{width:6px}.oc-root .toc__head{position:absolute;left:calc(.85rem + 2px);top:0;width:11px;height:11px;margin:-5.5px 0 0 -5.5px;border-radius:50%;background:var(--fill);box-shadow:0 0 0 3px var(--halo);translate:0 var(--y, 0px);transition:scale .3s var(--ease),background-color .4s,box-shadow .4s;pointer-events:none}.oc-root .toc.is-open .toc__head{scale:1.2}.oc-root .toc.is-dragging .toc__head{scale:1.5}.oc-root .toc__flag{position:absolute;left:1.9rem;top:0;padding:.45rem .7rem;border-radius:.5rem;background:var(--panel);box-shadow:inset 0 0 0 1px var(--edge);font:500 .8125rem/1 var(--font-display);white-space:nowrap;translate:0 calc(var(--y, 0px) - 50%);transform-origin:left center;opacity:0;scale:.9;transition:opacity .25s,scale .4s var(--ease),background-color .4s;pointer-events:none}.oc-root .toc.is-scrolling:not(.is-open,.is-roomy) .toc__flag,.oc-root .toc.is-dragging:not(.is-roomy) .toc__flag{opacity:1;scale:1}.oc-root .toc.is-before .toc__flag{display:none}.oc-root .toc.is-before .toc__head{opacity:0}.oc-root .toc__book{display:inline-flex;align-items:center;height:2.1rem;margin:.15rem 0 0 calc(.85rem + 2px - 1.05rem);padding:0 .55rem;border-radius:99px;background:var(--accent);color:#fcfcfc;font:500 .875rem/1 var(--font-display);text-decoration:none;white-space:nowrap;box-shadow:0 0 0 3px var(--halo);pointer-events:auto;transition:background-color .2s,color .2s,padding .45s var(--ease),box-shadow .4s}.oc-root .toc__book svg{flex:none;width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.oc-root .toc__book span{max-width:0;margin-left:0;overflow:hidden;opacity:0;transition:max-width .45s var(--ease),margin-left .45s var(--ease),opacity .2s}.oc-root .toc.is-open .toc__book,.oc-root .toc.is-roomy .toc__book{padding-right:.95rem}.oc-root .toc.is-open .toc__book span,.oc-root .toc.is-roomy .toc__book span{max-width:8rem;margin-left:.5rem;opacity:1}.oc-root .toc__book:hover{background:var(--accent-hover)}.oc-root .toc[data-tone=accent] .toc__book{background:#fcfcfc;color:var(--accent)}.oc-root .toc__scrub{position:absolute;top:.85rem;bottom:.85rem;left:0;width:2.3rem;cursor:grab;touch-action:none;pointer-events:auto}.oc-root .toc.is-dragging,.oc-root .toc.is-dragging *{cursor:grabbing;-webkit-user-select:none;user-select:none}.oc-js .oc-root .rv{opacity:0;transform:translateY(22px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.oc-js .oc-root .rv.in{opacity:1;transform:none}@media (max-width: 1000px){.oc-root .oc-hero{grid-template-columns:minmax(0,1fr);height:auto;min-height:0;padding:7rem var(--pad) 0;gap:2rem}.oc-root .hero__text{padding-top:0}.oc-root .fan{height:clamp(20rem,86vw,46rem)}.oc-root .fan__left{top:12%}.oc-root .fan__right{top:14%}.oc-root .fan .fan__front{top:4%}.oc-root .match__row,.oc-root .vx{grid-template-columns:minmax(0,1fr)}.oc-root .vx__text{padding-bottom:0}.oc-root .vx__device{--w: min(76vw, 20rem);justify-self:center;margin-right:0}.oc-root .steps__list{grid-template-columns:minmax(0,1fr);max-width:34rem}.oc-root .step:nth-child(n){margin-top:0}.oc-root .team{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:2rem}.oc-root .loop{grid-template-columns:minmax(0,1fr);max-width:34rem}.oc-root .loop:before,.oc-root .loop:after{left:50%}.oc-root .split,.oc-root .cta__row{grid-template-columns:minmax(0,1fr);align-items:start}.oc-root .split .prose{justify-self:start}.oc-root .pains{grid-template-columns:minmax(0,1fr);max-width:36rem;margin-inline:auto}.oc-root .pain:nth-child(n){margin-top:0}.oc-root .pain:nth-child(2){rotate:.75deg}.oc-root .cases__tabs{display:flex;justify-content:center;gap:clamp(1.5rem,7vw,3rem);margin-bottom:clamp(2rem,6vw,3rem)}.oc-root .cases__tab{display:grid;justify-items:center;gap:.6rem;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.oc-root .cases__ring{position:relative;display:block;width:4.25rem;aspect-ratio:1;padding:5px;border-radius:50%}.oc-root .cases__ring:before{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(var(--accent) calc(var(--on, 0) * 1turn),var(--hairline) 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2px))}.oc-root .cases__ring img{width:100%;height:100%;border-radius:50%;object-fit:cover;filter:grayscale(calc(1 - var(--on, 0)));opacity:calc(.5 + var(--on, 0) * .5);scale:calc(.92 + var(--on, 0) * .08)}.oc-root .cases__name{font:500 .8125rem/1.1 var(--font-display);white-space:nowrap;opacity:calc(.5 + var(--on, 0) * .5)}.oc-root .cases__brand,.oc-root .cases__kind,.oc-root .cases__go{display:none}.oc-root .cases__track{display:flex;align-items:flex-start;margin-inline:calc(-1 * var(--pad));overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}.oc-root .cases__track::-webkit-scrollbar{display:none}.oc-root .cases__panel{flex:0 0 100%;min-width:0;padding-inline:var(--pad);scroll-snap-align:start;scroll-snap-stop:always}.oc-root .cases__panel+.cases__panel{margin-top:0;padding-top:0;border-top:0}.oc-js .oc-root .cases__panel .rv{opacity:1;transform:none}.oc-root .case,.oc-root .case--flip{grid-template-columns:minmax(0,.82fr) minmax(0,1fr);column-gap:clamp(1rem,4vw,2.5rem);row-gap:0;align-items:center}.oc-root .case__text{display:contents}.oc-root .case__head{grid-area:1 / 1 / 2 / -1;margin-bottom:1.25rem}.oc-root .case .display{grid-area:2 / 1 / 3 / -1}.oc-root .case__media{grid-area:3 / 1;justify-self:stretch;width:auto;max-width:17rem;margin-top:clamp(1.75rem,5vw,2.5rem)}.oc-root .case .stats{grid-area:3 / 2;grid-template-columns:minmax(0,1fr);margin-top:clamp(1.75rem,5vw,2.5rem);border-top:0}.oc-root .case .stats div,.oc-root .case .stats div:nth-child(2n){padding:.7rem 0;border-left:0}.oc-root .case .stats div:first-child{padding-top:0}.oc-root .case .stats div:last-child{border-bottom:0}.oc-root .stats dt{font-size:.6875rem;letter-spacing:.1em}.oc-root .stats dd{margin-top:.35rem;font-size:clamp(1.4rem,1rem + 2.4vw,2.2rem)}.oc-root .stats__src{grid-area:4 / 1 / 5 / -1}.oc-root .case__lead{grid-area:5 / 1 / 6 / -1;margin-top:1.75rem}.oc-root .case__quote{grid-area:6 / 1 / 7 / -1}.oc-root .case__note{display:none}.oc-root .case .phone{border-width:.3rem;border-radius:1.4rem;transform:none}.oc-root .case .phone__views,.oc-root .case .phone__sound{top:.5rem;left:.5rem;padding:.35rem .55rem;font-size:.625rem}.oc-root .case .phone__sound{left:auto;right:.5rem}.oc-root .case .phone:has(.phone__sound) .phone__views,.oc-root .case .phone__caption{display:none}.oc-root .case .phone__rail{right:.45rem;bottom:.7rem;gap:.55rem;font-size:.5625rem}.oc-root .case .phone__rail svg{width:1.2rem;margin-bottom:.15rem}.oc-root .reel{margin-top:2.25rem;overscroll-behavior-x:contain}.oc-root .reel__title{margin-top:2.25rem}.oc-root .reel li{flex-basis:clamp(8.5rem,30vw,12rem)}}@media (max-width: 1000px),(hover: none){.oc-root .toc{--ink: #fcfcfc;--ink-soft: rgb(252 252 252 / .55);--track: rgb(252 252 252 / .18);--fill: var(--accent);--panel: #1c1c1c;--edge: rgb(252 252 252 / .1);left:50%;top:auto;bottom:calc(.9rem + env(safe-area-inset-bottom,0px));translate:-50% 1.5rem;opacity:0;transition:translate .6s var(--ease),opacity .3s}.oc-root .toc{display:flex;align-items:center;gap:.45rem}.oc-root .toc.is-shown{translate:-50% 0;opacity:1}.oc-root .toc.is-shown .toc__pill,.oc-root .toc.is-shown .toc__book{pointer-events:auto}.oc-root .toc__book{height:3rem;margin:0;padding:0 1.1rem 0 .95rem;box-shadow:0 16px 32px -18px #0009;font-size:.9375rem;pointer-events:none}.oc-root .toc__book span,.oc-root .toc.is-open .toc__book span{max-width:none;margin-left:.5rem;opacity:1}.oc-root .toc.is-open .toc__book{padding-right:1.1rem}.oc-root .toc[data-tone=accent] .toc__book{background:var(--accent);color:#fcfcfc}.oc-root .toc__pill{display:flex;align-items:center;gap:.65rem;height:3rem;padding:0 1rem 0 .75rem;border:0;border-radius:99px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--edge),0 16px 32px -18px #0009;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent}.oc-root .toc__ring{width:1.35rem;height:1.35rem;rotate:-90deg;fill:none;stroke-width:2.6}.oc-root .toc__ring circle:first-child{stroke:var(--track)}.oc-root .toc__ring-fill{stroke:var(--accent);stroke-linecap:round}.oc-root .toc__now{font:500 .9375rem/1 var(--font-display);white-space:nowrap}.oc-root .toc__now.is-swap{animation:oc-swap .45s var(--ease)}.oc-root .toc__chev{width:.75rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.6;transition:rotate .4s var(--ease)}.oc-root .toc.is-open .toc__chev{rotate:180deg}.oc-root .toc__body{position:absolute;left:50%;bottom:calc(100% + .6rem);width:min(19rem,calc(100vw - 2rem));padding:.6rem 1rem;max-height:calc(100svh - 5.5rem - env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgb(252 252 252 / .25) transparent;border-radius:.9rem;background:var(--panel);box-shadow:inset 0 0 0 1px var(--edge),0 20px 40px -24px #0009;translate:-50% .75rem;scale:.96;transform-origin:50% 100%;opacity:0;visibility:hidden;transition:opacity .25s,translate .5s var(--ease),scale .5s var(--ease),visibility 0s .5s}.oc-root .toc.is-open .toc__body{translate:-50% 0;scale:1;opacity:1;visibility:visible;transition-delay:0s}.oc-root .toc__body:before,.oc-root .toc__head,.oc-root .toc__flag,.oc-root .toc__scrub{display:none}.oc-root .toc__list a{grid-template-columns:3px minmax(0,1fr);height:clamp(2.25rem,6.5svh,2.7rem)}.oc-root .toc__label{opacity:1;translate:0 0}.oc-root .toc__label{font-size:1rem}}@media (max-width: 1000px) and (max-height: 32rem),(hover: none) and (max-height: 32rem){.oc-root .toc__body{width:min(30rem,calc(100vw - 2rem))}.oc-root .toc__list{grid-template-rows:repeat(4,auto);grid-auto-flow:column;column-gap:1.5rem}}@keyframes oc-swap{0%{opacity:0;translate:0 .5rem}}@media (max-width: 640px){.oc-root .press__logos+.press__label{padding-left:0;border-left:0}.oc-root .fan__left{left:-1%}.oc-root .fan__right{right:-1%}.oc-root .fan .fan__front{left:21%}.oc-root .fan .phone__views{top:.6rem;left:.6rem;padding:.32rem .5rem;font-size:.625rem}.oc-root .fan .fan__right .phone__views{left:auto;right:.45rem}.oc-root .oc-hero .actions{width:100%}.oc-root .oc-hero .btn{flex:1 1 auto;justify-content:center}.oc-root .cta__act{align-items:stretch}.oc-root .cta__act .btn{justify-content:center}.oc-root .cta__phone{align-self:flex-start}.oc-root .choice__line+.choice__line{text-align:left;padding-left:1.25rem}.oc-root .loop__note{position:static;display:block;max-width:none;margin-bottom:3rem}.oc-root .loop__note svg{display:none}.oc-root .loop__art{display:flex;flex-direction:column}.oc-root .loop__count{position:static;align-self:flex-end;margin-top:2.75rem}.oc-root .loop__note{order:-1}.oc-root .lt__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.oc-root .lt__stat:first-child{grid-column:1 / -1}.oc-root .lt__stat+.lt__stat{box-shadow:inset 0 1px 0 var(--hairline)}.oc-root .lt__stat:last-child{box-shadow:inset 0 1px 0 var(--hairline),inset 1px 0 0 var(--hairline)}.oc-root .case__note{display:none}}@media (max-width: 359px){.oc-root .toc__book{padding:0 .95rem}.oc-root .toc__book span,.oc-root .toc.is-open .toc__book span{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip:rect(0 0 0 0)}}@media (max-width: 480px){.oc-root .stats dt{letter-spacing:.06em}}@media (prefers-reduced-motion: reduce){.oc-root .logos__track{animation:none}.oc-root .strike{transition:none;background-size:100% .07em}.oc-js .oc-root .rv{opacity:1;transform:none;transition:none}.oc-root .step,.oc-root .step *,.oc-root .toc,.oc-root .toc *{transition:none!important;animation:none!important}.oc-root .coffee__steam path{animation:none;opacity:.7}.oc-root .coffee__cup svg{animation:none!important}.oc-root .pain{transition:none}.oc-root .cta__up>span,.oc-root .cta__up:after{transition:none!important}.oc-root .cases__tab,.oc-root .cases__tab *,.oc-root .cases__panel{transition:none!important;animation:none!important}.oc-root .vn,.oc-root .vx__stack,.oc-root .vx__screen{transition:none}}html[data-oc-nav=light] .nav_wrap .nav_logo_wrap,html[data-oc-nav=light] .nav_wrap .btn-animate-chars:not(:has(.cta)){color:#131313}html[data-oc-nav=light] .nav_wrap .btn-animate-chars__bg:not(.cta){background-color:#1313130f}.oc-root .sty-volumen .a1l-u{transform:rotate(6.62deg)}@keyframes oc-sty-volumen-a1l-u{0%{transform:rotate(6.62deg);animation-timing-function:linear}5.18%{transform:rotate(6.62deg);animation-timing-function:cubic-bezier(.45,0,.25,1)}7.18%{transform:rotate(184.19deg);animation-timing-function:linear}8.12%{transform:rotate(184.19deg);animation-timing-function:cubic-bezier(.45,0,.25,1)}10.31%{transform:rotate(6.62deg);animation-timing-function:linear}to{transform:rotate(6.62deg)}}.oc-root .step.is-on .sty-volumen .a1l-u{animation:oc-sty-volumen-a1l-u 16.01s linear both}.oc-root .sty-volumen .a1l-l{transform:rotate(-7.82deg)}@keyframes oc-sty-volumen-a1l-l{0%{transform:rotate(-7.82deg);animation-timing-function:linear}5.18%{transform:rotate(-7.82deg);animation-timing-function:cubic-bezier(.45,0,.25,1)}7.18%{transform:rotate(11.47deg);animation-timing-function:linear}8.12%{transform:rotate(11.47deg);animation-timing-function:cubic-bezier(.45,0,.25,1)}10.31%{transform:rotate(-7.82deg);animation-timing-function:linear}to{transform:rotate(-7.82deg)}}.oc-root .step.is-on .sty-volumen .a1l-l{animation:oc-sty-volumen-a1l-l 16.01s linear both}.oc-root .sty-volumen .a1r-u{transform:rotate(-11.95deg)}@keyframes oc-sty-volumen-a1r-u{0%{transform:rotate(-11.95deg);animation-timing-function:linear}10.81%{transform:rotate(-11.95deg);animation-timing-function:cubic-bezier(.45,0,.25,1)}12.8%{transform:rotate(-89.5deg);animation-timing-function:linear}13.74%{transform:rotate(-89.5deg);animation-timing-function:cubic-bezier(.45,0,.25,1)}15.93%{transform:rotate(-11.95deg);animation-timing-function:linear}18.61%{transform:rotate(-11.95deg);animation-timing-function:cubic-bezier(.45,0,.25,1)}20.61%{transform:rotate(-56.21deg);animation-timing-function:ease-in-out}21.42%{transform:rotate(-91.77deg);animation-timing-function:ease-in-out}22.24%{transform:rotate(-127.88deg);animation-timing-function:ease-in-out}23.05%{transform:rotate(-178.74deg);animation-timing-function:ease-in-out}23.86%{transform:rotate(-214.99deg);animation-timing-function:ease-in-out}24.67%{transform:rotate(-97.79deg);animation-timing-function:ease-in-out}24.98%{transform:rotate(-97.79deg);animation-timing-function:cubic-bezier(.45,0,.25,1)}27.17%{transform:rotate(-11.95deg);animation-timing-function:linear}to{transform:rotate(-11.95deg)}}.oc-root .step.is-on .sty-volumen .a1r-u{animation:oc-sty-volumen-a1r-u 16.01s linear both}.oc-root .sty-volumen .a1r-l{transform:rotate(3.95deg)}@keyframes oc-sty-volumen-a1r-l{0%{transform:rotate(3.95deg);animation-timing-function:linear}10.81%{transform:rotate(3.95deg);animation-timing-function:cubic-bezier(.45,0,.25,1)}12.8%{transform:rotate(-99.92deg);animation-timing-function:linear}13.74%{transform:rotate(-99.92deg);animation-timing-function:cubic-bezier(.45,0,.25,1)}15.93%{transform:rotate(3.95deg);animation-timing-function:linear}18.61%{transform:rotate(3.95deg);animation-timing-function:cubic-bezier(.45,0,.25,1)}20.61%{transform:rotate(-135.6deg);animation-timing-function:ease-in-out}21.42%{transform:rotate(-11.5deg);animation-timing-function:ease-in-out}22.24%{transform:rotate(-11.5deg);animation-timing-function:ease-in-out}23.05%{transform:rotate(-11.5deg);animation-timing-function:ease-in-out}23.86%{transform:rotate(11.5deg);animation-timing-function:ease-in-out}24.67%{transform:rotate(-147.24deg);animation-timing-function:ease-in-out}24.98%{transform:rotate(-147.24deg);animation-timing-function:cubic-bezier(.45,0,.25,1)}27.17%{transform:rotate(3.95deg);animation-timing-function:linear}to{transform:rotate(3.95deg)}}.oc-root .step.is-on .sty-volumen .a1r-l{animation:oc-sty-volumen-a1r-l 16.01s linear both}.oc-root .sty-volumen .b1l-u{transform:rotate(6.62deg)}@keyframes oc-sty-volumen-b1l-u{0%{transform:rotate(6.62deg);animation-timing-function:linear}8%{transform:rotate(6.62deg);animation-timing-function:cubic-bezier(.45,0,.25,1)}9.99%{transform:rotate(184.04deg);animation-timing-function:linear}10.93%{transform:rotate(184.04deg);animation-timing-function:cubic-bezier(.45,0,.25,1)}13.12%{transform:rotate(6.62deg);animation-timing-function:linear}to{transform:rotate(6.62deg)}}.oc-root .step.is-on .sty-volumen .b1l-u{animation:oc-sty-volumen-b1l-u 16.01s linear both}.oc-root .sty-volumen .b1l-l{transform:rotate(-7.82deg)}@keyframes oc-sty-volumen-b1l-l{0%{transform:rotate(-7.82deg);animation-timing-function:linear}8%{transform:rotate(-7.82deg);animation-timing-function:cubic-bezier(.45,0,.25,1)}9.99%{transform:rotate(11.47deg);animation-timing-function:linear}10.93%{transform:rotate(11.47deg);animation-timing-function:cubic-bezier(.45,0,.25,1)}13.12%{transform:rotate(-7.82deg);animation-timing-function:linear}to{transform:rotate(-7.82deg)}}.oc-root .step.is-on .sty-volumen .b1l-l{animation:oc-sty-volumen-b1l-l 16.01s linear both}.oc-root .sty-volumen .b1r-u{transform:rotate(-11.95deg)}@keyframes oc-sty-volumen-b1r-u{0%{transform:rotate(-11.95deg);animation-timing-function:linear}13.62%{transform:rotate(-11.95deg);animation-timing-function:cubic-bezier(.45,0,.25,1)}15.62%{transform:rotate(-112.92deg);animation-timing-function:linear}16.36%{transform:rotate(-112.92deg);animation-timing-function:cubic-bezier(.45,0,.25,1)}18.43%{transform:rotate(-141.81deg);animation-timing-function:linear}19.36%{transform:rotate(-141.81deg);animation-timing-function:cubic-bezier(.45,0,.25,1)}21.55%{transform:rotate(-11.95deg);animation-timing-function:linear}to{transform:rotate(-11.95deg)}}.oc-root .step.is-on .sty-volumen .b1r-u{animation:oc-sty-volumen-b1r-u 16.01s linear both}.oc-root .sty-volumen .b1r-l{transform:rotate(3.95deg)}@keyframes oc-sty-volumen-b1r-l{0%{transform:rotate(3.95deg);animation-timing-function:linear}13.62%{transform:rotate(3.95deg);animation-timing-function:cubic-bezier(.45,0,.25,1)}15.62%{transform:rotate(-88.55deg);animation-timing-function:linear}16.36%{transform:rotate(-88.55deg);animation-timing-function:cubic-bezier(.45,0,.25,1)}18.43%{transform:rotate(-11.5deg);animation-timing-function:linear}19.36%{transform:rotate(-11.5deg);animation-timing-function:cubic-bezier(.45,0,.25,1)}21.55%{transform:rotate(3.95deg);animation-timing-function:linear}to{transform:rotate(3.95deg)}}.oc-root .step.is-on .sty-volumen .b1r-l{animation:oc-sty-volumen-b1r-l 16.01s linear both}.oc-root .sty-volumen .a2hl-u{transform:rotate(-4.95deg)}@keyframes oc-sty-volumen-a2hl-u{0%{transform:rotate(-4.95deg);animation-timing-function:linear}29.36%{transform:rotate(-4.95deg);animation-timing-function:ease-in-out}30.79%{transform:rotate(-14.95deg);animation-timing-function:ease-in-out}32.23%{transform:rotate(5.05deg);animation-timing-function:ease-in-out}33.67%{transform:rotate(-14.95deg);animation-timing-function:ease-in-out}35.1%{transform:rotate(5.05deg);animation-timing-function:ease-in-out}36.54%{transform:rotate(-14.95deg);animation-timing-function:ease-in-out}37.48%{transform:rotate(-4.95deg);animation-timing-function:linear}to{transform:rotate(-4.95deg)}}.oc-root .step.is-on .sty-volumen .a2hl-u{animation:oc-sty-volumen-a2hl-u 16.01s linear both}.oc-root .sty-volumen .a2hl-l{transform:rotate(5.87deg)}@keyframes oc-sty-volumen-a2hl-l{0%{transform:rotate(5.87deg);animation-timing-function:linear}29.36%{transform:rotate(5.87deg);animation-timing-function:ease-in-out}30.79%{transform:rotate(-.13deg);animation-timing-function:ease-in-out}32.23%{transform:rotate(11.87deg);animation-timing-function:ease-in-out}33.67%{transform:rotate(-.13deg);animation-timing-function:ease-in-out}35.1%{transform:rotate(11.87deg);animation-timing-function:ease-in-out}36.54%{transform:rotate(-.13deg);animation-timing-function:ease-in-out}37.48%{transform:rotate(5.87deg);animation-timing-function:linear}to{transform:rotate(5.87deg)}}.oc-root .step.is-on .sty-volumen .a2hl-l{animation:oc-sty-volumen-a2hl-l 16.01s linear both}.oc-root .sty-volumen .a2hr-u{transform:rotate(11.57deg)}@keyframes oc-sty-volumen-a2hr-u{0%{transform:rotate(11.57deg);animation-timing-function:linear}29.36%{transform:rotate(11.57deg);animation-timing-function:ease-in-out}30.79%{transform:rotate(21.57deg);animation-timing-function:ease-in-out}32.23%{transform:rotate(1.57deg);animation-timing-function:ease-in-out}33.67%{transform:rotate(21.57deg);animation-timing-function:ease-in-out}35.1%{transform:rotate(1.57deg);animation-timing-function:ease-in-out}36.54%{transform:rotate(21.57deg);animation-timing-function:ease-in-out}37.48%{transform:rotate(11.57deg);animation-timing-function:linear}to{transform:rotate(11.57deg)}}.oc-root .step.is-on .sty-volumen .a2hr-u{animation:oc-sty-volumen-a2hr-u 16.01s linear both}.oc-root .sty-volumen .a2hr-l{transform:rotate(-4.82deg)}@keyframes oc-sty-volumen-a2hr-l{0%{transform:rotate(-4.82deg);animation-timing-function:linear}29.36%{transform:rotate(-4.82deg);animation-timing-function:ease-in-out}30.79%{transform:rotate(1.18deg);animation-timing-function:ease-in-out}32.23%{transform:rotate(-10.82deg);animation-timing-function:ease-in-out}33.67%{transform:rotate(1.18deg);animation-timing-function:ease-in-out}35.1%{transform:rotate(-10.82deg);animation-timing-function:ease-in-out}36.54%{transform:rotate(1.18deg);animation-timing-function:ease-in-out}37.48%{transform:rotate(-4.82deg);animation-timing-function:linear}to{transform:rotate(-4.82deg)}}.oc-root .step.is-on .sty-volumen .a2hr-l{animation:oc-sty-volumen-a2hr-l 16.01s linear both}.oc-root .sty-volumen .hang-a{opacity:1}@keyframes oc-sty-volumen-hang-a{0%{opacity:1}36.1%{opacity:1;animation-timing-function:linear}36.85%{opacity:0;animation-timing-function:linear}to{opacity:0}}.oc-root .step.is-on .sty-volumen .hang-a{animation:oc-sty-volumen-hang-a 16.01s linear both}.oc-root .sty-volumen .tarm-a{opacity:0}@keyframes oc-sty-volumen-tarm-a{0%{opacity:0}36.1%{opacity:0;animation-timing-function:linear}36.85%{opacity:1;animation-timing-function:linear}to{opacity:1}}.oc-root .step.is-on .sty-volumen .tarm-a{animation:oc-sty-volumen-tarm-a 16.01s linear both}.oc-root .sty-volumen .b2hl-u{transform:rotate(-4.95deg)}@keyframes oc-sty-volumen-b2hl-u{0%{transform:rotate(-4.95deg);animation-timing-function:linear}29.36%{transform:rotate(-4.95deg);animation-timing-function:ease-in-out}30.79%{transform:rotate(-14.95deg);animation-timing-function:ease-in-out}32.23%{transform:rotate(5.05deg);animation-timing-function:ease-in-out}33.67%{transform:rotate(-14.95deg);animation-timing-function:ease-in-out}35.1%{transform:rotate(5.05deg);animation-timing-function:ease-in-out}36.54%{transform:rotate(-14.95deg);animation-timing-function:ease-in-out}37.48%{transform:rotate(-4.95deg);animation-timing-function:linear}to{transform:rotate(-4.95deg)}}.oc-root .step.is-on .sty-volumen .b2hl-u{animation:oc-sty-volumen-b2hl-u 16.01s linear both}.oc-root .sty-volumen .b2hl-l{transform:rotate(5.87deg)}@keyframes oc-sty-volumen-b2hl-l{0%{transform:rotate(5.87deg);animation-timing-function:linear}29.36%{transform:rotate(5.87deg);animation-timing-function:ease-in-out}30.79%{transform:rotate(-.13deg);animation-timing-function:ease-in-out}32.23%{transform:rotate(11.87deg);animation-timing-function:ease-in-out}33.67%{transform:rotate(-.13deg);animation-timing-function:ease-in-out}35.1%{transform:rotate(11.87deg);animation-timing-function:ease-in-out}36.54%{transform:rotate(-.13deg);animation-timing-function:ease-in-out}37.48%{transform:rotate(5.87deg);animation-timing-function:linear}to{transform:rotate(5.87deg)}}.oc-root .step.is-on .sty-volumen .b2hl-l{animation:oc-sty-volumen-b2hl-l 16.01s linear both}.oc-root .sty-volumen .b2hr-u{transform:rotate(11.57deg)}@keyframes oc-sty-volumen-b2hr-u{0%{transform:rotate(11.57deg);animation-timing-function:linear}29.36%{transform:rotate(11.57deg);animation-timing-function:ease-in-out}30.79%{transform:rotate(21.57deg);animation-timing-function:ease-in-out}32.23%{transform:rotate(1.57deg);animation-timing-function:ease-in-out}33.67%{transform:rotate(21.57deg);animation-timing-function:ease-in-out}35.1%{transform:rotate(1.57deg);animation-timing-function:ease-in-out}36.54%{transform:rotate(21.57deg);animation-timing-function:ease-in-out}37.48%{transform:rotate(11.57deg);animation-timing-function:linear}to{transform:rotate(11.57deg)}}.oc-root .step.is-on .sty-volumen .b2hr-u{animation:oc-sty-volumen-b2hr-u 16.01s linear both}.oc-root .sty-volumen .b2hr-l{transform:rotate(-4.82deg)}@keyframes oc-sty-volumen-b2hr-l{0%{transform:rotate(-4.82deg);animation-timing-function:linear}29.36%{transform:rotate(-4.82deg);animation-timing-function:ease-in-out}30.79%{transform:rotate(1.18deg);animation-timing-function:ease-in-out}32.23%{transform:rotate(-10.82deg);animation-timing-function:ease-in-out}33.67%{transform:rotate(1.18deg);animation-timing-function:ease-in-out}35.1%{transform:rotate(-10.82deg);animation-timing-function:ease-in-out}36.54%{transform:rotate(1.18deg);animation-timing-function:ease-in-out}37.48%{transform:rotate(-4.82deg);animation-timing-function:linear}to{transform:rotate(-4.82deg)}}.oc-root .step.is-on .sty-volumen .b2hr-l{animation:oc-sty-volumen-b2hr-l 16.01s linear both}.oc-root .sty-volumen .hang-b{opacity:1}@keyframes oc-sty-volumen-hang-b{0%{opacity:1}36.1%{opacity:1;animation-timing-function:linear}36.85%{opacity:0;animation-timing-function:linear}to{opacity:0}}.oc-root .step.is-on .sty-volumen .hang-b{animation:oc-sty-volumen-hang-b 16.01s linear both}.oc-root .sty-volumen .tarm-b{opacity:0}@keyframes oc-sty-volumen-tarm-b{0%{opacity:0}36.1%{opacity:0;animation-timing-function:linear}36.85%{opacity:1;animation-timing-function:linear}to{opacity:1}}.oc-root .step.is-on .sty-volumen .tarm-b{animation:oc-sty-volumen-tarm-b 16.01s linear both}.oc-root .sty-volumen .a2l-u{transform:rotate(5.99deg)}.oc-root .sty-volumen .a2l-l{transform:rotate(24.34deg)}.oc-root .sty-volumen .a2r-u{transform:rotate(22.25deg)}@keyframes oc-sty-volumen-a2r-u{0%{transform:rotate(22.25deg);animation-timing-function:linear}42.47%{transform:rotate(22.25deg);animation-timing-function:cubic-bezier(.45,0,.25,1)}44.03%{transform:rotate(-5.45deg);animation-timing-function:ease-in-out}44.85%{transform:rotate(-4.74deg);animation-timing-function:ease-in-out}45.6%{transform:rotate(-5.45deg);animation-timing-function:ease-in-out}46.35%{transform:rotate(-4.74deg);animation-timing-function:cubic-bezier(.45,0,.25,1)}48.41%{transform:rotate(22.25deg);animation-timing-function:linear}to{transform:rotate(22.25deg)}}.oc-root .step.is-on .sty-volumen .a2r-u{animation:oc-sty-volumen-a2r-u 16.01s linear both}.oc-root .sty-volumen .a2r-l{transform:rotate(-12.61deg)}@keyframes oc-sty-volumen-a2r-l{0%{transform:rotate(-12.61deg);animation-timing-function:linear}42.47%{transform:rotate(-12.61deg);animation-timing-function:cubic-bezier(.45,0,.25,1)}44.03%{transform:rotate(11.46deg);animation-timing-function:ease-in-out}44.85%{transform:rotate(11.46deg);animation-timing-function:ease-in-out}45.6%{transform:rotate(11.46deg);animation-timing-function:ease-in-out}46.35%{transform:rotate(11.46deg);animation-timing-function:cubic-bezier(.45,0,.25,1)}48.41%{transform:rotate(-12.61deg);animation-timing-function:linear}to{transform:rotate(-12.61deg)}}.oc-root .step.is-on .sty-volumen .a2r-l{animation:oc-sty-volumen-a2r-l 16.01s linear both}.oc-root .sty-volumen .b2l-u{transform:rotate(5.99deg)}.oc-root .sty-volumen .b2l-l{transform:rotate(24.06deg)}.oc-root .sty-volumen .b2r-u{transform:rotate(22.25deg)}@keyframes oc-sty-volumen-b2r-u{0%{transform:rotate(22.25deg);animation-timing-function:linear}38.41%{transform:rotate(22.25deg);animation-timing-function:cubic-bezier(.45,0,.25,1)}39.35%{transform:rotate(40.56deg);animation-timing-function:ease-in-out}40.91%{transform:rotate(27.63deg);animation-timing-function:ease-in-out}42.47%{transform:rotate(19.47deg);animation-timing-function:ease-in-out}44.03%{transform:rotate(12.74deg);animation-timing-function:ease-in-out}45.91%{transform:rotate(-2.83deg);animation-timing-function:ease-in-out}48.09%{transform:rotate(22.25deg);animation-timing-function:linear}to{transform:rotate(22.25deg)}}.oc-root .step.is-on .sty-volumen .b2r-u{animation:oc-sty-volumen-b2r-u 16.01s linear both}.oc-root .sty-volumen .b2r-l{transform:rotate(-7.72deg)}@keyframes oc-sty-volumen-b2r-l{0%{transform:rotate(-7.72deg);animation-timing-function:linear}38.41%{transform:rotate(-7.72deg);animation-timing-function:cubic-bezier(.45,0,.25,1)}39.35%{transform:rotate(11.53deg);animation-timing-function:ease-in-out}40.91%{transform:rotate(11.53deg);animation-timing-function:ease-in-out}42.47%{transform:rotate(11.53deg);animation-timing-function:ease-in-out}44.03%{transform:rotate(11.53deg);animation-timing-function:ease-in-out}45.91%{transform:rotate(11.53deg);animation-timing-function:ease-in-out}48.09%{transform:rotate(-7.72deg);animation-timing-function:linear}to{transform:rotate(-7.72deg)}}.oc-root .step.is-on .sty-volumen .b2r-l{animation:oc-sty-volumen-b2r-l 16.01s linear both}.oc-root .sty-volumen .cl-u{transform:rotate(-40.8deg)}.oc-root .sty-volumen .cl-l{transform:rotate(-49.46deg)}@keyframes oc-sty-volumen-cl-l{0%{transform:rotate(-49.46deg);animation-timing-function:linear}51.84%{transform:rotate(-56.46deg);animation-timing-function:ease-in-out}52.47%{transform:rotate(-49.46deg);animation-timing-function:ease-in-out}53.09%{transform:rotate(-56.46deg);animation-timing-function:ease-in-out}53.72%{transform:rotate(-49.46deg);animation-timing-function:ease-in-out}54.34%{transform:rotate(-56.46deg);animation-timing-function:ease-in-out}54.97%{transform:rotate(-49.46deg);animation-timing-function:ease-in-out}55.59%{transform:rotate(-56.46deg);animation-timing-function:ease-in-out}56.21%{transform:rotate(-49.46deg);animation-timing-function:ease-in-out}56.84%{transform:rotate(-56.46deg);animation-timing-function:ease-in-out}57.46%{transform:rotate(-49.46deg);animation-timing-function:ease-in-out}58.09%{transform:rotate(-56.46deg);animation-timing-function:ease-in-out}58.71%{transform:rotate(-49.46deg);animation-timing-function:ease-in-out}59.34%{transform:rotate(-56.46deg);animation-timing-function:ease-in-out}59.96%{transform:rotate(-49.46deg);animation-timing-function:ease-in-out}60.59%{transform:rotate(-56.46deg);animation-timing-function:ease-in-out}61.21%{transform:rotate(-49.46deg);animation-timing-function:ease-in-out}61.84%{transform:rotate(-56.46deg);animation-timing-function:ease-in-out}62.46%{transform:rotate(-49.46deg);animation-timing-function:ease-in-out}63.09%{transform:rotate(-56.46deg);animation-timing-function:ease-in-out}63.71%{transform:rotate(-49.46deg);animation-timing-function:ease-in-out}64.33%{transform:rotate(-56.46deg);animation-timing-function:ease-in-out}64.96%{transform:rotate(-49.46deg);animation-timing-function:ease-in-out}65.58%{transform:rotate(-56.46deg);animation-timing-function:ease-in-out}66.21%{transform:rotate(-49.46deg);animation-timing-function:ease-in-out}66.83%{transform:rotate(-56.46deg);animation-timing-function:ease-in-out}67.46%{transform:rotate(-49.46deg);animation-timing-function:ease-in-out}68.08%{transform:rotate(-56.46deg);animation-timing-function:ease-in-out}68.71%{transform:rotate(-49.46deg);animation-timing-function:ease-in-out}69.33%{transform:rotate(-56.46deg);animation-timing-function:ease-in-out}69.96%{transform:rotate(-49.46deg);animation-timing-function:ease-in-out}70.58%{transform:rotate(-56.46deg);animation-timing-function:ease-in-out}71.21%{transform:rotate(-49.46deg);animation-timing-function:ease-in-out}71.83%{transform:rotate(-56.46deg);animation-timing-function:ease-in-out}72.45%{transform:rotate(-49.46deg);animation-timing-function:ease-in-out}73.08%{transform:rotate(-56.46deg);animation-timing-function:ease-in-out}73.7%{transform:rotate(-49.46deg);animation-timing-function:ease-in-out}74.33%{transform:rotate(-56.46deg);animation-timing-function:ease-in-out}74.95%{transform:rotate(-49.46deg);animation-timing-function:ease-in-out}75.58%{transform:rotate(-56.46deg);animation-timing-function:ease-in-out}76.2%{transform:rotate(-49.46deg);animation-timing-function:ease-in-out}76.83%{transform:rotate(-56.46deg);animation-timing-function:ease-in-out}77.45%{transform:rotate(-49.46deg);animation-timing-function:ease-in-out}78.08%{transform:rotate(-56.46deg);animation-timing-function:ease-in-out}78.7%{transform:rotate(-49.46deg);animation-timing-function:ease-in-out}79.33%{transform:rotate(-56.46deg);animation-timing-function:ease-in-out}79.95%{transform:rotate(-49.46deg);animation-timing-function:ease-in-out}80.57%{transform:rotate(-56.46deg);animation-timing-function:ease-in-out}81.2%{transform:rotate(-49.46deg);animation-timing-function:ease-in-out}81.82%{transform:rotate(-56.46deg);animation-timing-function:ease-in-out}82.45%{transform:rotate(-49.46deg);animation-timing-function:ease-in-out}83.07%{transform:rotate(-56.46deg);animation-timing-function:ease-in-out}83.7%{transform:rotate(-49.46deg);animation-timing-function:ease-in-out}84.32%{transform:rotate(-56.46deg);animation-timing-function:ease-in-out}84.95%{transform:rotate(-49.46deg);animation-timing-function:ease-in-out}85.57%{transform:rotate(-56.46deg);animation-timing-function:ease-in-out}86.2%{transform:rotate(-49.46deg);animation-timing-function:linear}to{transform:rotate(-49.46deg)}}.oc-root .step.is-on .sty-volumen .cl-l{animation:oc-sty-volumen-cl-l 16.01s linear both}.oc-root .sty-volumen .cr-u{transform:rotate(-54.15deg)}.oc-root .sty-volumen .cr-l{transform:rotate(-108.19deg)}@keyframes oc-sty-volumen-cr-l{0%{transform:rotate(-108.19deg);animation-timing-function:linear}52.4%{transform:rotate(-101.19deg);animation-timing-function:ease-in-out}53.03%{transform:rotate(-108.19deg);animation-timing-function:ease-in-out}53.65%{transform:rotate(-101.19deg);animation-timing-function:ease-in-out}54.28%{transform:rotate(-108.19deg);animation-timing-function:ease-in-out}54.9%{transform:rotate(-101.19deg);animation-timing-function:ease-in-out}55.53%{transform:rotate(-108.19deg);animation-timing-function:ease-in-out}56.15%{transform:rotate(-101.19deg);animation-timing-function:ease-in-out}56.78%{transform:rotate(-108.19deg);animation-timing-function:ease-in-out}57.4%{transform:rotate(-101.19deg);animation-timing-function:ease-in-out}58.03%{transform:rotate(-108.19deg);animation-timing-function:ease-in-out}58.65%{transform:rotate(-101.19deg);animation-timing-function:ease-in-out}59.28%{transform:rotate(-108.19deg);animation-timing-function:ease-in-out}59.9%{transform:rotate(-101.19deg);animation-timing-function:ease-in-out}60.52%{transform:rotate(-108.19deg);animation-timing-function:ease-in-out}61.15%{transform:rotate(-101.19deg);animation-timing-function:ease-in-out}61.77%{transform:rotate(-108.19deg);animation-timing-function:ease-in-out}62.4%{transform:rotate(-101.19deg);animation-timing-function:ease-in-out}63.02%{transform:rotate(-108.19deg);animation-timing-function:ease-in-out}63.65%{transform:rotate(-101.19deg);animation-timing-function:ease-in-out}64.27%{transform:rotate(-108.19deg);animation-timing-function:ease-in-out}64.9%{transform:rotate(-101.19deg);animation-timing-function:ease-in-out}65.52%{transform:rotate(-108.19deg);animation-timing-function:ease-in-out}66.15%{transform:rotate(-101.19deg);animation-timing-function:ease-in-out}66.77%{transform:rotate(-108.19deg);animation-timing-function:ease-in-out}67.4%{transform:rotate(-101.19deg);animation-timing-function:ease-in-out}68.02%{transform:rotate(-108.19deg);animation-timing-function:ease-in-out}68.64%{transform:rotate(-101.19deg);animation-timing-function:ease-in-out}69.27%{transform:rotate(-108.19deg);animation-timing-function:ease-in-out}69.89%{transform:rotate(-101.19deg);animation-timing-function:ease-in-out}70.52%{transform:rotate(-108.19deg);animation-timing-function:ease-in-out}71.14%{transform:rotate(-101.19deg);animation-timing-function:ease-in-out}71.77%{transform:rotate(-108.19deg);animation-timing-function:ease-in-out}72.39%{transform:rotate(-101.19deg);animation-timing-function:ease-in-out}73.02%{transform:rotate(-108.19deg);animation-timing-function:ease-in-out}73.64%{transform:rotate(-101.19deg);animation-timing-function:ease-in-out}74.27%{transform:rotate(-108.19deg);animation-timing-function:ease-in-out}74.89%{transform:rotate(-101.19deg);animation-timing-function:ease-in-out}75.52%{transform:rotate(-108.19deg);animation-timing-function:ease-in-out}76.14%{transform:rotate(-101.19deg);animation-timing-function:ease-in-out}76.76%{transform:rotate(-108.19deg);animation-timing-function:ease-in-out}77.39%{transform:rotate(-101.19deg);animation-timing-function:ease-in-out}78.01%{transform:rotate(-108.19deg);animation-timing-function:ease-in-out}78.64%{transform:rotate(-101.19deg);animation-timing-function:ease-in-out}79.26%{transform:rotate(-108.19deg);animation-timing-function:ease-in-out}79.89%{transform:rotate(-101.19deg);animation-timing-function:ease-in-out}80.51%{transform:rotate(-108.19deg);animation-timing-function:ease-in-out}81.14%{transform:rotate(-101.19deg);animation-timing-function:ease-in-out}81.76%{transform:rotate(-108.19deg);animation-timing-function:ease-in-out}82.39%{transform:rotate(-101.19deg);animation-timing-function:ease-in-out}83.01%{transform:rotate(-108.19deg);animation-timing-function:ease-in-out}83.64%{transform:rotate(-101.19deg);animation-timing-function:ease-in-out}84.26%{transform:rotate(-108.19deg);animation-timing-function:ease-in-out}84.88%{transform:rotate(-101.19deg);animation-timing-function:ease-in-out}85.51%{transform:rotate(-108.19deg);animation-timing-function:ease-in-out}86.13%{transform:rotate(-108.19deg);animation-timing-function:linear}to{transform:rotate(-108.19deg)}}.oc-root .step.is-on .sty-volumen .cr-l{animation:oc-sty-volumen-cr-l 16.01s linear both}.oc-root .sty-volumen .walk-a{transform:translate(0)}@keyframes oc-sty-volumen-walk-a{0%{transform:translate(0)}29.36%{transform:translate(0);animation-timing-function:cubic-bezier(.4,0,.3,1)}36.54%{transform:translate(2.45px,15.84px);animation-timing-function:linear}to{transform:translate(2.45px,15.84px)}}.oc-root .step.is-on .sty-volumen .walk-a{animation:oc-sty-volumen-walk-a 16.01s linear both}.oc-root .sty-volumen .bob-a{transform:translateY(0)}@keyframes oc-sty-volumen-bob-a{0%{transform:translateY(0)}29.36%{transform:translateY(0);animation-timing-function:ease-out}30.07%{transform:translateY(-.5px);animation-timing-function:ease-in}30.79%{transform:translateY(0);animation-timing-function:ease-out}31.51%{transform:translateY(-.5px);animation-timing-function:ease-in}32.23%{transform:translateY(0);animation-timing-function:ease-out}32.95%{transform:translateY(-.5px);animation-timing-function:ease-in}33.67%{transform:translateY(0);animation-timing-function:ease-out}34.38%{transform:translateY(-.5px);animation-timing-function:ease-in}35.1%{transform:translateY(0);animation-timing-function:ease-out}35.82%{transform:translateY(-.5px);animation-timing-function:ease-in}36.54%{transform:translateY(0);animation-timing-function:ease-out}to{transform:translateY(0)}}.oc-root .step.is-on .sty-volumen .bob-a{animation:oc-sty-volumen-bob-a 16.01s linear both}.oc-root .sty-volumen .back-a{opacity:1}@keyframes oc-sty-volumen-back-a{0%{opacity:1}29.04%{opacity:1;animation-timing-function:linear}29.11%{opacity:0;animation-timing-function:linear}to{opacity:0}}.oc-root .step.is-on .sty-volumen .back-a{animation:oc-sty-volumen-back-a 16.01s linear both}.oc-root .sty-volumen .front-a{opacity:0}@keyframes oc-sty-volumen-front-a{0%{opacity:0}29.04%{opacity:0;animation-timing-function:linear}29.11%{opacity:1;animation-timing-function:linear}to{opacity:1}}.oc-root .step.is-on .sty-volumen .front-a{animation:oc-sty-volumen-front-a 16.01s linear both}.oc-root .sty-volumen .walk-b{transform:translate(0)}@keyframes oc-sty-volumen-walk-b{0%{transform:translate(0)}29.36%{transform:translate(0);animation-timing-function:cubic-bezier(.4,0,.3,1)}36.54%{transform:translate(-.2px,14.73px);animation-timing-function:linear}to{transform:translate(-.2px,14.73px)}}.oc-root .step.is-on .sty-volumen .walk-b{animation:oc-sty-volumen-walk-b 16.01s linear both}.oc-root .sty-volumen .bob-b{transform:translateY(0)}@keyframes oc-sty-volumen-bob-b{0%{transform:translateY(0)}29.36%{transform:translateY(0);animation-timing-function:ease-out}30.07%{transform:translateY(-.5px);animation-timing-function:ease-in}30.79%{transform:translateY(0);animation-timing-function:ease-out}31.51%{transform:translateY(-.5px);animation-timing-function:ease-in}32.23%{transform:translateY(0);animation-timing-function:ease-out}32.95%{transform:translateY(-.5px);animation-timing-function:ease-in}33.67%{transform:translateY(0);animation-timing-function:ease-out}34.38%{transform:translateY(-.5px);animation-timing-function:ease-in}35.1%{transform:translateY(0);animation-timing-function:ease-out}35.82%{transform:translateY(-.5px);animation-timing-function:ease-in}36.54%{transform:translateY(0);animation-timing-function:ease-out}to{transform:translateY(0)}}.oc-root .step.is-on .sty-volumen .bob-b{animation:oc-sty-volumen-bob-b 16.01s linear both}.oc-root .sty-volumen .back-b{opacity:1}@keyframes oc-sty-volumen-back-b{0%{opacity:1}29.04%{opacity:1;animation-timing-function:linear}29.11%{opacity:0;animation-timing-function:linear}to{opacity:0}}.oc-root .step.is-on .sty-volumen .back-b{animation:oc-sty-volumen-back-b 16.01s linear both}.oc-root .sty-volumen .front-b{opacity:0}@keyframes oc-sty-volumen-front-b{0%{opacity:0}29.04%{opacity:0;animation-timing-function:linear}29.11%{opacity:1;animation-timing-function:linear}to{opacity:1}}.oc-root .step.is-on .sty-volumen .front-b{animation:oc-sty-volumen-front-b 16.01s linear both}.oc-root .sty-volumen .scr-1{opacity:0}@keyframes oc-sty-volumen-scr-1{0%{opacity:0}54.34%{opacity:0;animation-timing-function:linear}55.09%{opacity:1;animation-timing-function:linear}to{opacity:1}}.oc-root .step.is-on .sty-volumen .scr-1{animation:oc-sty-volumen-scr-1 16.01s linear both}.oc-root .sty-volumen .scr-2{opacity:0}@keyframes oc-sty-volumen-scr-2{0%{opacity:0}55.09%{opacity:0;animation-timing-function:linear}55.84%{opacity:1;animation-timing-function:linear}to{opacity:1}}.oc-root .step.is-on .sty-volumen .scr-2{animation:oc-sty-volumen-scr-2 16.01s linear both}.oc-root .sty-volumen .scr-3{opacity:0}@keyframes oc-sty-volumen-scr-3{0%{opacity:0}55.84%{opacity:0;animation-timing-function:linear}56.59%{opacity:1;animation-timing-function:linear}to{opacity:1}}.oc-root .step.is-on .sty-volumen .scr-3{animation:oc-sty-volumen-scr-3 16.01s linear both}.oc-root .sty-volumen .scr-4{opacity:0}@keyframes oc-sty-volumen-scr-4{0%{opacity:0}56.46%{opacity:0;animation-timing-function:linear}57.21%{opacity:1;animation-timing-function:linear}to{opacity:1}}.oc-root .step.is-on .sty-volumen .scr-4{animation:oc-sty-volumen-scr-4 16.01s linear both}.oc-root .sty-volumen .scr-5{opacity:0}@keyframes oc-sty-volumen-scr-5{0%{opacity:0}57.09%{opacity:0;animation-timing-function:linear}57.84%{opacity:1;animation-timing-function:linear}to{opacity:1}}.oc-root .step.is-on .sty-volumen .scr-5{animation:oc-sty-volumen-scr-5 16.01s linear both}.oc-root .sty-volumen .note-1{opacity:0;transform:scale(1.6)}@keyframes oc-sty-volumen-note-1{0%{opacity:0;transform:scale(1.6)}6.81%{opacity:0;transform:scale(1.6);animation-timing-function:linear}7.18%{opacity:1;transform:scale(1.6);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}9.81%{opacity:1;transform:scale(1);animation-timing-function:linear}to{opacity:1;transform:scale(1)}}.oc-root .step.is-on .sty-volumen .note-1{animation:oc-sty-volumen-note-1 16.01s linear both}.oc-root .sty-volumen .note-2{opacity:0;transform:scale(1.6)}@keyframes oc-sty-volumen-note-2{0%{opacity:0;transform:scale(1.6)}9.62%{opacity:0;transform:scale(1.6);animation-timing-function:linear}9.99%{opacity:1;transform:scale(1.6);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}12.62%{opacity:1;transform:scale(1);animation-timing-function:linear}to{opacity:1;transform:scale(1)}}.oc-root .step.is-on .sty-volumen .note-2{animation:oc-sty-volumen-note-2 16.01s linear both}.oc-root .sty-volumen .note-3{opacity:0;transform:scale(1.6)}@keyframes oc-sty-volumen-note-3{0%{opacity:0;transform:scale(1.6)}12.43%{opacity:0;transform:scale(1.6);animation-timing-function:linear}12.8%{opacity:1;transform:scale(1.6);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}15.43%{opacity:1;transform:scale(1);animation-timing-function:linear}to{opacity:1;transform:scale(1)}}.oc-root .step.is-on .sty-volumen .note-3{animation:oc-sty-volumen-note-3 16.01s linear both}.oc-root .sty-volumen .note-4{opacity:0;transform:scale(1.6)}@keyframes oc-sty-volumen-note-4{0%{opacity:0;transform:scale(1.6)}15.24%{opacity:0;transform:scale(1.6);animation-timing-function:linear}15.62%{opacity:1;transform:scale(1.6);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}18.24%{opacity:1;transform:scale(1);animation-timing-function:linear}to{opacity:1;transform:scale(1)}}.oc-root .step.is-on .sty-volumen .note-4{animation:oc-sty-volumen-note-4 16.01s linear both}.oc-root .sty-volumen .note-5{opacity:0;transform:scale(1.6)}@keyframes oc-sty-volumen-note-5{0%{opacity:0;transform:scale(1.6)}18.05%{opacity:0;transform:scale(1.6);animation-timing-function:linear}18.43%{opacity:1;transform:scale(1.6);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}21.05%{opacity:1;transform:scale(1);animation-timing-function:linear}to{opacity:1;transform:scale(1)}}.oc-root .step.is-on .sty-volumen .note-5{animation:oc-sty-volumen-note-5 16.01s linear both}.oc-root .sty-volumen .note-loop{stroke-dashoffset:100;opacity:0}@keyframes oc-sty-volumen-note-loop{0%{stroke-dashoffset:100;opacity:0}20.61%{stroke-dashoffset:100;opacity:0;animation-timing-function:linear}20.67%{stroke-dashoffset:100;opacity:1;animation-timing-function:cubic-bezier(.5,0,.3,1)}24.67%{stroke-dashoffset:0;opacity:1;animation-timing-function:linear}to{stroke-dashoffset:0;opacity:1}}.oc-root .step.is-on .sty-volumen .note-loop{animation:oc-sty-volumen-note-loop 16.01s linear both}.oc-root .sty-volumen .bar-1{transform:scaleX(0)}@keyframes oc-sty-volumen-bar-1{0%{transform:scaleX(0)}39.35%{transform:scaleX(0);animation-timing-function:cubic-bezier(.16,1,.3,1)}42.47%{transform:scaleX(1);animation-timing-function:linear}to{transform:scaleX(1)}}.oc-root .step.is-on .sty-volumen .bar-1{animation:oc-sty-volumen-bar-1 16.01s linear both}.oc-root .sty-volumen .bar-2{transform:scaleX(0)}@keyframes oc-sty-volumen-bar-2{0%{transform:scaleX(0)}41.22%{transform:scaleX(0);animation-timing-function:cubic-bezier(.16,1,.3,1)}44.35%{transform:scaleX(1);animation-timing-function:linear}to{transform:scaleX(1)}}.oc-root .step.is-on .sty-volumen .bar-2{animation:oc-sty-volumen-bar-2 16.01s linear both}.oc-root .sty-volumen .bar-3{transform:scaleX(0)}@keyframes oc-sty-volumen-bar-3{0%{transform:scaleX(0)}43.1%{transform:scaleX(0);animation-timing-function:cubic-bezier(.16,1,.3,1)}46.22%{transform:scaleX(1);animation-timing-function:linear}to{transform:scaleX(1)}}.oc-root .step.is-on .sty-volumen .bar-3{animation:oc-sty-volumen-bar-3 16.01s linear both}.oc-root .sty-volumen .bar-4{transform:scaleX(0)}@keyframes oc-sty-volumen-bar-4{0%{transform:scaleX(0)}44.97%{transform:scaleX(0);animation-timing-function:cubic-bezier(.16,1,.3,1)}48.09%{transform:scaleX(1);animation-timing-function:linear}to{transform:scaleX(1)}}.oc-root .step.is-on .sty-volumen .bar-4{animation:oc-sty-volumen-bar-4 16.01s linear both}.oc-root .sty-volumen .bar-5{transform:scaleX(0)}@keyframes oc-sty-volumen-bar-5{0%{transform:scaleX(0)}45.72%{transform:scaleX(0);animation-timing-function:cubic-bezier(.16,1,.3,1)}48.84%{transform:scaleX(1);animation-timing-function:linear}to{transform:scaleX(1)}}.oc-root .step.is-on .sty-volumen .bar-5{animation:oc-sty-volumen-bar-5 16.01s linear both}.oc-root .sty-volumen .bar-6{transform:scaleX(0)}@keyframes oc-sty-volumen-bar-6{0%{transform:scaleX(0)}46.47%{transform:scaleX(0);animation-timing-function:cubic-bezier(.16,1,.3,1)}49.59%{transform:scaleX(1);animation-timing-function:linear}to{transform:scaleX(1)}}.oc-root .step.is-on .sty-volumen .bar-6{animation:oc-sty-volumen-bar-6 16.01s linear both}.oc-root .sty-volumen .plan__cam{transform:translate(-13.8px,-1.91px) scale(1.1)}@keyframes oc-sty-volumen-plan__cam{0%{transform:translate(-13.8px,-1.91px) scale(1.1);animation-timing-function:linear}0.62%{transform:translate(-13.8px,-1.91px) scale(1.1);animation-timing-function:cubic-bezier(.45,0,.25,1)}5.62%{transform:translate(-46.29px,7.51px) scale(2);animation-timing-function:linear}28.73%{transform:translate(-46.29px,7.51px) scale(2);animation-timing-function:cubic-bezier(.45,0,.25,1)}35.6%{transform:translate(-25.66px,-34.44px) scale(1.6);animation-timing-function:linear}51.84%{transform:translate(-25.66px,-34.44px) scale(1.6);animation-timing-function:cubic-bezier(.45,0,.25,1)}56.21%{transform:translate(-67.95px,-41.89px) scale(2);animation-timing-function:linear}93.15%{transform:translate(-67.95px,-41.89px) scale(2);animation-timing-function:cubic-bezier(.45,0,.25,1)}98.14%{transform:translate(-13.8px,-1.91px) scale(1.1);animation-timing-function:linear}to{transform:translate(-13.8px,-1.91px) scale(1.1)}}.oc-root .step.is-on .sty-volumen .plan__cam{animation:oc-sty-volumen-plan__cam 16.01s linear both}.oc-root .sty-volumen .mail{opacity:0;transform:translateY(26cqi) scale(.2)}@keyframes oc-sty-volumen-mail{0%{opacity:0;transform:translateY(26cqi) scale(.2)}57.15%{opacity:0;transform:translateY(26cqi) scale(.2);animation-timing-function:linear}57.21%{opacity:1;transform:translateY(26cqi) scale(.2);animation-timing-function:cubic-bezier(.16,1,.3,1)}59.96%{opacity:1;transform:translate(0) scale(1);animation-timing-function:linear}93.46%{opacity:1;transform:translate(0) scale(1);animation-timing-function:ease-out}94.08%{opacity:1;transform:translate(-1cqi,1.5cqi) scale(.97);animation-timing-function:cubic-bezier(.55,0,.8,.3)}95.71%{opacity:1;transform:translate(40cqi,-52cqi) rotate(-16deg) scale(.3);animation-timing-function:linear}95.96%{opacity:0;transform:translate(40cqi,-52cqi) rotate(-16deg) scale(.3);animation-timing-function:linear}to{opacity:0;transform:translate(40cqi,-52cqi) rotate(-16deg) scale(.3)}}.oc-root .step.is-on .sty-volumen .mail{animation:oc-sty-volumen-mail 16.01s linear both}.oc-root .sty-volumen .mail-to{opacity:0;transform:scale(.8)}@keyframes oc-sty-volumen-mail-to{0%{opacity:0;transform:scale(.8)}61.77%{opacity:0;transform:scale(.8);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}63.15%{opacity:1;transform:scale(1);animation-timing-function:linear}to{opacity:1;transform:scale(1)}}.oc-root .step.is-on .sty-volumen .mail-to{animation:oc-sty-volumen-mail-to 16.01s linear both}.oc-root .sty-volumen .mail-f1{opacity:0;transform:scale(.6)}@keyframes oc-sty-volumen-mail-f1{0%{opacity:0;transform:scale(.6)}86.9%{opacity:0;transform:scale(.6);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}88.77%{opacity:1;transform:scale(1);animation-timing-function:linear}to{opacity:1;transform:scale(1)}}.oc-root .step.is-on .sty-volumen .mail-f1{animation:oc-sty-volumen-mail-f1 16.01s linear both}.oc-root .sty-volumen .mail-f2{opacity:0;transform:scale(.6)}@keyframes oc-sty-volumen-mail-f2{0%{opacity:0;transform:scale(.6)}87.65%{opacity:0;transform:scale(.6);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}89.52%{opacity:1;transform:scale(1);animation-timing-function:linear}to{opacity:1;transform:scale(1)}}.oc-root .step.is-on .sty-volumen .mail-f2{animation:oc-sty-volumen-mail-f2 16.01s linear both}.oc-root .sty-volumen .mail-send{transform:scale(1);background-color:var(--accent)}@keyframes oc-sty-volumen-mail-send{0%{transform:scale(1);background-color:var(--accent)}92.02%{transform:scale(1);background-color:var(--accent);animation-timing-function:ease-out}92.52%{transform:scale(.9);background-color:var(--accent-hover);animation-timing-function:ease-in}93.15%{transform:scale(1);background-color:var(--accent-hover);animation-timing-function:linear}to{transform:scale(1);background-color:var(--accent-hover)}}.oc-root .step.is-on .sty-volumen .mail-send{animation:oc-sty-volumen-mail-send 16.01s linear both}.oc-root .sty-volumen .mail-cursor{opacity:0;transform:translate(12cqi,8cqi)}@keyframes oc-sty-volumen-mail-cursor{0%{opacity:0;transform:translate(12cqi,8cqi)}89.4%{opacity:0;transform:translate(12cqi,8cqi);animation-timing-function:linear}89.52%{opacity:1;transform:translate(12cqi,8cqi);animation-timing-function:cubic-bezier(.45,0,.25,1)}91.77%{opacity:1;transform:translate(0);animation-timing-function:ease-in-out}92.4%{opacity:1;transform:translate(0) scale(.85);animation-timing-function:ease-in-out}93.02%{opacity:1;transform:translate(0) scale(1);animation-timing-function:linear}93.46%{opacity:0;transform:translate(0) scale(1);animation-timing-function:linear}to{opacity:0;transform:translate(0) scale(1)}}.oc-root .step.is-on .sty-volumen .mail-cursor{animation:oc-sty-volumen-mail-cursor 16.01s linear both}.oc-root .sty-volumen .mail-toast{opacity:0;transform:translateY(3cqi) scale(.9)}@keyframes oc-sty-volumen-mail-toast{0%{opacity:0;transform:translateY(3cqi) scale(.9)}96.27%{opacity:0;transform:translateY(3cqi) scale(.9);animation-timing-function:cubic-bezier(.34,1.56,.64,1)}98.77%{opacity:1;transform:translateY(0) scale(1);animation-timing-function:linear}to{opacity:1;transform:translateY(0) scale(1)}}.oc-root .step.is-on .sty-volumen .mail-toast{animation:oc-sty-volumen-mail-toast 16.01s linear both}@media (prefers-reduced-motion: reduce){.oc-root .step.is-on .sty-volumen .a1l-u{transform:rotate(6.62deg)!important}.oc-root .step.is-on .sty-volumen .a1l-l{transform:rotate(-7.82deg)!important}.oc-root .step.is-on .sty-volumen .a1r-u{transform:rotate(-11.95deg)!important}.oc-root .step.is-on .sty-volumen .a1r-l{transform:rotate(3.95deg)!important}.oc-root .step.is-on .sty-volumen .b1l-u{transform:rotate(6.62deg)!important}.oc-root .step.is-on .sty-volumen .b1l-l{transform:rotate(-7.82deg)!important}.oc-root .step.is-on .sty-volumen .b1r-u{transform:rotate(-11.95deg)!important}.oc-root .step.is-on .sty-volumen .b1r-l{transform:rotate(3.95deg)!important}.oc-root .step.is-on .sty-volumen .a2hl-u{transform:rotate(-4.95deg)!important}.oc-root .step.is-on .sty-volumen .a2hl-l{transform:rotate(5.87deg)!important}.oc-root .step.is-on .sty-volumen .a2hr-u{transform:rotate(11.57deg)!important}.oc-root .step.is-on .sty-volumen .a2hr-l{transform:rotate(-4.82deg)!important}.oc-root .step.is-on .sty-volumen .hang-a{opacity:0!important}.oc-root .step.is-on .sty-volumen .tarm-a{opacity:1!important}.oc-root .step.is-on .sty-volumen .b2hl-u{transform:rotate(-4.95deg)!important}.oc-root .step.is-on .sty-volumen .b2hl-l{transform:rotate(5.87deg)!important}.oc-root .step.is-on .sty-volumen .b2hr-u{transform:rotate(11.57deg)!important}.oc-root .step.is-on .sty-volumen .b2hr-l{transform:rotate(-4.82deg)!important}.oc-root .step.is-on .sty-volumen .hang-b{opacity:0!important}.oc-root .step.is-on .sty-volumen .tarm-b{opacity:1!important}.oc-root .step.is-on .sty-volumen .a2l-u{transform:rotate(5.99deg)!important}.oc-root .step.is-on .sty-volumen .a2l-l{transform:rotate(24.34deg)!important}.oc-root .step.is-on .sty-volumen .a2r-u{transform:rotate(22.25deg)!important}.oc-root .step.is-on .sty-volumen .a2r-l{transform:rotate(-12.61deg)!important}.oc-root .step.is-on .sty-volumen .b2l-u{transform:rotate(5.99deg)!important}.oc-root .step.is-on .sty-volumen .b2l-l{transform:rotate(24.06deg)!important}.oc-root .step.is-on .sty-volumen .b2r-u{transform:rotate(22.25deg)!important}.oc-root .step.is-on .sty-volumen .b2r-l{transform:rotate(-7.72deg)!important}.oc-root .step.is-on .sty-volumen .cl-u{transform:rotate(-40.8deg)!important}.oc-root .step.is-on .sty-volumen .cl-l{transform:rotate(-49.46deg)!important}.oc-root .step.is-on .sty-volumen .cr-u{transform:rotate(-54.15deg)!important}.oc-root .step.is-on .sty-volumen .cr-l{transform:rotate(-108.19deg)!important}.oc-root .step.is-on .sty-volumen .walk-a{transform:translate(2.45px,15.84px)!important}.oc-root .step.is-on .sty-volumen .bob-a{transform:translateY(0)!important}.oc-root .step.is-on .sty-volumen .back-a{opacity:0!important}.oc-root .step.is-on .sty-volumen .front-a{opacity:1!important}.oc-root .step.is-on .sty-volumen .walk-b{transform:translate(-.2px,14.73px)!important}.oc-root .step.is-on .sty-volumen .bob-b{transform:translateY(0)!important}.oc-root .step.is-on .sty-volumen .back-b{opacity:0!important}.oc-root .step.is-on .sty-volumen .front-b,.oc-root .step.is-on .sty-volumen .scr-1,.oc-root .step.is-on .sty-volumen .scr-2,.oc-root .step.is-on .sty-volumen .scr-3,.oc-root .step.is-on .sty-volumen .scr-4,.oc-root .step.is-on .sty-volumen .scr-5{opacity:1!important}.oc-root .step.is-on .sty-volumen .note-1,.oc-root .step.is-on .sty-volumen .note-2,.oc-root .step.is-on .sty-volumen .note-3,.oc-root .step.is-on .sty-volumen .note-4,.oc-root .step.is-on .sty-volumen .note-5{opacity:1!important;transform:scale(1)!important}.oc-root .step.is-on .sty-volumen .note-loop{stroke-dashoffset:0!important;opacity:1!important}.oc-root .step.is-on .sty-volumen .bar-1,.oc-root .step.is-on .sty-volumen .bar-2,.oc-root .step.is-on .sty-volumen .bar-3,.oc-root .step.is-on .sty-volumen .bar-4,.oc-root .step.is-on .sty-volumen .bar-5,.oc-root .step.is-on .sty-volumen .bar-6{transform:scaleX(1)!important}.oc-root .step.is-on .sty-volumen .plan__cam{transform:translate(-13.8px,-1.91px) scale(1.1)!important}.oc-root .step.is-on .sty-volumen .mail{opacity:0!important;transform:translate(40cqi,-52cqi) rotate(-16deg) scale(.3)!important}.oc-root .step.is-on .sty-volumen .mail-to,.oc-root .step.is-on .sty-volumen .mail-f1,.oc-root .step.is-on .sty-volumen .mail-f2{opacity:1!important;transform:scale(1)!important}.oc-root .step.is-on .sty-volumen .mail-send{transform:scale(1)!important;background-color:var(--accent-hover)!important}.oc-root .step.is-on .sty-volumen .mail-cursor{opacity:0!important;transform:translate(0) scale(1)!important}.oc-root .step.is-on .sty-volumen .mail-toast{opacity:1!important;transform:translateY(0) scale(1)!important}}.oc-root .step.is-end .sty-volumen .a1l-u{transform:rotate(6.62deg)!important}.oc-root .step.is-end .sty-volumen .a1l-l{transform:rotate(-7.82deg)!important}.oc-root .step.is-end .sty-volumen .a1r-u{transform:rotate(-11.95deg)!important}.oc-root .step.is-end .sty-volumen .a1r-l{transform:rotate(3.95deg)!important}.oc-root .step.is-end .sty-volumen .b1l-u{transform:rotate(6.62deg)!important}.oc-root .step.is-end .sty-volumen .b1l-l{transform:rotate(-7.82deg)!important}.oc-root .step.is-end .sty-volumen .b1r-u{transform:rotate(-11.95deg)!important}.oc-root .step.is-end .sty-volumen .b1r-l{transform:rotate(3.95deg)!important}.oc-root .step.is-end .sty-volumen .a2hl-u{transform:rotate(-4.95deg)!important}.oc-root .step.is-end .sty-volumen .a2hl-l{transform:rotate(5.87deg)!important}.oc-root .step.is-end .sty-volumen .a2hr-u{transform:rotate(11.57deg)!important}.oc-root .step.is-end .sty-volumen .a2hr-l{transform:rotate(-4.82deg)!important}.oc-root .step.is-end .sty-volumen .hang-a{opacity:0!important}.oc-root .step.is-end .sty-volumen .tarm-a{opacity:1!important}.oc-root .step.is-end .sty-volumen .b2hl-u{transform:rotate(-4.95deg)!important}.oc-root .step.is-end .sty-volumen .b2hl-l{transform:rotate(5.87deg)!important}.oc-root .step.is-end .sty-volumen .b2hr-u{transform:rotate(11.57deg)!important}.oc-root .step.is-end .sty-volumen .b2hr-l{transform:rotate(-4.82deg)!important}.oc-root .step.is-end .sty-volumen .hang-b{opacity:0!important}.oc-root .step.is-end .sty-volumen .tarm-b{opacity:1!important}.oc-root .step.is-end .sty-volumen .a2l-u{transform:rotate(5.99deg)!important}.oc-root .step.is-end .sty-volumen .a2l-l{transform:rotate(24.34deg)!important}.oc-root .step.is-end .sty-volumen .a2r-u{transform:rotate(22.25deg)!important}.oc-root .step.is-end .sty-volumen .a2r-l{transform:rotate(-12.61deg)!important}.oc-root .step.is-end .sty-volumen .b2l-u{transform:rotate(5.99deg)!important}.oc-root .step.is-end .sty-volumen .b2l-l{transform:rotate(24.06deg)!important}.oc-root .step.is-end .sty-volumen .b2r-u{transform:rotate(22.25deg)!important}.oc-root .step.is-end .sty-volumen .b2r-l{transform:rotate(-7.72deg)!important}.oc-root .step.is-end .sty-volumen .cl-u{transform:rotate(-40.8deg)!important}.oc-root .step.is-end .sty-volumen .cl-l{transform:rotate(-49.46deg)!important}.oc-root .step.is-end .sty-volumen .cr-u{transform:rotate(-54.15deg)!important}.oc-root .step.is-end .sty-volumen .cr-l{transform:rotate(-108.19deg)!important}.oc-root .step.is-end .sty-volumen .walk-a{transform:translate(2.45px,15.84px)!important}.oc-root .step.is-end .sty-volumen .bob-a{transform:translateY(0)!important}.oc-root .step.is-end .sty-volumen .back-a{opacity:0!important}.oc-root .step.is-end .sty-volumen .front-a{opacity:1!important}.oc-root .step.is-end .sty-volumen .walk-b{transform:translate(-.2px,14.73px)!important}.oc-root .step.is-end .sty-volumen .bob-b{transform:translateY(0)!important}.oc-root .step.is-end .sty-volumen .back-b{opacity:0!important}.oc-root .step.is-end .sty-volumen .front-b,.oc-root .step.is-end .sty-volumen .scr-1,.oc-root .step.is-end .sty-volumen .scr-2,.oc-root .step.is-end .sty-volumen .scr-3,.oc-root .step.is-end .sty-volumen .scr-4,.oc-root .step.is-end .sty-volumen .scr-5{opacity:1!important}.oc-root .step.is-end .sty-volumen .note-1,.oc-root .step.is-end .sty-volumen .note-2,.oc-root .step.is-end .sty-volumen .note-3,.oc-root .step.is-end .sty-volumen .note-4,.oc-root .step.is-end .sty-volumen .note-5{opacity:1!important;transform:scale(1)!important}.oc-root .step.is-end .sty-volumen .note-loop{stroke-dashoffset:0!important;opacity:1!important}.oc-root .step.is-end .sty-volumen .bar-1,.oc-root .step.is-end .sty-volumen .bar-2,.oc-root .step.is-end .sty-volumen .bar-3,.oc-root .step.is-end .sty-volumen .bar-4,.oc-root .step.is-end .sty-volumen .bar-5,.oc-root .step.is-end .sty-volumen .bar-6{transform:scaleX(1)!important}.oc-root .step.is-end .sty-volumen .plan__cam{transform:translate(-13.8px,-1.91px) scale(1.1)!important}.oc-root .step.is-end .sty-volumen .mail{opacity:0!important;transform:translate(40cqi,-52cqi) rotate(-16deg) scale(.3)!important}.oc-root .step.is-end .sty-volumen .mail-to,.oc-root .step.is-end .sty-volumen .mail-f1,.oc-root .step.is-end .sty-volumen .mail-f2{opacity:1!important;transform:scale(1)!important}.oc-root .step.is-end .sty-volumen .mail-send{transform:scale(1)!important;background-color:var(--accent-hover)!important}.oc-root .step.is-end .sty-volumen .mail-cursor{opacity:0!important;transform:translate(0) scale(1)!important}.oc-root .step.is-end .sty-volumen .mail-toast{opacity:1!important;transform:translateY(0) scale(1)!important}.oc-root .step.is-end .sty-volumen *{animation:none!important}