:root{--bg-color: #050508;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .6);--accent-purple: #a855f7;--accent-blue: #3b82f6;--accent-glow: rgba(168, 85, 247, .3);--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08)}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}body{background-color:var(--bg-color);background-image:radial-gradient(circle at 15% 50%,rgba(168,85,247,.08),transparent 25%),radial-gradient(circle at 85% 30%,rgba(59,130,246,.08),transparent 25%);background-size:200% 200%;animation:bgPan 15s ease infinite;color:var(--text-primary);overflow-x:hidden;line-height:1.6}@keyframes bgPan{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.grid-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;background-size:40px 40px;background-image:linear-gradient(to right,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.03) 1px,transparent 1px);z-index:-2;mask-image:linear-gradient(to bottom,transparent,black,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,black,transparent);animation:gridMove 20s linear infinite}@keyframes gridMove{0%{transform:translateY(0)}to{transform:translateY(40px)}}.bg-glow{position:fixed;width:80vw;height:80vw;max-width:800px;max-height:800px;border-radius:50%;z-index:-1;pointer-events:none;filter:blur(120px);opacity:.4;mix-blend-mode:screen}.glow-1{background:radial-gradient(circle,var(--accent-purple),transparent 70%);top:-20%;left:-10%;animation:blob-bounce 25s infinite ease-in-out alternate}.glow-2{background:radial-gradient(circle,var(--accent-blue),transparent 70%);bottom:-20%;right:-10%;animation:blob-bounce 20s infinite ease-in-out alternate-reverse}.glow-3{background:radial-gradient(circle,rgba(236,72,153,.6),transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation:blob-spin 30s infinite linear}@keyframes blob-bounce{0%{transform:scale(1) translate(0)}33%{transform:scale(1.1) translate(50px,-50px)}66%{transform:scale(.9) translate(-50px,50px)}to{transform:scale(1) translate(0)}}@keyframes blob-spin{0%{transform:translate(-50%,-50%) rotate(0) translate(100px) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg) translate(100px) rotate(-360deg)}}nav{display:flex;justify-content:space-between;align-items:center;padding:24px 48px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);position:sticky;top:0;z-index:100}.logo{display:flex;align-items:center;gap:12px;font-family:Outfit,sans-serif;font-weight:700;font-size:1.5rem;letter-spacing:-.5px}.logo img{height:32px}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .3s ease}.nav-links a:hover{color:var(--text-primary)}.hero{display:flex;align-items:center;gap:60px;padding:100px 48px;max-width:1300px;margin:0 auto;position:relative}.hero-left{flex:1;text-align:left}.hero-right{flex:1;display:flex;justify-content:center;align-items:center}.badge{display:inline-flex;align-items:center;gap:8px;background:var(--glass-bg);border:1px solid var(--glass-border);padding:6px 16px;border-radius:30px;font-size:.8rem;font-weight:600;color:var(--accent-purple);margin-bottom:24px;text-transform:uppercase;letter-spacing:1px}h1{font-family:Outfit,sans-serif;font-size:4.5rem;font-weight:800;line-height:1.1;letter-spacing:-1.5px;margin-bottom:24px;background:linear-gradient(to right,#fff,#a1a1aa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.text-gradient{background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:1.2rem;color:var(--text-secondary);max-width:600px;margin:0 0 40px}.video-showcase{position:relative;width:100%;max-width:560px}.video-wrapper{position:relative;border-radius:16px;overflow:hidden;background:#0006;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #00000080,0 0 40px #a855f71a,inset 0 1px #ffffff0d;transition:opacity .3s ease,transform .3s ease;aspect-ratio:16 / 9}.video-wrapper.portrait{aspect-ratio:9 / 16;max-width:300px;margin:0 auto}.video-wrapper video{width:100%;height:100%;object-fit:cover;display:block}.video-controls{position:absolute;bottom:12px;right:12px;display:flex;gap:6px;z-index:5}.video-ctrl-btn{display:flex;align-items:center;gap:6px;background:#000000a6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);color:#fff;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .3s ease;letter-spacing:.5px}.video-ctrl-btn:hover{background:#a855f780;border-color:var(--accent-purple);transform:scale(1.05)}.video-ctrl-btn.active{background:#3b82f680;border-color:var(--accent-blue)}.video-ctrl-btn i{font-size:.7rem;transition:transform .3s ease}.video-ctrl-btn:hover i.fa-arrows-rotate{transform:rotate(180deg)}.btn-primary{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#a855f7,#3b82f6);color:#fff;padding:16px 36px;border-radius:50px;text-decoration:none;font-weight:600;font-size:1.1rem;border:none;cursor:pointer;box-shadow:0 10px 30px #a855f766;transition:all .3s cubic-bezier(.16,1,.3,1)}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:all .5s ease}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px #a855f799}.features-section{padding:80px 24px;max-width:1200px;margin:0 auto}.section-title{text-align:center;font-family:Outfit,sans-serif;font-size:2.5rem;margin-bottom:60px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;padding:40px 30px;text-align:left;transition:transform .3s ease,background .3s ease}.card:hover{transform:translateY(-5px);background:#ffffff0d;border-color:#a855f74d}.card-icon{font-size:2.5rem;margin-bottom:24px;background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.card h3{font-size:1.3rem;margin-bottom:12px;font-family:Outfit,sans-serif}.card p{color:var(--text-secondary);font-size:.95rem}.clarification-section{padding:80px 24px;max-width:1200px;margin:0 auto}.clarification-container{display:flex;align-items:center;gap:60px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:30px;padding:60px;box-shadow:0 20px 50px #0000004d;position:relative;overflow:hidden}.clarification-container:before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,var(--accent-blue) 0%,transparent 70%);opacity:.15;filter:blur(50px);pointer-events:none}.clarification-content{flex:1}.clarification-content h2{font-family:Outfit,sans-serif;font-size:3.2rem;line-height:1.1;margin-bottom:20px;letter-spacing:-1px}.clarification-content p{color:var(--text-secondary);font-size:1.15rem;margin-bottom:30px;line-height:1.7}.clarification-content strong{color:var(--text-primary)}.clarification-list{list-style:none;display:flex;flex-direction:column;gap:16px}.clarification-list li{display:flex;align-items:center;gap:12px;font-weight:500;font-size:1.05rem}.clarification-visual{flex:.8;display:flex;justify-content:center;align-items:center}.glass-panel{width:250px;height:250px;background:linear-gradient(135deg,#ffffff0d,#ffffff03);border:1px solid rgba(255,255,255,.1);border-radius:30px;display:flex;justify-content:center;align-items:center;position:relative;transform:rotate(5deg);box-shadow:0 15px 35px #0006;transition:transform .5s ease}.glass-panel:hover{transform:rotate(0) scale(1.05)}.panel-icon{font-size:5rem;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.panel-icon-small{position:absolute;top:20px;right:20px;font-size:1.5rem;color:var(--text-secondary);animation:pulse 2s infinite alternate}@keyframes pulse{0%{transform:scale(1);opacity:.5}to{transform:scale(1.2);opacity:1;color:var(--text-primary)}}.creator-section{padding:80px 24px;text-align:center;background:linear-gradient(to top,rgba(168,85,247,.05),transparent);border-top:1px solid var(--glass-border)}.creator-container{max-width:900px;margin:0 auto}.creator-profile-horizontal{display:flex;flex-direction:row;align-items:center;gap:40px;text-align:left;background:#ffffff05;border:1px solid var(--glass-border);border-radius:24px;padding:40px;box-shadow:0 10px 40px #0003;position:relative;overflow:hidden;transition:transform .3s ease,border-color .3s ease}.creator-profile-horizontal:hover{transform:translateY(-5px);border-color:#a855f74d}.creator-profile-horizontal:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,var(--accent-purple),var(--accent-blue))}.creator-img-large{width:160px;height:160px;border-radius:50%;object-fit:cover;border:3px solid transparent;background:linear-gradient(var(--bg-color),var(--bg-color)) padding-box,linear-gradient(135deg,var(--accent-purple),var(--accent-blue)) border-box;box-shadow:0 0 30px var(--accent-glow);flex-shrink:0}.creator-info{display:flex;flex-direction:column;gap:20px}.creator-quote{font-size:1.15rem;font-style:italic;color:var(--text-primary);line-height:1.6;position:relative}.quote-icon{color:var(--accent-purple);opacity:.5;font-size:1.5rem;margin-right:10px;vertical-align:top}.creator-details{display:flex;flex-direction:column;gap:4px}.creator-name{font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700}.creator-role{color:var(--accent-purple);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.animate-fade-up{opacity:0;transform:translateY(30px);animation:fadeUp 1s forwards cubic-bezier(.16,1,.3,1)}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.25s}.delay-3{animation-delay:.4s}.delay-4{animation-delay:.55s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:transparent;color:var(--text-primary);padding:16px 36px;border-radius:50px;text-decoration:none;font-weight:600;font-size:1.1rem;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .3s ease}.btn-outline:hover{border-color:var(--accent-purple);background:linear-gradient(135deg,#a855f71a,#3b82f61a);transform:translateY(-3px);box-shadow:0 10px 30px #a855f733}.full-width{width:100%;justify-content:center;text-align:center;box-sizing:border-box}.hero-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.section-subtitle{text-align:center;color:var(--text-secondary);font-size:1.15rem;max-width:600px;margin:-40px auto 50px}.pricing-section{padding:80px 24px;max-width:1440px;margin:0 auto}.pricing-headline{text-align:center;font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:700;margin-bottom:50px;line-height:1.3;background:linear-gradient(135deg,#4ade80,#22d3ee);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;display:flex;align-items:center;justify-content:center;gap:14px}.pricing-headline i{-webkit-text-fill-color:#4ade80;font-size:1.8rem}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;align-items:stretch}.pricing-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;padding:40px 30px;display:flex;flex-direction:column;position:relative;transition:transform .3s ease,border-color .3s ease}.pricing-card:hover{transform:translateY(-5px);border-color:#a855f74d}.pricing-card.featured{border-color:var(--accent-purple);background:linear-gradient(180deg,rgba(168,85,247,.08) 0%,var(--glass-bg) 100%);box-shadow:0 0 40px #a855f726}.pricing-popular-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--accent-purple),var(--accent-blue));color:#fff;padding:6px 20px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.pricing-card-header{text-align:center;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid var(--glass-border)}.pricing-tier-name{font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:700;display:block;margin-bottom:12px}.pricing-amount{font-family:Outfit,sans-serif;font-size:3.5rem;font-weight:800;line-height:1;margin-bottom:8px;background:linear-gradient(to right,#fff,#a1a1aa);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.pricing-plus{font-size:2rem;-webkit-text-fill-color:var(--accent-purple)}.pricing-period{color:var(--text-secondary);font-size:.9rem}.pricing-features{list-style:none;display:flex;flex-direction:column;gap:14px;flex:1;margin-bottom:30px}.pricing-features li{display:flex;align-items:center;gap:10px;font-size:.95rem;color:var(--text-secondary)}.pricing-features li i{color:var(--accent-purple);font-size:.8rem;flex-shrink:0}.contact-section{padding:80px 24px;max-width:800px;margin:0 auto}.contact-container{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;padding:50px;box-shadow:0 20px 50px #0000004d}.contact-form{display:flex;flex-direction:column;gap:20px}.contact-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-form .form-group{display:flex;flex-direction:column;gap:6px}.contact-form label{font-size:.85rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.contact-form input,.contact-form textarea{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:14px 16px;color:var(--text-primary);font-family:Inter,sans-serif;font-size:.95rem;outline:none;transition:border-color .3s ease,box-shadow .3s ease;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent-purple);box-shadow:0 0 0 3px #a855f726}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#fff3}.contact-status{padding:14px 20px;border-radius:10px;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:10px}.contact-status.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#4ade80}.contact-status.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171}.creator-name-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.linkedin-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#0a66c226;border:1px solid rgba(10,102,194,.3);color:#0a66c2;font-size:1.2rem;text-decoration:none;transition:all .3s ease;flex-shrink:0}.linkedin-btn:hover{background:#0a66c24d;transform:translateY(-2px);box-shadow:0 4px 15px #0a66c24d}.site-footer{border-top:1px solid var(--glass-border);padding:40px 24px;text-align:center}.footer-content{max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:20px}.footer-brand{display:flex;align-items:center;gap:10px;font-family:Outfit,sans-serif;font-weight:700;font-size:1.2rem;color:var(--text-primary)}.footer-logo{height:24px;opacity:.7}.footer-links{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:center}.footer-links a{color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:color .3s ease}.footer-links a:hover{color:var(--accent-purple)}.footer-divider{color:#ffffff26;font-size:.8rem}.footer-copy{color:#ffffff4d;font-size:.8rem}.nav-links{display:flex;align-items:center;gap:24px}@media (max-width: 768px){h1{font-size:3rem}.hero p{font-size:1rem}nav{padding:16px 24px}.nav-links{gap:12px}.nav-links a:not(.btn-primary){font-size:.8rem}.hero-buttons{flex-direction:column;align-items:center}.hero{flex-direction:column;padding:60px 24px;gap:40px;text-align:center}.hero-left{text-align:center}.hero-left .badge,.hero-left p{margin-left:auto;margin-right:auto}.hero-left .btn-primary{margin:0 auto}.video-showcase{max-width:400px}.video-wrapper.portrait{max-width:220px}.clarification-container{flex-direction:column;padding:40px 24px;text-align:center}.clarification-content h2{font-size:2.2rem}.clarification-list li{justify-content:center}.pricing-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.pricing-headline{font-size:1.5rem}.contact-container{padding:30px 20px}.contact-form .form-row{grid-template-columns:1fr}.creator-profile-horizontal{flex-direction:column;text-align:center;gap:24px;padding:30px 20px}.creator-img-large{width:120px;height:120px}.creator-name-row{justify-content:center}}
