.reference-home .hero-device.hero-world{--scene-ease:cubic-bezier(.16,1,.3,1);min-width:0;margin:0}.reference-home .hero-world-stage{aspect-ratio:1.48;isolation:isolate;perspective:1400px;touch-action:pan-y;cursor:grab;--scene-x:0;--scene-y:0;-webkit-user-select:none;user-select:none;position:relative}.reference-home .hero-world-stage:active{cursor:grabbing}.reference-home .hero-world-stage>.l8-gateway{z-index:-1;width:31%;height:83%;transform:translate3d(calc(var(--scene-x)*-5px),calc(var(--scene-y)*-3px),0);transition:transform .65s var(--scene-ease);position:absolute;inset:-5% -5% auto 76%}.reference-home .hero-world-devices{transform:translate3d(calc(var(--scene-x)*5px),calc(var(--scene-y)*-2px),0);transition:transform .45s var(--scene-ease);perspective:1300px;position:absolute;bottom:50px;left:0;right:0}.reference-home .hero-world-laptop{width:83%;transform:rotateY(calc(var(--scene-x)*2deg))rotateX(calc(var(--scene-y)*-1.4deg));transform-origin:50% 85%;transition:transform .55s var(--scene-ease)}.reference-home .hero-world-glass{background:#192127;overflow:hidden}.reference-home .hero-world-glass>img{object-fit:cover;object-position:top;pointer-events:none;width:100%;height:100%;display:block}.reference-home .hero-world-reflection{pointer-events:none;background:linear-gradient(120deg,transparent 25%,#ffffff0e var(--scene-light,50%),transparent 75%);position:absolute;inset:0}.reference-home .hero-world-phone{width:21%;transform:translate3d(calc(var(--scene-x)*4px),calc(var(--scene-y)*-3px),0)rotate(calc(-5deg - var(--scene-x)*1.5deg));transition:transform .55s var(--scene-ease);background:linear-gradient(115deg,#646a6d,#0a1014 9% 90%,#525b61);border:1px solid #a2acae;border-radius:22px;padding:5px;position:absolute;bottom:1px;left:1%;box-shadow:inset 0 0 0 2px #070d12,12px 20px 25px #030608b3}.reference-home .hero-world-phone:before{content:"";background:#788187;border-radius:2px;width:2px;height:15%;position:absolute;top:20%;left:-3px}.reference-home .hero-world-phone-glass{aspect-ratio:375/770;background:#1c262d;border-radius:16px;overflow:hidden}.reference-home .hero-world-phone img{object-fit:cover;object-position:top;pointer-events:none;width:100%;height:100%;display:block}.reference-home .hero-world-phone-camera{z-index:1;background:#0a1014;border-radius:4px;width:26%;height:6px;position:absolute;top:10px;left:37%}.reference-home .hero-world-phone-home{background:#647076;border-radius:3px;width:26%;height:3px;position:absolute;bottom:11px;left:37%}.reference-home .hero-world-screen-nav{color:#ced3d5;cursor:default;justify-content:space-between;align-items:center;gap:15px;padding:0 2%;font-size:11px;display:flex;position:absolute;inset:auto 0 0}.reference-home .hero-world-screen-nav>span,.reference-home .hero-world-screen-nav>div{align-items:center;gap:9px;display:flex}.reference-home .hero-world-screen-nav>div>span{font-variant-numeric:tabular-nums;text-align:center;color:#d9c99a;min-width:31px;font-size:11px}.reference-home .hero-world-screen-nav button{color:#e4d5a6;cursor:pointer;background:0 0;border:0;place-items:center;min-width:44px;min-height:44px;transition:color .18s,transform .25s;display:grid}.reference-home .hero-world-screen-nav button:hover{color:var(--gold);transform:translate(-2px)}.reference-home .hero-world-screen-nav button:last-child:hover{transform:translate(2px)}.reference-home .hero-world-choices{border-bottom:1px solid #68706570;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:8px;display:grid}.reference-home .hero-world-choices>button{text-align:left;color:#c7ced1;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;justify-content:space-between;align-items:center;gap:7px;min-height:57px;padding:9px 0;font-size:13px;font-weight:550;line-height:1.45;transition:color .2s,border-color .2s;display:flex}.reference-home .hero-world-choices>button svg{opacity:.45;width:15px;transition:transform .35s var(--scene-ease),opacity .2s;flex:none}.reference-home .hero-world-choices>button[aria-pressed=true]{color:var(--gold);border-color:var(--gold)}.reference-home .hero-world-choices>button[aria-pressed=true] svg{opacity:1;transform:translate(2px,-2px)}.reference-home .hero-world figcaption.hero-world-caption{justify-content:space-between;align-items:center;gap:18px;min-height:76px;margin-top:18px;display:flex}.reference-home .hero-world-caption>div{min-width:0}.reference-home .hero-device.hero-world .hero-world-caption strong{color:#eef0ec;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0;font-size:17px;display:flex}.reference-home .hero-world-caption strong>span{font-family:var(--font-inter),sans-serif;color:#d6c7a3;font-size:11px;font-weight:400}.reference-home .hero-world-caption p{color:#c6cdd2;max-width:47ch;margin:7px 0 0;font-size:13px;line-height:1.55}.reference-home .hero-world-caption>a{flex:none;gap:7px;font-size:12px}.reference-home .hero-world-footnote{color:#aab6bf;justify-content:space-between;align-items:center;gap:12px;min-height:32px;padding-top:7px;font-size:10px;display:flex}.reference-home .hero-world-footnote a{color:#d5c39a;align-items:center;gap:5px;min-height:44px;font-size:11px;display:inline-flex}.reference-home .hero-world :is(button,a):focus-visible{outline:3px solid var(--gold);outline-offset:4px;border-radius:2px}.reference-home .hero-world-announcement{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.reference-home .hero-world-error{color:#ffe0c5;margin-top:10px;font-size:13px}.reference-home .hero-world-error button{font-size:inherit;color:var(--gold);cursor:pointer;background:0 0;border:0;padding:5px;text-decoration:underline}.reference-home .hero-world[data-active=true] .hero-world-glass>img{animation:l8-screen-unfold .72s var(--scene-ease)both}.reference-home .hero-world[data-active=true] .hero-world-phone img{animation:l8-phone-unfold .82s var(--scene-ease)both}@keyframes l8-screen-unfold{0%{clip-path:inset(0 0 0 100%);transform:scale(1.025)}to{clip-path:inset(0);transform:none}}@keyframes l8-phone-unfold{0%{clip-path:inset(100% 0 0);transform:translateY(7px)}to{clip-path:inset(0);transform:none}}@media (min-width:901px){.reference-home .reference-hero .hero-layout{grid-template-columns:.95fr 1.05fr;gap:38px;min-height:650px;padding-block:36px 28px}.reference-home .hero{min-height:0;padding-bottom:66px}.reference-home .hero h1{font-size:clamp(43px,4vw,65px)}}@media (max-width:1100px) and (min-width:901px){.reference-home .hero-world{margin-right:0}.reference-home .hero-world-stage{aspect-ratio:1.15}.reference-home .hero-world-choices>button{font-size:12px}.reference-home .hero-world-caption strong>span{font-size:10px}.reference-home .hero-world-footnote{flex-wrap:wrap;gap:0}}@media (max-width:900px){.reference-home .hero-world{margin:0}.reference-home .hero-world-stage{aspect-ratio:1.35}.reference-home .hero-world-caption strong{font-size:16px}}@media (max-width:640px){.reference-home .hero-world-stage{aspect-ratio:1.22;margin-top:0}.reference-home .hero-world-stage>.l8-gateway{width:32%;height:80%;inset:0 -3% auto 74%}.reference-home .hero-world-devices{bottom:48px}.reference-home .hero-world-laptop{width:83%}.reference-home .hero-world-phone{border-radius:15px;width:23%;padding:4px;bottom:0}.reference-home .hero-world-phone-glass{border-radius:10px}.reference-home .hero-world-phone-camera{height:4px;top:7px}.reference-home .hero-world-phone-home{height:2px;bottom:8px}.reference-home .hero-world-choices{gap:11px;margin-top:3px}.reference-home .hero-world-choices>button{align-items:center;gap:4px;min-height:59px;font-size:12px}.reference-home .hero-world-choices>button svg{width:13px}.reference-home .hero-world figcaption.hero-world-caption{gap:8px;min-height:83px;margin-top:13px}.reference-home .hero-device.hero-world .hero-world-caption strong{font-size:16px;display:block}.reference-home .hero-world-caption strong>span{margin-top:5px;font-size:10px;display:block}.reference-home .hero-world-caption p{font-size:12px}.reference-home .hero-world-caption>a{font-size:11px}.reference-home .hero-world-footnote{flex-wrap:wrap;align-items:flex-start;gap:6px;padding-top:7px}.reference-home .hero-world-footnote>span{padding-top:9px}.reference-home .hero-world-footnote a,.reference-home .hero-world-screen-nav{font-size:10px}}@media (prefers-reduced-motion:reduce){.reference-home .hero-world-stage *{transition:none!important;animation:none!important}.reference-home .hero-world-devices,.reference-home .hero-world-stage>.l8-gateway,.reference-home .hero-world-laptop{transform:none}.reference-home .hero-world-phone{transform:rotate(-5deg)}}html[data-motion=off] .reference-home .hero-world-stage *{transition:none!important;animation:none!important}.reference-home .hero-world[data-active=false] .hero-world-stage *{animation-play-state:paused}