.reel-stage{background:radial-gradient(1400px 700px at 50% 0%, oklch(20% .08 260), transparent), var(--reel-bg-deep);min-height:100vh;font-family:var(--font-body);color:var(--reel-text);flex-direction:column;justify-content:flex-start;align-items:center;padding:32px 20px 48px;display:flex}.reel-header{text-align:center;max-width:680px;margin-bottom:24px}.reel-brand-kicker{letter-spacing:2.5px;text-transform:uppercase;color:var(--reel-gold);background:#facc151f;border:1px solid #facc1559;border-radius:999px;margin-bottom:10px;padding:4px 14px;font-size:11px;font-weight:800;display:inline-block}.reel-page-title{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;margin:0;font-size:38px;line-height:1.05}.reel-page-sub{color:var(--reel-text-dim);margin-top:8px;font-size:14px}.gold-text{color:#0000;text-shadow:0 0 24px #facc1580;background:linear-gradient(135deg,#ffe066 0%,#facc15 50%,#eab308 100%);-webkit-background-clip:text;background-clip:text}.reel-workspace{flex-direction:row;justify-content:center;align-items:flex-start;gap:36px;width:100%;max-width:980px;display:flex}.phone-wrapper{flex-shrink:0}.phone-frame{background:#030308;border-radius:44px;width:360px;height:640px;padding:12px;position:relative;box-shadow:0 0 0 2px #facc1540,0 30px 90px -20px #eab30859,0 10px 40px #000c}.phone-notch{z-index:30;background:#030308;border-radius:0 0 16px 16px;width:120px;height:20px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.phone-screen{background:var(--reel-bg);border-radius:34px;width:100%;height:100%;position:relative;overflow:hidden}.reel-canvas{position:absolute;inset:0;overflow:hidden}.reel-backdrop{position:absolute;inset:0}.reel-grid{background-image:linear-gradient(#facc1514 1px,#0000 1px),linear-gradient(90deg,#38bdf814 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:-20%;-webkit-mask-image:radial-gradient(circle at 50% 40%,#000 30%,#0000 80%);mask-image:radial-gradient(circle at 50% 40%,#000 30%,#0000 80%)}.reel-glow{filter:blur(60px);opacity:.55;border-radius:50%;position:absolute}.reel-glow-1{background:var(--reel-electric);width:300px;height:300px;animation:6s ease-in-out infinite reel-pulse;top:-80px;left:-60px}.reel-glow-2{background:var(--reel-cyan);width:280px;height:280px;animation:7s ease-in-out 1s infinite reel-pulse;bottom:-90px;right:-70px}.reel-zap{background:linear-gradient(90deg, transparent, var(--reel-electric), transparent);height:2px;animation:3s linear infinite reel-zap;position:absolute;top:0;left:0;right:0}.scene{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px 18px;display:flex;position:absolute;inset:0}.scene-brand-image{justify-content:space-between;align-items:stretch;padding:0}.scene-media-wrapper{position:absolute;inset:0;overflow:hidden}.brand-poster-img{object-fit:cover;object-position:center top;width:100%;height:100%;animation:8s ease-in-out infinite alternate poster-drift}@keyframes poster-drift{0%{transform:scale(1)translateY(0)}to{transform:scale(1.08)translateY(-14px)}}.scene-media-vignette{background:linear-gradient(#000000a6 0%,#0000001a 22%,#00000040 55%,#030308f2 86%,#030308 100%);position:absolute;inset:0}.scene-overlay-tag{z-index:10;letter-spacing:2px;text-transform:uppercase;color:var(--reel-gold);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030308d9;border:1px solid #facc1599;border-radius:999px;padding:6px 14px;font-size:10px;font-weight:800;position:absolute;box-shadow:0 4px 16px #0009}.top-pill{white-space:nowrap;animation:.5s both reel-rise;top:36px;left:50%;transform:translate(-50%)}.free-pill{color:#050505;background:linear-gradient(90deg,#facc15,#38bdf8);border:none;font-weight:900}.matrix-live-pill{z-index:10;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;background:#030308e0;border:1px solid #38bdf880;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:10px;display:flex;position:absolute;top:76px;left:50%;transform:translate(-50%)}.live-dot{background:#22c55e;border-radius:50%;width:7px;height:7px;animation:1.2s infinite live-blink;box-shadow:0 0 8px #22c55e}@keyframes live-blink{0%,to{opacity:1}50%{opacity:.3}}.live-label{color:var(--reel-text-dim);font-weight:700}.live-val{color:#38bdf8;font-weight:900}.scene-bottom-card{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:left;background:#0a0a14e6;border:1px solid #facc1559;border-radius:18px;padding:13px 15px;animation:.5s both reel-rise;position:absolute;bottom:30px;left:14px;right:14px;box-shadow:0 10px 30px #000000b3}.card-kicker{letter-spacing:2px;color:var(--reel-gold);text-transform:uppercase;font-size:9px;font-weight:800}.card-title{font-family:var(--font-display);letter-spacing:.5px;text-transform:uppercase;color:#fff;margin:4px 0 3px;font-size:20px;line-height:1.1}.card-sub{color:var(--reel-text-dim);margin:0;font-size:11px;line-height:1.35}.scene-hook{background:radial-gradient(circle at 50% 30%,#eab30826,#0000 70%)}.hook-pill{letter-spacing:2.5px;color:#f87171;background:#ef444426;border:1px solid #ef444466;border-radius:999px;padding:4px 12px;font-size:10px;font-weight:800}.hook-head{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;text-shadow:0 6px 30px #facc1566;font-size:46px;line-height:.95}.hook-sub{color:var(--reel-text-dim);max-width:260px;font-size:14px;line-height:1.4}.hook-ticker{letter-spacing:2px;color:var(--reel-gold);background:#facc151f;border:1px dashed #facc1566;border-radius:999px;margin-top:10px;padding:6px 14px;font-size:11px;font-weight:800}.scene-proof{gap:10px}.proof-pill{letter-spacing:2px;color:var(--reel-gold);background:#facc151f;border:1px solid #facc1559;border-radius:999px;padding:4px 12px;font-size:10px;font-weight:800}.proof-label{letter-spacing:3px;color:var(--reel-text-dim);text-transform:uppercase;font-size:11px;font-weight:800}.proof-counter{font-family:var(--font-display);color:#facc15;text-shadow:0 0 32px #facc15b3;font-size:58px;line-height:1;animation:.2s both reel-count}.proof-sub{letter-spacing:1.5px;color:var(--reel-cyan);font-size:10px;font-weight:700}.proof-spark{width:100%;max-width:260px;margin:4px 0}.sparkline{width:100%;height:64px}.proof-badges{flex-wrap:wrap;justify-content:center;gap:6px;max-width:270px;display:flex}.proof-badge{color:#fff;background:#facc151f;border:1px solid #facc1559;border-radius:999px;padding:5px 10px;font-size:10px;font-weight:700}.scene-cta{background:radial-gradient(circle,#facc1526,#0000 70%);gap:10px}.cta-brand-badge{letter-spacing:2px;color:var(--reel-gold);background:#facc151f;border:1px solid #facc1559;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:10px;font-weight:800;display:inline-flex}.cta-head{font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;color:#fff;font-size:26px;line-height:1.1}.cta-benefits{color:var(--reel-text-dim);text-align:left;background:#00000080;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:5px;margin:4px 0;padding:10px 18px;font-size:12px;display:flex}.cta-btn{color:#0a0612;letter-spacing:1px;background:linear-gradient(135deg,#ffe066 0%,#facc15 50%,#eab308 100%);border-radius:999px;align-items:center;gap:10px;margin-top:4px;padding:14px 28px;font-size:16px;font-weight:900;animation:2.2s ease-in-out infinite reel-pulse;display:inline-flex;box-shadow:0 12px 35px -6px #eab30899}.cta-arrow{font-size:20px}.cta-url{color:var(--reel-cyan);letter-spacing:.5px;margin-top:8px;font-size:14px;font-weight:800}.cta-foot{color:var(--reel-text-dim);font-size:11px}.reel-dots{z-index:25;gap:5px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.reel-dot{border-radius:2px;width:18px;height:3px;transition:background .3s}.reel-watermark{letter-spacing:.5px;color:#ffffffa6;z-index:25;text-shadow:0 2px 8px #000c;font-size:10px;font-weight:700;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.reel-sidebar{flex-direction:column;flex:1;gap:16px;min-width:320px;max-width:480px;display:flex}.sidebar-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f0f1eb3;border:1px solid #ffffff14;border-radius:20px;padding:18px 20px}.sidebar-card-title{letter-spacing:1.5px;text-transform:uppercase;color:var(--reel-gold);margin-bottom:12px;font-size:12px;font-weight:800}.sidebar-btn-row{gap:10px;margin-bottom:10px;display:flex}.reel-play{font-family:var(--font-body);letter-spacing:.5px;cursor:pointer;color:#0a0612;background:linear-gradient(135deg,#ffe066 0%,#facc15 50%,#eab308 100%);border:none;border-radius:999px;flex:2;padding:12px 20px;font-size:14px;font-weight:800;transition:transform .15s;box-shadow:0 8px 24px -6px #eab30880}.reel-play:hover{transform:translateY(-2px)}.reel-restart{font-family:var(--font-body);cursor:pointer;color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:999px;flex:1;padding:12px 16px;font-size:13px;font-weight:700;transition:background .15s}.reel-restart:hover{background:#ffffff26}.reel-hint{color:var(--reel-text-dim);margin:0;font-size:12px;line-height:1.45}.scene-pills{flex-direction:column;gap:6px;display:flex}.scene-pill-btn{color:#fff;cursor:pointer;text-align:left;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;font-size:12px;transition:all .15s;display:flex}.scene-pill-btn:hover{background:#facc151a;border-color:#facc154d}.scene-pill-btn.active{color:var(--reel-gold);background:#facc152e;border-color:#facc1599;font-weight:700}.pill-num{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:800;display:flex}.scene-pill-btn.active .pill-num{background:var(--reel-gold);color:#050505}.pill-name{flex:1}.pill-time{color:var(--reel-text-dim);font-size:10px}.brand-thumbs-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.brand-thumb-card{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;transition:all .2s;overflow:hidden}.brand-thumb-card:hover{border-color:#facc1580;transform:translateY(-2px)}.brand-thumb-img{object-fit:cover;width:100%;height:90px;display:block}.thumb-info{background:#0006;justify-content:space-between;align-items:center;padding:6px 8px;display:flex}.thumb-name{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.thumb-scene{color:var(--reel-gold);background:#facc1526;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:800}.image-modal-backdrop{z-index:999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.image-modal-dialog{flex-direction:column;align-items:center;gap:12px;max-width:440px;max-height:90vh;display:flex;position:relative}.image-modal-img{object-fit:contain;border:2px solid #facc1566;border-radius:16px;max-width:100%;max-height:80vh;box-shadow:0 20px 60px #000000e6}.image-modal-close{color:#000;cursor:pointer;background:#fff;border:none;border-radius:999px;padding:8px 20px;font-size:13px;font-weight:800}@media (width<=860px){.reel-workspace{flex-direction:column;align-items:center}.reel-sidebar{width:100%;max-width:360px}}@media (width<=420px){.phone-frame{width:320px;height:569px}}