:root{
  --bg:#000000;--fg:#ffffff;--muted:#8b949e;--accent:#ff0050;--accent2:#00f5ff;--card:#161b22;--border:#30363d;--purple:#8b5cf6;--green:#00ff88;--gradient:linear-gradient(135deg, #ff0050, #00f5ff, #8b5cf6);--glow:0 0 40px rgba(255,0,80,0.6)
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow-x:hidden}
body{background:radial-gradient(ellipse at top,rgba(255,0,80,0.1) 0%,transparent 50%),radial-gradient(ellipse at bottom,rgba(0,245,255,0.1) 0%,transparent 50%),var(--bg)}
.subtext{color:var(--muted)}
.container{max-width:1080px;margin:0 auto;padding:0 20px}
.nav{position:sticky;top:0;backdrop-filter:saturate(180%) blur(10px);background:rgba(2,6,23,.7);border-bottom:1px solid var(--border);z-index:20}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px}
.brand{font-weight:700;letter-spacing:.2px;display:flex;align-items:center;gap:10px}
.brand-logo{height:40px;width:auto;object-fit:contain}
.alpha-nav-link{background:linear-gradient(135deg,#f59e0b,#d97706);color:white!important;padding:6px 12px;border-radius:16px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}
.alpha-badge{display:inline-block;background:linear-gradient(135deg,#f59e0b,#d97706);color:white;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:20px;text-transform:uppercase;letter-spacing:0.5px;animation:glow 3s ease-in-out infinite alternate}
@keyframes glow{from{box-shadow:0 0 20px rgba(245,158,11,0.4)}to{box-shadow:0 0 30px rgba(245,158,11,0.8),0 0 40px rgba(245,158,11,0.3)}}
.logo-dot{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--gradient);box-shadow:0 0 20px rgba(255,0,80,.8),0 0 40px rgba(0,245,255,0.4);animation:pulse 2s ease-in-out infinite}
.nav-links a{color:var(--fg);text-decoration:none;margin-left:16px;opacity:.9}
.nav-links a:hover{opacity:1}
.btn{display:inline-block;padding:12px 18px;border-radius:10px;border:1px solid var(--border);text-decoration:none;color:var(--fg);transition:all .15s ease, box-shadow .2s ease}
.btn.primary{background:var(--gradient);color:#ffffff;border-color:transparent;box-shadow:var(--glow),0 8px 32px rgba(0,0,0,0.4);font-weight:600;position:relative;overflow:hidden}
.btn.primary:before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s;z-index:1}
.btn.primary:hover{transform:translateY(-2px);box-shadow:0 0 60px rgba(255,0,80,0.8),0 12px 40px rgba(0,0,0,0.6)}
.btn.primary:hover:before{left:100%}
.btn.primary:focus{outline:none;box-shadow:0 0 0 3px rgba(255,0,80,.5)}
.btn.outline:hover{box-shadow:0 6px 20px rgba(6,182,212,.12)}
.btn.outline{background:transparent;border-color:var(--accent);color:var(--fg)}
.btn.block{display:block;text-align:center}
.btn.small{padding:8px 12px;border-radius:8px;font-size:14px}
.hero{position:relative;padding:96px 0 72px}
.hero-bg{position:absolute;inset:0;background:
  radial-gradient(60% 50% at 50% 0%, rgba(255,0,80,.3), rgba(0,0,0,0) 70%),
  radial-gradient(40% 30% at 20% 20%, rgba(139,92,246,.25), rgba(0,0,0,0) 60%),
  radial-gradient(40% 30% at 80% 10%, rgba(0,245,255,.25), rgba(0,0,0,0) 60%),
  conic-gradient(from 0deg at 50% 50%, rgba(255,0,80,0.1), rgba(0,245,255,0.1), rgba(139,92,246,0.1), rgba(255,0,80,0.1));
  animation:rotate 20s linear infinite}

@keyframes rotate{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}
.hero-inner{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center}
.hero h1{font-size:56px;line-height:1.1;margin:0 0 16px;background:var(--gradient);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shine 3s ease infinite;font-weight:800;text-shadow:0 0 40px rgba(255,0,80,0.3);position:relative}
.hero h1:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient);opacity:0.1;filter:blur(20px);z-index:-1;animation:glow 2s ease-in-out infinite alternate}
.hero p{color:var(--muted);margin:0 0 24px}
.cta-row .btn{margin-right:12px}
.trust{margin-top:14px;color:var(--muted);font-size:14px;display:flex;gap:14px;flex-wrap:wrap}
.hero-card{display:grid;gap:14px}
.card.stat{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.stat-value{font-size:32px;font-weight:800;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 20px rgba(255,0,80,0.5)}
.stat-label{color:var(--muted)}
.section-title{font-size:28px;margin:0 0 22px;position:relative}
.section-title:after{content:"";position:absolute;left:0;bottom:-8px;width:72px;height:2px;background:linear-gradient(90deg, rgba(6,182,212,1), rgba(168,85,247,1));box-shadow:0 0 14px rgba(6,182,212,.6)}
.features{padding:72px 0}
.grid-3{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.features-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.card{background:linear-gradient(145deg,rgba(22,27,34,0.8),rgba(22,27,34,0.4));backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:24px;transition:all 0.3s ease;position:relative;overflow:hidden}
.card:before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient);opacity:0;transition:opacity 0.3s ease;border-radius:20px;z-index:-1}
.card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px rgba(0,0,0,0.5),0 0 40px rgba(255,0,80,0.2);border-color:rgba(255,0,80,0.3)}
.card:hover:before{opacity:0.05}
.surface{background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0)); box-shadow: 0 8px 30px rgba(0,0,0,0.25)}
.feature .icon{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;background:rgba(6,182,212,.08);margin-bottom:10px}
.feature .icon:hover{box-shadow:0 0 0 3px rgba(6,182,212,.18) inset, 0 10px 24px rgba(6,182,212,.12)}
.how{padding:72px 0;border-top:1px solid var(--border)}
.steps-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.step{position:relative}
.step-num{position:absolute;top:16px;right:16px;color:var(--muted);font-weight:700}
.note{color:var(--muted)}
.pricing{padding:72px 0;border-top:1px solid var(--border)}
.pricing-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.price .price-row{display:flex;align-items:flex-end;gap:6px;margin:6px 0 12px}
.price .amount{font-size:36px;font-weight:700}
.price .unit{color:var(--muted)}
.price.highlight{border-color:rgba(6,182,212,.35);box-shadow:0 8px 30px rgba(6,182,212,.08)}

.faq{padding:72px 0;border-top:1px solid var(--border)}
.faq-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}

.cta-banner{padding:48px 0;background:linear-gradient(180deg, rgba(6,182,212,.12), rgba(6,182,212,0));border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}
.footer{border-top:1px solid var(--border);padding:24px 0}
.footer-inner{display:flex;align-items:center;justify-content:space-between}

@media (max-width: 860px){
  .hero-inner{grid-template-columns:1fr}
  .cta-inner{flex-direction:column;text-align:center}
}

@keyframes shine{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}

@keyframes pulse{
  0%,100%{transform:scale(1);box-shadow:0 0 20px rgba(255,0,80,.8)}
  50%{transform:scale(1.2);box-shadow:0 0 40px rgba(255,0,80,1),0 0 60px rgba(0,245,255,0.5)}
}

@keyframes glow{
  0%{opacity:0.1;transform:scale(1)}
  100%{opacity:0.2;transform:scale(1.05)}
}

@keyframes float{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-10px)}
}

.card.stat{animation:float 3s ease-in-out infinite}
.card.stat:nth-child(2){animation-delay:0.5s}
.card.stat:nth-child(3){animation-delay:1s}

/* Hero Enhancements */
.hero-video-overlay{position:absolute;inset:0;background:linear-gradient(45deg,rgba(255,0,80,0.1),rgba(0,245,255,0.1));opacity:0.5;animation:pulse-overlay 4s ease-in-out infinite}
.hero-stats{display:flex;gap:24px;margin-top:20px;flex-wrap:wrap}
.hero-stat{display:flex;flex-direction:column;align-items:center;text-align:center}
.stat-number{font-size:28px;font-weight:800;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}
.stat-text{color:var(--muted);font-size:14px;margin-top:4px}
.hero-visual{display:flex;justify-content:center;align-items:center}
.demo-card{background:linear-gradient(145deg,rgba(22,27,34,0.9),rgba(22,27,34,0.6));border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:20px;max-width:300px;backdrop-filter:blur(20px)}
.demo-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,0.1)}
.demo-dots{display:flex;gap:6px}
.demo-dots span{width:8px;height:8px;border-radius:50%;background:var(--muted)}
.demo-dots span:first-child{background:#ff0050}
.demo-title{color:var(--fg);font-size:14px;font-weight:600}
.demo-stream{display:flex;align-items:center;gap:8px;margin-bottom:12px}
.stream-indicator{width:8px;height:8px;border-radius:50%;background:#00ff88}
.stream-indicator.live{animation:pulse-green 2s ease-in-out infinite}
.demo-clips{display:flex;flex-direction:column;gap:8px}
.clip-item{display:flex;align-items:center;gap:8px;padding:8px;border-radius:8px;background:rgba(255,255,255,0.05)}
.clip-thumbnail{width:32px;height:18px;border-radius:4px;background:linear-gradient(45deg,#ff0050,#8b5cf6)}

/* Feature Icons */
.feature-icon{width:64px;height:64px;border-radius:16px;display:grid;place-items:center;background:rgba(6,182,212,.08);margin-bottom:16px;position:relative;overflow:hidden}
.feature-icon:before{content:'';position:absolute;inset:0;background:var(--gradient);opacity:0;transition:opacity 0.3s ease;border-radius:16px}
.feature-icon:hover{transform:scale(1.1);box-shadow:0 0 30px rgba(6,182,212,.3)}
.feature-icon:hover:before{opacity:0.1}

/* How It Works Section */
.how-it-works{padding:80px 0;border-top:1px solid var(--border);background:linear-gradient(180deg,rgba(0,0,0,0.3),rgba(22,27,34,0.1))}
.steps-container{display:flex;flex-direction:column;gap:32px;max-width:800px;margin:0 auto}
.step-item{display:grid;grid-template-columns:80px 1fr 60px;gap:24px;align-items:center;padding:24px;border-radius:20px;background:linear-gradient(145deg,rgba(22,27,34,0.8),rgba(22,27,34,0.4));border:1px solid rgba(255,255,255,0.1);transition:all 0.3s ease}
.step-item:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,0.3),0 0 20px rgba(255,0,80,0.1)}
.step-icon{width:64px;height:64px;border-radius:16px;display:grid;place-items:center;background:rgba(6,182,212,.08);position:relative}
.step-icon:hover{transform:scale(1.1)}
.step-content h3{margin:0 0 8px;font-size:18px;color:var(--fg)}
.step-content p{margin:0;color:var(--muted);line-height:1.5}
.step-number{font-size:24px;font-weight:800;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center}
.step-connector{height:2px;background:linear-gradient(90deg,rgba(255,0,80,0.5),rgba(0,245,255,0.5));margin:0 auto;width:60%;opacity:0.6}
.how-it-works-note{text-align:center;margin-top:32px;padding:16px;border-radius:12px;background:rgba(0,245,255,0.1);border:1px solid rgba(0,245,255,0.2)}
.how-it-works-note p{margin:0;color:var(--fg);font-weight:500}

/* Pricing Table */
.pricing-table-container{overflow-x:auto;margin:32px 0}
.pricing-table{width:100%;border-collapse:collapse;background:linear-gradient(145deg,rgba(22,27,34,0.8),rgba(22,27,34,0.4));border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,0.1)}
.pricing-table th{background:linear-gradient(135deg,rgba(255,0,80,0.1),rgba(0,245,255,0.1));padding:20px;text-align:left;font-weight:600;color:var(--fg);border-bottom:1px solid rgba(255,255,255,0.1)}
.pricing-table td{padding:24px 20px;border-bottom:1px solid rgba(255,255,255,0.05)}
.pricing-row.highlighted{background:linear-gradient(135deg,rgba(139,92,246,0.1),rgba(255,0,80,0.05))}
.plan-cell{width:200px}
.plan-name{font-size:20px;font-weight:700;margin-bottom:8px;color:var(--fg)}
.plan-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;background:rgba(0,245,255,0.2);color:#00f5ff}
.pro-badge{background:rgba(139,92,246,0.2);color:#8b5cf6}
.feature-list{list-style:none;padding:0;margin:0}
.feature-list li{padding:6px 0;color:var(--muted);display:flex;align-items:center;gap:8px}
.price-display{margin-bottom:16px}
.currency{font-size:18px;color:var(--muted)}
.amount{font-size:36px;font-weight:800;color:var(--fg)}
.period{font-size:16px;color:var(--muted)}
.pricing-note{text-align:center;margin-top:24px;color:var(--muted)}

/* Testimonials */
.testimonials{padding:80px 0;border-top:1px solid var(--border);background:linear-gradient(180deg,rgba(22,27,34,0.1),rgba(0,0,0,0.3))}
.testimonials-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:40px}
.testimonial-card{background:linear-gradient(145deg,rgba(22,27,34,0.8),rgba(22,27,34,0.4));border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:28px;transition:all 0.3s ease;position:relative}
.testimonial-card:hover{transform:translateY(-6px);box-shadow:0 20px 60px rgba(0,0,0,0.4),0 0 30px rgba(255,0,80,0.1)}
.testimonial-content{position:relative}
.quote-icon{margin-bottom:16px}
.testimonial-card blockquote{margin:0 0 20px;font-style:italic;color:var(--fg);line-height:1.6;font-size:16px}
.testimonial-author{display:flex;align-items:center;gap:12px}
.author-avatar{width:40px;height:40px;border-radius:50%;background:var(--gradient);display:grid;place-items:center;color:white;font-weight:700}
.author-name{font-weight:600;color:var(--fg)}
.author-title{color:var(--muted);font-size:14px}
.trust-badges{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;margin-top:32px}
.trust-badge{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border-radius:12px;background:rgba(22,27,34,0.6);border:1px solid rgba(255,255,255,0.1);transition:transform 0.3s ease}
.trust-badge:hover{transform:translateY(-4px)}
.trust-badge span{color:var(--muted);font-size:14px;font-weight:500}

/* Start Section */
.start-section{padding:60px 0;background:linear-gradient(135deg,rgba(255,0,80,0.1),rgba(0,245,255,0.1));border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.start-content{text-align:center;max-width:600px;margin:0 auto}
.start-content h2{font-size:32px;margin-bottom:16px;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}
.start-content p{color:var(--muted);margin-bottom:32px;font-size:18px}
.download-buttons{display:flex;flex-direction:column;align-items:center;gap:12px}
.btn.large{padding:16px 32px;font-size:18px;font-weight:600;display:flex;align-items:center;gap:12px}
.download-info{color:var(--muted);font-size:14px}

/* CTA Button Enhancement */
.cta-button{position:relative;overflow:hidden;z-index:1}
.cta-button:before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:var(--gradient);border-radius:inherit;z-index:-1;opacity:0;transition:opacity 0.3s ease}
.cta-button:hover:before{opacity:1}
.cta-button:hover{transform:translateY(-3px);box-shadow:0 0 40px rgba(255,0,80,0.6),0 16px 32px rgba(0,0,0,0.4)}

/* Animations */
@keyframes pulse-overlay{0%,100%{opacity:0.3}50%{opacity:0.7}}
@keyframes pulse-green{0%,100%{box-shadow:0 0 0 0 rgba(0,255,136,0.7)}70%{box-shadow:0 0 0 10px rgba(0,255,136,0)}}

/* Ad Placement Styling */
.ad-section{padding:40px 0;background:rgba(22,27,34,0.3);border-top:1px solid rgba(255,255,255,0.05);border-bottom:1px solid rgba(255,255,255,0.05)}
.ad-container{text-align:center;max-width:728px;margin:0 auto;position:relative}
.ad-container:before{content:'Advertisement';position:absolute;top:-20px;left:0;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}
.adsbygoogle{display:block;margin:0 auto;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05);border-radius:8px;min-height:90px}

/* Content Quality Enhancements */
.content-quality{line-height:1.7;color:var(--fg)}
.content-quality h2,.content-quality h3{margin-top:24px;margin-bottom:12px}
.content-quality p{margin-bottom:16px}
.content-quality ul,.content-quality ol{margin-bottom:16px;padding-left:24px}
.content-quality li{margin-bottom:8px}

/* AdSense Compliance Improvements */
.hero h1{font-size:clamp(32px,5vw,56px);line-height:1.2}
.hero p{font-size:clamp(16px,2vw,18px);line-height:1.6;max-width:600px}
.card{position:relative;overflow:visible}
.card:focus{outline:2px solid rgba(6,182,212,0.5);outline-offset:2px}

/* Mobile Ad Optimization */
@media (max-width: 768px){
  .ad-section{padding:24px 0}
  .ad-container{max-width:320px}
  .adsbygoogle{min-height:50px}
}

/* Responsive Design */
@media (max-width: 768px){
  .step-item{grid-template-columns:1fr;text-align:center;gap:16px}
  .step-connector{width:2px;height:40px;margin:0 auto}
  .hero-stats{justify-content:center}
  .testimonials-grid{grid-template-columns:1fr}
  .trust-badges{gap:16px}
  .pricing-table{font-size:14px}
  .pricing-table th,.pricing-table td{padding:16px 12px}
}