.qp-showcase{color:#211d19;background:#e7e2da;min-width:0;min-height:100dvh;font-family:DM Sans,system-ui,sans-serif}.qp-showcase *,.qp-showcase :before,.qp-showcase :after{box-sizing:border-box}.qp-showcase__toolbar{max-width:1480px;margin:0 auto;padding:clamp(22px,3vw,40px) clamp(15px,3vw,52px) 26px}.qp-showcase__heading{justify-content:space-between;align-items:end;gap:24px;display:flex}.qp-showcase__heading>p{color:#645b53;max-width:470px;margin:0;font-size:.93rem;line-height:1.5}.qp-showcase__kicker{letter-spacing:.22em;color:#7d5140;margin:0 0 9px;font-size:.67rem;font-weight:850}.qp-showcase__heading h1{letter-spacing:-.06em;margin:0;font-family:Fraunces,Georgia,serif;font-size:clamp(2.15rem,4vw,4.2rem);font-weight:500;line-height:1.05}.qp-showcase__controls{flex-wrap:wrap;align-items:center;gap:18px;margin-top:25px;display:flex}.qp-showcase__options{background:#d3ccc3;border-radius:14px;flex-wrap:wrap;gap:5px;padding:5px;display:flex}.qp-showcase__options button{color:#564d45;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;padding:10px 19px;font-size:.88rem;font-weight:800}.qp-showcase__photo{cursor:pointer;align-items:center;gap:11px;font-size:.88rem;font-weight:650;display:inline-flex}.qp-showcase__ribbon{color:#fff6eb;text-align:center;background:#312821;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 15px;padding:13px 20px;font-size:.79rem;display:flex}.qp-showcase__ribbon p{margin:0}.qp-showcase__page{background:#fffaf5;max-width:1680px;margin:0 auto;box-shadow:0 20px 70px #18110c1a}@media (width<=800px){.qp-showcase__heading{flex-direction:column;align-items:start;gap:13px}.qp-showcase__toolbar{padding:22px 16px}.qp-showcase__controls{flex-direction:column;align-items:stretch}.qp-showcase__options{align-self:stretch}.qp-showcase__options button{flex:45%;padding:10px}}@media (prefers-reduced-motion:reduce){.qp-showcase *,.qp-showcase :before,.qp-showcase :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.qp-showcase{color:#fff9f0;isolation:isolate;background:radial-gradient(64% 480px at 0 0,#b06a3d2e,#0000 72%),linear-gradient(#211e1b 0,#302820 780px,#eeeae4 781px);min-height:100dvh;font-family:DM Sans,system-ui,sans-serif}.qp-showcase__toolbar{max-width:1480px;padding:clamp(30px,4vw,70px) clamp(18px,4vw,64px) 0}.qp-showcase__heading{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);align-items:end;gap:clamp(30px,5vw,85px);display:grid}.qp-showcase__heading>p{color:#cabfb3;max-width:36ch;margin:0 0 7px;font-size:clamp(.98rem,1.35vw,1.11rem);font-weight:460;line-height:1.75}.qp-showcase__kicker{color:#f2b285;letter-spacing:.23em;margin:0 0 21px;font-size:.67rem;font-weight:860}.qp-showcase__heading h1{color:#fff8ee;letter-spacing:-.071em;text-wrap:balance;overflow-wrap:anywhere;max-width:17ch;font-family:Fraunces,Georgia,serif;font-size:clamp(2.7rem,5.4vw,6.2rem);font-weight:430;line-height:.99}.qp-showcase__controls{border-top:1px solid #ffeed92e;border-bottom:1px solid #ffeed92e;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-top:clamp(35px,5vw,70px);padding:14px 0;display:flex}.qp-showcase__options{background:#fff9f014;border:1px solid #fff9f017;border-radius:16px;flex-wrap:wrap;gap:6px;padding:5px;display:flex}.qp-showcase__options button{color:#e6d6c5;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;min-height:48px;padding:10px 18px;font-family:inherit;font-size:.89rem;font-weight:750;display:inline-flex}.qp-showcase__options button>span{letter-spacing:.13em;opacity:.62;font-size:.66rem}.qp-showcase__options button[aria-pressed=true]{color:#2c221d;background:linear-gradient(120deg,#fff0da,#f1d5be);box-shadow:0 10px 26px #00000026}.qp-showcase__options button[aria-pressed=true]>span{opacity:.82}.qp-showcase__devices{background:#ffffff0d;border:1px solid #ffffff2b;border-radius:13px;align-items:center;gap:4px;padding:4px;display:inline-flex}.qp-showcase__devices button{color:#e8dccd;min-height:41px;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:8px 11px;font-size:.79rem;font-weight:750;display:inline-flex}.qp-showcase__devices button[aria-pressed=true]{color:#2b231f;background:#f0dfc9}.qp-showcase__photo{color:#f0e4d5;cursor:pointer;border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:43px;padding:8px 11px;font-size:.81rem;font-weight:730;display:flex}.qp-showcase__photo input{accent-color:#dc9c70;width:17px;height:17px}.qp-showcase__help{color:#c4a991;letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:15px;margin:17px 0 clamp(31px,4vw,53px);font-size:.74rem;display:flex}.qp-showcase__help>span:first-child{align-items:center;gap:7px;display:inline-flex}.qp-showcase__ribbon{color:#ebd9c7;background:#332920;border-top:1px solid #ffffff1f;border-bottom:1px solid #ffffff17;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 19px;padding:15px 20px;font-size:.76rem;display:flex}.qp-showcase__ribbon>span{color:#ffbd8e;letter-spacing:.18em;font-size:.67rem;font-weight:850}.qp-showcase__ribbon p{color:inherit;margin:0}.qp-showcase__page{border:12px solid #332920;border-top:0;border-radius:0 0 32px 32px;max-width:1620px;margin:0 auto;box-shadow:0 40px 100px #22171033}.qp-showcase__stage{background:radial-gradient(at 50% 35%,#f1c79a1c,#0000 46%),#2a241f;justify-items:center;gap:21px;padding:clamp(32px,6vw,76px) 14px;display:grid}.qp-showcase__device-frame{background:#151411;border:3px solid #70665c;border-radius:48px;width:min(426px,100%);padding:15px;position:relative;box-shadow:0 18px 35px #00000038,0 45px 95px #0000006b}.qp-showcase__device-speaker{z-index:2;pointer-events:none;background:#141414;border:2px solid #1e1d1c;border-radius:99px;width:92px;height:17px;position:absolute;top:24px;left:50%;transform:translate(-50%)}.qp-showcase__device-screen{background:#fffaf4;border:0;border-radius:33px;width:100%;height:min(820px,76dvh);min-height:490px;display:block}.qp-showcase__stage>p{color:#dac8b7;text-align:center;max-width:320px;margin:0;font-size:.83rem;line-height:1.55}.qp-showcase__embed{background:#fffaf4;min-height:100vh}.qp-showcase__embed-label{color:#fff0df;text-align:center;letter-spacing:.035em;background:#2d251d;margin:0;padding:9px 14px;font:750 .64rem/1.4 DM Sans,system-ui,sans-serif}.qp-showcase__foot{color:#7f6f61;text-align:center;max-width:900px;margin:0 auto;padding:37px 20px 58px;font-size:.83rem;line-height:1.7}.qp-showcase button:focus-visible,.qp-showcase input:focus-visible{outline-offset:4px;outline:3px solid #ffc89b}@media (hover:hover) and (prefers-reduced-motion:no-preference){.qp-showcase__options button,.qp-showcase__devices button,.qp-showcase__photo{transition:background .2s,color .2s,transform .2s}.qp-showcase__options button:hover:not([aria-pressed=true]),.qp-showcase__devices button:hover:not([aria-pressed=true]){background:#ffffff1a}}@media (width<=860px){.qp-showcase__heading{grid-template-columns:1fr;align-items:start;gap:20px}.qp-showcase__heading>p{max-width:50ch}.qp-showcase__toolbar{padding-top:31px}.qp-showcase__controls{justify-content:flex-start;align-items:center}.qp-showcase__options{flex:100%}.qp-showcase__options button{flex:40%;justify-content:center}.qp-showcase__devices{flex:50%;justify-content:center}.qp-showcase__devices button{flex:1}}@media (width<=520px){.qp-showcase__toolbar{padding:27px 16px 0}.qp-showcase__heading h1{font-size:clamp(2.55rem,10vw,4rem)}.qp-showcase__options button{gap:6px;min-height:51px;padding:10px;font-size:.79rem}.qp-showcase__photo{flex:100%;justify-content:flex-start}.qp-showcase__devices{width:100%}.qp-showcase__help{margin-bottom:28px}.qp-showcase__help>span:last-child{display:none}.qp-showcase__page{border:0}.qp-showcase__device-frame{border-radius:40px;padding:10px}.qp-showcase__device-screen{border-radius:31px}}@media (prefers-reduced-motion:reduce){.qp-showcase *,.qp-showcase :before,.qp-showcase :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.qp-showcase{color:#29231e;background:#f6f2eb}.qp-showcase__toolbar{z-index:9;background:#251e19;border-bottom:1px solid #ffffff1c;justify-content:space-between;align-items:center;gap:16px 25px;max-width:none;margin:0;padding:12px clamp(14px,2.6vw,38px);display:flex;position:relative}.qp-showcase__heading{flex:0 auto;min-width:0;display:block}.qp-showcase__heading>div{align-items:center;gap:11px;display:flex}.qp-showcase__kicker{color:#dfa977;letter-spacing:.11em;flex:none;margin:0;font-size:.62rem}.qp-showcase__heading h1{color:#fff7ee;letter-spacing:-.025em;overflow-wrap:normal;max-width:28ch;margin:0;font-family:DM Sans,system-ui,sans-serif;font-size:clamp(.9rem,1.35vw,1.05rem);font-weight:800;line-height:1.2;display:block}.qp-showcase__heading>p,.qp-showcase__help{display:none}.qp-showcase__controls{border:0;flex-wrap:wrap;flex:auto;justify-content:flex-end;align-items:center;gap:10px;margin:0;padding:0;display:flex}.qp-showcase__options{background:#ffffff12;border-radius:12px;flex-wrap:nowrap;flex:0 auto;gap:3px;padding:4px}.qp-showcase__options button{white-space:nowrap;border-radius:9px;gap:7px;min-height:41px;padding:9px 12px;font-size:.8rem}.qp-showcase__options button[aria-pressed=true]{color:#251b14;box-shadow:none;background:#f8dbbb}.qp-showcase__devices{border-color:#ffffff1f;border-radius:11px;flex:none;padding:3px}.qp-showcase__devices button{border-radius:8px;min-height:39px;padding:7px 10px;font-size:.74rem}.qp-showcase__photo{white-space:nowrap;border-radius:10px;flex:none;min-height:41px;padding:7px 10px;font-size:.75rem}.qp-showcase__ribbon{color:#6e6255;background:#f0e7d9;border-top:0;border-bottom:1px solid #e1d4c4;gap:4px 10px;min-height:28px;padding:5px 16px;font-size:.7rem;line-height:1.2}.qp-showcase__ribbon>span{color:#a45727;letter-spacing:.095em;font-size:.65rem}.qp-showcase__page{max-width:none;box-shadow:none;border:0;border-radius:0}.qp-showcase__foot{color:#84766b;border-top:1px solid #e2d9cd;max-width:none;padding:16px 24px 22px;font-size:.75rem}@media (width<=1100px){.qp-showcase__toolbar{flex-wrap:wrap}.qp-showcase__controls{justify-content:flex-start}}@media (width<=620px){.qp-showcase__toolbar{gap:8px;padding:9px 12px 10px}.qp-showcase__heading{width:100%}.qp-showcase__heading>div{justify-content:space-between}.qp-showcase__kicker{font-size:.52rem}.qp-showcase__heading h1{text-align:right;max-width:19ch;font-size:.82rem}.qp-showcase__controls{gap:6px;width:100%}.qp-showcase__options{flex:100%;justify-content:stretch}.qp-showcase__options button{flex:50%;padding-inline:6px;font-size:.78rem}.qp-showcase__devices{flex:auto;width:auto}.qp-showcase__photo{flex:none}.qp-showcase__ribbon{padding:6px 12px;font-size:.64rem}.qp-showcase__ribbon>span{font-size:.61rem}}
