.ota-canvas{width:80%;margin-inline:auto;container-type:inline-size;overflow:visible}.ota-page{--ota-max: 90rem;--ota-pad-x: 5.5rem;--ota-pad-y: 4rem;--ota-title: 1.5rem;--ota-title-lh: 2.375rem;--ota-rule: var(--case-study-accent-20);--ota-orange: rgb(255 127 0 / .8);--ota-oli: #f36d00;--case-study-section-gap: 40px;display:flex;flex-direction:column;gap:var(--case-study-section-gap);padding-block:0}.ota-page img{display:block;max-width:100%;height:auto}.ota-section{width:min(100%,var(--ota-max));margin-inline:auto;padding:var(--ota-pad-y) var(--ota-pad-x);display:flex;flex-direction:column;gap:40px}.ota-section[hidden]{display:none}.ota-section--tight{gap:24px}.ota-section--app{gap:64px}.ota-section--app>.ota-head+.ota-app__step{margin-top:-16px}.ota-section--collage{align-items:center;gap:0}.ota-page h2{margin:0;font-size:var(--ota-title);line-height:var(--ota-title-lh);font-weight:var(--font-weight-demi);color:var(--case-study-accent)}.ota-page h2.ota-h2--products{font-size:1.625rem}.ota-page .ota-h2__code{font-size:inherit;font-weight:inherit;color:var(--case-study-accent-40)}.ota-page h2.ota-h2--products .ota-h2__code{color:var(--case-study-accent-40)}.ota-head{display:flex;flex-direction:column;align-items:stretch;gap:16px;width:100%}.ota-head--flush{gap:8px}.ota-page p{margin:0;font-size:1rem;line-height:1.625rem;color:var(--text-primary)}.ota-intro{width:min(100%,var(--ota-max));margin-inline:auto;padding:4rem var(--ota-pad-x) 0;display:flex;flex-direction:column;gap:2rem}.ota-page h1.ota-intro__lede{margin:0;max-width:79rem;font-size:1.625rem;line-height:2.375rem;font-weight:var(--font-weight-demi);color:var(--case-study-accent)}.ota-page p.ota-intro__summary{margin:0;max-width:79rem;font-size:1rem;line-height:1.625rem;color:var(--text-primary)}.ota-chips{display:flex;flex-wrap:wrap;gap:1rem;margin:0;padding:0;list-style:none}.ota-chips li{padding:5px 12px;border-radius:999px;background:rgb(var(--case-study-accent-rgb) / .08);color:var(--case-study-accent);font-size:.8125rem;line-height:1.125rem;font-weight:var(--font-weight-regular)}.ota-hero{position:relative;width:min(calc(100% - var(--ota-pad-x) * 2),calc(var(--ota-max) - var(--ota-pad-x) * 2));margin:0 auto;overflow:hidden;aspect-ratio:1265 / 691;background:#fff;border:1px solid rgb(0 0 0 / .2);border-radius:12px;box-shadow:0 1px 9px 2px #0000000d}.ota-hero img,.ota-hero video{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}.ota-hero img{z-index:1;transition:opacity .18s ease}@media(hover:hover)and (pointer:fine){.ota-hero:hover img,.ota-hero:focus-within img{opacity:0}}.ota-facts{width:min(calc(100% - var(--ota-pad-x) * 2),calc(var(--ota-max) - var(--ota-pad-x) * 2));margin-inline:auto;display:grid;grid-template-columns:minmax(12rem,16.1875rem) minmax(0,1fr);gap:6rem}.ota-facts__col{display:flex;flex-direction:column;gap:2rem}.ota-facts__item{display:flex;flex-direction:column;gap:.5rem}.ota-page p.ota-facts__label{margin:0;font-size:.8125rem;line-height:1.125rem;font-weight:var(--font-weight-medium);letter-spacing:.06em;text-transform:uppercase;color:var(--case-study-accent-60)}.ota-page p.ota-facts__value{margin:0;font-size:1rem;line-height:1.375rem;color:var(--text-primary)}.ota-tools-list{display:flex;flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none}.ota-tools-list li{display:grid;grid-template-columns:13.1875rem minmax(0,1fr);gap:1.5rem;font-size:1rem;line-height:1.375rem}.ota-tools-list li span:first-child{color:var(--text-primary)}.ota-tools-list li span:last-child{color:var(--text-secondary)}.ota-collage{margin:0;width:min(100%,46.5rem)}.ota-a1{display:flex;align-items:center;justify-content:center;gap:32px}.ota-a1__copy{display:flex;flex:1 1 0;flex-direction:column;gap:16px;min-width:0}.ota-compare{flex:0 0 auto;width:min(100%,34.4375rem);display:flex;align-items:center;gap:26px;padding:1.9275rem 2.25rem;background:#f2edeb;border-radius:32px;box-shadow:0 2px 3px #0000000d}.ota-compare__col{display:flex;flex-direction:column;gap:4px}.ota-compare__label{margin:0 0 6px;font-size:1rem;line-height:1.625rem;font-weight:var(--font-weight-medium)}.ota-compare__label--modern{color:var(--ota-orange)}.ota-compare__label--traditional{color:#0006}.ota-compare__item{display:flex;align-items:center;gap:10px;font-size:1rem;line-height:1.625rem;color:var(--text-primary)}.ota-compare__dot{flex:0 0 auto;width:7.791px;height:7.791px}.ota-compare__dot--orange{background:var(--ota-orange)}.ota-compare__dot--gray{background:#0006}.ota-compare__vs{flex:0 0 auto;color:var(--text-primary)}.ota-a2__intro{color:var(--text-primary)}.ota-head--roomy{gap:24px}.ota-a2__figure,.ota-a4__figure{margin:0;width:100%}.ota-a2__figure img{width:100%;height:auto}.ota-a2__caption{text-align:center;color:var(--text-primary)}.ota-em{font-weight:var(--font-weight-demi);font-style:normal;color:var(--case-study-accent)}.ota-oli{font-weight:var(--font-weight-demi);color:#ff7f00}.ota-hl{position:relative;z-index:0;font-style:normal}.ota-hl:after{content:"";position:absolute;left:0;right:0;bottom:.12em;height:11px;background:#fc952f26;z-index:-1;pointer-events:none}.ota-a3__body{text-align:left;color:var(--text-primary)}.ota-b1__figure,.ota-b2__figure,.ota-b3__figure,.ota-b4__figure{margin:0;width:100%}.ota-b1__figure{overflow:visible}.ota-page .ota-b1__figure img{width:calc(2613 / 2528 * 100%);max-width:none;height:auto}.ota-b2__intro{display:flex;flex-direction:column;gap:0;color:var(--text-primary)}.ota-b2-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;width:100%}.ota-b2-card{margin:0}.ota-page .ota-b2-card img{width:100%;height:auto}.ota-b3__close{text-align:left}.ota-section--products{align-items:center;gap:0}.ota-section--products h2{text-align:center;width:100%}.ota-bundle-copy{display:flex;flex-direction:column;gap:8px;width:100%}.ota-bundle__levels{display:flex;flex-direction:column;gap:0}.ota-page .ota-bundle__gt,.ota-page .ota-bundle__name{font-weight:var(--font-weight-demi);color:var(--case-study-accent)}.ota-page .ota-bundle__code{font-weight:var(--font-weight-regular);color:var(--text-primary)}.ota-bundle__products{margin:0;width:100%}.ota-fan{--ota-fan-w: 1264;--ota-fan-h: 300;position:relative;width:100%;aspect-ratio:1264 / 300;overflow:hidden;background:#eaebeb33;border:1px solid rgb(0 0 0 / .1);border-radius:12px;cursor:ew-resize;touch-action:none;user-select:none;container-type:size}.ota-fan:focus,.ota-fan:focus-visible{outline:none}.ota-fan__card{position:absolute;left:0;top:0;z-index:var(--z);width:calc(100cqw * var(--w) / var(--ota-fan-w));height:auto;aspect-ratio:var(--w) / 198;margin:0;padding:0;border:0;border-radius:4px;background:transparent;box-shadow:0 4px 4px #00000040;overflow:hidden;pointer-events:none;transform:translate3d(calc(100cqw * var(--l) / var(--ota-fan-w)),calc(100cqw * var(--t) / var(--ota-fan-w)),0);will-change:transform}.ota-page .ota-fan__card img{width:100%;height:100%;max-width:none;object-fit:cover;border-radius:4px;pointer-events:none}.ota-page p.ota-fan__hint{position:absolute;left:50%;top:calc(100% * 249 / var(--ota-fan-h));transform:translate(-50%);z-index:40;white-space:nowrap;pointer-events:none;text-align:center;font-size:1rem;line-height:1.625rem;font-weight:var(--font-weight-regular);color:var(--text-secondary)}.ota-section--bridge{align-items:center;gap:0}.ota-section--bridge p{width:100%;font-size:1.125rem;line-height:1.625rem;font-weight:var(--font-weight-medium);text-align:center;color:var(--case-study-accent)}.ota-app__step{display:flex;flex-direction:column;gap:24px;overflow:visible}.ota-app__step-copy{display:flex;flex-direction:column;gap:0;width:100%}.ota-page .ota-step-title{margin:0;font-size:1rem;line-height:2.375rem;font-weight:var(--font-weight-demi);color:var(--case-study-accent)}.ota-app__visual{position:relative;overflow:visible;container-type:inline-size}.ota-hover-hint{position:absolute;z-index:2;top:2px;left:calc(100% + 3px);width:calc(290 / 1264 * 75cqw);pointer-events:none;container-type:inline-size}.ota-page img.ota-hover-hint__shape{display:block;width:100%;max-width:none;height:auto}.ota-page p.ota-hover-hint__text{position:absolute;left:calc(34 / 290 * 100%);top:calc(7 / 39 * 100%);margin:0;font-size:calc(16 / 290 * 100cqw);line-height:calc(26 / 290 * 100cqw);font-weight:var(--font-weight-medium);color:var(--case-study-accent);white-space:nowrap}.ota-section--extensions{gap:40px}.ota-extensions-block{display:flex;flex-direction:column;gap:8px;width:100%}.ota-app__step figure,.ota-extensions__pair{margin:0;width:100%}.ota-unlock{--ota-unlock-w: 1264;--ota-unlock-inner: 1150;--ota-unlock-phone-w: 226;--ota-unlock-phone-h: 491;--ota-unlock-gap: 24;--ota-unlock-col: calc((var(--ota-unlock-inner) - 3 * var(--ota-unlock-gap)) / 4);box-sizing:border-box;width:100%;padding:calc(56 / var(--ota-unlock-w) * 100%);display:flex;flex-direction:column;gap:12px;background:#eaebeb33;border:0;border-radius:12px;box-shadow:inset 0 0 0 1px #0000001a;overflow:visible}.ota-unlock__phones{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:calc(var(--ota-unlock-gap) / var(--ota-unlock-inner) * 100%);width:100%;align-items:start}.ota-unlock__col{display:flex;flex-direction:column;align-items:center;gap:12px;overflow:visible}.ota-unlock__stage{position:relative;width:calc(var(--ota-unlock-phone-w) / var(--ota-unlock-col) * 100%);overflow:visible}.ota-unlock__screen{position:relative;z-index:1;width:100%;aspect-ratio:var(--ota-unlock-phone-w) / var(--ota-unlock-phone-h);border-radius:calc(32 / var(--ota-unlock-phone-w) * 100%) / calc(32 / var(--ota-unlock-phone-h) * 100%);overflow:hidden;background:#f4f4f4;box-shadow:0 2px 9px 1px #00000026}.ota-page .ota-unlock video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}.ota-unlock__scrub{--p: 0%;position:absolute;left:12%;right:12%;bottom:14px;z-index:3;width:76%;margin:0;height:12px;opacity:0;pointer-events:none;appearance:none;background:transparent;cursor:pointer}.ota-unlock__col:is(:hover,.is-hot) .ota-unlock__scrub{opacity:1;pointer-events:auto}.ota-unlock__scrub::-webkit-slider-runnable-track{height:3px;border-radius:999px;background:linear-gradient(to right,rgb(255 255 255 / .92) var(--p),rgb(255 255 255 / .28) var(--p))}.ota-unlock__scrub::-webkit-slider-thumb{appearance:none;width:11px;height:11px;margin-top:-4px;border:0;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000047}.ota-unlock__scrub::-moz-range-track{height:3px;border:0;border-radius:999px;background:#ffffff47}.ota-unlock__scrub::-moz-range-progress{height:3px;border-radius:999px;background:#ffffffeb}.ota-unlock__scrub::-moz-range-thumb{width:11px;height:11px;border:0;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000047}.ota-page p.ota-unlock__caption{width:100%;margin:0;font-size:1rem;line-height:1.625rem;text-align:center;color:var(--text-primary)}.ota-page p.ota-unlock__caption span{display:block;color:#0006}.ota-discover-veil{position:fixed;inset:0;z-index:50;background:#fffc;opacity:0;pointer-events:none;transition:opacity .42s cubic-bezier(.16,1,.3,1)}.ota-spotlight{position:relative;z-index:1}.ota-spotlight:is(:hover,:focus-within,.is-hot){z-index:51}.ota-unlock__col.ota-spotlight:focus-within:not(:hover):not(.is-hot){z-index:1}.ota-spotlight:focus,.ota-spotlight:focus-visible{outline:none}.case-study:has(.ota-spotlight:is(:hover,:focus-within,.is-hot)) .ota-discover-veil{opacity:1}.ota-discover{--ota-discover-w: 614;--ota-discover-h: 725;display:grid;grid-template-columns:1fr 1fr;gap:36px;width:100%;overflow:visible}.ota-discover__today,.ota-discover__explore{margin:0;aspect-ratio:614 / 725}.ota-discover__card{position:absolute;inset:0;overflow:hidden;background:#eaebeb33;border:1px solid rgb(0 0 0 / .1);border-radius:12px;container-type:inline-size}.ota-page .ota-discover__phones{position:absolute;left:0;top:calc(100% * 89 / var(--ota-discover-h));width:calc(100% * 634 / var(--ota-discover-w));height:calc(100% * 512 / var(--ota-discover-h));max-width:none}.ota-page p.ota-discover__caption{position:absolute;left:50%;top:calc(100% * 633 / var(--ota-discover-h));width:calc(100% * 315 / var(--ota-discover-w));margin:0;transform:translate(-50%);font-size:calc(16px * 100cqi / var(--ota-discover-w));line-height:calc(26px * 100cqi / var(--ota-discover-w));text-align:center;color:var(--text-primary)}.ota-page .ota-discover__caption span:first-of-type{color:var(--case-study-accent)}.ota-page .ota-discover__sub{display:block;color:#0006}.ota-page .ota-notes{position:absolute;z-index:2;left:calc(100% * var(--nl) / var(--fw));top:calc(100% * var(--nt) / var(--fh));width:calc(100% * var(--nw) / var(--fw));height:calc(100% * var(--nh) / var(--fh));max-width:none;opacity:0;pointer-events:none;transform:translate3d(0,10px,0);transition:opacity .42s cubic-bezier(.16,1,.3,1),transform .42s cubic-bezier(.16,1,.3,1)}.ota-spotlight:is(:hover,:focus-within,.is-hot) .ota-notes{opacity:1;transform:translateZ(0)}.ota-page .ota-discover__explore-img{width:100%;height:auto;border-radius:12px}.ota-story{--ota-story-w: 1264;--ota-story-h: 804;container-type:inline-size;position:relative;width:100%;aspect-ratio:var(--ota-story-w) / var(--ota-story-h);overflow:visible;background:#eaebeb33;border-radius:12px;box-shadow:inset 0 0 0 1px #0000001a}.ota-story__item{position:absolute;left:calc(100% * var(--x) / var(--ota-story-w));top:calc(100% * var(--y) / var(--ota-story-h));width:calc(100% * var(--w) / var(--ota-story-w));height:calc(100% * var(--h) / var(--ota-story-h));max-width:none}.ota-story__wire{z-index:0;pointer-events:none}.ota-story__wire--flip{transform:scaleY(-1)}.ota-story__wire[style*=--rot]{transform:rotate(var(--rot))}.ota-story__phone{z-index:1;overflow:hidden;box-shadow:0 2px 9px 1px #00000026}.ota-story__phone--top{border-radius:calc(32 * 100cqi / var(--ota-story-w)) calc(32 * 100cqi / var(--ota-story-w)) 0 0}.ota-story__phone--bottom{z-index:2;border-radius:0 0 calc(32 * 100cqi / var(--ota-story-w)) calc(32 * 100cqi / var(--ota-story-w))}.ota-page .ota-story__phone img{display:block;width:100%;height:100%;max-width:none;object-fit:cover}.ota-page p.ota-story__label{position:absolute;left:calc(100% * var(--x) / var(--ota-story-w));top:calc(100% * var(--y) / var(--ota-story-h));z-index:2;margin:0;transform:translate(-50%);font-size:calc(16px * 100cqi / var(--ota-story-w));line-height:calc(26px * 100cqi / var(--ota-story-w));white-space:nowrap;color:#000}.ota-page p.ota-story__label span{color:var(--case-study-accent)}.ota-story__pointer{z-index:2;pointer-events:none;transform:rotate(-28.97deg);transform-origin:center}.ota-split{position:relative;width:100%;aspect-ratio:var(--ota-split-w) / var(--ota-split-h);overflow:visible}.ota-split__pane{position:absolute;top:0;left:calc(100% * var(--l) / var(--ota-split-w));width:calc(100% * var(--span) / var(--ota-split-w));height:100%;overflow:visible}.ota-split__hit{position:absolute;inset:0;overflow:hidden;border-radius:12px}.ota-page .ota-split__hit img{position:absolute;top:0;left:calc(-100% * var(--l) / var(--span));width:calc(100% * var(--ota-split-w) / var(--span));height:100%;max-width:none}@media(prefers-reduced-motion:reduce){.ota-discover-veil,.ota-page .ota-notes{transition:none;transform:none}.ota-hero img{opacity:1}}.ota-extensions__captions{display:grid;grid-template-columns:1fr 1fr;gap:36px}.ota-page .ota-extensions__captions p{margin:0;font-size:1rem;line-height:1.625rem;color:var(--text-primary)}.ota-universe,.ota-assets{display:flex;flex-direction:column;width:100%}.ota-universe{gap:24px}.ota-page .ota-universe__kicker{margin:0;font-weight:var(--font-weight-demi);color:var(--case-study-accent)}.ota-universe>div p{margin:0}.ota-page p.ota-universe__close{margin:0;font-weight:var(--font-weight-demi);color:var(--case-study-accent)}.ota-assets ul{margin:0;padding-left:1.5rem}.ota-assets li{font-size:1rem;line-height:1.625rem;color:var(--text-primary)}.ota-page a.ota-assets__btn{display:inline-flex;align-items:center;margin-left:10px;padding:2px 8px;border:1px solid var(--case-study-accent);border-radius:999px;font-size:10px;line-height:1.2;font-weight:var(--font-weight-medium);letter-spacing:.01em;color:var(--case-study-accent);text-decoration:none;vertical-align:1px}.ota-page a.ota-assets__btn:hover,.ota-page a.ota-assets__btn:focus-visible{background:var(--case-study-accent-15)}@media(max-width:900px){.ota-page{--ota-pad-x: 1.5rem;--ota-pad-y: 3rem}.ota-facts,.ota-tools-list li{grid-template-columns:1fr;gap:2rem}.ota-tools-list li{gap:.25rem}.ota-b2-grid{grid-template-columns:1fr}.ota-a1,.ota-compare{flex-direction:column;align-items:stretch}.ota-compare{width:100%}.ota-extensions__captions{grid-template-columns:1fr;gap:16px}.ota-discover{grid-template-columns:1fr}}@media(max-width:639px){.ota-hover-hint{display:none}.ota-page p.ota-story__label{font-size:calc(16 * 100cqi / var(--ota-story-w));line-height:calc(26 * 100cqi / var(--ota-story-w))}}
