/* ── CINEMA PAGE ─────────────────────────────── */
.tool-hero { padding:150px 0 90px; position:relative; overflow:hidden; background:var(--dark); }
.tool-hero-blob { position:absolute; border-radius:50%; filter:blur(110px); pointer-events:none; }
.blob-a { width:600px;height:600px;background:rgba(255,107,107,0.14);top:-15%;right:-5%; }
.blob-b { width:420px;height:420px;background:rgba(78,101,255,0.11);bottom:-10%;left:-8%; }

.tool-kicker { display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:100px;background:rgba(255,107,107,0.12);border:1px solid rgba(255,107,107,0.25);color:var(--primary);font-size:0.76rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:18px; }
.tool-hero-title { font-size:clamp(2.6rem,5.5vw,4.4rem);font-weight:700;letter-spacing:-0.04em;line-height:1.06;margin-bottom:20px;color:#fff; }
.tool-hero-sub { font-size:1.05rem;color:rgba(255,255,255,0.5);line-height:1.75;max-width:480px;margin-bottom:36px; }
.tool-stat-strip { display:flex;gap:32px;flex-wrap:wrap;padding-top:36px;margin-top:36px;border-top:1px solid rgba(255,255,255,0.08); }
.tool-stat-val { font-family:'Clash Display',sans-serif;font-size:1.6rem;font-weight:700;letter-spacing:-0.03em;color:#fff; }
.tool-stat-lbl { font-size:0.78rem;color:rgba(255,255,255,0.35);margin-top:3px; }

/* Player mockup */
.cinema-player-wrap {
    background:rgba(255,255,255,0.04);
    border:1px solid rgba(255,255,255,0.08);
    border-radius:var(--r-lg); overflow:hidden;
    box-shadow:var(--shadow-lg);
}
.cinema-player-screen {
    position:relative;
    aspect-ratio:16/9;
    background:#000;
    overflow:hidden;
}
.cinema-player-screen img { width:100%;height:100%;object-fit:cover;opacity:0.65; }
.cinema-play-btn {
    position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
    width:64px;height:64px;background:#fff;border-radius:50%;border:none;
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 8px 30px rgba(0,0,0,0.5);cursor:pointer;transition:transform .2s;
}
.cinema-play-btn:hover{transform:translate(-50%,-50%) scale(1.08);}
.cinema-rec-badge { position:absolute;top:14px;right:14px;background:rgba(239,68,68,.88);color:#fff;font-size:0.7rem;font-weight:700;padding:4px 11px;border-radius:100px; }
.cinema-dur-badge { position:absolute;top:14px;left:14px;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);color:rgba(255,255,255,.8);font-size:0.7rem;font-weight:600;padding:4px 11px;border-radius:100px;border:1px solid rgba(255,255,255,.1); }
.cinema-prompt-bar {
    background:rgba(0,0,0,.6);backdrop-filter:blur(14px);
    border-top:1px solid rgba(255,255,255,.06);
    padding:13px 20px;display:flex;align-items:center;gap:12px;
}
.prompt-pulse { width:8px;height:8px;background:var(--primary);border-radius:50%;flex-shrink:0;animation:pulse-anim 1.4s ease-in-out infinite; }
@keyframes pulse-anim{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.35;transform:scale(.65);}}
.cinema-toolbar {
    border-top:1px solid rgba(255,255,255,.06);
    padding:12px 20px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;
}
.cinema-pill {
    padding:5px 12px;border-radius:7px;font-size:0.75rem;font-weight:600;
    background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.65);
}
.cinema-pill.active{background:rgba(255,107,107,.15);border-color:rgba(255,107,107,.3);color:var(--primary);}

/* Sections */
.how-section { padding:100px 0;background:#fff; }
.how-step { background:var(--light);border:1px solid var(--border);border-radius:var(--r-md);padding:32px 28px;height:100%;transition:all .3s ease; }
.how-step:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:rgba(255,107,107,.2);}
.how-num { font-family:'Clash Display',sans-serif;font-size:3rem;font-weight:700;letter-spacing:-0.05em;color:rgba(255,107,107,.2);line-height:1;margin-bottom:16px; }
.how-title{font-size:1.1rem;font-weight:700;margin-bottom:10px;}
.how-desc{font-size:0.875rem;color:var(--muted);line-height:1.7;}

.styles-section { padding:100px 0;background:var(--light); }
.style-card {
    border-radius:var(--r-md);overflow:hidden;position:relative;aspect-ratio:16/10;cursor:pointer;
    border:2px solid transparent;transition:all .3s ease;
}
.style-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;}
.style-card:hover{border-color:var(--primary);}
.style-card:hover img{transform:scale(1.04);}
.style-card-label {
    position:absolute;inset:0;background:linear-gradient(to top,rgba(15,23,42,.85),transparent 50%);
    display:flex;flex-direction:column;justify-content:flex-end;padding:18px;
}
.style-card-name{font-family:'Clash Display',sans-serif;font-size:1rem;font-weight:700;color:#fff;letter-spacing:-0.02em;}
.style-card-desc{font-size:0.75rem;color:rgba(255,255,255,.6);margin-top:3px;}

.feat-section{padding:100px 0;background:#fff;}
.feat-item{display:flex;gap:16px;align-items:flex-start;padding:22px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);transition:all .22s ease;}
.feat-item:hover{border-color:rgba(255,107,107,.22);box-shadow:var(--shadow-sm);}
.feat-ico{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;flex-shrink:0;}

.tool-cta{padding:90px 0;background:var(--light);}
.tool-cta-inner{background:var(--dark);border-radius:var(--r-lg);padding:80px 60px;text-align:center;position:relative;overflow:hidden;}
.tool-cta-inner::after{content:'';position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(255,107,107,.22),transparent 65%);bottom:-20%;right:-8%;pointer-events:none;}
.tool-cta-title{font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:700;color:#fff;letter-spacing:-0.04em;margin-bottom:16px;}
.tool-cta-sub{color:rgba(255,255,255,.5);font-size:1rem;margin-bottom:36px;}

@media(max-width:991px){.tool-hero{padding:130px 0 60px;}.how-section,.styles-section,.feat-section,.tool-cta{padding:70px 0;}.tool-cta-inner{padding:56px 28px;}}