@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;600;700;800&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--bg-obsidian: #080a0f;--bg-card: #111827;--bg-card-hover: #1f2937;--color-cyan: #00ffff;--color-cyan-dim: #00cccc;--color-cyan-glow: rgba(0, 255, 255, .15);--color-text: #9ca3af;--color-text-light: #f3f4f6;--color-text-white: #ffffff;--color-border: #374151;--color-border-glow: rgba(0, 255, 255, .3);--font-heading: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--shadow-neon: 0 0 20px rgba(0, 255, 255, .2);--shadow-neon-strong: 0 0 35px rgba(0, 255, 255, .45);--transition-speed: .3s}html,body{background-color:var(--bg-obsidian);color:var(--color-text);font-family:var(--font-body);font-size:16px;line-height:1.6;overflow-x:hidden;scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text-light);font-weight:700;letter-spacing:-.02em}a{color:var(--color-cyan);text-decoration:none;transition:color var(--transition-speed)}a:hover{color:var(--color-text-white)}.grid-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background-image:linear-gradient(rgba(0,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.015) 1px,transparent 1px);background-size:40px 40px,40px 40px}.container{max-width:1200px;margin:0 auto;padding:0 24px;width:100%}.section{padding:100px 0;position:relative}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:2.5rem;margin-bottom:16px;margin-left:auto;margin-right:auto}.section-header h2,.showcase-text h3,.contact-info h3{width:max-content;max-width:100%;background:linear-gradient(to right,#fff0,#fff0 12%,#fff),linear-gradient(120deg,var(--color-text-white) 15%,var(--color-cyan) 25%,var(--color-text-white) 35%,var(--color-text-white) 65%,var(--color-cyan) 75%,var(--color-text-white) 85%);background-size:100% auto,200% auto;background-blend-mode:lighten;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmerFlow 12.8s linear infinite}.section-header p{font-size:1.1rem;max-width:600px;margin:0 auto}.navbar{height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--color-border);position:sticky;top:0;background-color:#080a0fd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100}.nav-logo{display:flex;align-items:center;gap:10px;font-family:var(--font-heading);font-size:1.35rem;font-weight:800;color:var(--color-text-white);flex-shrink:0}.logo-text{white-space:nowrap}.logo-text span{color:var(--color-cyan)}.nav-center{display:flex;align-items:center}.nav-links{display:flex;align-items:center;gap:24px;list-style:none}.nav-links a{color:var(--color-text);font-weight:500;font-size:.9rem;white-space:nowrap;transition:color var(--transition-speed)}.nav-links a:hover,.nav-links a.active{color:var(--color-cyan)}.nav-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}.nav-demo-link{color:var(--color-cyan);font-weight:600;font-size:.85rem;white-space:nowrap;padding:6px 12px;border-radius:6px;transition:all var(--transition-speed)}.nav-demo-link:hover{background-color:#00ffff14;color:var(--color-text-white)}.nav-btn-secondary{padding:8px 16px;font-size:.85rem;background-color:transparent;border:1px solid var(--color-border);color:var(--color-text-white);cursor:pointer;border-radius:6px;font-weight:500;white-space:nowrap;transition:all var(--transition-speed)}.nav-btn-secondary:hover{border-color:var(--color-cyan);box-shadow:0 0 10px #00ffff26;color:var(--color-cyan)}.nav-btn-primary{padding:8px 18px;font-size:.85rem;white-space:nowrap}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#05070ad1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-content{background:var(--bg-card);border:1px solid var(--color-border);border-radius:16px;padding:32px;width:100%;max-width:440px;position:relative;box-shadow:0 20px 50px #000000b3,0 0 25px #00ffff26;animation:modalFadeIn .25s cubic-bezier(.16,1,.3,1)}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-speed)}.modal-close:hover{color:var(--color-cyan);background-color:#00ffff14}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;border-radius:8px;font-weight:600;cursor:pointer;transition:all var(--transition-speed);font-family:var(--font-heading);border:1px solid transparent}.btn-primary{background-color:var(--color-cyan);color:var(--bg-obsidian);box-shadow:var(--shadow-neon)}.btn-primary:hover{background-color:var(--color-text-white);color:var(--bg-obsidian);box-shadow:var(--shadow-neon-strong);transform:translateY(-2px)}.btn-secondary{background-color:transparent;border-color:var(--color-border);color:var(--color-text-light)}.btn-secondary:hover{border-color:var(--color-cyan);color:var(--color-cyan);background-color:#00ffff08;transform:translateY(-2px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.card{background-color:var(--bg-card);border:1px solid var(--color-border);border-radius:12px;padding:30px;transition:all var(--transition-speed)}.card:hover{border-color:var(--color-cyan-dim);box-shadow:var(--shadow-neon);transform:translateY(-4px)}.hero-wrapper{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:60px;padding:40px 0}.hero-text h1{font-size:3.5rem;line-height:1.15;margin-bottom:24px;width:fit-content;max-width:100%;background:linear-gradient(to right,#fff0,#fff0 12%,#fff),linear-gradient(120deg,var(--color-text-white) 15%,var(--color-cyan) 25%,var(--color-text-white) 35%,var(--color-text-white) 65%,var(--color-cyan) 75%,var(--color-text-white) 85%);background-size:100% auto,200% auto;background-blend-mode:lighten;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmerFlow 12.8s linear infinite}@keyframes shimmerFlow{0%{background-position:0% center}to{background-position:-200% center}}.hero-text p{font-size:1.25rem;margin-bottom:40px}.hero-actions{display:flex;gap:20px}.badge{display:inline-block;background-color:#00ffff1a;border:1px solid rgba(0,255,255,.3);color:var(--color-cyan);padding:6px 14px;border-radius:50px;font-size:.85rem;font-weight:600;margin-bottom:20px;letter-spacing:.05em;text-transform:uppercase}.preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.preview-controls{display:flex;flex-direction:column;gap:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{color:var(--color-text-light);font-weight:500;font-size:.95rem}.form-input,.form-select{padding:14px 16px;background-color:#111827cc;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-white);font-family:var(--font-body);font-size:1rem;transition:all var(--transition-speed);width:100%}.form-input:focus,.form-select:focus{outline:none;border-color:var(--color-cyan);box-shadow:0 0 10px #00ffff26}.color-pickers{display:flex;gap:12px}.color-option{width:40px;height:40px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform var(--transition-speed)}.color-option:hover{transform:scale(1.1)}.color-option.active{border-color:var(--color-text-white);box-shadow:0 0 10px #ffffff80}.mockup-container{display:flex;justify-content:center;align-items:center;position:relative}.mobile-shell{width:340px;height:600px;border:12px solid #1f2937;border-radius:40px;background-color:#0b0f19;position:relative;box-shadow:0 25px 50px -12px #000000b3,0 0 8px #00ffff40;overflow:hidden;display:flex;flex-direction:column}.mobile-notch{width:140px;height:25px;background-color:#1f2937;border-bottom-left-radius:16px;border-bottom-right-radius:16px;position:absolute;top:0;left:50%;transform:translate(-50%);z-index:10}.mobile-content{flex:1;padding:24px 16px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}.mobile-header{font-family:var(--font-heading);font-size:1.1rem;font-weight:800;color:var(--color-text-white);margin-bottom:24px;text-align:center}.comp-card-preview{background-color:#111827;border:1px solid #1f2937;border-radius:16px;width:100%;padding:16px;position:relative;box-shadow:0 10px 15px -3px #0000004d;display:flex;flex-direction:column;gap:12px}.comp-card-badge{position:absolute;top:12px;right:12px;font-size:.7rem;color:#fff;padding:4px 8px;border-radius:4px;font-weight:700;text-transform:uppercase}.comp-card-image{height:140px;width:100%;background-color:#1f2937;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--color-text);font-size:.85rem;text-align:center;padding:10px;border:1px dashed rgba(255,255,255,.1);position:relative;overflow:hidden}.comp-card-image img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.comp-card-title{font-size:1.05rem;color:var(--color-text-white);font-weight:700}.comp-card-tickets{display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.comp-card-price{font-size:1.25rem;font-weight:800;font-family:var(--font-heading)}.comp-card-btn{width:100%;padding:12px;border-radius:8px;font-weight:700;border:none;color:#080a0f;cursor:pointer;text-align:center;font-size:.9rem}.comp-card-btn:active{transform:scale(.98)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:30px}.feature-icon-wrapper{width:48px;height:48px;border-radius:8px;background-color:#00ffff1a;display:flex;align-items:center;justify-content:center;color:var(--color-cyan);margin-bottom:24px;border:1px solid rgba(0,255,255,.2)}.feature-title{font-size:1.25rem;margin-bottom:12px}.feature-description{font-size:.95rem}.showcase-wrapper{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:60px}.showcase-text h3{font-size:2rem;margin-bottom:20px}.showcase-text ul{list-style:none;margin:30px 0;display:flex;flex-direction:column;gap:16px}.showcase-text li{display:flex;align-items:flex-start;gap:12px}.showcase-text li svg{color:var(--color-cyan);flex-shrink:0;margin-top:4px}.showcase-visual{background-color:var(--bg-card);border:1px solid var(--color-border);border-radius:16px;padding:24px;box-shadow:0 20px 40px -15px #000000b3,0 0 8px #00ffff40;overflow:hidden}.dashboard-mockup{border-radius:8px;overflow:hidden;background-color:#0b0f19;border:1px solid #1f2937;padding:16px;color:var(--color-text-light)}.dash-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #1f2937;padding-bottom:12px;margin-bottom:16px;font-size:.85rem}.dash-menu{display:flex;gap:12px;color:var(--color-text)}.dash-menu span.active{color:var(--color-cyan);font-weight:600}.dash-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.dash-stat{background-color:#111827;border:1px solid #1f2937;border-radius:8px;padding:12px;text-align:center}.stat-label{font-size:.75rem;color:var(--color-text);margin-bottom:4px}.stat-val{font-size:1.15rem;font-weight:700;color:var(--color-text-white);font-family:var(--font-heading)}.dash-table{background-color:#111827;border:1px solid #1f2937;border-radius:8px;padding:12px;font-size:.75rem}.table-header{display:grid;grid-template-columns:1.5fr 1fr 1fr;font-weight:700;border-bottom:1px solid #1f2937;padding-bottom:8px;margin-bottom:8px;color:var(--color-text-white)}.table-row{display:grid;grid-template-columns:1.5fr 1fr 1fr;padding:6px 0;border-bottom:1px dashed rgba(255,255,255,.05)}.comparison-table-wrapper{overflow-x:auto;margin-top:40px}.comparison-table{width:100%;border-collapse:collapse;text-align:left;min-width:700px}.comparison-table th{padding:20px 24px;background-color:#111827;color:var(--color-text-white);font-weight:700;font-family:var(--font-heading);border-bottom:2px solid var(--color-border)}.comparison-table th:last-child{color:var(--color-cyan);border-bottom:2px solid var(--color-cyan-dim);background-color:#00ffff05}.comparison-table td{padding:18px 24px;border-bottom:1px solid var(--color-border);font-size:.95rem}.comparison-table tr:hover td{background-color:#ffffff05}.comparison-table tr td:last-child{color:var(--color-text-white);font-weight:500;background-color:#00ffff03;border-right:1px dashed rgba(0,255,255,.08);border-left:1px dashed rgba(0,255,255,.08)}.pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));max-width:1200px;margin:0 auto;gap:24px}.pricing-card{display:flex;flex-direction:column;justify-content:space-between}.pricing-card.highlight{border-color:var(--color-cyan);box-shadow:var(--shadow-neon);position:relative}.pricing-card.highlight:after{content:"RECOMMENDED";position:absolute;top:-12px;right:24px;background-color:var(--color-cyan);color:var(--bg-obsidian);font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:4px;letter-spacing:.05em}.price-box{margin:24px 0;display:flex;align-items:baseline;gap:8px}.price-num{font-size:2.75rem;font-weight:800;color:var(--color-text-white);font-family:var(--font-heading)}.price-label{font-size:.9rem}.pricing-list{list-style:none;margin-bottom:30px;display:flex;flex-direction:column;gap:12px}.pricing-list li{display:flex;align-items:center;gap:10px;font-size:.9rem}.pricing-list li svg{color:var(--color-cyan);flex-shrink:0}.contact-wrapper{display:grid;grid-template-columns:.95fr 1.05fr;gap:60px;align-items:start}.contact-info h3{font-size:2rem;margin-bottom:16px}.contact-info p{margin-bottom:30px;font-size:1.05rem}.contact-bullets{list-style:none;display:flex;flex-direction:column;gap:20px}.contact-bullets li{display:flex;gap:12px}.contact-bullets li svg{color:var(--color-cyan);flex-shrink:0;margin-top:4px}.form-card{background-color:var(--bg-card);border:1px solid var(--color-border);border-radius:16px;padding:40px;box-shadow:0 10px 30px -10px #00000080;position:relative}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-textarea{resize:vertical;min-height:120px;padding:14px 16px;background-color:#111827cc;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-white);font-family:var(--font-body);font-size:1rem;transition:all var(--transition-speed);width:100%}.form-textarea:focus{outline:none;border-color:var(--color-cyan);box-shadow:0 0 10px #00ffff26}.form-error{color:#ff4d4d;font-size:.75rem;margin-top:4px}.success-message{text-align:center;padding:20px 0;display:flex;flex-direction:column;align-items:center;gap:16px}.success-icon{width:64px;height:64px;border-radius:50%;background-color:#00ffff1a;border:2px solid var(--color-cyan);color:var(--color-cyan);display:flex;align-items:center;justify-content:center}.faq-grid{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.faq-item{border-bottom:1px solid var(--color-border);padding-bottom:16px}.faq-question{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:none;color:var(--color-text-light);font-family:var(--font-heading);font-size:1.15rem;font-weight:600;text-align:left;cursor:pointer;padding:12px 0}.faq-question:hover{color:var(--color-cyan)}.faq-question svg{transition:transform var(--transition-speed);color:var(--color-cyan);flex-shrink:0}.faq-question.open svg{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height var(--transition-speed) ease-out;padding-right:24px}.faq-answer.open{max-height:250px;transition:max-height var(--transition-speed) ease-in}.faq-answer p{padding-top:8px;font-size:.95rem;color:var(--color-text)}.footer{border-top:1px solid var(--color-border);padding:60px 0 30px;background-color:#05070a}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px;margin-bottom:40px}.footer-brand{display:flex;flex-direction:column;gap:16px}.footer-brand h4{font-size:1.35rem;color:var(--color-text-white)}.footer-brand h4 span{color:var(--color-cyan)}.footer-links h5{font-size:.95rem;margin-bottom:20px;color:var(--color-text-white);letter-spacing:.05em;text-transform:uppercase}.footer-links ul{list-style:none;display:flex;flex-direction:column;gap:12px}.footer-links a{color:var(--color-text);font-size:.9rem}.footer-links a:hover{color:var(--color-cyan)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.05);padding-top:30px;font-size:.8rem}.footer-legal-links{display:flex;gap:20px}.footer-legal-links a{color:var(--color-text)}.footer-legal-links a:hover{color:var(--color-cyan)}@media (max-width: 1100px){.navbar{height:auto;flex-direction:column;padding:16px 24px;gap:14px}.nav-links{gap:12px 18px;flex-wrap:wrap;justify-content:center}.nav-actions{flex-wrap:wrap;justify-content:center;gap:10px}.hero-wrapper{grid-template-columns:1fr;text-align:center;gap:40px}.hero-actions{justify-content:center}.preview-grid,.showcase-wrapper,.contact-wrapper{grid-template-columns:1fr;gap:40px}.pricing-cards{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 640px){.section-header h2{font-size:2rem}.hero-text h1{font-size:2.5rem}.form-grid-2{grid-template-columns:1fr}.form-card{padding:24px}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-bottom{flex-direction:column;gap:16px;text-align:center}}#root{position:relative;z-index:1}.power-grid-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-color:transparent}