@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-color:#fff;--bg-gradient:radial-gradient(circle at 50% 0%, #f0f5ff 0%, #fff 100%);--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af;--primary-color:#2563eb;--primary-hover:#1d4ed8;--accent-color:#0ea5e9;--glass-bg:#ffffffb3;--glass-border:#ffffff80;--glass-shadow:0 8px 32px 0 #1f26870d;--border-color:#e5e7eb;--hb-field-1:#2563eb38;--hb-field-2:#0ea5e938;--hb-field-3:#6366f129;--hb-beam:#0ea5e914;--hb-line:#0f172a0f;--hb-line-lit:#2563eb73;--hb-glow:#2563eb1a}[data-theme=dark]{--bg-color:#0b0f19;--bg-gradient:radial-gradient(circle at 50% 0%, #172138 0%, #0b0f19 100%);--text-primary:#f9fafb;--text-secondary:#d1d5db;--text-muted:#6b7280;--primary-color:#3b82f6;--primary-hover:#60a5fa;--accent-color:#00ffe1;--glass-bg:#0f172a99;--glass-border:#ffffff14;--glass-shadow:0 8px 32px 0 #0000004d;--border-color:#1e293b;--hb-field-1:#3b82f64d;--hb-field-2:#00ffe129;--hb-field-3:#6366f13d;--hb-beam:#00ffe10f;--hb-line:#ffffff0d;--hb-line-lit:#00ffe180;--hb-glow:#3b82f624}*{box-sizing:border-box;margin:0;padding:0}[id]{scroll-margin-top:6rem}body{background-color:var(--bg-color);background-image:var(--bg-gradient);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100vh;font-family:Inter,sans-serif;line-height:1.6;transition:background-color .3s,color .3s;overflow-x:clip}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,sans-serif;font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none;transition:color .2s}a:hover{color:var(--primary-color)}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.gradient-text{background:linear-gradient(135deg, var(--primary-color), var(--accent-color));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.header{z-index:50;will-change:transform;padding:1rem 0;position:fixed;top:0;left:0;right:0}.header-container{border-radius:100px;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}.header-logo{letter-spacing:-.02em;align-items:center;gap:.5rem;font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:700;display:flex}.header-nav{align-items:center;gap:2rem;display:flex}.nav-link{color:var(--text-secondary);font-size:.95rem;font-weight:500}.nav-link:hover{color:var(--text-primary)}.theme-toggle{color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:.5rem;transition:background-color .2s;display:flex}.theme-toggle:hover{background-color:var(--border-color)}.footer{border-top:1px solid var(--border-color);text-align:center;margin-top:5rem;padding:3rem 0}.copyright{color:var(--text-secondary);margin:0 auto;padding:0 1.5rem;font-size:.9rem;line-height:1.8}.footer-nav{flex-wrap:wrap;justify-content:center;gap:.5rem 1.5rem;margin-top:.75rem;padding:0 1.5rem;font-size:.9rem;display:flex}.footer-nav a{color:var(--text-secondary)}.footer-nav a:hover{color:var(--primary-color)}.main-content{min-height:calc(100vh - 200px);padding-top:8rem}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100dvh - 8rem);padding:2rem 0;display:flex}.hero h1{letter-spacing:-.03em;margin-bottom:1.5rem;font-size:clamp(2.5rem,5vw,4.5rem)}.hero p{color:var(--text-secondary);max-width:600px;margin-bottom:2.5rem;font-size:1.25rem}.hero-immersive{--hb-bleed-top:8rem;isolation:isolate;position:relative}.hero-backdrop{z-index:-1;top:calc(var(--hb-bleed-top) * -1);pointer-events:none;width:100vw;margin-left:-50vw;position:absolute;bottom:0;left:50%;overflow:hidden;-webkit-mask-image:linear-gradient(#000 65%,#0000);mask-image:linear-gradient(#000 65%,#0000)}.hero-backdrop>span{position:absolute}.hb-field{filter:blur(20px);will-change:transform;width:60vmax;height:60vmax;animation:hb-drift var(--dur) ease-in-out infinite alternate;border-radius:50%}.hb-field-1{--dur:24s;--dx:10vw;--dy:8vh;background:radial-gradient(closest-side, var(--hb-field-1), transparent);top:-28vmax;left:-18vmax}.hb-field-2{--dur:30s;--dx:-12vw;--dy:10vh;background:radial-gradient(closest-side, var(--hb-field-2), transparent);animation-delay:-10s;top:-22vmax;right:-22vmax}.hb-field-3{--dur:36s;--dx:8vw;--dy:-10vh;background:radial-gradient(closest-side, var(--hb-field-3), transparent);animation-delay:-18s;bottom:-38vmax;left:20vw}@keyframes hb-drift{0%{transform:translate(0,0)scale(1)}50%{transform:translate3d(calc(var(--dx) * .5), var(--dy), 0) scale(1.12)}to{transform:translate3d(var(--dx), calc(var(--dy) * -.5), 0) scale(.94)}}.hb-beam{background:conic-gradient(from 160deg, transparent 0deg, var(--hb-beam) 20deg, transparent 40deg, transparent 180deg, var(--hb-beam) 200deg, transparent 220deg);width:120vmax;height:120vmax;margin-left:-60vmax;animation:40s linear infinite hb-sweep;top:-60vmax;left:50%;-webkit-mask-image:radial-gradient(closest-side,#000 20%,#0000);mask-image:radial-gradient(closest-side,#000 20%,#0000)}@keyframes hb-sweep{to{transform:rotate(360deg)}}.hb-grid,.hb-grid:after{background-image:linear-gradient(var(--hb-line) 1px, transparent 1px), linear-gradient(90deg, var(--hb-line) 1px, transparent 1px);background-position:top;background-size:48px 48px;inset:0}.hb-grid{-webkit-mask-image:radial-gradient(70% 65% at 50% 45%,#000 25%,#0000 75%);mask-image:radial-gradient(70% 65% at 50% 45%,#000 25%,#0000 75%)}.hb-grid:after{content:"";background-image:linear-gradient(var(--hb-line-lit) 1px, transparent 1px), linear-gradient(90deg, var(--hb-line-lit) 1px, transparent 1px);-webkit-mask-image:radial-gradient(180px circle at var(--mx,50%) var(--my,40%), #000, transparent);-webkit-mask-image:radial-gradient(180px circle at var(--mx,50%) var(--my,40%), #000, transparent);mask-image:radial-gradient(180px circle at var(--mx,50%) var(--my,40%), #000, transparent);opacity:0;transition:opacity .4s;position:absolute}.hb-glow{background:radial-gradient(480px circle at var(--mx,50%) var(--my,40%), var(--hb-glow), transparent 70%);opacity:0;transition:opacity .4s;inset:0}.hero-backdrop.is-lit .hb-glow,.hero-backdrop.is-lit .hb-grid:after{opacity:1}@media (width<=580px){.hero-immersive{--hb-bleed-top:10rem}.hb-grid,.hb-grid:after{background-size:36px 36px}}@media (prefers-reduced-motion:reduce){.hb-field,.hb-beam{animation:none}}.btn{cursor:pointer;border-radius:100px;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s,background-color .2s;display:inline-flex}.btn-primary{background:var(--primary-color);color:#fff;border:none;box-shadow:0 4px 14px #2563eb4d}.btn-primary:hover{background:var(--primary-hover);color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #2563eb66}.btn-secondary{color:var(--text-primary);border:1px solid var(--border-color);background:0 0}.btn-secondary:hover{background:var(--glass-bg);border-color:var(--text-primary)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:4s ease-in-out infinite float}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (width<=768px){.header-container{padding:.75rem 1rem}.header-nav{gap:1.25rem}.hero{padding:2rem 0}.footer{margin-top:3rem;padding:2rem 0}}@media (width<=580px){.header-container{border-radius:1.5rem;flex-direction:column;gap:1rem;padding:1rem}.header-nav{flex-wrap:wrap;justify-content:center;gap:1.25rem;width:100%}.main-content{padding-top:10rem}.hero{min-height:calc(100dvh - 10rem);padding:2rem 0}.hero h1{font-size:2.25rem}.hero p{font-size:1.1rem}[id]{scroll-margin-top:8rem}}.hero-icon{margin-bottom:2rem}.app-icon{border-radius:24px;width:96px;height:96px;display:block;box-shadow:0 12px 32px #0000004d}.app-icon-sm{border-radius:16px;width:64px;height:64px}.redirect-screen{min-height:60vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.download-options{flex-direction:column;align-items:center;gap:.75rem;width:100%;margin-top:1.5rem;display:flex}.download-primary{width:100%;max-width:320px}.download-toggle{width:100%;max-width:320px;margin-top:1rem;padding:.5rem 1rem;font-size:.9rem}.download-toggle:first-child{margin-top:0}.secondary-links{color:var(--border-color);flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:.5rem;font-size:.9rem;display:flex}.secondary-links a{color:var(--text-secondary);align-items:center;gap:.25rem;text-decoration:none;transition:color .2s;display:flex}.secondary-links a:hover{color:var(--text-primary)}.platform-slider{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:1.5rem;width:100%;margin-top:.5rem;padding:1rem .5rem;display:flex;overflow-x:auto}.platform-slider>:first-child{margin-left:auto}.platform-slider>:last-child{margin-right:auto}.platform-card{scroll-snap-align:center;text-align:center;border-radius:1rem;flex-direction:column;flex:0 0 240px;align-items:center;gap:.5rem;padding:2rem;display:flex}.platform-card h3{margin:.5rem 0 0;font-size:1.25rem}.platform-card p{color:var(--text-secondary);margin:0 0 1rem;font-size:.9rem}.platform-card .btn{width:100%;margin-top:auto;padding:.5rem;font-size:.9rem}.platform-card.is-unavailable{opacity:.7}.platform-card.is-unavailable .btn{cursor:default;pointer-events:none}.section{padding:4rem 0}.section-title{text-align:center;margin-bottom:2rem;font-size:2.5rem}.section-title.has-subtitle,.section-tabbed .section-title{margin-bottom:.75rem}.section-tabbed .section-title{margin-bottom:1.25rem}.section-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:2rem}.section-prose{text-align:center}.section-prose p{color:var(--text-secondary)}.section-prose p+p{margin-top:1.5rem}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:2rem;display:grid}.feature-card{border-radius:1rem;padding:2rem}.feature-card h3{margin-bottom:.5rem;font-size:1.25rem}.feature-card p{color:var(--text-secondary)}.panel{border-radius:1rem;padding:2.5rem}.panel h2{margin-bottom:1.5rem;font-size:2rem}.panel-center{text-align:center}.panel-center h2{margin-bottom:.75rem}.panel-center>p{color:var(--text-secondary)}.bb-tabs{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.bb-tabs button{border:1px solid var(--border-color);color:var(--text-secondary);font:inherit;cursor:pointer;background:0 0;border-radius:100px;padding:.5rem 1.1rem;font-size:.95rem;font-weight:600}.bb-tabs button.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.bb-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:1rem;display:grid}.bb-shot{cursor:zoom-in;background:0 0;border:none;border-radius:.75rem;padding:0;overflow:hidden;box-shadow:0 8px 24px #00000040}.bb-shot img{width:100%;aspect-ratio:var(--shot-aspect,16 / 9);object-fit:cover;transition:transform .3s;display:block}.bb-grid.is-portrait{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr))}.bb-shot.is-portrait img{aspect-ratio:9/16}.bb-shot:hover img,.bb-shot:focus-visible img{transform:scale(1.04)}.bb-lightbox{z-index:1000;background:#05080feb;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.bb-lightbox figure{text-align:center;max-width:min(1280px,100%);margin:0}.bb-lightbox img{border-radius:.75rem;max-width:100%;max-height:calc(100dvh - 7rem)}.bb-lightbox figcaption{color:#d1d5db;margin-top:.75rem;font-size:.95rem}.bb-lb-btn{cursor:pointer;color:#fff;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:absolute}.bb-lb-btn:hover{background:#ffffff40}.bb-lb-close{top:1rem;right:1rem}.bb-lb-prev{top:50%;left:1rem;transform:translateY(-50%)}.bb-lb-next{top:50%;right:1rem;transform:translateY(-50%)}.bb-shorts{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.bb-shorts figure{margin:0}.bb-shorts figcaption{text-align:center;color:var(--text-secondary);margin-top:.6rem;font-size:.9rem}.carousel{--slide:88%;--slide-gap:.75rem}.carousel-clips{--slide:min(72%, calc((100dvh - 14rem) * 9 / 16))}.carousel-track{gap:var(--slide-gap);scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;margin:0 -2rem;padding:.25rem 0 .5rem;display:flex;position:relative;overflow-x:auto}.carousel-track:before,.carousel-track:after{content:"";flex:0 0 max(0px, calc((100% - var(--slide)) / 2 - var(--slide-gap)))}.carousel-track::-webkit-scrollbar{display:none}.carousel-track:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.carousel-slide{flex:0 0 var(--slide);scroll-snap-align:center;scroll-snap-stop:always}.carousel-slide figure{margin:0}.carousel-slide .bb-shot{width:100%;display:block}.carousel-slide figcaption{text-align:center;color:var(--text-secondary);margin-top:.6rem;font-size:.9rem}.clip{aspect-ratio:9/16;--clip-gap:.6rem;--seek-hit:18px;background:#0b0f19;border-radius:1rem;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000040}.clip video{object-fit:cover;width:100%;height:100%;display:block}.clip-surface{cursor:pointer;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.clip-surface:focus-visible{outline:3px solid var(--primary-color);outline-offset:-3px;border-radius:1rem}.clip-play{color:#fff;-webkit-backdrop-filter:blur(8px);background:#0b0f1973;border:2px solid #ffffffd9;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;padding-left:4px;transition:opacity .2s,transform .2s;display:flex}.clip.is-playing .clip-play{opacity:0;transform:scale(.85)}.clip-mute,.clip-fullscreen{color:#fff;-webkit-backdrop-filter:blur(8px);cursor:pointer;background:#0b0f198c;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;right:.6rem}.clip-mute{top:.6rem}.clip-fullscreen{bottom:var(--seek-hit)}.clip-mute:hover,.clip-fullscreen:hover{background:#0b0f19bf}.clip:not(.is-playing) .clip-mute{visibility:hidden}.clip.is-fullscreen{aspect-ratio:auto;background:#000;border-radius:0}.clip.is-fullscreen video{object-fit:contain}.clip-seek{height:var(--seek-hit);cursor:pointer;touch-action:none;align-items:flex-end;display:flex;position:absolute;bottom:0;left:0;right:0}.clip-seek-track{background:#ffffff40;width:100%;height:3px;transition:height .15s;position:relative}.clip-seek:hover .clip-seek-track,.clip-seek:active .clip-seek-track,.clip-seek:focus-visible .clip-seek-track{height:6px}.clip-seek:focus-visible{outline:none}.clip-seek-track span{transform-origin:0;background:#fff;height:100%;transition:transform .25s linear;display:block}.clip-seek:active .clip-seek-track span{transition:none}.clip.clip-wide{aspect-ratio:16/9;border-radius:1.25rem;box-shadow:0 20px 50px #0000004d}.clip.clip-wide .clip-play{width:76px;height:76px}.carousel-nav{justify-content:center;align-items:center;gap:1rem;margin-top:1rem;display:flex}.carousel-arrow{border:1px solid var(--border-color);background:var(--glass-bg);width:40px;height:40px;color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;display:flex}.carousel-arrow:disabled{opacity:.35;cursor:default}.carousel-dots{gap:.25rem;display:flex}.carousel-dots button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex}.carousel-dots button:before{content:"";background:var(--border-color);border-radius:50%;width:8px;height:8px;transition:width .2s,background .2s}.carousel-dots button.active:before{background:var(--primary-color);border-radius:4px;width:20px}.bb-details{grid-template-columns:minmax(140px,max-content) 1fr;gap:.6rem 1.5rem;margin:0;display:grid}.bb-details dt{font-weight:600}.bb-details dd{color:var(--text-secondary);margin:0}.bb-details a{color:var(--primary-color)}@media (width<=768px){.bb-lb-prev,.bb-lb-next{top:auto;bottom:1rem;transform:none}}@media (width<=580px){.panel{padding:2rem 1.25rem}.bb-details{grid-template-columns:1fr;gap:.15rem}.bb-details dd{margin-bottom:.75rem}}@media (prefers-reduced-motion:reduce){.bb-shot img,.carousel-dots button:before,.clip-play,.clip-seek-track,.clip-seek-track span{transition:none}}