/* ===== LEAD CAPTURE POPUP ===== */
.lead-overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.85);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:1;transition:opacity .4s ease}
.lead-overlay.hidden{opacity:0;pointer-events:none}
.lead-popup{background:linear-gradient(180deg,#0f0f2a,#0a0a1a);border:1px solid rgba(124,58,237,.3);border-radius:20px;padding:40px 36px;max-width:440px;width:100%;box-shadow:0 24px 80px rgba(124,58,237,.15),0 0 0 1px rgba(255,255,255,.05);animation:popIn .5s cubic-bezier(.34,1.56,.64,1)}
@keyframes popIn{from{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}
.lead-header{text-align:center;margin-bottom:28px}
.lead-logo{height:48px;margin:0 auto 16px;display:block}
.lead-header h2{font-family:'Space Grotesk','Inter',sans-serif;font-size:1.6rem;font-weight:800;color:#fff;margin-bottom:6px}
.lead-header p{font-size:.88rem;color:#A0A0C0;line-height:1.5}
.lead-form{display:flex;flex-direction:column;gap:14px}
.lead-field label{display:block;font-size:.7rem;font-weight:600;color:#A0A0C0;margin-bottom:6px;text-transform:uppercase;letter-spacing:.4px}
.lead-field input{width:100%;padding:13px 16px;background:#0f0f25;border:1px solid rgba(255,255,255,.08);border-radius:10px;color:#fff;font-size:.92rem;font-family:'Inter',sans-serif;outline:none;transition:.3s}
.lead-field input:focus{border-color:#7C3AED;box-shadow:0 0 0 3px rgba(124,58,237,.25)}
.lead-field input::placeholder{color:#606080}
.lead-btn{width:100%;padding:15px;background:linear-gradient(135deg,#7C3AED,#6D28D9);border:none;border-radius:12px;color:#fff;font-size:1.05rem;font-weight:700;font-family:'Inter',sans-serif;cursor:pointer;transition:.3s;margin-top:4px;display:flex;align-items:center;justify-content:center;gap:8px}
.lead-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(124,58,237,.35)}
.lead-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}
.lead-btn-load{display:flex;align-items:center;gap:8px}
.lead-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;display:inline-block;animation:spin .6s linear infinite}
.lead-note{text-align:center;font-size:.7rem;color:#606080;margin-top:4px}
.lead-trust-row{display:flex;justify-content:center;gap:20px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}
.lead-trust-row span{font-size:.72rem;color:#606080}
@media(max-width:480px){
    .lead-popup{padding:28px 20px;border-radius:16px}
    .lead-header h2{font-size:1.3rem}
    .lead-trust-row{flex-direction:column;align-items:center;gap:8px}
}

/* ===== RESET ===== */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
:root{
    --bg:#050510;--bg2:#0a0a1a;--bg3:#0f0f25;
    --card:rgba(255,255,255,0.03);--card2:rgba(255,255,255,0.06);
    --primary:#7C3AED;--primary-l:#A78BFA;--primary-d:#6D28D9;--primary-g:rgba(124,58,237,0.3);
    --accent:#F97316;--gold:#F59E0B;
    --green:#10B981;--red:#EF4444;
    --text:#E8E8F0;--text2:#A0A0C0;--text3:#606080;
    --border:rgba(255,255,255,0.06);--border2:rgba(255,255,255,0.12);
    --r:16px;--r-sm:10px;
    --font:'Inter',system-ui,sans-serif;--font-d:'Space Grotesk',var(--font);
    --ease:cubic-bezier(.4,0,.2,1);
}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{font-family:var(--font);background:var(--bg);color:var(--text);overflow-x:hidden;-webkit-font-smoothing:antialiased}
.container{max-width:1200px;margin:0 auto;padding:0 24px}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}

/* ===== CANVAS ===== */
#bgCanvas{position:fixed;inset:0;z-index:0;pointer-events:none}

/* ===== NAV ===== */
.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:12px 0;background:rgba(5,5,16,.7);backdrop-filter:blur(24px);border-bottom:1px solid var(--border);transition:.3s var(--ease)}
.nav-inner{display:flex;align-items:center;justify-content:space-between}
a.nav-logo{display:flex!important;align-items:center;gap:10px;text-decoration:none}
.nav-logo img{height:44px;width:auto}
.nav-logo:hover img{opacity:.85}
.nav-brand-text{font-family:var(--font-d);font-size:1.1rem;font-weight:400;color:rgba(255,255,255,.8);letter-spacing:-.3px;line-height:1.2}
.nav-brand-text strong{font-weight:800;color:#fff}
.nav-links{display:flex;align-items:center;gap:28px}
.nav-links a{font-size:.85rem;font-weight:500;color:var(--text2);transition:.2s}
.nav-links a:hover{color:#fff}
.nav-cta-btn{background:var(--primary)!important;color:#fff!important;padding:8px 20px;border-radius:50px;font-weight:600!important}
.nav-cta-btn:hover{background:var(--primary-d)!important}
.mobile-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px}
.mobile-toggle span{width:22px;height:2px;background:#fff;border-radius:2px;transition:.3s}
.mobile-nav{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(5,5,16,.97);padding:16px 24px;flex-direction:column;gap:14px;border-bottom:1px solid var(--border)}
.mobile-nav.active{display:flex}
.mobile-nav a{font-size:.95rem;color:var(--text);font-weight:500;padding:4px 0}

/* ===== HERO ===== */
.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;padding:120px 0 80px}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,5,16,.85) 0%,rgba(5,5,16,.95) 60%,var(--bg) 100%);z-index:1}
.hero-images{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;opacity:.3}
.hero-img{width:100%;height:100%;object-fit:cover}
.hero-content{position:relative;z-index:2;text-align:center}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--card2);border:1px solid var(--border2);padding:8px 20px;border-radius:50px;font-size:.8rem;color:var(--text2);margin-bottom:28px;animation:fadeUp .6s var(--ease)}
.pulse-dot{width:8px;height:8px;background:var(--green);border-radius:50%;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}
.hero h1{font-family:var(--font-d);font-size:clamp(2.4rem,6vw,4.5rem);font-weight:800;line-height:1.1;color:#fff;margin-bottom:20px;animation:fadeUp .6s var(--ease) .1s both}
.gradient-text{background:linear-gradient(135deg,var(--primary-l),var(--accent),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-sub{font-size:clamp(.95rem,2vw,1.15rem);color:var(--text2);max-width:620px;margin:0 auto 32px;line-height:1.7;animation:fadeUp .6s var(--ease) .2s both}
.hero-actions{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:40px;flex-wrap:wrap;animation:fadeUp .6s var(--ease) .3s both}
.hero-stats{display:flex;align-items:center;justify-content:center;gap:32px;animation:fadeUp .6s var(--ease) .4s both}
.stat{text-align:center}
.stat-num{font-family:var(--font-d);font-size:2.2rem;font-weight:800;color:#fff}
.stat-txt{font-size:.75rem;color:var(--text3);text-transform:uppercase;letter-spacing:.5px;display:block;margin-top:2px}
.stat-sep{width:1px;height:36px;background:var(--border2)}
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}

/* ===== BUTTONS ===== */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 28px;border-radius:50px;font-weight:600;font-size:.9rem;cursor:pointer;transition:.3s var(--ease);border:none;text-decoration:none;font-family:var(--font);white-space:nowrap}
.btn-lg{padding:14px 32px;font-size:1rem}
.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-d));color:#fff;box-shadow:0 4px 20px var(--primary-g)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px var(--primary-g)}
.btn-glass{background:rgba(255,255,255,.06);color:#fff;border:1px solid var(--border2)}
.btn-glass:hover{background:rgba(255,255,255,.1)}
.btn-outline{background:transparent;color:#fff;border:1px solid var(--border2)}
.btn-outline:hover{background:var(--card2);border-color:var(--primary)}
.btn-gold{background:linear-gradient(135deg,var(--gold),#D97706);color:#000;font-weight:700}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(245,158,11,.3)}
.btn-wa{background:#25D366;color:#fff}
.btn-wa:hover{background:#1FB855;transform:translateY(-2px)}
.btn-block{width:100%}

/* ===== SECTIONS ===== */
.section{padding:100px 0;position:relative;z-index:1}
.section-alt{background:var(--bg2)}
.section-head{text-align:center;margin-bottom:56px}
.tag{display:inline-block;background:var(--card2);border:1px solid var(--border2);padding:5px 14px;border-radius:50px;font-size:.7rem;font-weight:700;color:var(--primary-l);text-transform:uppercase;letter-spacing:1px;margin-bottom:14px}
.section-head h2{font-family:var(--font-d);font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;color:#fff;margin-bottom:10px}
.section-head p{font-size:1rem;color:var(--text2);max-width:500px;margin:0 auto}

/* ===== PRICING GRID ===== */
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}
.price-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:32px 24px;transition:.4s var(--ease);position:relative}
.price-card:hover{transform:translateY(-6px);border-color:var(--border2);box-shadow:0 12px 40px rgba(0,0,0,.3)}
.price-card.popular{border-color:var(--primary);background:linear-gradient(180deg,rgba(124,58,237,.08),var(--card));transform:scale(1.03);z-index:2}
.price-card.popular:hover{transform:scale(1.03) translateY(-6px)}
.price-card.premium{border-color:rgba(245,158,11,.3)}
.popular-tag,.premium-tag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);padding:5px 20px;border-radius:50px;font-size:.7rem;font-weight:700;white-space:nowrap}
.popular-tag{background:linear-gradient(135deg,var(--primary),var(--primary-d));color:#fff}
.premium-tag{background:linear-gradient(135deg,var(--gold),#D97706);color:#000}
.card-top{text-align:center;margin-bottom:20px}
.plan-icon{font-size:2rem;display:block;margin-bottom:10px}
.card-top h3{font-family:var(--font-d);font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:4px}
.plan-tagline{font-size:.8rem;color:var(--text3)}
.card-price{text-align:center;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border)}
.currency{font-size:1.2rem;color:var(--text2)}
.amount{font-family:var(--font-d);font-size:2.5rem;font-weight:800;color:#fff}
.per{font-size:.85rem;color:var(--text3)}
.features{list-style:none;margin-bottom:24px;display:flex;flex-direction:column;gap:10px}
.features li{display:flex;align-items:center;gap:10px;font-size:.82rem}
.features .yes{color:var(--text)}
.features .yes span{color:var(--green);font-weight:700}
.features .highlight{color:#fff;font-weight:600}
.features .no{color:var(--text3);opacity:.5}
.features .no span{color:var(--text3)}
.card-note{text-align:center;font-size:.75rem;color:var(--text2);margin-top:10px}
.guarantee-strip{display:flex;justify-content:center;gap:36px;margin-top:48px;flex-wrap:wrap}
.g-item{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text2)}
.g-item span:first-child{font-size:1.1rem}

/* ===== EDITING RATES ===== */
.editing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.edit-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:28px;text-align:center;transition:.3s var(--ease);position:relative}
.edit-card:hover{border-color:var(--border2);transform:translateY(-4px)}
.edit-card.featured{border-color:var(--primary);background:linear-gradient(180deg,rgba(124,58,237,.06),var(--card))}
.edit-badge{position:absolute;top:12px;right:12px;background:var(--primary);color:#fff;font-size:.6rem;font-weight:700;padding:3px 10px;border-radius:50px;text-transform:uppercase}
.edit-icon{font-size:2rem;margin-bottom:12px}
.edit-card h3{font-family:var(--font-d);font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:6px}
.edit-desc{font-size:.78rem;color:var(--text3);margin-bottom:16px;line-height:1.5}
.edit-price{margin-bottom:14px}
.edit-amount{font-family:var(--font-d);font-size:1.8rem;font-weight:800;color:#fff}
.edit-per{font-size:.8rem;color:var(--text3)}
.edit-details{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.7rem;color:var(--text3);flex-wrap:wrap}
.included-strip{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:32px;margin-top:40px;text-align:center}
.included-strip h3{font-family:var(--font-d);font-size:1.1rem;color:#fff;margin-bottom:20px}
.included-items{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}
.inc-item{font-size:.85rem;color:var(--text2);display:flex;align-items:center;gap:6px}
.inc-item span{color:var(--green);font-weight:700}

/* ===== COMPARE TABLE ===== */
.compare-wrap{overflow-x:auto;border-radius:var(--r);border:1px solid var(--border)}
.compare-table{width:100%;border-collapse:collapse}
.compare-table th,.compare-table td{padding:14px 20px;text-align:left;font-size:.85rem;border-bottom:1px solid var(--border)}
.compare-table thead th{background:var(--bg3);font-weight:600;color:var(--text3);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}
.compare-table td{color:var(--text3)}
.compare-table .hl{background:rgba(124,58,237,.06);color:#fff!important}
.compare-table thead .hl{background:var(--primary);color:#fff!important}
.compare-table tbody tr:last-child td{border-bottom:none}
.compare-table tbody tr:hover td{background:var(--card2)}
.compare-table tbody tr:hover .hl{background:rgba(124,58,237,.12)}

/* ===== GALLERY ===== */
/* ===== STUDIO BACKGROUNDS GRID ===== */
.bg-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;width:100%}
.bg-panel{position:relative;cursor:pointer;overflow:hidden;border-radius:var(--r-sm);border:2px solid var(--border);aspect-ratio:16/9;background-image:var(--panel-img);background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#0a0a14;transition:.4s var(--ease)}
.bg-panel-bg,.bg-panel-img{display:none}
.bg-panel::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(0,0,0,.7));transition:.3s;border-radius:inherit;z-index:2}
.bg-panel:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.3)}
.bg-panel.active{border-color:var(--primary);box-shadow:0 0 20px var(--primary-g)}
.bg-panel-info{position:absolute;bottom:14px;left:14px;right:14px;z-index:3}
.bg-panel-name{display:block;font-family:var(--font-d);font-size:.9rem;font-weight:700;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.6)}
.bg-panel-desc{display:block;font-size:.68rem;color:rgba(255,255,255,.75);margin-top:2px;text-shadow:0 1px 4px rgba(0,0,0,.5)}
@media(max-width:768px){
    .bg-selector{grid-template-columns:repeat(2,1fr);gap:10px}
    .bg-panel{aspect-ratio:16/9}
}
@media(max-width:480px){
    .bg-selector{grid-template-columns:repeat(2,1fr);gap:8px}
    .bg-panel{aspect-ratio:16/9}
}

/* Equipment Row */
.equip-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}
.equip-item{background:var(--card);border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden;text-align:center;transition:.3s var(--ease)}
.equip-item:hover{border-color:var(--border2);transform:translateY(-3px)}
.equip-item img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#0a0a14}
.equip-item span{display:block;padding:10px;font-size:.75rem;font-weight:600;color:var(--text2)}
@media(max-width:768px){.equip-row{grid-template-columns:repeat(2,1fr)}}

/* ===== SAMPLE WORK ===== */
/* Longform video */
.samples-longform{max-width:900px;margin:0 auto}
.samples-type-label{font-family:var(--font-d);font-size:1rem;font-weight:700;color:var(--text2);margin-bottom:16px;display:flex;align-items:center;gap:10px}
.samples-type-label::after{content:'';flex:1;height:1px;background:var(--border)}
.sample-main{border-radius:var(--r);overflow:hidden;background:var(--card);border:1px solid var(--border)}
.video-embed{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}
.video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.sample-label{padding:16px 20px}
.sample-badge{display:inline-block;font-size:.6rem;font-weight:700;color:var(--primary-l);background:rgba(124,58,237,.15);padding:3px 10px;border-radius:50px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}
.sample-label h4{font-size:.9rem;font-weight:600;color:#fff}

/* Reels — 9:16 vertical */
.samples-reels{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.reel-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden;transition:.3s var(--ease)}
.reel-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.3)}
.reel-embed{position:relative;padding-bottom:177.78%;height:0;overflow:hidden}
.reel-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.reel-info{padding:12px 16px}
.reel-info h4{font-size:.85rem;font-weight:600;color:#fff;margin-top:4px}
.reel-cta{border:1px dashed rgba(124,58,237,.3);background:transparent}

.sample-cta-card{background:linear-gradient(135deg,rgba(124,58,237,.1),rgba(124,58,237,.05));border:1px solid rgba(124,58,237,.2);border-radius:var(--r-sm);padding:20px;text-align:center}
.sample-cta-card p{font-size:.85rem;color:var(--text2);margin-bottom:14px}
@media(max-width:768px){.samples-reels{grid-template-columns:1fr 1fr}.reel-cta{grid-column:1/-1}}
@media(max-width:480px){.samples-reels{grid-template-columns:1fr}}

/* ===== CHANNELS GRID ===== */
.channels-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.channel-card{display:flex;align-items:center;gap:14px;background:var(--card);border:1px solid var(--border);border-radius:var(--r-sm);padding:16px 18px;transition:.3s var(--ease)}
.channel-card:hover{border-color:var(--border2);transform:translateY(-2px);background:var(--card2)}
.channel-avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;font-family:var(--font-d);font-size:1rem;font-weight:800;color:#fff;flex-shrink:0}
.channel-info{flex:1;min-width:0}
.channel-info h4{font-size:.88rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.channel-handle{font-size:.7rem;color:var(--text3)}
.channel-subs{font-family:var(--font-d);font-size:.78rem;font-weight:700;color:var(--green);background:rgba(16,185,129,.1);padding:4px 10px;border-radius:50px;white-space:nowrap;flex-shrink:0}
@media(max-width:768px){.channels-grid{grid-template-columns:1fr}}

/* ===== TESTIMONIALS ===== */
/* ===== ANIMATED RATING CARD ===== */
.rating-card{display:inline-flex;flex-direction:column;align-items:center;gap:8px;background:linear-gradient(135deg,rgba(255,255,255,.04),rgba(255,255,255,.08));border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:20px 36px;margin-top:20px;box-shadow:0 8px 32px rgba(0,0,0,.2)}
.rating-stars{display:flex;gap:4px}
.rating-stars .star{font-size:1.6rem;color:var(--text3);opacity:.3;transition:.4s;transform:scale(.5)}
.rating-stars .star.filled.animate{animation:starPop .4s var(--ease) forwards}
@keyframes starPop{0%{transform:scale(.5);opacity:.3}50%{transform:scale(1.3)}100%{transform:scale(1);opacity:1;color:#FBBF24}}
.rating-numbers{display:flex;align-items:baseline;gap:6px}
.rating-value{font-family:var(--font-d);font-size:2.2rem;font-weight:800;color:#fff}
.rating-count{font-family:var(--font-d);font-size:1.1rem;font-weight:600;color:var(--text2)}
.rating-label{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text3);margin-top:2px}

/* ===== SCROLLING REVIEW COLUMNS ===== */
.review-columns{display:flex;justify-content:center;gap:20px;margin-top:40px;max-height:680px;overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent,black 15%,black 85%,transparent);mask-image:linear-gradient(to bottom,transparent,black 15%,black 85%,transparent)}
.review-col{display:flex;flex-direction:column;gap:16px;animation:scrollUp var(--scroll-dur,25s) linear infinite}
.review-col-md{display:none}
.review-col-lg{display:none}
@media(min-width:768px){.review-col-md{display:flex}}
@media(min-width:1024px){.review-col-lg{display:flex}}
@keyframes scrollUp{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}
.review-item{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:22px;max-width:320px;width:100%;flex-shrink:0;transition:.3s var(--ease)}
.review-item:hover{border-color:var(--border2)}
.review-item-source{display:flex;align-items:center;gap:6px;font-size:.6rem;color:var(--text3);margin-bottom:8px}
.review-item-stars{color:#FBBF24;font-size:.85rem;letter-spacing:1px;margin-bottom:10px}
.review-item-text{font-size:.85rem;color:var(--text2);line-height:1.6;margin-bottom:14px}
.review-item-author{display:flex;align-items:center;gap:10px}
.review-item-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;color:#fff;flex-shrink:0}
.review-item-name{font-size:.82rem;font-weight:600;color:#fff}
.review-item-role{font-size:.68rem;color:var(--text3)}

/* ===== ZOOM PARALLAX — PRO ===== */
.zp-section{position:relative;height:350vh;z-index:1}
.zp-sticky{position:sticky;top:0;height:100vh;overflow:hidden;background:var(--bg)}

/* Title overlay */
.zp-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20;text-align:center;pointer-events:none;transition:opacity .4s ease;background:rgba(10,10,20,.75);backdrop-filter:blur(12px);padding:30px 50px;border-radius:20px;border:1px solid rgba(255,255,255,.08)}
.zp-title h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(1.8rem,4vw,3.5rem);font-weight:800;color:#fff;margin:.5rem 0;text-shadow:0 2px 30px rgba(0,0,0,.6)}
.zp-badge{display:inline-block;background:rgba(139,92,246,.15);border:1px solid rgba(139,92,246,.4);color:var(--primary);padding:4px 16px;border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:2px;margin-bottom:8px}
.zp-subtitle{color:rgba(255,255,255,.6);font-size:clamp(.85rem,1.2vw,1.1rem);margin-top:4px}

/* Scroll hint mouse */
.zp-scroll-hint{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:24px;animation:zpFadeInUp 1.5s ease infinite alternate}
.zp-scroll-hint span{font-size:.7rem;color:rgba(255,255,255,.4);letter-spacing:1px;text-transform:uppercase}
.zp-mouse{width:24px;height:38px;border:2px solid rgba(255,255,255,.3);border-radius:12px;position:relative}
.zp-mouse-wheel{width:4px;height:8px;background:var(--primary);border-radius:4px;position:absolute;top:6px;left:50%;margin-left:-2px;animation:zpMouseScroll 1.5s ease infinite}
@keyframes zpMouseScroll{0%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(14px)}}
@keyframes zpFadeInUp{0%{opacity:.6;transform:translateY(0)}100%{opacity:1;transform:translateY(-4px)}}

/* Parallax items */
.zp-item{position:absolute;border-radius:16px;overflow:hidden;will-change:transform;box-shadow:0 8px 40px rgba(0,0,0,.5);transition:box-shadow .3s ease}
.zp-item img{width:100%;height:100%;object-fit:cover;display:block}
.zp-item::after{content:'';position:absolute;inset:0;border:1px solid rgba(255,255,255,.08);border-radius:16px;pointer-events:none}

/* Label inside hero */
.zp-label{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.6);backdrop-filter:blur(8px);color:#fff;font-size:.7rem;font-weight:600;letter-spacing:1px;padding:4px 14px;border-radius:20px;white-space:nowrap;text-transform:uppercase;border:1px solid rgba(255,255,255,.1)}

/* All items 16:9 ratio — width × 0.5625 = height */
/* Center hero */
.zp-hero{width:30vw;height:16.875vw;top:50%;left:50%;margin-top:-8.4vw;margin-left:-15vw;z-index:5;border-radius:20px}
.zp-hero::after{border-radius:20px}

/* Top-left */
.zp-1{width:20vw;height:11.25vw;top:8%;left:5%;z-index:3}

/* Top-right */
.zp-2{width:18vw;height:10.125vw;top:5%;right:6%;z-index:3}

/* Mid-left */
.zp-3{width:16vw;height:9vw;top:62%;left:5%;z-index:2}

/* Bottom-center-left */
.zp-4{width:18vw;height:10.125vw;bottom:6%;left:24%;z-index:2}

/* Bottom-right */
.zp-5{width:20vw;height:11.25vw;bottom:8%;right:5%;z-index:3}

/* Top-center-right accent */
.zp-6{width:12vw;height:6.75vw;top:14%;right:28%;z-index:1}

@media(max-width:768px){
    .zp-section{height:250vh}
    .zp-title h2{font-size:1.5rem}
    .zp-hero{width:60vw;height:33.75vw;margin-top:-16.8vw;margin-left:-30vw}
    .zp-1{width:38vw;height:21.375vw;top:4%;left:2%}
    .zp-2{width:36vw;height:20.25vw;top:3%;right:2%}
    .zp-3{width:34vw;height:19.125vw;top:58%;left:2%}
    .zp-4{width:36vw;height:20.25vw;bottom:4%;left:4%}
    .zp-5{width:38vw;height:21.375vw;bottom:5%;right:2%}
    .zp-6{width:24vw;height:13.5vw;top:8%;right:10%}
    .zp-scroll-hint{margin-top:16px}
}

/* ===== EDITING CALCULATOR ===== */
.calc-wrapper{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:start}
.calc-box{display:flex;flex-direction:column;gap:28px}
.calc-section{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:24px}
.calc-label{display:flex;align-items:center;gap:12px;margin-bottom:18px;font-size:.95rem;font-weight:600;color:#fff}
.calc-step-num{width:28px;height:28px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:800;color:#fff;flex-shrink:0}
.optional-tag{font-size:.6rem;font-weight:600;color:var(--text3);background:var(--card2);padding:2px 8px;border-radius:50px;margin-left:6px;text-transform:uppercase;letter-spacing:.5px}

/* Camera Cards */
.cam-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.cam-card{position:relative;cursor:pointer;display:block}
.cam-card input{display:none}
.cam-inner{background:var(--bg3);border:1px solid var(--border);border-radius:var(--r-sm);padding:20px 16px;text-align:center;transition:.3s var(--ease);position:relative}
.cam-card:hover .cam-inner{border-color:var(--border2);background:var(--card2)}
.cam-card.active .cam-inner,.cam-card input:checked~.cam-inner{border-color:var(--primary);background:rgba(124,58,237,.08);box-shadow:0 0 24px var(--primary-g)}
.cam-card.active .cam-check,.cam-card input:checked~.cam-check{opacity:1;transform:scale(1)}
.cam-check{position:absolute;top:8px;right:8px;width:24px;height:24px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transform:scale(.5);transition:.3s cubic-bezier(.34,1.56,.64,1);z-index:2}
.cam-visual{color:var(--primary-l);margin-bottom:10px;display:flex;align-items:center;justify-content:center;gap:0;min-height:40px}
.cam-overlap{margin-left:-8px;opacity:.6}
.cam-overlap-2{margin-left:-6px;opacity:.4}
.cam-inner h4{font-family:var(--font-d);font-size:.95rem;font-weight:700;color:#fff;margin-bottom:4px}
.cam-inner p{font-size:.7rem;color:var(--text3);margin-bottom:8px}
.cam-rate{font-family:var(--font-d);font-size:.75rem;font-weight:700;color:var(--primary-l)}
.cam-pop{position:absolute;top:8px;left:8px;background:var(--accent);color:#fff;font-size:.55rem;font-weight:800;padding:2px 8px;border-radius:50px;text-transform:uppercase}

/* Time Slots */
.time-slots{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
.time-btn{background:var(--bg3);border:1px solid var(--border);border-radius:var(--r-sm);padding:14px 8px;color:var(--text2);font-size:.85rem;font-weight:600;font-family:var(--font-d);cursor:pointer;transition:.3s var(--ease);text-align:center}
.time-btn:hover{border-color:var(--border2);background:var(--card2);color:#fff}
.time-btn.active{border-color:var(--primary);background:rgba(124,58,237,.1);color:#fff;box-shadow:0 0 20px var(--primary-g)}

/* Addon Toggles */
.addon-toggles{display:flex;flex-direction:column;gap:8px}
.addon-toggle{cursor:pointer;display:block}
.addon-toggle input{display:none}
.addon-t-inner{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--r-sm);transition:.3s var(--ease)}
.addon-toggle:hover .addon-t-inner{border-color:var(--border2);background:var(--card2)}
.addon-toggle input:checked~.addon-t-inner{border-color:var(--green);background:rgba(16,185,129,.06)}
.addon-toggle input:checked~.addon-t-inner .addon-t-check{opacity:1;background:var(--green)}
.addon-t-icon{font-size:1.2rem;flex-shrink:0}
.addon-t-info{flex:1;display:flex;justify-content:space-between;align-items:center;gap:12px}
.addon-t-name{font-size:.85rem;font-weight:600;color:#fff;display:block}
.addon-t-desc{font-size:.72rem;color:var(--text3);display:block;margin-top:2px;line-height:1.4}
.addon-t-price{font-family:var(--font-d);font-size:.85rem;font-weight:700;color:var(--green);white-space:nowrap;flex-shrink:0}
.addon-t-price small{font-size:.65rem;font-weight:500;color:var(--text3);margin-left:1px}
.addon-t-check{width:22px;height:22px;border:2px solid var(--border2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;opacity:.4;transition:.3s;flex-shrink:0}

/* Result Card */
.calc-result{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:28px;position:sticky;top:80px}
.result-header{margin-bottom:20px}
.result-tag{font-size:.6rem;font-weight:700;color:var(--primary-l);text-transform:uppercase;letter-spacing:1px}
.result-header h3{font-family:var(--font-d);font-size:1.2rem;font-weight:700;color:#fff;margin-top:4px}
.result-breakdown{display:flex;flex-direction:column;gap:10px}
.result-row{display:flex;justify-content:space-between;align-items:center;font-size:.82rem}
.result-row-label{color:var(--text2);display:flex;align-items:center;gap:6px}
.result-row-price{font-family:var(--font-d);font-weight:700;color:#fff}
.result-row.addon-row .result-row-price{color:var(--green)}
.result-divider{height:1px;background:var(--border);margin:16px 0}
.result-total{display:flex;justify-content:space-between;align-items:center}
.result-total span:first-child{font-size:.9rem;font-weight:600;color:var(--text2)}
.result-amount{font-family:var(--font-d);font-size:2rem;font-weight:800;background:linear-gradient(135deg,var(--primary-l),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.result-subtotal-row span:first-child{font-size:.85rem;font-weight:500;color:var(--text3)}
.result-subtotal-row .result-amount{font-size:.95rem;font-weight:600;-webkit-text-fill-color:var(--text2);background:none}
.result-gst-row span:first-child{font-size:.8rem;font-weight:500;color:var(--text3)}
.result-gst-row .result-amount{font-size:.85rem;font-weight:500;-webkit-text-fill-color:var(--text3);background:none}
.result-grand-total .result-amount{font-size:2.2rem}
.result-per-min{text-align:center;font-size:.75rem;color:var(--green);font-weight:500;margin:8px 0 20px;padding:6px;background:rgba(16,185,129,.08);border-radius:50px}
.result-cta{margin-bottom:8px}
.result-trust{display:flex;flex-direction:column;gap:6px;margin-top:16px}
.result-trust span{font-size:.7rem;color:var(--text3);display:flex;align-items:center;gap:6px}

/* Price Reference Table */
.price-table-wrap{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:28px;margin-top:32px}
.price-table-wrap h3{font-family:var(--font-d);font-size:1rem;font-weight:700;color:#fff;margin-bottom:16px;text-align:center}
.price-table-scroll{overflow-x:auto}
.price-ref-table{width:100%;border-collapse:collapse}
.price-ref-table th,.price-ref-table td{padding:10px 16px;text-align:center;font-size:.8rem;border-bottom:1px solid var(--border)}
.price-ref-table thead th{background:var(--bg3);font-weight:600;color:var(--text3);font-size:.7rem;text-transform:uppercase;letter-spacing:.5px}
.price-ref-table td{color:var(--text2)}
.price-ref-table td:first-child{font-weight:600;color:#fff;text-align:left}
.price-ref-table tbody tr:hover td{background:var(--card2)}
.price-ref-table tbody tr:last-child td{border-bottom:none}
.price-ref-table .highlight-cell{color:var(--primary-l);font-weight:700}

@media(max-width:1024px){
    .calc-wrapper{grid-template-columns:1fr}
    .calc-result{position:static}
}
@media(max-width:768px){
    .cam-options{grid-template-columns:1fr}
    .time-slots{grid-template-columns:repeat(3,1fr)}
    .addon-t-info{flex-direction:column;align-items:flex-start;gap:2px}
}

/* ===== URGENCY BANNER ===== */
.urgency-banner{background:linear-gradient(135deg,#EF4444,#DC2626);padding:12px 0;position:relative;z-index:1}
.urgency-inner{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;color:#fff;font-size:.9rem}
.urgency-fire{font-size:1.1rem;animation:pulse 1s infinite}
.urgency-timer{font-family:var(--font-d);font-weight:700;background:rgba(0,0,0,.25);padding:4px 12px;border-radius:6px;font-size:.85rem}

/* ===== WHY BLACKMAGIC ===== */
.bm-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.bm-image{position:relative;border-radius:var(--r);overflow:hidden}
.bm-image img{width:100%;height:auto;display:block}
.bm-image-badge{position:absolute;bottom:16px;left:16px;background:rgba(0,0,0,.7);backdrop-filter:blur(10px);color:#fff;font-family:var(--font-d);font-size:.75rem;font-weight:700;padding:6px 14px;border-radius:50px;border:1px solid rgba(255,255,255,.1)}
.bm-features{display:flex;flex-direction:column;gap:20px}
.bm-feat{display:flex;gap:14px;align-items:flex-start}
.bm-icon{font-size:1.5rem;flex-shrink:0;margin-top:2px}
.bm-feat h4{font-family:var(--font-d);font-size:.95rem;font-weight:700;color:#fff;margin-bottom:4px}
.bm-feat p{font-size:.8rem;color:var(--text2);line-height:1.5}
@media(max-width:768px){.bm-layout{grid-template-columns:1fr}}

/* ===== MOBILE STICKY CTA ===== */
.mobile-cta{display:none;position:fixed;bottom:0;left:0;right:0;padding:12px 16px;background:rgba(5,5,16,.95);backdrop-filter:blur(20px);border-top:1px solid var(--border);z-index:98}
@media(max-width:768px){.mobile-cta{display:block}.wa-float{bottom:72px}}

/* ===== PARTNERS ===== */
.partners-strip{padding:40px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);position:relative;z-index:1}
.partners-strip .container{display:flex;align-items:center;gap:40px;flex-wrap:wrap;justify-content:center}
.partners-label{font-size:.7rem;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:1px;white-space:nowrap}
.partners-logos{display:flex;align-items:center;gap:32px;flex-wrap:wrap;justify-content:center}
.partners-logos img{height:36px;opacity:.5;transition:.3s;filter:grayscale(1) brightness(2)}
.partners-logos img:hover{opacity:1;filter:none}

/* ===== FAQ ===== */
.faq-list{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:10px}
.faq-item{background:var(--card);border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden;transition:.3s}
.faq-item.active{border-color:var(--primary)}
.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;background:none;border:none;color:#fff;font-size:.9rem;font-weight:600;font-family:var(--font);cursor:pointer;text-align:left}
.faq-icon{font-size:1.2rem;color:var(--primary-l);transition:.3s;flex-shrink:0}
.faq-item.active .faq-icon{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s var(--ease)}
.faq-a p{padding:0 22px 18px;font-size:.85rem;color:var(--text2);line-height:1.7}

/* ===== CONTACT ===== */
.contact-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:start}
.contact-info .tag{margin-bottom:12px}
.contact-info h2{font-family:var(--font-d);font-size:2rem;font-weight:700;color:#fff;margin-bottom:12px}
.contact-info>p{font-size:.95rem;color:var(--text2);line-height:1.7;margin-bottom:28px}
.contact-perks{display:flex;flex-direction:column;gap:12px;margin-bottom:28px}
.perk{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--text)}
.perk span{color:var(--green);font-weight:700}
.contact-methods{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}
.contact-address p{font-size:.8rem;color:var(--text3);line-height:1.8}
.contact-form-wrap{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:32px}
.contact-form h3{font-family:var(--font-d);font-size:1.2rem;font-weight:700;color:#fff;margin-bottom:20px}
.contact-form{display:flex;flex-direction:column;gap:14px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.form-group label{display:block;font-size:.72rem;font-weight:600;color:var(--text2);margin-bottom:6px;text-transform:uppercase;letter-spacing:.3px}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:11px 14px;background:var(--bg3);border:1px solid var(--border);border-radius:6px;color:#fff;font-size:.88rem;font-family:var(--font);outline:none;transition:.3s var(--ease)}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-g)}
.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text3)}
.form-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23A0A0C0' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;cursor:pointer}
.form-group select option{background:var(--bg3);color:var(--text)}
.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.form-note{text-align:center;font-size:.7rem;color:var(--text3)}

/* ===== FOOTER ===== */
.footer{padding:56px 0 24px;border-top:1px solid var(--border);position:relative;z-index:1}
.footer-inner{display:grid;grid-template-columns:1.5fr 1fr 1.5fr;gap:40px;margin-bottom:32px}
.footer-logo{height:40px;margin-bottom:14px}
.footer-left>p{font-size:.8rem;color:var(--text3);line-height:1.6}
.footer-mid h4,.footer-right h4{font-family:var(--font-d);font-size:.8rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;margin-bottom:14px}
.footer-mid a{display:block;font-size:.82rem;color:var(--text3);margin-bottom:8px;transition:.2s}
.footer-mid a:hover{color:var(--primary-l)}
.footer-right p{font-size:.8rem;color:var(--text3);line-height:1.8}
.footer-right a{color:var(--text2);transition:.2s}
.footer-right a:hover{color:var(--primary-l)}
.footer-bottom{padding-top:20px;border-top:1px solid var(--border);text-align:center;font-size:.75rem;color:var(--text3)}

/* ===== WHATSAPP FLOAT ===== */
.wa-float{position:fixed;bottom:24px;right:24px;width:56px;height:56px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:99;box-shadow:0 4px 20px rgba(37,211,102,.4);transition:.3s;animation:waPulse 2s infinite}
.wa-float:hover{transform:scale(1.1)}
@keyframes waPulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.4)}70%{box-shadow:0 0 0 15px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}

/* ===== SCROLL ANIMATIONS ===== */
.fade-in{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.fade-in.visible{opacity:1;transform:translateY(0)}

/* ===== RESPONSIVE ===== */
@media(max-width:1024px){
    .pricing-grid{grid-template-columns:repeat(2,1fr)}
    .editing-grid{grid-template-columns:repeat(2,1fr)}
    .price-card.popular{transform:none}
    .price-card.popular:hover{transform:translateY(-6px)}
    .gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:250px 250px}
    .gallery-item.large{grid-row:auto}
}
@media(max-width:768px){
    .nav-links{display:none}
    .mobile-toggle{display:flex}
    .pricing-grid{grid-template-columns:1fr}
    .editing-grid{grid-template-columns:1fr}
    .episodes-grid{grid-template-columns:1fr}
    .testimonials-grid{grid-template-columns:1fr}
    .contact-layout{grid-template-columns:1fr}
    .footer-inner{grid-template-columns:1fr;gap:28px}
    .gallery-grid{grid-template-columns:1fr;grid-template-rows:auto}
    .form-row{grid-template-columns:1fr}
    .hero-stats{flex-direction:column;gap:16px}
    .stat-sep{width:40px;height:1px}
    .hero-actions{flex-direction:column}
    .guarantee-strip{flex-direction:column;align-items:center;gap:12px}
    .contact-methods{flex-direction:column}
    .compare-table th,.compare-table td{padding:10px 12px;font-size:.75rem}
    .hero{min-height:auto;padding:110px 0 60px}
}