.hero2-bg-layer{opacity:0;pointer-events:none;transition:opacity 1.2s ease-in-out;position:absolute;inset:0}.hero2-bg-layer.active{opacity:1}.look3-bg{z-index:1;background:radial-gradient(#ffffff12 1.5px,#0000 1.5px) 0 0/24px 24px,radial-gradient(circle at 20% 10%,#8b5cf661,#0000 34%) 0 0/100% 100%,radial-gradient(circle at 80% 18%,#ec489947,#0000 30%) 0 0/100% 100%,radial-gradient(circle at 50% 90%,#22d3ee2e,#0000 36%) 0 0/100% 100%,#000 0 0/100% 100%;-webkit-mask-image:linear-gradient(#000 0% 70%,#0000 100%);mask-image:linear-gradient(#000 0% 70%,#0000 100%)}.original-bg{z-index:1;background:radial-gradient(circle at 20% 10%,#0070f338,#0000 35%),radial-gradient(circle at 80% 20%,#8b5cf62e,#0000 30%),radial-gradient(circle at 50% 80%,#f400271a,#0000 40%),linear-gradient(#070710 0%,#0b0b1a 100%)}.hero2-showcase-container{z-index:5;place-items:center;width:100%;min-height:650px;display:grid;position:relative;container-type:inline-size}.showcase-content{opacity:0;pointer-events:none;z-index:1;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;transform:scale(.96)translateY(15px)}.showcase-content.active{opacity:1;pointer-events:auto;z-index:2;transform:scale(1)translateY(0)}.showcase-content.state-mockups{--showcase-scale:min(1, calc(100cqw / 800 / 1px));width:800px;height:520px;transform:scale(var(--showcase-scale)) translateY(15px);transform-origin:50%;opacity:0;pointer-events:none;justify-content:center;align-items:center;margin-top:-260px;margin-left:-400px;display:flex;position:absolute;top:50%;left:50%}.showcase-content.state-mockups.active{opacity:1;transform:scale(var(--showcase-scale)) translateY(0);pointer-events:auto}.hero2-droplet-visual{z-index:5;justify-content:center;align-items:center;width:100%;max-width:550px;height:550px;margin:0 auto;display:flex;position:relative}.hero2-main-3d-image{-webkit-backdrop-filter:blur(10px);z-index:2;background:linear-gradient(135deg,#ffffff26,#0070f340,#0a112859);border:1px solid #fff3;border-radius:30% 70% 70% 30%/30% 30% 70% 70%;width:100%;max-width:480px;height:540px;animation:20s ease-in-out infinite float-hero;position:relative;overflow:hidden;box-shadow:0 15px 35px #0003,inset 0 0 40px #ffffff4d,inset 0 0 100px #0070f333}.hero2-droplet-visual .glass-badge{-webkit-backdrop-filter:blur(20px);z-index:5;color:#fff;white-space:nowrap;background:#fff6;border:.5px solid #fffc;border-radius:40px;align-items:center;gap:8px;padding:8px 15px;font-size:13px;font-weight:600;transition:transform .3s,box-shadow .3s;display:flex;position:absolute;box-shadow:0 10px 40px #1f26870d}.hero2-droplet-visual .glass-badge:hover{transform:translateY(-5px);box-shadow:0 12px 40px #1f26871f}.hero2-droplet-visual .dark-pill{background:color-mix(in srgb, var(--primary-dark,#0a1128) 90%, transparent);color:#fff;border-radius:20px;padding:6px 14px;font-size:12px}.hero2-droplet-visual .blue-pill{background:color-mix(in srgb, var(--primary-blue,#0070f3) 90%, transparent);color:#fff;border-radius:20px;padding:6px 14px;font-size:12px}.hero2-droplet-visual .profile-card{padding:8px 20px 8px 8px}.hero2-droplet-visual .profile-info{flex-direction:column;display:flex}.hero2-droplet-visual .profile-name{color:var(--primary-contrast,#0a1128);font-size:14px;font-weight:800}.hero2-droplet-visual .profile-role{color:var(--primary-contrast,#0a1128);font-size:11px;font-weight:400}.hero2-droplet-visual .badge-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:12px;font-weight:700;display:flex}.hero2-droplet-visual .badge-1{top:8%;left:8%}.hero2-droplet-visual .badge-2{top:15%;right:15%}.hero2-droplet-visual .badge-3{top:35%;right:12%}.hero2-droplet-visual .badge-4{bottom:35%;left:8%}.hero2-droplet-visual .badge-5{bottom:45%;right:0%}.hero2-droplet-visual .badge-6{bottom:15%;left:12%}@media (max-width:1080px){.hero2-showcase-container{min-height:calc(520px * min(1, calc(100cqw / 800 / 1px)) + 20px)}}@media (max-width:768px){.showcase-content{flex-direction:column;justify-content:flex-start;align-items:center}.showcase-content.state-mockups{flex-direction:row;justify-content:center;align-items:center}.hero2-droplet-visual{width:100%;max-width:350px;height:420px}.hero2-main-3d-image{max-width:300px;height:380px}.hero2-droplet-visual .glass-badge{-webkit-backdrop-filter:blur(8px);white-space:normal;gap:5px;max-width:140px;padding:4px 8px;font-size:10px}.hero2-droplet-visual .badge-avatar{width:32px;height:32px;font-size:10px}.hero2-droplet-visual .profile-card{padding:4px 12px 4px 4px!important}.hero2-droplet-visual .profile-name{font-size:11px}.hero2-droplet-visual .profile-role{font-size:8px}.hero2-droplet-visual .glass-badge .dark-pill,.hero2-droplet-visual .glass-badge .blue-pill{padding:3px 8px;font-size:9px}.hero2-droplet-visual .badge-1{top:0%;left:0%}.hero2-droplet-visual .badge-2{top:12%;right:0%}.hero2-droplet-visual .badge-3{top:35%;right:-2%}.hero2-droplet-visual .badge-4{top:45%;bottom:auto;left:-2%}.hero2-droplet-visual .badge-5{top:72%;bottom:auto;right:0%}.hero2-droplet-visual .badge-6{top:82%;bottom:auto;left:0%}}