@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Outfit:wght@400;600;800&display=swap";:root{--primary:#22c55e;--primary-dark:#16a34a;--accent:#22c55e;--bg:#fff;--fg:#0f172a;--text-primary:#1e293b;--text-secondary:#64748b;--surface:#f8fafc;--border:#e2e8f0;--glass:#ffffffb3;--glass-border:#fff6;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--container-max:1200px}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;color:var(--text-primary);background:var(--bg);font-family:Inter,sans-serif;line-height:1.6;position:relative;overflow-x:hidden}h1,h2,h3,h4{letter-spacing:-.025em;font-family:Outfit,sans-serif;font-weight:800}.container{max-width:var(--container-max);margin:0 auto;padding:0 1.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-fade-in{animation:.8s ease-out forwards fadeIn}header{width:90%;max-width:var(--container-max);z-index:1000;background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--shadow);border-radius:99px;padding:.75rem 2rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:fixed;top:1.5rem;left:50%;transform:translate(-50%)}header.scrolled{width:95%;box-shadow:var(--shadow-lg);background:#ffffffd9;padding:.6rem 2rem;top:1rem}.nav{justify-content:space-between;align-items:center;width:100%;display:flex}.logo{color:var(--fg);align-items:center;gap:.75rem;font-size:1.5rem;font-weight:800;text-decoration:none;display:flex}.logo-icon{background:#0050a9;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden;box-shadow:0 4px 12px #0050a94d}.logo-icon img{object-fit:cover;width:100%;height:100%}.nav-links{align-items:center;gap:2.5rem;display:flex}.nav-links a{color:var(--text-secondary);font-weight:500;text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--primary)}.menu-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:6px;padding:.5rem;display:none}.menu-toggle span{background:var(--fg);border-radius:99px;width:28px;height:3px;display:block}.btn{color:#fff;cursor:pointer;border-radius:99px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:var(--primary);box-shadow:0 10px 15px -3px #22c55e40;color:#fff!important}.btn-white{background:#fff;box-shadow:0 10px 15px -3px #0000001a;color:var(--primary)!important}.btn-white:hover{background:#f8f9fa;transform:translateY(-2px);box-shadow:0 15px 25px -5px #00000026}.hero{text-align:center;background:radial-gradient(circle,#22c55e08 0%,#0000 70%);padding:140px 0 80px;position:relative;overflow:hidden}.hero .container{max-width:var(--container-max);z-index:2;position:relative}.hero-prompter-frame{background:rgba(15, 23, 42, var(--prompter-opacity,1));-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);color:#fff;border:1px solid #ffffff1a;border-radius:40px;flex-direction:column;transition:border-radius .3s,background .3s;animation:8s ease-in-out infinite float;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 100px -20px #0f172a4d}.prompter-header{background:#ffffff0d;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex}.header-status{color:#fff9;text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:.75rem;font-size:.75rem;font-weight:800;display:flex}.status-dot{background:var(--primary);width:8px;height:8px;box-shadow:0 0 10px var(--primary);border-radius:50%;animation:2s infinite pulse}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.prompter-dashboard-layout{flex:1;display:flex}.hero-prompter-content{height:480px;font-size:var(--prompter-font-size,1rem);flex:1;padding:3rem;transition:font-size .2s;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 15% 85%,#0000);mask-image:linear-gradient(#0000,#000 15% 85%,#0000)}.hero-script-scroller{animation:hero-script-scroll var(--scroll-speed,30s) linear infinite;flex-direction:column;display:flex}@keyframes hero-script-scroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.script-mask-group{flex-direction:column;justify-content:center;align-items:center;min-height:480px;margin-bottom:200px;padding:60px 0;display:flex}.script-mask-group h1{color:#fff;margin-bottom:2rem;font-size:3.5em;line-height:1.1}.script-mask-group p{color:#ffffffb3;max-width:600px;font-size:1.25em}.hero-tag{color:var(--primary);background:#22c55e26;border-radius:99px;margin-bottom:2rem;padding:.5rem 1.25rem;font-size:.8rem;font-weight:700;display:inline-block}.prompter-sidebar{text-align:left;background:#0003;border-left:1px solid #ffffff0d;flex-direction:column;gap:2.5rem;width:300px;padding:3rem 2rem;display:flex}.sidebar-title{color:#fff;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700}.setting-item{flex-direction:column;gap:.75rem;display:flex}.setting-item label{color:#ffffff80;font-size:.8125rem;font-weight:600}.setting-item input[type=range]{width:100%;accent-color:var(--primary);cursor:pointer}.sidebar-info{color:var(--text-secondary);background:#22c55e0d;border-radius:16px;margin-top:auto;padding:1.25rem;font-size:.8125rem;line-height:1.5}.fixed-cta-dock{z-index:10;background:#fff;border-top:1px solid #0000000d;flex-direction:column;align-items:center;gap:1rem;padding:2.5rem;display:flex}.cta-glow{transform:translateY(-5px);box-shadow:0 20px 40px #22c55e4d;padding:1.25rem 3rem!important;font-size:1.125rem!important}.cta-glow:hover{transform:translateY(-8px)scale(1.02)}.cta-subtitle{color:var(--text-secondary);font-size:.875rem;font-weight:500}.pricing{background:#fff;padding:60px 0;position:relative}.pricing-toggle-wrapper{color:var(--text-secondary);justify-content:center;align-items:center;gap:1.5rem;margin-bottom:4rem;font-weight:700;display:flex}.pricing-toggle{background:var(--fg);cursor:pointer;border:none;border-radius:99px;width:64px;height:32px;padding:4px;transition:all .3s;position:relative}.pricing-toggle.active{background:var(--primary)}.toggle-handle{background:#fff;border-radius:50%;width:24px;height:24px;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translate(0)}.pricing-toggle.active .toggle-handle{transform:translate(32px)}.save-tag{color:var(--primary);background:#22c55e1a;border-radius:99px;margin-left:.5rem;padding:.25rem .6rem;font-size:.75rem}.pricing-cards{justify-content:center;align-items:stretch;gap:2rem;max-width:1000px;margin:0 auto;display:flex}.pricing-card{background:var(--surface);border:1px solid var(--border);border-radius:40px;flex-direction:column;flex:1;padding:3.5rem 3rem;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.pricing-card.featured{border-color:var(--primary);z-index:2;background:#fff;transform:scale(1.05);box-shadow:0 40px 80px -15px #00000014}.featured-badge{background:var(--primary);color:#fff;letter-spacing:.05em;border-radius:99px;padding:.5rem 1rem;font-size:.75rem;font-weight:800;position:absolute;top:1.5rem;right:1.5rem;box-shadow:0 4px 12px #22c55e4d}.plan-info h3{color:var(--fg);margin-bottom:1.5rem;font-size:1.5rem}.price{color:var(--fg);align-items:baseline;margin-bottom:1.5rem;display:flex}.price .currency{margin-right:.25rem;font-size:1.5rem;font-weight:700}.price .amount{letter-spacing:-.04em;font-size:4rem;font-weight:800;line-height:1}.price .period{color:var(--text-secondary);margin-left:.5rem;font-size:1.125rem;font-weight:500}.plan-desc{color:var(--text-secondary);margin-bottom:2.5rem;font-size:.95rem}.pricing-features{flex-direction:column;gap:1rem;margin:0 0 3rem;padding:0;list-style:none;display:flex}.pricing-features li{color:var(--text-secondary);align-items:center;gap:.75rem;font-size:.95rem;font-weight:500;display:flex}.pricing-features li svg{width:18px;height:18px;color:var(--primary);flex-shrink:0}.btn-outline{border:2px solid var(--border);background:0 0;color:var(--fg)!important}.btn-outline:hover{border-color:var(--fg);background:var(--fg);color:#fff!important}.pricing-card:hover:not(.featured){border-color:var(--primary);box-shadow:var(--shadow-xl);transform:translateY(-10px)}.pricing-card.featured:hover{transform:scale(1.07)}.pricing .gradient-text{background:linear-gradient(135deg, var(--fg) 0%, var(--primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}@media (width<=900px){.pricing-cards{flex-direction:column;align-items:center;padding:0 1rem}.pricing-card{width:100%;max-width:450px}.pricing-card.featured{transform:scale(1)}.pricing-card.featured:hover{transform:translateY(-10px)}}.features{padding:100px 0}.section-head{text-align:center;max-width:600px;margin:0 auto 5rem}.feature-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:32px;padding:3rem;transition:all .3s}.feature-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-10px)}.video-tour.cinematic-mode{background:#000;width:100%;padding:0;overflow:hidden}.video-tour.cinematic-mode .video-window{aspect-ratio:16/9;width:100%;max-width:none;box-shadow:none;border:none;border-radius:0}.video-overlay{cursor:pointer;z-index:10;flex-direction:column;justify-content:center;align-items:center;transition:opacity .5s cubic-bezier(.4,0,.2,1),visibility .5s;display:flex;position:absolute;inset:0}.video-overlay:after{content:"";-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1;background:#0f172a66;position:absolute;inset:0}.video-thumb{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute}.video-overlay.hidden{opacity:0;visibility:hidden;pointer-events:none}.play-btn-wrapper{z-index:2;justify-content:center;align-items:center;width:90px;height:90px;margin-bottom:1.5rem;display:flex;position:relative}.play-btn{width:70px;height:70px;color:var(--primary);background:#fff;border-radius:50%;justify-content:center;align-items:center;transition:transform .3s;display:flex;box-shadow:0 10px 30px #0000004d}.play-btn svg{transform:translate(2px)}.play-btn-pulse{opacity:.3;background:#fff;border-radius:50%;width:100%;height:100%;animation:2s infinite play-pulse;position:absolute}@keyframes play-pulse{0%{opacity:.4;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}.video-overlay:hover .play-btn{transform:scale(1.1)}.overlay-text{z-index:2;color:#fff;letter-spacing:.05em;text-transform:uppercase;font-size:1.25rem;font-weight:700;position:relative}.showcase{perspective:2000px;background:#0b0f1a;padding:20px 0;position:relative;overflow:hidden}.showcase-head{margin-bottom:2rem}.showcase-head p{color:#fff9;max-width:500px;margin:.75rem auto 0}.showcase-badge{color:var(--primary);background:#22c55e26;border:1px solid #22c55e33;margin-bottom:1rem}.gradient-text{background:linear-gradient(135deg,#fff 0%,#ffffffb3 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;font-size:3.5rem}@media (width<=768px){.gradient-text{font-size:2.5rem}}.showcase:before,.showcase:after{content:"";filter:blur(120px);z-index:1;opacity:.15;border-radius:50%;width:600px;height:600px;position:absolute}.showcase:before{background:var(--primary);top:-200px;left:-200px}.showcase:after{background:#3b82f6;bottom:-200px;right:-200px}.media-slider{width:fit-content;transform-style:preserve-3d;z-index:2;gap:3rem;padding-bottom:3em;animation:40s linear infinite marquee;display:flex;position:relative;transform:rotateX(10deg)rotateY(-15deg)}.media-slider:hover{animation-play-state:paused}.media-item{height:420px;transform-style:preserve-3d;background:#ffffff08;border:1px solid #ffffff1a;border-radius:36px;flex:0 0 220px;transition:all .6s cubic-bezier(.23,1,.32,1);position:relative;overflow:hidden;box-shadow:0 30px 60px -12px #00000080}.media-item img{object-fit:cover;width:100%;height:100%;transition:all .8s}.media-item span{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;letter-spacing:.05em;text-transform:uppercase;opacity:.8;z-index:5;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:99px;padding:.5rem 1rem;font-size:.75rem;font-weight:700;position:absolute;bottom:1.5rem;left:1.5rem}.media-item:before{content:"";z-index:3;pointer-events:none;background:linear-gradient(135deg,#ffffff1a 0%,#0000 50%,#ffffff0d 100%);position:absolute;inset:0}.media-item:hover{border-color:var(--primary);transform:translateZ(50px)rotateY(15deg);box-shadow:0 40px 80px -15px #22c55e4d}.media-item:hover img{transform:scale(1.1)}@keyframes marquee{0%{transform:rotateX(10deg)rotateY(-15deg)translate(0)}to{transform:rotateX(10deg)rotateY(-15deg)translate(-50%)}}@media (width<=768px){.media-slider{gap:1.5rem;animation-duration:25s;transform:rotateX(5deg)rotateY(-10deg)}.media-item{border-radius:24px;flex:0 0 160px;height:300px}.media-item span{font-size:.6rem;bottom:1rem;left:1rem}@keyframes marquee{0%{transform:rotateX(5deg)rotateY(-10deg)translate(0)}to{transform:rotateX(5deg)rotateY(-10deg)translate(-50%)}}}.footer{color:#fff;background:#0f172a;border-top:1px solid #ffffff0d;padding:80px 0 40px}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:60px;margin-bottom:60px;display:grid}.footer-column h5{color:#fff;letter-spacing:-.01em;margin-bottom:1.5rem;font-size:1.1rem;font-weight:700}.brand-col{max-width:360px}.footer-logo{margin-bottom:1.5rem;color:#fff!important}.footer-tagline{color:#94a3b8;margin-bottom:2rem;font-size:1rem;line-height:1.6}.social-links{gap:1.25rem;display:flex}.social-icon{color:#94a3b8;background:#ffffff0d;border:1px solid #ffffff0d;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.social-icon:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-3px);box-shadow:0 10px 15px -3px #22c55e4d}.social-icon i{font-size:1.1rem}.footer-nav{margin:0;padding:0;list-style:none}.footer-nav li{margin-bottom:.85rem}.footer-nav a{color:#94a3b8;font-size:.95rem;text-decoration:none;transition:color .3s}.footer-nav a:hover{color:var(--primary)}.footer-divider{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);height:1px;margin-bottom:40px}.footer-bottom{color:#64748b;text-align:center;justify-content:center;align-items:center;font-size:.85rem;display:flex}.footer-extra{color:#475569;font-weight:500}@media (width<=991px){.footer-grid{grid-template-columns:1.5fr 1fr;gap:40px}}@media (width<=768px){.footer{padding:60px 0 30px}.footer-grid{text-align:center;grid-template-columns:1fr;gap:40px}.brand-col{flex-direction:column;align-items:center;max-width:100%;display:flex}.social-links{justify-content:center}.footer-bottom{text-align:center;flex-direction:column;gap:15px}}@media (width<=1024px){.prompter-sidebar{width:250px}.script-mask-group h1{font-size:2.8rem}}@media (width<=768px){header{width:95%;padding:.5rem 1.5rem;top:1rem}.nav-links{display:none}.menu-toggle{display:flex}.hero{padding:120px 0 40px;overflow:visible}.container{padding:0 1rem;overflow:visible}.hero-prompter-frame{border-radius:20px;flex-direction:column;width:calc(100% + 1rem);height:auto;max-height:600px;margin:0 -.5rem;display:flex;overflow:hidden}.prompter-dashboard-layout{flex-direction:column;flex:1;overflow:hidden}.hero-prompter-content{flex:1;width:100%;min-height:80px;padding:1rem;overflow:hidden}.script-mask-group h1{font-size:2em}.script-mask-group p{font-size:.9em}.script-mask-group{min-height:auto;margin-bottom:200px;padding:60px 0}.prompter-sidebar{border-top:1px solid #ffffff0d;border-left:none;flex-shrink:0;gap:1rem;padding:1rem;overflow:hidden;width:100%!important;max-width:100%!important}.setting-item{flex-direction:row;justify-content:space-between;align-items:center;gap:1rem}.setting-item label{flex:0 0 80px;margin-bottom:0}.setting-item input[type=range]{flex:1}.sidebar-info{display:none}.fixed-cta-dock{flex-shrink:0;padding:1rem}.cta-glow{width:100%;padding:1rem!important;font-size:1rem!important}.feature-grid{grid-template-columns:1fr}.pricing-cards{flex-direction:column;align-items:center}.pricing-card.featured{transform:scale(1)}.footer-content{flex-direction:column;gap:3rem}}@media (width<=350px){header{width:96%!important;padding:.4rem .6rem!important}.logo{gap:.4rem!important;font-size:1rem!important}.logo-icon{width:28px!important;height:28px!important}.prompter-header{padding:.75rem 1rem!important}.header-status{gap:.3rem!important;font-size:.6rem!important}.hero{padding:110px 0 30px!important}.hero-prompter-frame{height:auto;max-height:580px}.prompter-dashboard-layout{max-height:none}.hero-prompter-content{min-height:60px}.script-mask-group h1{font-size:1.6em}}.side-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:2000;background:#fffffff2;flex-direction:column;width:85%;max-width:350px;height:100%;padding:2rem;transition:right .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:-100%;box-shadow:-10px 0 30px #0000001a}.side-menu.active{right:0}.side-menu-header{justify-content:space-between;align-items:center;margin-bottom:3rem;display:flex}.menu-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:2.5rem}.side-menu-links{flex-direction:column;gap:2rem;display:flex}.side-menu-links a{color:var(--text-primary);font-size:1.25rem;font-weight:600;text-decoration:none}.side-menu-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1999;opacity:0;visibility:hidden;background:#0000004d;transition:all .3s;position:fixed;inset:0}.side-menu-overlay.active{opacity:1;visibility:visible}