/*
Theme Name: Creator Vistar
Theme URI: https://creatorvistar.example/
Author: Creator Vistar
Description: Mobile-first YouTube growth agency landing page theme.
Version: 1.0.0
License: GPL-2.0-or-later
Text Domain: creator-vistar
*/
:root{
  --bg:#050607; --panel:#0b0f12; --panel2:#11171b; --red:#ff1728; --red2:#ff3344;
  --white:#f8fafc; --muted:#b9c0c8; --line:#242c31; --green:#23e06f;
  --shadow:0 18px 50px rgba(0,0,0,.38);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.45}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto}
.container{width:min(1180px,92%);margin:auto}
.cv-header{position:sticky;top:0;z-index:50;background:rgba(3,4,5,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,23,40,.35)}
.cv-nav{min-height:74px;height:auto;padding:8px 0;display:flex;align-items:center;justify-content:space-between;gap:24px}
.cv-logo{width:155px;height:58px;object-fit:contain;object-position:left center;display:block}
.cv-menu{display:flex;align-items:center;gap:28px;font-size:14px;color:#e6e9ec}
.cv-menu a:hover{color:#ff3344}
.cv-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:14px 24px;font-weight:800;border:1px solid transparent;transition:.2s;cursor:pointer}
.cv-btn-primary{background:linear-gradient(135deg,#ff1728,#ff4a57);box-shadow:0 10px 28px rgba(255,23,40,.28)}
.cv-btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(255,23,40,.38)}
.cv-btn-outline{border-color:#5d656c;background:#0c1013}
.cv-mobile{display:none;background:none;border:0;color:#fff;font-size:28px}
.hero{position:relative;overflow:hidden;border-bottom:1px solid #20272c}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 38%,rgba(255,23,40,.30),transparent 34%),radial-gradient(circle at 28% 0%,rgba(255,23,40,.10),transparent 28%);pointer-events:none}
.hero-grid{min-height:650px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:20px;position:relative}
.eyebrow{display:inline-flex;padding:8px 13px;border:1px solid #444d54;border-radius:999px;color:#fff;font-size:13px;letter-spacing:.08em;text-transform:uppercase;background:#090c0f}
.eyebrow b{color:#ff3344}
h1{font-size:clamp(46px,6vw,82px);line-height:.95;letter-spacing:-.045em;margin:20px 0 18px;font-weight:950}
.red{color:var(--red)}
.highlight{display:inline-block;padding:.06em .18em;border-radius:12px;background:linear-gradient(180deg,#ff3948,#d90819);box-shadow:0 0 28px rgba(255,23,40,.28)}
.hero-copy{font-size:20px;color:#d4d8dc;max-width:650px}
.hero-pills{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:26px 0}
.pill{background:#0a0e11;border:1px solid #2a3237;border-radius:12px;padding:12px 10px;text-align:center;font-size:12px;color:#dfe4e8}
.pill strong{display:block;color:#fff;font-size:14px;margin-top:5px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.price-note{margin-top:10px;color:#9da5ac;font-size:13px}.price-note s{margin-right:8px}
.hero-media{height:620px;position:relative;display:flex;align-items:end;justify-content:center}
.hero-media:before{content:"";position:absolute;width:480px;height:480px;border-radius:50%;background:radial-gradient(circle,rgba(255,22,40,.28),transparent 68%);filter:blur(8px)}
.yt-orb{position:absolute;width:430px;height:270px;border-radius:34px;background:linear-gradient(145deg,#ff2a39,#8e0611);filter:blur(1px);opacity:.38;transform:rotate(-5deg);box-shadow:0 0 90px rgba(255,0,25,.35)}
.yt-orb:after{content:"";position:absolute;left:45%;top:35%;border-left:58px solid rgba(255,255,255,.85);border-top:36px solid transparent;border-bottom:36px solid transparent}
.founder{position:relative;z-index:2;height:94%;width:auto;object-fit:contain;filter:drop-shadow(0 28px 30px rgba(0,0,0,.6))}
.hero-note{position:absolute;right:0;top:16%;z-index:3;background:rgba(5,7,8,.85);border:1px solid #ff2638;border-radius:16px;padding:18px;width:190px;box-shadow:var(--shadow)}
.hero-note b{color:#ff3041;font-size:18px;display:block}.hero-note span{display:block;color:#d8dde1;font-size:12px;margin-top:4px}
.trust-strip{border-top:1px solid #242b30;border-bottom:1px solid #242b30;background:#080b0e}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.trust{padding:24px 15px;text-align:center;border-right:1px solid #20272c}.trust:last-child{border:0}
.trust .ico{font-size:26px;color:#ff2638}.trust b{display:block;font-size:15px;margin-top:6px}.trust span{font-size:12px;color:#9ea7ae}
.section{padding:78px 0}.section-head{text-align:center;margin-bottom:36px}.section-head h2{font-size:clamp(32px,4vw,50px);margin:0 0 8px;letter-spacing:-.03em}.section-head p{color:#9fa8af;margin:0}
.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.card{background:linear-gradient(145deg,#10161a,#090c0f);border:1px solid #2b343a;border-radius:15px;padding:22px 12px;text-align:center;box-shadow:var(--shadow)}
.card .icon{font-size:30px;color:#ff2638;margin-bottom:8px}.card b{font-size:13px;display:block}.card small{display:block;color:#9da5ab;margin-top:4px}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.step{position:relative;background:#0b1013;border:1px solid #293138;border-radius:18px;padding:28px 20px;min-height:190px}.step-no{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#ff1728;font-weight:900;margin-bottom:16px}.step h3{margin:0 0 8px}.step p{color:#aeb6bc;font-size:13px;margin:0}.step:not(:last-child):after{content:"→";position:absolute;right:-23px;top:50%;color:#ff2638;font-size:32px;font-weight:900;z-index:3}
.guarantee{background:linear-gradient(105deg,#4a0308,#17080a 45%,#090b0d);border-top:1px solid #ff1e31;border-bottom:1px solid #ff1e31;padding:38px 0}
.guarantee-grid{display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:center;gap:28px}.shield{font-size:80px;text-align:center}.guarantee h2{font-size:32px;margin:0}.guarantee h2 .red{display:block}.checks{display:grid;gap:9px}.check{font-size:14px}.check:before{content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#ff1e31;margin-right:8px;font-weight:900}
.offer{padding:0}.offer-box{background:radial-gradient(circle at 18% 50%,rgba(255,25,40,.34),transparent 28%),linear-gradient(120deg,#250408,#10090b);border:1px solid #ff2638;border-radius:22px;padding:48px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}
.offer-price{text-align:center}.old{color:#a4aab0;text-decoration:line-through;font-size:22px}.now{font-size:76px;line-height:1;font-weight:950;color:#fff;text-shadow:0 0 35px rgba(255,30,45,.45)}.offer-list{display:grid;gap:11px}.offer-list div:before{content:"✓";color:#fff;background:#ff1728;border-radius:50%;padding:2px 6px;margin-right:8px;font-weight:900}
.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:35px}.faq-intro h2{font-size:44px;margin:0}.faq-intro p{color:#9ea7ae}.faq-item{border:1px solid #293138;border-radius:12px;background:#0a0e11;margin-bottom:10px;overflow:hidden}.faq-q{width:100%;display:flex;justify-content:space-between;gap:10px;background:none;border:0;color:#fff;text-align:left;padding:17px 18px;font-weight:700;cursor:pointer}.faq-a{display:none;color:#aeb6bd;padding:0 18px 17px;font-size:14px}.faq-item.open .faq-a{display:block}.faq-item.open .plus{transform:rotate(45deg)}
.final-cta{padding:45px 0}.cta-box{border:1px solid #ff2437;border-radius:20px;background:linear-gradient(100deg,#210307,#0d1013);padding:28px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 0 40px rgba(255,0,25,.12)}.cta-box h2{margin:0;font-size:32px}.cta-box p{margin:6px 0 0;color:#aeb5bb}
footer{border-top:1px solid #222a2f;padding:38px 0;color:#9da5ab}.footer-grid{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-logo{width:145px;height:62px;object-fit:contain;object-position:left center}.footer-links{display:flex;gap:20px;font-size:13px}.footer-links a:hover{color:#ff3344}.copyright{text-align:center;font-size:12px;margin-top:25px}
@media(max-width:900px){
  .cv-menu{display:none}.cv-mobile{display:block}.cv-header .cv-btn{display:none}
  .hero-grid{grid-template-columns:1fr;min-height:auto;padding:50px 0 20px}.hero-copy{font-size:17px}.hero-media{height:480px;order:-1}.founder{height:100%;max-height:480px}.hero-note{right:2%;top:8%}
  .hero-grid>div:first-child{order:2} h1{font-size:48px}.hero-pills{grid-template-columns:repeat(2,1fr)}
  .trust-grid{grid-template-columns:repeat(2,1fr)}.trust:nth-child(2){border-right:0}.trust:nth-child(-n+2){border-bottom:1px solid #20272c}
  .cards{grid-template-columns:repeat(3,1fr)}.steps{grid-template-columns:1fr 1fr}.step:not(:last-child):after{display:none}
  .guarantee-grid{grid-template-columns:1fr}.shield{display:none}.offer-box{grid-template-columns:1fr;padding:30px}.faq-grid{grid-template-columns:1fr}.cta-box{flex-direction:column;text-align:center}
}
@media(max-width:560px){
  .container{width:min(94%,520px)}.cv-nav{height:64px}.cv-logo{width:138px;height:52px}.hero-grid{padding-top:28px}.hero-media{height:390px}.yt-orb{width:300px;height:190px}.hero-note{width:150px;padding:12px;right:-2%;top:4%}.hero-note b{font-size:14px}
  h1{font-size:41px}.hero-pills{gap:7px}.pill{padding:9px 5px}.hero-actions .cv-btn{width:100%}
  .trust-grid{grid-template-columns:1fr 1fr}.trust{padding:18px 8px}.trust b{font-size:13px}
  .section{padding:55px 0}.cards{grid-template-columns:repeat(2,1fr)}.card{padding:17px 8px}.steps{grid-template-columns:1fr}.now{font-size:58px}.offer-list{font-size:13px}.faq-intro h2{font-size:36px}
  .footer-grid{flex-direction:column;text-align:center}.footer-links{flex-wrap:wrap;justify-content:center}
}