.qy-showcase{--night:#090b10;--text:#eeeff5;--muted:#8d94a6;--gold:#d8bd89;--border:#ffffff13;--ease-out:cubic-bezier(.16,1,.3,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--ease-smooth:cubic-bezier(.65,0,.35,1);position:relative;-webkit-font-smoothing:antialiased;background:var(--night);color:var(--text);font-family:Inter,Microsoft YaHei,system-ui,sans-serif;font-size:14px;line-height:1.6;overflow:clip;text-rendering:optimizeLegibility}.qy-showcase *,.qy-showcase :after,.qy-showcase :before{box-sizing:border-box}.qy-showcase h1,.qy-showcase h2,.qy-showcase h3,.qy-showcase h4,.qy-showcase p{margin:0}.qy-showcase a{color:inherit;text-decoration:none}.qy-showcase img{display:block;max-width:100%}.qy-showcase svg{flex-shrink:0;height:19px;width:19px}.qy-showcase a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.qy-showcase ::-moz-selection{background:#d8bd8940}.qy-showcase ::selection{background:#d8bd8940}.qy-showcase .qy-brand{align-items:center;color:inherit;display:flex;font-size:20px;gap:9px;letter-spacing:-.5px;white-space:nowrap}.qy-showcase .qy-brand img{border-radius:9px;height:36px;-o-object-fit:cover;object-fit:cover;width:36px}.qy-showcase .qy-brand>span{align-self:center;border:1px solid #d8bd8960;border-radius:4px;color:#e9d6b4;font-size:9px;letter-spacing:1px;margin-left:2px;padding:1px 5px}.qy-showcase .qy-brand.compact{font-size:15px;gap:7px}.qy-showcase .qy-brand.compact img{border-radius:6px;height:27px;width:27px}.qy-showcase .site-header{align-items:center;-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);background:#090b10b0;border-bottom:1px solid transparent;display:flex;height:78px;justify-content:space-between;padding:0 max(5%,calc(50vw - 650px));position:sticky;top:0;transition:background .45s,border-color .45s,box-shadow .45s;z-index:50}.qy-showcase .site-header.is-scrolled{background:#090b10e6;border-bottom-color:var(--border);box-shadow:0 12px 40px -18px #000c}.qy-showcase .site-header .qy-brand img{transition:transform .6s var(--ease-spring)}.qy-showcase .site-header>a:hover .qy-brand img{transform:rotate(-8deg) scale(1.06)}.qy-showcase .site-header nav{color:#b2b4c2;display:flex;font-size:12px;gap:34px}.qy-showcase .site-header nav a{padding:6px 0;position:relative;transition:color .3s}.qy-showcase .site-header nav a:after{background:linear-gradient(90deg,transparent,var(--gold),transparent);bottom:0;content:"";height:1px;left:0;position:absolute;right:0;transform:scaleX(0);transition:transform .45s var(--ease-out)}.qy-showcase .site-header nav a.active,.qy-showcase .site-header nav a:hover{color:var(--gold)}.qy-showcase .site-header nav a.active:after,.qy-showcase .site-header nav a:hover:after{transform:scaleX(1)}.qy-showcase .scroll-progress{background:linear-gradient(90deg,#8a74508a,var(--gold),#f6ead2);bottom:-1px;box-shadow:0 0 10px #d8bd8980;height:1px;left:0;pointer-events:none;position:absolute;transform:scaleX(var(--scroll-progress,0));transform-origin:left;width:100%}.qy-showcase .header-edition{align-items:center;color:#a8a79f;display:flex;font-size:9px;gap:9px;letter-spacing:2px}.qy-showcase .header-edition i,.qy-showcase .release-label i{background:var(--gold);border-radius:50%;box-shadow:0 0 12px #d8bd8990;height:5px;width:5px}.qy-showcase .hero{background:radial-gradient(ellipse at 50% 80%,#252132 0,transparent 62%);display:flex;flex-direction:column;justify-content:center;min-height:780px;overflow:hidden;padding:95px 24px 45px;position:relative;text-align:center}.qy-showcase .hero-grid{background-image:linear-gradient(#ffffff03 1px,transparent 0),linear-gradient(90deg,#ffffff03 1px,transparent 0);background-size:80px 80px;inset:0;-webkit-mask-image:linear-gradient(transparent,#000);mask-image:linear-gradient(transparent,#000);position:absolute}.qy-showcase .hero-content{position:relative;z-index:1}.qy-showcase .release-label{align-items:center;background:#d8bd8907;border:1px solid #d8bd8928;border-radius:30px;color:#cbbd9f;display:inline-flex;font-size:11px;gap:11px;letter-spacing:1.4px;padding:8px 15px}.qy-showcase .release-label>span{border-left:1px solid #d8bd8940;color:#8c897f;font:9px monospace;padding-left:10px}.qy-showcase .hero h1{font-size:clamp(44px,5.5vw,78px);font-weight:650;letter-spacing:-3.5px;line-height:1.25;margin:34px 0 26px}.qy-showcase .hero h1>.hero-line{display:inline-block}.qy-showcase .hero h1>.hero-gradient{animation:hero-in 1.2s var(--ease-out) both,text-flow 9s linear infinite;animation-delay:calc(var(--i)*.12s + .15s),0s;background:linear-gradient(110deg,#e7d2a6 5%,#faf3e4 30%,#a7b9d9,#e7d2a6 70%,#faf3e4 85%,#a7b9d9);background-clip:text;-webkit-background-clip:text;background-size:200% 100%;color:transparent}.qy-showcase .hero p{color:#999eaf;font-size:16px;letter-spacing:.5px;line-height:2}.qy-showcase .hero-flow{align-items:center;color:#b9b7bf;display:flex;font-size:11px;gap:18px;justify-content:center;margin:43px 0}.qy-showcase .hero-flow i{background:linear-gradient(90deg,#88745960,#e9d6b4a0);height:1px;position:relative;width:36px}.qy-showcase .hero-flow i:after{color:var(--gold);content:"›";font-size:12px;position:absolute;right:-3px;top:-9px}.qy-showcase .hero-signature{align-items:center;color:#d5d1cb;display:flex;gap:17px;justify-content:center}.qy-showcase .hero-signature>.qy-brand{font-size:14px}.qy-showcase .hero-signature>span{border-left:1px solid #ffffff20;color:#777886;font-size:9px;letter-spacing:2.5px;padding-left:17px}.qy-showcase .hero-orbits{inset:0;pointer-events:none;position:absolute;transform:translate(calc(var(--px, 0)*-40px),calc(var(--py, 0)*-26px));transition:transform 1.2s var(--ease-out)}.qy-showcase .hero-orbits i{--r:-14deg;animation:orbit-sway 22s var(--ease-smooth) infinite alternate;border:1px solid #d8bd8917;border-radius:50%;box-shadow:inset 0 0 100px #d8bd8903;height:600px;left:50%;position:absolute;top:220px;transform:rotate(var(--r));translate:-50% 0;width:1100px}.qy-showcase .hero-orbits i:after{animation:orbit-light 14s linear infinite;background:conic-gradient(from var(--orbit-angle,0deg),transparent 0 82%,#e9d6b480 92%,transparent 100%) border-box;border:1px solid transparent;border-radius:inherit;content:"";inset:-1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;position:absolute}.qy-showcase .hero-orbits i:nth-child(2){--r:14deg;animation-delay:-6s;animation-duration:28s;border-color:#ffffff08;height:760px;width:1350px}.qy-showcase .hero-orbits i:nth-child(2):after{animation-direction:reverse;animation-duration:20s;opacity:.6}.qy-showcase .hero-orbits i:nth-child(3){--r:0deg;animation-delay:-12s;animation-duration:34s;border-color:#b4b5ef0d;height:800px;top:480px;width:1600px}.qy-showcase .hero-orbits i:nth-child(3):after{animation-duration:26s;opacity:.4}.qy-showcase .scroll-discover{align-items:center;color:#777d90;display:flex;flex-direction:column;font-size:10px;gap:14px;letter-spacing:2px;margin-top:68px;z-index:1}.qy-showcase .scroll-discover b{animation:float 2.5s ease-in-out infinite;font-size:18px;font-weight:400}.qy-showcase .eyebrow{align-items:center;color:#b6a785;display:flex;font-size:10px;font-weight:550;gap:14px;letter-spacing:2.1px}.qy-showcase .eyebrow>span{border-right:1px solid #ffffff20;color:#5d6375;font:11px monospace;padding-right:14px}.qy-showcase .upgrades{margin:auto;max-width:1300px;padding:85px 24px 70px}.qy-showcase .upgrades-heading{align-items:end;display:flex;justify-content:space-between;margin-bottom:35px}.qy-showcase .experience-intro h2,.qy-showcase .upgrades h2{font-size:35px;font-weight:550;letter-spacing:-1.3px;margin:14px 0 0}.qy-showcase .experience-intro h2 span,.qy-showcase .upgrades h2 span{color:#7f8498}.qy-showcase .upgrades-heading>p{color:#818698;font-size:11px}.qy-showcase .upgrade-grid{display:grid;gap:11px;grid-template-columns:repeat(5,1fr)}.qy-showcase .upgrade-grid>a{--mx:50%;--my:0%;background:linear-gradient(130deg,#171922,#0f1118);border:1px solid var(--border);border-radius:11px;box-shadow:inset 0 1px #ffffff08;display:block;isolation:isolate;overflow:hidden;padding:21px 19px 25px;position:relative;transition:transform .5s var(--ease-out),border-color .4s,box-shadow .5s var(--ease-out),opacity .9s var(--ease-out),filter .9s var(--ease-out)}.qy-showcase .upgrade-grid>a:before{background:radial-gradient(220px circle at var(--mx) var(--my),#d8bd8922,transparent 70%);z-index:-1}.qy-showcase .upgrade-grid>a:after,.qy-showcase .upgrade-grid>a:before{content:"";inset:0;opacity:0;position:absolute;transition:opacity .4s}.qy-showcase .upgrade-grid>a:after{background:radial-gradient(160px circle at var(--mx) var(--my),#e9d6b4b0,transparent 70%);border-radius:inherit;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none}.qy-showcase .upgrade-grid>a:hover{border-color:#d8bd8930;box-shadow:inset 0 1px #ffffff10,0 22px 50px -24px #000,0 0 40px -18px #d8bd8960;transform:perspective(700px) rotateX(calc(var(--py, 0)*-12deg)) rotateY(calc(var(--px, 0)*12deg)) translateY(-5px)}.qy-showcase .upgrade-grid>a:hover:after,.qy-showcase .upgrade-grid>a:hover:before{opacity:1}.qy-showcase .upgrade-grid>a:active{transform:translateY(-2px) scale(.985);transition-duration:.15s}.qy-showcase .upgrade-grid small{color:#6c7081;display:flex;font:10px monospace;justify-content:space-between;letter-spacing:1px;transition:color .4s}.qy-showcase .upgrade-grid small span{color:#65616a;transition:transform .5s var(--ease-spring),color .4s}.qy-showcase .upgrade-grid>a:hover small{color:#b6a785}.qy-showcase .upgrade-grid>a:hover small span{color:var(--gold);transform:translate(3px,-3px)}.qy-showcase .upgrade-grid h3{color:#e0dfe5;font-size:14px;font-weight:550;margin:26px 0 8px;transition:color .4s}.qy-showcase .upgrade-grid>a:hover h3{color:#fff}.qy-showcase .upgrade-grid p{color:#85899a;font-size:10px;letter-spacing:.2px;transition:color .4s}.qy-showcase .upgrade-grid>a:hover p{color:#a9adbb}.qy-showcase .experience-intro{padding:80px 20px 15px;text-align:center}.qy-showcase .experience-intro .eyebrow{justify-content:center}.qy-showcase .experience-intro p{color:#777d91;font-size:12px;margin-top:16px}.qy-showcase .demo-section{margin:auto;max-width:1300px;padding:90px 24px 22px;scroll-margin-top:90px}.qy-showcase .section-heading{align-items:end;display:flex;gap:50px;isolation:isolate;justify-content:space-between;margin-bottom:28px;position:relative}.qy-showcase .section-heading:before{color:transparent;content:attr(data-index);font:700 170px/1 Inter,system-ui,sans-serif;letter-spacing:-8px;position:absolute;right:0;top:-78px;z-index:-1;-webkit-text-stroke:1px #ffffff0d;pointer-events:none;transition:-webkit-text-stroke-color 1s,translate 1.2s var(--ease-out);translate:0 20px}.qy-showcase .demo-section.is-active .section-heading:before{-webkit-text-stroke-color:#d8bd8930;translate:0 0}.qy-showcase .section-heading h2{font-size:33px;font-weight:550;letter-spacing:-1.1px;line-height:1.4;margin-top:13px}.qy-showcase .section-heading>p{color:#9699a9;flex-shrink:0;font-size:12px;line-height:1.95;max-width:340px}.qy-showcase .feature-tags{display:flex;gap:8px;margin-top:18px}.qy-showcase .feature-tags>span{border:1px solid #d8bd8925;border-radius:20px;color:#aaa594;font-size:9px;letter-spacing:.4px;padding:4px 10px}.qy-showcase .product-frame{aspect-ratio:1280/800;background:#f8f8f8;border-radius:12px;box-shadow:0 0 0 1px #ffffff24,0 25px 80px #0006;overflow:clip;position:relative;transition:box-shadow 1.2s var(--ease-out),opacity 1.1s var(--ease-out),transform 1.3s var(--ease-out),filter 1.1s var(--ease-out);width:100%}.qy-showcase .demo-section.is-active .product-frame{box-shadow:0 0 0 1px #d8bd8938,0 30px 90px #0007,0 0 120px -30px #d8bd8945}.qy-showcase .frame-sheen{border-radius:inherit;box-shadow:inset 0 1px #ffffffb0;inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:2}.qy-showcase .frame-sheen:after{background:radial-gradient(600px circle at var(--mx,50%) var(--my,0),#ffffff1f,transparent 60%);content:"";inset:0;opacity:0;position:absolute;transition:opacity .5s}.qy-showcase .frame-stage:hover .frame-sheen:after{opacity:1}.qy-showcase .frame-sheen:before{background:linear-gradient(100deg,transparent,#ffffff38 45%,#ffffff55 50%,#ffffff38 55%,transparent);bottom:0;content:"";left:-60%;opacity:0;position:absolute;top:0;transform:skew(-12deg);width:45%}.qy-showcase .product-frame.is-revealed .frame-sheen:before{animation:frame-sheen 1.6s var(--ease-smooth) .7s both}.qy-showcase .product-canvas{height:800px;inset:0;overflow:clip;position:absolute;transform:scale(var(--app-scale));transform-origin:top left;width:1280px}.qy-showcase .scene-narration{align-items:center;border-bottom:1px solid var(--border);color:#a5a6b5;display:flex;font-size:11px;gap:11px;height:58px;padding:0 7px}.qy-showcase .live-indicator{background:#4d5262;border-radius:50%;flex-shrink:0;height:5px;position:relative;transition:background .5s,box-shadow .5s;width:5px}.qy-showcase .live-indicator.on{background:#d8bd89;box-shadow:0 0 9px #d8bd8990}.qy-showcase .live-indicator.on:after{animation:live-ping 2s var(--ease-out) infinite;border:1px solid #d8bd89;border-radius:50%;content:"";inset:0;position:absolute}.qy-showcase .scene-caption{flex:1;transition:color .4s}.qy-showcase .demo-section.is-active .scene-caption{color:#d4d5df}.qy-showcase .scene-dots{display:flex;gap:5px;margin-left:auto}.qy-showcase .scene-dots i{background:#3a3b49;border-radius:3px;display:block;height:3px;overflow:hidden;position:relative;transition:width .7s var(--ease-out),background .6s;width:5px}.qy-showcase .scene-dots i.passed{background:#6b604c}.qy-showcase .scene-dots i.current{background:#4a4538;width:28px}.qy-showcase .scene-dots i.current:after{background:linear-gradient(90deg,#a48d63,#f0dcb4);border-radius:inherit;content:"";inset:0;position:absolute;transform:scaleX(1);transform-origin:left}.qy-showcase .demo-section.is-active .scene-dots i.current:after{animation:dot-fill var(--phase-duration,4.6s) linear both;box-shadow:0 0 8px #d8bd8970}.qy-showcase .scene-counter{color:#676d80;font:9px monospace;letter-spacing:1px;margin-left:12px}.qy-showcase .scene-counter>b{color:#b6a785;display:inline-block;font-weight:400}.qy-showcase .closing{overflow:hidden;padding:130px 20px 100px;position:relative;text-align:center}.qy-showcase .closing .eyebrow,.qy-showcase .closing>.qy-brand{justify-content:center;position:relative}.qy-showcase .closing .eyebrow{font-size:9px;margin:40px 0 25px}.qy-showcase .closing h2{font-size:52px;font-weight:550;letter-spacing:-2px;line-height:1.4;position:relative}.qy-showcase .closing h2 span{color:#caba99}.qy-showcase .closing p{color:#777d90;font-size:12px;margin-top:25px;position:relative}.qy-showcase .closing-glow{background:radial-gradient(ellipse,#3b304540,transparent 68%);border-radius:50%;bottom:-350px;height:650px;left:50%;position:absolute;transform:translate(-50%);width:900px}.qy-showcase .site-footer{align-items:center;border-top:1px solid var(--border);color:#9d9ca5;display:flex;justify-content:space-between;padding:28px 5%}.qy-showcase .site-footer>a,.qy-showcase .site-footer>span{color:#6d7284;font-size:10px}.qy-showcase .app-shell{background:#f8f8f8;color:#1c1c1c;font-family:Microsoft YaHei,Arial,sans-serif;font-size:12px;height:800px;line-height:1.6;overflow:clip;position:relative;width:1280px;--ui-border:#e9e9e9;--ui-muted:#999}.qy-showcase .app-titlebar{align-items:center;background:#fff;border-bottom:1px solid #f2f2f2;display:flex;height:48px;justify-content:space-between;padding:0 16px}.qy-showcase .app-titlebar .qy-brand{font-size:15px}.qy-showcase .app-titlebar .qy-brand img{border-radius:5px;height:28px;width:28px}.qy-showcase .window-symbols{color:#999;display:flex;font-size:17px;gap:25px}.qy-showcase .app-sidebar{background:#fff;border-right:1px solid #e8e8e8;bottom:0;display:flex;flex-direction:column;left:0;padding:15px 11px 12px;position:absolute;top:48px;width:173px}.qy-showcase .menu-main{display:grid;gap:3px}.qy-showcase .menu-item{align-items:center;border-radius:7px;color:#8e8e8e;display:flex;font-size:11px;gap:11px;height:37px;padding:0 11px;white-space:nowrap}.qy-showcase .menu-item svg{height:17px;stroke-width:1.5;width:17px}.qy-showcase .menu-item.selected{background:#171717;box-shadow:0 3px 7px #00000008;color:#fff;font-weight:600}.qy-showcase .menu-item i{background:currentColor;border-radius:50%;height:4px;margin-left:auto;width:4px}.qy-showcase .menu-item.separated{margin-top:25px;position:relative}.qy-showcase .menu-item.separated:before{background:#eee;content:"";height:1px;left:10px;position:absolute;right:10px;top:-14px}.qy-showcase .menu-bottom{display:grid;gap:3px;margin-top:auto}.qy-showcase .menu-user{align-items:center;border-top:1px solid #eee;color:#777;display:flex;font-size:10px;gap:6px;margin-top:12px;padding:13px 4px 0}.qy-showcase .menu-user>span:last-child{margin-left:auto}.qy-showcase .user-avatar{align-items:center;background:#191919;border-radius:50%;color:#f7f7f7;display:inline-flex;flex-shrink:0;font-size:13px;height:34px;justify-content:center;width:34px}.qy-showcase .app-workspace{inset:48px 0 0 173px;overflow:clip;padding:27px 28px;position:absolute}.qy-showcase .app-shell h1{font-size:25px;font-weight:700;letter-spacing:-.7px;line-height:1.4}.qy-showcase .app-shell h2{font-size:20px;font-weight:650}.qy-showcase .app-shell h3{color:#222;font-size:14px;font-weight:650;line-height:1.5}.qy-showcase .app-shell h4{font-size:12px;font-weight:600}.qy-showcase .app-shell p{line-height:1.85}.qy-showcase .app-shell small{color:#999;font-size:10px}.qy-showcase .page-heading{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:23px}.qy-showcase .page-heading>h1{width:100%}.qy-showcase .page-heading p{color:#969696;font-size:11px;margin-top:7px}.qy-showcase .page-version{background:#f7f3e9;border:1px solid #d1c3a9;border-radius:5px;color:#847354;font-size:9px;padding:4px 9px}.qy-showcase .ui-panel{background:#fff;border:1px solid var(--ui-border);border-radius:12px;min-width:0;padding:20px;transition:border-color .4s,box-shadow .4s}.qy-showcase .panel-heading{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:18px}.qy-showcase .subtle{color:#999;font-size:10px}.qy-showcase .status-pill{align-items:center;background:#f4f4f4;border:1px solid #e9e9e9;border-radius:5px;color:#818181;display:inline-flex;font-size:9px;gap:5px;padding:3px 7px;white-space:nowrap}.qy-showcase .status-dot,.qy-showcase .status-pill i{background:#74917e;border-radius:50%;display:inline-block;height:4px;width:4px}.qy-showcase .two-columns{display:grid;gap:16px;grid-template-columns:1fr 1fr;min-width:0}.qy-showcase .two-columns.full{height:100%}.qy-showcase .two-columns>.ui-panel{min-width:0}.qy-showcase .segmented{background:#f1f1f1;border:1px solid #ececec;border-radius:7px;display:inline-flex;gap:4px;margin:0 0 17px;max-width:100%;padding:4px}.qy-showcase .segmented>span{color:#8c8c8c;font-size:11px;line-height:1.5;padding:7px 13px;white-space:nowrap}.qy-showcase .segmented>span.selected{background:#fff;border-radius:5px;box-shadow:0 1px 4px #0000000d;color:#242424;font-weight:600}.qy-showcase .segmented.small{gap:2px;margin:0;padding:3px}.qy-showcase .segmented.small>span{font-size:9px;padding:5px 9px}.qy-showcase .mock-button{align-items:center;background:#f6f6f6;border:1px solid #e9e9e9;border-radius:6px;color:#666;display:inline-flex;font-size:10px;justify-content:center;padding:8px 13px;white-space:nowrap}.qy-showcase .mock-button.dark{background:#171717;border-color:#171717;box-shadow:0 2px 4px #00000009;color:#fff}.qy-showcase .mock-button.full-width{display:flex;padding:10px;width:100%}.qy-showcase .soft-row{align-items:center;background:#f5f5f5;border-radius:7px;color:#8c8c8c;display:flex;font-size:10px;gap:12px;justify-content:space-between;margin:16px 0;padding:13px}.qy-showcase .input-mock{background:#f6f6f6;border:1px solid #e9e9e9;border-radius:6px;color:#666;font-size:11px;min-width:0;padding:11px 12px}.qy-showcase .input-mock>span{color:#929292;float:right;font-size:9px}.qy-showcase .field-label{color:#929292;font-size:10px;margin:18px 0 8px}.qy-showcase .emphasis{border-color:#b4aa96!important;box-shadow:0 0 0 3px #d8bd8912}.qy-showcase .progress-line{background:#eee;border-radius:4px;height:4px;overflow:clip}.qy-showcase .progress-line>i{background:#202020;border-radius:4px;display:block;height:100%;transition:width 1.8s ease}.qy-showcase .mini-check{color:#6c8771;font-weight:600}.qy-showcase .check-circle{background:#171717;border-radius:50%;color:#fff;display:inline-grid;font-size:10px;height:18px;margin-left:auto;place-items:center;width:18px}.qy-showcase .select-mock{background:#f6f6f6;border:1px solid #e8e8e8;border-radius:5px;display:inline-block;font-size:10px;padding:6px 9px}.qy-showcase .tiny-label{color:#999;font-size:9px}.qy-showcase .three-metrics{display:grid;gap:14px;grid-template-columns:repeat(3,1fr);margin-bottom:18px}.qy-showcase .three-metrics>div{background:#fff;border:1px solid #e7e7e7;border-radius:11px;padding:18px 20px}.qy-showcase .three-metrics small{display:block}.qy-showcase .three-metrics b{display:block;font-size:30px;line-height:1.5;margin-top:8px}.qy-showcase .page-heading+.segmented{margin-top:-4px}.qy-showcase .home-welcome{background:linear-gradient(110deg,#fff,#faf9f7);border:1px solid #e9e9e9;border-radius:12px;margin-bottom:18px;overflow:clip;padding:25px 25px 27px;position:relative}.qy-showcase .home-welcome h1{font-size:25px;margin:7px 0 8px}.qy-showcase .home-welcome p{color:#999;font-size:10px}.qy-showcase .welcome-orbit{display:grid;height:190px;place-items:center;position:absolute;right:35px;top:-12px;width:245px}.qy-showcase .welcome-orbit i{border:1px solid #ddd7ca;border-radius:50%;height:100px;position:absolute;transform:rotate(30deg);width:240px}.qy-showcase .welcome-orbit i:nth-child(2){transform:rotate(-30deg)}.qy-showcase .welcome-orbit span{color:#cdc3b0;font-size:65px;line-height:1}.qy-showcase .home-metrics{display:grid;gap:13px;grid-template-columns:repeat(3,1fr);margin-bottom:18px}.qy-showcase .metric-card{background:#fff;border:1px solid #e8e8e8;border-radius:10px;padding:17px 19px;transition:.6s}.qy-showcase .metric-card small{font-size:10px}.qy-showcase .metric-card strong{display:block;font-size:29px;font-weight:600;letter-spacing:-.5px;line-height:1.5;margin:7px 0 6px}.qy-showcase .metric-card>span{color:#aaa;font-size:9px}.qy-showcase .recent-projects{padding:19px 20px}.qy-showcase .recent-projects .panel-heading{margin-bottom:4px}.qy-showcase .project-row{align-items:center;border-bottom:1px solid #eee;display:flex;gap:13px;padding:17px 0}.qy-showcase .project-row:last-child{border:0;padding-bottom:0}.qy-showcase .project-icon{background:#f2f2f2;border-radius:7px;color:#888;display:grid;font-size:21px;height:40px;place-items:center;width:35px}.qy-showcase .project-row b{font-size:11px;font-weight:600}.qy-showcase .project-row small{display:block;font-size:9px;margin-top:4px}.qy-showcase .project-progress{color:#8b8b8b;font-size:9px;margin-left:auto;text-align:right;width:150px}.qy-showcase .project-progress>span{display:block;margin-bottom:8px}.qy-showcase .agent-demo{height:100%;position:relative}.qy-showcase .agent-top{align-items:center;background:#fff;border-bottom:1px solid #eee;display:flex;font-size:11px;height:43px;justify-content:space-between;margin:-27px -28px 0;padding:0 23px}.qy-showcase .agent-conversation{margin:auto;max-width:760px;padding-top:22px}.qy-showcase .user-message{background:#fff;border:1px solid #e7e7e7;border-radius:12px 12px 3px;box-shadow:0 2px 7px #00000003;font-size:11px;margin-left:auto;max-width:90%;padding:10px 16px;width:-moz-fit-content;width:fit-content}.qy-showcase .agent-routing{align-items:center;display:flex;gap:12px;margin:23px 0 17px;padding:0 7px}.qy-showcase .agent-routing>span:first-child{background:#171717;border-radius:7px;color:#fff;font-size:22px;height:28px;text-align:center;width:28px}.qy-showcase .agent-routing b{font-size:11px;font-weight:600}.qy-showcase .agent-routing small{display:block;font-size:9px;margin-top:2px}.qy-showcase .routing-check{color:#8d8d8d;margin-left:auto}.qy-showcase .agent-result{height:335px;overflow:clip;padding:23px}.qy-showcase .agent-result .panel-heading{margin-bottom:20px}.qy-showcase .goal-line{color:#444;font-size:16px;margin:28px 0 26px}.qy-showcase .agent-plan{display:grid;gap:12px;grid-template-columns:1fr 1fr}.qy-showcase .agent-plan>div{align-items:center;border:1px solid #e9e9e9;border-radius:8px;display:flex;gap:12px;padding:13px}.qy-showcase .agent-plan>div>span{color:#b3b3b3;font:13px monospace}.qy-showcase .agent-plan b{font-size:11px}.qy-showcase .agent-plan small{font-size:8px;margin-left:auto}.qy-showcase .script-text{background:#f6f6f6;border-radius:8px;color:#666;font-size:12px;line-height:2;padding:18px;white-space:pre-line}.qy-showcase .agent-result .script-text{font-size:12px;line-height:1.8;padding:20px;white-space:normal}.qy-showcase .agent-result .soft-row{margin-bottom:0}.qy-showcase .agent-media{align-items:center;display:grid;gap:25px;grid-template-columns:140px 1fr}.qy-showcase .agent-media>img{border-radius:7px;height:240px;-o-object-fit:cover;object-fit:cover;width:140px}.qy-showcase .agent-media.finished{gap:20px;grid-template-columns:140px 140px 1fr}.qy-showcase .agent-media.finished>.demo-video{border-radius:7px;height:240px;width:140px}.qy-showcase .agent-media.finished>div:last-child p{color:#999;font-size:10px;margin:10px 0 15px}.qy-showcase .agent-media.finished h3{font-size:15px;line-height:1.8}.qy-showcase .agent-job{align-items:center;color:#aaa;display:flex;font-size:9px;gap:13px;padding:17px 4px}.qy-showcase .agent-job .progress-line{flex:1}.qy-showcase .agent-job>b{color:#777;font:10px monospace}.qy-showcase .agent-composer{background:#fff;border:1px solid #e4e4e4;border-radius:15px;bottom:0;box-shadow:0 10px 25px #00000005;left:50%;padding:15px 18px;position:absolute;transform:translate(-50%);width:760px}.qy-showcase .agent-composer>span{color:#aaa;font-size:12px}.qy-showcase .agent-composer>div{align-items:center;color:#999;display:flex;font-size:10px;justify-content:space-between;margin-top:15px}.qy-showcase .agent-composer b{background:#171717;border-radius:50%;color:#fff;display:grid;font-size:16px;height:26px;place-items:center;width:26px}.qy-showcase .saved-state{padding:15px 10px;text-align:center}.qy-showcase .saved-check{background:#faf8f3;border:1px solid #ddd9cf;border-radius:50%;color:#877b60;display:inline-grid;font-size:22px;height:44px;margin-bottom:13px;place-items:center;width:44px}.qy-showcase .saved-state h2{font-size:18px;margin-bottom:13px}.qy-showcase .saved-state p{color:#999;font-size:11px}.qy-showcase .saved-files{color:#818181;display:flex;font-size:10px;gap:18px;justify-content:center;margin-top:23px}.qy-showcase .studio-demo{display:flex;flex-direction:column;height:100%}.qy-showcase .studio-heading{align-items:center;display:flex;justify-content:space-between}.qy-showcase .studio-heading h1{font-size:24px}.qy-showcase .studio-heading p{color:#999;font-size:10px;margin-top:6px}.qy-showcase .step-number{font-size:46px;letter-spacing:-2px;line-height:1}.qy-showcase .step-number>small{color:#aaa;font-size:24px;font-weight:400}.qy-showcase .studio-stepper{align-items:center;background:#fff;border:1px solid #e8e8e8;border-radius:11px;display:flex;gap:8px;margin:23px 0 18px;padding:17px 16px}.qy-showcase .studio-stepper>div{align-items:center;color:#aaa;display:flex;flex:1;font-size:9px;gap:6px;white-space:nowrap}.qy-showcase .studio-stepper b{border:1px solid #d9d9d9;border-radius:5px;color:#a4a4a4;display:grid;font-size:10px;height:24px;place-items:center;width:24px}.qy-showcase .studio-stepper .current{color:#222;font-weight:600}.qy-showcase .studio-stepper .current b{background:#191919;border-color:#191919;box-shadow:0 3px 7px #0002;color:#fff}.qy-showcase .studio-stepper .done b{border-color:#aaa;color:#555}.qy-showcase .studio-stepper i{background:#e7e7e7;flex:1;height:1px;margin-left:3px}.qy-showcase .studio-stepper>div:last-child i{display:none}.qy-showcase .studio-stage{height:473px;min-height:0;position:relative}.qy-showcase .studio-stage .ui-panel{padding:19px}.qy-showcase .studio-stage .ui-panel>h3{margin-bottom:17px}.qy-showcase .studio-status{align-items:center;color:#aaa;display:flex;font-size:9px;justify-content:space-between;margin-top:auto;padding-top:18px}.qy-showcase .studio-status>span:first-child{align-items:center;display:flex;gap:7px}.qy-showcase .studio-status i{background:#94917f;border-radius:50%;height:4px;width:4px}.qy-showcase .studio-stage .script-text{font-size:11px;height:350px;line-height:1.9;padding:17px}.qy-showcase .studio-stage .segmented{margin-bottom:18px}.qy-showcase .upload-mock{align-items:center;background:#fafafa;border:1px dashed #ddd;border-radius:7px;display:flex;flex-direction:column;gap:12px;height:220px;justify-content:center;margin:20px 0}.qy-showcase .upload-mock>b{color:#aaa;font-size:30px;font-weight:300}.qy-showcase .upload-mock strong{color:#888;font-size:12px;font-weight:400}.qy-showcase .upload-mock small{font-size:9px}.qy-showcase .toolbar-mock{align-items:center;background:#f1f1f1;border:1px solid #e9e9e9;border-radius:8px;color:#7e7e7e;display:flex;font-size:10px;gap:22px;margin-bottom:13px;padding:9px 12px}.qy-showcase .toolbar-right{margin-left:auto}.qy-showcase .rewrite-layout .script-text{height:318px}.qy-showcase .rewrite-layout .two-columns{height:410px}.qy-showcase .rewrite-layout .panel-heading{margin-bottom:17px}.qy-showcase .voice-cards{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:22px}.qy-showcase .voice-cards>div{align-items:center;border:1px solid #e8e8e8;border-radius:7px;color:#777;display:flex;font-size:10px;gap:9px;padding:14px 10px}.qy-showcase .voice-cards b{background:#171717;border-radius:50%;color:#fff;display:grid;font-size:8px;font-weight:400;height:23px;place-items:center;width:23px}.qy-showcase .voice-cards .selected{background:#fafafa;border-color:#333;color:#222}.qy-showcase .voice-cards span{font-size:10px;margin-left:auto}.qy-showcase .audio-result{align-items:center;background:#f7f7f7;border-radius:9px;display:flex;gap:13px;margin:18px 0;padding:13px}.qy-showcase .audio-result>b{background:#171717;border-radius:50%;color:#fff;display:grid;flex-shrink:0;font-size:10px;height:29px;place-items:center;width:29px}.qy-showcase .audio-result>span{color:#999;font:9px monospace}.qy-showcase .waveform{align-items:center;display:flex;flex:1;gap:3px;height:35px;overflow:clip}.qy-showcase .waveform i{animation:wave 1.2s ease-in-out infinite alternate;animation-delay:var(--delay);background:#bdbdbd;border-radius:2px;display:block;flex-shrink:0;height:var(--height);width:3px}.qy-showcase .avatar-grid{display:grid;gap:9px;grid-template-columns:repeat(3,1fr)}.qy-showcase .avatar-grid>div{background:#fff;border:1px solid #e6e6e6;border-radius:8px;padding:4px}.qy-showcase .avatar-grid>div.selected{border-color:#444;box-shadow:0 0 0 1px #444}.qy-showcase .avatar-grid img{aspect-ratio:1.3;border-radius:4px;-o-object-fit:cover;object-fit:cover;width:100%}.qy-showcase .avatar-grid span{display:block;font-size:9px;padding:5px 2px 0}.qy-showcase .avatar-large{background:#111;border-radius:8px;display:flex;height:380px;justify-content:center;overflow:clip}.qy-showcase .avatar-large img{height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.qy-showcase .studio-stage .avatar-grid+.soft-row{margin:14px 0}.qy-showcase .studio-stage .avatar-grid~.segmented{margin:0}.qy-showcase .publish-material{display:flex;gap:15px;height:260px}.qy-showcase .publish-material>.demo-video{flex:1;height:100%;min-width:0}.qy-showcase .publish-material>img{background:#f6f6f6;border-radius:7px;height:100%;-o-object-fit:contain;object-fit:contain;padding:8px;width:45%}.qy-showcase .tagline{color:#aaa;font-size:9px;margin:15px 0}.qy-showcase .publish-config{display:flex;flex-direction:column}.qy-showcase .publish-config>p{margin:0 0 24px}.qy-showcase .account-choice{align-items:center;background:#fafafa;border:1px solid #ccc;border-radius:8px;display:flex;gap:11px;padding:13px}.qy-showcase .account-choice b{font-size:11px}.qy-showcase .account-choice small{display:block}.qy-showcase .publish-config-bottom{margin-top:auto}.qy-showcase .editing-demo{background:#fff;border:1px solid #e7e7e7;border-radius:12px;height:580px;padding:17px}.qy-showcase .source-bar{align-items:center;background:#fafafa;border:1px solid #ededed;border-radius:7px;display:flex;gap:10px;height:58px;padding:9px 12px}.qy-showcase .source-bar>img{border-radius:3px;height:35px;-o-object-fit:cover;object-fit:cover;width:28px}.qy-showcase .source-bar b{font-size:10px}.qy-showcase .source-bar small{display:block;font-size:9px}.qy-showcase .source-bar>.status-pill{margin-left:auto}.qy-showcase .editing-columns{display:grid;gap:17px;grid-template-columns:122px 1fr 330px;height:466px;margin-top:17px}.qy-showcase .editing-menu{border-right:1px solid #eee;display:flex;flex-direction:column;gap:6px;padding-right:12px}.qy-showcase .editing-menu>div{border-radius:6px;color:#999;display:flex;font-size:10px;justify-content:space-between;padding:10px 9px}.qy-showcase .editing-menu .selected{background:#eee;color:#222;font-weight:600}.qy-showcase .editing-controls{padding:10px 4px 0;position:relative}.qy-showcase .editing-controls>h3{margin-bottom:24px}.qy-showcase .slider-mock{margin-bottom:28px}.qy-showcase .slider-mock>div:first-child{display:flex;font-size:11px;justify-content:space-between}.qy-showcase .slider-mock b{color:#888;font-size:10px;font-weight:500}.qy-showcase .slider-track{background:#e8e8e8;border-radius:4px;height:4px;margin:19px 0 7px}.qy-showcase .slider-track i{background:#202020;border-radius:4px;display:block;height:100%;position:relative}.qy-showcase .slider-track i:after{background:#fff;border:2px solid #222;border-radius:50%;content:"";height:10px;position:absolute;right:0;top:50%;transform:translate(50%,-50%);width:10px}.qy-showcase .slider-mock small{color:#aaa;display:flex;font-size:8px;justify-content:space-between}.qy-showcase .editing-note{border-top:1px solid #eee;color:#aaa;font-size:10px;margin-top:33px;padding:16px 0}.qy-showcase .editing-control-footer{bottom:0;left:0;position:absolute;right:0}.qy-showcase .editing-control-footer>.mock-button{display:flex}.qy-showcase .editing-player>.panel-heading{margin-bottom:14px}.qy-showcase .demo-video{background:#121212;border-radius:8px;height:405px;overflow:clip;position:relative}.qy-showcase .demo-video video{display:block;height:100%;-o-object-fit:contain;object-fit:contain;width:100%}.qy-showcase .video-meta{align-items:center;background:linear-gradient(transparent,#0009);bottom:0;color:#fff9;display:flex;font-size:8px;gap:10px;left:0;padding:25px 12px 12px;position:absolute;right:0}.qy-showcase .video-track{background:#ffffff50;border-radius:4px;flex:1;height:2px;overflow:clip}.qy-showcase .video-track i{background:#fff;display:block;height:100%;width:15%}.qy-showcase .video-track i.playing{animation:video-progress 24s linear infinite}.qy-showcase .player-caption{color:#aaa;font-size:8px;letter-spacing:.6px;margin-top:7px;text-align:center}.qy-showcase .subtitle-tiles{display:grid;gap:10px;grid-template-columns:1fr 1fr}.qy-showcase .subtitle-tiles>div{background:#f7f7f7;border:1px solid #e6e6e6;border-radius:7px;overflow:clip;padding:4px}.qy-showcase .subtitle-tiles>div.selected{border-color:#333}.qy-showcase .subtitle-tiles img{background:#171717;border-radius:4px;height:126px;-o-object-fit:cover;object-fit:cover;width:100%}.qy-showcase .subtitle-tiles span{color:#777;display:block;font-size:9px;padding:6px 2px 2px}.qy-showcase .identity-preview{align-items:center;background:#f4f3f0;border:1px solid #e4e4e4;border-radius:8px;display:flex;gap:12px;margin-bottom:25px;padding:25px 14px}.qy-showcase .identity-preview b{font-size:13px}.qy-showcase .identity-preview small{display:block;font-size:9px}.qy-showcase .style-swatches{display:flex;gap:12px}.qy-showcase .style-swatches i{background:linear-gradient(90deg,#191919 30%,#f8f8f8 0);border:1px solid #ddd;border-radius:5px;height:44px;width:70px}.qy-showcase .style-swatches i:nth-child(2){background:linear-gradient(90deg,#e4ddcd 30%,#fff 0)}.qy-showcase .style-swatches i:nth-child(3){background:linear-gradient(90deg,#465869 30%,#f4f4f4 0)}.qy-showcase .style-swatches+p{margin-top:20px}.qy-showcase .editing-demo.compact{height:473px;padding:13px}.qy-showcase .editing-demo.compact .editing-columns{grid-template-columns:120px 1fr 300px;height:373px;margin-top:13px}.qy-showcase .editing-demo.compact .source-bar{height:45px}.qy-showcase .editing-demo.compact .source-bar img{height:28px}.qy-showcase .editing-demo.compact .demo-video{height:310px}.qy-showcase .editing-demo.compact .subtitle-tiles img{height:91px}.qy-showcase .editing-demo.compact .editing-controls{padding-top:0}.qy-showcase .editing-demo.compact .editing-menu>div{padding:9px}.qy-showcase .cover-demo{background:#fff;border:1px solid #e7e7e7;border-radius:12px;display:flex;flex-direction:column;height:580px;padding:20px}.qy-showcase .cover-demo>.panel-heading{border-bottom:1px solid #eee;margin-bottom:21px;padding-bottom:17px}.qy-showcase .inline-options{align-items:center;color:#888;display:flex;font-size:9px;gap:9px}.qy-showcase .toggle{background:#171717;border-radius:8px;display:inline-block;height:13px;position:relative;width:23px}.qy-showcase .toggle:after{background:#fff;border-radius:50%;content:"";height:9px;position:absolute;right:2px;top:2px;width:9px}.qy-showcase .cover-columns{display:grid;flex:1;gap:22px;grid-template-columns:180px 1fr 220px;min-height:0}.qy-showcase .micro-heading{align-items:center;display:flex;font-size:11px;font-weight:600;gap:7px;height:19px;margin-bottom:17px}.qy-showcase .micro-heading em{color:#aaa;font:9px monospace;margin-right:2px}.qy-showcase .micro-heading>.subtle{font-size:8px;font-weight:400;margin-left:auto}.qy-showcase .cover-source>img{border-radius:7px;height:300px;-o-object-fit:cover;object-fit:cover;width:100%}.qy-showcase .source-chips{display:flex;gap:7px;margin-top:13px}.qy-showcase .source-chips>span{border:1px solid #e7e7e7;border-radius:5px;color:#999;font-size:8px;padding:5px 8px}.qy-showcase .cover-result>.segmented,.qy-showcase .cover-templates>.segmented{margin-bottom:12px;padding:3px}.qy-showcase .cover-result>.segmented>span,.qy-showcase .cover-templates>.segmented>span{font-size:9px;padding:5px 11px}.qy-showcase .template-grid{display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.qy-showcase .template-item{background:#fff;border:1px solid #e6e6e6;border-radius:5px;overflow:clip;padding:3px;position:relative}.qy-showcase .template-item img{aspect-ratio:3/4;border-radius:2px;-o-object-fit:cover;object-fit:cover;width:100%}.qy-showcase .template-item.selected{border-color:#333;box-shadow:0 0 0 1px #333}.qy-showcase .selection-tick{background:#171717;border:1px solid #fff;border-radius:50%;bottom:5px;color:#fff;display:grid;font-size:8px;height:14px;place-items:center;position:absolute;right:5px;width:14px}.qy-showcase .gallery-meta{color:#aaa;display:flex;font-size:8px;justify-content:space-between;margin-top:13px}.qy-showcase .result-composition{align-items:center;background:#f4f4f4;border:1px solid #eee;border-radius:8px;display:flex;height:290px;justify-content:center;padding:8px;position:relative}.qy-showcase .portrait-result{filter:drop-shadow(0 5px 8px #0001);height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.qy-showcase .landscape-result{border:4px solid #fff;border-radius:5px;bottom:-7px;box-shadow:0 4px 14px #0002;position:absolute;right:-8px;width:155px}.qy-showcase .result-composition:has(.landscape-result) .portrait-result{transform:translate(-9px,-6px) scale(.88)}.qy-showcase .result-label{color:#999;font-size:9px;margin-top:18px;text-align:center}.qy-showcase .result-label .mini-check{margin-right:5px}.qy-showcase .panel-bottom{align-items:center;border-top:1px solid #eee;display:flex;justify-content:space-between;margin-top:18px;padding-top:17px}.qy-showcase .cover-demo.compact{height:473px;padding:16px}.qy-showcase .cover-demo.compact>.panel-heading{margin-bottom:14px;padding-bottom:10px}.qy-showcase .cover-demo.compact .cover-columns{gap:20px;grid-template-columns:160px 1fr 210px}.qy-showcase .cover-demo.compact .cover-source>img{height:246px}.qy-showcase .cover-demo.compact .template-grid{gap:7px;grid-template-columns:repeat(4,1fr)}.qy-showcase .cover-demo.compact .template-item img{aspect-ratio:auto;height:107px}.qy-showcase .cover-demo.compact .result-composition{height:229px}.qy-showcase .cover-demo.compact .gallery-meta{font-size:7px;margin-top:9px}.qy-showcase .cover-demo.compact .micro-heading{margin-bottom:10px}.qy-showcase .cover-demo.compact .panel-bottom{margin-top:12px;padding-top:12px}.qy-showcase .cover-demo.compact .result-label{margin-top:12px}.qy-showcase .cover-demo.compact .source-chips{margin-top:9px}.qy-showcase .search-mock{align-items:center;background:#fff;border:1px solid #e7e7e7;border-radius:10px;color:#aaa;display:flex;font-size:12px;gap:12px;margin-bottom:18px;padding:11px 14px}.qy-showcase .search-mock>span{font-size:22px;line-height:1}.qy-showcase .search-mock>b{background:#171717;border-radius:5px;color:#fff;font-size:10px;font-weight:500;margin-left:auto;padding:7px 16px}.qy-showcase .topic-switch{display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:21px}.qy-showcase .topic-switch>div{align-items:center;background:#fff;border:1px solid #e8e8e8;border-radius:10px;display:flex;gap:15px;padding:17px 16px}.qy-showcase .topic-switch>div.selected{background:#f0f0ef;border-color:#bebebe}.qy-showcase .topic-switch>div>span{color:#777;font-size:20px}.qy-showcase .topic-switch b{font-size:12px}.qy-showcase .topic-switch small{display:block;font-size:9px;margin-top:5px}.qy-showcase .platform-strip{border-bottom:1px solid #e6e6e6;color:#aaa;display:flex;font-size:10px;gap:22px;margin-bottom:15px;padding:0 6px 12px}.qy-showcase .platform-strip .selected{color:#222;font-weight:600}.qy-showcase .topic-list{padding:2px 20px}.qy-showcase .topic-row{align-items:center;border-bottom:1px solid #eee;display:flex;gap:18px;min-height:105px;padding:22px 0}.qy-showcase .topic-row:last-child{border-bottom:0}.qy-showcase .topic-row>div{flex:1;min-width:0}.qy-showcase .topic-row h3{font-size:12px;margin:3px 0 6px}.qy-showcase .topic-row>img{border-radius:5px;height:65px;-o-object-fit:cover;object-fit:cover;width:49px}.qy-showcase .topic-row .rank{color:#bbb;flex-shrink:0;font:24px monospace;width:35px}.qy-showcase .topic-row small,.qy-showcase .topic-row>.mock-button{font-size:9px}.qy-showcase .monitor-accounts{display:grid;gap:13px;grid-template-columns:1fr 1fr 160px;margin-bottom:20px}.qy-showcase .monitor-accounts>div{align-items:center;background:#fff;border:1px solid #e7e7e7;border-radius:10px;display:flex;gap:12px;padding:14px 17px}.qy-showcase .monitor-accounts>div.selected{background:#f3f3f3;border-color:#aaa}.qy-showcase .monitor-accounts b{font-size:12px}.qy-showcase .monitor-accounts small{display:block;font-size:9px}.qy-showcase .monitor-accounts .status-dot{margin-left:auto}.qy-showcase .monitor-accounts .monitor-clock{background:#fbfaf7;border-color:#e6e0d5;gap:12px;justify-content:center}.qy-showcase .monitor-clock>b{color:#9b8b70;font:32px Georgia,serif}.qy-showcase .monitor-clock>b>span{font-size:15px}.qy-showcase .monitor-clock small{color:#9c917e;font-size:8px;width:35px}.qy-showcase .benchmark-view{height:437px}.qy-showcase .benchmark-view .three-metrics>div{background:#f1f1f1;border:0;padding:14px 18px}.qy-showcase .benchmark-view .three-metrics b{font-size:25px;margin-top:5px}.qy-showcase .benchmark-view>.ui-panel>.topic-row{min-height:90px;padding:15px 0}.qy-showcase .insight-note{background:#f1f2f5;border-left:2px solid #9a9fb0;border-radius:0 7px 7px 0;display:flex;flex-direction:column;gap:7px;margin-bottom:18px;padding:16px 19px}.qy-showcase .insight-note b{font-size:12px}.qy-showcase .insight-note>span{color:#81838b;font-size:10px}.qy-showcase .calendar-grid{display:grid;gap:5px;grid-template-columns:repeat(7,1fr);margin-top:20px}.qy-showcase .calendar-grid>span{border-radius:4px;padding:9px 3px;text-align:center}.qy-showcase .calendar-grid small{font-size:7px}.qy-showcase .calendar-grid b{display:block;font-size:10px;font-weight:500;margin-top:5px}.qy-showcase .rank-bar{margin-top:24px}.qy-showcase .rank-bar>span{color:#777;display:block;font-size:9px;margin-bottom:8px}.qy-showcase .rank-bar>div{background:#f5f5f5;border-radius:4px;height:20px;overflow:clip;position:relative}.qy-showcase .rank-bar i{background:#d3d6df;border-radius:4px;display:block;height:100%}.qy-showcase .rank-bar b{color:#777;font:10px monospace;position:absolute;right:7px;top:3px}.qy-showcase .report-columns{display:grid;gap:20px;grid-template-columns:150px 1fr}.qy-showcase .report-nav{color:#aaa;display:flex;flex-direction:column;font-size:10px;gap:27px;padding-top:8px}.qy-showcase .report-nav .selected{color:#333}.qy-showcase .report-columns article{border:1px solid #eaeaea;border-radius:8px;margin-bottom:13px;padding:18px}.qy-showcase .report-columns article p{color:#777;font-size:11px;line-height:1.9;margin:10px 0}.qy-showcase .report-columns article h3{font-size:13px}.qy-showcase .report-panel{height:418px}.qy-showcase .report-panel>.panel-heading{border-bottom:1px solid #eee;padding-bottom:14px}.qy-showcase .analytics-filter{align-items:center;background:#fff;border:1px solid #e7e7e7;border-radius:10px;display:flex;gap:27px;margin-bottom:18px;padding:17px 20px}.qy-showcase .analytics-filter>span:not(.status-pill){color:#666;font-size:11px;min-width:125px}.qy-showcase .analytics-filter small{display:block;font-size:9px;margin-bottom:5px}.qy-showcase .analytics-filter>.status-pill{margin-left:auto}.qy-showcase .data-metrics{display:grid;gap:10px;grid-template-columns:repeat(6,1fr);margin-bottom:18px}.qy-showcase .data-metrics>div{background:#fff;border:1px solid #e6e6e6;border-radius:9px;padding:16px 12px}.qy-showcase .data-metrics b{display:block;font-size:23px;font-weight:600;margin-top:12px}.qy-showcase .data-metrics small{font-size:9px}.qy-showcase .chart-bars{border-bottom:1px solid #ddd;gap:21px;height:187px;justify-content:space-around;margin:0 5px 23px;padding:15px 16px 0}.qy-showcase .chart-bars,.qy-showcase .chart-bars>div{align-items:end;display:flex}.qy-showcase .chart-bars>div{height:100%;position:relative;width:25px}.qy-showcase .chart-bars i{animation:bar-in 1.2s ease;background:linear-gradient(#818892,#b6bac1);border-radius:3px 3px 0 0;height:var(--bar);width:100%}.qy-showcase .chart-bars span{bottom:-22px;color:#aaa;font:8px monospace;position:absolute;text-align:center;width:100%}.qy-showcase .diagnostic-row{align-items:center;border-bottom:1px solid #eee;color:#8c8c8c;display:flex;font-size:10px;justify-content:space-between;padding:18px 0}.qy-showcase .diagnostic-row:last-child{border:0}.qy-showcase .diagnostic-row b{color:#444;font-size:12px;font-weight:550}.qy-showcase .analytics-view>.ui-panel>.topic-row{min-height:85px;padding:15px 0}.qy-showcase .analytics-view .insight-note{margin:16px 0 0}.qy-showcase .operation-report article{align-items:start;border-bottom:1px solid #eee;display:flex;gap:15px;padding:22px 0}.qy-showcase .operation-report article>span:first-child{background:#f1f1f1;border-radius:5px;color:#aaa;display:grid;flex-shrink:0;font:10px monospace;height:25px;place-items:center;width:25px}.qy-showcase .operation-report article>div{flex:1}.qy-showcase .operation-report p{color:#888;font-size:10px;margin-top:8px}.qy-showcase .operation-report>small{display:block;margin-top:18px}.qy-showcase .operation-report article h3{font-size:12px}.qy-showcase .publishing-demo>.ui-panel{padding:20px}.qy-showcase .publishing-demo .topic-row{min-height:100px;padding:17px 0}.qy-showcase .demo-drawer-layer{inset:0;overflow:clip;position:absolute;z-index:3}.qy-showcase .drawer-shade{background:#00000043;inset:0;position:absolute}.qy-showcase .publishing-drawer{background:#fff;bottom:0;box-shadow:-6px 0 30px #0000000d;overflow:clip;position:absolute;right:0;top:0;width:370px}.qy-showcase .publishing-drawer>.panel-heading{border-bottom:1px solid #eee;margin:0;padding:19px 23px}.qy-showcase .publishing-drawer>.panel-heading>span{color:#aaa;font-size:18px}.qy-showcase .drawer-content{padding:20px 23px}.qy-showcase .drawer-content>h3{font-size:14px;margin:7px 0 20px}.qy-showcase .drawer-content h4{margin:25px 0 11px}.qy-showcase .drawer-content .soft-row{margin-bottom:22px;padding:14px}.qy-showcase .drawer-content .segmented{margin-bottom:12px;width:100%}.qy-showcase .drawer-content .segmented>span{flex:1;font-size:10px;padding-inline:9px;text-align:center}.qy-showcase .drawer-content .subtle{font-size:9px;line-height:1.7;margin:15px 0 20px}.qy-showcase .drawer-content .account-choice{padding:12px}.qy-showcase .drawer-content .account-choice b{font-size:10px}.qy-showcase .drawer-content .user-avatar{font-size:11px;height:28px;width:28px}.qy-showcase .scene-toast{animation:toast-in .5s ease;background:#191919;border-radius:6px;bottom:35px;box-shadow:0 8px 20px #0002;color:#fff;font-size:10px;left:50%;padding:11px 19px;position:absolute;transform:translate(-50%)}.qy-showcase .persona-banner{align-items:center;background:#f0f0ef;border:1px solid #e7e7e7;border-radius:10px;display:flex;gap:13px;margin-bottom:17px;padding:15px 19px}.qy-showcase .persona-banner>.user-avatar{font-size:18px;height:42px;width:42px}.qy-showcase .persona-banner h3{font-size:16px}.qy-showcase .persona-banner small{display:block;font-size:9px;margin-top:4px}.qy-showcase .persona-banner>.status-pill{margin-left:auto}.qy-showcase .persona-demo>.ui-panel{margin-bottom:17px;padding:21px}.qy-showcase .section-no{color:#aaa;font:11px monospace;margin-right:10px}.qy-showcase .form-grid{display:grid;gap:17px;grid-template-columns:1fr 1fr}.qy-showcase .form-grid label{color:#999;display:block;font-size:9px;margin-bottom:7px}.qy-showcase .form-grid .input-mock{background:#fff;font-size:10px;padding:10px 12px}.qy-showcase .persona-demo .ui-panel>h3{margin-bottom:18px}.qy-showcase .persona-save{align-items:center;border-top:1px solid #e6e6e6;color:#aaa;display:flex;font-size:10px;justify-content:space-between;padding:14px 4px}.qy-showcase .persona-fields .panel-heading{border-bottom:1px solid #eee;padding-bottom:15px}.qy-showcase .memory-filter{align-items:center;display:flex;gap:17px;margin-bottom:19px}.qy-showcase .memory-filter .segmented{margin:0}.qy-showcase .memory-search{background:#fff;border:1px solid #e7e7e7;border-radius:6px;color:#aaa;font-size:10px;margin-left:auto;min-width:230px;padding:9px 16px}.qy-showcase .memory-card{margin-bottom:15px;padding:19px 22px}.qy-showcase .memory-card .panel-heading{margin-bottom:16px}.qy-showcase .memory-card p{color:#555;font-size:12px;line-height:1.7}.qy-showcase .memory-foot{align-items:center;color:#aaa;display:flex;font-size:9px;justify-content:space-between;margin-top:18px}.qy-showcase .memory-foot small{font-size:8px}.qy-showcase .memory-note{align-items:center;color:#999;display:flex;font-size:10px;gap:9px;padding:9px 5px}.qy-showcase .memory-note>span{color:#a18d63;font-size:17px}.qy-showcase .accounts-toolbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:22px}.qy-showcase .accounts-toolbar .segmented{margin:0}.qy-showcase .account-panel{padding:25px}.qy-showcase .account-identity{align-items:center;display:flex;gap:15px}.qy-showcase .account-identity>.user-avatar{font-size:21px;height:49px;width:49px}.qy-showcase .account-identity h2{font-size:18px;margin-bottom:7px}.qy-showcase .account-verified{color:#8c968c;font-size:10px;margin-left:auto}.qy-showcase .account-capabilities{border-block:1px solid #eee;display:flex;gap:9px;margin:23px 0;padding:19px 0}.qy-showcase .account-capabilities>span{background:#f6f6f6;border-radius:5px;color:#888;font-size:10px;padding:6px 12px}.qy-showcase .account-actions{display:flex;gap:10px}.qy-showcase .account-actions>span{border:1px solid #e8e8e8;border-radius:5px;color:#888;font-size:10px;padding:7px 13px}.qy-showcase .connection-flow{display:grid;gap:15px;grid-template-columns:repeat(3,1fr);margin:24px 0}.qy-showcase .connection-flow>div{background:#fff;border:1px solid #e7e7e7;border-radius:10px;padding:25px 18px;text-align:center}.qy-showcase .connection-flow>div>span{border:1px solid #ddd;border-radius:50%;color:#aaa;display:grid;font:12px monospace;height:32px;margin:auto auto 14px;place-items:center;width:32px}.qy-showcase .connection-flow>div.complete>span{background:#181818;border-color:#181818;color:#fff}.qy-showcase .connection-flow b{display:block;font-size:12px;font-weight:550}.qy-showcase .connection-flow small{display:block;font-size:9px;margin-top:7px}.qy-showcase .connection-status{align-items:center;color:#999;display:flex;font-size:10px;gap:8px;justify-content:center}.qy-showcase .connection-status i{background:#7e9c87;border-radius:50%;height:5px;width:5px}.qy-showcase .preferences{margin-bottom:18px}.qy-showcase .preferences .ui-panel{padding:21px 23px}.qy-showcase .preferences p{font-size:10px;margin:8px 0 18px}.qy-showcase .preferences .segmented{margin:0}.qy-showcase .preferences .segmented>span{font-size:10px}.qy-showcase .locale-showcase{display:grid;gap:35px;grid-template-columns:1fr 215px;height:395px;padding:27px 30px}.qy-showcase .locale-badge{background:#f6f2e9;border:1px solid #e9e0cd;border-radius:4px;color:#8c7c60;display:inline-block;font-size:8px;letter-spacing:1px;padding:4px 8px}.qy-showcase .locale-copy h2{font-size:37px;font-weight:600;letter-spacing:-1px;line-height:1.3;margin:17px 0 13px}.qy-showcase .locale-copy h3{font-size:16px;letter-spacing:-.2px;line-height:1.6}.qy-showcase .locale-copy>p{color:#999;font-size:10px;line-height:1.9;margin-top:10px;max-width:480px}.qy-showcase .locale-details{border-top:1px solid #eee;display:grid;gap:25px;grid-template-columns:1fr 1fr;margin-top:24px;padding-top:19px}.qy-showcase .locale-details b{display:block;font-size:10px;font-weight:600;margin-bottom:6px}.qy-showcase .locale-details small{display:block;font-size:9px;line-height:1.7}.qy-showcase .locale-status{color:#8b958d;display:block;font-size:9px;margin-top:21px}.qy-showcase .locale-preview{align-items:center;background:#f6f6f6;border-radius:9px;display:flex;flex-direction:column;padding:13px}.qy-showcase .locale-preview>small{font-size:8px;margin-bottom:10px}.qy-showcase .locale-preview>img{border-radius:3px;box-shadow:0 5px 15px #0001;height:230px;max-width:100%;-o-object-fit:contain;object-fit:contain}.qy-showcase .locale-preview>span{color:#aaa;font-size:8px;line-height:1.7;margin-top:11px;text-align:center}.qy-showcase .panel-enter-active{transition:opacity .42s var(--ease-out),transform .5s var(--ease-out),filter .42s var(--ease-out)}.qy-showcase .panel-leave-active{transition:opacity .18s ease-in,transform .18s ease-in,filter .18s ease-in}.qy-showcase .panel-enter-from{filter:blur(6px);opacity:0;transform:translateY(14px) scale(.985)}.qy-showcase .panel-leave-to{filter:blur(3px);opacity:0;transform:translateY(-6px) scale(.995)}.qy-showcase .panel-enter-active .data-metrics>div,.qy-showcase .panel-enter-active .template-item,.qy-showcase .panel-enter-active .three-metrics>div,.qy-showcase .panel-enter-active .topic-row,.qy-showcase .panel-enter-active .ui-panel{animation:stagger-in .5s var(--ease-out) both}.qy-showcase .panel-enter-active :is(.ui-panel,.topic-row,.template-item,.three-metrics>div,.data-metrics>div):nth-child(2){animation-delay:.06s}.qy-showcase .panel-enter-active :is(.ui-panel,.topic-row,.template-item,.three-metrics>div,.data-metrics>div):nth-child(3){animation-delay:.12s}.qy-showcase .panel-enter-active :is(.ui-panel,.topic-row,.template-item,.three-metrics>div,.data-metrics>div):nth-child(4){animation-delay:.18s}.qy-showcase .panel-enter-active :is(.ui-panel,.topic-row,.template-item,.three-metrics>div,.data-metrics>div):nth-child(n+5){animation-delay:.24s}.qy-showcase .caption-enter-active{transition:opacity .45s var(--ease-out),transform .45s var(--ease-out),filter .45s var(--ease-out)}.qy-showcase .caption-leave-active{transition:opacity .2s ease-in,transform .2s ease-in,filter .2s ease-in}.qy-showcase .caption-enter-from{filter:blur(4px);opacity:0;transform:translateY(8px)}.qy-showcase .caption-leave-to{filter:blur(3px);opacity:0;transform:translateY(-6px)}.qy-showcase .count-enter-active,.qy-showcase .count-leave-active{transition:opacity .3s var(--ease-out),transform .3s var(--ease-out)}.qy-showcase .count-enter-from{opacity:0;transform:translateY(60%)}.qy-showcase .count-leave-to{opacity:0;transform:translateY(-60%)}.qy-showcase .drawer-enter-active,.qy-showcase .drawer-leave-active{transition:opacity .5s var(--ease-out)}.qy-showcase .drawer-enter-active .publishing-drawer{transition:transform .65s var(--ease-out)}.qy-showcase .drawer-leave-active .publishing-drawer{transition:transform .4s var(--ease-smooth)}.qy-showcase .drawer-enter-from,.qy-showcase .drawer-leave-to{opacity:0}.qy-showcase .drawer-enter-from .publishing-drawer,.qy-showcase .drawer-leave-to .publishing-drawer{transform:translate(100%)}.qy-showcase .demo-section:not(.is-active) .video-track i,.qy-showcase .demo-section:not(.is-active) .waveform i{animation-play-state:paused}.qy-showcase .closing:after,.qy-showcase .hero:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='3' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");content:"";inset:0;opacity:.05;pointer-events:none;position:absolute}.qy-showcase .hero-in{animation:hero-in 1.2s var(--ease-out) both;animation-delay:calc(var(--i, 0)*.12s + .15s)}.qy-showcase .hero{--mx:50%;--my:40%}.qy-showcase .hero-spotlight{background:radial-gradient(520px circle at var(--mx) var(--my),#d8bd8914,transparent 65%)}.qy-showcase .hero-aurora,.qy-showcase .hero-spotlight{inset:0;pointer-events:none;position:absolute}.qy-showcase .hero-aurora{filter:blur(70px);opacity:.85;transform:translate(calc(var(--px, 0)*60px),calc(var(--py, 0)*40px));transition:transform 1.6s var(--ease-out)}.qy-showcase .hero-aurora i{animation:aurora-a 18s var(--ease-smooth) infinite alternate;background:radial-gradient(circle,#6b4f8a33,transparent 70%);border-radius:50%;height:360px;left:18%;position:absolute;top:26%;width:520px}.qy-showcase .hero-aurora i:nth-child(2){animation:aurora-b 22s var(--ease-smooth) infinite alternate;background:radial-gradient(circle,#c7a46a26,transparent 70%);left:auto;right:14%;top:40%}.qy-showcase .hero-stars{animation:twinkle 5s ease-in-out infinite alternate;background-image:radial-gradient(1.4px 1.4px at 12% 22%,#f3e6cc 50%,transparent 51%),radial-gradient(1px 1px at 26% 64%,#ffffffb0 50%,transparent 51%),radial-gradient(1.2px 1.2px at 41% 14%,#ffffffa0 50%,transparent 51%),radial-gradient(1px 1px at 58% 78%,#e9d6b4 50%,transparent 51%),radial-gradient(1.6px 1.6px at 73% 28%,#f3e6cc 50%,transparent 51%),radial-gradient(1px 1px at 86% 58%,#ffffffa0 50%,transparent 51%),radial-gradient(1.2px 1.2px at 93% 16%,#ffffff90 50%,transparent 51%),radial-gradient(1px 1px at 6% 82%,#e9d6b4b0 50%,transparent 51%);inset:0;-webkit-mask-image:radial-gradient(ellipse at 50% 45%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse at 50% 45%,#000 30%,transparent 75%);pointer-events:none;position:absolute}.qy-showcase .hero-grid{animation:grid-drift 40s linear infinite}.qy-showcase .release-label{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:hidden;position:relative}.qy-showcase .release-label:after{animation:label-sweep 5.5s var(--ease-smooth) 1.4s infinite;background:linear-gradient(100deg,transparent 30%,#f3e6cc22 50%,transparent 70%);content:"";inset:0;position:absolute;transform:translate(-100%)}.qy-showcase .header-edition>i,.qy-showcase .release-label>i{animation:dot-breathe 2.6s ease-in-out infinite}.qy-showcase .hero-flow>span{animation:flow-glow 6s ease-in-out infinite;animation-delay:calc(var(--n)*1.2s + 1.6s)}.qy-showcase .hero-flow i:before{animation:flow-dot 6s ease-in-out infinite;animation-delay:calc(var(--n)*1.2s + 2.2s);background:#f3e6cc;border-radius:3px;box-shadow:0 0 8px #e9d6b4;content:"";height:3px;left:0;opacity:0;position:absolute;top:-1px;width:10px}.qy-showcase .hero-signature>.qy-brand img{transition:transform .6s var(--ease-spring)}.qy-showcase .hero-signature:hover>.qy-brand img{transform:rotate(-8deg) scale(1.08)}.qy-showcase .scroll-discover{transition:color .3s}.qy-showcase .scroll-discover:hover{color:var(--gold)}.qy-showcase .scroll-discover b{border:1px solid #ffffff1a;border-radius:50%;display:grid;font-size:13px;height:30px;place-items:center;position:relative;transition:border-color .3s,box-shadow .3s;width:30px}.qy-showcase .scroll-discover:hover b{border-color:#d8bd8970;box-shadow:0 0 20px -4px #d8bd8970}.qy-showcase .qy-reveal{filter:blur(6px);opacity:0;transition:opacity .9s var(--ease-out) var(--reveal-delay,0s),translate 1s var(--ease-out) var(--reveal-delay,0s),filter .9s var(--ease-out) var(--reveal-delay,0s);translate:0 28px}.qy-showcase .qy-reveal.is-revealed{filter:none;opacity:1;translate:none}.qy-showcase .upgrade-grid>a.qy-reveal{transition:transform .5s var(--ease-out),border-color .4s,box-shadow .5s var(--ease-out),opacity .9s var(--ease-out) var(--reveal-delay,0s),translate 1s var(--ease-out) var(--reveal-delay,0s),filter .9s var(--ease-out) var(--reveal-delay,0s)}.qy-showcase .product-frame.qy-reveal{filter:none;transform:perspective(1800px) rotateX(9deg) translateY(50px) scale(.96);transform-origin:50% 100%;transition:box-shadow 1.2s var(--ease-out),opacity 1.1s var(--ease-out) var(--reveal-delay,0s),transform 1.3s var(--ease-out) var(--reveal-delay,0s);translate:none}.qy-showcase .product-frame.qy-reveal.is-revealed{transform:none}.qy-showcase :is(.section-heading,.upgrades-heading,.experience-intro,.closing).qy-reveal{filter:none;opacity:1;translate:none}.qy-showcase .closing.qy-reveal>:not(.closing-glow,.closing-rings),.qy-showcase .section-heading.qy-reveal .section-title>*,.qy-showcase .section-heading.qy-reveal>p,.qy-showcase :is(.upgrades-heading,.experience-intro).qy-reveal>*{filter:blur(5px);opacity:0;transition:opacity .9s var(--ease-out),translate 1s var(--ease-out),filter .9s var(--ease-out);translate:0 22px}.qy-showcase .closing.qy-reveal.is-revealed>:not(.closing-glow,.closing-rings),.qy-showcase .section-heading.qy-reveal.is-revealed .section-title>*,.qy-showcase .section-heading.qy-reveal.is-revealed>p,.qy-showcase :is(.upgrades-heading,.experience-intro).qy-reveal.is-revealed>*{filter:none;opacity:1;translate:none}.qy-showcase .experience-intro.is-revealed>:nth-child(2),.qy-showcase .section-heading.is-revealed .section-title>:nth-child(2),.qy-showcase .upgrades-heading.is-revealed>:nth-child(2){transition-delay:.08s}.qy-showcase .experience-intro.is-revealed>:nth-child(3),.qy-showcase .section-heading.is-revealed .section-title>:nth-child(3){transition-delay:.16s}.qy-showcase .section-heading.is-revealed>p{transition-delay:.22s}.qy-showcase .closing.is-revealed>:nth-child(4){transition-delay:.1s}.qy-showcase .closing.is-revealed>:nth-child(5){transition-delay:.2s}.qy-showcase .closing.is-revealed>:nth-child(6){transition-delay:.32s}.qy-showcase .experience-intro h2,.qy-showcase .section-heading h2,.qy-showcase .upgrades h2{background:linear-gradient(180deg,#fff 30%,#c9cad4);background-clip:text;-webkit-background-clip:text;color:transparent}.qy-showcase .experience-intro h2 span,.qy-showcase .upgrades h2 span{background:linear-gradient(180deg,#9a9fb2,#6c7084);background-clip:text;-webkit-background-clip:text;color:transparent}.qy-showcase .eyebrow>span{transition:color .6s}.qy-showcase .demo-section.is-active .eyebrow>span{color:var(--gold)}.qy-showcase .feature-tags>span{background:#d8bd8906;transition:border-color .3s,color .3s,background .3s,transform .4s var(--ease-spring)}.qy-showcase .feature-tags>span:hover{background:#d8bd8912;border-color:#d8bd8970;color:#e9d6b4;transform:translateY(-2px)}.qy-showcase .scene-narration{position:relative}.qy-showcase .scene-narration:after{background:linear-gradient(90deg,transparent,#d8bd8970,transparent);bottom:-1px;content:"";height:1px;left:0;opacity:0;position:absolute;right:0;transition:opacity .8s}.qy-showcase .demo-section.is-active .scene-narration:after{opacity:1}.qy-showcase .closing-glow{animation:glow-breathe 8s ease-in-out infinite}.qy-showcase .closing-rings{bottom:-420px;left:50%;pointer-events:none;position:absolute}.qy-showcase .closing-rings i{animation:ring-expand 9s var(--ease-out) infinite;border:1px solid #d8bd8914;border-radius:50%;height:900px;left:50%;position:absolute;top:50%;translate:-50% -50%;width:900px}.qy-showcase .closing-rings i:nth-child(2){animation-delay:-4.5s}.qy-showcase .closing>.qy-brand img{animation:brand-float 6s ease-in-out infinite;box-shadow:0 10px 30px -8px #d8bd8940}.qy-showcase .closing h2 span{animation:text-flow 10s linear infinite;background:linear-gradient(100deg,#b9a37a,#f3e6cc 25%,#caba99,#f3e6cc 75%,#b9a37a);background-clip:text;-webkit-background-clip:text;background-size:200% 100%;color:transparent}.qy-showcase .site-footer>a{transition:color .3s}.qy-showcase .site-footer>a b{display:inline-block;font-weight:400;transition:transform .4s var(--ease-spring)}.qy-showcase .site-footer>a:hover{color:var(--gold)}.qy-showcase .site-footer>a:hover b{transform:translateY(-3px)}.qy-showcase .account-actions>span,.qy-showcase .connection-flow>div>span,.qy-showcase .editing-menu>div,.qy-showcase .menu-item,.qy-showcase .mock-button,.qy-showcase .monitor-accounts>div,.qy-showcase .platform-strip>span,.qy-showcase .report-nav>span,.qy-showcase .segmented>span,.qy-showcase .studio-stepper b,.qy-showcase .studio-stepper i,.qy-showcase .studio-stepper>div,.qy-showcase .template-item,.qy-showcase .topic-switch>div{transition:background-color .45s var(--ease-out),border-color .45s var(--ease-out),color .45s var(--ease-out),box-shadow .45s var(--ease-out)}.qy-showcase .segmented>span{position:relative}.qy-showcase .segmented>span.selected{animation:tap-press .5s var(--ease-spring)}.qy-showcase .account-actions>span.emphasis:after,.qy-showcase .editing-menu>div.selected:after,.qy-showcase .segmented>span.selected:after,.qy-showcase .topic-switch>div.selected:after{animation:tap-ripple .8s var(--ease-out) both;border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.qy-showcase .account-actions>span,.qy-showcase .editing-menu>div,.qy-showcase .topic-switch>div{position:relative}.qy-showcase .account-actions>span.emphasis,.qy-showcase .editing-menu>div.selected,.qy-showcase .monitor-accounts>div.selected,.qy-showcase .topic-switch>div.selected{animation:tap-press .5s var(--ease-spring)}.qy-showcase .studio-stepper .current b{animation:step-pop .6s var(--ease-spring);position:relative}.qy-showcase .studio-stepper .current b:after{animation:step-ring 1.6s var(--ease-out) .2s infinite;border:1px solid #191919;border-radius:inherit;content:"";inset:-1px;position:absolute}.qy-showcase .studio-stepper .done i{background:#bdbdbd}.qy-showcase .connection-flow>div.complete>span{animation:step-pop .6s var(--ease-spring)}.qy-showcase .template-item.selected{animation:tap-press .5s var(--ease-spring)}.qy-showcase .selection-tick{animation:tick-pop .5s var(--ease-spring) .15s both}.qy-showcase .check-circle,.qy-showcase .saved-check{animation:tick-pop .6s var(--ease-spring) .1s both}.qy-showcase .emphasis{animation:emphasis-pulse 1.4s var(--ease-out)}.qy-showcase .scene-toast{animation:toast-in .6s var(--ease-spring)}.qy-showcase .welcome-orbit i{animation:welcome-sway 10s var(--ease-smooth) infinite alternate}.qy-showcase .welcome-orbit i:nth-child(2){animation-name:welcome-sway-b}.qy-showcase .demo-section:not(.is-active) .live-indicator:after,.qy-showcase .demo-section:not(.is-active) .studio-stepper .current b:after,.qy-showcase .demo-section:not(.is-active) .welcome-orbit i{animation-play-state:paused}.qy-showcase .demo-cursor-layer{inset:0;pointer-events:none;position:absolute;z-index:100}.qy-showcase .demo-cursor{left:0;opacity:0;position:absolute;top:0;transition:transform .62s cubic-bezier(.45,.05,.2,1),opacity .3s;will-change:transform}.qy-showcase .demo-cursor.visible{opacity:1}.qy-showcase .demo-cursor:before{background:radial-gradient(circle,#d8bd8955,transparent 70%);border-radius:50%;content:"";height:36px;left:-18px;position:absolute;top:-18px;transition:transform .2s;width:36px}.qy-showcase .demo-cursor.pressing:before{transform:scale(1.6)}.qy-showcase .demo-cursor svg{display:block;filter:drop-shadow(0 4px 6px #0000004d);height:26px;margin:-2.4px 0 0 -3.2px;transform-origin:3px 2px;transition:transform .18s var(--ease-out);width:26px}.qy-showcase .demo-cursor.pressing svg{transform:scale(.82)}.qy-showcase .cursor-ripple{animation:cursor-ripple .8s var(--ease-out) forwards;background:#d8bd8922;border:2px solid #c9ab72;border-radius:50%;height:46px;margin:-23px 0 0 -23px;position:absolute;width:46px}.qy-showcase .cursor-ripple:after{animation:cursor-ripple .8s var(--ease-out) .12s forwards;border:1px solid #d8bd89;border-radius:50%;content:"";inset:-2px;position:absolute}.qy-showcase .qy-clicked{animation:clicked-press .42s var(--ease-spring)!important}.qy-showcase .frame-stage{position:relative;transform:perspective(2200px) rotateX(calc(var(--py, 0)*-3deg)) rotateY(calc(var(--px, 0)*4deg));transition:transform 1s var(--ease-out)}.qy-showcase .frame-ambient{background:radial-gradient(ellipse at 50% 55%,color-mix(in srgb,var(--ambient) 30%,transparent),transparent 68%);border-radius:50%;filter:blur(50px);inset:12% -4% -10%;opacity:.25;pointer-events:none;position:absolute;transition:opacity 1.4s var(--ease-out);z-index:-1}.qy-showcase .demo-section.is-active .frame-ambient{animation:ambient-breathe 6s ease-in-out infinite;opacity:1}.qy-showcase .frame-beam{background:conic-gradient(from var(--beam-angle,0deg),transparent 0 70%,color-mix(in srgb,var(--ambient) 60%,transparent) 82%,#fff6e0 88%,transparent 94%);border-radius:13px;inset:-1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:1.5px;pointer-events:none;position:absolute;transition:opacity 1s;z-index:3}.qy-showcase .demo-section.is-active .frame-beam{animation:beam-spin 6s linear infinite;opacity:1}.qy-showcase .hero-beam{animation:beam-pulse 7s ease-in-out infinite;background:conic-gradient(from 180deg at 50% 0,transparent 160deg,#d8bd8914 172deg,#f3e6cc22 180deg,#d8bd8914 188deg,transparent 200deg);filter:blur(10px);height:900px;left:50%;-webkit-mask-image:linear-gradient(#000 20%,transparent 85%);mask-image:linear-gradient(#000 20%,transparent 85%);pointer-events:none;position:absolute;top:-120px;translate:-50% 0;width:1200px}.qy-showcase .hero h1>.hero-line:first-child{transition:text-shadow .6s}.qy-showcase .hero h1:hover>.hero-line:first-child{text-shadow:0 0 40px #ffffff40}.qy-showcase .marquee{background:linear-gradient(90deg,#0c0e14,#11131b,#0c0e14);border-block:1px solid var(--border);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);overflow:hidden;padding:34px 0;position:relative}.qy-showcase .marquee-track{animation:marquee 42s linear infinite;display:flex;width:-moz-max-content;width:max-content}.qy-showcase .marquee:hover .marquee-track{animation-play-state:paused}.qy-showcase .marquee-track>span{align-items:center;color:transparent;display:flex;font:700 54px/1 Inter,Microsoft YaHei,sans-serif;gap:46px;letter-spacing:-1px;padding-right:46px;white-space:nowrap;-webkit-text-stroke:1px #ffffff26;transition:color .5s,-webkit-text-stroke-color .5s}.qy-showcase .marquee-track>span:nth-child(2n){background:linear-gradient(100deg,#b9a37a,#f3e6cc,#caba99);background-clip:text;-webkit-background-clip:text;-webkit-text-stroke:0}.qy-showcase .marquee-track>span:hover{-webkit-text-stroke-color:#d8bd89}.qy-showcase .marquee-track>span:after{color:#d8bd8980;content:"✦";font-size:18px;-webkit-text-stroke:0}@property --orbit-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes hero-in{0%{filter:blur(8px);opacity:0;transform:translateY(26px)}}@keyframes text-flow{to{background-position:-200% 0}}@keyframes orbit-sway{to{transform:rotate(calc(var(--r) + 5deg)) scale(1.03)}}@keyframes orbit-light{to{--orbit-angle:360deg}}@keyframes aurora-a{to{transform:translate(120px,60px) scale(1.15)}}@keyframes aurora-b{to{transform:translate(-140px,-50px) scale(1.2)}}@keyframes twinkle{0%{opacity:.35}to{opacity:.9}}@keyframes grid-drift{to{background-position:0 80px,80px 0}}@keyframes label-sweep{0%{transform:translate(-100%)}40%,to{transform:translate(100%)}}@keyframes dot-breathe{50%{box-shadow:0 0 18px #d8bd89d0;transform:scale(1.25)}}@keyframes flow-glow{0%,30%,to{color:#b9b7bf;text-shadow:none}10%,18%{color:#f3e6cc;text-shadow:0 0 14px #d8bd8980}}@keyframes flow-dot{0%{left:0;opacity:0}14%,4%{opacity:1}20%,to{left:calc(100% - 10px);opacity:0}}@keyframes frame-sheen{0%{left:-60%;opacity:0}20%{opacity:1}to{left:130%;opacity:0}}@keyframes live-ping{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(3.4)}}@keyframes dot-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes stagger-in{0%{opacity:0;transform:translateY(10px)}}@keyframes glow-breathe{50%{opacity:.6;transform:translate(-50%) scale(1.08)}}@keyframes ring-expand{0%{opacity:0;transform:scale(.4)}30%{opacity:1}to{opacity:0;transform:scale(1.3)}}@keyframes brand-float{50%{transform:translateY(-5px)}}@keyframes tap-press{0%{transform:scale(1)}35%{transform:scale(.94)}to{transform:scale(1)}}@keyframes tap-ripple{0%{box-shadow:0 0 #d8bd8966}to{box-shadow:0 0 0 8px #d8bd8900}}@keyframes step-pop{0%{transform:scale(.7)}to{transform:scale(1)}}@keyframes step-ring{0%{opacity:.45;transform:scale(1)}to{opacity:0;transform:scale(1.7)}}@keyframes tick-pop{0%{opacity:0;transform:scale(0)}}@keyframes emphasis-pulse{0%{box-shadow:0 0 #d8bd8960}to{box-shadow:0 0 0 3px #d8bd8912}}@keyframes welcome-sway{to{transform:rotate(38deg)}}@keyframes welcome-sway-b{to{transform:rotate(-38deg)}}@property --beam-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes beam-spin{to{--beam-angle:360deg}}@keyframes cursor-ripple{0%{opacity:1;transform:scale(.3)}to{opacity:0;transform:scale(1.5)}}@keyframes clicked-press{0%{scale:1}35%{scale:.93}to{scale:1}}@keyframes ambient-breathe{50%{opacity:.7;transform:scale(1.04)}}@keyframes beam-pulse{50%{opacity:.55}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes float{50%{transform:translateY(5px)}}@keyframes wave{to{height:12%}}@keyframes bar-in{0%{height:0}}@keyframes video-progress{0%{width:0}to{width:100%}}@keyframes toast-in{0%{bottom:27px;opacity:0}to{bottom:35px;opacity:1}}@media(min-width:1600px){.qy-showcase .demo-section,.qy-showcase .upgrades{max-width:1390px}}@media(max-width:1000px){.qy-showcase .site-header{padding:0 25px}.qy-showcase .site-header nav{gap:20px}.qy-showcase .header-edition{display:none}.qy-showcase .section-heading{gap:25px}.qy-showcase .section-heading h2{font-size:28px}.qy-showcase .section-heading>p{font-size:11px;max-width:280px}.qy-showcase .upgrades-heading>p{display:none}.qy-showcase .upgrade-grid h3{font-size:12px}.qy-showcase .upgrade-grid>a{padding:18px 13px}.qy-showcase .upgrade-grid p{font-size:9px}}@media(max-width:700px){.qy-showcase .site-header{height:65px;padding:0 18px}.qy-showcase .site-header .qy-brand{font-size:17px}.qy-showcase .site-header .qy-brand img{height:30px;width:30px}.qy-showcase .site-header nav{gap:18px}.qy-showcase .site-header nav a{font-size:10px}.qy-showcase .site-header nav a:nth-child(n+3){display:none}.qy-showcase .hero{min-height:650px;padding:78px 20px 35px}.qy-showcase .release-label{font-size:9px;gap:8px;letter-spacing:.4px;padding:7px 11px}.qy-showcase .release-label>span{font-size:8px}.qy-showcase .hero h1{font-size:40px;letter-spacing:-2px;line-height:1.4;margin:28px 0 22px}.qy-showcase .hero p{font-size:12px;line-height:2.1}.qy-showcase .hero-flow{font-size:8px;gap:9px;margin:31px 0}.qy-showcase .hero-flow i{width:15px}.qy-showcase .hero-signature>.qy-brand{font-size:12px}.qy-showcase .hero-signature>.qy-brand img{height:22px;width:22px}.qy-showcase .hero-signature>span{font-size:7px;letter-spacing:1.2px;padding-left:11px}.qy-showcase .hero-signature{gap:11px}.qy-showcase .scroll-discover{font-size:8px;margin-top:55px}.qy-showcase .upgrades{padding:60px 18px 45px}.qy-showcase .upgrades h2{font-size:27px;line-height:1.5}.qy-showcase .upgrades h2 span{display:block}.qy-showcase .upgrade-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.qy-showcase .upgrade-grid>a{padding:18px}.qy-showcase .upgrade-grid h3{font-size:13px;margin-top:23px}.qy-showcase .upgrade-grid p{font-size:10px}.qy-showcase .experience-intro{padding:55px 18px 0}.qy-showcase .experience-intro h2{font-size:28px;line-height:1.5}.qy-showcase .experience-intro h2>span{display:block}.qy-showcase .experience-intro p{font-size:11px}.qy-showcase .demo-section{padding:65px 14px 7px;scroll-margin-top:70px}.qy-showcase .section-heading{display:block;margin-bottom:23px;padding:0 3px}.qy-showcase .section-heading h2{font-size:27px;letter-spacing:-1px;margin-top:13px}.qy-showcase .section-heading>p{font-size:11px;line-height:1.9;margin-top:19px;max-width:none}.qy-showcase .eyebrow{font-size:8px;gap:10px;letter-spacing:1.5px}.qy-showcase .eyebrow>span{font-size:9px;padding-right:10px}.qy-showcase .feature-tags{gap:7px;margin-top:14px}.qy-showcase .feature-tags>span{font-size:8px;padding:3px 9px}.qy-showcase .product-frame{border-radius:7px}.qy-showcase .scene-narration{font-size:8px;gap:7px;height:47px;padding:0 3px}.qy-showcase .scene-counter{display:none}.qy-showcase .scene-dots{gap:3px}.qy-showcase .scene-dots i{height:2px;width:3px}.qy-showcase .scene-dots i.current{width:11px}.qy-showcase .scene-caption{line-height:1.5;max-width:80%}.qy-showcase .closing{padding:100px 20px 70px}.qy-showcase .closing h2{font-size:34px;letter-spacing:-1px}.qy-showcase .closing .eyebrow{font-size:8px;margin:30px 0 20px}.qy-showcase .closing p{font-size:10px}.qy-showcase .site-footer{flex-wrap:wrap;gap:15px;padding:24px 18px}.qy-showcase .site-footer .qy-brand{font-size:12px}.qy-showcase .site-footer .qy-brand img{height:23px;width:23px}.qy-showcase .site-footer>a,.qy-showcase .site-footer>span{font-size:8px}}.qy-showcase .demo-section{scroll-margin-top:0}.qy-showcase .cover-demo.compact .template-item img{aspect-ratio:3/4;height:auto;-o-object-fit:contain;object-fit:contain}@media(max-width:700px){.qy-showcase .section-heading:before{font-size:96px;letter-spacing:-4px;top:-40px}.qy-showcase .marquee{padding:20px 0}.qy-showcase .marquee-track>span{font-size:30px;gap:24px;padding-right:24px}.qy-showcase .frame-stage{transform:none}.qy-showcase .hero h1{font-size:clamp(28px,8.5vw,36px)}.qy-showcase .hero h1>span{white-space:nowrap}}@media(prefers-reduced-motion:reduce){.qy-showcase *,.qy-showcase :after,.qy-showcase :before{animation:none!important;transition:none!important}.qy-showcase .qy-reveal,.qy-showcase .qy-reveal>*,.qy-showcase .section-title>*{filter:none!important;opacity:1!important;translate:none!important}.qy-showcase .product-frame.qy-reveal{transform:none!important}}.qy-showcase .demo-section{--entry-frame:translateY(36px) scale(.985);--entry-title:0 26px;--entry-copy:0 16px;--entry-clip:inset(0 round 12px);--entry-duration:1s}.qy-showcase [data-entrance=slide-left]{--entry-frame:translateX(-56px) rotateY(3deg);--entry-title:-32px 0;--entry-copy:24px 0;--entry-duration:1.1s}.qy-showcase [data-entrance=slide-right]{--entry-frame:translateX(56px) rotateY(-3deg);--entry-title:32px 0;--entry-copy:-24px 0;--entry-duration:1.1s}.qy-showcase [data-entrance=focus]{--entry-frame:scale(.91);--entry-title:0 14px;--entry-copy:0 20px;--entry-duration:1.2s}.qy-showcase [data-entrance=unfold]{--entry-frame:perspective(1800px) rotateX(7deg) translateY(24px);--entry-clip:inset(0 0 18% round 12px);--entry-title:0 32px;--entry-duration:1.15s}.qy-showcase [data-entrance=panorama]{--entry-frame:scale(.98);--entry-clip:inset(0 12% round 24px);--entry-title:0 18px;--entry-copy:0 18px;--entry-duration:1.3s}.qy-showcase .demo-section .product-frame.qy-reveal{transform-origin:center;transition:opacity .7s var(--ease-out) var(--reveal-delay,0s),transform var(--entry-duration) var(--ease-out) var(--reveal-delay,0s),clip-path var(--entry-duration) var(--ease-out) var(--reveal-delay,0s),box-shadow 1.2s var(--ease-out)}.qy-showcase .demo-section .product-frame.qy-reveal:not(.is-revealed){clip-path:var(--entry-clip);transform:var(--entry-frame)}.qy-showcase .demo-section .product-frame.qy-reveal.is-revealed{clip-path:inset(0 round 12px);transform:none}.qy-showcase .demo-section .section-heading.qy-reveal:not(.is-revealed) .section-title>*{filter:none;translate:var(--entry-title)}.qy-showcase .demo-section .section-heading.qy-reveal:not(.is-revealed)>p{filter:none;translate:var(--entry-copy)}.qy-showcase .demo-section .section-heading.qy-reveal .feature-tags>span{transition:opacity .5s ease,translate .7s var(--ease-out);transition-delay:.18s}.qy-showcase .demo-section .section-heading.qy-reveal .feature-tags>span:nth-child(2){transition-delay:.26s}.qy-showcase .demo-section .section-heading.qy-reveal .feature-tags>span:nth-child(3){transition-delay:.34s}.qy-showcase .demo-section .section-heading.qy-reveal:not(.is-revealed) .feature-tags>span{opacity:0;translate:0 8px}.qy-showcase .scene-narration.qy-reveal{filter:none}.qy-showcase .scene-narration.qy-reveal:not(.is-revealed){translate:16px 0}.qy-showcase .upgrade-grid>a.qy-reveal:not(.is-revealed){filter:none;translate:-18px 20px}.qy-showcase .upgrade-grid>a.qy-reveal:nth-child(2n):not(.is-revealed){translate:18px 20px}.qy-showcase .closing.qy-reveal>:not(.closing-glow,.closing-rings),.qy-showcase .experience-intro.qy-reveal>*{transition:opacity 1s var(--ease-out),translate 1.2s var(--ease-out),filter 1s var(--ease-out),scale 1.2s var(--ease-out)}.qy-showcase .experience-intro.qy-reveal:not(.is-revealed)>*{scale:.95;translate:none}.qy-showcase .closing.qy-reveal:not(.is-revealed)>:not(.closing-glow,.closing-rings){filter:none;translate:0 12px}@media(max-width:768px){.qy-showcase .demo-section{--entry-frame:translateY(20px) scale(.985);--entry-title:0 16px;--entry-copy:0 10px;--entry-duration:.8s;--entry-clip:inset(0 round 12px)}.qy-showcase [data-entrance=focus]{--entry-frame:scale(.96)}.qy-showcase [data-entrance=slide-left]{--entry-frame:translateX(-18px)}.qy-showcase [data-entrance=slide-right]{--entry-frame:translateX(18px)}}@media(prefers-reduced-motion:reduce){.qy-showcase .demo-section .product-frame.qy-reveal:not(.is-revealed),.qy-showcase .qy-reveal,.qy-showcase .qy-reveal *{clip-path:none!important;filter:none!important;opacity:1!important;scale:none!important;transform:none!important;transition:none!important;translate:none!important}}.qy-showcase .tutorial-link[data-v-5a76c38e]{align-items:center;background:#d8bd8914;border:1px solid #d8bd8970;border-radius:999px;color:#ead7b2;display:inline-flex;font-size:15px;font-weight:600;gap:12px;margin-top:28px;padding:12px 24px;transition:background .2s,border-color .2s}.qy-showcase .tutorial-link[data-v-5a76c38e]:hover{background:#d8bd892b;border-color:#d8bd89}.ip-pro-page[data-v-01ed42ad]{background:#090b10;padding-top:70px}.ip-pro-page[data-v-01ed42ad] .qy-showcase [id]{scroll-margin-top:90px}.ip-pro-page[data-v-01ed42ad] .nav:not(.scrolled){background:#090b10f0}
