.product-devices{isolation:isolate;aspect-ratio:1.18;justify-content:center;align-items:center;width:100%;min-width:0;max-width:680px;margin-inline:auto;padding:7% 3% 10%;display:flex;position:relative}.device-atmosphere{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:clip}.device-atmosphere:before{content:"";z-index:-2;background:radial-gradient(ellipse, color-mix(in srgb, var(--accent-glow) 28%, transparent), transparent 68%);border-radius:50%;position:absolute;inset:0 -4%}.device-orbit{z-index:-1;border:1px solid color-mix(in srgb, var(--accent) 16%, transparent);border-radius:50%;position:absolute;inset:7% 2% 10%;transform:rotate(-22deg)}.device-orbit:after{content:"";border:1px solid color-mix(in srgb, var(--accent) 10%, transparent);border-radius:50%;position:absolute;inset:12% -5%}.device-plinth{z-index:-1;bottom:8%;background:radial-gradient(ellipse, color-mix(in srgb, var(--accent) 16%, transparent), transparent 70%);border-radius:50%;height:15%;position:absolute;inset-inline:5%}.device-computer{filter:drop-shadow(0 22px 18px #14102026);width:100%;margin:0;position:relative}.has-both .device-computer{width:84%;margin-inline-end:auto;transform:translateY(-5%)}.device-monitor{background:linear-gradient(135deg,#555866,#171920 35%,#30333d);border:1px solid #6a6d7b;border-radius:15px;padding:2.1% 2.1% 0;overflow:hidden;box-shadow:inset 0 1px 1px #fff6}.device-camera{background:#0c0e13;border-radius:50%;width:4px;height:4px;margin:0 auto 1.4%;box-shadow:inset 0 0 1px #849cba}.device-desktop-screen{aspect-ratio:16/10;background:#fff;border-radius:4px;overflow:hidden}.product-devices img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.device-monitor-chin{place-items:center;height:22px;display:grid}.device-monitor-chin span{background:#777b8d;border-radius:4px;width:18px;height:2px}.device-monitor-neck{clip-path:polygon(16% 0,84% 0,100% 100%,0 100%);background:linear-gradient(90deg,#626574,#c0c2cd 48%,#777a89);width:18%;height:34px;margin-inline:auto}.device-monitor-foot{background:linear-gradient(#d7d8e0,#818592);border-radius:50% 50% 5px 5px;width:36%;height:9px;margin-inline:auto;box-shadow:0 3px 3px #0002}.device-caption{color:var(--muted);letter-spacing:.16em;text-align:center;margin-top:18px;font-size:9px;font-weight:600}.device-phone{filter:drop-shadow(0 18px 14px #08091066);width:43%;max-width:235px;margin:0;position:relative}.has-both .device-phone{inset-inline-end:7%;width:30%;position:absolute;bottom:9%;transform:rotate(3deg)}[dir=rtl] .has-both .device-phone{transform:rotate(-3deg)}.device-phone-frame{background:#090a0c;border:1px solid #969799;border-radius:20%/9.4%;padding:3.2%;position:relative;box-shadow:inset 0 0 0 1px #e0ded780,inset 0 0 0 3px #45464a,0 0 0 1px #27282b,1px 0 0 2px #737477}.device-phone-frame:before,.device-phone-frame:after{content:"";background:linear-gradient(90deg,#55565a,#c4c3be,#606165);border-radius:2px;width:2px;position:absolute}.device-phone-frame:before{height:7%;top:23%;left:-3px;box-shadow:0 30px #828386}.device-phone-frame:after{height:12%;top:30%;right:-4px}.device-phone-screen{aspect-ratio:9/19.5;background:#fff;border-radius:18%/8.3%;overflow:hidden}.device-phone-island{background:#060709;border-radius:20px;width:30%;height:2.8%;position:absolute;top:3.1%;left:35%;box-shadow:0 1px 1px #ffffff20}.device-phone-island:after{content:"";aspect-ratio:1;background:radial-gradient(circle at 35% 35%,#31516e,#0d1524 65%);border-radius:50%;height:40%;position:absolute;top:30%;right:12%}.device-phone-home{background:#ffffffc4;border-radius:4px;width:30%;height:2px;position:absolute;bottom:2.5%;left:35%;box-shadow:0 1px 2px #00000040}.mobile-only{aspect-ratio:1.1}.product-hero.without-devices{grid-template-columns:minmax(0,820px)}@media (max-width:900px){.product-devices{max-width:580px}}@media (max-width:480px){.product-devices{padding-inline:1%}.device-monitor{border-radius:10px}.device-monitor-chin{height:16px}.device-monitor-neck{height:24px}.device-caption{letter-spacing:.08em;font-size:8px}.has-both .device-phone .device-caption{display:none}}@media (prefers-reduced-motion:no-preference){.product-devices{animation:.85s cubic-bezier(.2,.7,.2,1) both device-arrive}@keyframes device-arrive{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}}
.showcase-gallery{--gallery-canvas:#f5f5f6;--gallery-edge:#00000009;border:1px solid color-mix(in srgb, var(--line) 60%, transparent);background:var(--surface);border-radius:26px;min-width:0;padding:clamp(12px,2.5vw,28px)}html[data-theme=dark] .showcase-gallery{--gallery-canvas:#111114;--gallery-edge:#ffffff09}.gallery-toolbar,.gallery-caption-row,.gallery-viewer-header,.gallery-viewer-footer{justify-content:space-between;align-items:center;gap:20px;display:flex}.gallery-toolbar{margin-bottom:22px}.gallery-tabs{border:1px solid var(--line);border-radius:14px;flex-wrap:wrap;gap:5px;padding:4px;display:flex}.gallery-tabs button{min-height:44px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:8px;padding:9px 15px;font-size:13px;display:flex}.gallery-tabs button[aria-selected=true]{background:var(--accent-soft);color:var(--accent-ink)}.gallery-tabs button span{opacity:.7;font-size:11px}.gallery-hint{color:var(--muted);font-size:12px}.gallery-stage{border:1px solid var(--gallery-edge);cursor:zoom-in;background:var(--gallery-canvas);touch-action:pan-y pinch-zoom;border-radius:18px;place-items:center;width:100%;height:clamp(240px,46vw,580px);padding:clamp(16px,3vw,40px);display:grid;position:relative;overflow:hidden}.gallery-stage img{object-fit:contain;filter:drop-shadow(0 8px 16px #00000018);width:100%;height:100%;min-height:0;display:block}.is-mobile .gallery-stage{height:clamp(360px,52vw,620px)}.gallery-expand{inset-inline-end:16px;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#191722df;border:1px solid #ffffff30;border-radius:999px;align-items:center;gap:8px;padding:11px 14px;font-size:12px;display:flex;position:absolute;bottom:16px}.gallery-caption-row{padding:22px 2px}.gallery-caption-row>div:first-child{min-width:0}.gallery-platform-label{color:var(--accent);text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:600}.gallery-caption-row p{overflow-wrap:anywhere;margin:6px 0 0;font-size:16px;line-height:1.5}.gallery-navigation{font-variant-numeric:tabular-nums;flex-shrink:0;align-items:center;gap:14px;font-size:13px;display:flex}.gallery-navigation>span>span{opacity:.5}.gallery-navigation button,.gallery-viewer-actions button{border:1px solid var(--line);width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border-radius:50%;place-items:center;display:grid}.gallery-navigation button:hover:not(:disabled){background:var(--accent-soft);color:var(--accent-ink)}.gallery-navigation button:disabled{opacity:.3;cursor:default}[dir=rtl] .gallery-navigation svg{transform:rotate(180deg)}.gallery-thumbnails{scrollbar-width:thin;scrollbar-color:var(--accent) transparent;gap:12px;padding:5px 3px 12px;display:flex;overflow-x:auto}.gallery-thumbnails button{background:var(--gallery-canvas);cursor:pointer;opacity:1;border:2px solid #0000;border-radius:12px;flex:0 0 116px;height:78px;padding:4px;transition:opacity .18s,border-color .18s;position:relative;overflow:hidden}.gallery-thumbnails button[aria-pressed=true]{border-color:var(--accent);opacity:1}.gallery-thumbnails button:hover{opacity:1}.gallery-thumbnails img{object-fit:contain;border-radius:6px;width:100%;height:100%}.gallery-thumbnails button span{bottom:5px;color:#fff;background:#15121ddd;border-radius:5px;padding:3px 5px;font-size:9px;position:absolute;inset-inline-end:5px}.is-mobile .gallery-thumbnails button{flex-basis:68px;height:100px}.showcase-gallery :is(button,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.gallery-viewer{color:#f7f5ff;--line:#ffffff25;--accent:#c5b3ff;--accent-soft:#302844;--accent-ink:#f2eaff;background:#101016;border:1px solid #ffffff25;border-radius:22px;width:min(1440px,96vw);max-width:96vw;height:94dvh;max-height:94dvh;margin:auto;padding:0;position:fixed;inset:0}.gallery-viewer[open]{flex-direction:column;display:flex}.gallery-viewer::backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08070de8}.gallery-viewer-header,.gallery-viewer-footer{flex-shrink:0;padding:18px 24px}.gallery-viewer-header{border-bottom:1px solid var(--line)}.gallery-viewer-header>div:first-child{min-width:0}.gallery-viewer-header span{color:#b7afc9;font-size:11px}.gallery-viewer-header p{text-overflow:ellipsis;white-space:nowrap;margin:5px 0 0;font-size:14px;overflow:hidden}.gallery-viewer-actions{gap:10px;display:flex}.gallery-viewer-image{touch-action:pan-y pinch-zoom;flex:1;place-items:center;min-height:0;padding:20px;display:grid;overflow:auto}.gallery-viewer-image img{object-fit:contain;width:100%;height:100%;min-height:0;display:block}.gallery-viewer-image.is-zoomed{touch-action:auto;display:block}.gallery-viewer-image.is-zoomed img{object-fit:initial;width:180%;max-width:none;height:auto}.is-mobile .gallery-viewer-image.is-zoomed img{width:max(100%,520px);margin-inline:auto}.gallery-viewer-footer{border-top:1px solid var(--line)}.gallery-viewer-footer>span{color:#b7afc9;font-size:12px}@media (max-width:600px){.showcase-gallery{border-radius:18px}.gallery-hint{display:none}.gallery-toolbar{margin-bottom:12px}.gallery-caption-row{flex-direction:column;align-items:flex-start;gap:16px}.gallery-caption-row .gallery-navigation{align-self:flex-end}.gallery-expand{bottom:10px;padding:9px 12px;font-size:11px;inset-inline-end:10px}.gallery-viewer{border-radius:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh}.gallery-viewer-header,.gallery-viewer-footer{padding:14px}.gallery-viewer-header{padding-top:max(14px, env(safe-area-inset-top))}.gallery-viewer-footer{padding-bottom:max(14px, env(safe-area-inset-bottom));justify-content:center}.gallery-viewer-footer>span{display:none}.gallery-viewer-image{padding:10px}}@media (prefers-reduced-motion:no-preference){.gallery-stage img{animation:.25s ease-out gallery-reveal}@keyframes gallery-reveal{0%{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}}
.product-store-downloads{flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:12px;display:flex}.product-store-option{align-items:center;gap:2px;max-width:100%;display:inline-flex}.store-qr-button{border:1px solid var(--line);background:color-mix(in srgb, var(--blue) 6%, transparent);width:44px;height:44px;color:var(--blue);cursor:pointer;border-radius:12px;flex-shrink:0;place-items:center;padding:0;display:grid}.store-qr-button:hover{border-color:var(--blue);background:color-mix(in srgb, var(--blue) 13%, transparent)}.store-qr-button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.modal.store-qr-modal{max-width:460px}.store-qr-modal .modal-inner{padding:24px}.store-qr-modal .modal-header{align-items:center;margin-bottom:18px}.store-qr-modal .modal-header h2{letter-spacing:-.4px;margin:0;font-size:18px}.store-qr-modal .modal-header .icon-button{min-width:44px;min-height:44px}.store-qr-content{text-align:center}.store-qr-store{border:1px solid var(--line);color:var(--blue);border-radius:100px;align-items:center;gap:7px;padding:6px 12px;font-size:11px;display:inline-flex}.store-qr-content h3{letter-spacing:-.7px;margin:18px 0 10px;font-size:clamp(22px,5vw,29px);font-weight:550;line-height:1.25}.store-qr-content>p{max-width:310px;color:var(--muted);margin:0 auto;font-size:13px;line-height:1.8}.store-qr-frame{border:1px solid color-mix(in srgb, var(--blue) 30%, var(--line));background:linear-gradient(135deg, color-mix(in srgb, var(--blue) 16%, transparent), color-mix(in srgb, var(--blue) 3%, transparent));border-radius:24px;max-width:288px;margin:24px auto;padding:12px}.store-qr-image{aspect-ratio:1;color:#171323;background:#fff;border-radius:14px;place-items:center;display:grid;overflow:hidden}.store-qr-image img{width:100%;height:auto;display:block}.store-qr-image p{padding:20px;font-size:13px;line-height:1.6}.store-qr-loading{justify-items:center;gap:12px;padding:16px;font-size:12px;display:grid}.store-qr-open{justify-content:center;gap:10px;max-width:100%}.store-qr-content>small{color:var(--muted);margin-top:14px;font-size:11px;display:block}.store-qr-content[dir=rtl] h3{letter-spacing:0}@media (prefers-reduced-motion:no-preference){.store-qr-loading svg{animation:1s linear infinite spin}}@media (max-width:480px){.store-qr-modal .modal-inner{padding:18px}}.product-store-badge{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.product-store-badge img{object-fit:contain;max-width:100%;display:block}.product-store-apple{padding:12px}.product-store-apple img{width:144px;height:48px}.product-store-google img{width:186px;height:72px}.product-store-badge:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
