:root{--accent-primary:#10b981;--accent-secondary:#059669;--accent-glow:rgba(16,185,129,0.25);--accent-blue:#3b82f6;--accent-purple:#8b5cf6;--accent-orange:#f97316;--accent-red:#ef4444;--accent-cyan:#06b6d4;--accent-discord:#5865F2;--font-display:'Outfit',system-ui,sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:28px;--theme-transition:0.35s cubic-bezier(0.4,0,0.2,1)}
[data-theme="dark"]{--bg-base:#09090b;--bg-card:#141418;--bg-card-hover:#1a1a20;--bg-surface:#18181c;--bg-input:#0c0c0f;--bg-overlay:rgba(0,0,0,0.8);--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#52525b;--text-inverse:#09090b;--border-default:#27272a;--border-subtle:#1c1c20;--shadow-sm:0 2px 8px rgba(0,0,0,0.4);--shadow-md:0 8px 24px rgba(0,0,0,0.5);--shadow-lg:0 16px 48px rgba(0,0,0,0.6);--shadow-glow:0 0 60px rgba(16,185,129,0.12);--shadow-accent:0 4px 20px rgba(16,185,129,0.25);--gradient-hero:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(16,185,129,0.12) 0%,transparent 60%);--gradient-card:linear-gradient(145deg,rgba(255,255,255,0.02) 0%,transparent 100%);--noise-opacity:0.03}
[data-theme="light"]{--bg-base:#f8fafc;--bg-card:#ffffff;--bg-card-hover:#f1f5f9;--bg-surface:#f1f5f9;--bg-input:#ffffff;--bg-overlay:rgba(255,255,255,0.92);--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-inverse:#ffffff;--border-default:#e2e8f0;--border-subtle:#f1f5f9;--shadow-sm:0 2px 8px rgba(0,0,0,0.05);--shadow-md:0 8px 24px rgba(0,0,0,0.08);--shadow-lg:0 16px 48px rgba(0,0,0,0.1);--shadow-glow:0 0 60px rgba(16,185,129,0.08);--shadow-accent:0 4px 20px rgba(16,185,129,0.2);--gradient-hero:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(16,185,129,0.08) 0%,transparent 60%);--gradient-card:linear-gradient(145deg,rgba(255,255,255,1) 0%,rgba(248,250,252,1) 100%);--noise-opacity:0.012;--accent-primary:#059669;--accent-glow:rgba(5,150,105,0.2)}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-display);background:var(--bg-base);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:background var(--theme-transition),color var(--theme-transition);-webkit-user-select:none;-moz-user-select:none;user-select:none}
nav{position:fixed;top:0;left:0;right:0;z-index:100}.nav-wrapper{max-width:1320px;margin:1rem auto 0;padding:0 1.5rem}.nav-container{display:flex;justify-content:space-between;align-items:center;padding:0.75rem 0.75rem 0.75rem 1.25rem;background:var(--bg-overlay);backdrop-filter:blur(20px);border:1px solid var(--border-default);border-radius:100px;transition:all var(--theme-transition)}.nav-left{display:flex;align-items:center;gap:2.5rem}.logo{display:flex;align-items:center;gap:0.625rem;text-decoration:none}.logo-mark{position:relative;width:38px;height:38px}.logo-mark-bg{position:absolute;inset:0;background:linear-gradient(135deg,var(--accent-primary),var(--accent-cyan));border-radius:var(--radius-sm);opacity:0.15}.logo-mark-icon{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--accent-primary);font-size:1.125rem}.logo-name{font-size:1.25rem;font-weight:700;color:var(--text-primary);letter-spacing:-0.02em}.nav-links{display:flex;gap:0.25rem}.nav-links a{color:var(--text-secondary);text-decoration:none;font-size:0.875rem;font-weight:500;padding:0.5rem 1rem;border-radius:100px;transition:all 0.2s}.nav-links a:hover{color:var(--text-primary);background:var(--bg-card-hover)}.nav-right{display:flex;gap:0.5rem;align-items:center}
.theme-toggle{position:relative;width:72px;height:36px;border-radius:100px;background:var(--bg-surface);border:1px solid var(--border-default);cursor:pointer;padding:4px;transition:all var(--theme-transition);overflow:hidden}.theme-toggle:hover{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.theme-toggle-track{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:space-between;padding:0 8px}.theme-toggle-icon{font-size:12px;transition:all var(--theme-transition);color:var(--text-muted)}[data-theme="light"] .theme-toggle-icon.sun{color:#f59e0b}[data-theme="dark"] .theme-toggle-icon.moon{color:#a5b4fc}.theme-toggle-slider{position:absolute;width:28px;height:28px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border-default);top:50%;transform:translateY(-50%);left:4px;transition:all var(--theme-transition);box-shadow:var(--shadow-sm)}[data-theme="light"] .theme-toggle-slider{left:calc(100% - 32px);background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:#f59e0b;box-shadow:0 0 16px rgba(251,191,36,0.4)}[data-theme="dark"] .theme-toggle-slider{background:linear-gradient(135deg,#6366f1,#4f46e5);border-color:#4f46e5;box-shadow:0 0 16px rgba(99,102,241,0.3)}
.btn{padding:0.625rem 1.25rem;border-radius:100px;font-weight:600;font-size:0.875rem;text-decoration:none;transition:all 0.2s ease;cursor:pointer;border:none;display:inline-flex;align-items:center;gap:0.5rem}.btn-primary{background:var(--accent-primary);color:var(--text-inverse);font-weight:700}[data-theme="light"] .btn-primary{color:#fff}.btn-primary:hover{background:var(--accent-secondary);transform:translateY(-1px);box-shadow:var(--shadow-accent)}.btn-discord{background:var(--accent-discord);color:#fff;font-weight:600}.btn-discord:hover{background:#4752c4;transform:translateY(-1px)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover{border-color:var(--accent-primary)}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border-default)}.btn-outline:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.btn-lg{padding:0.875rem 1.75rem;font-size:0.9375rem}
.hero{padding:11rem 2rem 6rem;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;background:var(--gradient-hero);pointer-events:none}.hero-container{max-width:1280px;margin:0 auto;text-align:center;position:relative}@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero h1{font-size:clamp(2.75rem,6vw,4.75rem);font-weight:800;line-height:1.05;max-width:950px;margin:0 auto 1.5rem;letter-spacing:-0.03em;animation:fadeUp 0.6s ease-out 0.1s backwards}.hero h1 .gradient{background:linear-gradient(135deg,var(--accent-primary),var(--accent-cyan),var(--accent-primary));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite}@keyframes shimmer{0%{background-position:0% center}100%{background-position:200% center}}.hero-sub{font-size:1.125rem;color:var(--text-secondary);max-width:620px;margin:0 auto 2.5rem;line-height:1.7;animation:fadeUp 0.6s ease-out 0.2s backwards}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:4rem;animation:fadeUp 0.6s ease-out 0.3s backwards}.hero-features{display:flex;justify-content:center;gap:2.5rem;flex-wrap:wrap;animation:fadeUp 0.6s ease-out 0.4s backwards}.hero-feature{display:flex;align-items:center;gap:0.5rem;font-size:0.875rem;color:var(--text-secondary)}.hero-feature i{color:var(--accent-primary)}
.section-container{max-width:1200px;margin:0 auto;position:relative}.section-header{text-align:center;max-width:640px;margin:0 auto 4rem}.section-label{display:inline-flex;align-items:center;gap:0.5rem;font-size:0.75rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--accent-primary);margin-bottom:1rem}.section-title{font-size:clamp(2rem,4vw,2.75rem);font-weight:800;line-height:1.15;margin-bottom:1rem;letter-spacing:-0.02em}.section-desc{font-size:1.0625rem;color:var(--text-secondary)}
.features-section{padding:6rem 2rem;background:var(--bg-surface)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.feature-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:2rem;transition:all 0.3s ease;position:relative;overflow:hidden}.feature-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent-primary),transparent);opacity:0;transition:opacity 0.3s}.feature-card:hover{border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:var(--shadow-md)}.feature-card:hover::before{opacity:1}.feature-card.large{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}.feature-icon{width:48px;height:48px;background:rgba(16,185,129,0.1);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;font-size:1.25rem;color:var(--accent-primary)}.feature-icon.blue{background:rgba(59,130,246,0.1);color:var(--accent-blue)}.feature-icon.purple{background:rgba(139,92,246,0.1);color:var(--accent-purple)}.feature-icon.orange{background:rgba(249,115,22,0.1);color:var(--accent-orange)}.feature-icon.cyan{background:rgba(6,182,212,0.1);color:var(--accent-cyan)}.feature-title{font-size:1.25rem;font-weight:700;margin-bottom:0.5rem}.feature-desc{color:var(--text-secondary);font-size:0.9375rem}.feature-list{list-style:none;margin-top:1.25rem}.feature-list li{display:flex;align-items:center;gap:0.75rem;padding:0.5rem 0;font-size:0.875rem;color:var(--text-secondary)}.feature-list li i{width:20px;height:20px;background:rgba(16,185,129,0.15);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.625rem;color:var(--accent-primary)}.feature-visual{background:var(--bg-surface);border-radius:var(--radius-md);padding:1.25rem;border:1px solid var(--border-default)}.feature-visual-item{display:flex;align-items:center;gap:0.75rem;padding:0.875rem;background:var(--bg-card);border-radius:var(--radius-sm);margin-bottom:0.625rem;font-size:0.875rem;border:1px solid var(--border-subtle)}.feature-visual-item:last-child{margin-bottom:0}.feature-visual-icon{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:white;font-size:0.875rem}.feature-visual-icon.discord{background:#5865F2}.feature-visual-icon.email{background:var(--accent-primary)}
.showcase-section{padding:6rem 2rem;background:var(--bg-base)}.showcase-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.showcase-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden;transition:all 0.3s ease}.showcase-card:hover{border-color:var(--accent-primary);transform:translateY(-8px);box-shadow:var(--shadow-lg)}.showcase-thumbnail{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--bg-surface)}.showcase-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform 0.3s}.showcase-card:hover .showcase-thumbnail img{transform:scale(1.05)}.showcase-thumbnail-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,0.8) 0%,transparent 50%);display:flex;align-items:flex-end;padding:1.5rem}.showcase-logo{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-right:1rem;flex-shrink:0}.showcase-logo.united{background:linear-gradient(135deg,#ef4444,#f97316);color:white}.showcase-logo.states{background:linear-gradient(135deg,#3b82f6,#06b6d4);color:white}.showcase-title-overlay{color:white}.showcase-title-overlay h3{font-size:1.25rem;font-weight:700;margin-bottom:0.25rem}.showcase-title-overlay span{font-size:0.875rem;opacity:0.8}.showcase-content{padding:1.5rem}.showcase-desc{color:var(--text-secondary);font-size:0.9375rem;margin-bottom:1.25rem;line-height:1.6}.showcase-features{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1.25rem}.showcase-feature-tag{display:inline-flex;align-items:center;gap:0.375rem;padding:0.375rem 0.75rem;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:100px;font-size:0.75rem;color:var(--text-secondary)}.showcase-feature-tag i{color:var(--accent-primary);font-size:0.625rem}.showcase-link{display:inline-flex;align-items:center;gap:0.5rem;color:var(--accent-primary);text-decoration:none;font-weight:600;font-size:0.875rem;transition:gap 0.2s}.showcase-link:hover{gap:0.75rem}
.pricing-section{padding:6rem 2rem;background:var(--bg-base)}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}.pricing-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:2rem;display:flex;flex-direction:column;transition:all 0.3s ease;position:relative}.pricing-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.pricing-card.featured{background:var(--gradient-card);border-color:var(--accent-primary);box-shadow:var(--shadow-glow)}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--accent-primary),var(--accent-cyan));color:#fff;font-size:0.6875rem;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;padding:0.375rem 1rem;border-radius:100px}.pricing-name{font-size:1.25rem;font-weight:700;margin-bottom:0.25rem}.pricing-tagline{font-size:0.8125rem;color:var(--text-muted);margin-bottom:1.5rem}.pricing-price{margin-bottom:1.5rem}.pricing-amount{font-size:2.75rem;font-weight:800;line-height:1;letter-spacing:-0.02em}.pricing-currency{font-size:1.25rem;vertical-align:top;color:var(--text-secondary)}.pricing-period{font-size:0.875rem;color:var(--text-muted)}.pricing-features{list-style:none;flex:1;margin-bottom:1.5rem}.pricing-features li{padding:0.625rem 0;font-size:0.875rem;color:var(--text-secondary);display:flex;align-items:center;gap:0.75rem;border-bottom:1px solid var(--border-subtle)}.pricing-features li:last-child{border-bottom:none}.pricing-features li i{color:var(--accent-primary);font-size:0.75rem}.pricing-features li.disabled{color:var(--text-muted)}.pricing-features li.disabled i{color:var(--text-muted)}.pricing-note{text-align:center;font-size:0.8125rem;color:var(--text-muted);margin-top:2rem}
.faq-section{padding:6rem 2rem;background:var(--bg-surface)}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.faq-item{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:1.75rem;transition:all 0.3s ease}.faq-item:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-sm)}.faq-question{font-size:1.0625rem;font-weight:700;margin-bottom:0.75rem}.faq-answer{color:var(--text-secondary);font-size:0.9375rem}.faq-answer a{color:var(--accent-primary)}
.contact-section{padding:6rem 2rem;background:linear-gradient(135deg,rgba(16,185,129,0.1),rgba(6,182,212,0.05))}[data-theme="light"] .contact-section{background:linear-gradient(135deg,rgba(16,185,129,0.08),rgba(6,182,212,0.04))}.contact-container{max-width:600px;margin:0 auto}.contact-card{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:3rem;box-shadow:var(--shadow-lg)}.contact-header{text-align:center;margin-bottom:2rem}.contact-header h2{font-size:2rem;font-weight:800;margin-bottom:0.5rem}.contact-header p{color:var(--text-secondary);font-size:1rem}.contact-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:0.5rem}.form-label{font-size:0.875rem;font-weight:600;color:var(--text-primary)}.form-label .optional{font-weight:400;color:var(--text-muted)}.form-input,.form-select,.form-textarea{padding:0.875rem 1rem;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-input);color:var(--text-primary);font-size:0.9375rem;font-family:var(--font-display);transition:all 0.2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2352525b' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.form-textarea{min-height:120px;resize:vertical}.contact-method-toggle{display:flex;gap:0.5rem;padding:0.25rem;background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-default)}.contact-method-btn{flex:1;padding:0.75rem 1rem;border:none;background:transparent;color:var(--text-secondary);font-size:0.875rem;font-weight:600;font-family:var(--font-display);border-radius:var(--radius-sm);cursor:pointer;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;gap:0.5rem}.contact-method-btn:hover{color:var(--text-primary)}.contact-method-btn.active{background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-sm)}.contact-method-btn.active.discord{color:var(--accent-discord)}.contact-method-btn.active.email{color:var(--accent-primary)}.form-submit{margin-top:0.5rem}.form-submit .btn{width:100%;justify-content:center;padding:1rem;font-size:1rem}.form-note{text-align:center;font-size:0.8125rem;color:var(--text-muted);margin-top:1rem}.form-message{padding:1rem;border-radius:var(--radius-md);margin-bottom:1rem;text-align:center;font-weight:500}.form-message.success{background:rgba(16,185,129,0.15);color:var(--accent-primary);border:1px solid var(--accent-primary)}.form-message.error{background:rgba(239,68,68,0.15);color:var(--accent-red);border:1px solid var(--accent-red)}.honeypot{position:absolute;left:-9999px}.captcha-group{display:flex;align-items:center;gap:1rem}.captcha-question{background:var(--bg-surface);padding:0.75rem 1rem;border-radius:var(--radius-md);font-family:monospace;font-size:0.875rem;color:var(--text-secondary);border:1px solid var(--border-default);white-space:nowrap}.captcha-input{flex:1}
footer{background:var(--bg-surface);border-top:1px solid var(--border-default);padding:4rem 2rem 2rem}.footer-container{max-width:1200px;margin:0 auto}.footer-top{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:3rem;padding-bottom:3rem;border-bottom:1px solid var(--border-default)}.footer-brand{display:flex;flex-direction:column;gap:1rem}.footer-brand .logo{display:inline-flex;width:fit-content}.footer-brand p{color:var(--text-muted);font-size:0.875rem;max-width:280px}.footer-column h4{font-size:0.875rem;font-weight:700;margin-bottom:1.25rem}.footer-column ul{list-style:none}.footer-column li{margin-bottom:0.75rem}.footer-column a{color:var(--text-muted);text-decoration:none;font-size:0.875rem;transition:color 0.2s}.footer-column a:hover{color:var(--accent-primary)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem}.footer-copy{font-size:0.8125rem;color:var(--text-muted)}.footer-legal{display:flex;gap:2rem}.footer-legal a{color:var(--text-muted);text-decoration:none;font-size:0.8125rem;transition:color 0.2s}.footer-legal a:hover{color:var(--text-primary)}
.page-section{padding:10rem 2rem 6rem;min-height:100vh}.page-container{max-width:900px;margin:0 auto}.page-title{font-size:2.5rem;font-weight:800;margin-bottom:1rem}.page-subtitle{color:var(--text-secondary);font-size:1.125rem;margin-bottom:3rem}.page-content{background:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:3rem}.page-content h2{font-size:1.5rem;font-weight:700;margin:2rem 0 1rem;color:var(--text-primary)}.page-content h2:first-child{margin-top:0}.page-content h3{font-size:1.125rem;font-weight:600;margin:1.5rem 0 0.75rem}.page-content p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.7}.page-content ul,.page-content ol{color:var(--text-secondary);margin:1rem 0;padding-left:1.5rem}.page-content li{margin-bottom:0.5rem}.page-content a{color:var(--accent-primary)}.page-content code{background:var(--bg-surface);padding:0.25rem 0.5rem;border-radius:4px;font-family:monospace;font-size:0.875rem}.page-content pre{background:var(--bg-surface);padding:1.5rem;border-radius:var(--radius-md);overflow-x:auto;margin:1rem 0}.page-content pre code{background:none;padding:0}
@media (max-width:1024px){.features-grid{grid-template-columns:1fr}.feature-card.large{grid-column:span 1;grid-template-columns:1fr}.pricing-grid{grid-template-columns:repeat(2,1fr)}.showcase-grid{grid-template-columns:1fr}}
@media (max-width:768px){.nav-links{display:none}.pricing-grid{grid-template-columns:1fr}.faq-grid{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr;gap:2rem}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}.contact-card{padding:2rem 1.5rem}.captcha-group{flex-direction:column;align-items:stretch}.page-content{padding:2rem}}