*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background-color:#111;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}html{scroll-behavior:smooth}.landing-page{background:radial-gradient(circle,#00e5ff3c 0%,#0000 50%);flex-direction:column;justify-content:flex-start;align-items:center;width:100%;min-height:calc(100vh - 100px);display:flex}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:0;width:100%;max-width:800px;margin:0 auto;padding:250px 20px;display:flex}.hero-text{flex-direction:column;align-items:center;display:flex}.hero-text h1{color:#fff;margin-bottom:24px;font-size:56px;font-weight:700;line-height:1.15}.hero-text p{color:#a3a3a3;max-width:600px;margin-bottom:40px;font-size:18px;line-height:1.6}.hero-buttons{justify-content:center;align-items:center;gap:20px;display:flex}.get-early-access{color:#000;cursor:pointer;background-color:#00e5ff;border:none;border-radius:8px;padding:16px 32px;font-size:16px;font-weight:700;transition:all .3s;animation:2.5s infinite alternate buttonGlowPulse;box-shadow:0 0 30px #00e5ff66}.get-early-access:hover{transform:translateY(-2px);box-shadow:0 0 40px #00e5ff99}.watch-demo{color:#fff;cursor:pointer;background-color:#0000;border:none;padding:16px 32px;font-size:16px;font-weight:700;transition:opacity .3s}.watch-demo:hover{opacity:.8}.stats-bar{background:#0a0a0a4d;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;border-radius:16px;justify-content:center;gap:120px;width:100%;max-width:1000px;margin:0 auto 80px;padding:40px 20px;display:flex}.stat-item{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.stat-item h3{color:#00e5ff;text-shadow:0 0 20px #00e5ff66;margin:0;font-size:48px;font-weight:800}.stat-item p{color:#a3a3a3;max-width:160px;margin:0;font-size:16px;font-weight:500}@media (width<=768px){.stats-bar{flex-direction:column;gap:40px;padding:40px 20px}}.features-section{flex-direction:column;gap:40px;width:100%;max-width:1200px;margin:0 auto;padding:60px 10px 100px;display:flex}.features-header{flex-direction:column;gap:12px;display:flex}.features-header .subtitle{color:#8c8c8c;letter-spacing:1.5px;text-transform:uppercase;font-size:12px;font-weight:600}.features-header h2{color:#fff;font-size:42px;font-weight:700;line-height:1.2}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (width<=768px){.features-grid{grid-template-columns:1fr}}.feature-card{background:#1e1e1e99;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;gap:20px;padding:40px;transition:transform .3s,box-shadow .3s;display:flex}.feature-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #00000080}.highlight-card{border-right:1px solid #00e5ff4d;box-shadow:inset 20px 0 60px -20px #00e5ff1a}.feature-icon{background:#ffffff0d;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.feature-card h3{color:#fff;margin-top:10px;font-size:24px;font-weight:700}.feature-card p{color:#a3a3a3;font-size:16px;line-height:1.6}.pricing-section{flex-direction:column;align-items:center;gap:60px;width:100%;max-width:1200px;margin:0 auto;padding:100px 10px;display:flex}.pricing-header{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.pricing-header .subtitle{color:#8c8c8c;letter-spacing:1.5px;text-transform:uppercase;font-size:12px;font-weight:600}.pricing-header h2{color:#fff;font-size:42px;font-weight:700;line-height:1.2}.pricing-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:30px;width:100%;display:grid}.pricing-card{background:#111;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;gap:20px;padding:40px;transition:transform .3s;display:flex;position:relative}.pricing-card:hover{transform:translateY(-4px)}.pricing-card.pro{background:#2a2a2a;border-width:2px 1px 1px;border-color:#00e5ff #ffffff0d #ffffff0d;animation:3s infinite alternate borderPulse}.popular-badge{color:#000;text-transform:uppercase;letter-spacing:.5px;background:#00e5ff;border-radius:20px;padding:6px 16px;font-size:10px;font-weight:800;position:absolute;top:-12px;right:30px}.pricing-info{flex-direction:column;gap:8px;height:60px;display:flex}.pricing-info h3{color:#fff;font-size:24px;font-weight:700}.pricing-info p{color:#8c8c8c;font-size:14px}.pricing-price{color:#fff;align-items:baseline;gap:4px;margin-bottom:20px;font-size:56px;font-weight:700;display:flex}.pricing-price span{color:#8c8c8c;font-size:16px;font-weight:400}.pricing-features{flex-direction:column;flex-grow:1;gap:20px;margin:0;padding:0;list-style:none;display:flex}.pricing-features li{color:#d4d4d4;align-items:center;gap:12px;font-size:15px;display:flex}.pricing-features li svg{stroke:#fff;flex-shrink:0}.pricing-btn{color:#fff;cursor:pointer;text-align:center;background:0 0;border:1px solid #ffffff1a;border-radius:8px;width:100%;margin-top:20px;padding:16px;font-size:16px;font-weight:700;transition:background .3s,border-color .3s}.pricing-btn:hover{background:#ffffff0d;border-color:#fff3}.pricing-card.pro .pricing-btn{color:#00e5ff;border:none}.pricing-card.pro .pricing-btn:hover{opacity:.8;background:0 0}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:#0d0d0d;border:1px solid #00e5ff26;border-radius:16px;flex-direction:column;gap:16px;width:90%;max-width:420px;padding:48px 40px;display:flex;position:relative}.modal-close{color:#fff6;cursor:pointer;background:0 0;border:none;font-size:18px;position:absolute;top:16px;right:20px}.modal-close:hover{color:#fff}.modal-box h2{color:#fff;margin:0;font-size:24px;font-weight:700}.modal-subtitle{color:#fff6;margin:0;font-size:14px}.modal-input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:14px 16px;font-size:14px}.modal-input:focus{border-color:#00e5ff80}.modal-input::placeholder{color:#ffffff4d}.password-input-container{width:100%;display:flex;position:relative}.password-input-container .modal-input{width:100%;padding-right:40px}.eye-icon{cursor:pointer;-webkit-user-select:none;user-select:none;opacity:.7;font-size:16px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.eye-icon:hover{opacity:1}.modal-submit{color:#000;cursor:pointer;background:#00e5ff;border:none;border-radius:8px;margin-top:4px;padding:14px;font-size:15px;font-weight:700}.modal-submit:hover{opacity:.85}.modal-toggle{text-align:center;color:#fff6;margin:0;font-size:14px}.modal-toggle span{color:#00e5ff;cursor:pointer;font-weight:600}.login-btn{cursor:pointer}.faq-section{flex-direction:column;align-items:center;gap:40px;width:100%;max-width:800px;margin:0 auto;padding:100px 20px;display:flex}.faq-header{text-align:center;flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.faq-header .subtitle{color:#00e5ff;letter-spacing:3px;text-transform:uppercase;font-size:12px;font-weight:700}.faq-header h2{color:#fff;font-size:42px;font-weight:700;line-height:1.2}.faq-header p{color:#8c8c8c;font-size:16px}.faq-list{border-top:1px solid #ffffff0d;flex-direction:column;width:100%;display:flex}.faq-item{cursor:pointer;border-bottom:1px solid #ffffff0d;padding:24px 0;transition:all .3s}.faq-question{color:#fff;justify-content:space-between;align-items:center;font-size:18px;font-weight:600;display:flex}.faq-toggle{color:#00e5ff;border:1px solid #00e5ff4d;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:16px;font-weight:300;transition:all .3s;display:flex}.faq-item:hover .faq-toggle{background:#00e5ff1a;border-color:#00e5ff}.faq-answer{color:#a3a3a3;padding-top:16px;padding-right:40px;font-size:16px;line-height:1.6}.faq-contact{text-align:center;background:#0d0d0d;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;align-items:center;gap:16px;width:100%;margin-top:20px;padding:40px;display:flex}.faq-contact h3{color:#fff;font-size:24px;font-weight:700}.faq-contact p{color:#8c8c8c;font-size:16px}.contact-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:6px;margin-top:10px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .3s}.contact-btn:hover{background:#ffffff1a}.site-footer{background-color:#0d0d0f;border-top:1px solid #ffffff0d;flex-direction:column;align-items:center;width:100%;margin-top:80px;padding:80px 20px 30px;display:flex}.footer-content{flex-wrap:wrap;justify-content:space-between;gap:40px;width:100%;max-width:1000px;margin-bottom:80px;display:flex}.footer-brand{flex-direction:column;max-width:380px;display:flex}.footer-logo{letter-spacing:1px;margin-bottom:24px;font-family:Arial Black,sans-serif;font-size:28px;font-weight:900}.footer-logo .logo-white{color:#fff}.footer-logo .logo-blue{color:#00e5ff}.footer-description{color:#888;margin-bottom:30px;font-size:15px;line-height:1.7}.social-icons{gap:16px;display:flex}.social-link{color:#aaa;background:0 0;border:1px solid #2a2a2a;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex}.social-link:hover{color:#fff;background:#1a1a1c;border-color:#555}.footer-links{gap:100px;display:flex}.link-column h4{color:#666;letter-spacing:2px;text-transform:uppercase;margin-bottom:24px;font-size:13px;font-weight:700}.link-column ul{flex-direction:column;gap:18px;margin:0;padding:0;list-style:none;display:flex}.link-column a{color:#999;font-size:15px;text-decoration:none;transition:color .2s}.link-column a:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;width:100%;max-width:1000px;padding-top:30px;display:flex}.footer-bottom p{color:#666;margin:0;font-size:14px}.cyan-text{color:#00e5ff}.ng-badge{text-transform:uppercase;letter-spacing:1px;opacity:.8;font-size:10px}@media (width<=768px){.footer-content{flex-direction:column;gap:60px}.footer-links{flex-direction:column;gap:40px}.footer-bottom{text-align:center;flex-direction:column;gap:16px}}#particle-canvas{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}@keyframes buttonGlowPulse{0%{box-shadow:0 0 20px #00e5ff4d}to{transform:scale(1.02);box-shadow:0 0 50px #00e5ffcc,inset 0 0 10px #00e5ff80}}@keyframes borderPulse{0%{border-top-color:#00e5ff80;box-shadow:0 0 10px #00e5ff00}to{border-top-color:#00e5ff;box-shadow:0 -10px 40px #00e5ff33}}.animate-on-scroll{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out;transform:translateY(40px)}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.section-divider{background:linear-gradient(90deg,#0000,#00e5ff80,#0000);border:none;width:100%;max-width:1200px;height:1px;margin:0 auto;transition:transform 1.5s cubic-bezier(.22,1,.36,1);transform:scaleX(0)}.section-divider.visible{transform:scaleX(1)}.typewriter-cursor{vertical-align:text-bottom;background-color:#00e5ff;width:4px;height:1em;margin-left:4px;animation:.8s step-end infinite blinkCursor;display:inline-block}@keyframes blinkCursor{0%,to{opacity:1}50%{opacity:0}}@keyframes levitate{0%{transform:translate(0)}25%{transform:translate(-2px,-6px)}50%{transform:translate(2px,-2px)}75%{transform:translate(-1px,4px)}to{transform:translate(0)}}.levitate{animation:8s ease-in-out infinite levitate}.delay-1{animation-delay:0s}.delay-2{animation-delay:-2s}.delay-3{animation-delay:-4s}@media (width<=768px){.hero{padding:160px 20px 80px}.hero-text h1{font-size:36px}.hero-text p{font-size:16px}.hero-buttons{flex-direction:column;gap:16px;width:100%}.get-early-access,.watch-demo{width:100%}.pricing-grid{grid-template-columns:1fr}.pricing-section,.features-section,.faq-section{padding:60px 10px}.features-header h2,.pricing-header h2,.faq-header h2{font-size:32px}}.nav-container{-webkit-backdrop-filter:blur(12px);box-sizing:border-box;z-index:999;background-color:#0006;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;width:100%;height:100px;padding:0 40px;transition:background-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;display:flex;position:fixed;top:0;left:0}.atsync-title{align-items:center;gap:10px;text-decoration:none;display:flex}.atsync-title h1{color:#fff;letter-spacing:2px;margin:0;font-size:26px;font-weight:800;transition:color .3s,text-shadow .3s}.atsync-title:hover h1{color:#00e5ff;text-shadow:0 0 15px #00e5ff80}.nav-menu{color:#ffffff78;gap:50px;list-style:none;display:flex}.nav-menu a{color:#ffffff78;text-decoration:none}.nav-menu a:hover{color:#00e5ffe6;text-underline-offset:10px;text-decoration:underline;transition:all .3s ease-in}.nav-right{align-items:center;gap:40px;display:flex}.get-started{color:#00e5ff;cursor:pointer;background-color:#0000;border:none;font-size:15px}.hamburger-btn{color:#fff;cursor:pointer;background:0 0;border:none;padding:0;font-size:24px;display:none}@media (width<=768px){.nav-container{padding:0 20px}.nav-right{gap:20px}.hamburger-btn{display:block}.nav-menu{-webkit-backdrop-filter:blur(15px);clip-path:polygon(0 0,100% 0,100% 0,0 0);box-sizing:border-box;background-color:#0a0a0af2;border-bottom:1px solid #ffffff0d;flex-direction:column;align-items:center;gap:30px;width:100%;margin:0;padding:40px 0;transition:clip-path .4s ease-in-out;position:absolute;top:100px;left:0}.nav-menu.mobile-open{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}.onboard-container{color:#fff;background-color:#0b0b0d;flex-direction:column;align-items:center;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex}.onboard-header{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;max-width:800px;padding:24px 20px;display:flex}.logo{letter-spacing:.5px;flex:1;font-size:20px;font-weight:800}.logo-white{color:#fff}.logo-blue{color:#00d2ff}.progress-container{flex:1;justify-content:center;display:flex}.progress-bar{gap:6px;display:flex}.progress-step{background-color:#2a2a2c;border-radius:2px;width:24px;height:3px}.progress-step.completed{background-color:#0087a3}.progress-step.active{background-color:#00d2ff}.step-text{text-align:right;color:#666;flex:1;font-size:13px}.onboard-main{box-sizing:border-box;width:100%;max-width:600px;padding:20px 20px 60px}.progress-line-container{background-color:#1a1a1c;border-radius:1px;width:100%;height:2px;margin-bottom:30px;overflow:hidden}.progress-line{background-color:#00d2ff;width:33.33%;height:100%}.section-title{color:#00d2ff;letter-spacing:1.5px;margin-bottom:12px;font-size:11px;font-weight:700}.page-heading{margin-top:0;margin-bottom:12px;font-size:28px;font-weight:700}.page-subheading{color:#888;margin-bottom:40px;font-size:14px;line-height:1.5}.form-section{margin-bottom:40px}.section-heading{color:#00d2ff;letter-spacing:1.5px;text-transform:uppercase;border-bottom:1px solid #1a1a1c;margin-bottom:24px;padding-bottom:12px;font-size:11px;font-weight:700}.form-group{flex-direction:column;margin-bottom:24px;display:flex}.form-row.two-col{gap:20px;display:flex}.form-row.two-col .form-group{flex:1}label{color:#eee;margin-bottom:8px;font-size:13px}.required{color:#00d2ff}input[type=text],textarea,select{color:#fff;box-sizing:border-box;background-color:#262626;border:1px solid #333;border-radius:6px;outline:none;width:100%;padding:14px 16px;font-family:inherit;font-size:14px;transition:border-color .2s}input[type=text]::placeholder,textarea::placeholder{color:#999}input[type=text]:focus,textarea:focus,select:focus{border-color:#555}textarea{resize:vertical;min-height:80px;line-height:1.5}.select-wrapper{width:100%;position:relative}.select-wrapper:after{content:"▼";color:#888;pointer-events:none;font-size:10px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}select{appearance:none;cursor:pointer;padding-right:40px}select:invalid,select option[value=""]{color:#999}.help-text{color:#666;margin-top:8px;font-size:12px;font-style:italic}.pills-container{flex-wrap:wrap;gap:12px;display:flex}.pill{color:#bbb;cursor:pointer;background-color:#0000;border:1px solid #333;border-radius:20px;padding:8px 16px;font-family:inherit;font-size:13px;transition:all .2s}.pill:hover{color:#fff;border-color:#555}.pill.active{color:#00d2ff;border-color:#00d2ff}.pill.add-custom{border-style:dashed}.tone-cards{gap:16px;display:flex}.tone-card{cursor:pointer;background-color:#1a1a1c;border:1px solid #2a2a2c;border-radius:8px;flex-direction:column;flex:1;align-items:center;padding:24px 12px;transition:all .2s;display:flex}.tone-card:hover{border-color:#444}.tone-card.active{border-color:#00d2ff}.tone-card.active .tone-label{color:#00d2ff}.tone-icon{margin-bottom:12px;font-size:28px}.tone-label{color:#aaa;text-align:center;font-size:12px}.onboard-footer{box-sizing:border-box;border-top:1px solid #1a1a1c;justify-content:space-between;align-items:center;width:100%;max-width:600px;margin-top:20px;padding:30px 20px;display:flex}.btn-back{color:#fff;cursor:pointer;background:0 0;border:1px solid #333;border-radius:6px;padding:10px 24px;font-family:inherit;font-size:14px;transition:background .2s,border-color .2s}.btn-back:hover{background:#1a1a1c;border-color:#555}.auto-save{color:#555;font-size:12px}.btn-continue{color:#000;cursor:pointer;background:#fff;border:none;border-radius:6px;padding:10px 24px;font-family:inherit;font-size:14px;font-weight:600;transition:background .2s}.btn-continue:hover{background:#e6e6e6}@media (width<=600px){.form-row.two-col{flex-direction:column;gap:0}.tone-cards{flex-direction:column}}.summary-group{margin-bottom:32px}.summary-item{margin-bottom:16px}.summary-label{color:#888;margin-bottom:4px;font-size:11px}.summary-value{color:#fff;white-space:pre-wrap;font-size:14px;line-height:1.4}.summary-empty{color:#666;font-style:italic}:root{--bg-color:#0a0a0a;--primary:#00e5ff;--text-primary:#fff;--text-secondary:#fff9;--card-bg:#ffffff14;--card-blur:12px;--transition:.3s ease}.dashboard-page{min-height:100vh;color:var(--text-primary);background:linear-gradient(135deg,#0a0a0a 0%,#151515 100%);flex-direction:column;align-items:center;padding-top:100px;font-family:Inter,sans-serif;display:flex}.dashboard-header{text-align:center;margin-bottom:60px}.dashboard-header h1{color:var(--primary);text-shadow:0 0 20px #00e5ff80;margin:0;font-size:3rem}.dashboard-header p{color:var(--text-secondary);margin-top:10px;font-size:1.2rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;width:90%;max-width:1200px;margin-bottom:80px;display:grid}.stat-card{background:var(--card-bg);-webkit-backdrop-filter:blur(var(--card-blur));text-align:center;transition:var(--transition);border-radius:16px;padding:30px 20px;box-shadow:0 8px 32px #0003}.stat-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #0000004d}.stat-card h3{color:var(--primary);flex-direction:column;align-items:center;margin:0;font-size:2.4rem;display:flex}.stat-label{color:var(--text-secondary);margin-top:6px;font-size:.9rem}.chart-section{background:var(--card-bg);width:90%;max-width:1000px;-webkit-backdrop-filter:blur(var(--card-blur));border-radius:16px;padding:30px;box-shadow:0 8px 32px #0003}.chart-section h2{color:var(--primary);text-align:center;margin-bottom:20px}.bar-chart{justify-content:space-around;align-items:flex-end;gap:12px;height:250px;display:flex}.bar{--value:0;background:linear-gradient(#00e5ffcc,#00e5ff4d);border-radius:6px 6px 0 0;width:40px;animation:1.5s ease-out forwards rise;position:relative}@keyframes rise{0%{height:0}to{height:calc(var(--value) * 2px)}}.bar-label{color:var(--text-secondary);font-size:.85rem;position:absolute;bottom:-24px;left:50%;transform:translate(-50%)}.bar-value{color:var(--primary);font-size:.9rem;position:absolute;top:-24px;left:50%;transform:translate(-50%)}@media (width<=768px){.dashboard-header h1{font-size:2.2rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.bar-chart{height:180px}}