@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--font-main:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-darkest:#030303;--bg-darker:#08080b;--bg-card:#0e0e12;--bg-card-hover:#13131a;--color-primary:#8b5cf6;--color-secondary:#3b82f6;--color-accent:#10b981;--color-text-primary:#fff;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--border-light:#ffffff0d;--border-hover:#ffffff1f;--border-primary:#8b5cf64d;--gradient-brand:linear-gradient(135deg, #8b5cf6 0%, #3b82f6 100%);--gradient-glow:radial-gradient(circle, #8b5cf626 0%, rgba(3b, 82, 246, 0) 70%);--gradient-dark:linear-gradient(to bottom, #030303, #08080b);--shadow-sm:0 2px 8px #00000080;--shadow-lg:0 10px 30px #000000b3;--shadow-glow:0 0 25px #8b5cf640;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast:all .15s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg-darkest);color:var(--color-text-primary);font-family:var(--font-main);overflow-x:hidden}body{background-image:var(--gradient-dark);min-height:100vh;line-height:1.6}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}section{padding:100px 0;position:relative}h1,h2,h3,h4{letter-spacing:-.02em;font-weight:700;line-height:1.25}.gradient-text{background:linear-gradient(120deg,#fff 30%,#a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.brand-gradient{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}p{color:var(--color-text-secondary);font-size:1.1rem}.text-center{text-align:center}.glow-spot{background:var(--gradient-glow);pointer-events:none;z-index:0;filter:blur(40px);border-radius:50%;width:500px;height:500px;position:absolute}.btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-smooth);border:1px solid #0000;justify-content:center;align-items:center;padding:14px 28px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--gradient-brand);color:#fff;box-shadow:0 4px 15px #8b5cf64d}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-2px)}.btn-secondary{color:var(--color-text-primary);border-color:var(--border-light);background:#ffffff0a}.btn-secondary:hover{border-color:var(--border-hover);background:#ffffff14;transform:translateY(-2px)}header{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);transition:var(--transition-smooth);background:#030303b3;position:fixed;top:0;left:0;right:0}header .container{justify-content:space-between;align-items:center;height:80px;display:flex}.logo{color:#fff;align-items:center;gap:8px;font-size:1.4rem;font-weight:800;text-decoration:none;display:flex}.logo-dot{background:var(--gradient-brand);border-radius:50%;width:10px;height:10px;display:inline-block;box-shadow:0 0 10px #8b5cf6cc}nav{align-items:center;gap:32px;display:flex}nav a{color:var(--color-text-secondary);transition:var(--transition-fast);font-size:.95rem;font-weight:500;text-decoration:none}nav a:hover{color:#fff}.header-actions{align-items:center;gap:20px;display:flex}.login-btn{color:var(--color-text-secondary);transition:var(--transition-fast);cursor:pointer;font-weight:600;text-decoration:none}.login-btn:hover{color:#fff}.user-pill{border:1px solid var(--border-primary);border-radius:var(--radius-full);color:#c084fc;background:#8b5cf61a;align-items:center;gap:8px;padding:6px 12px;font-size:.85rem;font-weight:600;display:inline-flex}.avatar-dot{background:#10b981;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #10b981}.hero{padding-top:180px;padding-bottom:120px;overflow:hidden}.hero-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:60px;display:grid}.hero-content h1{margin-bottom:24px;font-size:3.5rem;line-height:1.15}.hero-content p{max-width:580px;margin-bottom:40px;font-size:1.25rem}.hero-ctas{gap:16px;margin-bottom:48px;display:flex}.hero-stats{border-top:1px solid var(--border-light);grid-template-columns:repeat(3,1fr);gap:24px;padding-top:32px;display:grid}.stat-item h3{margin-bottom:4px;font-size:2rem}.stat-item p{color:var(--color-text-muted);font-size:.9rem}.hero-visual{position:relative}.glass-badge{-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:10;background:#0f0f1499;align-items:center;gap:12px;padding:16px 20px;display:flex;position:absolute}.badge-top-left{animation:6s ease-in-out infinite float;top:20px;left:-40px}.badge-bottom-right{animation:6s ease-in-out 3s infinite float;bottom:20px;right:-20px}.badge-icon{width:40px;height:40px;color:var(--color-primary);border:1px solid var(--border-primary);background:#8b5cf61a;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.badge-info h4{margin-bottom:2px;font-size:.95rem}.badge-info p{color:var(--color-accent);font-size:.8rem;font-weight:600}.inline-lead-box{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:32px;position:relative;overflow:hidden}.inline-lead-box:before{content:"";background:var(--gradient-brand);height:2px;position:absolute;top:0;left:0;right:0}.inline-lead-box h3{margin-bottom:8px;font-size:1.4rem}.inline-lead-box p{color:var(--color-text-secondary);margin-bottom:20px;font-size:.9rem}.input-row{grid-template-columns:1fr;gap:16px;margin-bottom:16px;display:grid}.form-group-custom{position:relative}.form-group-custom input{border:1px solid var(--border-light);border-radius:var(--radius-sm);color:#fff;width:100%;font-family:var(--font-main);transition:var(--transition-fast);background:#ffffff05;padding:12px 16px}.form-group-custom input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 10px #8b5cf626}.inline-lead-box button{width:100%}.section-header{max-width:650px;margin:0 auto 60px}.section-header h2{margin-bottom:16px;font-size:2.5rem}.tagline{text-transform:uppercase;letter-spacing:.1em;color:var(--color-primary);margin-bottom:12px;font-size:.85rem;font-weight:700;display:block}.problem-grid{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.problem-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:var(--transition-smooth);padding:40px;position:relative}.problem-card:hover{border-color:#ef444433;transform:translateY(-5px)}.problem-num{color:#ef444426;-webkit-user-select:none;user-select:none;font-size:3rem;font-weight:800;position:absolute;top:20px;right:30px}.problem-icon{margin-bottom:24px;font-size:2.2rem}.problem-card h3{margin-bottom:12px;font-size:1.3rem}.problem-card p{font-size:.95rem}.solution-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.solution-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:var(--transition-smooth);padding:32px;position:relative;overflow:hidden}.solution-card:hover{border-color:var(--border-primary);background-color:var(--bg-card-hover);transform:translateY(-5px)}.solution-icon-container{border-radius:var(--radius-sm);width:50px;height:50px;color:var(--color-primary);border:1px solid var(--border-primary);background:#8b5cf614;justify-content:center;align-items:center;margin-bottom:24px;font-size:1.5rem;display:flex}.solution-card h3{margin-bottom:12px;font-size:1.2rem}.solution-card p{font-size:.9rem}.portfolio-showcase{background:var(--bg-darker);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:48px}.portfolio-nav{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:40px;display:flex}.portfolio-tab{border:1px solid var(--border-light);color:var(--color-text-secondary);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast);background:#ffffff05;padding:10px 20px;font-size:.9rem;font-weight:600}.portfolio-tab:hover{color:#fff;background:#ffffff0d}.portfolio-tab.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 0 15px #8b5cf666}.portfolio-showcase-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:48px;transition:opacity .3s,transform .3s;display:grid}.mockup-phone{width:100%;max-width:320px;height:560px;box-shadow:var(--shadow-lg), 0 0 0 1px #ffffff0d;background:#000;border:12px solid #1a1a24;border-radius:40px;flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden}.phone-screen{background-position:50%;background-size:cover;flex-direction:column;flex:1;justify-content:space-between;padding:16px;transition:background-image .3s;display:flex;position:relative}.phone-overlay-top{color:#fff;text-shadow:0 1px 4px #000c;justify-content:space-between;align-items:center;font-size:.75rem;font-weight:600;display:flex}.live-indicator{border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;padding:4px 8px}.phone-play-btn{-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;width:60px;height:60px;transition:var(--transition-fast);box-shadow:var(--shadow-sm);z-index:5;background:#ffffff40;border:1px solid #fff6;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.phone-play-btn:hover{background:#ffffff59;transform:translate(-50%,-50%)scale(1.08)}.phone-overlay-bottom{color:#fff;text-shadow:0 1px 4px #000c;z-index:2;justify-content:space-between;align-items:flex-end;display:flex}.video-info{max-width:80%}.profile-tag{align-items:center;gap:8px;margin-bottom:8px;display:flex}.profile-avatar{background:var(--gradient-brand);border:1px solid #fff;border-radius:50%;width:28px;height:28px}.profile-name{font-size:.85rem;font-weight:700}.video-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:6px;font-size:.75rem;line-height:1.3;display:-webkit-box;overflow:hidden}.music-tag{opacity:.9;align-items:center;gap:4px;font-size:.7rem;display:flex}.phone-actions{flex-direction:column;align-items:center;gap:16px;display:flex}.action-icon{cursor:pointer;flex-direction:column;align-items:center;font-size:1.2rem;display:flex}.action-icon span{margin-top:2px;font-size:.65rem;font-weight:600}.portfolio-details{flex-direction:column;gap:24px;display:flex}.property-header{border-bottom:1px solid var(--border-light);padding-bottom:20px}.property-niche-tag{text-transform:uppercase;color:var(--color-primary);letter-spacing:.05em;margin-bottom:6px;font-size:.8rem;font-weight:700;display:block}.property-header h3{margin-bottom:4px;font-size:2rem}.property-location{color:var(--color-text-secondary);font-size:.95rem}.mock-metrics{grid-template-columns:1fr 1fr;gap:16px;display:grid}.metric-box{border:1px solid var(--border-light);border-radius:var(--radius-sm);background:#ffffff05;padding:16px}.metric-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.02em;margin-bottom:4px;font-size:.8rem}.metric-value{font-size:1.4rem;font-weight:700}.metric-value.reach-color{color:var(--color-secondary)}.metric-value.booking-color{color:var(--color-accent)}.caption-preview-box{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:20px;font-family:inherit}.caption-preview-box h4{color:var(--color-text-muted);text-transform:uppercase;margin-bottom:12px;font-size:.9rem}.caption-content{white-space:pre-wrap;color:var(--color-text-primary);border-left:2px solid var(--color-primary);padding-left:12px;font-size:.85rem;line-height:1.4}.strategy-box h4{color:var(--color-text-muted);text-transform:uppercase;margin-bottom:12px;font-size:.9rem}.strategy-list{flex-direction:column;gap:10px;list-style:none;display:flex}.strategy-list li{color:var(--color-text-secondary);font-size:.9rem}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:flex-start;gap:32px;display:grid}.pricing-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);transition:var(--transition-smooth);padding:48px 40px;position:relative}.pricing-card:hover{border-color:var(--border-hover);transform:translateY(-5px)}.pricing-card.popular{border-color:var(--color-primary);background:linear-gradient(#101016 0%,#0c0c10 100%);box-shadow:0 10px 30px #8b5cf626}.popular-badge{background:var(--gradient-brand);color:#fff;text-transform:uppercase;border-radius:var(--radius-full);letter-spacing:.05em;padding:6px 16px;font-size:.75rem;font-weight:700;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.plan-name{color:var(--color-text-secondary);margin-bottom:8px;font-size:1.25rem;font-weight:600}.pricing-card.popular .plan-name{color:#fff}.price{align-items:baseline;margin-bottom:24px;font-size:2.8rem;font-weight:800;display:flex}.price span{color:var(--color-text-muted);margin-left:4px;font-size:1rem;font-weight:500}.plan-features{border-top:1px solid var(--border-light);flex-direction:column;gap:16px;margin-bottom:40px;padding-top:24px;list-style:none;display:flex}.plan-features li{color:var(--color-text-secondary);align-items:center;gap:12px;font-size:.95rem;display:flex}.feature-check{color:var(--color-accent);font-size:1.1rem}.pricing-card .btn{width:100%}.audit-banner{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-lg);padding:80px 48px;position:relative;overflow:hidden}.audit-banner:before{content:"";background:var(--gradient-glow);filter:blur(60px);pointer-events:none;width:400px;height:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.audit-banner h2{z-index:1;margin-bottom:20px;font-size:3rem;position:relative}.audit-banner p{z-index:1;max-width:600px;margin:0 auto 40px;position:relative}.audit-banner .btn{z-index:1;position:relative}footer{border-top:1px solid var(--border-light);background:var(--bg-darkest);padding:60px 0}.footer-grid{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.copyright{color:var(--color-text-muted);font-size:.9rem}.footer-links{gap:32px;display:flex}.footer-links a{color:var(--color-text-muted);transition:var(--transition-fast);font-size:.9rem;text-decoration:none}.footer-links a:hover{color:#fff}.modal-overlay{-webkit-backdrop-filter:blur(16px);z-index:200;opacity:0;pointer-events:none;background:#000000d9;justify-content:center;align-items:center;transition:opacity .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-container{border:1px solid var(--border-light);border-radius:var(--radius-lg);width:100%;max-width:500px;box-shadow:var(--shadow-lg);background:#0c0c10;padding:48px 40px;transition:transform .3s cubic-bezier(.4,0,.2,1);position:relative;transform:translateY(20px)}.modal-overlay.active .modal-container{transform:translateY(0)}.modal-close{color:var(--color-text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;font-size:1.5rem;position:absolute;top:24px;right:24px}.modal-close:hover{color:#fff}.modal-header{margin-bottom:32px}.modal-header h3{margin-bottom:8px;font-size:1.8rem}.modal-header p{color:var(--color-text-secondary);font-size:.95rem}.form-group{margin-bottom:20px}.form-group label{color:var(--color-text-secondary);margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.form-group input,.form-group select{border:1px solid var(--border-light);border-radius:var(--radius-sm);color:#fff;width:100%;font-family:var(--font-main);transition:var(--transition-fast);background:#ffffff08;padding:14px 16px;font-size:.95rem}.form-group input:focus,.form-group select:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 10px #8b5cf626}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394a3b8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px}.modal-container button[type=submit]{width:100%;margin-top:12px}#toast-container{z-index:300;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:30px;right:30px}.toast{border:1px solid var(--border-light);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);background:#111116;align-items:center;gap:12px;min-width:300px;max-width:400px;padding:16px 20px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;transform:translate(120%)}.toast.active{transform:translate(0)}.toast-icon{font-size:1.2rem}.toast-message{color:var(--color-text-primary);font-size:.9rem;font-weight:500}.toast-success{border-left:3px solid var(--color-accent)}.toast-error{border-left:3px solid #ef4444}.toast-info{border-left:3px solid var(--color-secondary)}.demo-alert-overlay{-webkit-backdrop-filter:blur(12px);z-index:400;background:#000000d9;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.demo-alert-modal{border:1px solid var(--border-primary);border-radius:var(--radius-lg);text-align:center;max-width:460px;box-shadow:var(--shadow-glow);background:#0f0f15;padding:40px;animation:.3s cubic-bezier(.34,1.56,.64,1) scaleUp}.demo-alert-modal h3{color:#fff;margin-bottom:16px;font-size:1.5rem}.demo-alert-modal p{color:var(--color-text-secondary);margin-bottom:20px;font-size:.95rem;line-height:1.5}.code-box{border:1px solid var(--border-light);border-radius:var(--radius-sm);text-align:left;color:#c084fc;background:#050508;margin-bottom:20px;padding:14px;font-family:monospace;font-size:.8rem}.guide-text{color:var(--color-text-muted)!important;font-size:.85rem!important}.demo-alert-modal button{width:100%;margin-top:10px}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.case-study-grid{grid-template-columns:.95fr 1.05fr;align-items:center;gap:60px;display:grid}.analytics-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:36px;position:relative;overflow:hidden}.analytics-card:before{content:"";background:var(--gradient-brand);height:2px;position:absolute;top:0;left:0;right:0}.analytics-header{border-bottom:1px solid var(--border-light);justify-content:space-between;margin-bottom:24px;padding-bottom:18px;display:flex}.analytics-app{color:#fff;letter-spacing:-.01em;font-size:1rem;font-weight:700}.analytics-range{color:var(--color-text-muted);font-size:.8rem}.analytics-metrics-grid{flex-direction:column;gap:16px;display:flex}.metric-row-item{border:1px solid var(--border-light);border-radius:var(--radius-md);transition:var(--transition-fast);background:#ffffff03;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.metric-row-item:hover{border-color:var(--border-hover);background:#ffffff08}.analytics-val-label{color:var(--color-text-secondary);font-size:.9rem;font-weight:500}.analytics-val-num{color:#fff;align-items:center;gap:12px;font-size:1.1rem;font-weight:700;display:flex}.percent-up{color:var(--color-accent);border-radius:var(--radius-sm);background:#10b9811a;border:1px solid #10b98133;padding:2px 8px;font-size:.75rem;font-weight:700}.case-study-bullets{flex-direction:column;gap:18px;list-style:none;display:flex}.case-study-bullets li{color:var(--color-text-secondary);font-size:1rem;line-height:1.5}@media (width<=1024px){.hero-grid{text-align:center;grid-template-columns:1fr;gap:48px}.hero-content p{margin-left:auto;margin-right:auto}.hero-ctas{justify-content:center}.hero-stats{justify-content:center;max-width:580px;margin:0 auto}.inline-lead-box{max-width:580px;margin:0 auto}.badge-top-left{left:20px}.problem-grid,.solution-grid{grid-template-columns:1fr 1fr}.case-study-grid,.portfolio-showcase-grid{grid-template-columns:1fr;gap:40px}.pricing-grid{grid-template-columns:1fr;max-width:500px;margin:0 auto}}@media (width<=768px){section{padding:70px 0}.hero-content h1{font-size:2.6rem}nav{display:none}.problem-grid,.solution-grid{grid-template-columns:1fr}.audit-banner h2{font-size:2.2rem}.audit-banner{padding:60px 24px}.footer-grid{text-align:center;flex-direction:column;gap:16px}.modal-container{padding:32px 24px}}