.product-showcase{mix-blend-mode:normal;isolation:isolate;container-type:inline-size}
.product-showcase .sculpture{mix-blend-mode:normal}
.showcase-aura{position:absolute;inset:8% 0 2%;background:radial-gradient(ellipse,#ff5b121c,transparent 66%);pointer-events:none}
.showcase-browser{position:absolute;left:2%;top:16%;width:82%;height:62%;border:1px solid #45453e;border-radius:10px;overflow:hidden;background:#171813;transform:rotate(-7deg);box-shadow:0 25px 70px #000b;animation:float 8s ease-in-out infinite}
.showcase-chrome{height:9%;min-height:20px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;background:#25261f;border-bottom:1px solid #37392e;font:6px monospace;letter-spacing:1px;color:#94978a}
.chrome-dots{display:flex;gap:4px}.chrome-dots i{width:4px;height:4px;border-radius:50%;background:#666a5c}.chrome-dots i:first-child{background:#ff5b12}
.showcase-web{height:91%;padding:4% 6% 3%;background:#d9dbca;color:#20251b;display:flex;flex-direction:column}
.showcase-nav{display:flex;justify-content:space-between;align-items:center}.showcase-nav>b{font:700 26px var(--heading);letter-spacing:-2px}.showcase-nav>b>span{font-size:8px;vertical-align:top;letter-spacing:0}.showcase-nav>span{font-size:6px;white-space:nowrap}.showcase-nav i{font-style:normal;border:1px solid #7f8774;border-radius:20px;padding:4px 7px;margin-left:4px}
.showcase-web-hero{display:flex;flex:1;align-items:center;position:relative}.showcase-headline{position:relative;z-index:2;width:60%;padding-block:3%}.showcase-headline>span:first-child{font:6px monospace;letter-spacing:1px}.showcase-headline>strong{display:block;font:600 66px/.83 var(--heading);letter-spacing:-4px;margin:12px 0 14px}.showcase-headline em{color:#ef5315;font-style:normal}.showcase-web-cta{font-size:6px;background:#252b21;color:#e5e8d9;padding:7px 9px;display:inline-block;border-radius:2px}
.showcase-orb{position:absolute;right:-2%;top:13%;width:50%;aspect-ratio:1;display:grid;place-items:center;perspective:600px;transform:rotate(-15deg)}
.showcase-orb>span{position:absolute;inset:0;border:13px solid #ff5b12;border-radius:50%;box-shadow:inset 3px 0 0 #ff9956,3px 0 0 #a82f0b;transform:rotateY(57deg);animation:showcase-orbit 15s linear infinite}
.showcase-orb>span:nth-child(2){rotate:60deg;animation-delay:-5s}.showcase-orb>span:nth-child(3){rotate:120deg;animation-delay:-10s}.showcase-orb>b{font:80px var(--heading);color:#ff5b12;animation:spin 40s linear infinite}
.showcase-web-bottom{display:flex;justify-content:space-between;border-top:1px solid #7f877444;padding-top:3%;font:5px monospace;letter-spacing:.7px}.showcase-web-bottom>span:last-child{display:flex;gap:7px;align-items:center}.showcase-web-bottom i{display:inline-block;width:22px;height:2px;background:#ef5315}
.showcase-phone{position:absolute;right:1%;top:36%;width:29%;height:51%;background:#161913;border:3px solid #4b4f41;border-radius:25px;transform:rotate(9deg);box-shadow:0 22px 35px #0009,inset 0 0 0 2px #090b08;animation:float 7s ease-in-out -3s infinite;overflow:hidden}
.showcase-island{position:absolute;top:6px;left:34%;width:32%;height:9px;border-radius:15px;background:#060705}.showcase-phone-top{display:flex;justify-content:space-between;padding:8px 10%;font-size:6px;color:#e3e5d7}.showcase-phone-body{padding:9% 11% 0}.showcase-greeting{font:5px monospace;letter-spacing:.8px;color:#9da48e}.showcase-phone-body>strong{display:block;position:relative;margin-top:6px;font:500 21px/.98 var(--heading);letter-spacing:-1px;color:#eef0e2}.showcase-phone-body>strong>span{position:absolute;right:0;bottom:0;color:#ff5b12;font-size:28px}
.showcase-ring{width:83%;aspect-ratio:1;margin:13% auto;border-radius:50%;background:conic-gradient(#ff5b12 0 72%,#353a2d 72%);padding:7%;transform:rotate(-15deg)}.showcase-ring>div{width:100%;height:100%;background:#161913;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(15deg)}.showcase-ring b{font:500 27px var(--heading);color:#e7ebda;letter-spacing:-1px}.showcase-ring b>span{font-size:12px}.showcase-ring small{font:4px monospace;letter-spacing:.5px;color:#adb49d}
.showcase-phone-card{padding:10%;background:#292e22;border-radius:7px;color:#a9b09c}.showcase-phone-card>span{font-size:5px;display:block}.showcase-phone-card>strong{font-size:6px;font-weight:500;color:#e5ead9;display:flex;justify-content:space-between;margin-top:5px;white-space:nowrap}.showcase-phone-card i{color:#ff7636;font-style:normal}.showcase-phone-card>div{height:3px;background:#434b36;margin-top:9px;overflow:hidden;border-radius:3px}.showcase-phone-card>div>i{display:block;background:#ff5b12;width:72%;height:100%;transform-origin:left;animation:showcase-progress 5s ease-in-out infinite}.showcase-phone-nav{display:flex;justify-content:space-around;margin-top:11%;font-size:12px;color:#7c856c}.showcase-phone-nav>span:first-child{color:#ff5b12}
.showcase-code{position:absolute;top:8%;right:6%;display:flex;align-items:center;gap:11px;padding:12px 16px;border:1px solid #45483c;border-radius:7px;background:#1c1e18;box-shadow:0 9px 25px #0005;font-size:10px;transform:rotate(4deg);animation:float 9s ease-in-out -4s infinite}.showcase-code>span{font:22px monospace;color:#ff6a25}.showcase-spark{position:absolute;top:30%;right:2%;font-size:45px;line-height:1;color:#ff5b12;animation:spin 35s linear infinite}.showcase-caption{position:absolute;bottom:13%;left:4%;display:flex;gap:10px;align-items:center;font:8px monospace;letter-spacing:1.3px;color:#b7bdab}.product-showcase .art-bottom{left:4%;right:2%;bottom:3%}
@keyframes showcase-orbit{from{transform:rotateY(57deg) rotateZ(0deg)}to{transform:rotateY(57deg) rotateZ(360deg)}}
@keyframes showcase-progress{0%,100%{transform:scaleX(.65)}50%{transform:scaleX(1)}}
@container(max-width:490px){.showcase-headline>strong{font-size:13.2cqw;letter-spacing:-.8cqw}.showcase-nav>b{font-size:5.2cqw}.showcase-headline>span:first-child{font-size:1.2cqw}.showcase-orb>span{border-width:2.6cqw}.showcase-orb>b{font-size:16cqw}.showcase-phone-body>strong{font-size:4.2cqw;letter-spacing:-.2cqw}.showcase-phone-body>strong>span{font-size:5.6cqw}.showcase-ring b{font-size:5.4cqw}.showcase-ring b>span{font-size:2.4cqw}.showcase-code{font-size:2cqw;padding:2.4cqw 3.2cqw}.showcase-code>span{font-size:4.4cqw}.showcase-caption{font-size:1.6cqw;letter-spacing:.26cqw}.showcase-spark{font-size:9cqw}.showcase-phone{border-radius:5cqw}.showcase-web-cta{font-size:1.2cqw;padding:1.4cqw 1.8cqw}.showcase-headline>strong{margin:2.4cqw 0 2.8cqw}.showcase-nav>span{font-size:1.2cqw}.showcase-phone-card>strong{font-size:1.2cqw}.showcase-phone-card>span{font-size:1cqw}}
@media(max-width:480px){.product-showcase{height:370px}.showcase-browser{top:17%;height:60%}.showcase-phone{height:52%;top:36%;right:1%;width:30%}.showcase-chrome{font-size:4px;min-height:16px}.showcase-web-bottom{font-size:3px;letter-spacing:.4px}.showcase-nav i{padding:3px 4px}.showcase-phone-top{padding-top:6px;font-size:4px}.showcase-island{top:5px;height:6px}.showcase-greeting{font-size:4px;letter-spacing:.2px}.showcase-ring small{font-size:3px}.showcase-phone-card>div{margin-top:6px;height:2px}.showcase-phone-nav{font-size:9px}.showcase-phone-body{padding-top:7%}.showcase-caption{bottom:13%;gap:6px}.showcase-caption .live-dot{width:5px;height:5px}.showcase-code{top:8%;right:9%}}