.es-showcase{--es-accent:#20bce5;--es-muted:#8b969c;--es-line:rgba(255,255,255,.13);position:relative;isolation:isolate;overflow:hidden;background:#090c0f;color:#f5f6f8;padding:100px 0 54px;scroll-margin-top:80px}
.es-showcase *, .es-showcase *::before,.es-showcase *::after{box-sizing:border-box}
.es-showcase [hidden]{display:none!important}
.es-showcase button,.es-showcase a{-webkit-tap-highlight-color:transparent}
.es-showcase button{font:inherit;color:inherit;cursor:pointer}
.es-showcase button:focus-visible,.es-showcase a:focus-visible,.es-theatre:focus-visible{outline:2px solid #41d3ff;outline-offset:6px}
.es-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 53%,color-mix(in srgb,var(--es-accent) 10%,transparent),transparent 59%);transition:background 1s}
.es-atmosphere i{position:absolute;inset:0;background:linear-gradient(90deg,transparent calc(50% - .5px),rgba(255,255,255,.025) 50%,transparent calc(50% + .5px))}
.es-atmosphere i:nth-child(2){transform:translateX(-33%)}.es-atmosphere i:nth-child(3){transform:translateX(33%)}
.es-head{width:min(1400px,calc(100% - 112px));margin:auto;display:flex;justify-content:space-between;align-items:flex-end;gap:48px}
.es-eyebrow,.es-edition,.es-project-category,.es-spec,.es-hint,.es-pagination,.es-project-selector>span{font-family:var(--mono,monospace);font-size:10px;letter-spacing:.13em;text-transform:uppercase}
.es-eyebrow{display:flex;align-items:center;gap:12px;color:#aab4ba;margin-bottom:24px}
.es-eyebrow>i{height:6px;width:6px;border-radius:50%;background:#29c7f1;box-shadow:0 0 14px #29c7f1}
.es-head h2{margin:0;font-size:clamp(54px,6.8vw,110px);font-weight:500;line-height:.95;letter-spacing:-.065em}
.es-head h2 em{font-style:normal;background:linear-gradient(100deg,#f1f8ff 5%,#aab8c8 55%,#4c6a80 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.es-intro{padding-bottom:4px;max-width:360px}.es-edition{color:#76858f;font-size:9px;letter-spacing:.15em}
.es-intro p{margin:20px 0 24px;font-size:15px;line-height:1.75;color:#b3bec5}
.es-device-switch{display:inline-flex;gap:3px;padding:4px;border:1px solid var(--es-line);border-radius:999px;background:rgba(255,255,255,.03)}
.es-device-switch button{border:0;background:transparent;color:#8f9ca5;padding:9px 13px;border-radius:999px;font-size:11px;white-space:nowrap;transition:background .25s,color .25s}
.es-device-switch button[aria-pressed=true]{background:#ecf4fa;color:#15212b}
.es-theatre{position:relative;margin-top:30px;outline:none}
.es-stage{position:relative;perspective:1800px;perspective-origin:50% 40%;margin:0 auto;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.es-project{--es-x:0px;--es-y:0px;--es-z:0px;--es-rotate:0deg;--es-scale:1;position:relative;max-width:920px;margin:40px auto;transform-style:preserve-3d}
.es-enhanced .es-stage{height:clamp(750px,62vw,840px)}
.es-enhanced .es-project{position:absolute;top:28px;left:50%;width:min(76vw,980px);max-width:none;margin:0;opacity:var(--es-opacity,1);z-index:var(--es-order,1);transform:translateX(-50%) translateX(calc(var(--es-x) + var(--es-drag,0px))) translateY(var(--es-y)) translateZ(var(--es-z)) rotateY(var(--es-rotate)) scale(var(--es-scale));transition:transform 850ms cubic-bezier(.22,.8,.18,1),opacity 650ms ease;will-change:transform;pointer-events:none}
.es-enhanced .es-project.is-active{pointer-events:auto}.es-is-dragging .es-project{transition:none;cursor:grabbing}.es-is-dragging .es-device-world{transition:none}
.es-device-world{--es-tilt-y:-5deg;--es-tilt-x:3deg;position:relative;height:auto;aspect-ratio:1.58;transform-style:preserve-3d;transform:rotateY(var(--es-tilt-y)) rotateX(var(--es-tilt-x));transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.es-project-aura{position:absolute;width:90%;height:85%;left:5%;top:12%;border-radius:50%;background:radial-gradient(ellipse,color-mix(in srgb,var(--es-accent) 18%,transparent),transparent 65%);filter:blur(35px);transform:translateZ(-100px);pointer-events:none}
.es-desktop{position:absolute;top:1%;left:1%;width:82%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.22,.8,.18,1),opacity .5s}
.es-monitor{position:relative;padding:7px 7px 0;border:1px solid #73818f;border-bottom-color:#1d252e;border-radius:17px 17px 12px 12px;background:linear-gradient(140deg,#73818c 0%,#182029 1.5%,#0d1117 65%,#4f6272 100%);box-shadow:0 0 0 1px #030506,0 24px 55px #0008,12px 12px 0 -10px #5b6877;overflow:hidden;transform-style:preserve-3d}
.es-browser-bar{height:25px;display:flex;align-items:center;gap:12px;background:#eef1f4;color:#75808c;border-radius:9px 9px 0 0;padding:0 12px;font-family:var(--mono,monospace);font-size:8px}
.es-browser-dots{display:flex;gap:4px;flex:none}.es-browser-dots i{width:5px;height:5px;border-radius:50%;background:#fd766d}.es-browser-dots i:nth-child(2){background:#e7bd54}.es-browser-dots i:nth-child(3){background:#71bf87}
.es-address{display:flex;align-items:center;justify-content:center;gap:5px;width:54%;margin:auto;border-radius:4px;background:#dde3e9;height:16px;font-size:7px;line-height:1;letter-spacing:.02em}.es-address svg{width:9px;height:9px;fill:none;stroke:#83909b;stroke-width:1.5}.es-browser-plus{font-size:13px;line-height:1}
.es-desktop-screen{width:100%;aspect-ratio:1920/1080;position:relative;overflow:hidden;background:#fff}
.es-desktop-screen img{display:block;width:100%;height:100%;object-fit:contain;object-position:center top;filter:none;transform:none}
.es-monitor-chin{height:23px;display:flex;align-items:center;justify-content:center;position:relative;color:#adb8c4;font-size:10px;background:linear-gradient(90deg,#242d37,#333f4c 45%,#202a34);border-radius:0 0 7px 7px;letter-spacing:-.05em;font-weight:600}
.es-brand-dot{color:#26c3eb}.es-monitor-chin>i{position:absolute;right:13px;width:2px;height:2px;border-radius:50%;background:#b6d9d4;box-shadow:0 0 4px #fff6}
.es-glass{position:absolute;inset:0;pointer-events:none;background:linear-gradient(127deg,rgba(255,255,255,.09),transparent 30%,transparent 70%,rgba(255,255,255,.04));border-radius:inherit}
.es-monitor-neck{position:relative;width:14%;height:34px;margin:auto;background:linear-gradient(90deg,#323b45,#a2aab2 38%,#747f8b 64%,#1d2732);clip-path:polygon(18% 0,82% 0,100% 100%,0 100%);transform:translateZ(-20px)}
.es-monitor-foot{width:30%;height:10px;margin:0 auto;background:linear-gradient(180deg,#b3bac3,#535f6b);border-radius:50% 50% 4px 4px;box-shadow:0 12px 15px #0008;transform:translateZ(10px)}
.es-phone{position:absolute;width:17%;right:0;top:20%;transform:translateZ(85px) rotateY(-12deg) rotateZ(5deg);transform-style:preserve-3d;transition:transform .8s cubic-bezier(.22,.8,.18,1),width .8s,top .8s,right .8s,opacity .5s}
.es-phone-shell{position:relative;border:1px solid #b4bdc8;background:linear-gradient(130deg,#d0d6de,#333c48 8%,#0d1117 65%,#8d98a7);border-radius:24px;padding:5px;box-shadow:2px 0 0 #4e5d6e,0 28px 30px #0008,0 0 0 1px #11161c}
.es-phone-shell::before,.es-phone-shell::after{content:"";position:absolute;left:-3px;top:20%;width:2px;height:9%;background:#a3adb9;border-radius:2px}.es-phone-shell::after{top:32%;height:7%}
.es-phone-screen{position:relative;aspect-ratio:390/844;overflow:hidden;border-radius:19px;background:#f5f5f5}
.es-phone-screen img{display:block;width:100%;height:100%;object-fit:contain;object-position:center top}
.es-phone-camera{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:27%;height:8px;border-radius:10px;background:#070b10;box-shadow:inset -4px 0 0 #142035}
.es-phone-home{position:absolute;bottom:10px;left:36%;height:2px;width:28%;background:#1118;box-shadow:0 0 0 .5px #fff6;border-radius:8px}
.es-spec{position:absolute;top:calc(100% + 21px);font-size:7px;letter-spacing:.18em;color:#8396a5;display:flex;align-items:center;gap:7px;white-space:nowrap}
.es-spec i{width:4px;height:4px;background:var(--es-accent);border-radius:50%}.es-spec-desktop{left:5%}.es-spec-mobile{right:0;transform:rotateZ(-5deg);font-size:6px}
.es-orbit{position:absolute;inset:14% 5% 24%;pointer-events:none;transform:rotateX(72deg);border:1px solid rgba(119,157,188,.07);border-radius:50%}.es-orbit span{position:absolute;inset:10%;border:1px solid rgba(119,157,188,.05);border-radius:50%}.es-orbit span:nth-child(2){inset:-14%}
.es-floor{position:absolute;left:10%;right:10%;bottom:23%;height:18%;pointer-events:none;background:radial-gradient(ellipse,rgba(147,180,202,.07),transparent 65%);filter:blur(12px);transform:rotateX(65deg)}
.es-project-copy{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:28px;padding:14px 5% 0;position:relative;transform:translateZ(0);transition:opacity .5s;user-select:text}
.es-enhanced .es-project:not(.is-active) .es-project-copy{opacity:0}
.es-project-category{display:block;font-size:8px;letter-spacing:.12em;color:#9aa9b4;line-height:1.5}
.es-project-copy h3{font-size:clamp(30px,3.2vw,49px);font-weight:500;line-height:1.02;letter-spacing:-.05em;margin:10px 0 0}
.es-project-copy>p{font-size:12px;line-height:1.65;margin:0;color:#9ca8b0;max-width:310px}.es-project-copy>p strong{color:#d7e2e9;font-weight:500}
.es-visit{display:flex;align-items:center;gap:14px;white-space:nowrap;color:#d7e5ed;text-decoration:none;font-size:10px}
.es-visit>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--es-line);border-radius:50%;font-size:19px;transition:background .25s,color .25s,transform .25s}
.es-visit:hover>span{background:#e6f5ff;color:#0b1620;transform:rotate(45deg)}
.es-console{width:min(1400px,calc(100% - 112px));margin:0 auto 24px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.es-hint{display:flex;align-items:center;gap:13px;font-size:8px;color:#8e9aa3;letter-spacing:.1em}.es-hint i{font-style:normal;margin:0 7px;color:#395160}.es-hint-arrow{font-size:24px;color:#d0e2ee}
.es-navigation{display:flex;align-items:center;gap:8px}.es-pagination{font-size:11px;color:#6c7b87;margin-right:18px;display:flex;align-items:center;gap:13px}.es-pagination strong{font-weight:400;color:#e3edf4}.es-pagination i{font-style:normal;font-size:14px;color:#435663}
.es-navigation button{height:46px;width:46px;border:1px solid #35404a;border-radius:50%;background:#141a21;font-size:24px;line-height:1;transition:background .25s,border-color .25s,transform .25s}.es-navigation button:hover{background:#e4f3ff;color:#10212e;transform:translateX(-2px)}.es-navigation button:last-child{background:#e4f3ff;color:#10212e;border-color:#e4f3ff}.es-navigation button:last-child:hover{transform:translateX(2px)}
.es-rail{position:relative;display:flex;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#34424d transparent;gap:0;width:min(1400px,calc(100% - 112px));margin:auto;border-top:1px solid var(--es-line);border-bottom:1px solid var(--es-line);padding:0 0 2px;overscroll-behavior-x:contain}
.es-project-selector{flex:0 0 auto;position:relative;text-align:left;padding:23px 21px;border:0;border-right:1px solid rgba(255,255,255,.07);background:transparent;display:grid;gap:13px;min-width:150px;transition:background .3s,color .3s;color:#88949c!important}
.es-project-selector>span{font-size:8px;color:#546773}.es-project-selector>strong{font-size:11px;font-weight:400;white-space:nowrap}.es-project-selector>i{position:absolute;top:20px;right:18px;font-size:10px;font-style:normal;color:#546773}
.es-project-selector::before{position:absolute;content:"";height:2px;inset:0 0 auto;background:var(--es-accent);transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.es-project-selector[aria-pressed=true]{background:linear-gradient(180deg,color-mix(in srgb,var(--es-accent) 11%,transparent),transparent);color:#eef6fa!important}.es-project-selector[aria-pressed=true]::before{transform:scaleX(1)}.es-project-selector[aria-pressed=true]>span,.es-project-selector[aria-pressed=true]>i{color:var(--es-accent)}.es-project-selector:hover{background:#ffffff07}
.es-close{display:flex;justify-content:space-between;align-items:center;gap:30px;width:min(1400px,calc(100% - 112px));margin:32px auto 0}.es-close>span{font-size:14px;color:#71828e;letter-spacing:-.02em}.es-close em{font-style:normal;color:#b6c4cd}.es-close>a{display:flex;align-items:center;gap:20px;font-size:11px;text-decoration:none;color:#d2e1ea}.es-close>a span{font-size:19px;color:#33bde7}
.es-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.es-showcase[data-mode=desktop] .es-desktop{transform:translateX(6%)}.es-showcase[data-mode=desktop] .es-phone{opacity:0;pointer-events:none;transform:translateX(120px) translateZ(-60px) rotateY(-30deg)}
.es-showcase[data-mode=mobile] .es-desktop{opacity:0;pointer-events:none;transform:translateX(-100px) translateZ(-200px) rotateY(30deg)}
.es-showcase[data-mode=mobile] .es-phone{width:24%;right:38%;top:0;transform:translateZ(70px) rotateY(-9deg) rotateZ(-3deg)}
@media(min-width:1600px){.es-enhanced .es-stage{height:840px}.es-project-copy{padding-top:28px}}
@media(max-width:1000px){.es-head,.es-console,.es-rail,.es-close{width:calc(100% - 64px)}.es-head{gap:24px}.es-intro p{font-size:13px}.es-enhanced .es-project{width:82vw}.es-enhanced .es-stage{height:clamp(560px,69vw,710px)}.es-project-copy{grid-template-columns:1fr auto;gap:15px;padding-top:30px}.es-project-copy>p{grid-column:1;grid-row:2;max-width:520px}.es-visit{grid-column:2;grid-row:1/3}.es-browser-bar{height:23px}.es-phone-shell{border-radius:20px;padding:4px}.es-phone-screen{border-radius:16px}.es-monitor-neck{height:25px}.es-monitor-foot{height:8px}}
@media(max-width:700px){.es-showcase{padding:64px 0 35px;scroll-margin-top:70px}.es-head,.es-console,.es-rail,.es-close{width:calc(100% - 40px)}.es-head{display:block}.es-eyebrow{font-size:8px;letter-spacing:.1em;margin-bottom:20px}.es-head h2{font-size:clamp(47px,10.8vw,74px)}.es-intro{max-width:none;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;margin-top:24px}.es-edition{font-size:7px;width:100%}.es-intro p{font-size:12px;line-height:1.65;margin:0}.es-device-switch{padding:3px}.es-device-switch button{min-height:44px;font-size:9px;padding:8px 11px}.es-theatre{margin-top:22px}.es-enhanced .es-project{top:20px;width:88vw}.es-enhanced .es-stage{height:calc(48vw + 210px);min-height:395px;max-height:520px;perspective:1100px;perspective-origin:50% 24%}.es-device-world{aspect-ratio:1.45}.es-desktop{top:3%;width:80%;left:1%}.es-monitor{padding:4px 4px 0;border-radius:9px 9px 7px 7px;box-shadow:0 0 0 1px #030506,0 18px 30px #0008,6px 6px 0 -4px #536471}.es-browser-bar{height:16px;padding:0 6px;gap:6px;border-radius:5px 5px 0 0}.es-browser-dots{gap:2px}.es-browser-dots i{width:3px;height:3px}.es-address{height:10px;font-size:4px}.es-address svg{width:5px;height:5px}.es-browser-plus{font-size:8px}.es-monitor-chin{height:13px;font-size:6px}.es-monitor-neck{height:18px}.es-monitor-foot{height:5px}.es-phone{width:21%;right:-2%;top:17%;transform:translateZ(35px) rotateY(-12deg) rotateZ(5deg)}.es-phone-shell{border-radius:13px;padding:3px}.es-phone-screen{border-radius:9px}.es-phone-camera{height:4px;top:5px}.es-phone-home{bottom:6px;height:1px}.es-spec{top:calc(100% + 12px);font-size:4px;letter-spacing:.1em;gap:3px}.es-spec i{height:2px;width:2px}.es-spec-mobile{font-size:3px}.es-project-copy{padding:0 3%;gap:12px;grid-template-columns:1fr auto;align-items:start}.es-project-copy h3{font-size:clamp(28px,6.5vw,39px);margin-top:8px}.es-project-category{font-size:6px;letter-spacing:.08em}.es-project-copy>p{font-size:10px;line-height:1.6;max-width:none;padding-right:25px}.es-visit{min-width:44px;min-height:44px;justify-content:center;font-size:0;gap:0;grid-row:1;align-self:center}.es-visit>span{width:44px;height:44px;font-size:20px}.es-console{margin-bottom:20px;gap:8px}.es-hint{font-size:6px;letter-spacing:.05em;gap:6px;max-width:150px;line-height:1.8}.es-hint-arrow{font-size:18px}.es-hint i{margin:0 3px}.es-pagination{font-size:9px;gap:8px;margin-right:5px}.es-navigation{gap:6px}.es-navigation button{height:44px;width:44px;font-size:20px}.es-project-selector{padding:19px 16px;min-width:132px;gap:11px}.es-project-selector>strong{font-size:10px}.es-project-selector>i{right:12px;top:17px}.es-close{align-items:flex-start;gap:17px;flex-direction:column;margin-top:25px}.es-close>span{font-size:13px}.es-close>a{display:inline-flex;min-height:44px;align-items:center;font-size:10px}.es-orbit{inset:8% -8% 25%}.es-showcase[data-mode=mobile] .es-phone{width:28%;right:36%;top:-3%;transform:translateZ(30px) rotateY(-9deg) rotateZ(-3deg)}.es-showcase[data-mode=mobile] .es-spec-mobile{font-size:4px}}
@media(max-width:370px){.es-intro p{width:100%}.es-intro{gap:14px}.es-enhanced .es-stage{min-height:370px}.es-project-copy>p{font-size:9px;padding-right:0}.es-project-copy h3{font-size:27px}.es-hint{max-width:120px;font-size:5px}.es-head,.es-console,.es-rail,.es-close{width:calc(100% - 32px)}}
@media(max-width:700px){.es-showcase[data-mode=mobile] .es-device-world{aspect-ratio:1.06}.es-showcase[data-mode=mobile] .es-stage{height:calc(70vw + 240px);min-height:460px;max-height:660px}.es-showcase[data-mode=mobile] .es-phone{width:42%;right:29%;top:0}.es-showcase[data-mode=mobile] .es-spec-mobile{font-size:5px}.es-showcase[data-mode=desktop] .es-desktop{width:98%;left:1%;transform:none}}
@media(prefers-reduced-motion:reduce){.es-showcase *, .es-showcase *::before,.es-showcase *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.es-device-world{transform:none}.es-enhanced .es-project{will-change:auto}}