.product-prose:where(.astro-7wxsvid2){max-width:760px;margin:0 auto;font-size:17px;line-height:1.75;color:var(--text-secondary, #c8c8c8)}.product-prose:where(.astro-7wxsvid2) p:where(.astro-7wxsvid2)+p:where(.astro-7wxsvid2){margin-top:18px}.product-prose:where(.astro-7wxsvid2) code:where(.astro-7wxsvid2){font-family:JetBrains Mono,ui-monospace,monospace;font-size:.92em;padding:2px 6px;border-radius:4px;background:#c0c0c01a;color:#e6e6e6}.hero-product-image:where(.astro-7wxsvid2){display:block;width:100%;max-width:480px;margin:0 auto;border-radius:18px;overflow:hidden;background:#1a1a1a;box-shadow:0 20px 60px #00000080,0 0 0 1px #c0c0c014;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease;cursor:zoom-in}.hero-product-image:where(.astro-7wxsvid2):hover{transform:translateY(-4px);box-shadow:0 28px 72px #0009,0 0 0 1px #c0c0c026}.hero-product-image:where(.astro-7wxsvid2) img:where(.astro-7wxsvid2){display:block;width:100%;height:auto;object-fit:cover}.video-grid:where(.astro-7wxsvid2){display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-top:32px}.video-card:where(.astro-7wxsvid2){margin:0;display:flex;flex-direction:column;gap:14px}.video-embed:where(.astro-7wxsvid2){position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:10px;background:#0a0a0a;border:1px solid rgba(192,192,192,.12)}.video-embed:where(.astro-7wxsvid2) iframe:where(.astro-7wxsvid2){position:absolute;inset:0;width:100%;height:100%;border:0}.video-card:where(.astro-7wxsvid2) figcaption:where(.astro-7wxsvid2){padding:0 4px}.video-card:where(.astro-7wxsvid2) figcaption:where(.astro-7wxsvid2) h3:where(.astro-7wxsvid2){font-size:18px;font-weight:600;margin:0 0 6px;color:#e6e6e6;letter-spacing:.01em}.video-card:where(.astro-7wxsvid2) figcaption:where(.astro-7wxsvid2) p:where(.astro-7wxsvid2){margin:0;font-size:14px;line-height:1.55;color:var(--text-secondary, #c8c8c8)}.video-grid-caption:where(.astro-7wxsvid2){margin:32px 0 0;text-align:center;font-size:15px;color:var(--text-secondary, #c8c8c8)}.video-grid-caption:where(.astro-7wxsvid2) a:where(.astro-7wxsvid2){color:#e6e6e6;text-decoration:underline;text-decoration-color:#c0c0c066;text-underline-offset:3px}.video-grid-caption:where(.astro-7wxsvid2) a:where(.astro-7wxsvid2):hover{text-decoration-color:#e6e6e6}.section-heading:where(.astro-7wxsvid2) .section-subtitle:where(.astro-7wxsvid2){max-width:640px;margin:14px auto 0;font-size:17px;line-height:1.65;color:var(--text-secondary, #c8c8c8)}.gallery-subgroup:where(.astro-7wxsvid2){margin-top:56px}.gallery-subgroup:where(.astro-7wxsvid2):first-of-type{margin-top:32px}.gallery-subgroup-title:where(.astro-7wxsvid2){font-size:22px;font-weight:600;margin:0 0 8px;color:#e6e6e6;letter-spacing:.01em}.gallery-subgroup-caption:where(.astro-7wxsvid2){max-width:720px;margin:0 0 24px;font-size:15px;line-height:1.65;color:var(--text-secondary, #c8c8c8)}.gallery-subgroup-caption:where(.astro-7wxsvid2) code:where(.astro-7wxsvid2){font-family:JetBrains Mono,ui-monospace,monospace;font-size:.92em;padding:2px 6px;border-radius:4px;background:#c0c0c01a;color:#e6e6e6}.phone-hero:where(.astro-7wxsvid2){display:grid;grid-template-columns:minmax(220px,320px) 1fr;gap:56px;align-items:center;margin:8px 0 56px}.phone-mockup:where(.astro-7wxsvid2){position:relative;display:block;width:100%;max-width:320px;padding:0;margin:0 auto;background:transparent;border:0;cursor:zoom-in;transition:transform .4s cubic-bezier(.2,.8,.2,1)}.phone-mockup:where(.astro-7wxsvid2):hover,.phone-mockup:where(.astro-7wxsvid2):focus-visible{transform:translateY(-4px);outline:none}.phone-frame:where(.astro-7wxsvid2){position:relative;display:block;width:100%;aspect-ratio:9 / 19.5;background:linear-gradient(155deg,#2b2b2e,#161618 45%,#2a2a2d);border-radius:14%/6.4%;padding:3.6%;box-shadow:0 30px 60px #0000008c,0 8px 18px #0006,inset 0 0 0 1.5px #ffffff0f,inset 0 0 0 3px #00000080}.phone-screen:where(.astro-7wxsvid2){position:relative;display:block;width:100%;height:100%;border-radius:11%/5%;overflow:hidden;background:#000;box-shadow:inset 0 0 0 1px #000000e6}.phone-screen:where(.astro-7wxsvid2) img:where(.astro-7wxsvid2){display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.phone-island:where(.astro-7wxsvid2){position:absolute;top:5.6%;left:50%;transform:translate(-50%);width:32%;height:4.2%;background:#000;border-radius:999px;z-index:2;box-shadow:0 0 0 1px #3c3c3c99}.phone-side:where(.astro-7wxsvid2){position:absolute;width:1.5%;background:linear-gradient(90deg,#00000080,#ffffff0d);pointer-events:none}.phone-side-left:where(.astro-7wxsvid2){left:-1px;top:22%;height:8%;border-radius:2px 0 0 2px}.phone-side-left:where(.astro-7wxsvid2):after{content:"";position:absolute;left:0;top:130%;width:100%;height:180%;background:inherit;border-radius:2px 0 0 2px}.phone-side-right:where(.astro-7wxsvid2){right:-1px;top:28%;height:14%;border-radius:0 2px 2px 0}.phone-hero-text:where(.astro-7wxsvid2) h4:where(.astro-7wxsvid2){font-size:28px;font-weight:600;line-height:1.2;letter-spacing:-.01em;margin:0 0 16px;color:#f5f5f5}.phone-hero-text:where(.astro-7wxsvid2) p:where(.astro-7wxsvid2){font-size:16px;line-height:1.6;color:var(--text-secondary, #c8c8c8);margin:0 0 20px;max-width:540px}.phone-hero-points:where(.astro-7wxsvid2){list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.phone-hero-points:where(.astro-7wxsvid2) li:where(.astro-7wxsvid2){position:relative;padding-left:22px;font-size:14.5px;color:#d8d8d8;letter-spacing:.005em}.phone-hero-points:where(.astro-7wxsvid2) li:where(.astro-7wxsvid2):before{content:"";position:absolute;left:0;top:9px;width:12px;height:1px;background:linear-gradient(90deg,transparent,#c0c0c0)}@media(max-width:860px){.phone-hero:where(.astro-7wxsvid2){grid-template-columns:1fr;gap:32px;text-align:center}.phone-mockup:where(.astro-7wxsvid2){max-width:260px}.phone-hero-text:where(.astro-7wxsvid2) p:where(.astro-7wxsvid2){margin-left:auto;margin-right:auto}.phone-hero-points:where(.astro-7wxsvid2){max-width:360px;margin:0 auto;align-items:flex-start}}.gallery-grid:where(.astro-7wxsvid2){display:grid;gap:18px}.gallery-grid-product:where(.astro-7wxsvid2){grid-template-columns:repeat(4,1fr)}.gallery-grid-app:where(.astro-7wxsvid2){grid-template-columns:repeat(5,1fr)}.gallery-thumb:where(.astro-7wxsvid2){position:relative;display:block;width:100%;padding:0;margin:0;border:0;background:#161616;border-radius:14px;overflow:hidden;cursor:zoom-in;box-shadow:0 4px 14px #0006,0 0 0 1px #c0c0c00f;transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .32s ease}.gallery-thumb:where(.astro-7wxsvid2):hover,.gallery-thumb:where(.astro-7wxsvid2):focus-visible{transform:translateY(-3px);box-shadow:0 16px 36px #0000008c,0 0 0 1px #c0c0c02e;outline:none}.gallery-thumb:where(.astro-7wxsvid2) img:where(.astro-7wxsvid2){display:block;width:100%;height:100%;aspect-ratio:3 / 4;object-fit:cover}.gallery-thumb-phone:where(.astro-7wxsvid2) img:where(.astro-7wxsvid2){aspect-ratio:9 / 19.5;object-fit:contain;background:linear-gradient(180deg,#1a1a1a,#0e0e0e);padding:8px}.gallery-thumb-phone:where(.astro-7wxsvid2).gallery-thumb-zoom img:where(.astro-7wxsvid2){aspect-ratio:9 / 10;object-fit:cover}.gallery-caption:where(.astro-7wxsvid2){display:block;padding:10px 12px 12px;font-size:13px;font-weight:500;letter-spacing:.02em;color:#e6e6e6;text-align:center;border-top:1px solid rgba(192,192,192,.08);background:#0006}@media(max-width:1024px){.gallery-grid-product:where(.astro-7wxsvid2){grid-template-columns:repeat(2,1fr)}.gallery-grid-app:where(.astro-7wxsvid2){grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.gallery-grid-product:where(.astro-7wxsvid2){grid-template-columns:repeat(2,1fr);gap:12px}.gallery-grid-app:where(.astro-7wxsvid2){grid-template-columns:repeat(2,1fr);gap:12px}.gallery-subgroup-title:where(.astro-7wxsvid2){font-size:19px}}.lightbox:where(.astro-7wxsvid2){position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;background:#080808f0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:5vh 5vw}.lightbox:where(.astro-7wxsvid2).active{display:flex;animation:lightbox-fade .22s ease both}@keyframes lightbox-fade{0%{opacity:0}to{opacity:1}}.lightbox-content:where(.astro-7wxsvid2){position:relative;max-width:100%;max-height:100%;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px}.lightbox-content:where(.astro-7wxsvid2) img:where(.astro-7wxsvid2){max-width:100%;max-height:80vh;width:auto;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 40px 100px #000000b3}.lightbox-counter:where(.astro-7wxsvid2){font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;letter-spacing:.04em;color:silver;text-align:center}.lightbox-close:where(.astro-7wxsvid2),.lightbox-prev:where(.astro-7wxsvid2),.lightbox-next:where(.astro-7wxsvid2){position:absolute;width:52px;height:52px;border:0;border-radius:50%;background:#ffffff14;color:#e6e6e6;font-size:32px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .2s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.lightbox-close:where(.astro-7wxsvid2):hover,.lightbox-prev:where(.astro-7wxsvid2):hover,.lightbox-next:where(.astro-7wxsvid2):hover,.lightbox-close:where(.astro-7wxsvid2):focus-visible,.lightbox-prev:where(.astro-7wxsvid2):focus-visible,.lightbox-next:where(.astro-7wxsvid2):focus-visible{background:#ffffff2e;transform:scale(1.05);outline:none}.lightbox-close:where(.astro-7wxsvid2){top:18px;right:18px;font-size:28px}.lightbox-prev:where(.astro-7wxsvid2){left:18px;top:50%;transform:translateY(-50%)}.lightbox-next:where(.astro-7wxsvid2){right:18px;top:50%;transform:translateY(-50%)}.lightbox-prev:where(.astro-7wxsvid2):hover,.lightbox-prev:where(.astro-7wxsvid2):focus-visible{transform:translateY(-50%) scale(1.05)}.lightbox-next:where(.astro-7wxsvid2):hover,.lightbox-next:where(.astro-7wxsvid2):focus-visible{transform:translateY(-50%) scale(1.05)}@media(max-width:600px){.lightbox:where(.astro-7wxsvid2){padding:3vh 2vw}.lightbox-content:where(.astro-7wxsvid2) img:where(.astro-7wxsvid2){max-height:72vh}.lightbox-prev:where(.astro-7wxsvid2),.lightbox-next:where(.astro-7wxsvid2){width:44px;height:44px;font-size:26px}.lightbox-prev:where(.astro-7wxsvid2){left:8px}.lightbox-next:where(.astro-7wxsvid2){right:8px}}
