:root{--ink: #12161c;--panel: #1b2129;--panel-raised: #212832;--rule: #2e3742;--paper: #e9edf2;--mute: #8b96a3;--amber: #e8a33d;--amber-dim: #7a5a2c;--font-display: "Space Grotesk", system-ui, sans-serif;--font-wordmark: "Poppins", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--ink);color:var(--paper);font-family:var(--font-body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit}:focus-visible{outline:2px solid var(--amber);outline-offset:3px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}@keyframes spin-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes page-fade-in{0%{opacity:0;transform:translateY(14px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}.mono-label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}.grain-overlay,.top-wash,.bottom-vignette{position:fixed;left:0;right:0;pointer-events:none;z-index:0}.grain-overlay{top:0;bottom:0;opacity:.025;mix-blend-mode:overlay}.top-wash{top:0;height:260px}.bottom-vignette{bottom:0;height:180px;background:linear-gradient(0deg,rgba(0,0,0,.32),transparent)}.shell{min-height:100vh;display:flex;flex-direction:column;position:relative}.shell-content{position:relative;z-index:1;display:flex;flex-direction:column;flex:1}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;position:sticky;top:0;z-index:20;transition:background .25s ease,box-shadow .25s ease}.top-bar.scrolled{background:#0a0c1099;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 1px #ffffff0f}.brand{font-family:var(--font-wordmark);font-weight:700;font-size:1.05rem;letter-spacing:.01em;display:flex;align-items:baseline;gap:8px}.brand .tick{transition:color .25s ease}.top-nav{display:flex;gap:24px;align-items:center}.top-nav a{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);transition:color .15s ease}.top-nav a:hover,.top-nav a.active{color:var(--paper)}main{flex:1;padding:0 clamp(20px,5vw,56px) 40px;animation:page-fade-in .55s cubic-bezier(.16,1,.3,1)}.ruler{position:relative;height:20px;margin:6px 0 32px;background-image:repeating-linear-gradient(90deg,var(--rule) 0,var(--rule) 1px,transparent 1px,transparent 24px);background-position:left center;background-size:100% 10px;background-repeat:no-repeat;overflow:hidden}.lang-switcher{position:relative}.lang-switcher-button{display:flex;align-items:center;gap:6px;background:none;border:1px solid var(--rule);border-radius:4px;padding:6px 10px;color:var(--paper);cursor:pointer;font-family:var(--font-mono);font-size:.75rem}.lang-switcher-menu{position:absolute;top:110%;right:0;background:var(--panel);border:1px solid var(--rule);border-radius:4px;overflow:hidden;z-index:10;min-width:130px}.lang-switcher-item{display:flex;align-items:center;gap:8px;width:100%;padding:9px 12px;background:none;border:none;color:var(--paper);cursor:pointer;font-family:var(--font-body);font-size:.82rem;text-align:left}.lang-switcher-item.active{background:var(--panel-raised)}.landing{display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 140px);gap:32px}.landing-intro{max-width:560px}.landing-eyebrow{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:22px;display:block}.landing h1{font-family:var(--font-display);font-size:56px;line-height:1;margin:0 0 16px;font-weight:700;letter-spacing:-.01em}.landing p{color:var(--mute);font-size:17px;line-height:1.6;margin:0;white-space:pre-line}.reel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;perspective:700px;margin-bottom:14px}@media (max-width: 640px){.reel-grid{grid-template-columns:1fr}.landing h1{font-size:34px}.top-bar{flex-wrap:wrap;row-gap:12px;padding:16px 18px 0}.top-nav{gap:14px}.top-nav a{font-size:10.5px}main{padding:0 18px 32px}.detail-grid{grid-template-columns:1fr!important}.help-tabs{flex-wrap:wrap}}.reel-card{position:relative;border-radius:22px;padding:30px 28px;min-height:210px;display:flex;flex-direction:column;justify-content:flex-end;gap:8px;overflow:hidden;cursor:pointer;transform-style:preserve-3d;transition:border-color .3s ease,box-shadow .3s ease,transform .12s ease-out}.reel-card .reel-logo{position:absolute;top:20px;right:20px;width:52px;height:52px;border-radius:50%;object-fit:cover;transition:filter .3s ease}.reel-card h2{font-family:var(--font-display);font-size:26px;margin:0;font-weight:600}.reel-card span.desc{color:var(--mute);font-size:14px;line-height:1.5;max-width:85%}.reel-domain-tag{position:absolute;bottom:-13px;left:22px;transform:translateY(50%);font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;padding:4px 10px 5px;border-left:1px solid var(--rule);border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);border-radius:0 0 6px 6px;text-decoration:none;box-shadow:0 4px 10px -4px #0006}.page-header{padding-top:32px;margin-bottom:8px}.page-header h1{font-family:var(--font-display);font-size:30px;margin:10px 0 8px;font-weight:600}.page-header p{color:var(--mute);max-width:560px;line-height:1.6;margin:0}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:18px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.breadcrumb-sep{color:var(--rule)}.breadcrumb-link{background:none;border:none;cursor:pointer;padding:0;color:var(--mute);transition:color .3s ease}.breadcrumb-link:hover{color:var(--amber)}.breadcrumb-current{color:var(--paper)}.sw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.sw-tile{position:relative;border:1px solid var(--rule);border-radius:4px;background:var(--panel);padding:28px 20px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;transition:all .2s ease}.sw-tile:hover,.sw-tile.selected{border-color:var(--amber-dim);transform:translateY(-2px)}.sw-tile.selected{border-color:var(--amber)}.sw-tile-dot{position:absolute;top:8px;right:8px;width:7px;height:7px;border-radius:50%;background:var(--amber)}.sw-tile-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s ease}.sw-tile:hover .sw-tile-icon{transform:scale(1.05)}.sw-tile-icon img{width:44px;height:44px;border-radius:9px}.sw-tile span.name{font-family:var(--font-display);font-size:15px;font-weight:600}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px}.asset-card{display:flex;flex-direction:column;border:1px solid var(--rule);border-radius:4px;background:var(--panel);overflow:hidden;cursor:pointer;transition:border-color .2s ease,transform .2s ease}.asset-card:hover{transform:translateY(-2px);border-color:var(--cat-color, var(--amber-dim))}.thumb{position:relative;aspect-ratio:16 / 9;background:linear-gradient(135deg,var(--panel-raised),var(--ink));display:flex;align-items:center;justify-content:center}.thumb .play-ring{position:relative;width:40px;height:40px}.thumb .play-ring .spin{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px dashed transparent;transition:border-color .2s ease}.asset-card:hover .play-ring .spin{border-color:var(--cat-color, var(--amber));animation:spin-ring 6s linear infinite}.thumb .play{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid var(--rule);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.asset-card:hover .thumb .play{border-color:var(--cat-color, var(--amber))}.thumb .timecode{position:absolute;left:10px;bottom:10px;font-family:var(--font-mono);font-size:.72rem;color:var(--paper);background:#0000008c;padding:3px 7px;border-radius:2px;letter-spacing:.04em}.asset-card-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:5px}.asset-card-body h3{font-family:var(--font-display);font-size:16px;margin:0;font-weight:600}.asset-card-body .cat{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.skeleton-card{border:1px solid var(--rule);border-radius:4px;background:var(--panel);overflow:hidden}.skeleton-thumb{aspect-ratio:16 / 9;background:linear-gradient(90deg,var(--panel-raised) 25%,var(--rule) 37%,var(--panel-raised) 63%);background-size:400% 100%;animation:shimmer 1.6s ease-in-out infinite}.skeleton-line{border-radius:3px;background:var(--rule)}.detail-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:36px;padding-top:30px;align-items:start}.video-pane{border:1px solid var(--rule);border-radius:6px;background:#0d1014;aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 24px 48px -20px #0000008c}.video-pane.shimmer{background:linear-gradient(90deg,#0d1014 25%,#14181d 37%,#0d1014 63%);background-size:400% 100%;animation:shimmer 3.2s ease-in-out infinite;position:relative}.video-pane iframe,.video-pane video{border:none;display:block}.video-pane .placeholder-note{text-align:center;color:var(--mute);font-family:var(--font-mono);font-size:.78rem;letter-spacing:.06em;max-width:260px;line-height:1.6}.video-pane .play{position:relative;width:56px;height:56px;margin:0 auto 14px}.video-pane .play .spin{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px dashed transparent;transition:border-color .2s ease}.video-pane:hover .play .spin{animation:spin-ring 6s linear infinite}.video-pane .play .circle{position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;border:1px solid var(--rule);display:flex;align-items:center;justify-content:center;background:#0000004d}.inspector h1{font-family:var(--font-display);font-size:26px;margin:8px 0 10px;font-weight:600}.inspector>p.summary{color:var(--mute);line-height:1.6;margin:0 0 24px}.steps{display:flex;flex-direction:column;gap:18px}.step{display:flex;gap:14px;padding-bottom:18px;border-bottom:1px solid var(--rule)}.step:last-child{border-bottom:none}.step .num{font-family:var(--font-mono);font-size:13px;color:var(--amber);flex-shrink:0;padding-top:2px}.step h4{margin:0 0 5px;font-family:var(--font-display);font-size:15px;font-weight:600}.step p{margin:0;color:var(--mute);line-height:1.6;font-size:13.5px}.notes{margin-top:22px;padding:12px 14px;background:var(--panel-raised);border:1px solid var(--rule);border-radius:4px;font-size:13px;color:var(--mute)}.next-tutorial-btn{margin-top:22px;background:none;border:1px solid var(--rule);border-radius:4px;padding:10px 14px;cursor:pointer;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);display:block;width:100%;text-align:left;transition:color .2s ease,border-color .2s ease}.next-tutorial-btn:hover{color:var(--amber);border-color:var(--amber-dim)}.notes strong{color:var(--paper)}.back-to-video-btn{position:fixed;bottom:28px;right:28px;display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:30px;border:1px solid var(--amber);background:#1b2129ed;color:var(--amber);cursor:pointer;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;z-index:15;box-shadow:0 8px 20px -8px #00000080;transition:opacity .25s ease,transform .25s ease}.back-to-video-btn.hidden{opacity:0;transform:translateY(12px);pointer-events:none}.help-tabs{position:relative;display:flex;gap:28px;margin-bottom:26px;border-bottom:1px solid var(--rule)}.help-tab{background:none;border:none;cursor:pointer;padding-bottom:10px;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);transition:color .25s ease}.help-tab-indicator{position:absolute;bottom:-1px;height:2px;transition:left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1),background .25s ease}.help-chips{display:flex;gap:8px;margin-bottom:22px;flex-wrap:wrap}.help-chip{font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;padding:6px 12px;border-radius:20px;cursor:pointer;border:1px solid var(--rule);background:none;color:var(--mute);transition:all .15s ease}.search-box{display:flex;align-items:center;gap:10px;border:1px solid var(--rule);background:var(--panel);border-radius:4px;padding:11px 15px;max-width:460px;margin-bottom:28px}.search-box input{flex:1;background:transparent;border:none;color:var(--paper);font-family:var(--font-body);font-size:14px}.search-box input:focus{outline:none}.search-box .icon{color:var(--mute)}.help-category{margin-bottom:26px;scroll-margin-top:90px}.help-category .cat-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;display:block}.help-item{border:1px solid var(--rule);border-radius:4px;background:var(--panel);margin-bottom:9px;overflow:hidden}.help-item-header{cursor:pointer;width:100%;padding:13px 16px;font-family:var(--font-display);font-weight:500;font-size:14px;background:none;border:none;color:var(--paper);text-align:left;display:flex;justify-content:space-between;align-items:center}.help-item-header .chevron{color:var(--mute);transition:transform .25s ease;flex-shrink:0;margin-left:10px}.help-item-answer-outer{display:grid;transition:grid-template-rows .3s ease}.help-item-answer-inner{overflow:hidden}.help-item .answer{padding:0 16px 16px;color:var(--mute);font-size:13.5px;line-height:1.6}.no-results{color:var(--mute);font-family:var(--font-mono);font-size:13px;padding:24px 0}.contact-support-box{margin-top:34px;padding:20px 22px;border:1px solid var(--rule);border-radius:6px;background:var(--panel-raised);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.contact-support-box h4{font-family:var(--font-display);font-weight:600;font-size:15px;margin:0 0 4px}.contact-support-box p{color:var(--mute);font-size:13px;margin:0}.contact-support-btn{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:10px 18px;border-radius:4px;border:1px solid var(--amber);color:var(--amber);white-space:nowrap}.scroll-top-btn{position:fixed;bottom:28px;right:28px;width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:15;background:#1b2129ed;box-shadow:0 8px 20px -8px #00000080;transition:opacity .25s ease,transform .25s ease}.scroll-top-btn.hidden{opacity:0;transform:translateY(12px);pointer-events:none}.asset-rows-header{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin-bottom:10px}.asset-rows-header span,.asset-rows-header-single span{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--mute);padding-left:14px}.asset-rows-header-single{margin-bottom:10px}.asset-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mini-play{position:relative;display:flex;align-items:center;gap:12px;border:1px solid var(--rule);border-radius:4px;background:var(--panel);padding:12px 14px;cursor:pointer;transition:all .2s ease}.mini-play:hover{transform:translateY(-1px);border-color:var(--cat-color, var(--amber))}.mini-play .icon-wrap{position:relative;width:34px;height:34px;flex-shrink:0}.mini-play .spin{position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;border:2px dashed transparent;transition:border-color .2s ease}.mini-play:hover .spin{border-color:var(--cat-color, var(--amber));animation:spin-ring 6s linear infinite}.mini-play .circle{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid var(--rule);display:flex;align-items:center;justify-content:center;color:var(--cat-color, var(--amber));transition:all .2s ease}.mini-play:hover .circle{border-color:var(--cat-color, var(--amber))}.mini-play .label{font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--paper);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-play .viewed-dot{position:absolute;top:8px;right:10px;width:6px;height:6px;border-radius:50%;background:var(--cat-color, var(--amber))}.skeleton-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.skeleton-mini{height:60px;border-radius:4px;background:var(--panel);border:1px solid var(--rule);overflow:hidden}.skeleton-mini-fill{height:100%;background:linear-gradient(90deg,var(--panel-raised) 25%,var(--rule) 37%,var(--panel-raised) 63%);background-size:400% 100%;animation:shimmer 1.6s ease-in-out infinite}.platform-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.platform-tile{border:1px solid var(--rule);border-radius:4px;background:var(--panel);padding:28px 20px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;transition:all .2s ease}.platform-tile:hover{border-color:var(--amber-dim);transform:translateY(-2px)}.platform-tile span.name{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--paper)}.promo-banner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 18px;border-radius:6px;margin-bottom:28px;background:color-mix(in srgb,var(--promo-color, var(--amber)) 8%,transparent);border:1px solid color-mix(in srgb,var(--promo-color, var(--amber)) 27%,transparent);border-left:3px solid var(--promo-color, var(--amber))}.promo-banner .text{color:var(--paper);font-size:13.5px;line-height:1.5}.promo-banner .link{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--promo-color, var(--amber));white-space:nowrap;text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--promo-color, var(--amber)) 40%,transparent);padding-bottom:2px}.studio-videos-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.studio-video-label{display:flex;align-items:center;gap:8px;margin-bottom:10px}.studio-video-label .dot{width:8px;height:8px;border-radius:50%;background:var(--amber)}.studio-video-label span.name{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--paper);font-weight:600}@media (max-width: 640px){.asset-row,.asset-rows-header,.skeleton-row,.studio-videos-grid{grid-template-columns:1fr!important}}.foot{padding:16px 32px 22px;color:var(--mute);font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;position:relative;z-index:1}