.showcase{--scene-accent:#7b72ff;isolation:isolate;perspective:1200px;width:100%;min-width:0;padding:70px 0 85px;position:relative}.showcase[data-scene="1"]{--scene-accent:#54d7d0}.showcase[data-scene="2"]{--scene-accent:#ac87ff}.showcase-aura{z-index:-1;background:radial-gradient(ellipse,color-mix(in srgb,var(--scene-accent) 25%,transparent),transparent 67%);filter:blur(28px);transition:background 1s;position:absolute;inset:10% -10%}.showcase-float{transform-origin:50%;will-change:transform;animation:8s ease-in-out infinite window-float}@keyframes window-float{0%,to{transform:translateY(5px)rotateY(-5deg)rotate(-1deg)}50%{transform:translateY(-12px)rotateY(3deg)rotate(1deg)}}.showcase-window{box-shadow:0 35px 80px #0009,0 0 50px color-mix(in srgb,var(--scene-accent) 12%,transparent);background:#0b0d17;border:1px solid #41465e;border-radius:16px;transition:box-shadow 1s;overflow:hidden}.showcase-toolbar{color:#737d98;background:linear-gradient(110deg,#1b1e2d,#10131f);border-bottom:1px solid #ffffff0f;align-items:center;gap:12px;height:40px;padding:0 14px;display:flex}.window-lights{gap:5px;display:flex}.window-lights i{background:#626b81;border-radius:50%;width:6px;height:6px}.window-lights i:first-child{background:#ac7b9e}.showcase-address{text-align:center;background:#090c1580;border:1px solid #ffffff06;border-radius:6px;flex:1;margin:0 18px;padding:5px;font-size:12px}.showcase-viewport{height:340px;position:relative;overflow:hidden}.showcase-screen{opacity:0;visibility:hidden;padding:23px;transition:opacity .75s,transform .9s cubic-bezier(.2,.7,.2,1),visibility .75s;position:absolute;inset:0;overflow:hidden;transform:translateY(18px)scale(.97)}.showcase-screen[aria-hidden=false]{opacity:1;visibility:visible;transform:none}.demo-nav{z-index:2;letter-spacing:.12em;justify-content:space-between;align-items:center;margin-bottom:30px;font-size:12px;display:flex;position:relative}.demo-nav>span{color:#949db5;align-items:center;gap:8px;font-size:10px;display:flex}.demo-kicker{letter-spacing:.12em;color:var(--scene-accent);font-size:10px}.showcase-screen h3{letter-spacing:-.045em;margin:12px 0;font-size:30px;font-weight:500;line-height:1.08}.showcase-screen h3 em{color:var(--scene-accent);font-style:normal}.showcase-screen p{color:#929cb2;margin:10px 0 17px;font-size:12px;line-height:1.5}.identity-content{z-index:2;position:relative}.identity-content h3{max-width:320px}.demo-sculpture{object-fit:cover;opacity:.75;width:100%;height:100%;position:absolute;bottom:-26%;right:-50%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 30%);mask-image:linear-gradient(90deg,#0000,#000 30%)}.demo-button{color:#171524;background:#edecff;border-radius:6px;align-items:center;gap:16px;padding:10px 13px;font-size:12px;display:inline-flex}.demo-bottom{letter-spacing:.15em;color:#68728e;border-top:1px solid #ffffff15;justify-content:space-between;padding-top:12px;font-size:9px;display:flex;position:absolute;bottom:17px;left:23px;right:23px}.conversion-screen{background:radial-gradient(at 100% 100%,#153b43,#0000 65%),#0b1118}.conversion-screen h3{font-size:28px}.demo-offer{background:#ffffff06;border:1px solid #85f3e52b;border-radius:10px;align-items:center;gap:12px;margin:15px 0;padding:12px;display:flex}.demo-offer strong{font-size:14px;font-weight:500}.demo-offer p{margin:5px 0 0;font-size:11px}.offer-icon,.offer-check{color:#7de4dc}.offer-check{margin-left:auto}.demo-journey{color:#7fa8ae;align-items:center;gap:10px;margin:16px 0;font-size:11px;display:flex}.demo-journey i{background:linear-gradient(90deg,#62c4c0,#62c4c022);flex:1;height:1px}.conversion-screen .demo-button{background:#b7f1e8}.dashboard-screen{background:radial-gradient(at 0 100%,#292048,#0000 70%),#0d0f1a}.dashboard-screen .demo-nav{margin-bottom:22px}.demo-avatar{background:#534073;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.dashboard-heading{color:#ac87ff;justify-content:space-between;align-items:center;display:flex}.dashboard-heading h3{color:#fff;margin-top:7px;font-size:24px}.dashboard-panels{grid-template-columns:1.2fr 1fr;gap:10px;margin-top:14px;display:grid}.demo-chart,.demo-tasks{color:#bbc0d5;background:#ffffff04;border:1px solid #ffffff12;border-radius:10px;padding:13px;font-size:12px}.chart-bars{align-items:end;gap:5px;height:93px;margin:15px 0 10px;display:flex}.chart-bars i{transform-origin:bottom;background:linear-gradient(#b7a3ff,#5744a6);border-radius:3px 3px 0 0;flex:1}.dashboard-screen[aria-hidden=false] .chart-bars i{animation:1.2s both chart-grow}.demo-chart small{color:#7e749c;letter-spacing:.06em;font-size:8px}.demo-tasks>div:not(.task-progress){color:#a99bce;align-items:center;gap:6px;margin-top:19px;font-size:10px;display:flex}.task-progress{background:#242036;border-radius:4px;height:4px;margin-top:22px}.task-progress i{background:#a586ed;width:78%;height:100%;display:block}@keyframes chart-grow{0%{transform:scaleY(.15)}to{transform:scaleY(1)}}.showcase-chip{z-index:3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#151925d9;border:1px solid #ffffff21;border-radius:13px;align-items:center;gap:12px;padding:13px 16px;animation:7s ease-in-out infinite chip-float;display:flex;position:absolute;box-shadow:0 15px 40px #0006}.chip-icon{width:35px;height:35px;color:var(--scene-accent);background:#7580ff13;border-radius:10px;place-items:center;display:grid}.showcase-chip strong{margin:4px 0;font-size:13px;font-weight:500;display:block}.showcase-chip small{letter-spacing:.1em;color:#8490a9;font-size:9px;display:block}.chip-top{top:30px;left:-15px}.chip-bottom{animation-delay:-3s;bottom:56px;right:-18px}@keyframes chip-float{0%,to{transform:translateY(-4px)}50%{transform:translateY(7px)}}.showcase-controls{justify-content:center;align-items:center;gap:5px;margin-top:34px;display:flex}.showcase-controls button{cursor:pointer;color:#8994ab;background:0 0;border:1px solid #0000;border-radius:7px;padding:9px 8px;font:12px Arial}.showcase-controls button span{color:#596480;margin-right:5px;font-size:10px}.showcase-controls button[aria-pressed=true]{color:#d5d8ff;background:#737cf015;border-color:#6973b844}.showcase-controls button:hover{color:#fff}.showcase-controls button:focus-visible{outline-offset:3px;outline:2px solid #8baaff}.showcase-pause{place-items:center;display:grid}.showcase[data-paused=true] .showcase-float,.showcase[data-paused=true] .showcase-chip{animation-play-state:paused}@media (max-width:980px){.showcase{max-width:590px;margin:auto}.showcase-viewport{height:360px}}@media (max-width:620px){.showcase{padding-top:55px;padding-bottom:35px}.showcase-chip{gap:7px;padding:10px}.chip-top{top:11px;left:0}.chip-bottom{bottom:78px;right:0}.showcase-viewport{height:360px}.showcase-screen{padding:18px}.showcase-screen h3{font-size:27px}.demo-nav>span{font-size:8px}.showcase-address{margin:0;font-size:10px}.showcase-controls{justify-content:space-between;gap:0;margin-top:50px}.showcase-controls button{padding:9px 4px;font-size:11px}.demo-tasks{padding:10px}.showcase-chip strong{font-size:12px}.demo-offer{gap:8px;padding:10px}.demo-offer strong{font-size:12px}}@media (prefers-reduced-motion:reduce){.showcase *{transition:none!important;animation:none!important}}