/* A non-modal companion to the desktop showcase, directly above page scrolling. */
.display-promo{position:fixed;z-index:44;left:20px;bottom:calc(68px + env(safe-area-inset-bottom,0px));font-family:inherit;color:#f5eee2;max-width:calc(100vw - 40px)}
.display-promo-card{width:310px;max-width:100%;max-height:calc(100vh - 100px);max-height:calc(100dvh - 100px);overflow:auto;overscroll-behavior:contain;border:1px solid #c8ab785e;border-radius:18px;background:radial-gradient(ellipse at 10% 30%,#42637545,transparent 60%),linear-gradient(145deg,#1e3043,#101d2c);box-shadow:0 18px 55px #07111f38,0 4px 12px #07111f22;animation:display-promo-enter .25s ease-out both;scrollbar-width:thin;scrollbar-color:#62717d #152436}
.display-promo-heading{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 15px 0}.display-promo-heading>span{font-size:9px;color:#e2c897;letter-spacing:.2px;font-weight:600}.display-promo-close{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;padding:5px;border-radius:9px;border:1px solid #ffffff12;background:#ffffff08;color:#cbd5df;cursor:pointer;transition:background .18s,color .18s}.display-promo-close svg{width:18px;height:18px}.display-promo-close:hover{background:#ffffff18;color:#fff}.display-promo-art{position:relative;isolation:isolate;padding:13px 42px 1px;perspective:800px}.display-promo-art:before{content:'';position:absolute;width:180px;height:110px;left:calc(50% - 90px);top:10px;border:1px solid #d6bc8720;border-radius:50%;z-index:-1;box-shadow:0 0 0 15px #d6bc8704}.display-promo-tv{padding:9px 10px 6px;border:3px solid #576370;border-bottom-width:6px;border-radius:8px;background:linear-gradient(145deg,#253e4a,#132432);box-shadow:0 10px 25px #0003;transform:rotate(-3deg)}.display-promo-tv-top{display:flex;gap:5px;align-items:center;color:#e6c995}.display-promo-tv-top>span{font-size:13px;line-height:1}.display-promo-tv-top>b{font-size:7px;font-weight:600}.display-promo-tv-top>i{width:4px;height:4px;border-radius:50%;background:#8ed2b4;margin-inline-start:auto}.display-promo-tv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:9px;direction:ltr}.display-promo-tv-grid>span{display:flex;flex-direction:column;gap:6px;border:1px solid #e6c9951a;padding:7px 5px;border-radius:4px;background:#ffffff05}.display-promo-tv-grid b{font:8px/1.2 Arial,sans-serif;color:#dcc28f}.display-promo-tv-grid i{height:3px;width:85%;border-radius:3px;background:#b8c7d9a8}.display-promo-tv-grid small{font:5px/1.2 Arial,sans-serif;color:#809aaa;letter-spacing:.5px}.display-promo-tv-foot{font:5px/1.5 Arial,sans-serif;color:#cbb580;letter-spacing:1px;text-align:center;margin-top:7px}.display-promo-tv-foot>span{color:#8197a5}.display-promo-tv-stand{width:75px;height:15px;margin:auto;background:linear-gradient(90deg,#394957,#687783,#394957);clip-path:polygon(37% 0,63% 0,67% 80%,100% 93%,100% 100%,0 100%,0 93%,33% 80%)}
.display-promo-body{padding:15px 21px 18px}.display-promo-body h2{font-size:20px;line-height:1.7;letter-spacing:-.5px;color:#fff1d7;font-weight:800}.display-promo-body>p{font-size:11px;line-height:2.05;color:#bbc8d6;margin-top:9px}.display-promo-features{display:block;font-size:9px;color:#cdb78c;margin-top:13px}.display-promo-cta{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:44px;padding:10px 13px;margin-top:15px;border:1px solid #eed6a7;border-radius:9px;color:#172536;background:linear-gradient(110deg,#f0dbb7,#dbba7f);font-size:11px;font-weight:700;transition:filter .18s}.display-promo-cta:hover{filter:brightness(1.08)}.display-promo-cta>span{font-size:20px;line-height:1}.display-promo-note{display:block;color:#9badbf;font-size:8px;text-align:center;margin-top:11px;line-height:1.8}
.display-promo-launcher{position:relative;display:grid;place-items:center;width:44px;height:44px;padding:10px;border:1px solid #cdb07c;border-radius:13px;background:linear-gradient(140deg,#263b50,#101c2b);color:#eacf98;box-shadow:0 6px 20px #0a172533;cursor:pointer;touch-action:manipulation;animation:display-promo-enter .2s ease-out both;transition:transform .18s,box-shadow .18s}.display-promo-launcher svg{width:22px;height:22px}.display-promo-launcher:hover{transform:translateY(-2px);box-shadow:0 9px 22px #0a172550}.display-promo-launcher-dot{position:absolute;right:4px;top:4px;width:5px;height:5px;border-radius:50%;background:#ebc985;box-shadow:0 0 0 2px #233346}.display-promo [hidden],.display-promo[hidden]{display:none!important}.display-promo :focus-visible{outline:3px solid #edd8b3;outline-offset:3px}.has-display-promo .tairo-page-scroll{inset-inline-end:auto;left:24px}.has-display-promo:has(.main-nav.is-open) .display-promo{visibility:hidden}
@keyframes display-promo-enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.display-promo{left:14px;bottom:calc(62px + env(safe-area-inset-bottom,0px));max-width:calc(100vw - 28px)}.display-promo-card{width:286px;border-radius:15px}.display-promo-heading{padding-inline:12px}.display-promo-heading>span{font-size:8px}.display-promo-body{padding:12px 18px 15px}.display-promo-body h2{font-size:19px}.display-promo-body>p{font-size:10px}.display-promo-art{padding:8px 44px 0}.display-promo-close{width:36px;height:36px}.has-display-promo .tairo-page-scroll{left:18px}}
@media(max-height:550px){.display-promo-art{display:none}.display-promo-body{padding-top:10px}.display-promo-card{max-height:calc(100dvh - 90px)}}
@media(prefers-reduced-motion:reduce){.display-promo-card,.display-promo-launcher{animation:none}.display-promo *{transition:none!important}}
