.home-hero-grid{grid-template-columns:1fr;gap:14px;display:grid}@media (min-width:720px){.home-hero-grid{grid-template-columns:.86fr 1.14fr;gap:16px}}.home-hero-side{flex-direction:column;gap:14px;min-width:0;display:flex}@media (min-width:720px){.home-hero-side{gap:16px}.home-video-card,.home-bezel-card{flex:1 1 0}.home-video-card .home-card-body,.home-bezel-card .home-card-body{flex:1}}.home-feature,.home-side-card{min-width:0;flex-direction:column!important;align-items:stretch!important;gap:0!important;padding:0!important;display:flex!important}.home-card-body{color:inherit;flex-direction:column;align-items:flex-start;padding:16px 18px 12px;text-decoration:none;display:flex}.home-feature-main{color:inherit;flex-direction:column;flex:1;text-decoration:none;display:flex}.home-feature .home-card-body{flex:1}.home-feature .app-card-media{aspect-ratio:9/16;background:0 0;width:min(296px,100% - 24px);margin:-4px auto 14px}.home-feature .app-card-media video{transform:scale(1.22)}.home-app-media video{opacity:0;transition:opacity .6s var(--ease-out-soft)}.home-app-media video.is-active{opacity:1}.home-app-swap{animation:home-app-in .5s var(--ease-out-soft) both}.home-app-glyph{display:inline-flex}.home-app-text{flex-direction:column;align-items:flex-start;display:flex}.home-app-icon{position:relative}.home-app-ring{pointer-events:none;width:calc(100% + 2px);height:calc(100% + 2px);position:absolute;inset:-1px;overflow:visible}.home-app-ring-fill{fill:none;stroke:var(--icon-color);stroke-width:2px;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px;filter:drop-shadow(0 0 2.5px color-mix(in srgb, var(--icon-color) 55%, transparent));animation-name:home-app-ring;animation-timing-function:linear;animation-fill-mode:forwards}.home-app-ring-fill.is-static{stroke-dashoffset:0;animation:none}.home-app-platforms{align-items:baseline;gap:6px;display:inline-flex}.home-app-platform-sep{opacity:.45}.home-app-pager{align-items:center;height:48px;display:flex;position:absolute;top:16px;right:12px}.home-app-pager-dot{cursor:pointer;background:0 0;border:0;border-radius:99px;place-items:center;height:28px;padding:0 6px;display:grid}.home-app-pager-dot:before{content:"";background:var(--border-hover);width:6px;height:6px;transition:width .45s var(--ease-out-soft), background .3s var(--ease-out-soft);border-radius:99px}.home-app-pager-dot:hover:before{background:var(--text-muted)}.home-app-pager-dot.is-active:before{background:var(--dot-color);width:18px}.home-app-pager-dot:focus-visible{outline:2px solid var(--text-primary);outline-offset:-4px}@media (prefers-reduced-motion:reduce){.home-app-media video{transition:none}.home-app-swap{animation:none}.home-app-pager-dot:before{transition:none}}.home-bezel-card{flex-direction:row!important}.home-bezel-card .home-card-body{flex:1 1 0;min-width:0}.home-bezel-card .tech-card-desc{text-wrap:balance}.home-bezel-tile{flex:0 0 44%;margin:12px 12px 12px 0}.home-bezel-frame{aspect-ratio:4/5;background:#d0d0d0 url(/bezelshotz/spin-light.webp) 50%/cover;border-radius:9px;flex:1;display:block;position:relative;overflow:hidden}:root[data-theme=dark] .home-bezel-frame{background:#303030 url(/bezelshotz/spin-dark.webp) 50%/cover}@media (min-width:720px){.home-bezel-frame{aspect-ratio:auto;min-height:0}}.home-bezel-frame video{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-out-soft);position:absolute;inset:0}.home-tile:hover .home-bezel-frame video{transform:scale(1.04)}.home-bezel-label{padding:9px 7px 4px}@media (prefers-reduced-motion:reduce){.home-bezel-frame video{transition:none}}.home-video-grid{grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0 18px 16px;list-style:none;display:grid}.home-video-grid>li{min-width:0;display:flex}@media (min-width:720px){.home-video-card .home-card-body{flex:none!important}.home-video-grid{flex:1;min-height:0}}.home-tile{border:1px solid var(--border);background:var(--surface);min-width:0;color:inherit;transition:border-color .25s var(--ease-out-soft), box-shadow .35s var(--ease-out-soft), transform .35s var(--ease-out-soft);border-radius:14px;flex-direction:column;flex:1;padding:5px;text-decoration:none;display:flex;box-shadow:0 1px 2px #00000008,0 2px 6px -2px #0000000a}.home-tile:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 1px 2px #0000000a,0 10px 24px -8px #0000001f}.home-tile:focus-visible{outline:2px solid var(--text-primary);outline-offset:2px}:root[data-theme=dark] .home-tile{border-color:var(--border-hover);background:color-mix(in srgb, var(--text-primary) 2%, var(--surface));box-shadow:inset 0 1px #ffffff08}:root[data-theme=dark] .home-tile:hover{border-color:color-mix(in srgb, var(--text-primary) 18%, transparent);box-shadow:inset 0 1px #ffffff0a,0 12px 28px -10px #000000b3}.home-video-poster{aspect-ratio:16/9;background:color-mix(in srgb, var(--text-primary) 4%, var(--surface));color:color-mix(in srgb, var(--text-primary) 22%, var(--surface));transition:background-color .3s var(--ease-out-soft), color .3s var(--ease-out-soft);border-radius:9px;place-items:center;display:grid}@media (min-width:720px){.home-video-poster{aspect-ratio:auto;flex:1;min-height:72px}}:root[data-theme=dark] .home-video-poster{background:color-mix(in srgb, #000 25%, var(--surface));color:color-mix(in srgb, var(--text-primary) 25%, var(--surface))}.home-video-poster svg{transition:transform .4s var(--ease-out-soft)}.home-tile:hover .home-video-poster{color:var(--text-primary)}.home-tile:hover .home-video-poster svg{transform:scale(1.06)}.home-video-meta{flex-direction:column;gap:6px;padding:10px 8px 6px;display:flex}.home-tile-label{font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:6px;font-size:.58rem;font-weight:500;display:flex}.home-video-sep{opacity:.6;margin:0 .5em}.home-tile-arrow{opacity:.6;transition:opacity .22s var(--ease-out-soft), transform .22s var(--ease-out-soft);flex-shrink:0}.home-tile:hover .home-tile-arrow{opacity:1;transform:translate(1px,-1px)}.home-video-title{letter-spacing:-.015em;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.84rem;font-weight:550;line-height:1.3;overflow:hidden}@media (prefers-reduced-motion:reduce){.home-tile,.home-tile:hover,.home-tile:hover .home-video-poster svg{transform:none}}.home-chip{color:var(--text-muted);flex-shrink:0;gap:5px;padding:4px 9px 4px 7px;text-decoration:none}.home-chip:hover{background:color-mix(in srgb, var(--section-color,var(--text-muted)) 10%, transparent);border-color:color-mix(in srgb, var(--section-color,var(--text-muted)) 46%, var(--border));color:var(--section-color,var(--text-primary))}@media (max-width:640px){.home-chip{padding:3px 8px 3px 6px}}.typing-eyebrow{align-items:center;min-height:1.2em;display:inline-flex}.typing-eyebrow-caret{background:currentColor;border-radius:1px;width:1.5px;height:1.15em;display:inline-block}.typing-eyebrow-caret.is-idle{animation:1.06s step-end infinite typing-caret-blink}@media (prefers-reduced-motion:reduce){.typing-eyebrow-caret.is-idle{animation:none}}.app-card-media{aspect-ratio:9/16;background:color-mix(in srgb, var(--text-muted) 12%, var(--surface-hover));border-radius:14px;margin:0 16px 10px;position:relative;overflow:hidden}.app-card-media video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0;transform:scale(1.02)}@media (max-width:640px){.app-card-media{margin:0 16px 16px}}@keyframes home-app-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes home-app-ring{to{stroke-dashoffset:0}}@keyframes typing-caret-blink{0%,to{opacity:1}50%{opacity:0}}
