.qv-product-showcase{--qv-showcase-bg:#07100d;--qv-showcase-panel:#101a17;--qv-showcase-text:#f3faf7;--qv-showcase-muted:#8ba39a;--qv-showcase-accent:#28b783;--qv-mx:50%;--qv-my:50%;position:relative;isolation:isolate;overflow:hidden;min-height:780px;padding:clamp(36px,6vw,86px) clamp(18px,5vw,74px);background:radial-gradient(circle at var(--qv-mx) var(--qv-my),color-mix(in srgb,var(--qv-showcase-accent) 16%,transparent),transparent 28%),radial-gradient(circle at 10% 90%,rgba(27,90,70,.18),transparent 36%),var(--qv-showcase-bg);color:var(--qv-showcase-text);font-family:Cairo,"Segoe UI",sans-serif}.qv-showcase-inner{position:relative;z-index:2;width:min(100%,1440px);margin:0 auto}.qv-showcase-orbit{position:absolute;border:1px solid color-mix(in srgb,var(--qv-showcase-accent) 28%,transparent);border-radius:50%;pointer-events:none;opacity:.55}.qv-showcase-orbit-a{width:720px;height:720px;left:-330px;bottom:-420px;transform:rotate(-16deg)}.qv-showcase-orbit-b{width:560px;height:560px;right:-280px;top:-310px;opacity:.28}.qv-showcase-header{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:30px}.qv-showcase-eyebrow,.qv-showcase-product-eyebrow{display:block;color:var(--qv-showcase-accent);font:700 11px/1.2 "JetBrains Mono",monospace;letter-spacing:.14em}.qv-showcase-title{max-width:720px;margin:12px 0 10px;color:var(--qv-showcase-text);font-size:clamp(28px,4.2vw,64px);line-height:1.03;letter-spacing:-.04em}.qv-showcase-intro{max-width:650px;margin:0;color:var(--qv-showcase-muted);font-size:15px;line-height:1.8}.qv-showcase-counter{display:flex;align-items:baseline;gap:8px;white-space:nowrap;font-family:"JetBrains Mono",monospace}.qv-showcase-counter strong{color:var(--qv-showcase-accent);font-size:52px;font-weight:500;line-height:1}.qv-showcase-counter span{color:var(--qv-showcase-muted);font-size:14px}.qv-showcase-nav{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:24px}.qv-showcase-tab{display:flex;align-items:center;gap:12px;min-height:43px;padding:8px 14px;border:1px solid rgba(222,244,235,.14);border-radius:999px;background:rgba(16,26,23,.58);color:var(--qv-showcase-muted);cursor:pointer;transition:background .25s ease,border-color .25s ease,color .25s ease,transform .25s ease}.qv-showcase-tab:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--tab-accent) 70%,white);color:var(--qv-showcase-text)}.qv-showcase-tab.is-active{border-color:var(--tab-accent);background:color-mix(in srgb,var(--tab-accent) 17%,var(--qv-showcase-panel));color:var(--qv-showcase-text);box-shadow:0 0 24px color-mix(in srgb,var(--tab-accent) 20%,transparent)}.qv-showcase-tab:first-letter{font-family:"JetBrains Mono",monospace}.qv-showcase-tab span{font-size:12px;font-weight:700}.qv-showcase-stage{position:relative;min-height:485px;border:1px solid rgba(225,244,237,.12);border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.055),transparent 28%),linear-gradient(110deg,rgba(16,26,23,.86),rgba(7,16,13,.64));box-shadow:0 24px 75px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.08)}.qv-showcase-product{display:none;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:center;gap:20px;min-height:485px;padding:38px 48px}.qv-showcase-product.is-active{display:grid}.qv-showcase-visual{position:relative;display:grid;place-items:center;min-height:370px;overflow:hidden;border-radius:22px;background:radial-gradient(circle at 50% 48%,color-mix(in srgb,var(--qv-showcase-accent) 12%,transparent),transparent 46%)}.qv-showcase-visual-label{position:absolute;top:8px;left:0;color:rgba(239,250,245,.34);font:600 11px "JetBrains Mono",monospace;letter-spacing:.12em}.qv-showcase-product-glow{position:absolute;width:45%;aspect-ratio:1;border-radius:50%;background:var(--qv-showcase-accent);filter:blur(55px);opacity:.18;transform:translate(calc((var(--qv-mx) - 50%) * .18),calc((var(--qv-my) - 50%) * .18))}.qv-showcase-product-image{position:relative;z-index:1;display:block;width:min(100%,580px);max-height:400px;object-fit:contain;filter:drop-shadow(0 28px 28px rgba(0,0,0,.62));transform:translate(calc((var(--qv-mx) - 50%) * .025),calc((var(--qv-my) - 50%) * .025));transition:transform .35s ease,filter .35s ease}.qv-showcase-product.is-active .qv-showcase-product-image{animation:qvShowcaseEnter .65s cubic-bezier(.2,.7,.2,1) both}.qv-showcase-info{padding:12px 0}.qv-showcase-info h3{margin:12px 0 14px;color:var(--qv-showcase-text);font-size:clamp(30px,4vw,58px);line-height:1.03;letter-spacing:-.045em}.qv-showcase-description{max-width:430px;margin:0 0 24px;color:var(--qv-showcase-muted);font-size:15px;line-height:1.8}.qv-showcase-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:26px}.qv-showcase-spec{min-height:82px;padding:13px;border:1px solid rgba(222,244,235,.13);border-radius:13px;background:rgba(255,255,255,.035)}.qv-showcase-spec small{display:block;margin-bottom:9px;color:var(--qv-showcase-muted);font:600 9px "JetBrains Mono",monospace;letter-spacing:.08em}.qv-showcase-spec strong{display:block;color:var(--qv-showcase-text);font:700 12px/1.4 "JetBrains Mono",monospace}.qv-showcase-actions{display:flex;align-items:center;gap:12px}.qv-showcase-cta{display:inline-flex;align-items:center;gap:16px;padding:14px 18px;border:1px solid var(--qv-showcase-accent);border-radius:999px;background:var(--qv-showcase-accent);color:#06140f;text-decoration:none;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 0 26px color-mix(in srgb,var(--qv-showcase-accent) 26%,transparent);transition:transform .25s ease,filter .25s ease}.qv-showcase-cta:hover{filter:brightness(1.12);transform:translateY(-2px)}.qv-showcase-cta span{font-size:18px;line-height:1}.qv-showcase-next{display:grid;place-items:center;width:47px;height:47px;border:1px solid rgba(222,244,235,.22);border-radius:50%;background:transparent;color:var(--qv-showcase-text);font-size:20px;cursor:pointer;transition:border-color .25s ease,color .25s ease,transform .25s ease}.qv-showcase-next:hover{border-color:var(--qv-showcase-accent);color:var(--qv-showcase-accent);transform:translateX(3px)}.qv-showcase-footer{display:flex;align-items:center;gap:16px;margin-top:18px;color:rgba(239,250,245,.42);font:600 10px "JetBrains Mono",monospace;letter-spacing:.08em}.qv-showcase-footer span:first-child{color:var(--qv-showcase-muted)}.qv-showcase-footer i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--qv-showcase-accent);box-shadow:0 0 12px var(--qv-showcase-accent)}.qv-showcase-progress{flex:1;height:2px;background:rgba(255,255,255,.12)}.qv-showcase-progress b{display:block;width:33.33%;height:100%;background:var(--qv-showcase-accent);transition:width .35s ease}@keyframes qvShowcaseEnter{from{opacity:0;transform:translate3d(26px,10px,0) scale(.96)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}@media(max-width:900px){.qv-showcase-header{align-items:flex-start;flex-direction:column}.qv-showcase-counter{position:absolute;top:38px;right:28px}.qv-showcase-product{grid-template-columns:1fr;padding:28px}.qv-showcase-visual{min-height:270px}.qv-showcase-product-image{max-height:280px}.qv-showcase-info h3{font-size:38px}}@media(max-width:560px){.qv-product-showcase{padding:32px 14px}.qv-showcase-title{padding-right:0;font-size:32px}.qv-showcase-intro{font-size:13px}.qv-showcase-stage{border-radius:20px}.qv-showcase-product{padding:22px 16px}.qv-showcase-specs{grid-template-columns:1fr}.qv-showcase-footer{font-size:8px}.qv-showcase-footer>span:last-child{display:none}.qv-showcase-counter strong{font-size:38px}}
.qv-showcase-orbits{position:absolute;z-index:2;inset:50%;width:1px;height:1px;pointer-events:none}.qv-showcase-orbits:before,.qv-showcase-orbits:after{content:"";position:absolute;left:calc(var(--orbit-radius) * -1);top:calc(var(--orbit-radius) * -1);width:calc(var(--orbit-radius) * 2);height:calc(var(--orbit-radius) * 2);border:1px solid color-mix(in srgb,var(--qv-showcase-accent) 24%,transparent);border-radius:50%;transform:rotate(22deg)}.qv-showcase-orbits:after{transform:rotate(-34deg);opacity:.5}.qv-showcase-orbital{position:absolute;left:0;top:0;width:var(--orbit-size);height:var(--orbit-size);margin:calc(var(--orbit-size) / -2);animation:qvShowcaseOrbit var(--orbit-duration) linear infinite;transform-origin:0 0}.qv-showcase-orbital img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 5px var(--qv-showcase-accent)) drop-shadow(0 0 14px color-mix(in srgb,var(--qv-showcase-accent) 72%,transparent));animation:qvShowcaseIconPulse 2.3s ease-in-out infinite alternate}.qv-showcase-orbital-1{--orbit-angle:0deg}.qv-showcase-orbital-2{--orbit-angle:55deg;--orbit-size:calc(var(--orbit-size) * .72);animation-delay:-2.5s}.qv-showcase-orbital-3{--orbit-angle:112deg;--orbit-size:calc(var(--orbit-size) * 1.28);animation-delay:-5s}.qv-showcase-orbital-4{--orbit-angle:176deg;--orbit-size:calc(var(--orbit-size) * .82);animation-delay:-7.5s}.qv-showcase-orbital-5{--orbit-angle:232deg;--orbit-size:calc(var(--orbit-size) * 1.12);animation-delay:-10s}.qv-showcase-orbital-6{--orbit-angle:285deg;--orbit-size:calc(var(--orbit-size) * .66);animation-delay:-12.5s}.qv-showcase-orbital-7{--orbit-angle:325deg;--orbit-size:calc(var(--orbit-size) * .94);animation-delay:-15s}.qv-showcase-orbital-8{--orbit-angle:148deg;--orbit-size:calc(var(--orbit-size) * .58);animation-delay:-18s}@keyframes qvShowcaseOrbit{from{transform:rotate(var(--orbit-angle)) translateX(var(--orbit-radius)) rotate(calc(var(--orbit-angle) * -1))}to{transform:rotate(calc(var(--orbit-angle) + 360deg)) translateX(var(--orbit-radius)) rotate(calc((var(--orbit-angle) + 360deg) * -1))}}@keyframes qvShowcaseIconPulse{from{opacity:.58;filter:drop-shadow(0 0 3px var(--qv-showcase-accent)) drop-shadow(0 0 8px color-mix(in srgb,var(--qv-showcase-accent) 54%,transparent))}to{opacity:1;filter:drop-shadow(0 0 7px var(--qv-showcase-accent)) drop-shadow(0 0 19px color-mix(in srgb,var(--qv-showcase-accent) 84%,transparent))}}@media(max-width:900px){.qv-showcase-orbits{transform:scale(.82)}.qv-showcase-orbital{animation-duration:calc(var(--orbit-duration) * 1.15)}}@media(max-width:560px){.qv-showcase-orbits{transform:scale(.66)}.qv-showcase-orbits:before,.qv-showcase-orbits:after{opacity:.55}}
