.DeviceShowcase-module__KaF0tq__showcase{--device-frame:#18352f;--device-frame-edge:#f8f3e86b;--device-screen:#f8f3e8;--device-shadow:#061f1d5c;color:#18352f;perspective:1200px;outline:none;width:100%;min-width:0;max-width:100%;position:relative}.DeviceShowcase-module__KaF0tq__showcase[data-tone=light]{--device-frame:#e8dece;--device-frame-edge:#18352f3d;--device-screen:#fbf6ed;--device-shadow:#18352f3d}.DeviceShowcase-module__KaF0tq__showcase[data-tone=dark]{color:#f8f3e8}.DeviceShowcase-module__KaF0tq__frame{isolation:isolate;background:var(--device-frame);box-shadow:0 2rem 4rem -2.4rem var(--device-shadow), inset 0 0 0 1px var(--device-frame-edge);position:relative;overflow:hidden;transform:translateZ(0)}.DeviceShowcase-module__KaF0tq__screen{aspect-ratio:var(--screen-aspect);background:var(--device-screen);position:relative;overflow:hidden}.DeviceShowcase-module__KaF0tq__media{transition:transform .8s cubic-bezier(.16,1,.3,1);display:block}.DeviceShowcase-module__KaF0tq__fit{-o-object-fit:contain;object-fit:contain}.DeviceShowcase-module__KaF0tq__crop{-o-object-fit:cover;object-fit:cover}.DeviceShowcase-module__KaF0tq__scrollScreen{container-type:inline-size}.DeviceShowcase-module__KaF0tq__scroll{will-change:transform;width:100%;height:auto;transition-property:transform;transition-duration:4.2s;transition-timing-function:cubic-bezier(.65,0,.35,1);position:relative}.DeviceShowcase-module__KaF0tq__showcase[data-media-mode=scroll]:is(:hover,:focus-visible) .DeviceShowcase-module__KaF0tq__scroll{transform:translateY(calc(-1 * var(--scroll-shift)))}.DeviceShowcase-module__KaF0tq__showcase:focus-visible .DeviceShowcase-module__KaF0tq__frame{box-shadow:0 2rem 4rem -2.4rem var(--device-shadow), inset 0 0 0 2px #cc9d45}.DeviceShowcase-module__KaF0tq__browser{max-width:50rem;padding-bottom:clamp(.55rem,1.5vw,1rem)}.DeviceShowcase-module__KaF0tq__browser .DeviceShowcase-module__KaF0tq__frame{border-radius:clamp(.65rem,1.7vw,1.15rem)}.DeviceShowcase-module__KaF0tq__browserRail{border-bottom:1px solid var(--device-frame-edge);grid-template-columns:minmax(2.2rem,.6fr) minmax(0,2.8fr) minmax(2.2rem,.6fr);align-items:center;gap:clamp(.4rem,1.2vw,.8rem);min-height:clamp(2.25rem,4.3vw,3.1rem);padding:0 clamp(.65rem,1.6vw,1rem);display:grid}.DeviceShowcase-module__KaF0tq__railControls{gap:clamp(.22rem,.6vw,.42rem);display:flex}.DeviceShowcase-module__KaF0tq__railControls i{aspect-ratio:1;opacity:.32;background:currentColor;border-radius:50%;width:clamp(.25rem,.6vw,.38rem)}.DeviceShowcase-module__KaF0tq__address{border:1px solid var(--device-frame-edge);color:currentColor;letter-spacing:.055em;opacity:.68;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;border-radius:.25rem;justify-content:center;align-items:center;gap:.42rem;min-height:clamp(1.25rem,2.5vw,1.6rem);padding:0 clamp(.45rem,1vw,.75rem);font-size:clamp(.48rem,.9vw,.65rem);font-weight:650;line-height:1;display:flex;overflow:hidden}.DeviceShowcase-module__KaF0tq__address i{border:1px solid;border-radius:.08rem;width:.34rem;height:.42rem;display:block}.DeviceShowcase-module__KaF0tq__railMenu{justify-self:end;gap:.2rem;display:flex}.DeviceShowcase-module__KaF0tq__railMenu i{opacity:.4;background:currentColor;width:clamp(.55rem,1.2vw,.8rem);height:1px;display:block}.DeviceShowcase-module__KaF0tq__laptopBase{background:linear-gradient(180deg, color-mix(in srgb, var(--device-frame) 76%, #fff 24%), var(--device-frame));height:clamp(.55rem,1.5vw,1rem);box-shadow:0 .7rem 1.2rem -.75rem var(--device-shadow);border-radius:0 0 46% 46%/0 0 75% 75%;position:absolute;bottom:0;left:-3.5%;right:-3.5%}.DeviceShowcase-module__KaF0tq__laptopBase i{background:color-mix(in srgb, var(--device-frame) 62%, #fff 38%);border-radius:0 0 .25rem .25rem;width:13%;height:35%;position:absolute;top:0;left:50%;transform:translate(-50%)}.DeviceShowcase-module__KaF0tq__phone{width:min(78vw,23rem);margin-inline:auto;padding-block:clamp(.45rem,1vw,.7rem)}.DeviceShowcase-module__KaF0tq__phone .DeviceShowcase-module__KaF0tq__frame{border-radius:clamp(2rem,7vw,3.45rem);padding:clamp(.42rem,1.25vw,.68rem);overflow:visible}.DeviceShowcase-module__KaF0tq__phone .DeviceShowcase-module__KaF0tq__screen{border-radius:clamp(1.55rem,5.8vw,2.9rem);box-shadow:0 0 0 1px #f8f3e821}.DeviceShowcase-module__KaF0tq__tablet{width:min(100%,40rem);margin-inline:auto;padding-block:clamp(.4rem,1vw,.65rem)}.DeviceShowcase-module__KaF0tq__tablet .DeviceShowcase-module__KaF0tq__frame{border-radius:clamp(1.15rem,3vw,2rem);padding:clamp(.65rem,1.5vw,.9rem);overflow:visible}.DeviceShowcase-module__KaF0tq__tablet .DeviceShowcase-module__KaF0tq__screen{border-radius:clamp(.55rem,1.4vw,.9rem)}.DeviceShowcase-module__KaF0tq__camera{z-index:1;aspect-ratio:1;background:#0b201e;border:1px solid #f8f3e852;border-radius:50%;width:clamp(.18rem,.4vw,.26rem);position:absolute;top:50%;right:clamp(.12rem,.4vw,.25rem);transform:translateY(-50%)}.DeviceShowcase-module__KaF0tq__phone .DeviceShowcase-module__KaF0tq__camera{top:clamp(.17rem,.5vw,.32rem);right:50%;transform:translate(50%)}.DeviceShowcase-module__KaF0tq__deviceButton{background:color-mix(in srgb, var(--device-frame) 78%, #fff 22%);width:.18rem;height:13%;box-shadow:0 clamp(3.2rem, 9vw, 5rem) 0 color-mix(in srgb, var(--device-frame) 78%, #fff 22%);border-radius:0 .15rem .15rem 0;position:absolute;top:18%;right:-.18rem}.DeviceShowcase-module__KaF0tq__tablet .DeviceShowcase-module__KaF0tq__deviceButton{width:11%;height:.16rem;box-shadow:none;border-radius:.15rem .15rem 0 0;top:-.16rem;right:13%}@media (hover:hover){.DeviceShowcase-module__KaF0tq__showcase:not([data-media-mode=scroll]):hover .DeviceShowcase-module__KaF0tq__media{transform:scale(1.012)}}@media (max-width:767px){.DeviceShowcase-module__KaF0tq__browser{width:100%}.DeviceShowcase-module__KaF0tq__browserRail{grid-template-columns:2rem minmax(0,1fr) 2rem}.DeviceShowcase-module__KaF0tq__phone{width:min(76vw,21rem)}}@media (prefers-reduced-motion:reduce){.DeviceShowcase-module__KaF0tq__media,.DeviceShowcase-module__KaF0tq__scroll{transition:none}.DeviceShowcase-module__KaF0tq__showcase[data-media-mode=scroll]:is(:hover,:focus-visible) .DeviceShowcase-module__KaF0tq__scroll{transform:none}}
