.hero-stage.home-mockup{--mockup-layout:wide;--mockup-base:#f6f3ed;--mockup-text:#15171b;--mockup-muted:#51545b;--mockup-scene-x:0px;--mockup-scene-y:-50px;--mockup-device-width:725px;--mockup-device-top-inset:48px;--mockup-displays-base-right:16%;--mockup-displays-x:100px;--mockup-displays-y:0px;--mockup-display-text:#f4f5f7;--mockup-copy-width:57%;--background:var(--mockup-base);--foreground:var(--mockup-text);--muted-foreground:var(--mockup-muted);color:var(--mockup-text);background:var(--mockup-base);overflow:clip}.dark .home-mockup{--mockup-base:#171a20;--mockup-text:#f4f5f7;--mockup-muted:#c7cbd2}.home-mockup .hero{min-height:clamp(790px,72vw,980px);padding-block:clamp(56px,7vw,104px);display:block}.home-mockup .hero-copy{z-index:3;width:var(--mockup-copy-width);position:relative}.home-mockup .hero-copy h1{anchor-name:--mockup-title}.home-mockup .hero-contact{anchor-name:--mockup-contact}.home-mockup .hero-actions .button-outline,.home-mockup .device-finder-search button{background:color-mix(in srgb, var(--mockup-base) 94%, transparent)}.home-mockup .hero-description,.home-mockup .private-audience{color:var(--mockup-muted)}.home-mockup-scene{z-index:1;top:calc(67px + var(--mockup-scene-y));top:calc(anchor(--mockup-title top) - var(--mockup-device-top-inset) + var(--mockup-scene-y));translate:var(--mockup-scene-x) 0;width:var(--mockup-device-width);aspect-ratio:.96;pointer-events:none;position:absolute;right:0}.home-mockup-scene:before,.home-mockup-scene:after{content:"";pointer-events:none;position:absolute;inset:0}.home-mockup-scene:before{background:radial-gradient(ellipse var(--hero-upper-width) var(--hero-upper-height) at var(--hero-upper-x) var(--hero-upper-y), rgb(255 255 255/var(--hero-upper-intensity)), transparent);filter:blur(var(--hero-upper-blur))}.home-mockup-scene:after{background:radial-gradient(ellipse var(--hero-floor-width) var(--hero-floor-height) at var(--hero-floor-x) var(--hero-floor-y), rgb(255 255 255/var(--hero-floor-intensity)), transparent 90%);filter:blur(var(--hero-floor-blur))}.home-mockup-scene .hero-lab-stage{z-index:1}.home-mockup-displays{z-index:4;top:75%;top:anchor(--mockup-contact center);right:calc(var(--mockup-displays-base-right) - var(--mockup-displays-x));translate:0 calc(-50% + var(--mockup-displays-y));gap:var(--space-2);pointer-events:auto;display:flex;position:absolute}.home-mockup-displays button{min-width:var(--touch-size);min-height:var(--touch-size);padding:var(--space-2);color:var(--mockup-display-text);font-size:var(--text-small);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;font-weight:700}.home-mockup-displays button[aria-pressed=true]{border-color:var(--red)}.home-mockup-displays button:first-child,.home-mockup-displays button:last-child{opacity:.6}.home-mockup-displays button:first-child:is(:hover,:focus-visible),.home-mockup-displays button:last-child:is(:hover,:focus-visible){opacity:1}.home-mockup-displays button:focus-visible{outline:2px solid var(--red)}@media (max-width:1399px){.hero-stage.home-mockup{--mockup-layout:desktop;--mockup-device-width:700px;--mockup-scene-x:50px;--mockup-scene-y:-25px;--mockup-display-text:#15171b}}@media (max-width:1100px){.hero-stage.home-mockup{--mockup-layout:tablet;--mockup-device-width:525px;--mockup-device-top-inset:40px;--mockup-scene-y:100px;--mockup-displays-x:125px}.home-mockup .hero-copy{width:min(58%,590px)}}@media (max-width:768px){.hero-stage.home-mockup{--mockup-layout:small;--mockup-device-width:575px;--mockup-scene-x:0px;--mockup-scene-y:0px;--mockup-displays-x:0px;--mockup-display-text:#f4f5f7}.home-mockup .hero{min-height:0;padding-block:var(--section-space)}.home-mockup .hero-copy{width:100%}.home-mockup-scene{width:min(100%, var(--mockup-device-width));margin:var(--mockup-scene-y) 0 0 auto;position:relative;top:auto;right:auto}.home-mockup-displays{translate:var(--mockup-displays-x) var(--mockup-displays-y);justify-content:center;margin-top:-100px;position:relative;top:auto;right:auto}}@media (max-width:480px){.hero-stage.home-mockup{--mockup-layout:phone;--mockup-display-text:#15171b}.home-mockup-displays{margin-top:0}}.dark .hero-stage.home-mockup{--mockup-display-text:#f4f5f7}