*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#111111;--bg2:#1a1a1a;--s:#1e1e1e;--s2:#2a2a2a;--t:#FAFAFA;--t2:#d9d0c3;--t3:#a09888;--p:#009ecc;--p2:#00c2ff;--acc:#009ecc;--g:#10b981;--r:#ef4444;--b:#3b82f6;--y:#eab308;--rad:16px;--f:'Onest',system-ui,sans-serif;--fh:'Onest',system-ui,sans-serif;--fm:'Onest',monospace}body{font-family:var(--f);background:#0A0A0B;color:var(--t);line-height:1.7;overflow-x:hidden;min-height:100vh;position:relative}#page-landing{background:#0A0A0B;position:relative;overflow:hidden}#page-landing::before{content:'';position:absolute;inset:0;background:rgba(10,10,11,.85);pointer-events:none;z-index:0}#page-login,#page-register{background:#0A0A0B}#page-dashboard{background:#111111}.user-logged-in #page-landing{display:none!important}html{scroll-behavior:smooth}.hidden{display:none!important}.page{min-height:100vh;position:relative}.page:not(.hidden){animation:pageFadeIn .4s ease forwards}@keyframes pageFadeIn{from{opacity:0}to{opacity:1}}a{color:var(--p2);text-decoration:none}#particles{display:none}.btn-accent{background:var(--p);color:#fff;border:none;padding:12px 28px;border-radius:8px;font-weight:600;cursor:pointer;font-size:.85rem;transition:all .3s;font-family:var(--f);box-shadow:0 4px 20px rgba(0,158,204,.25)}.btn-accent:hover{background:#00c2ff;box-shadow:0 8px 36px rgba(0,158,204,.4);transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--t);border:1px solid rgba(255,255,255,.15);padding:12px 28px;border-radius:8px;cursor:pointer;font-size:.85rem;transition:all .3s;font-family:var(--f)}.btn-ghost:hover{border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.05);transform:translateY(-2px)}.btn-xl{padding:16px 40px;font-size:.9rem}.btn-sm{padding:8px 18px;font-size:.78rem}.btn-full{width:100%}.pulse-glow{animation:pulseGlow 3s ease-in-out infinite}@keyframes pulseGlow{0%,100%{box-shadow:0 4px 20px rgba(0,158,204,.25)}50%{box-shadow:0 6px 40px rgba(0,158,204,.5)}}.nav{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:14px 48px;z-index:100;background:rgba(17,17,17,.85);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06)}.logo{display:flex;align-items:center;gap:8px}.logo span{font-family:var(--fh);font-size:1.05rem;font-weight:700;color:var(--p);border:1.5px solid var(--p);padding:6px 16px;border-radius:8px;letter-spacing:1px;background:rgba(0,158,204,.08);box-shadow:0 0 16px rgba(0,158,204,.1);transition:all .3s}.logo span:hover{background:rgba(0,158,204,.15);box-shadow:0 0 24px rgba(0,158,204,.2)}.nav-center{display:flex;gap:6px}.nav-center a{color:var(--t3);font-size:.85rem;padding:12px 16px;border-radius:8px;transition:.2s;min-height:44px;display:inline-flex;align-items:center}.nav-center a:hover,.nav-center a.active{color:var(--t);background:rgba(255,255,255,.06)}.nav-right{display:flex;gap:10px;align-items:center}.nav-right .btn-ghost{color:var(--p);border:1.5px solid var(--p);padding:6px 16px;border-radius:8px;font-size:.78rem;font-weight:600;letter-spacing:.5px;background:rgba(0,158,204,.08);box-shadow:0 0 16px rgba(0,158,204,.1);transition:all .3s;font-family:var(--f)}.nav-right .btn-ghost:hover{background:rgba(0,158,204,.15);box-shadow:0 0 24px rgba(0,158,204,.2);transform:none}.nav-right .btn-accent{color:var(--p);border:1.5px solid var(--p);padding:6px 16px;border-radius:8px;font-size:.78rem;font-weight:600;letter-spacing:.5px;background:rgba(0,158,204,.08);box-shadow:0 0 16px rgba(0,158,204,.1);transition:all .3s;font-family:var(--f)}.nav-right .btn-accent:hover{background:rgba(0,158,204,.15);box-shadow:0 0 24px rgba(0,158,204,.2);transform:none}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:900px;margin:0 auto;padding:180px 24px 100px;position:relative;z-index:1}.hero::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:500px;background:radial-gradient(ellipse,rgba(0,158,204,.08),transparent 70%);pointer-events:none}.hero-left{display:flex;flex-direction:column;align-items:center;width:100%}.hero-eyebrow{display:inline-block;color:var(--p);font-size:.72rem;font-weight:500;margin-bottom:20px;letter-spacing:2px;text-transform:uppercase;font-family:var(--fm)}.hero h1{font-size:3.8rem;font-weight:800;line-height:1.15;margin-bottom:24px;font-family:var(--fh);text-align:center;letter-spacing:-0.5px}.glow-text{color:var(--p);filter:drop-shadow(0 0 20px rgba(0,158,204,.3));font-style:italic}.hero-desc{font-size:1.1rem;color:var(--t2);max-width:600px;margin:0 0 36px;line-height:1.8;font-weight:300;text-align:center}.hero-btns{display:flex;gap:16px;justify-content:center}.section{padding:100px 48px;max-width:1200px;margin:0 auto;position:relative;z-index:1;text-align:center}.section.narrow{max-width:700px}.section-tag{display:inline-block;font-size:.75rem;font-weight:600;color:var(--p);margin-bottom:14px;letter-spacing:2px;text-transform:uppercase;font-family:var(--fm)}.section-h{font-size:2.4rem;font-weight:700;margin-bottom:20px;font-family:var(--fh);letter-spacing:-0.3px}.section-p{color:var(--t2);margin-bottom:48px;font-size:1.05rem;line-height:1.8;max-width:640px;margin-left:auto;margin-right:auto}.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}.feat-card{background:rgba(26,26,28,0.45);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.05);border-radius:var(--rad);padding:32px 24px;text-align:center;transition:all .4s cubic-bezier(0.16,1,0.3,1);box-shadow:0 10px 30px rgba(0,0,0,0.15),inset 0 1px 0 rgba(255,255,255,0.05)}.feat-card:hover{transform:translateY(-8px);border-color:rgba(0,158,204,0.45);background:rgba(26,26,28,0.65);box-shadow:0 20px 48px rgba(0,158,204,0.12),inset 0 1px 0 rgba(0,158,204,0.2)}.feat-icon{width:48px;height:48px;border-radius:12px;background:rgba(0,158,204,.08);border:1px solid rgba(0,158,204,.15);color:var(--p);font-family:var(--fm);font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;transition:all .4s}.feat-card:hover .feat-icon{background:rgba(0,158,204,.2);border-color:var(--p);box-shadow:0 0 20px rgba(0,158,204,.2);transform:scale(1.1)}.feat-card h4{font-size:1rem;margin-bottom:8px;transition:color .3s}.feat-card:hover h4{color:var(--p)}.feat-card p{font-size:.88rem;color:var(--t2);line-height:1.7;transition:color .3s}.feat-card:hover p{color:var(--t)}.steps-row{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:48px;flex-wrap:wrap}.step-card{flex:1;background:rgba(26,26,28,0.45);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.05);border-radius:var(--rad);padding:32px 24px;text-align:center;max-width:320px;transition:all .4s cubic-bezier(0.16,1,0.3,1);box-shadow:0 10px 30px rgba(0,0,0,0.15),inset 0 1px 0 rgba(255,255,255,0.05)}.steps-4 .step-card{max-width:240px;padding:28px 20px}.step-card:hover{transform:translateY(-6px);border-color:rgba(0,158,204,0.45);background:rgba(26,26,28,0.65);box-shadow:0 16px 40px rgba(0,158,204,0.12),inset 0 1px 0 rgba(0,158,204,0.2)}.step-num{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--p),#092c3e);color:#fff;font-size:1.2rem;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;box-shadow:0 0 30px rgba(0,158,204,.3)}.step-card h4{font-size:1rem;margin-bottom:8px}.step-card p{font-size:.85rem;color:var(--t2);line-height:1.6}.step-arrow{color:var(--p);font-size:1.5rem;opacity:.5;align-self:center}.timeline{max-width:700px;margin:48px auto 0;position:relative}.timeline-step{display:flex;gap:24px;margin-bottom:0;position:relative;padding-bottom:48px}.timeline-step:last-child{padding-bottom:0}.timeline-step:last-child .timeline-line{display:none}.timeline-left{flex-shrink:0;width:72px;display:flex;justify-content:center;position:relative;z-index:2}.timeline-num{width:72px;height:72px;border-radius:50%;background:var(--s);border:2px solid rgba(0,158,204,.3);color:var(--p);font-size:1.4rem;font-weight:800;display:flex;align-items:center;justify-content:center;font-family:var(--fh);transition:all .4s}.timeline-step:hover .timeline-num{background:linear-gradient(135deg,var(--p),#092c3e);color:#fff;border-color:var(--p);box-shadow:0 0 40px rgba(0,158,204,.3);transform:scale(1.08)}.timeline-line{position:absolute;left:36px;top:72px;bottom:0;width:2px;background:linear-gradient(180deg,rgba(0,158,204,.3),rgba(0,158,204,.05));z-index:1}.timeline-content{flex:1;padding-top:8px}.timeline-badge{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--p);background:rgba(0,158,204,.08);padding:4px 12px;border-radius:50px;margin-bottom:12px}.timeline-content h3{font-size:1.25rem;font-weight:700;margin-bottom:10px;font-family:var(--fh);color:var(--t);transition:color .3s}.timeline-step:hover .timeline-content h3{color:var(--p)}.timeline-content p{font-size:.9rem;color:var(--t2);line-height:1.8;margin-bottom:14px}.timeline-content p strong{color:var(--t)}.timeline-note{font-size:.8rem;color:var(--t3);padding:12px 16px;background:rgba(0,158,204,.04);border-left:2px solid rgba(0,158,204,.2);border-radius:0 8px 8px 0;line-height:1.5}@media(max-width:600px){.timeline-left{width:52px}.timeline-num{width:52px;height:52px;font-size:1.1rem}.timeline-line{left:26px;top:52px}}.dash-preview-section{max-width:1100px}.dash-mock{background:var(--bg2);border:1px solid var(--s2);border-radius:var(--rad);overflow:hidden;box-shadow:0 20px 80px rgba(0,0,0,.5),0 0 60px rgba(0,158,204,.05)}.dm-bar{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;background:rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.06)}.dm-title{font-weight:600;font-size:.9rem}.dm-date{font-size:.75rem;color:var(--t3)}.dm-body{display:flex;min-height:240px}.dm-sidebar{width:170px;border-right:1px solid rgba(255,255,255,.06);padding:14px 10px;display:flex;flex-direction:column;gap:4px}.dm-nav-item{padding:8px 14px;border-radius:8px;font-size:.8rem;color:var(--t3);cursor:default}.dm-nav-item.active{background:rgba(0,158,204,.1);color:var(--p)}.dm-main{flex:1;padding:20px 24px}.dm-main h4{font-size:1rem;margin-bottom:4px}.dm-main>p{font-size:.82rem;color:var(--t2);margin-bottom:18px}.dm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.dm-stat{background:var(--s);border:1px solid var(--s2);border-radius:12px;padding:14px;text-align:center}.dm-stat-num{display:block;font-size:1.5rem;font-weight:800;color:var(--p);margin-bottom:4px}.dm-stat span{font-size:.75rem;color:var(--t3);text-transform:uppercase;letter-spacing:.5px}.testi-av-img{width:40px;height:40px;border-radius:50%;flex-shrink:0;background:var(--p);object-fit:cover}.dm-av{width:32px;height:32px;border-radius:50%;flex-shrink:0;background:var(--s2);color:var(--p);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;border:1px solid var(--p)}.testi-av{width:40px;height:40px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--p),#092c3e);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700}.dm-inbox-list{margin-top:16px;display:flex;flex-direction:column;gap:8px}.dm-inbox-item{display:flex;align-items:center;gap:10px;background:var(--s);border:1px solid var(--s2);border-radius:10px;padding:10px 14px}.dm-inbox-item img{width:32px;height:32px;border-radius:50%;flex-shrink:0}.dm-inbox-item div{flex:1;min-width:0}.dm-inbox-item strong{font-size:.78rem;margin-right:6px}.dm-inbox-item small{font-size:.75rem;color:var(--t3)}.dm-inbox-item p{font-size:.72rem;color:var(--t2);margin:2px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-tag{font-size:.7rem;font-weight:700;padding:4px 12px;border-radius:50px;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.dm-tag.sent{background:rgba(16,185,129,.12);color:var(--g)}.dm-tag.draft{background:rgba(0,158,204,.12);color:var(--p)}.dm-tag.pending{background:rgba(234,179,8,.12);color:#eab308}.bva-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:stretch;text-align:left}.bva-card{background:var(--s);border:1px solid var(--s2);border-radius:var(--rad);padding:32px;transition:all .3s}.bva-card.before{border-color:rgba(239,68,68,.3);background:linear-gradient(135deg,rgba(239,68,68,.08),rgba(239,68,68,.02)),var(--s)}.bva-card.after{border-color:rgba(16,185,129,.35);background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(16,185,129,.03)),var(--s)}.bva-card:hover{transform:translateY(-4px)}.bva-label{font-size:.82rem;font-weight:700;margin-bottom:18px}.bva-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.bva-list li{display:flex;align-items:center;gap:12px;font-size:.88rem;color:var(--t2)}.bva-list li::before{content:'';width:6px;height:6px;border-radius:50%;flex-shrink:0}.before .bva-list li::before{background:var(--r)}.after .bva-list li::before{background:var(--g)}.bva-stat{text-align:center;background:var(--bg2);border:1px solid var(--s2);border-radius:12px;padding:16px;font-size:2rem;font-weight:900;color:var(--r)}.bva-stat.glow{color:var(--g);border-color:rgba(16,185,129,.2);box-shadow:0 0 30px rgba(16,185,129,.1)}.bva-stat span{display:block;font-size:.75rem;font-weight:400;color:var(--t3);margin-top:4px;text-transform:uppercase}.bva-vs{display:flex;align-items:center;justify-content:center}.vs-circle{width:52px;height:52px;border-radius:50%;background:var(--s);border:2px solid var(--s2);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:.85rem;color:var(--t3)}.price-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:left}.price-card{background:rgba(26,26,28,0.45);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.05);border-radius:var(--rad);padding:32px;position:relative;transition:all .4s cubic-bezier(0.16,1,0.3,1);box-shadow:0 10px 30px rgba(0,0,0,0.15),inset 0 1px 0 rgba(255,255,255,0.05)}.price-card:hover{transform:translateY(-6px);border-color:rgba(0,158,204,0.35);background:rgba(26,26,28,0.65);box-shadow:0 20px 48px rgba(0,158,204,0.12),inset 0 1px 0 rgba(0,158,204,0.2)}.price-card.pop{border-color:var(--p);background:rgba(26,26,28,0.6);box-shadow:0 20px 48px rgba(0,158,204,0.2),inset 0 1px 0 rgba(0,158,204,0.3);transform:scale(1.03)}.price-card.pop:hover{transform:scale(1.03) translateY(-6px)}.pop-tag{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--p);color:#fff;font-size:.7rem;font-weight:700;padding:4px 16px;border-radius:50px;letter-spacing:1px;text-transform:uppercase}.price-card h4{color:var(--t2);font-size:.85rem;margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.price-val{font-size:2.8rem;font-weight:900;margin-bottom:20px}.price-val span{font-size:.85rem;font-weight:400;color:var(--t3)}.price-card ul{list-style:none;margin-bottom:28px}.price-card li{padding:8px 0;font-size:.85rem;color:var(--t2);border-bottom:1px solid rgba(255,255,255,.04)}.price-card li.dim{color:var(--t3)}.testi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:left}.testi-card{background:rgba(26,26,28,0.45);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.05);border-radius:var(--rad);padding:28px;transition:all .4s cubic-bezier(0.16,1,0.3,1);box-shadow:0 10px 30px rgba(0,0,0,0.15),inset 0 1px 0 rgba(255,255,255,0.05)}.testi-card:hover{transform:translateY(-6px);border-color:rgba(0,158,204,0.35);background:rgba(26,26,28,0.65);box-shadow:0 16px 40px rgba(0,158,204,0.1),inset 0 1px 0 rgba(0,158,204,0.2)}.testi-card p{font-size:.9rem;line-height:1.6;margin-bottom:20px;color:var(--t2);font-style:italic}.testi-who{display:flex;align-items:center;gap:12px}.testi-av{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--p),#092c3e);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:700;flex-shrink:0}.testi-who strong{display:block;font-size:.85rem}.testi-who small{color:var(--t3);font-size:.75rem}.faq-list{display:flex;flex-direction:column;gap:8px;text-align:left}.faq-item{background:var(--s);border:1px solid var(--s2);border-radius:12px;overflow:hidden;transition:all .4s}.faq-item:hover{border-color:rgba(0,158,204,.2);box-shadow:0 4px 20px rgba(0,158,204,.05)}.faq-item.open{border-color:rgba(0,158,204,.3);box-shadow:0 8px 30px rgba(0,158,204,.08)}.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:none;color:var(--t);padding:18px 22px;padding-right:48px;font-size:.92rem;cursor:pointer;font-family:var(--f);font-weight:500;position:relative}.faq-q::after{content:'+';font-size:1.25rem;font-weight:600;color:var(--p);transition:all .3s ease;position:absolute;right:22px;top:50%;transform:translateY(-50%)}.faq-item.open .faq-q::after{content:'−';transform:translateY(-50%) rotate(180deg);color:var(--r)}.faq-a{max-height:0;overflow:hidden;transition:max-height .3s}.faq-item.open .faq-a{max-height:500px}.faq-a p{padding:0 22px 18px;font-size:.88rem;color:var(--t2)}.cta-section{text-align:center;padding:120px 48px;position:relative}.cta-section::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:600px;height:400px;background:radial-gradient(ellipse,rgba(0,158,204,.08),transparent 70%);pointer-events:none;z-index:-1}.cta-h{font-size:2.8rem;font-weight:800;margin-bottom:20px;line-height:1.1;font-family:var(--fh);letter-spacing:-0.3px}.footer{background:var(--bg2);border-top:1px solid var(--s2);padding:48px 48px 40px;position:relative;z-index:1}.footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;max-width:1200px;margin:0 auto}.footer-brand p{color:var(--t3);font-size:.85rem;margin-top:10px}.footer-col{display:flex;flex-direction:column;gap:8px}.footer-col h5{font-size:.75rem;color:var(--t3);text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.footer-col a{color:var(--t2);font-size:.85rem;transition:color .2s}.footer-col a:hover{color:var(--p2)}.footer-bot{text-align:center;padding-top:24px;margin-top:32px;border-top:1px solid var(--s2);font-size:.75rem;color:var(--t3);max-width:1200px;margin-left:auto;margin-right:auto}.auth-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;flex-direction:column;gap:16px}.auth-back{display:inline-block;color:var(--t3);font-size:.85rem;text-decoration:none;transition:color .2s;padding:6px 14px;border-radius:50px;border:1px solid var(--s2);background:rgba(255,255,255,.03);margin-bottom:16px}.auth-back:hover{color:var(--p);border-color:var(--p)}.auth-box{background:var(--s);padding:40px;border-radius:var(--rad);width:100%;max-width:440px;border:1px solid var(--s2)}.auth-top{text-align:center;margin-bottom:28px}.auth-top h2{margin-top:16px;font-size:1.5rem}.auth-top p{color:var(--t2)}.auth-form{display:flex;flex-direction:column;gap:16px}.fg{display:flex;flex-direction:column;gap:6px;margin-bottom:4px;flex:1}.sg{margin-bottom:8px}.fg-row{display:flex;gap:12px}.fg-small{flex:0 0 80px!important;min-width:80px;max-width:80px}.optional{font-size:.75rem;color:var(--t3);font-weight:400}.fg label{font-size:.82rem;font-weight:500;color:var(--t2)}.fg input,.fg textarea,.fg select{background:var(--bg2);border:1px solid var(--s2);color:var(--t);padding:12px 14px;border-radius:10px;font-size:.95rem;font-family:var(--f);transition:border .2s}.fg input:focus,.fg textarea:focus,.fg select:focus{outline:none;border-color:var(--p)}.sample-group textarea,.dash-voice-sample,.draft-ed,.card textarea,.card input,.card select{background:var(--bg2)!important;border:1px solid var(--s2)!important;color:var(--t)!important;padding:12px 14px;border-radius:10px;font-size:.95rem;font-family:var(--f);transition:border .2s;width:100%;box-sizing:border-box;resize:vertical}.sample-group textarea:focus,.dash-voice-sample:focus,.draft-ed:focus,.card textarea:focus,.card input:focus{outline:none;border-color:var(--p)!important}.sample-group{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.sample-group label{font-size:.82rem;font-weight:500;color:var(--t2)}.form-err{color:var(--r);font-size:.85rem;background:rgba(239,68,68,.1);padding:8px 12px;border-radius:8px}.auth-sw{text-align:center;margin-top:20px;font-size:.88rem;color:var(--t2)}.hl{color:var(--p2);font-size:.8rem}.pass-wrap{position:relative;display:flex;align-items:center}.pass-wrap input{flex:1;padding-right:60px}.pass-toggle{position:absolute;right:10px;background:none;border:none;color:var(--t3);font-size:.78rem;cursor:pointer;font-family:var(--f);padding:4px 8px;border-radius:6px;transition:all .2s}.pass-toggle:hover{color:var(--p);background:rgba(0,158,204,.08)}.pass-strength{height:4px;background:var(--bg2);border-radius:4px;overflow:hidden;margin-top:8px}.pass-bar{height:100%;width:0;border-radius:4px;transition:all .3s}.pass-bar.weak{width:33%;background:#ef4444}.pass-bar.medium{width:66%;background:#eab308}.pass-bar.strong{width:100%;background:#22c55e}.pass-label{font-size:.75rem;margin-top:4px;display:block}.pass-label.weak{color:#ef4444}.pass-label.medium{color:#eab308}.pass-label.strong{color:#22c55e}.checkbox-label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:.82rem;color:var(--t2);line-height:1.5}.checkbox-label input[type="checkbox"]{width:18px;height:18px;margin-top:2px;accent-color:var(--p);cursor:pointer;flex-shrink:0}.remember-me{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.85rem;color:var(--t2);margin:4px 0 16px}.remember-me input[type="checkbox"]{width:16px;height:16px;accent-color:var(--p);cursor:pointer}.remember-me span{user-select:none}.trust-badge{text-align:center;margin-top:16px;padding:10px;font-size:.78rem;color:var(--t3);border:1px solid rgba(22,163,74,.15);border-radius:8px;background:rgba(22,163,74,.04);letter-spacing:.3px}.trust-row{display:flex;justify-content:center;gap:24px;margin-top:28px;flex-wrap:wrap}.trust-item{font-size:.78rem;color:var(--t3);padding:8px 18px;border:1px solid var(--s2);border-radius:50px;background:var(--s);letter-spacing:.3px;transition:all .3s}.trust-item:hover{border-color:rgba(0,158,204,.3);color:var(--t2)}.onboard-box{max-width:560px !important;padding:48px !important}@media (max-width:768px){.onboard-box{padding:32px 20px !important}}.ob-prog{margin-bottom:32px}.ob-bar{height:6px;background:var(--bg2);border-radius:4px;overflow:hidden;margin-bottom:10px}.ob-fill{height:100%;background:linear-gradient(90deg,var(--p),var(--p2));transition:width 0.4s;width:33%}#onboard-step-label{font-size:0.8rem;color:var(--t3);font-weight:600}.onboard-step h2{font-size:1.8rem;font-weight:700;margin-bottom:12px}.onboard-step > p{color:var(--t2);margin-bottom:24px;font-size:0.95rem;line-height:1.6}.onboard-step .fg{margin-bottom:20px}#ob-provider-tabs{display:flex;gap:12px;margin:28px 0}#ob-provider-tabs .tab{padding:12px 20px;font-weight:600;border-radius:12px;font-size:0.9rem;transition:all 0.3s}.ob-help-note{margin-top:12px;padding:12px 14px;background:rgba(0,158,204,0.05);border-left:3px solid var(--p);border-radius:0 8px 8px 0;font-size:0.82rem;line-height:1.5}.ob-help-note span{color:var(--t3)}.ob-help-note a{color:var(--p);text-decoration:underline;font-weight:600}.ob-help-note a:hover{color:var(--p2)}.ob-btns{display:flex;justify-content:space-between;margin-top:36px;gap:12px}.ob-btns button{padding:14px 32px;font-size:0.9rem;border-radius:10px;height:48px;display:inline-flex;align-items:center;justify-content:center}.profile-box{background:var(--bg2);padding:16px;border-radius:10px;font-size:.9rem;margin-bottom:16px}.profile-box p{margin-bottom:6px;color:var(--t2)}.profile-box strong{color:var(--p2)}#page-dashboard{display:none;grid-template-columns:240px 1fr;min-height:100vh}#page-dashboard:not(.hidden){display:grid}.sidebar{background:var(--bg2);border-right:1px solid var(--s2);display:flex;flex-direction:column;padding:20px 0;position:sticky;top:0;height:100vh}.sb-top{padding:0 20px 20px;border-bottom:1px solid var(--s2)}.logo-sm{font-size:1.1rem;font-weight:700;color:var(--p2)}.sb-nav{flex:1;padding:12px 0}.nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 24px;background:none;border:none;color:var(--t2);cursor:pointer;font-size:.92rem;transition:all .2s;text-align:left;font-family:var(--f)}.nav-item:hover{color:var(--t);background:rgba(0,158,204,.08)}.nav-item.active{color:var(--p2);background:rgba(0,158,204,.1);border-left:3px solid var(--p)}.badge{background:var(--r);color:#fff;font-size:.7rem;padding:2px 8px;border-radius:10px;margin-left:auto;font-weight:600}.sb-bot{padding:16px 20px;border-top:1px solid var(--s2)}.plan-badge{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--p2);background:rgba(0,158,204,.1);padding:8px 12px;border-radius:8px;margin-bottom:10px;font-weight:600}.plan-badge.pro{color:var(--g);background:rgba(16,185,129,.1)}.plan-dot{width:8px;height:8px;border-radius:50%;background:var(--p2)}.plan-badge.pro .plan-dot{background:var(--g)}.sb-user{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--t2);margin-bottom:10px}.user-dot{width:8px;height:8px;border-radius:50%;background:var(--g)}.mon-st{display:flex;align-items:center;gap:8px;font-size:.82rem;color:var(--t3);margin-bottom:8px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--t3)}.status-dot.active{background:var(--g);box-shadow:0 0 8px rgba(16,185,129,.5);animation:pulse 2s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}.dash-main{padding:28px 36px;overflow-y:auto;background:var(--bg);scrollbar-width:none !important;-ms-overflow-style:none !important}.dash-main::-webkit-scrollbar{display:none !important;width:0 !important;height:0 !important}.dash-head{margin-bottom:24px}.dash-head h1{font-size:1.6rem;margin-bottom:14px}.stats-row{display:flex;gap:12px}.stat-card{background:var(--s);border:1px solid var(--s2);border-radius:12px;padding:14px 22px;text-align:center;min-width:90px}.stat-card.warn{border-color:rgba(234,179,8,.2)}.stat-card.good{border-color:rgba(16,185,129,.2)}.stat-num{display:block;font-size:1.6rem;font-weight:800}.stat-lbl{font-size:.75rem;color:var(--t3);text-transform:uppercase;letter-spacing:.5px}.filter-tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.tab{padding:8px 18px;border-radius:50px;border:1px solid var(--s2);background:none;color:var(--t2);cursor:pointer;font-size:.82rem;transition:all .2s;font-family:var(--f)}.tab.active{background:var(--p);color:#fff;border-color:var(--p)}.message-list{display:flex;flex-direction:column;gap:8px}.message-card{display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;background:var(--s);padding:16px 20px;border-radius:12px;border:1px solid var(--s2);cursor:pointer;transition:all .2s}.message-card:hover{border-color:var(--p);transform:translateX(4px);box-shadow:0 4px 20px rgba(0,0,0,.2)}.message-avatar{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--p),#092c3e);display:flex;align-items:center;justify-content:center;font-size:.85rem;color:#fff;font-weight:700}.message-sender{font-weight:600;font-size:.92rem}.message-subject{font-size:.82rem;color:var(--t2)}.message-preview{font-size:.78rem;color:var(--t3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:500px}.message-meta{text-align:right}.message-time{font-size:.75rem;color:var(--t3);display:block;margin-bottom:4px}.status-tag{font-size:.7rem;padding:4px 12px;border-radius:50px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.status-tag.drafted{background:rgba(59,130,246,.15);color:var(--b)}.status-tag.pending{background:rgba(234,179,8,.15);color:var(--y)}.status-tag.sent{background:rgba(16,185,129,.15);color:var(--g)}.status-tag.rejected{background:rgba(239,68,68,.08);color:var(--t3)}.status-tag.drafting{background:rgba(0,158,204,.15);color:#00c2ff}.status-tag.failed{background:rgba(239,68,68,.15);color:var(--r)}.empty-icon{font-size:2.5rem;margin-bottom:12px;opacity:.7}.empty-title{font-size:1rem;font-weight:600;color:var(--t);margin-bottom:6px}.empty-sub{font-size:.85rem;color:var(--t3);line-height:1.5}.empty-state{text-align:center;padding:80px 20px}.legal-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;animation:legalFadeIn .3s ease}.legal-modal.hidden{display:none!important}.legal-modal-bg{position:absolute;inset:0;background:rgba(0,0,0,0.75);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.legal-modal-box{position:relative;width:100%;max-width:640px;max-height:85vh;background:#0E0E10;border:1px solid rgba(0,158,204,0.2);border-radius:24px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 32px 80px rgba(0,0,0,0.5),0 0 0 1px rgba(0,158,204,0.08)}.legal-modal-header{padding:28px 28px 20px;border-bottom:1px solid rgba(0,158,204,0.12);display:flex;justify-content:space-between;align-items:flex-start;flex-shrink:0}.legal-modal-header h2{font-size:1.4rem;font-weight:800;color:#FAFAFA;margin:4px 0 0;letter-spacing:-0.3px;font-family:var(--fh)}.legal-modal-badge{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:#009ecc;background:rgba(0,158,204,0.1);border:1px solid rgba(0,158,204,0.2);padding:4px 12px;border-radius:20px;display:inline-block;margin-bottom:6px}.legal-modal-date{font-size:.75rem;color:#888;margin-top:4px}.legal-modal-close{background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);color:#888;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.legal-modal-close:hover{background:rgba(255,255,255,0.12);color:#fff;border-color:rgba(0,158,204,0.3)}.legal-modal-body{flex:1;overflow-y:auto;padding:24px 28px;color:rgba(250,246,240,0.8);font-size:.88rem;line-height:1.8;scrollbar-width:thin;scrollbar-color:rgba(0,158,204,0.3) transparent}.legal-modal-body::-webkit-scrollbar{width:6px}.legal-modal-body::-webkit-scrollbar-track{background:transparent}.legal-modal-body::-webkit-scrollbar-thumb{background:rgba(0,158,204,0.3);border-radius:3px}.legal-modal-body h3{color:#FAFAFA;font-size:1.05rem;font-weight:700;margin:24px 0 10px;padding-bottom:8px;border-bottom:1px solid rgba(0,158,204,0.1);display:flex;align-items:center;gap:10px}.legal-modal-body h3 .lm-num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:rgba(0,158,204,0.12);border:1px solid rgba(0,158,204,0.2);font-size:.7rem;font-weight:800;color:#009ecc;flex-shrink:0}.legal-modal-body h3:first-child{margin-top:0}.legal-modal-body p{margin:0 0 10px}.legal-modal-body ul{padding-left:0;list-style:none;margin:8px 0 16px}.legal-modal-body ul li{position:relative;padding-left:18px;margin-bottom:6px;line-height:1.7}.legal-modal-body ul li::before{content:'';position:absolute;left:0;top:10px;width:5px;height:5px;border-radius:50%;background:#009ecc}.legal-modal-body strong{color:#FAFAFA;font-weight:600}.legal-modal-body .lm-highlight{background:rgba(0,158,204,0.06);border:1px solid rgba(0,158,204,0.15);border-left:3px solid #009ecc;border-radius:0 10px 10px 0;padding:12px 16px;margin:12px 0;font-size:.84rem;color:rgba(250,246,240,0.7)}.legal-modal-body .lm-summary{background:rgba(0,158,204,0.06);border:1px solid rgba(0,158,204,0.12);border-radius:12px;padding:16px 20px;margin-bottom:20px;font-size:.84rem;color:rgba(250,246,240,0.7)}.legal-modal-body .lm-summary strong{color:#009ecc}.legal-modal-footer{padding:16px 28px;border-top:1px solid rgba(0,158,204,0.12);flex-shrink:0;display:flex;justify-content:flex-end}.legal-modal-btn{background:linear-gradient(135deg,#009ecc,#092c3e);color:#fff;border:none;padding:12px 28px;border-radius:10px;font-weight:700;font-size:.88rem;cursor:pointer;font-family:var(--f);transition:all .3s;box-shadow:0 4px 20px rgba(0,158,204,0.2)}.legal-modal-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,158,204,0.35)}.legal-modal-loading{text-align:center;padding:40px;color:#888}@keyframes legalFadeIn{from{opacity:0}to{opacity:1}}@media(max-width:768px){.legal-modal{padding:10px}.legal-modal-box{max-height:90vh;border-radius:18px}.legal-modal-header{padding:20px 20px 16px}.legal-modal-header h2{font-size:1.2rem}.legal-modal-body{padding:16px 20px;font-size:.84rem}.legal-modal-body h3{font-size:.95rem}.legal-modal-footer{padding:14px 20px}.legal-modal-btn{width:100%;text-align:center;padding:14px}}.card{background:var(--s);padding:24px;border-radius:var(--rad);border:1px solid var(--s2);margin-bottom:16px}.card h3{margin-bottom:12px;font-size:1.05rem}.set-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px;margin-bottom:20px}.full-w{grid-column:1/-1}.current-plan-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,#1A1917 0%,#0C0B0A 100%) !important;border:1.5px solid rgba(0,158,204,0.38) !important;border-radius:24px;padding:26px 32px;margin-bottom:8px;box-shadow:0 20px 48px rgba(0,0,0,0.2),inset 0 1px 1px rgba(255,255,255,0.08) !important;position:relative;overflow:hidden}.current-plan-hero::before{content:'';position:absolute;top:-80px;right:-80px;width:240px;height:240px;background:radial-gradient(circle,rgba(0,158,204,0.28) 0%,rgba(0,158,204,0.05) 50%,transparent 70%) !important;pointer-events:none}.cph-label{font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:rgba(0,158,204,0.85);margin-bottom:6px}.cph-plan-row{display:flex;align-items:baseline;gap:12px}.cph-name{font-size:2.2rem;font-weight:800;color:#FFFFFF;letter-spacing:-0.5px}.cph-price{font-size:1.05rem;color:rgba(255,255,255,0.55);font-weight:400}.cph-badge{font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;padding:6px 18px;border-radius:50px;background:rgba(16,185,129,0.12);color:#34d399;border:1px solid rgba(16,185,129,0.35);box-shadow:0 2px 10px rgba(16,185,129,0.1)}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:12px;padding-top:28px;overflow:visible}.plan-option{background:rgba(255,255,255,0.85);border:1px solid rgba(26,26,28,0.08);border-radius:24px;padding:34px 26px 26px;position:relative;transition:all 0.4s cubic-bezier(0.16,1,0.3,1);display:flex;flex-direction:column;box-shadow:0 4px 20px rgba(0,0,0,0.02)}.plan-option:hover{transform:translateY(-6px);box-shadow:0 16px 36px rgba(26,26,28,0.06);border-color:rgba(26,26,28,0.15)}.plan-option.featured{background:linear-gradient(135deg,#FFFFFF 0%,#FFFDF7 100%);border:1.5px solid transparent;background-image:linear-gradient(#FFFFFF,#FFFDF7),linear-gradient(135deg,#00b5eb 0%,#009ecc 100%);background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 12px 36px rgba(0,158,204,0.16);transform:scale(1.02)}.plan-option.featured:hover{transform:scale(1.02) translateY(-7px);box-shadow:0 22px 52px rgba(0,158,204,0.28)}.plan-option.featured h4{color:#1A1A1C !important}.plan-option.featured .po-price{color:#1A1A1C !important}.plan-option.featured .po-price span{color:rgba(26,26,28,0.5) !important}.plan-option.featured li{color:rgba(26,26,28,0.8) !important;border-bottom-color:rgba(0,158,204,0.15) !important}.plan-option.featured li::before{color:#009ecc !important}.plan-option.featured .po-trial{background:rgba(0,158,204,0.1) !important;color:#B38938 !important;border:1px solid rgba(0,158,204,0.25) !important}.po-pro-card{background:linear-gradient(135deg,#1A1A1C 0%,#111112 100%) !important;border:1.5px solid transparent !important;background-image:linear-gradient(#1A1A1C,#111112),linear-gradient(135deg,#3E3B37,#1E1D1C) !important;background-origin:border-box !important;background-clip:padding-box,border-box !important;box-shadow:0 10px 30px rgba(0,0,0,0.15) !important}.po-pro-card h4{color:#00b5eb !important}.po-pro-card .po-price{color:#FFFFFF !important}.po-pro-card .po-price span{color:rgba(255,255,255,0.4) !important}.po-pro-card li{color:rgba(240,234,214,0.75) !important;border-bottom-color:rgba(255,255,255,0.05) !important}.po-pro-card li::before{color:#00b5eb !important}.po-pro-card:hover{background-image:linear-gradient(#1A1A1C,#111112),linear-gradient(135deg,#009ecc,#00b5eb) !important;box-shadow:0 20px 48px rgba(0,0,0,0.25),0 0 20px rgba(0,158,204,0.12) !important;transform:translateY(-6px) !important}.plan-option.current{border-color:rgba(22,163,74,0.5) !important;box-shadow:0 8px 28px rgba(22,163,74,0.1),0 0 0 1px rgba(22,163,74,0.15) !important}.plan-option.current::after{content:'✓ YOUR PLAN';position:absolute;top:12px;right:16px;font-size:0.6rem;font-weight:700;color:#16a34a;letter-spacing:1px;background:rgba(22,163,74,0.08);padding:3px 10px;border-radius:50px;border:1px solid rgba(22,163,74,0.2)}.po-tier-icon{font-size:1.4rem;margin-bottom:12px;color:#a09888;opacity:0.6}.po-tier-gold{color:#009ecc;opacity:0.95;filter:drop-shadow(0 2px 6px rgba(0,158,204,0.25))}.po-tier-pro{color:#00b5eb;opacity:1;filter:drop-shadow(0 2px 6px rgba(232,201,122,0.25))}.po-tag{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:#1A1A1C;color:#00b5eb;padding:6px 20px;border-radius:50px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;white-space:nowrap;box-shadow:0 4px 15px rgba(0,0,0,0.25);border:1px solid rgba(0,158,204,0.35)}.plan-option h4{font-size:1.05rem;font-weight:700;margin-bottom:6px;color:#1A1A1C}.po-price{font-size:2.3rem;font-weight:800;color:#1A1A1C;margin-bottom:6px;letter-spacing:-1px;line-height:1.1}.po-price span{font-size:.85rem;color:#888;font-weight:400;letter-spacing:0}.po-trial{font-size:.7rem;font-weight:700;margin-bottom:16px;display:inline-block;padding:4px 12px;border-radius:50px;background:rgba(22,163,74,0.08);color:#16a34a;border:1px solid rgba(22,163,74,0.2);text-transform:uppercase;letter-spacing:0.5px}.plan-option ul{list-style:none;padding:0;margin:0 0 24px;flex:1}.plan-option li{padding:8px 0;font-size:.83rem;color:rgba(26,26,28,0.75);display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(26,26,28,0.05)}.plan-option li:last-child{border:none}.plan-option li::before{content:'✓';color:#10b981;font-weight:800;font-size:.88rem;flex-shrink:0}.plan-option .btn-ghost{background:rgba(26,26,28,0.04) !important;border-color:rgba(26,26,28,0.1) !important;color:rgba(26,26,28,0.4) !important;font-weight:600 !important}.plan-option .btn-ghost:not([disabled]):hover{background:rgba(26,26,28,0.08) !important;border-color:rgba(26,26,28,0.2) !important;color:#1A1A1C !important}.plan-option.featured .btn-ghost,.plan-option.featured .btn-accent{background:linear-gradient(135deg,#1A1A1C 0%,#2A2520 100%) !important;border:1.5px solid #009ecc !important;color:#00b5eb !important;font-weight:700 !important;box-shadow:0 4px 15px rgba(0,0,0,0.15) !important}.plan-option.featured .btn-ghost:hover,.plan-option.featured .btn-accent:hover{background:linear-gradient(135deg,#2A2520 0%,#3D352E 100%) !important;box-shadow:0 8px 24px rgba(0,158,204,0.2) !important;transform:translateY(-2px)}.btn-pro{background:linear-gradient(135deg,#009ecc 0%,#00b5eb 100%) !important;color:#0A0A0B !important;font-weight:700 !important;border:none !important;box-shadow:0 4px 18px rgba(0,158,204,0.35) !important}.btn-pro:hover{background:linear-gradient(135deg,#D8B96C 0%,#F5DB93 100%) !important;box-shadow:0 8px 28px rgba(0,158,204,0.55) !important;transform:translateY(-2px)}.plan-option .btn-ghost[disabled],.plan-option .btn-accent[disabled],.plan-option.featured .btn-ghost[disabled],.plan-option.featured .btn-accent[disabled]{background:rgba(26,26,28,0.04) !important;border:1.5px solid rgba(26,26,28,0.1) !important;color:rgba(26,26,28,0.35) !important;box-shadow:none !important;cursor:not-allowed !important;opacity:0.7 !important;transform:none !important}.po-pro-card .btn-ghost[disabled],.po-pro-card .btn-accent[disabled]{background:rgba(232,201,122,0.08) !important;border:1.5px solid rgba(232,201,122,0.2) !important;color:rgba(232,201,122,0.5) !important;box-shadow:none !important;cursor:not-allowed !important;opacity:0.7 !important;transform:none !important}.btn-active-plan{background:linear-gradient(135deg,#16a34a 0%,#22c55e 100%) !important;border:none !important;color:#fff !important;font-weight:700 !important;cursor:pointer !important;opacity:1 !important;box-shadow:0 4px 14px rgba(22,163,74,0.25) !important;transition:all 0.25s ease !important}.btn-active-plan:hover{background:linear-gradient(135deg,#15803d 0%,#16a34a 100%) !important;box-shadow:0 6px 20px rgba(22,163,74,0.35) !important;transform:translateY(-1px) !important}.btn-active-plan:active{transform:translateY(0) !important}.btn-pro-active{background:linear-gradient(135deg,#009ecc 0%,#00b5eb 100%) !important;color:#0A0A0B !important;box-shadow:0 4px 14px rgba(0,158,204,0.3) !important}.btn-pro-active:hover{background:linear-gradient(135deg,#D8B96C 0%,#F5DB93 100%) !important;box-shadow:0 6px 20px rgba(0,158,204,0.45) !important}.plan-option.featured .btn-active-plan{background:linear-gradient(135deg,#16a34a 0%,#22c55e 100%) !important;border:none !important;color:#fff !important}.btn-switch{background:rgba(26,26,28,0.05) !important;border:1.5px solid rgba(26,26,28,0.18) !important;color:#1A1A1C !important;font-weight:600 !important;cursor:pointer !important;opacity:1 !important;transition:all 0.25s ease !important}.btn-switch:hover{background:rgba(26,26,28,0.1) !important;border-color:rgba(26,26,28,0.35) !important;box-shadow:0 4px 14px rgba(0,0,0,0.08) !important;transform:translateY(-1px) !important}.btn-switch:active{transform:translateY(0) !important;box-shadow:none !important}.plan-option.featured .btn-switch{background:rgba(26,26,28,0.06) !important;border:1.5px solid rgba(26,26,28,0.2) !important;color:#1A1A1C !important}.plan-option.featured .btn-switch:hover{background:rgba(26,26,28,0.12) !important;border-color:rgba(26,26,28,0.4) !important}.pay-methods-card{margin-top:28px;background:rgba(255,255,255,0.75);border:1px solid rgba(26,26,28,0.08);border-radius:24px;padding:24px 28px;box-shadow:0 4px 20px rgba(0,0,0,0.02)}.pay-methods-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.pay-methods-title{font-size:1rem;font-weight:700;color:#1A1A1C}.pay-secure-badge{font-size:0.7rem;color:#16a34a;background:rgba(22,163,74,0.06);padding:5px 14px;border-radius:50px;font-weight:600;border:1px solid rgba(22,163,74,0.25);letter-spacing:0.2px}.pay-methods{display:flex;gap:12px;flex-wrap:wrap}.pay-pill{background:rgba(26,26,28,0.04);border:1px solid rgba(26,26,28,0.08);padding:9px 20px;border-radius:50px;font-size:.8rem;color:rgba(26,26,28,0.65);transition:all .25s;cursor:default}.pay-pill:hover{border-color:#009ecc;color:#092c3e;background:rgba(0,158,204,0.05)}.pay-powered{font-size:0.75rem;color:#AAA;margin-top:14px;margin-bottom:0}.pay-powered strong{color:#888}.pay-powered strong{color:#888}.modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.modal-bg{position:absolute;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(6px)}.modal-box{position:relative;background:var(--bg2);border:1px solid var(--s2);border-radius:var(--rad);padding:28px;max-width:620px;width:100%;max-height:85vh;overflow-y:auto;z-index:1}.modal-x{position:absolute;top:12px;right:32px;background:none;border:none;color:var(--t3);font-size:1.6rem;cursor:pointer;z-index:100;transition:color 0.2s}.modal-x:hover{color:var(--t)}.modal-head{margin-bottom:20px}.modal-head h3{font-size:1.2rem}.modal-sec{margin-bottom:16px}.modal-sec label{font-size:.78rem;color:var(--t3);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;display:block}.modal-msg{background:var(--s);padding:14px;border-radius:10px;font-size:.9rem;color:var(--t2);max-height:150px;overflow-y:auto;white-space:pre-wrap}.draft-ed{width:100%;background:var(--s);border:1px solid var(--s2);color:var(--t);padding:14px;border-radius:10px;font-family:var(--f);font-size:.9rem;resize:vertical}.draft-ed:focus{outline:none;border-color:var(--p)}.modal-btns{display:flex;justify-content:flex-end;gap:10px;margin-top:16px;flex-wrap:wrap}.toast{position:fixed;bottom:24px;right:24px;background:var(--s);border:1px solid var(--s2);color:var(--t);padding:14px 24px;border-radius:10px;font-size:.9rem;z-index:2000;animation:slideIn .3s}.toast.success{border-color:var(--g)}.toast.error{border-color:var(--r)}@keyframes slideIn{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.glass{background:rgba(17,17,17,.85)!important;backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06)!important;box-shadow:0 8px 32px rgba(0,0,0,.3)!important}.menu-dropdown{position:relative}.menu-trigger{display:flex;align-items:center;gap:6px}.menu-trigger:hover{background:rgba(0,158,204,.15)!important;box-shadow:0 0 24px rgba(0,158,204,.2)!important}.menu-panel{display:none;position:absolute;top:calc(100% + 10px);right:0;min-width:210px;background:rgba(17,17,17,.96);backdrop-filter:blur(24px);border:1px solid rgba(0,158,204,.15);border-radius:14px;padding:6px;box-shadow:0 20px 60px rgba(0,0,0,.7),0 0 30px rgba(0,158,204,.05);z-index:200;animation:menuFadeIn .25s ease}.menu-panel.open{display:block}@keyframes menuFadeIn{from{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.menu-item{display:flex;align-items:center;gap:10px;color:var(--t2);font-size:.84rem;padding:11px 16px;border-radius:10px;text-decoration:none;font-family:var(--f);transition:all .2s;letter-spacing:.2px}.menu-item::before{content:'';width:4px;height:4px;border-radius:50%;background:var(--t3);transition:all .2s;flex-shrink:0}.menu-item:hover{color:var(--p);background:rgba(0,158,204,.08)}.menu-item:hover::before{background:var(--p);box-shadow:0 0 8px rgba(0,158,204,.4)}.menu-divider{height:1px;background:var(--s2);margin:6px 0}.menu-signup{color:var(--p)!important;font-weight:600}.menu-signup::before{background:var(--p)!important}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:rgba(26,26,28,0.97);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(0,158,204,0.12);padding:6px 0 env(safe-area-inset-bottom,8px);z-index:100;justify-content:space-around}.mnav-item{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;color:rgba(255,255,255,0.45);cursor:pointer;font-size:1.1rem;padding:10px 16px;min-height:44px;font-family:var(--f);transition:color .2s}.mnav-item span{font-size:.7rem;font-weight:500}.mnav-item.active{color:#00b5eb;filter:drop-shadow(0 0 6px rgba(232,201,122,0.2))}@media(max-width:768px){body{background-color:#111111}#page-landing{background-image:none!important;background-color:#111111}.nav{padding:10px 16px;position:fixed;top:0;left:0;right:0;border-radius:0;z-index:100}.nav-right .btn-ghost:not(.menu-trigger),.nav-right .btn-accent{padding:8px 14px;font-size:.75rem;min-height:36px}.logo span{font-size:.9rem;padding:5px 12px}.hero{flex-direction:column;padding:90px 20px 40px;gap:20px;text-align:center}.hero::before{display:none}.hero h1{font-size:1.8rem;text-align:center;line-height:1.2}.hero-desc{text-align:center;font-size:.9rem;margin:0 auto 24px}.hero-btns{justify-content:center;flex-wrap:wrap}.hero-eyebrow{font-size:.75rem}.section{padding:50px 16px}.section-h{font-size:1.6rem}.section-tag{font-size:.7rem}.feat-grid{grid-template-columns:1fr;gap:12px}.feat-card{padding:24px 20px}.steps-row{flex-direction:column;align-items:center;gap:12px}.step-arrow{transform:rotate(90deg);margin:0}.dash-preview-section{padding:40px 16px}.dm-sidebar{display:none}.dm-stats{grid-template-columns:repeat(2,1fr)}.dm-body{flex-direction:column}.bva-grid{grid-template-columns:1fr;gap:12px}.bva-vs{padding:8px 0}.price-row{grid-template-columns:1fr;gap:12px}.price-card.pop{transform:none}.testi-row{grid-template-columns:1fr;gap:12px}.faq-q{font-size:.85rem;padding:14px 16px}.cta-h{font-size:1.8rem}.cta-section{padding:60px 20px}.footer{padding:32px 16px 80px}.footer-inner{grid-template-columns:1fr;gap:20px}#page-dashboard:not(.hidden){grid-template-columns:1fr}.sidebar{display:none}.mobile-nav{display:flex}.dash-main{padding:16px 16px 80px}.set-grid{grid-template-columns:1fr}.modal-box{width:95%;margin:20px;padding:20px}.message-card{grid-template-columns:40px 1fr;gap:10px;padding:14px 16px}.message-avatar{width:40px;height:40px;font-size:.78rem}.message-meta{text-align:left;display:flex;align-items:center;gap:8px;margin-top:6px}.message-preview{max-width:100%}.message-sender{font-size:.85rem}.message-subject{font-size:.78rem}.stats-row{flex-wrap:wrap;gap:8px}.stat-card{flex:1;min-width:70px;padding:12px 10px}.stat-num{font-size:1.3rem}.stat-lbl{font-size:.7rem}.dash-head h1{font-size:1.3rem}.filter-tabs{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.filter-tabs::-webkit-scrollbar{display:none}.tab{white-space:nowrap;flex-shrink:0}.current-plan-hero{flex-direction:column;align-items:flex-start;gap:12px}.plan-grid{grid-template-columns:1fr;gap:16px}.plan-option{padding:24px 20px}.plan-option .btn-full{padding:14px 20px;font-size:.88rem;min-height:48px}.po-price{font-size:2rem}.plan-option.current::after{top:10px;right:12px;font-size:.55rem}.auth-box{padding:24px 20px;margin:0 12px}.card{padding:18px 16px}.card h3{font-size:.95rem}.sample-group textarea,.dash-voice-sample{font-size:.85rem}.pay-methods{justify-content:center}a:focus-visible,button:focus-visible{outline:2px solid var(--p);outline-offset:2px;border-radius:4px}img{content-visibility:auto}}@media(max-width:380px){.hero h1{font-size:1.5rem}.hero-btns{flex-direction:column;gap:10px}.hero-btns .btn-xl{width:100%}.logo span{font-size:.8rem;padding:4px 10px}.section-h{font-size:1.4rem}.section-p{font-size:.9rem}.cta-h{font-size:1.5rem}.feat-card{padding:20px 16px}.feat-card h4{font-size:.9rem}.feat-card p{font-size:.82rem}.step-num{width:44px;height:44px;font-size:1rem}.faq-q{font-size:.8rem;padding:12px 14px}.faq-a{font-size:.82rem;padding:14px}.plan-option{padding:20px 16px}.plan-option .btn-full{padding:12px 16px;font-size:.84rem}.po-price{font-size:1.8rem}.fg-row{flex-direction:column;gap:8px}.fg-small{width:100%!important;flex:1!important}.dm-stats{grid-template-columns:1fr}}.lang-showcase{margin-top:40px}.lang-scroll-row{overflow:hidden;padding:8px 0;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.lang-scroll-track{display:flex;gap:12px;animation:langScroll 30s linear infinite;width:max-content}.lang-scroll-row.reverse .lang-scroll-track{animation:langScrollReverse 25s linear infinite}@keyframes langScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@keyframes langScrollReverse{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}.lang-pill{background:rgba(0,158,204,.08);border:1px solid rgba(0,158,204,.2);color:var(--t);padding:6px 16px;border-radius:50px;font-size:.82rem;white-space:nowrap;transition:all .3s;cursor:default;font-family:var(--f)}.lang-pill:hover{background:rgba(0,158,204,.2);border-color:rgba(0,158,204,.5);transform:scale(1.05);box-shadow:0 4px 20px rgba(0,158,204,.15)}.demo-playground{display:flex;gap:30px;max-width:960px;margin:25px auto 0;text-align:left;align-items:center}.demo-tabs{flex:0 0 280px;display:flex;flex-direction:column;gap:8px}.demo-tab{background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05);border-radius:12px;padding:8px 16px;display:flex;align-items:center;gap:12px;color:var(--t2);cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative;overflow:hidden;font-family:var(--f);text-align:left}.demo-tab:hover{background:rgba(255,255,255,0.05);border-color:rgba(0,158,204,0.25);transform:translateX(6px)}.demo-tab.active{background:linear-gradient(135deg,rgba(0,158,204,0.12),rgba(0,158,204,0.02));border-color:var(--p);color:var(--t);box-shadow:0 10px 30px rgba(0,0,0,0.2),inset 0 1px 0 rgba(0,158,204,0.15)}.tab-flag{font-size:1.8rem;transition:transform 0.3s}.demo-tab:hover .tab-flag{transform:scale(1.1) rotate(5deg)}.tab-info{display:flex;flex-direction:column;gap:2px}.tab-name{font-size:0.95rem;font-weight:700;letter-spacing:0.3px;color:var(--t)}.tab-user{font-size:0.75rem;color:var(--t3);font-weight:400}.demo-tab.active .tab-user{color:var(--p2)}.tab-pulse{position:absolute;top:14px;right:14px;width:8px;height:8px;background:var(--p);border-radius:50%;opacity:0;transition:opacity 0.3s}.demo-tab.active .tab-pulse{opacity:1;animation:tabPulse 2s infinite}@keyframes tabPulse{0%{transform:scale(1);box-shadow:0 0 0 0 rgba(0,158,204,0.7)}70%{transform:scale(1.2);box-shadow:0 0 0 6px rgba(0,158,204,0)}100%{transform:scale(1);box-shadow:0 0 0 0 rgba(0,158,204,0)}}.demo-simulator{flex:1;display:flex;justify-content:center;align-items:center}.phone-frame{width:100%;max-width:340px;height:420px;background:#0D0D0E;border:10px solid #1C1C1E;border-radius:36px;box-shadow:0 30px 70px rgba(0,0,0,0.8),0 0 50px rgba(0,158,204,0.08),inset 0 1px 1px rgba(255,255,255,0.05);position:relative;overflow:hidden;display:flex;flex-direction:column}.phone-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:130px;height:18px;background:#1C1C1E;border-bottom-left-radius:14px;border-bottom-right-radius:14px;z-index:10}.phone-bar{padding:20px 16px 10px;background:rgba(26,26,28,0.85);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,0.06);display:flex;justify-content:space-between;align-items:center;z-index:5}.phone-user-info{display:flex;align-items:center;gap:10px}.phone-avatar{width:36px;height:36px;background:linear-gradient(135deg,var(--p),#092c3e);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.8rem;font-weight:700;box-shadow:0 4px 12px rgba(0,158,204,0.2)}.phone-username{font-size:0.85rem;font-weight:700;color:var(--t)}.phone-status-row{display:flex;align-items:center;gap:5px}.phone-status-dot{width:6px;height:6px;background:var(--g);border-radius:50%;animation:phonePulse 2s infinite}@keyframes phonePulse{0%,100%{opacity:1}50%{opacity:0.4}}.phone-status-text{font-size:0.68rem;color:var(--t3)}.phone-badge{font-size:0.65rem;font-weight:700;color:var(--p2);background:rgba(0,158,204,0.12);padding:4px 10px;border-radius:20px;letter-spacing:0.3px;border:1px solid rgba(0,158,204,0.2)}.phone-chat-body{flex:1;padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:14px;scrollbar-width:none;background:#09090A}.phone-chat-body::-webkit-scrollbar{display:none}.bubble{max-width:82%;padding:12px 16px;border-radius:18px;font-size:0.84rem;line-height:1.5;position:relative;animation:bubbleFadeIn 0.4s cubic-bezier(0.16,1,0.3,1) both}@keyframes bubbleFadeIn{from{opacity:0;transform:translateY(12px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}.bubble.client{background:#1C1C1E;border:1px solid rgba(255,255,255,0.04);color:var(--t2);align-self:flex-start;border-top-left-radius:4px}.bubble.ai{background:linear-gradient(135deg,rgba(30,30,32,0.95),rgba(0,158,204,0.05));border:1px solid rgba(0,158,204,0.25);color:var(--t);align-self:flex-end;border-top-right-radius:4px;box-shadow:0 4px 15px rgba(0,0,0,0.2)}.bubble-tag{font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:5px;display:block}.bubble.client .bubble-tag{color:var(--t3)}.bubble.ai .bubble-tag{color:var(--p2)}.bubble-time{font-size:0.62rem;color:var(--t3);display:block;margin-top:5px;text-align:right}.bubble.typing{background:#1C1C1E;border:1px solid rgba(255,255,255,0.04);align-self:flex-end;border-top-right-radius:4px;padding:12px 18px;display:flex;align-items:center;gap:4px;width:fit-content}.typing-dot{width:6px;height:6px;background:var(--t3);border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out both}.typing-dot:nth-child(1){animation-delay:-0.32s}.typing-dot:nth-child(2){animation-delay:-0.16s}@keyframes typingBounce{0%,80%,100%{transform:scale(0);opacity:0.3}40%{transform:scale(1);opacity:1;background:var(--p)}}.phone-footer-mock{padding:12px 16px 20px;background:#121214;border-top:1px solid rgba(255,255,255,0.04);z-index:5}.phone-input-bar{background:#1C1C1E;border:1px solid rgba(255,255,255,0.05);border-radius:24px;padding:10px 16px;display:flex;justify-content:space-between;align-items:center;font-size:0.78rem;color:var(--t3)}.phone-send-icon{width:22px;height:22px;background:rgba(0,158,204,0.15);color:var(--p2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.65rem}@media(max-width:768px){.demo-playground{flex-direction:column;gap:24px;margin-top:30px}.demo-tabs{flex:none;flex-direction:row;overflow-x:auto;padding:4px 16px 12px;margin:0 -16px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.demo-tabs::-webkit-scrollbar{display:none}.demo-tab{flex-shrink:0;padding:10px 16px;gap:10px;border-radius:12px}.tab-flag{font-size:1.4rem}.tab-name{font-size:0.85rem}.tab-user{display:none}.tab-pulse{top:8px;right:8px;width:6px;height:6px}.phone-frame{width:100% !important;max-width:290px !important;height:380px !important;margin:0 auto !important;border-width:8px !important;border-radius:28px !important}.phone-notch{width:100px !important;height:14px !important}.phone-bar{padding:14px 12px 8px !important}.phone-user-info{gap:8px !important}.phone-avatar{width:28px !important;height:28px !important;font-size:0.72rem !important}.phone-username{font-size:0.78rem !important}.phone-status-text{font-size:0.6rem !important}.phone-badge{font-size:0.64rem !important;padding:3px 8px !important}.phone-chat-body{padding:10px !important;gap:8px !important}.bubble{padding:8px 12px !important;font-size:0.76rem !important;border-radius:14px !important}.phone-footer-mock{padding:8px 12px 12px !important}.phone-input-bar{padding:6px 12px !important;font-size:0.7rem !important}.phone-send-icon{width:18px !important;height:18px !important;font-size:0.6rem !important}}@media(max-width:480px){.phone-frame{width:100% !important;max-width:270px !important;height:350px !important;margin:0 auto !important;border-width:6px !important;border-radius:24px !important}.phone-notch{width:80px !important;height:12px !important}.phone-bar{padding:12px 10px 6px !important}.phone-user-info{gap:6px !important}.phone-avatar{width:24px !important;height:24px !important;font-size:0.66rem !important}.phone-username{font-size:0.72rem !important}.phone-status-text{font-size:0.56rem !important}.phone-badge{font-size:0.6rem !important;padding:2px 6px !important}.phone-chat-body{padding:8px !important;gap:6px !important}.bubble{padding:7px 10px !important;font-size:0.72rem !important;border-radius:12px !important}.phone-footer-mock{padding:6px 10px 10px !important}.phone-input-bar{padding:5px 10px !important;font-size:0.66rem !important}.phone-send-icon{width:16px !important;height:16px !important;font-size:0.54rem !important}.demo-tab{padding:8px 12px;gap:8px}.tab-flag{font-size:1.2rem}.tab-name{font-size:0.78rem}}.section,.cta-section{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.section.revealed,.cta-section.revealed{opacity:1;transform:translateY(0)}.feat-card,.step-card,.price-card,.testi-card,.faq-item,.bva-card,.timeline-step{opacity:0;transform:translateY(30px);transition:all .5s ease}.revealed .feat-card,.revealed .step-card,.revealed .price-card,.revealed .testi-card,.revealed .faq-item,.revealed .bva-card,.revealed .timeline-step,.modal .feat-card,.modal .step-card,.modal .price-card,.modal .testi-card,.modal .faq-item,.modal .bva-card,.modal .timeline-step{opacity:1;transform:translateY(0)}.revealed .feat-card:nth-child(1){transition-delay:.05s}.revealed .feat-card:nth-child(2){transition-delay:.1s}.revealed .feat-card:nth-child(3){transition-delay:.15s}.revealed .feat-card:nth-child(4){transition-delay:.2s}.revealed .feat-card:nth-child(5){transition-delay:.25s}.revealed .feat-card:nth-child(6){transition-delay:.3s}.revealed .step-card:nth-child(1){transition-delay:.05s}.revealed .step-card:nth-child(3){transition-delay:.15s}.revealed .step-card:nth-child(5){transition-delay:.25s}.revealed .timeline-step:nth-child(1){transition-delay:.1s}.revealed .timeline-step:nth-child(2){transition-delay:.25s}.revealed .timeline-step:nth-child(3){transition-delay:.4s}.revealed .step-card:nth-child(7){transition-delay:.35s}.revealed .price-card:nth-child(1){transition-delay:.05s}.revealed .price-card:nth-child(2){transition-delay:.1s}.revealed .price-card:nth-child(3){transition-delay:.15s}.revealed .testi-card:nth-child(1){transition-delay:.05s}.revealed .testi-card:nth-child(2){transition-delay:.1s}.revealed .testi-card:nth-child(3){transition-delay:.15s}.cta-section::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:500px;background:radial-gradient(circle,rgba(0,158,204,.06) 0%,transparent 70%);animation:breathe 4s ease-in-out infinite;pointer-events:none;z-index:-1}@keyframes breathe{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}}.testi-card::before{content:'"';position:absolute;top:12px;right:20px;font-size:4rem;font-family:serif;color:rgba(0,158,204,.1);line-height:1;pointer-events:none}.testi-card{position:relative;overflow:hidden}.testi-card::after{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,var(--p),transparent);opacity:0;transition:opacity .4s}.testi-card:hover::after{opacity:1}.price-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,158,204,.03),transparent);transition:left .6s ease;pointer-events:none;z-index:0}.price-card:hover::before{left:100%}.price-card{overflow:hidden}.dash-mock{transition:all .4s ease}.dash-mock:hover{box-shadow:0 24px 90px rgba(0,0,0,.6),0 0 80px rgba(0,158,204,.08);transform:translateY(-4px)}.nav{transition:all .3s ease}.nav.scrolled{background:rgba(10,10,11,.98);box-shadow:0 4px 30px rgba(0,0,0,.5);backdrop-filter:blur(20px)}.feat-icon{transition:all .4s cubic-bezier(.25,.46,.45,.94)}.feat-card:hover .feat-icon{background:linear-gradient(135deg,var(--p),#092c3e);color:#fff;box-shadow:0 0 30px rgba(0,158,204,.3)}.vs-circle{animation:vsPulse 3s ease-in-out infinite}@keyframes vsPulse{0%,100%{box-shadow:0 0 0 0 rgba(0,158,204,.1)}50%{box-shadow:0 0 0 12px rgba(0,158,204,.05)}}.step-num{transition:all .4s}.step-card:hover .step-num{transform:scale(1.1);box-shadow:0 0 40px rgba(0,158,204,.4)}@keyframes shimmer{0%{background-position:-200% center}100%{background-position:200% center}}.glow-text{background:linear-gradient(90deg,var(--p),var(--p2),#fff,var(--p2),var(--p));background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 6s linear infinite}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px}.admin-stat{text-align:center;padding:20px 12px}.admin-stat .stat-num{font-size:1.8rem}.admin-table{width:100%;border-collapse:collapse;font-size:.88rem;margin-top:12px;min-width:600px}.admin-table th{text-align:left;padding:10px 12px;color:var(--t3);font-weight:600;border-bottom:1px solid var(--s2);font-size:.78rem;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.admin-table td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.04);color:var(--t2);white-space:nowrap}.admin-table tr:hover td{background:rgba(255,255,255,.02)}.settings-wrapper{display:grid;grid-template-columns:240px 1fr;gap:30px;align-items:start;max-width:900px;margin:0 auto;width:100%}.settings-sidebar{display:flex;flex-direction:column;gap:6px;background:var(--bg2);border:1px solid var(--s2);border-radius:var(--rad);padding:12px;position:sticky;top:100px}.snav-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:transparent;color:var(--t2);border:none;border-left:3px solid transparent;border-radius:8px;font-size:0.88rem;font-weight:500;cursor:pointer;transition:all 0.3s ease;text-align:left}.snav-item:hover{background:rgba(255,255,255,0.03);color:var(--t)}.snav-item.active{background:rgba(0,158,204,0.08);color:var(--p);border-left-color:var(--p);font-weight:600}.settings-content{display:flex;flex-direction:column;gap:20px}.settings-panel{animation:panelFadeIn 0.4s cubic-bezier(0.16,1,0.3,1) forwards}.settings-panel.hidden{display:none !important}@keyframes panelFadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.field-desc{font-size:0.85rem;color:var(--t3);margin-top:-6px;margin-bottom:20px;line-height:1.5}.input-hint{font-size:0.78rem;color:var(--t3);margin-top:6px;line-height:1.4}.settings-col-flex{flex:1;display:flex;flex-direction:column}.settings-fg-flex{flex:1;display:flex;flex-direction:column}.settings-textarea-flex{flex:1;min-height:140px}.settings-btn-container{margin-top:24px}.settings-label-margin{margin-top:20px}.settings-panel .card{padding:28px 24px !important;margin-bottom:20px !important}.settings-panel h3{font-size:1.1rem !important;margin-bottom:4px !important;font-weight:700 !important}.settings-panel .field-desc{margin-bottom:20px !important}.settings-panel .fg{margin-bottom:20px !important}.settings-panel .fg:last-child{margin-bottom:0 !important}.settings-section-header{margin-bottom:20px}.settings-section-header h3{color:#1A1A1C;letter-spacing:-0.2px}.settings-divider{border:none;height:1px;background:rgba(26,26,28,0.08);margin:28px 0}.settings-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}.settings-fields-grid .fg{margin-bottom:0 !important}.settings-fields-grid .fg:nth-child(3){grid-column:1 / -1}.settings-textarea{width:100%;min-height:100px;resize:vertical}.email-status-badge{display:inline-block;padding:6px 14px;border-radius:20px;font-size:0.8rem;font-weight:600;background:rgba(220,53,69,0.08);color:#dc3545;margin-bottom:16px}.snav-item svg{flex-shrink:0;opacity:0.6}.snav-item.active svg{opacity:1}@media (max-width:768px){.settings-fields-grid{grid-template-columns:1fr}.settings-panel .card{padding:20px 16px !important}.snav-item svg{display:none}}@media (max-width:768px){.settings-wrapper{grid-template-columns:1fr;gap:20px;max-width:600px;margin:0 auto}.settings-sidebar{flex-direction:row;overflow-x:auto;white-space:nowrap;padding:8px;border-radius:12px;position:static;scrollbar-width:none}.settings-sidebar::-webkit-scrollbar{display:none}.snav-item{width:auto;flex:0 0 auto;padding:10px 16px;border-left:none !important;border-bottom:3px solid transparent;border-radius:6px}.snav-item.active{border-bottom-color:var(--p);border-radius:6px 6px 0 0}}.flag-badge{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#e0f7ff 0%,#009ecc 50%,#092c3e 100%);color:#111111;font-size:0.72rem;font-weight:800;border:1px solid rgba(255,255,255,0.2);box-shadow:0 2px 6px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.4);text-shadow:0 0.5px 0.5px rgba(255,255,255,0.3);letter-spacing:-0.2px;flex-shrink:0;margin-right:8px;vertical-align:middle;line-height:1}.tab-flag.flag-badge{width:38px;height:38px;font-size:1rem;margin-right:0}::-webkit-scrollbar{display:none !important;width:0 !important;height:0 !important}::-webkit-scrollbar-track{background:transparent !important}#page-dashboard::-webkit-scrollbar-track{background:transparent !important}.modal-box::-webkit-scrollbar-track{background:transparent !important}::-webkit-scrollbar-thumb{background:transparent !important;border:none !important}#page-dashboard::-webkit-scrollbar-thumb{background:transparent !important;border:none !important}.modal-box::-webkit-scrollbar-thumb{background:transparent !important;border:none !important}::-webkit-scrollbar-thumb:hover{background:transparent !important}*{scrollbar-width:none !important;-ms-overflow-style:none !important}html,body{-ms-overflow-style:none !important;scrollbar-width:none !important}#page-dashboard *{scrollbar-width:none !important}.modal-box *{scrollbar-width:none !important}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none !important;width:0 !important;height:0 !important}#features-modal .modal-bg,#pricing-modal .modal-bg,#how-modal .modal-bg,#faq-modal .modal-bg,#feedback-modal .modal-bg,#languages-modal .modal-bg{background:rgba(10,10,11,0.6);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}#features-modal .modal-box,#pricing-modal .modal-box,#how-modal .modal-box,#faq-modal .modal-box,#feedback-modal .modal-box,#languages-modal .modal-box{background:#ffffff !important;border:1px solid rgba(0,53,102,0.08) !important;box-shadow:0 32px 80px rgba(0,53,102,0.12),0 0 0 1px rgba(0,158,204,0.1) !important;backdrop-filter:none !important;color:#0f172a}.modal-box.glass .modal-x{position:absolute !important;top:12px !important;right:16px !important;width:32px !important;height:32px !important;border-radius:50% !important;background:#1A1A1C !important;border:1px solid rgba(0,158,204,0.3) !important;color:#009ecc !important;font-size:1.1rem !important;font-weight:700 !important;display:flex !important;align-items:center !important;justify-content:center !important;box-shadow:0 4px 12px rgba(0,0,0,0.15) !important;cursor:pointer !important;z-index:100 !important;transition:all 0.35s cubic-bezier(0.4,0,0.2,1) !important;padding:0 !important;line-height:1 !important}.modal-box.glass .modal-x:hover{background:#009ecc !important;color:#1A1A1C !important;border-color:#009ecc !important;transform:scale(1.1) rotate(90deg) !important;box-shadow:0 6px 20px rgba(0,158,204,0.4) !important}#features-modal .section-tag,#pricing-modal .section-tag,#how-modal .section-tag,#faq-modal .section-tag,#feedback-modal .section-tag,#languages-modal .section-tag{color:#003566}#features-modal .modal-head h3,#pricing-modal .modal-head h3,#how-modal .modal-head h3,#faq-modal .modal-head h3,#feedback-modal .modal-head h3,#languages-modal .modal-head h3{color:#0f172a;font-family:var(--fh)}#features-modal .modal-head p,#pricing-modal .modal-head p,#how-modal .modal-head p,#faq-modal .modal-head p,#feedback-modal .modal-head p,#languages-modal .modal-head p{color:#475569 !important}#features-modal strong,#pricing-modal strong,#how-modal strong,#faq-modal strong,#feedback-modal strong,#languages-modal strong{color:#0f172a;font-weight:700}#features-modal .feat-card{background:rgba(255,255,255,0.65) !important;backdrop-filter:blur(8px) !important;-webkit-backdrop-filter:blur(8px) !important;border:1px solid rgba(0,53,102,0.06) !important;border-radius:20px !important;padding:28px 24px !important;box-shadow:0 8px 30px rgba(0,53,102,0.02),inset 0 1px 1px #ffffff !important;transition:all 0.4s cubic-bezier(0.16,1,0.3,1) !important;display:flex !important;flex-direction:column !important;align-items:flex-start !important;text-align:left !important}#features-modal .feat-card:hover{background:#ffffff !important;border-color:rgba(0,158,204,0.4) !important;box-shadow:0 24px 48px rgba(0,53,102,0.08),inset 0 1px 0 rgba(255,255,255,0.9) !important;transform:translateY(-6px) !important}#features-modal .feat-card h4{color:#0f172a !important;font-size:1.1rem !important;font-weight:800 !important;margin-bottom:8px !important;transition:color 0.3s ease !important}#features-modal .feat-card:hover h4{color:#003566 !important}#features-modal .feat-card p{color:#475569 !important;font-size:0.86rem !important;line-height:1.6 !important;transition:color 0.3s ease !important}#features-modal .feat-card:hover p{color:#1e293b !important}#features-modal .feat-icon{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:44px !important;height:44px !important;border-radius:12px !important;background:rgba(0,158,204,0.07) !important;border:1px solid rgba(0,158,204,0.15) !important;color:#009ecc !important;margin-bottom:16px !important;transition:all 0.3s cubic-bezier(0.16,1,0.3,1) !important}#features-modal .feat-card:hover .feat-icon{background:linear-gradient(135deg,#009ecc,#003566) !important;color:#ffffff !important;border-color:transparent !important;box-shadow:0 8px 24px rgba(0,158,204,0.25) !important;transform:translateY(-2px) scale(1.05) !important}#pricing-modal .price-card{background:rgba(255,255,255,0.65) !important;backdrop-filter:blur(8px) !important;-webkit-backdrop-filter:blur(8px) !important;border:1px solid rgba(0,53,102,0.06) !important;border-radius:20px !important;padding:36px 28px !important;box-shadow:0 8px 30px rgba(0,53,102,0.02),inset 0 1px 1px #ffffff !important;transition:all 0.4s cubic-bezier(0.16,1,0.3,1) !important;display:flex !important;flex-direction:column !important;justify-content:space-between !important;overflow:visible !important}#pricing-modal .price-card:hover{background:#ffffff !important;border-color:rgba(0,158,204,0.4) !important;box-shadow:0 24px 48px rgba(0,53,102,0.08),inset 0 1px 0 rgba(255,255,255,0.9) !important;transform:translateY(-8px) !important}#pricing-modal .price-card h4{color:#003566 !important;font-size:0.9rem !important;font-weight:800 !important;letter-spacing:1.5px !important;text-transform:uppercase !important;margin-bottom:12px !important}#pricing-modal .price-val{color:#0f172a !important;font-size:3rem !important;font-weight:900 !important;margin-bottom:24px !important;display:flex !important;align-items:baseline !important;gap:4px !important}#pricing-modal .price-val span{color:#64748b !important;font-size:0.9rem !important;font-weight:500 !important}#pricing-modal .price-card ul{list-style:none !important;margin-bottom:32px !important;padding:0 !important;flex-grow:1 !important}#pricing-modal .price-card ul li{color:#475569 !important;font-size:0.9rem !important;padding:8px 0 8px 24px !important;border-bottom:1px solid rgba(0,53,102,0.05) !important;position:relative !important;line-height:1.5 !important;transition:all 0.3s ease !important}#pricing-modal .price-card ul li:hover{padding-left:28px !important;color:#003566 !important}#pricing-modal .price-card ul li::before{content:"✓" !important;position:absolute !important;left:0 !important;color:#009ecc !important;font-weight:800 !important;font-size:1rem !important;transition:transform 0.3s ease !important}#pricing-modal .price-card ul li:hover::before{transform:scale(1.2) rotate(5deg) !important}#pricing-modal .price-card ul li.dim{color:rgba(15,23,42,0.3) !important}#pricing-modal .price-card ul li.dim::before{content:"–" !important;color:rgba(15,23,42,0.25) !important}#pricing-modal .price-card ul li.dim:hover{padding-left:24px !important;color:rgba(15,23,42,0.3) !important}#pricing-modal .price-card ul li.dim:hover::before{transform:none !important}#pricing-modal .price-card.pop{background:linear-gradient(135deg,#091a2f 0%,#003566 100%) !important;border:1px solid rgba(0,194,255,0.35) !important;color:#ffffff !important;transform:scale(1.04) !important;box-shadow:0 16px 48px rgba(0,158,204,0.22),inset 0 1px 0 rgba(255,255,255,0.1) !important;z-index:2 !important}#pricing-modal .price-card.pop:hover{border-color:#00c2ff !important;box-shadow:0 28px 64px rgba(0,158,204,0.35),inset 0 1px 0 rgba(255,255,255,0.15) !important;transform:scale(1.06) translateY(-8px) !important}#pricing-modal .price-card.pop h4{color:#00c2ff !important;text-shadow:0 0 10px rgba(0,194,255,0.2) !important}#pricing-modal .price-card.pop .price-val{color:#FFFFFF !important}#pricing-modal .price-card.pop .price-val span{color:rgba(255,255,255,0.6) !important}#pricing-modal .price-card.pop ul li{color:rgba(255,255,255,0.8) !important;border-bottom:1px solid rgba(255,255,255,0.06) !important}#pricing-modal .price-card.pop ul li:hover{color:#ffffff !important}#pricing-modal .price-card.pop ul li::before{color:#00c2ff !important}#pricing-modal .price-card.pop ul li.dim{color:rgba(255,255,255,0.3) !important}#pricing-modal .price-card.pop ul li.dim::before{color:rgba(255,255,255,0.25) !important}#pricing-modal .pop-tag{top:-14px !important;background:linear-gradient(135deg,#e0f7ff 0%,#009ecc 50%,#092c3e 100%) !important;color:#121214 !important;font-weight:900 !important;font-size:0.72rem !important;padding:6px 20px !important;border-radius:50px !important;box-shadow:0 6px 15px rgba(0,158,204,0.4),inset 0 1px 0 rgba(255,255,255,0.5) !important;letter-spacing:1.5px !important;text-transform:uppercase !important;border:1px solid rgba(255,255,255,0.2) !important;z-index:10 !important}#pricing-modal .modal-box{padding-top:48px !important;overflow-y:auto !important}#pricing-modal .price-row{margin-top:40px !important;padding-top:20px !important;overflow:visible !important}#pricing-modal .price-card.pop .trial-badge{background:rgba(16,185,129,0.12) !important;color:#10B981 !important;border:1px solid rgba(16,185,129,0.2) !important;padding:4px 12px !important;border-radius:50px !important;display:inline-block !important;font-size:0.72rem !important;margin-top:-6px !important;margin-bottom:16px !important;font-weight:600 !important;text-transform:uppercase !important;letter-spacing:0.5px !important;text-align:center !important}#pricing-modal .btn-ghost{background:transparent !important;border:1.5px solid rgba(0,53,102,0.25) !important;color:#003566 !important;border-radius:12px !important;font-weight:700 !important;font-size:0.95rem !important;padding:12px 24px !important;transition:all 0.3s cubic-bezier(0.4,0,0.2,1) !important;box-shadow:none !important}#pricing-modal .btn-ghost:hover{background:#003566 !important;border-color:#003566 !important;color:#ffffff !important;transform:translateY(-2px) !important;box-shadow:0 8px 20px rgba(0,53,102,0.15) !important}#pricing-modal .btn-accent{background:linear-gradient(135deg,#003566,#009ecc) !important;color:#ffffff !important;border:none !important;border-radius:12px !important;font-weight:800 !important;font-size:0.95rem !important;padding:14px 24px !important;transition:all 0.3s cubic-bezier(0.4,0,0.2,1) !important;box-shadow:0 4px 15px rgba(0,158,204,0.3) !important}#pricing-modal .btn-accent:hover{background:linear-gradient(135deg,#009ecc,#00c2ff) !important;color:#ffffff !important;transform:translateY(-2px) !important;box-shadow:0 8px 24px rgba(0,158,204,0.5) !important}#pricing-modal .btn-accent.pulse-glow{animation:pulseGlow 2.5s infinite ease-in-out !important}@keyframes pulseGlow{0%,100%{box-shadow:0 4px 15px rgba(0,158,204,0.35) !important}50%{box-shadow:0 4px 25px rgba(0,158,204,0.65) !important}}#how-modal .timeline-step{color:#0f172a}#how-modal .timeline-num{background:rgba(0,53,102,0.08);border-color:rgba(0,53,102,0.2);color:#003566}#how-modal .timeline-line{background:#e2e8f0}#how-modal .timeline-badge{background:rgba(0,53,102,0.08);color:#003566;border-color:rgba(0,53,102,0.15)}#how-modal .timeline-content h3{color:#0f172a}#how-modal .timeline-content p{color:#475569}#how-modal .timeline-content p strong{color:#0f172a;font-weight:700}#how-modal .timeline-note{background:rgba(0,53,102,0.04);border-left-color:#003566;color:#475569}#how-modal hr{border-top-color:#e2e8f0 !important}#how-modal .bva-card{background:#ffffff;border:1px solid rgba(0,53,102,0.08);color:#0f172a;border-radius:20px !important;padding:32px 28px !important;box-shadow:0 8px 30px rgba(0,53,102,0.02) !important;transition:all 0.4s cubic-bezier(0.16,1,0.3,1) !important}#how-modal .bva-card.before{background:linear-gradient(135deg,rgba(239,68,68,0.02) 0%,#ffffff 100%) !important;border:1px dashed rgba(239,68,68,0.25) !important}#how-modal .bva-card.after{background:linear-gradient(135deg,rgba(16,185,129,0.03) 0%,#ffffff 100%) !important;border:1px solid rgba(16,185,129,0.25) !important;box-shadow:0 12px 32px rgba(16,185,129,0.04) !important}#how-modal .bva-card:hover{transform:translateY(-4px) !important}#how-modal .bva-card.before:hover{border-color:rgba(239,68,68,0.45) !important;box-shadow:0 16px 36px rgba(239,68,68,0.06) !important}#how-modal .bva-card.after:hover{border-color:rgba(16,185,129,0.45) !important;box-shadow:0 16px 36px rgba(16,185,129,0.08) !important}#how-modal .bva-label{color:#0f172a !important;font-weight:800 !important;font-size:1rem !important;letter-spacing:-0.2px !important}#how-modal .bva-list li{color:#475569 !important;font-size:0.9rem !important}#how-modal .before .bva-list li::before{content:"×" !important;color:#ef4444 !important;font-weight:800 !important;font-size:1.2rem !important;width:auto !important;height:auto !important;border-radius:0 !important;background:transparent !important}#how-modal .after .bva-list li::before{content:"✓" !important;color:#10b981 !important;font-weight:800 !important;font-size:1rem !important;width:auto !important;height:auto !important;border-radius:0 !important;background:transparent !important}#how-modal .bva-stat{background:rgba(239,68,68,0.05) !important;border:1px solid rgba(239,68,68,0.15) !important;color:#ef4444 !important;border-radius:14px !important;padding:12px 18px !important;font-weight:800 !important;font-size:1.15rem !important}#how-modal .bva-stat span{color:#dc2626 !important;font-size:0.75rem !important;font-weight:600 !important}#how-modal .bva-stat.glow{background:linear-gradient(135deg,#10b981,#059669) !important;border:none !important;color:#ffffff !important;box-shadow:0 8px 20px rgba(16,185,129,0.3) !important}#how-modal .bva-stat.glow span{color:rgba(255,255,255,0.9) !important}#how-modal .vs-circle{background:linear-gradient(135deg,#003566,#009ecc) !important;color:#ffffff !important;font-weight:800 !important;box-shadow:0 4px 15px rgba(0,158,204,0.3) !important;border:2px solid #ffffff !important;animation:bvaPulse 2.5s infinite ease-in-out !important}@keyframes bvaPulse{0%,100%{transform:scale(1);box-shadow:0 4px 15px rgba(0,158,204,0.3)}50%{transform:scale(1.08);box-shadow:0 6px 22px rgba(0,158,204,0.5)}}#how-modal .testi-card{background:rgba(255,255,255,0.8) !important;border:1px solid rgba(0,53,102,0.06) !important;color:#475569 !important;border-radius:20px !important;padding:32px 24px !important;box-shadow:0 6px 20px rgba(0,53,102,0.02) !important;transition:all 0.3s cubic-bezier(0.16,1,0.3,1) !important}#how-modal .testi-card:hover{transform:translateY(-5px) !important;border-color:rgba(0,158,204,0.3) !important;box-shadow:0 16px 36px rgba(0,53,102,0.06) !important}#how-modal .testi-card p{color:#475569 !important;font-size:0.9rem !important}#how-modal .testi-card strong{color:#0f172a !important;font-weight:800 !important}#how-modal .testi-card small{color:#64748b !important}#how-modal .testi-card::before{color:rgba(0,158,204,0.08) !important;font-size:5rem !important;right:16px !important;top:4px !important}#how-modal .testi-card::after{background:linear-gradient(90deg,transparent,#009ecc,transparent) !important}#how-modal .testi-av{background:linear-gradient(135deg,#003566,#009ecc) !important;color:#ffffff !important;font-weight:800 !important;box-shadow:0 4px 10px rgba(0,158,204,0.15) !important;border:1.5px solid #ffffff !important}#faq-modal .faq-item{background:#f8fafc !important;border:1px solid #e2e8f0 !important;border-radius:14px !important;margin-bottom:12px !important;transition:all 0.3s cubic-bezier(0.16,1,0.3,1) !important}#faq-modal .faq-item:hover{background:#ffffff !important;border-color:rgba(0,158,204,0.3) !important;box-shadow:0 8px 24px rgba(0,53,102,0.04) !important}#faq-modal .faq-item.open{background:#ffffff !important;border-color:rgba(0,158,204,0.45) !important;box-shadow:0 12px 32px rgba(0,53,102,0.06) !important}#faq-modal .faq-q{color:#0f172a !important;background:transparent !important;display:flex !important;justify-content:space-between !important;align-items:center !important;padding-right:48px !important;position:relative !important;font-weight:700 !important}#faq-modal .faq-q:hover{color:#003566 !important}#faq-modal .faq-q::after{content:"+" !important;position:absolute !important;right:22px !important;top:50% !important;transform:translateY(-50%) !important;color:#009ecc !important;font-size:1.3rem !important;font-weight:600 !important;transition:all 0.3s ease !important}#faq-modal .faq-item.open .faq-q::after{content:"−" !important;transform:translateY(-50%) rotate(180deg) !important;color:#ef4444 !important}#faq-modal .faq-a p{color:#475569 !important;padding:0 22px 18px !important}#feedback-modal label{color:#64748b !important}#feedback-modal input,#feedback-modal textarea{background:#f8fafc !important;border-color:#e2e8f0 !important;color:#0f172a !important}#feedback-modal input::placeholder,#feedback-modal textarea::placeholder{color:rgba(15,23,42,0.35) !important}#feedback-modal input:focus,#feedback-modal textarea:focus{border-color:#009ecc !important;box-shadow:0 0 0 3px rgba(0,158,204,0.1)}#feedback-modal .btn-accent{background:linear-gradient(135deg,#003566,#009ecc);color:#ffffff;border:none}#feedback-modal .btn-accent:hover{background:linear-gradient(135deg,#009ecc,#00c2ff)}#languages-modal .lang-pill{background:#f8fafc;border-color:#e2e8f0;color:#0f172a}#languages-modal .flag-badge{background:rgba(0,53,102,0.08);color:#003566}#languages-modal .demo-tab{background:#f8fafc;border-color:#e2e8f0;color:#0f172a}#languages-modal .demo-tab.active{background:#003566;color:#ffffff;border-color:#003566}#languages-modal .demo-tab .tab-name{color:inherit}#languages-modal .demo-tab .tab-user{color:inherit;opacity:0.6}#languages-modal .phone-frame{background:#003566;border-color:rgba(0,53,102,0.3)}#languages-modal .phone-bar{border-bottom-color:rgba(255,255,255,0.1)}#features-modal .modal-box::-webkit-scrollbar-track,#pricing-modal .modal-box::-webkit-scrollbar-track,#how-modal .modal-box::-webkit-scrollbar-track,#faq-modal .modal-box::-webkit-scrollbar-track,#feedback-modal .modal-box::-webkit-scrollbar-track,#languages-modal .modal-box::-webkit-scrollbar-track{background:rgba(0,53,102,0.03)}#features-modal .modal-box::-webkit-scrollbar-thumb,#pricing-modal .modal-box::-webkit-scrollbar-thumb,#how-modal .modal-box::-webkit-scrollbar-thumb,#faq-modal .modal-box::-webkit-scrollbar-thumb,#feedback-modal .modal-box::-webkit-scrollbar-thumb,#languages-modal .modal-box::-webkit-scrollbar-thumb{background:rgba(0,53,102,0.12);border-radius:10px}#particles{display:block !important;position:absolute;inset:0;pointer-events:none;z-index:1}.landing-frame{position:relative;z-index:2;width:100%;min-height:100vh;max-height:100vh;padding:14px;display:flex;align-items:stretch;box-sizing:border-box;overflow:hidden}.landing-canvas{position:relative;width:100%;background-color:#0b0c10;color:#fafafa;border-radius:40px;box-shadow:0 24px 64px rgba(0,0,0,0.4);display:flex;flex-direction:column;box-sizing:border-box;overflow-y:auto;max-height:100%;scroll-behavior:smooth;-ms-overflow-style:none !important;scrollbar-width:none !important}.landing-canvas::-webkit-scrollbar{display:none !important;width:0 !important;height:0 !important}.landing-header-wrapper{position:sticky;top:0;left:0;right:0;height:72px;z-index:100;background:transparent;pointer-events:none}.landing-header-wrapper .cutout-top-left,.landing-header-wrapper .cutout-top-right,.landing-header-wrapper .canvas-header{pointer-events:auto}.cutout-top-left{position:absolute;top:-1px;left:-1px;width:220px;height:72px;background-color:#0A0A0B;border-bottom-right-radius:40px;z-index:3;display:flex;align-items:center;padding-left:28px}.cutout-top-right{position:absolute;top:-1px;right:-1px;width:auto !important;min-width:300px;height:72px;background-color:#0A0A0B;border-bottom-left-radius:40px;z-index:3;display:flex;align-items:center;justify-content:flex-end;padding-right:28px;padding-left:28px}.cutout-bottom-right{position:absolute;bottom:-1px;right:-1px;width:280px;height:70px;background-color:#0A0A0B;border-top-left-radius:40px;z-index:3;display:flex;align-items:center;justify-content:center}.bottom-logo-container{transition:all 0.3s cubic-bezier(0.4,0,0.2,1) !important}.bottom-logo-container:hover{transform:translateY(-2px) !important;background-color:rgba(255,255,255,0.08) !important}.outer-logo a{display:flex;align-items:center;text-decoration:none}.outer-logo .logo-text{font-family:var(--fh);font-weight:800;background:linear-gradient(135deg,#003566 30%,#009ecc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;letter-spacing:-0.5px;filter:drop-shadow(0 2px 10px rgba(0,158,204,0.15));transition:all 0.3s ease;font-size:1.35rem}.outer-logo .logo-icon-wrap{width:36px;height:36px;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-right:10px;transition:transform 0.2s ease}.outer-logo a:hover .logo-icon-wrap{transform:scale(1.05)}.outer-logo .logo-img-icon{width:100%;height:100%;object-fit:cover;object-position:50% 0%;transform:scale(2.6)}.outer-actions{display:flex;align-items:center;gap:12px}.outer-login-btn{height:38px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;background:rgba(0,158,204,0.03) !important;color:#FAFAFA !important;border:1.5px solid rgba(0,158,204,0.6) !important;border-radius:20px !important;font-size:0.82rem !important;font-weight:600 !important;cursor:pointer !important;padding:0 20px !important;transition:all 0.3s cubic-bezier(0.4,0,0.2,1) !important;white-space:nowrap !important;font-family:var(--f) !important;box-sizing:border-box !important}.outer-login-btn:hover{color:#1A1A1C !important;background:#009ecc !important;border-color:#009ecc !important;transform:translateY(-1px) !important;box-shadow:0 4px 15px rgba(0,158,204,0.3) !important}.outer-lang-btn{background:transparent;color:#d9d0c3;border:1px solid rgba(255,255,255,0.15);border-radius:20px;padding:8px 16px;font-size:0.85rem;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all 0.2s;white-space:nowrap}.outer-lang-btn:hover{border-color:rgba(255,255,255,0.35);background:rgba(255,255,255,0.05);color:#FAFAFA}.outer-connect-btn{height:38px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;background:rgba(0,158,204,0.03) !important;color:#FAFAFA !important;border:1.5px solid rgba(0,158,204,0.6) !important;border-radius:20px !important;padding:0 10px 0 20px !important;font-size:0.82rem !important;font-weight:600 !important;cursor:pointer !important;gap:8px !important;transition:all 0.3s cubic-bezier(0.4,0,0.2,1) !important;white-space:nowrap !important;font-family:var(--f) !important;box-shadow:0 0 10px rgba(0,158,204,0.05) !important;box-sizing:border-box !important}.outer-connect-btn:hover{background:#009ecc !important;color:#0A0A0B !important;border-color:#009ecc !important;box-shadow:0 4px 20px rgba(0,158,204,0.45) !important;transform:translateY(-1px) !important}.connect-arrow{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:22px !important;height:22px !important;background-color:#FAFAFA !important;color:#0A0A0B !important;border-radius:50% !important;transition:all 0.3s cubic-bezier(0.4,0,0.2,1) !important}.outer-connect-btn:hover .connect-arrow{background-color:#0A0A0B !important;color:#009ecc !important;transform:translateX(4px) scale(1.05) !important}.fillet{position:absolute;width:40px;height:40px;pointer-events:none;z-index:4}.fillet-tl-bottom{left:-2px;top:70px;width:42px;height:42px;background:radial-gradient(circle at 42px 42px,transparent 41.5px,#0A0A0B 42.5px)}.fillet-tl-right{left:218px;top:-2px;width:42px;height:42px;background:radial-gradient(circle at 42px 42px,transparent 41.5px,#0A0A0B 42.5px)}.fillet-tr-left{left:-41px;top:-2px;width:42px;height:42px;background:radial-gradient(circle at 0px 42px,transparent 41.5px,#0A0A0B 42.5px)}.fillet-tr-bottom{right:-2px;top:70px;width:42px;height:42px;background:radial-gradient(circle at 0px 42px,transparent 41.5px,#0A0A0B 42.5px)}.fillet-br-left{right:278px;bottom:-2px;width:42px;height:42px;background:radial-gradient(circle at 0px 0px,transparent 41.5px,#0A0A0B 42.5px)}.fillet-br-top{right:-2px;bottom:68px;width:42px;height:42px;background:radial-gradient(circle at 0px 0px,transparent 41.5px,#0A0A0B 42.5px)}.canvas-content{flex:1;padding:115px 60px 100px;display:flex;flex-direction:column;box-sizing:border-box}.canvas-header{position:absolute;top:0;left:220px;right:var(--cutout-right-w,300px) !important;height:72px;display:flex;align-items:center;justify-content:center}.nav-pill{display:flex;align-items:center;background:rgba(15,15,17,0.75) !important;border:1.5px solid rgba(0,158,204,0.25) !important;border-radius:30px;padding:5px 8px;gap:3px;backdrop-filter:blur(20px);box-shadow:0 10px 30px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.05) !important}.nav-pill-item{color:rgba(255,255,255,0.8) !important;font-family:var(--f);font-size:0.82rem;font-weight:600 !important;padding:7px 16px;border-radius:20px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1) !important;text-decoration:none;display:flex;align-items:center;justify-content:center;gap:0 !important;white-space:nowrap;letter-spacing:0.1px}.nav-pill-item::before{display:none !important}.nav-pill-item:hover{color:#00c2ff !important;background:rgba(0,158,204,0.12) !important;transform:translateY(-0.5px)}.canvas-hero-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:24px;align-items:center;flex:1}.hero-left-col{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.stacked-envelope-decoration{margin-bottom:16px;animation:floatEnvelope 4s ease-in-out infinite}.stacked-envelope-decoration svg{width:44px;height:44px}@keyframes floatEnvelope{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}.canvas-title{font-family:var(--fh);font-size:3.4rem;font-weight:800;line-height:1.12;color:#FAFAFA;letter-spacing:-1.5px;margin-bottom:22px}.hero-gradient-text{background:linear-gradient(135deg,#009ecc 0%,#00c2ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.canvas-cta-area{margin-bottom:22px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.canvas-download-btn{background:transparent;color:#FAFAFA;border:1.5px solid rgba(0,158,204,0.5);border-radius:30px;padding:10px 22px;font-size:0.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);font-family:var(--f)}.canvas-download-btn:hover{background:#009ecc;color:#0A0A0B;border-color:#009ecc;box-shadow:0 6px 20px rgba(0,158,204,0.35);transform:translateY(-2px)}.cta-download-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;background:rgba(0,158,204,0.12);border-radius:50%;transition:all 0.3s ease}.canvas-download-btn:hover .cta-download-icon{background:rgba(10,10,11,0.15);transform:translateY(2px)}.pwa-guide-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(10,10,11,0.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn 0.25s ease}.pwa-guide-modal{background:#F6F0E6;border-radius:24px;padding:32px 28px;max-width:400px;width:100%;position:relative;box-shadow:0 25px 60px rgba(0,0,0,0.3);animation:slideUp 0.35s cubic-bezier(0.4,0,0.2,1)}.pwa-guide-modal h3{font-size:1.3rem;font-weight:800;font-family:var(--fh);color:#1A1A1C;margin:0 0 20px;letter-spacing:-0.3px}.pwa-guide-close{position:absolute;top:16px;right:16px;background:rgba(26,26,28,0.06);border:none;width:32px;height:32px;border-radius:50%;font-size:0.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#999;transition:all 0.2s}.pwa-guide-close:hover{background:rgba(26,26,28,0.12);color:#1A1A1C}.pwa-guide-steps{display:flex;flex-direction:column;gap:12px}.pwa-guide-step{display:flex;align-items:flex-start;gap:14px;background:#fff;border:1px solid rgba(26,26,28,0.06);border-radius:14px;padding:14px 16px;font-size:0.88rem;color:#444;line-height:1.6;box-shadow:0 2px 8px rgba(0,0,0,0.02)}.pwa-guide-num{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,#009ecc,#092c3e);color:#fff;font-size:0.75rem;font-weight:700;display:flex;align-items:center;justify-content:center}@keyframes slideUp{from{opacity:0;transform:translateY(30px) scale(0.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.canvas-contact-btn{background:#1A1A1C;color:#F6F0E6;border:none;border-radius:30px;padding:10px 24px;font-size:0.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 4px 14px rgba(26,26,28,0.15)}.canvas-contact-btn:hover{background:#009ecc !important;color:#0A0A0B !important;box-shadow:0 6px 20px rgba(0,158,204,0.45) !important;transform:translateY(-2px)}.cta-arrow-circle{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background-color:#F6F0E6;color:#1A1A1C;border-radius:50%;transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.canvas-contact-btn:hover .cta-arrow-circle{background-color:#0A0A0B !important;color:#009ecc !important;transform:translateX(4px) scale(1.05)}.canvas-divider{width:220px;height:1px;border:0;background:linear-gradient(90deg,rgba(255,255,255,0.1) 0%,rgba(255,255,255,0.02) 100%);margin:0 0 18px}.canvas-desc{color:var(--t2);font-size:0.98rem;line-height:1.6;max-width:440px}.hero-right-col{display:flex;justify-content:center;align-items:center}.canvas-hero-image-wrap{width:100%;max-width:540px;display:flex;justify-content:center;align-items:center;margin-top:15px}.canvas-hero-img{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 20px 40px rgba(0,0,0,0.15))}.inbox-mockup{position:relative;width:100%;max-width:480px;aspect-ratio:4 / 3.5}.mockup-status-row{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:12px;gap:12px}.status-pill{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:20px;font-size:0.75rem;font-weight:700;box-shadow:0 4px 12px rgba(0,0,0,0.03),0 1px 0 rgba(255,255,255,0.1);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);border:1px solid transparent}.status-pill.active-pill{background:rgba(26,26,28,0.95);color:#009ecc;border:1px solid rgba(0,158,204,0.3)}.status-pill.rate-pill{background:rgba(246,240,230,0.95);color:#1A1A1C;border:1px solid rgba(26,26,28,0.08)}.status-pill:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,158,204,0.15)}.mockup-window{position:relative;z-index:1;width:100%;height:100%;background:rgba(246,240,230,0.85);backdrop-filter:blur(20px);border:1px solid rgba(26,26,28,0.1);border-radius:20px;box-shadow:0 24px 60px rgba(0,0,0,0.08),0 0 0 1px rgba(0,158,204,0.1),inset 0 1px 0 rgba(255,255,255,0.7);display:flex;flex-direction:column;overflow:hidden}.mockup-header{display:flex;align-items:center;padding:14px 18px;border-bottom:1px solid rgba(26,26,28,0.06);gap:12px}.mockup-dots{display:flex;gap:5px}.mockup-dots span{width:9px;height:9px;border-radius:50%;background:rgba(26,26,28,0.12)}.mockup-dots span:first-child{background:#ef4444;opacity:0.7}.mockup-dots span:nth-child(2){background:#f59e0b;opacity:0.7}.mockup-dots span:last-child{background:#22c55e;opacity:0.7}.mockup-title{font-family:var(--fh);font-size:0.9rem;font-weight:700;color:#1A1A1C;letter-spacing:1px;flex:1}.mockup-badge{font-size:0.65rem;font-weight:600;color:#092c3e;background:rgba(9,44,62,0.1);border:1px solid rgba(9,44,62,0.2);padding:3px 10px;border-radius:20px;transition:all 0.3s}.mockup-badge.has-new{color:#c53030;background:rgba(220,60,60,0.08);border-color:rgba(220,60,60,0.2)}.mockup-emails{flex:1;display:flex;flex-direction:column;gap:0;padding:8px 12px;overflow:hidden;min-height:0}.mockup-email{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:rgba(26,26,28,0.03);border:1px solid rgba(26,26,28,0.05);opacity:0;transform:translateX(60px);animation:slideInEmail 0.5s ease forwards;transition:background 0.3s,box-shadow 0.3s;flex-shrink:0}.mockup-email + .mockup-email{margin-top:6px}.mockup-email.replying{background:rgba(9,44,62,0.06);border-color:rgba(9,44,62,0.15);box-shadow:0 0 12px rgba(9,44,62,0.08)}.mockup-email.replied{background:rgba(22,163,74,0.04);border-color:rgba(22,163,74,0.12)}@keyframes slideInEmail{to{opacity:1;transform:translateX(0)}}.mockup-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,rgba(9,44,62,0.15),rgba(9,44,62,0.08));border:1px solid rgba(9,44,62,0.2);display:flex;align-items:center;justify-content:center;font-size:0.6rem;font-weight:700;color:#092c3e;flex-shrink:0}.mockup-email-body{flex:1;min-width:0}.mockup-email-name{font-size:0.72rem;font-weight:600;color:#1A1A1C;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mockup-email-subject{font-size:0.65rem;color:rgba(26,26,28,0.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.mockup-typing-row{display:flex;align-items:center;gap:6px;margin-top:5px;height:0;opacity:0;overflow:hidden;transition:all 0.3s ease}.replying .mockup-typing-row{height:20px;opacity:1}.replying .mockup-email-subject{opacity:0.3}.mockup-typing-bubble{display:flex;align-items:center;gap:3px;background:linear-gradient(135deg,rgba(9,44,62,0.15),rgba(9,44,62,0.08));border:1px solid rgba(9,44,62,0.2);border-radius:12px;padding:3px 8px}.mockup-typing-bubble span{width:4px;height:4px;border-radius:50%;background:#092c3e;animation:mockupTypingDot 1.4s ease-in-out infinite}.mockup-typing-bubble span:nth-child(2){animation-delay:0.2s}.mockup-typing-bubble span:nth-child(3){animation-delay:0.4s}@keyframes mockupTypingDot{0%,60%,100%{opacity:0.25;transform:scale(0.8)}30%{opacity:1;transform:scale(1.2)}}.mockup-typing-label{font-size:0.58rem;font-weight:600;color:#092c3e;letter-spacing:0.2px}.mockup-replied-badge{display:inline-block;margin-top:4px;font-size:0.55rem;font-weight:600;color:#16a34a;background:rgba(22,163,74,0.08);border:1px solid rgba(22,163,74,0.15);padding:1px 8px;border-radius:8px;opacity:0;transform:scale(0.8) translateY(-4px);transition:all 0.3s ease}.replied .mockup-replied-badge{opacity:1;transform:scale(1) translateY(0)}.replied .mockup-typing-row{height:0;opacity:0}.mockup-email-time{font-size:0.6rem;color:rgba(26,26,28,0.35);flex-shrink:0;white-space:nowrap}.mockup-email-status{flex-shrink:0;font-size:0.7rem;opacity:0;transform:scale(0);transition:all 0.3s ease}.mockup-email-status.show{opacity:1;transform:scale(1)}.mockup-ai-bar{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#1A1A1C;border-radius:0 0 20px 20px;color:#F6F0E6}.mockup-ai-icon{font-size:0.85rem}.mockup-ai-text{font-size:0.7rem;font-weight:500;flex:1;letter-spacing:0.3px}.mockup-ai-dots{display:flex;gap:3px;opacity:0;transition:opacity 0.3s}.mockup-ai-dots.active{opacity:1}.mockup-ai-dots span{width:5px;height:5px;border-radius:50%;background:#009ecc;animation:typingDot 1.2s ease-in-out infinite}.mockup-ai-dots span:nth-child(2){animation-delay:0.2s}.mockup-ai-dots span:nth-child(3){animation-delay:0.4s}@keyframes typingDot{0%,60%,100%{opacity:0.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.hero-carousel{position:relative;width:100%;max-width:480px;aspect-ratio:4 / 3.8;margin:0 auto;display:flex;flex-direction:column;transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1)}.hero-carousel:hover{transform:translateY(-5px)}.carousel-track{position:relative;width:100%;flex:1;transition:box-shadow 0.3s ease;border-radius:20px;box-shadow:0 16px 40px rgba(0,0,0,0.04)}.hero-carousel:hover .carousel-track{box-shadow:0 24px 60px rgba(0,0,0,0.1)}.carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity 0.5s cubic-bezier(0.4,0,0.2,1),transform 0.5s cubic-bezier(0.4,0,0.2,1);z-index:1}.carousel-slide.active{opacity:1;pointer-events:auto;transform:translateY(0);z-index:5}.carousel-slide:not(.active) *{animation-play-state:paused !important}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;background:rgba(246,240,230,0.95);backdrop-filter:blur(8px);border:1px solid rgba(26,26,28,0.08);color:#1A1A1C;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:15;box-shadow:0 4px 15px rgba(0,0,0,0.08);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);opacity:0;pointer-events:none}.hero-carousel:hover .carousel-arrow{opacity:1;pointer-events:auto}.carousel-arrow:hover{background:#1A1A1C;color:#F6F0E6;border-color:#1A1A1C;box-shadow:0 6px 16px rgba(0,158,204,0.35);transform:translateY(-50%) scale(1.08)}.carousel-prev{left:-20px}.carousel-next{right:-20px}.carousel-dots{position:absolute;bottom:-25px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:15}.carousel-dot{width:6px;height:6px;border-radius:50%;background:rgba(26,26,28,0.15);border:none;cursor:pointer;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);padding:0}.carousel-dot.active{width:20px;border-radius:3px;background:#009ecc;box-shadow:0 0 8px rgba(0,158,204,0.5)}.voice-mockup-body{padding:18px 22px;display:flex;flex-direction:column;gap:14px;height:calc(100% - 47px);overflow:hidden;box-sizing:border-box}.voice-sample-box{position:relative;background:rgba(26,26,28,0.03);border:1px solid rgba(26,26,28,0.06);border-radius:12px;padding:12px 14px;font-size:0.72rem;color:#1A1A1C;min-height:80px;line-height:1.45;overflow:hidden}.voice-sample-box::after{content:'';position:absolute;left:0;width:100%;height:2px;background:linear-gradient(90deg,rgba(0,158,204,0) 0%,rgba(0,158,204,0.8) 50%,rgba(0,158,204,0) 100%);box-shadow:0 0 8px rgba(0,158,204,0.6);animation:scanningLine 3s ease-in-out infinite}@keyframes scanningLine{0%{top:0%}50%{top:100%}100%{top:0%}}.voice-analysis-panel{display:flex;flex-direction:column;gap:8px;background:rgba(26,26,28,0.02);border-radius:12px;padding:12px;border:1px dashed rgba(26,26,28,0.08)}.analysis-metric{display:flex;align-items:center;justify-content:space-between;font-size:0.68rem;color:#4A4742}.metric-bar-wrap{width:120px;height:6px;background:rgba(26,26,28,0.06);border-radius:3px;overflow:hidden}.metric-bar-fill{height:100%;background:linear-gradient(90deg,#a0e1ff 0%,#009ecc 100%);border-radius:3px;width:0;transition:width 1.2s cubic-bezier(0.4,0,0.2,1) 0.5s}.carousel-slide.active .metric-bar-fill.bar-prof{width:94%}.carousel-slide.active .metric-bar-fill.bar-friend{width:89%}.carousel-slide.active .metric-bar-fill.bar-conc{width:92%}.voice-match-badge{display:flex;align-items:center;justify-content:center;gap:8px;margin:4px auto 0;padding:8px 22px;border-radius:30px;background:rgba(0,158,204,0.08);border:1px solid rgba(0,158,204,0.25);color:#092c3e;font-family:var(--fh);font-size:0.8rem;font-weight:700;letter-spacing:0.5px;box-shadow:0 4px 15px rgba(0,158,204,0.05);transform:translateY(10px);opacity:0;transition:all 0.8s cubic-bezier(0.4,0,0.2,1) 0.8s}.carousel-slide.active .voice-match-badge{transform:translateY(0);opacity:1}.lang-mockup-body{padding:16px 20px;display:flex;flex-direction:column;gap:10px;height:calc(100% - 47px);justify-content:center;box-sizing:border-box}.lang-card{background:rgba(26,26,28,0.03);border:1px solid rgba(26,26,28,0.05);border-radius:12px;padding:10px 14px;position:relative;transition:all 0.5s ease}.lang-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.lang-sender{font-size:0.72rem;font-weight:700;color:#1A1A1C;display:flex;align-items:center;gap:6px}.lang-sender .lang-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,rgba(9,44,62,0.15),rgba(9,44,62,0.08));border:1px solid rgba(9,44,62,0.2);display:flex;align-items:center;justify-content:center;font-size:0.58rem;font-weight:700;color:#092c3e}.lang-flag{font-size:0.65rem;background:rgba(26,26,28,0.05);padding:2px 6px;border-radius:6px;border:1px solid rgba(26,26,28,0.08)}.lang-message{font-size:0.68rem;color:#4A4742;line-height:1.4}.lang-divider{display:flex;align-items:center;justify-content:center;gap:12px;margin:2px 0;position:relative}.lang-divider-line{flex:1;height:1px;background:linear-gradient(90deg,rgba(0,158,204,0) 0%,rgba(0,158,204,0.2) 50%,rgba(0,158,204,0) 100%)}.lang-translate-badge{font-size:0.6rem;font-weight:700;color:#009ecc;background:#1A1A1C;border:1px solid rgba(0,158,204,0.3);padding:4px 10px;border-radius:20px;letter-spacing:0.5px;box-shadow:0 4px 10px rgba(0,158,204,0.15);animation:pulseGold 2s infinite}.lang-card.reply{background:rgba(22,163,74,0.03);border-color:rgba(22,163,74,0.12);transform:translateY(10px);opacity:0;transition:all 0.6s cubic-bezier(0.4,0,0.2,1) 0.4s}.carousel-slide.active .lang-card.reply{transform:translateY(0);opacity:1}.lang-chips-container{display:flex;gap:6px;justify-content:center;margin-top:4px}.lang-chip{font-size:0.62rem;font-weight:600;color:#4A4742;background:rgba(26,26,28,0.04);border:1px solid rgba(26,26,28,0.06);padding:3px 8px;border-radius:20px;transition:all 0.3s ease}.lang-chip.highlight{color:#092c3e;background:rgba(0,158,204,0.08);border-color:rgba(0,158,204,0.2);animation:floatChip 3s ease-in-out infinite alternate}@keyframes floatChip{from{transform:translateY(0)}to{transform:translateY(-3px)}}.stats-mockup-body{padding:18px 22px;display:flex;flex-direction:column;gap:14px;height:calc(100% - 47px);justify-content:center;box-sizing:border-box}.stats-mockup-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-mockup-card{background:rgba(26,26,28,0.03);border:1px solid rgba(26,26,28,0.05);border-radius:12px;padding:12px 14px;text-align:center;transition:all 0.4s ease;transform:translateY(15px);opacity:0}.carousel-slide.active .stat-mockup-card{transform:translateY(0);opacity:1}.carousel-slide.active .stat-mockup-card:first-child{transition:all 0.5s cubic-bezier(0.4,0,0.2,1) 0.3s}.carousel-slide.active .stat-mockup-card:last-child{transition:all 0.5s cubic-bezier(0.4,0,0.2,1) 0.45s}.stat-mockup-card:hover{transform:translateY(-4px) !important;border-color:rgba(0,158,204,0.3);box-shadow:0 10px 24px rgba(0,158,204,0.08)}.stat-mockup-val{font-family:var(--fh);font-size:1.6rem;font-weight:800;line-height:1.2}.stat-mockup-val.gold{background:linear-gradient(135deg,#1A1A1C 30%,#092c3e 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-mockup-val.green{color:#16a34a}.stat-mockup-lbl{font-size:0.65rem;color:#888;margin-top:4px;font-weight:600}.stats-toggle-row{display:flex;align-items:center;justify-content:space-between;background:rgba(26,26,28,0.03);border:1px solid rgba(26,26,28,0.05);border-radius:12px;padding:12px 16px;transform:translateY(15px);opacity:0;transition:all 0.6s cubic-bezier(0.4,0,0.2,1) 0.6s}.carousel-slide.active .stats-toggle-row{transform:translateY(0);opacity:1}.toggle-info{display:flex;flex-direction:column;gap:2px}.toggle-title{font-size:0.72rem;font-weight:700;color:#1A1A1C}.toggle-subtitle{font-size:0.6rem;color:#888}.mockup-switch{width:36px;height:20px;background:#009ecc;border-radius:20px;position:relative;box-shadow:0 0 10px rgba(0,158,204,0.4)}.mockup-switch::after{content:'';position:absolute;top:2px;right:2px;width:16px;height:16px;background:#F6F0E6;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,0.2)}.stats-sync-status{display:flex;align-items:center;justify-content:center;gap:8px;font-size:0.65rem;font-weight:600;color:#16a34a;transform:translateY(10px);opacity:0;transition:all 0.5s cubic-bezier(0.4,0,0.2,1) 0.75s}.carousel-slide.active .stats-sync-status{transform:translateY(0);opacity:1}.sync-dot{width:6px;height:6px;background:#16a34a;border-radius:50%;animation:pulseGreen 1.5s infinite}.footer-simple{position:relative;z-index:10;font-size:0.8rem;color:rgba(26,26,28,0.7) !important;text-align:center;white-space:nowrap;padding:14px 0 18px}.footer-simple a{color:rgba(26,26,28,0.7) !important;text-decoration:none;transition:color 0.2s ease}.footer-simple a:hover{color:#1A1A1C !important}@media (max-width:1200px){.cutout-top-right{min-width:280px !important}.fillet-tr-left{left:-41px;top:-2px;width:42px;height:42px}.outer-actions{gap:8px}.outer-login-btn{padding:6px 12px;font-size:0.8rem}.outer-connect-btn{padding:6px 14px;font-size:0.8rem}.outer-lang-btn{padding:6px 12px;font-size:0.8rem}.canvas-header{left:230px;right:300px !important}.nav-pill-item{padding:6px 12px;font-size:0.78rem}}@media (max-width:992px){.landing-frame{padding:8px;min-height:100vh;max-height:none !important;overflow-y:auto !important}.landing-canvas{border-radius:24px;overflow:visible !important;height:auto !important}.landing-header-wrapper{position:static;display:flex;flex-direction:column;width:100%;height:auto !important;z-index:auto;background:transparent;pointer-events:auto}.fillet{display:none !important}.cutout-top-left,.cutout-top-right,.cutout-bottom-right{position:static;width:100% !important;height:auto;border-radius:0;padding:14px 16px;background-color:#0A0A0B}.cutout-top-left{border-bottom:1px solid rgba(255,255,255,0.05);display:flex;align-items:center;justify-content:center;border-top-left-radius:24px !important;border-top-right-radius:24px !important}.cutout-top-left .logo-text{font-size:1.5rem !important}.cutout-top-right{justify-content:center;border-bottom:1px solid rgba(255,255,255,0.05);padding:12px 16px}.cutout-bottom-right{border-top:1px solid rgba(255,255,255,0.05);display:none}.footer-simple{padding:16px 0 20px;font-size:0.75rem}.canvas-content{padding:24px 16px}.canvas-header{position:static;width:100%;height:auto;margin-bottom:24px;justify-content:center}.nav-pill{flex-wrap:wrap !important;justify-content:center !important;gap:12px 14px !important;border-radius:20px !important;overflow-x:visible !important;max-width:100% !important;padding:10px 14px !important;mask-image:none !important;-webkit-mask-image:none !important;border:1.5px solid rgba(0,158,204,0.2) !important;background:rgba(250,246,240,0.95) !important;box-shadow:0 4px 12px rgba(26,26,28,0.05) !important}.nav-pill-item{padding:8px 16px !important;font-size:0.8rem !important;white-space:nowrap !important;flex-shrink:0 !important}.canvas-hero-grid{grid-template-columns:1fr;gap:24px}.hero-left-col{align-items:center;text-align:center}.canvas-title{font-size:2.2rem;letter-spacing:-0.8px}.canvas-desc{margin:0 auto;font-size:0.9rem}.canvas-divider{margin:0 auto 20px}.canvas-hero-image-wrap{max-width:300px;margin:0 auto}.outer-actions{gap:8px}.outer-login-btn{padding:6px 14px !important;font-size:0.78rem !important;height:34px !important}.outer-connect-btn{padding:6px 14px !important;font-size:0.78rem !important;height:34px !important}}@media (max-width:480px){.landing-frame{padding:4px;min-height:100vh;max-height:none !important;overflow-y:auto !important}.landing-canvas{border-radius:18px;overflow:visible !important;height:auto !important}.cutout-top-left,.cutout-top-right{padding:10px 12px}.cutout-top-left{border-top-left-radius:18px !important;border-top-right-radius:18px !important}.cutout-top-left .logo-text{font-size:1.3rem !important}.canvas-content{padding:20px 12px}.canvas-header{margin-bottom:20px}.nav-pill{flex-wrap:wrap !important;justify-content:center !important;gap:10px 10px !important;border-radius:16px !important;overflow-x:visible !important;padding:10px 14px !important;mask-image:none !important;-webkit-mask-image:none !important;border:1px solid rgba(0,112,148,0.25) !important}.nav-pill-item{padding:8px 12px !important;font-size:0.72rem !important}.canvas-title{font-size:1.8rem}.canvas-desc{font-size:0.84rem}.canvas-hero-image-wrap{max-width:260px}.outer-login-btn{padding:5px 10px !important;font-size:0.72rem !important;height:30px !important}.outer-connect-btn{padding:5px 10px !important;font-size:0.72rem !important;height:30px !important}.footer-simple{font-size:0.72rem;padding:16px 0;white-space:normal !important}.footer-simple a{display:inline-block !important;padding:8px 14px !important;margin:4px 6px !important;border-radius:20px !important;background:rgba(0,112,148,0.08) !important;color:#007094 !important;font-weight:500 !important;text-decoration:none !important}.mockup-badge-float{display:none !important}}#page-login,#page-register{background:transparent !important;animation:none !important;opacity:1 !important;transform:none !important}#page-landing.auth-blur{pointer-events:none}.modal-page{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:40px 20px;background:transparent !important;overflow-y:auto;animation:none !important}.modal-page .modal-bg{display:block;position:fixed;inset:0;background:rgba(0,0,0,0.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:1}.modal-page .modal-box.auth-modal-box{position:relative;background:rgba(246,240,230,0.82) !important;backdrop-filter:blur(24px) !important;-webkit-backdrop-filter:blur(24px) !important;border:1px solid rgba(26,26,28,0.08) !important;box-shadow:0 32px 80px rgba(0,0,0,0.22),0 0 0 1px rgba(0,158,204,0.1),inset 0 1px 0 rgba(255,255,255,0.6) !important;border-radius:20px;padding:40px 32px 28px;max-width:500px;width:100%;z-index:2;box-sizing:border-box;color:#1A1A1C;margin:auto}.modal-page .modal-x{position:absolute !important;top:10px !important;right:12px !important;width:36px !important;height:36px !important;border-radius:50% !important;background:#1A1A1C !important;border:1px solid rgba(0,158,204,0.3) !important;color:#009ecc !important;font-size:1.2rem !important;font-weight:700 !important;display:flex !important;align-items:center !important;justify-content:center !important;box-shadow:0 4px 12px rgba(0,0,0,0.15) !important;cursor:pointer !important;z-index:100 !important;transition:all 0.35s cubic-bezier(0.4,0,0.2,1) !important;padding:0 !important;line-height:1 !important;pointer-events:auto !important}.modal-page .modal-x:hover{background:#009ecc !important;color:#1A1A1C !important;border-color:#009ecc !important;transform:scale(1.1) rotate(90deg) !important;box-shadow:0 6px 20px rgba(0,158,204,0.4) !important}.modal-page .modal-head h3{color:#1A1A1C;font-family:var(--fh);font-weight:700;font-size:1.2rem;margin:0}.modal-page .modal-head p{color:#666 !important}.modal-page .section-tag{color:#092c3e}.modal-page .fg input,.modal-page .fg textarea{background:rgba(255,255,255,0.5) !important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(26,26,28,0.12) !important;color:#1A1A1C !important;border-radius:10px;padding:12px 14px;font-size:0.95rem;font-family:var(--f);width:100%;box-sizing:border-box;transition:all 0.3s ease}.modal-page .fg input::placeholder,.modal-page .fg textarea::placeholder{color:#777}.modal-page .fg input:hover,.modal-page .fg textarea:hover{border-color:rgba(0,158,204,0.4) !important;background:rgba(255,255,255,0.7) !important}.modal-page .fg input:focus,.modal-page .fg textarea:focus{background:rgba(255,255,255,0.9) !important;border-color:#009ecc !important;box-shadow:0 0 0 3px rgba(0,158,204,0.15),0 4px 15px rgba(0,0,0,0.03) !important;outline:none}.modal-page .fg label{color:#1A1A1C;font-weight:600;font-size:0.85rem;display:block;margin-bottom:6px}.modal-page .optional{color:#999;font-weight:400}.modal-page .pass-wrap{position:relative}.modal-page .pass-wrap input{padding-right:60px !important}.modal-page .pass-wrap .pass-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#888;font-size:0.82rem;font-weight:500;transition:all 0.2s ease;background:none !important;border:none !important;display:flex;align-items:center;gap:4px;cursor:pointer;padding:4px 8px;border-radius:6px}.modal-page .pass-wrap .pass-toggle:hover{color:#1A1A1C}.modal-page .fg-row{display:flex;gap:12px}.modal-page .fg-small{flex:0 0 130px !important;min-width:130px;max-width:130px}.modal-page .pass-strength{background:#e5dfd5;height:4px;border-radius:2px;margin-top:8px;overflow:hidden}.modal-page .pass-label{color:#888;font-size:0.78rem;margin-top:4px;display:block}.modal-page .auth-form{margin-top:20px;width:100%}.modal-page .remember-me input[type="checkbox"]{accent-color:#1A1A1C}.modal-page .auth-form button[type="submit"]{transition:all 0.3s ease;font-family:var(--f);font-weight:600}.modal-page .auth-form button[type="submit"]:hover{background:#33312c !important;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.modal-page .auth-sw a{color:#092c3e !important;transition:color 0.2s ease}.modal-page .auth-sw a:hover{color:#6b5a30 !important}.modal-page .form-err{background:rgba(239,68,68,0.08);border:1px solid rgba(239,68,68,0.2);color:#dc2626;border-radius:8px;padding:10px 14px;font-size:0.82rem}.field-err{display:block;color:#dc2626;font-size:0.75rem;margin-top:4px;line-height:1.3;animation:fieldErrIn 0.25s ease}.field-err.hidden{display:none}@keyframes fieldErrIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.modal-page .fg input.input-invalid,.modal-page .fg textarea.input-invalid{border-color:#dc2626 !important;box-shadow:0 0 0 2px rgba(220,38,38,0.12)}.modal-page .fg input.input-valid,.modal-page .fg textarea.input-valid{border-color:#16a34a !important;box-shadow:0 0 0 2px rgba(22,163,74,0.10)}.modal-page .fg select#reg-suffix{background:rgba(255,255,255,0.5) !important;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(26,26,28,0.12) !important;color:#1A1A1C !important;border-radius:10px;padding:12px 14px;font-size:0.95rem;font-family:var(--f);width:100%;box-sizing:border-box;transition:all 0.3s ease;cursor:pointer;appearance:auto}.modal-page .fg select#reg-suffix:hover{border-color:rgba(0,158,204,0.4) !important}.modal-page .fg select#reg-suffix:focus{outline:none;border-color:rgba(0,158,204,0.6) !important;box-shadow:0 0 12px rgba(0,158,204,0.15)}@media (max-width:600px){.modal-page{padding:10px}.modal-page .modal-box.auth-modal-box{padding:32px 18px 20px;border-radius:16px}}#page-dashboard{background:#0A0A0B !important;min-height:100vh;padding:14px;display:grid !important;grid-template-columns:240px 1fr;gap:14px;box-sizing:border-box}#page-dashboard.hidden{display:none !important}#page-dashboard .sidebar{background:#1A1A1C !important;border-radius:28px !important;display:flex !important;flex-direction:column !important;padding:24px 0 !important;height:calc(100vh - 28px) !important;position:sticky !important;top:14px !important;border:1px solid rgba(255,255,255,0.04) !important;box-shadow:0 12px 36px rgba(0,0,0,0.3) !important}#page-dashboard .sidebar .logo-sm{font-family:var(--fh);font-weight:700;color:#FAFAFA;font-size:1.25rem;letter-spacing:0.5px;display:flex;align-items:center;gap:10px}#page-dashboard .sidebar .logo-sm .logo-icon-wrap{width:28px;height:28px;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center}#page-dashboard .sidebar .logo-sm .logo-img-icon{width:100%;height:100%;object-fit:cover;object-position:50% 0%;transform:scale(2.6)}#page-dashboard .sidebar .nav-item{color:#b8b0a2}#page-dashboard .sidebar .nav-item:hover{color:#FAFAFA;background:rgba(255,255,255,0.03)}#page-dashboard .sidebar .nav-item.active{color:#009ecc;background:rgba(0,158,204,0.08);border-left:3px solid #009ecc;font-weight:600}#page-dashboard .dash-main{background:#F6F0E6 !important;color:#1A1A1C !important;border-radius:28px !important;padding:36px 40px !important;height:calc(100vh - 28px) !important;overflow-y:auto !important;box-shadow:0 24px 64px rgba(0,0,0,0.4) !important;box-sizing:border-box !important;scrollbar-width:none !important;-ms-overflow-style:none !important}#page-dashboard .dash-main::-webkit-scrollbar{display:none !important}.dash-main h1,.dash-main h2,.dash-main h3,.dash-main h4,.dash-main h5{color:#1A1A1C !important;font-family:var(--fh);font-weight:700}.dash-main .dash-head h1{font-size:1.8rem;margin-bottom:20px}.dash-main .stat-card{background:#FAF6F0 !important;border:1px solid rgba(26,26,28,0.08) !important;color:#1A1A1C !important;border-radius:16px !important;padding:16px 24px !important;box-shadow:0 4px 16px rgba(0,0,0,0.02) !important;min-width:100px}.dash-main .stat-card .stat-num{color:#1A1A1C !important}.dash-main .stat-card .stat-lbl{color:rgba(26,26,28,0.5) !important}.dash-main .stat-card.warn{border-color:rgba(0,158,204,0.25) !important;background:rgba(0,158,204,0.05) !important}.dash-main .stat-card.warn .stat-num{color:#092c3e !important}.dash-main .stat-card.good{border-color:rgba(22,163,74,0.2) !important;background:rgba(22,163,74,0.03) !important}.dash-main .stat-card.good .stat-num{color:#16a34a !important}.dash-main .filter-tabs{gap:10px;margin-bottom:24px}.dash-main .tab{border:1px solid rgba(26,26,28,0.1) !important;background:transparent !important;color:rgba(26,26,28,0.7) !important;padding:8px 20px !important;font-weight:500 !important;transition:all 0.2s ease !important}.dash-main .tab:hover{background:rgba(26,26,28,0.04) !important;border-color:rgba(26,26,28,0.2) !important}.dash-main .tab.active{background:#1A1A1C !important;color:#F6F0E6 !important;border-color:#1A1A1C !important;box-shadow:0 4px 12px rgba(0,0,0,0.15) !important;font-weight:600 !important}.dash-main .message-card{background:#FAF6F0 !important;border:1px solid rgba(26,26,28,0.08) !important;color:#1A1A1C !important;box-shadow:0 4px 16px rgba(0,0,0,0.02) !important;border-radius:16px !important;padding:18px 24px !important;transition:all 0.3s cubic-bezier(0.4,0,0.2,1) !important}.dash-main .message-card:hover{border-color:#1A1A1C !important;background:#FFFFFF !important;transform:translateY(-2px) !important;box-shadow:0 8px 24px rgba(0,0,0,0.06) !important}.dash-main .message-avatar{background:linear-gradient(135deg,#1A1A1C,#2C2C2E) !important;color:#FAF6F0 !important;box-shadow:0 4px 10px rgba(0,0,0,0.15) !important;font-family:var(--fh)}.dash-main .message-sender{color:#1A1A1C !important;font-weight:700}.dash-main .message-subject{color:rgba(26,26,28,0.85) !important}.dash-main .message-preview{color:rgba(26,26,28,0.5) !important}.dash-main .message-time{color:rgba(26,26,28,0.4) !important}.dash-main .empty-state p{color:rgba(26,26,28,0.8) !important}.dash-main .empty-state p strong{color:#1A1A1C !important}.dash-main .status-tag{font-weight:700}.dash-main .status-tag.drafted{background:rgba(59,130,246,0.08) !important;color:#2563eb !important}.dash-main .status-tag.pending{background:rgba(217,119,6,0.08) !important;color:#d97706 !important}.dash-main .status-tag.sent{background:rgba(22,163,74,0.08) !important;color:#16a34a !important}.dash-main .status-tag.rejected{background:rgba(26,26,28,0.05) !important;color:rgba(26,26,28,0.5) !important}.dash-main .status-tag.drafting{background:rgba(0,158,204,0.12) !important;color:#092c3e !important}.dash-main .status-tag.failed{background:rgba(220,38,38,0.08) !important;color:#dc2626 !important}.dash-main .card,.dash-main .card.glass{background:#FAF6F0 !important;border:1px solid rgba(26,26,28,0.08) !important;color:#1A1A1C !important;box-shadow:0 4px 20px rgba(0,0,0,0.02) !important;border-radius:20px !important}.dash-main .card h3{color:#1A1A1C !important;font-weight:700}.dash-main .card p{color:rgba(26,26,28,0.7) !important}.dash-main .profile-box{background:rgba(26,26,28,0.02) !important;border:1px solid rgba(26,26,28,0.06) !important;color:#1A1A1C !important}.dash-main .profile-box p{color:rgba(26,26,28,0.7) !important}.dash-main .profile-box strong{color:#092c3e !important}.dash-main .fg label,.dash-main .sample-group label{color:rgba(26,26,28,0.8) !important;font-weight:600 !important}.dash-main .fg input,.dash-main .fg textarea,.dash-main .fg select,.dash-main .sample-group textarea,.dash-main .dash-voice-sample,.dash-main .card textarea,.dash-main .card input,.dash-main .card select{background:#FFFFFF !important;border:1px solid rgba(26,26,28,0.12) !important;color:#1A1A1C !important;border-radius:12px !important;padding:12px 14px !important;font-family:var(--f) !important;transition:border-color 0.2s,box-shadow 0.2s !important}.dash-main .fg input:focus,.dash-main .fg textarea:focus,.dash-main .fg select:focus,.dash-main .sample-group textarea:focus,.dash-main .dash-voice-sample:focus,.dash-main .card textarea:focus,.dash-main .card input:focus,.dash-main .card select:focus{border-color:#1A1A1C !important;box-shadow:0 0 0 3px rgba(26,26,28,0.06) !important;outline:none !important}.dash-main .input-hint,.dash-main .field-desc{color:rgba(26,26,28,0.5) !important}.dash-main .cph-name{color:#FFFFFF !important}.dash-main .cph-price{color:rgba(255,255,255,0.55) !important}.dash-main .plan-option{background:rgba(255,255,255,0.85) !important;border:1px solid rgba(26,26,28,0.08) !important;box-shadow:0 4px 20px rgba(0,0,0,0.02) !important;color:#1A1A1C !important}.dash-main .plan-option:hover{border-color:rgba(26,26,28,0.15) !important;box-shadow:0 16px 36px rgba(26,26,28,0.06) !important;transform:translateY(-6px) !important}.dash-main .plan-option h4{color:#1A1A1C !important}.dash-main .po-price{color:#1A1A1C !important}.dash-main .po-price span{color:#888 !important}.dash-main .plan-option li{color:rgba(26,26,28,0.75) !important;border-bottom-color:rgba(26,26,28,0.05) !important}.dash-main .plan-option li::before{color:#10b981 !important}.dash-main .plan-option.featured{background:linear-gradient(135deg,#FFFFFF 0%,#FFFDF7 100%) !important;border:1.5px solid transparent !important;background-image:linear-gradient(#FFFFFF,#FFFDF7),linear-gradient(135deg,#00b5eb 0%,#009ecc 100%) !important;background-origin:border-box !important;background-clip:padding-box,border-box !important;box-shadow:0 12px 36px rgba(0,158,204,0.16) !important}.dash-main .plan-option.featured:hover{box-shadow:0 22px 52px rgba(0,158,204,0.28) !important;transform:scale(1.02) translateY(-7px) !important}.dash-main .plan-option.featured h4{color:#1A1A1C !important}.dash-main .plan-option.featured .po-price{color:#1A1A1C !important}.dash-main .plan-option.featured .po-price span{color:rgba(26,26,28,0.5) !important}.dash-main .plan-option.featured li{color:rgba(26,26,28,0.8) !important;border-bottom-color:rgba(0,158,204,0.15) !important}.dash-main .plan-option.featured li::before{color:#009ecc !important}.dash-main .po-pro-card{background:linear-gradient(135deg,#1A1A1C 0%,#111112 100%) !important;border:1.5px solid transparent !important;background-image:linear-gradient(#1A1A1C,#111112),linear-gradient(135deg,#3E3B37,#1E1D1C) !important;background-origin:border-box !important;background-clip:padding-box,border-box !important;box-shadow:0 10px 30px rgba(0,0,0,0.15) !important;color:#FAF6F0 !important}.dash-main .po-pro-card h4{color:#00b5eb !important}.dash-main .po-pro-card .po-price{color:#FFFFFF !important}.dash-main .po-pro-card .po-price span{color:rgba(255,255,255,0.4) !important}.dash-main .po-pro-card li{color:rgba(240,234,214,0.75) !important;border-bottom-color:rgba(255,255,255,0.05) !important}.dash-main .po-pro-card li::before{color:#00b5eb !important}.dash-main .po-pro-card:hover{background-image:linear-gradient(#1A1A1C,#111112),linear-gradient(135deg,#009ecc,#00b5eb) !important;box-shadow:0 20px 48px rgba(0,0,0,0.25),0 0 20px rgba(0,158,204,0.12) !important;transform:translateY(-6px) !important}.dash-main .po-pro-card .btn-ghost{border:1.5px solid rgba(232,201,122,0.3) !important;color:#00b5eb !important;background:rgba(232,201,122,0.08) !important;opacity:0.9 !important;font-weight:700 !important}.dash-main .po-pro-card .btn-ghost:hover{border-color:rgba(232,201,122,0.5) !important;background:rgba(232,201,122,0.15) !important;color:#FFFFFF !important}.dash-main .po-pro-card .btn-accent{background:linear-gradient(135deg,#00b5eb 0%,#009ecc 100%) !important;color:#1A1A1C !important;border:none !important;box-shadow:0 4px 15px rgba(232,201,122,0.25) !important;font-weight:700 !important}.dash-main .po-pro-card .btn-accent:hover{background:linear-gradient(135deg,#FFFFFF 0%,#00b5eb 100%) !important;box-shadow:0 8px 24px rgba(232,201,122,0.4) !important;transform:translateY(-2px) !important}.dash-main .po-pro-card.current{border:1.5px solid rgba(232,201,122,0.8) !important;box-shadow:0 15px 40px rgba(232,201,122,0.15),0 0 15px rgba(232,201,122,0.1) !important}.dash-main .btn-active-plan,.dash-main .plan-option .btn-active-plan,.dash-main .plan-option.featured .btn-active-plan{background:linear-gradient(135deg,#16a34a 0%,#22c55e 100%) !important;border:none !important;color:#fff !important;cursor:pointer !important;opacity:1 !important}.dash-main .btn-active-plan:hover{background:linear-gradient(135deg,#15803d 0%,#16a34a 100%) !important}.dash-main .btn-pro-active{background:linear-gradient(135deg,#009ecc 0%,#00b5eb 100%) !important;color:#0A0A0B !important}.dash-main .btn-pro-active:hover{background:linear-gradient(135deg,#D8B96C 0%,#F5DB93 100%) !important}.dash-main .btn-switch,.dash-main .plan-option .btn-switch,.dash-main .plan-option.featured .btn-switch{background:rgba(26,26,28,0.05) !important;border:1.5px solid rgba(26,26,28,0.18) !important;color:#1A1A1C !important;cursor:pointer !important;opacity:1 !important}.dash-main .btn-switch:hover,.dash-main .plan-option .btn-switch:hover{background:rgba(26,26,28,0.1) !important;border-color:rgba(26,26,28,0.35) !important;transform:translateY(-1px) !important}.dash-main .pay-methods-card{background:rgba(255,255,255,0.75) !important;border:1px solid rgba(26,26,28,0.08) !important;box-shadow:0 4px 20px rgba(0,0,0,0.02) !important}.dash-main .pay-methods-title{color:#1A1A1C !important}.dash-main .pay-pill{background:rgba(26,26,28,0.04) !important;border:1px solid rgba(26,26,28,0.08) !important;color:rgba(26,26,28,0.65) !important}.dash-main .pay-pill:hover{border-color:#009ecc !important;color:#092c3e !important;background:rgba(0,158,204,0.05) !important}.dash-main .pay-secure-badge{color:#16a34a !important;background:rgba(22,163,74,0.06) !important;border-color:rgba(22,163,74,0.25) !important}.dash-main .pay-powered{color:#AAA !important}.dash-main .pay-powered strong{color:#888 !important}.dash-main .settings-sidebar{background:#FAF6F0 !important;border:1px solid rgba(26,26,28,0.08) !important;border-radius:16px !important;padding:12px !important}.dash-main .snav-item{color:rgba(26,26,28,0.7) !important}.dash-main .snav-item:hover{background:rgba(26,26,28,0.03) !important;color:#1A1A1C !important}.dash-main .snav-item.active{background:rgba(0,158,204,0.1) !important;color:#092c3e !important;border-left-color:#009ecc !important}.dash-main .btn-accent{background:#1A1A1C !important;color:#F6F0E6 !important;border:1px solid #1A1A1C !important;box-shadow:0 4px 14px rgba(0,0,0,0.1) !important;transition:all 0.2s ease !important}.dash-main .btn-accent:hover{background:#2C2C2E !important;box-shadow:0 6px 20px rgba(0,0,0,0.15) !important;transform:translateY(-1px) !important}.dash-main .btn-ghost{border:1.5px solid rgba(26,26,28,0.15) !important;color:#1A1A1C !important;background:transparent !important;transition:all 0.2s ease !important}.dash-main .btn-ghost:hover{border-color:rgba(26,26,28,0.35) !important;background:rgba(26,26,28,0.03) !important;transform:translateY(-1px) !important}.dash-main .admin-table th{color:rgba(26,26,28,0.4) !important;border-bottom:1px solid rgba(26,26,28,0.1) !important}.dash-main .admin-table td{color:rgba(26,26,28,0.8) !important;border-bottom:1px solid rgba(26,26,28,0.05) !important}.dash-main .admin-table tr:hover td{background:rgba(26,26,28,0.02) !important}@media (max-width:768px){#page-dashboard{grid-template-columns:1fr !important;padding:0 !important;gap:0 !important}#page-dashboard .sidebar{display:none !important}#page-dashboard .dash-main{border-radius:0 !important;height:100vh !important;padding:16px 16px 80px !important;box-shadow:none !important}.dash-main .settings-sidebar{background:#FAF6F0 !important;flex-direction:row !important;overflow-x:auto !important;white-space:nowrap !important;padding:8px !important;border-radius:12px !important;position:static !important}.dash-main .snav-item{border-left:none !important;border-bottom:3px solid transparent !important;border-radius:6px !important}.dash-main .snav-item.active{border-bottom-color:#009ecc !important;border-radius:6px 6px 0 0 !important}}@keyframes dashSectionFadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.dash-section:not(.hidden){animation:dashSectionFadeIn 0.3s cubic-bezier(0.16,1,0.3,1) forwards !important}.dash-main .stat-card{transition:all 0.35s cubic-bezier(0.4,0,0.2,1) !important;cursor:default}.dash-main .stat-card:hover{transform:translateY(-4px) !important;box-shadow:0 12px 32px rgba(0,0,0,0.06) !important;border-color:rgba(0,158,204,0.25) !important}.dash-main .stat-card:hover .stat-num{color:#092c3e !important;transition:color 0.3s}.dash-main .stat-card.warn:hover{box-shadow:0 12px 32px rgba(0,158,204,0.1) !important}.dash-main .stat-card.good:hover{box-shadow:0 12px 32px rgba(22,163,74,0.1) !important}.dash-main .stat-card.good:hover .stat-num{color:#16a34a !important}.nav-item{position:relative;transition:all 0.25s cubic-bezier(0.4,0,0.2,1) !important}.nav-item::after{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%) scaleY(0);width:3px;height:60%;background:var(--p);border-radius:0 3px 3px 0;transition:transform 0.25s cubic-bezier(0.34,1.56,0.64,1)}.nav-item:hover::after{transform:translateY(-50%) scaleY(1)}.nav-item:hover{color:var(--p2) !important;background:rgba(0,158,204,0.08);padding-left:28px}.nav-item.active::after{display:none}.dash-main .card,.dash-main .card.glass{transition:all 0.35s cubic-bezier(0.4,0,0.2,1) !important}.dash-main .card:hover,.dash-main .card.glass:hover{transform:translateY(-3px) !important;box-shadow:0 12px 40px rgba(0,0,0,0.04),0 0 0 1px rgba(0,158,204,0.08) !important;border-color:rgba(0,158,204,0.15) !important}.dash-main .card:hover h3{color:#092c3e !important;transition:color 0.3s}.dash-main .message-card{transition:all 0.3s cubic-bezier(0.4,0,0.2,1) !important;border-left:3px solid transparent !important}.dash-main .message-card:hover{transform:translateX(6px) !important;border-left-color:#009ecc !important;background:rgba(255,255,255,0.95) !important;box-shadow:0 8px 28px rgba(0,0,0,0.05) !important}.dash-main .message-card:hover .message-sender{color:#092c3e !important;transition:color 0.2s}.dash-main .tab{transition:all 0.25s cubic-bezier(0.4,0,0.2,1) !important;position:relative;overflow:hidden}.dash-main .tab:hover{background:rgba(0,158,204,0.08) !important;border-color:rgba(0,158,204,0.2) !important;color:#092c3e !important;transform:translateY(-1px)}.dash-main .btn-accent{transition:all 0.3s cubic-bezier(0.4,0,0.2,1) !important}.dash-main .btn-accent:hover{transform:translateY(-2px) !important;box-shadow:0 8px 24px rgba(0,158,204,0.3) !important;filter:brightness(1.1)}.btn-ghost{transition:all 0.3s cubic-bezier(0.4,0,0.2,1) !important}.trust-item{transition:all 0.35s cubic-bezier(0.4,0,0.2,1) !important;position:relative;overflow:hidden}.trust-item::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,158,204,0.06),transparent);transition:left 0.6s ease}.trust-item:hover::after{left:100%}.trust-item:hover{transform:translateY(-4px);border-color:rgba(0,158,204,0.4) !important;box-shadow:0 8px 24px rgba(0,158,204,0.1)}.footer-col a{position:relative !important;transition:color 0.25s !important}.footer-col a::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:1.5px;background:var(--p);transition:width 0.3s cubic-bezier(0.4,0,0.2,1)}.footer-col a:hover::after{width:100%}.faq-item{transition:all 0.35s cubic-bezier(0.4,0,0.2,1) !important}.faq-item:hover{transform:translateY(-2px);border-color:rgba(0,158,204,0.25) !important;box-shadow:0 8px 28px rgba(0,158,204,0.08) !important}.faq-item:hover .faq-q{color:var(--p) !important;transition:color 0.3s}.dash-main table tbody tr{transition:background 0.2s !important}.dash-main table tbody tr:hover{background:rgba(0,158,204,0.04) !important}.plan-badge{transition:all 0.3s cubic-bezier(0.4,0,0.2,1) !important;cursor:pointer}.plan-badge:hover{background:rgba(0,158,204,0.18) !important;transform:translateX(4px);box-shadow:0 4px 16px rgba(0,158,204,0.12)}.snav-item{transition:all 0.25s cubic-bezier(0.4,0,0.2,1) !important}.snav-item:hover{color:var(--p) !important;background:rgba(0,158,204,0.06) !important;padding-left:20px !important}.settings-logout-card{display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,0.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(26,26,28,0.06);border-radius:16px;padding:16px 20px;margin-top:24px}.settings-logout-info{display:flex;align-items:center;gap:10px;font-size:0.9rem;font-weight:600;color:#1A1A1C}.settings-logout-dot{width:10px;height:10px;border-radius:50%;background:#4CAF50;box-shadow:0 0 6px rgba(76,175,80,0.4)}.btn-logout-full{display:inline-flex;align-items:center;gap:8px;background:rgba(220,53,69,0.08);color:#dc3545;border:1px solid rgba(220,53,69,0.2);border-radius:10px;padding:8px 18px;font-size:0.85rem;font-weight:600;cursor:pointer;transition:all 0.25s ease;font-family:var(--f)}.btn-logout-full:hover{background:#dc3545;color:#fff;border-color:#dc3545;box-shadow:0 4px 16px rgba(220,53,69,0.3);transform:translateY(-1px)}.mnav-item{transition:all 0.25s cubic-bezier(0.34,1.56,0.64,1) !important}.mnav-item:active{transform:scale(0.92)}.cta-section .btn-accent{animation:ctaPulse 3s ease-in-out infinite}@keyframes ctaPulse{0%,100%{box-shadow:0 4px 20px rgba(0,158,204,0.25)}50%{box-shadow:0 8px 40px rgba(0,158,204,0.5),0 0 60px rgba(0,158,204,0.15)}}.cta-section .btn-accent:hover{animation:none;box-shadow:0 12px 40px rgba(0,158,204,0.5) !important;transform:translateY(-3px) scale(1.03) !important}.provider-tabs .tab{transition:all 0.25s cubic-bezier(0.4,0,0.2,1) !important}.provider-tabs .tab:hover{background:rgba(0,158,204,0.08) !important;border-color:rgba(0,158,204,0.2) !important}.voice-sample-card,.sample-group{transition:all 0.3s cubic-bezier(0.4,0,0.2,1) !important}.voice-sample-card:hover,.sample-group:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,0.04)}.sb-top .logo-sm{transition:all 0.3s !important}.sb-top .logo-sm:hover{color:var(--p) !important;text-shadow:0 0 20px rgba(0,158,204,0.3)}#btn-logout{transition:all 0.25s cubic-bezier(0.4,0,0.2,1) !important}#btn-logout:hover{color:var(--r) !important;background:rgba(239,68,68,0.08) !important}a:not(.nav-item):not(.footer-col a):not(.tab):not(.mnav-item){transition:color 0.2s,text-shadow 0.2s !important}.message-avatar{transition:all 0.3s cubic-bezier(0.4,0,0.2,1) !important}.message-card:hover .message-avatar{transform:scale(1.1);box-shadow:0 4px 16px rgba(0,158,204,0.2)}.dash-mock{transition:all 0.5s cubic-bezier(0.4,0,0.2,1) !important}.auth-form input,.auth-form select,.auth-form textarea{transition:border-color 0.3s,box-shadow 0.3s !important}.auth-form input:hover,.auth-form select:hover,.auth-form textarea:hover{border-color:rgba(0,158,204,0.3) !important}.section-tag{transition:all 0.3s !important}.section-tag:hover{background:rgba(0,158,204,0.18) !important;transform:translateY(-1px)}.price-card{position:relative;overflow:hidden}.price-card::after{content:'';position:absolute;top:0;left:-150%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,158,204,0.04),transparent);transition:left 0.7s ease;pointer-events:none}.price-card:hover::after{left:150%}.btn-loading{position:relative;color:transparent !important;pointer-events:none}.btn-loading::after{content:'';position:absolute;width:18px;height:18px;top:50%;left:50%;margin-top:-9px;margin-left:-9px;border:2.5px solid rgba(255,255,255,0.3);border-top-color:#fff;border-radius:50%;animation:btnSpin 0.7s linear infinite}@keyframes btnSpin{to{transform:rotate(360deg)}}.btn-loading.btn-loading-dark::after{border-color:rgba(26,26,28,0.2);border-top-color:#1A1A1C}.skeleton{background:linear-gradient(90deg,rgba(0,158,204,0.04) 25%,rgba(0,158,204,0.1) 50%,rgba(0,158,204,0.04) 75% );background-size:200% 100%;animation:skeletonPulse 1.5s ease-in-out infinite;border-radius:8px;min-height:20px}.skeleton-text{height:14px;margin-bottom:10px;width:80%}.skeleton-text.short{width:50%}.skeleton-text.full{width:100%}.skeleton-title{height:22px;margin-bottom:14px;width:60%}.skeleton-avatar{width:44px;height:44px;border-radius:50%;flex-shrink:0}.skeleton-card{background:rgba(0,158,204,0.03);border:1px solid rgba(0,158,204,0.06);border-radius:16px;padding:24px;margin-bottom:12px}.skeleton-stat{height:80px;border-radius:12px;flex:1;min-width:90px}@keyframes skeletonPulse{0%{background-position:200% 0}100%{background-position:-200% 0}}.dash-main .skeleton{background:linear-gradient(90deg,rgba(26,26,28,0.04) 25%,rgba(26,26,28,0.08) 50%,rgba(26,26,28,0.04) 75% );background-size:200% 100%;animation:skeletonPulse 1.5s ease-in-out infinite}#scroll-progress-bar{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(90deg,#a0e1ff 0%,#009ecc 50%,#9c7b30 100%);z-index:100000;box-shadow:0 1px 8px rgba(0,158,204,0.45);transition:width 0.1s ease-out,opacity 0.3s ease;opacity:0;pointer-events:none}#scroll-progress-bar.visible{opacity:1}#page-loader{position:fixed;top:0;left:0;width:0;height:3px;background:linear-gradient(90deg,#009ecc,#00c2ff,#e8d59a);z-index:99999;transition:width 0.3s ease;box-shadow:0 0 12px rgba(0,158,204,0.6)}#page-loader.active{animation:pageLoaderProgress 2s ease forwards}#page-loader.done{width:100% !important;opacity:0;transition:width 0.2s,opacity 0.3s 0.2s}@keyframes pageLoaderProgress{0%{width:0}20%{width:30%}50%{width:60%}80%{width:85%}100%{width:92%}}.ob-fill{position:relative;overflow:hidden}.ob-fill::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);animation:obShimmer 2s ease-in-out infinite}@keyframes obShimmer{0%{left:-100%}100%{left:200%}}.timeline-step{opacity:0;transform:translateY(30px);transition:all 0.6s cubic-bezier(0.16,1,0.3,1)}.timeline-step.visible{opacity:1;transform:translateY(0)}.timeline-step:nth-child(1){transition-delay:0.1s}.timeline-step:nth-child(2){transition-delay:0.25s}.timeline-step:nth-child(3){transition-delay:0.4s}.timeline-step.visible .timeline-line{animation:lineGrow 0.8s ease forwards;transform-origin:top}@keyframes lineGrow{from{transform:scaleY(0)}to{transform:scaleY(1)}}.timeline-step.visible .timeline-num{animation:numPop 0.5s cubic-bezier(0.34,1.56,0.64,1) forwards}@keyframes numPop{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}.cascade-item{opacity:0;transform:translateY(20px);transition:all 0.5s cubic-bezier(0.16,1,0.3,1)}.cascade-item.visible{opacity:1;transform:translateY(0)}.cascade-item:nth-child(1){transition-delay:0.05s}.cascade-item:nth-child(2){transition-delay:0.1s}.cascade-item:nth-child(3){transition-delay:0.15s}.cascade-item:nth-child(4){transition-delay:0.2s}.cascade-item:nth-child(5){transition-delay:0.25s}.cascade-item:nth-child(6){transition-delay:0.3s}.stat-num[data-animate]{transition:color 0.3s}.section-reveal{opacity:0;transform:translateY(40px);transition:all 0.7s cubic-bezier(0.16,1,0.3,1)}.section-reveal.visible{opacity:1;transform:translateY(0)}#toast{animation:toastSlide 0.4s cubic-bezier(0.34,1.56,0.64,1) forwards}@keyframes toastSlide{from{transform:translateX(120%);opacity:0}to{transform:translateX(0);opacity:1}}.feat-card .feat-icon{position:relative}.feat-card:hover .feat-icon::after{content:'';position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(0,158,204,0.3);animation:iconRipple 0.6s ease-out;pointer-events:none}@keyframes iconRipple{from{transform:scale(0.8);opacity:1}to{transform:scale(1.4);opacity:0}}@keyframes dotPulse{0%,100%{opacity:1}50%{opacity:0.3}}.dot-pulse{display:inline-flex;gap:4px;align-items:center}.dot-pulse span{width:6px;height:6px;border-radius:50%;background:var(--p);animation:dotPulse 1.2s ease-in-out infinite}.dot-pulse span:nth-child(2){animation-delay:0.2s}.dot-pulse span:nth-child(3){animation-delay:0.4s}.loading-dots::after{content:'';animation:loadDots 1.5s steps(4,end) infinite}@keyframes loadDots{0%{content:''}25%{content:'.'}50%{content:'..'}75%{content:'...'}}.morphing-bg-wrapper{position:absolute;inset:0;overflow:hidden;z-index:1;pointer-events:none;background:radial-gradient(circle at 10% 10%,rgba(0,158,204,0.05) 0%,rgba(10,10,11,0) 50%),radial-gradient(circle at 90% 90%,rgba(9,44,62,0.04) 0%,rgba(10,10,11,0) 50%),#0A0A0B !important}.morph-blob{display:none !important}.lang-switcher-wrap{position:relative;display:inline-flex}.lang-switcher-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:170px;background:rgba(246,240,230,0.85);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(26,26,28,0.08);border-radius:14px;padding:6px;box-shadow:0 8px 32px rgba(0,0,0,0.12),0 2px 8px rgba(0,0,0,0.06);z-index:1000;opacity:0;transform:translateY(-6px) scale(0.96);pointer-events:none;transition:opacity 0.2s ease,transform 0.2s ease}.lang-switcher-dropdown.open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.lang-switcher-option{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;cursor:pointer;font-size:0.85rem;font-weight:500;color:#1A1A1C;font-family:var(--f);transition:background 0.15s ease;border:none;background:none;width:100%;text-align:left}.lang-switcher-option:hover{background:rgba(0,158,204,0.12)}.lang-switcher-option.active{background:rgba(0,158,204,0.15);font-weight:700}.lang-switcher-flag{font-size:1.15rem;line-height:1}.lang-switcher-check{margin-left:auto;font-size:0.75rem;color:#16a34a;opacity:0;transition:opacity 0.15s ease}.lang-switcher-option.active .lang-switcher-check{opacity:1}.nav-lang-current{display:inline-flex;align-items:center;gap:5px}.nav-lang-flag{font-size:0.9rem;line-height:1}.mobile-auth-header,.mobile-auth-footer,.social-login-wrap{display:none}@media (max-width:480px){.footer-simple{font-size:0.68rem !important;padding:16px 16px calc(16px + env(safe-area-inset-bottom,16px)) !important;margin-top:24px !important;border-top:1px solid rgba(26,26,28,0.04) !important;width:100% !important;box-sizing:border-box !important;display:flex !important;justify-content:center !important;gap:8px 12px !important;flex-wrap:wrap !important;white-space:normal !important;line-height:1.5 !important}.mockup-header{padding:10px 12px !important;gap:8px !important}.mockup-dots span{width:7px !important;height:7px !important}.mockup-title{font-size:0.72rem !important;letter-spacing:0.5px !important}.mockup-badge{font-size:0.58rem !important;padding:2px 6px !important}.mockup-emails{padding:6px 8px !important}.mockup-email{padding:8px 10px !important;gap:8px !important}.mockup-avatar{width:24px !important;height:24px !important;font-size:0.52rem !important}.mockup-email-name{font-size:0.65rem !important}.mockup-email-subject{font-size:0.58rem !important}.mockup-ai-bar{padding:8px 12px !important;gap:6px !important}.mockup-ai-icon{font-size:0.75rem !important}.mockup-ai-text{font-size:0.62rem !important}.mockup-ai-dots span{width:4px !important;height:4px !important}.voice-mockup-body{padding:12px 14px !important;gap:8px !important}.voice-sample-box{padding:8px 10px !important;font-size:0.62rem !important;min-height:60px !important}.voice-analysis-panel{padding:8px !important;gap:6px !important}.analysis-metric{font-size:0.6rem !important}.metric-bar-wrap{width:80px !important}.voice-match-badge{font-size:0.6rem !important;padding:2px 8px !important}.lang-mockup-body{padding:12px 14px !important;gap:8px !important}.lang-card{padding:8px 10px !important}.lang-sender{font-size:0.65rem !important}.lang-sender .lang-avatar{width:20px !important;height:20px !important;font-size:0.5rem !important}.lang-flag{font-size:0.58rem !important;padding:1px 4px !important}.lang-message{font-size:0.62rem !important}.lang-translate-badge{font-size:0.52rem !important;padding:3px 8px !important}.lang-chips-container{gap:4px !important;margin-top:2px !important}.lang-chip{font-size:0.55rem !important;padding:2px 6px !important}.lang-card.reply{transform:translateY(6px)}.carousel-slide.active .lang-card.reply{transform:translateY(0)}.stats-mockup-body{padding:12px 14px !important;gap:8px !important}.stats-mockup-grid{gap:8px !important}.stat-mockup-card{padding:8px 10px !important}.stat-mockup-val{font-size:1.25rem !important}.stat-mockup-lbl{font-size:0.58rem !important;margin-top:2px !important}.stats-toggle-row{padding:8px 12px !important}.toggle-title{font-size:0.65rem !important}.toggle-subtitle{font-size:0.55rem !important}.mockup-switch{width:28px !important;height:16px !important}.mockup-switch::after{width:12px !important;height:12px !important}.stats-sync-status{font-size:0.58rem !important;gap:6px !important}.modal-page{padding:0 !important;background:#ffffff !important}.modal-page .modal-bg{display:none !important}.modal-page .modal-box.auth-modal-box{position:fixed !important;inset:0 !important;width:100vw !important;height:100vh !important;max-width:none !important;max-height:none !important;border-radius:0 !important;margin:0 !important;padding:0 0 20px !important;display:flex !important;flex-direction:column !important;background:#ffffff !important;overflow-y:auto !important;border:none !important;box-shadow:none !important}.modal-page .modal-x{position:fixed !important;top:16px !important;right:16px !important;z-index:99 !important;background:rgba(255,255,255,0.2) !important;backdrop-filter:blur(10px) !important;-webkit-backdrop-filter:blur(10px) !important;color:#ffffff !important;border:1px solid rgba(255,255,255,0.3) !important;border-radius:50% !important;width:36px !important;height:36px !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:20px !important}#page-register .modal-x{color:#1A1A1C !important;background:rgba(26,26,28,0.05) !important;border:1px solid rgba(26,26,28,0.1) !important}.modal-page .modal-box.auth-modal-box .modal-head,.modal-page .modal-box.auth-modal-box .auth-sw{display:none !important}#page-login .auth-form::before{content:'Login';display:block;font-size:1.8rem;font-weight:800;color:#1A1A1C;text-align:center;margin-bottom:24px;font-family:var(--fh)}#page-register .auth-form::before{content:'Registration';display:block;font-size:1.8rem;font-weight:800;color:#1A1A1C;text-align:center;margin-bottom:24px;font-family:var(--fh)}.mobile-auth-header{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;background:linear-gradient(135deg,#092c3e 0%,#009ecc 100%) !important;border-bottom-left-radius:48px !important;border-bottom-right-radius:48px !important;padding:48px 24px 36px !important;box-sizing:border-box !important;box-shadow:0 8px 24px rgba(9,44,62,0.15) !important;width:100% !important;margin-bottom:28px !important;color:#ffffff !important;text-align:center !important}.mah-logo{margin-bottom:12px !important}.mah-logo img{border-radius:8px !important;box-shadow:0 4px 12px rgba(0,0,0,0.1) !important}.mah-title{font-size:1.8rem !important;font-weight:800 !important;color:#ffffff !important;margin:0 0 6px 0 !important;letter-spacing:-0.5px !important;font-family:var(--fh) !important}.mah-subtitle{font-size:0.88rem !important;color:rgba(255,255,255,0.75) !important;margin:0 0 16px 0 !important}.mah-btn,.maf-btn{border:1.5px solid rgba(255,255,255,0.6) !important;background:transparent !important;color:#ffffff !important;padding:8px 24px !important;border-radius:20px !important;font-size:0.82rem !important;font-weight:700 !important;cursor:pointer !important;transition:all 0.2s ease !important;outline:none !important;box-shadow:0 4px 12px rgba(0,0,0,0.05) !important}.mah-btn:hover,.maf-btn:hover{background:rgba(255,255,255,0.1) !important;border-color:#ffffff !important}.mobile-auth-footer{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;background:linear-gradient(135deg,#009ecc 0%,#00c2ff 100%) !important;border-top-left-radius:48px !important;border-top-right-radius:48px !important;padding:36px 24px 48px !important;box-sizing:border-box !important;box-shadow:0 -8px 24px rgba(0,194,255,0.15) !important;width:100% !important;margin-top:36px !important;color:#ffffff !important;text-align:center !important}.maf-title{font-size:1.8rem !important;font-weight:800 !important;color:#ffffff !important;margin:0 0 6px 0 !important;letter-spacing:-0.5px !important;font-family:var(--fh) !important}.maf-subtitle{font-size:0.88rem !important;color:rgba(255,255,255,0.75) !important;margin:0 0 16px 0 !important}.modal-page .auth-form{padding:0 24px !important;width:100% !important;box-sizing:border-box !important}.modal-page .fg{margin-top:14px !important}.modal-page .fg > label{display:none !important}.modal-page .fg input,.modal-page .fg select{background:#f1f1f3 !important;border:none !important;border-radius:14px !important;padding:14px 16px !important;font-size:0.9rem !important;color:#1A1A1C !important;width:100% !important;box-sizing:border-box !important;height:48px !important;transition:all 0.2s ease !important;box-shadow:none !important}.modal-page .fg input::placeholder{color:#88888b !important}.modal-page .fg input:focus,.modal-page .fg select:focus{background:#e9e9ec !important;outline:none !important}.modal-page input[type="email"]{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%2388888b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/><polyline points="22,6 12,13 2,6"/></svg>') !important;background-repeat:no-repeat !important;background-position:right 16px center !important;padding-right:42px !important}.modal-page input[type="text"]{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%2388888b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>') !important;background-repeat:no-repeat !important;background-position:right 16px center !important;padding-right:42px !important}.modal-page input[type="tel"]{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="%2388888b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/></svg>') !important;background-repeat:no-repeat !important;background-position:right 16px center !important;padding-right:42px !important}.modal-page .pass-wrap{position:relative !important;width:100% !important}.modal-page .pass-toggle{position:absolute !important;right:14px !important;top:50% !important;transform:translateY(-50%) !important;background:transparent !important;border:none !important;color:#88888b !important;font-size:0.72rem !important;font-weight:700 !important;display:flex !important;align-items:center !important;gap:4px !important;cursor:pointer !important;z-index:10 !important;padding:0 !important;height:auto !important}.modal-page .pass-toggle svg{width:14px !important;height:14px !important}.modal-page #link-forgot-pass{display:block !important;text-align:center !important;margin:14px auto 0 !important;color:#88888b !important;font-size:0.82rem !important;font-weight:500 !important}.modal-page .auth-form button[type="submit"]{background:linear-gradient(90deg,#092c3e 0%,#009ecc 50%,#00c2ff 100%) !important;border:none !important;border-radius:30px !important;color:#ffffff !important;font-weight:700 !important;padding:14px 24px !important;font-size:0.95rem !important;box-shadow:0 6px 20px rgba(0,158,204,0.25) !important;margin-top:24px !important;height:48px !important;width:100% !important;cursor:pointer !important;transition:all 0.3s ease !important;display:block !important}.modal-page .auth-form button[type="submit"]:hover{transform:translateY(-1.5px) !important;box-shadow:0 8px 24px rgba(0,158,204,0.35) !important}.social-login-wrap{display:flex !important;flex-direction:column !important;align-items:center !important;margin-top:24px !important;width:100% !important}.social-login-text{font-size:0.72rem !important;color:#88888b !important;margin-bottom:12px !important;font-weight:500 !important}.social-login-icons{display:flex !important;gap:12px !important;justify-content:center !important}.social-btn{width:44px !important;height:44px !important;border:1px solid #e2e2e6 !important;background:#ffffff !important;border-radius:12px !important;display:flex !important;align-items:center !important;justify-content:center !important;color:#4A4742 !important;cursor:pointer !important;transition:all 0.2s ease !important;padding:0 !important}.social-btn:hover{border-color:#009ecc !important;color:#009ecc !important;background:rgba(0,158,204,0.03) !important}}.landing-sections-container{display:flex;flex-direction:column;gap:120px;margin-top:100px;width:100%}.landing-section{width:100%;padding:40px 0;box-sizing:border-box}.landing-section .section-h{font-size:2.2rem;font-weight:800;margin-bottom:24px;color:#FAFAFA;letter-spacing:-0.5px}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;text-align:left}.colspan-2{grid-column:span 2}.colspan-3{grid-column:span 3}.bento-large{padding:40px !important;background:rgba(26,26,28,0.3) !important;border:1px solid rgba(0,158,204,0.15) !important}.landing-section .timeline{text-align:left}.landing-section .timeline-content h3{color:#FAFAFA}.landing-section .timeline-note{background:rgba(0,158,204,0.04);border-left:2px solid rgba(0,158,204,0.2)}.landing-section .bva-card{background:rgba(26,26,28,0.45);border:1px solid rgba(255,255,255,0.05)}.landing-section .bva-card.before{border-color:rgba(239,68,68,0.2);background:linear-gradient(135deg,rgba(239,68,68,0.04),rgba(239,68,68,0.01)),rgba(26,26,28,0.45)}.landing-section .bva-card.after{border-color:rgba(16,185,129,0.25);background:linear-gradient(135deg,rgba(16,185,129,0.05),rgba(16,185,129,0.01)),rgba(26,26,28,0.45)}.landing-section .bva-stat{background:rgba(15,15,17,0.6);border:1px solid rgba(255,255,255,0.05)}.landing-section .price-card{background:rgba(26,26,28,0.45);border:1px solid rgba(255,255,255,0.05);color:#FAFAFA}.landing-section .price-card h4{color:var(--t2)}.landing-section .price-card.pop{border-color:var(--p);background:rgba(15,15,17,0.6);box-shadow:0 20px 48px rgba(0,158,204,0.15)}.landing-section .testi-card{background:rgba(26,26,28,0.45);border:1px solid rgba(255,255,255,0.05);color:#FAFAFA}.landing-section .faq-item{border-bottom:1px solid rgba(255,255,255,0.06)}.landing-section .faq-q{color:#FAFAFA}@media (max-width:900px){.bento-grid{grid-template-columns:1fr}.colspan-2,.colspan-3{grid-column:span 1}.landing-sections-container{gap:80px;margin-top:60px}.price-row{grid-template-columns:1fr;gap:20px}.bva-grid{grid-template-columns:1fr}.bva-vs{margin:10px 0}}:root{--f:'Plus Jakarta Sans',system-ui,sans-serif !important;--fh:'Cabinet Grotesk',system-ui,sans-serif !important}.kinetic-title{display:inline-block;overflow:hidden}.kinetic-title .word-wrap{display:inline-block;overflow:hidden;vertical-align:bottom;margin-right:0.18em;padding-bottom:0.05em}.kinetic-title .word{display:inline-block;transform:translateY(110%);opacity:0;will-change:transform,opacity}.kinetic-title .word.animate{animation:kineticReveal 0.8s cubic-bezier(0.16,1,0.3,1) forwards}@keyframes kineticReveal{to{transform:translateY(0);opacity:1}}.reveal-fade{opacity:0;transform:translateY(24px);transition:opacity 0.8s cubic-bezier(0.16,1,0.3,1),transform 0.8s cubic-bezier(0.16,1,0.3,1);will-change:transform,opacity}.reveal-fade.visible{opacity:1;transform:translateY(0)}.feat-card{position:relative;overflow:hidden;transition:all 0.4s cubic-bezier(0.16,1,0.3,1) !important}.feat-card::after{content:'';position:absolute;inset:0;background:radial-gradient(600px circle at var(--x,0px) var(--y,0px),rgba(0,158,204,0.06),transparent 40%);opacity:0;transition:opacity 0.3s;pointer-events:none}.feat-card:hover::after{opacity:1}#particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none;mix-blend-mode:screen}.btn-accent,.canvas-contact-btn{position:relative;overflow:hidden}.btn-accent::before,.canvas-contact-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.15),transparent);transition:all 0.5s}.btn-accent:hover::before,.canvas-contact-btn:hover::before{left:100%}body,#page-landing{background:#003566 !important}#page-landing::before{background:transparent !important}.morphing-bg-wrapper{background:#003566 !important}.morph-blob{mix-blend-mode:multiply !important;opacity:0.08 !important;background:radial-gradient(circle,#009ecc 0%,rgba(0,158,204,0) 70%) !important}.cutout-top-left,.cutout-top-right,.cutout-bottom-right{background:#003566 !important}.fillet-tl-bottom{position:absolute !important;left:-1px !important;top:100% !important;margin-top:-1px !important;width:42px !important;height:42px !important;background:radial-gradient(circle at 42px 42px,transparent 41.5px,#003566 42.5px) !important;-webkit-mask:none !important;mask:none !important}.fillet-tl-right{position:absolute !important;right:-41px !important;top:-1px !important;width:42px !important;height:42px !important;background:radial-gradient(circle at 42px 42px,transparent 41.5px,#003566 42.5px) !important;-webkit-mask:none !important;mask:none !important}.fillet-tr-left{position:absolute !important;left:-41px !important;top:-1px !important;width:42px !important;height:42px !important;background:radial-gradient(circle at 0px 42px,transparent 41.5px,#003566 42.5px) !important;-webkit-mask:none !important;mask:none !important}.fillet-tr-bottom{position:absolute !important;right:-1px !important;top:100% !important;margin-top:-1px !important;width:42px !important;height:42px !important;background:radial-gradient(circle at 0px 42px,transparent 41.5px,#003566 42.5px) !important;-webkit-mask:none !important;mask:none !important}.fillet-br-left{position:absolute !important;left:-41px !important;bottom:-1px !important;width:42px !important;height:42px !important;background:radial-gradient(circle at 0px 0px,transparent 41.5px,#003566 42.5px) !important;-webkit-mask:none !important;mask:none !important}.fillet-br-top{position:absolute !important;right:-1px !important;bottom:100% !important;margin-bottom:-1px !important;width:42px !important;height:42px !important;background:radial-gradient(circle at 0px 0px,transparent 41.5px,#003566 42.5px) !important;-webkit-mask:none !important;mask:none !important}.outer-logo .logo-text{color:#ffffff !important;-webkit-text-fill-color:#ffffff !important;background:none !important;filter:drop-shadow(0 2px 10px rgba(0,0,0,0.2)) !important}.outer-login-btn{background:rgba(255,255,255,0.12) !important;color:#ffffff !important;border:1.5px solid rgba(255,255,255,0.35) !important}.outer-login-btn:hover{background:rgba(255,255,255,0.25) !important;color:#ffffff !important;border-color:rgba(255,255,255,0.6) !important}.outer-connect-btn{background:linear-gradient(90deg,#003566 0%,#009ecc 50%,#00c2ff 100%) !important;color:#ffffff !important;border:none !important;box-shadow:0 4px 15px rgba(0,158,204,0.2) !important}.outer-connect-btn:hover{box-shadow:0 6px 20px rgba(0,158,204,0.35) !important;transform:translateY(-1px) !important}.outer-connect-btn .connect-arrow{background-color:#ffffff !important;color:#003566 !important}.outer-connect-btn:hover .connect-arrow{background-color:#003566 !important;color:#ffffff !important}.landing-canvas{background-color:#ffffff !important;color:#1e293b !important;box-shadow:0 24px 64px rgba(0,53,102,0.08) !important}.landing-canvas{--bg:#ffffff;--bg2:#f8fafc;--s:#f1f5f9;--s2:#e2e8f0;--t:#0f172a;--t2:#475569;--t3:#64748b;--p:#007094;--acc:#007094}.canvas-title{color:#0f172a !important}.canvas-desc{color:#475569 !important}.landing-section .section-h{color:#0f172a !important}.landing-section .section-p{color:#475569 !important}.landing-section .timeline-content h3{color:#0f172a !important}.nav-pill{background:rgba(255,255,255,0.9) !important;border:1.5px solid rgba(0,112,148,0.5) !important;box-shadow:0 8px 25px rgba(0,112,148,0.15),inset 0 1px 0 rgba(255,255,255,0.9) !important}.nav-pill-item{color:#334155 !important}.nav-pill-item:hover{color:#007094 !important;background:rgba(0,112,148,0.08) !important}.feat-card,.step-card,.price-card,.testi-card,.bva-card,.bva-stat,.faq-item{background:#f8fafc !important;border:1px solid #e2e8f0 !important;box-shadow:0 10px 30px rgba(0,53,102,0.03) !important}.feat-card:hover,.step-card:hover,.price-card:hover{border-color:rgba(0,112,148,0.45) !important;background:#ffffff !important;box-shadow:0 16px 40px rgba(0,112,148,0.08) !important}.feat-card h4,.step-card h4,.price-card h4,.price-val{color:#0f172a !important}.feat-card p,.step-card p,.price-card ul li,.testi-card p{color:#475569 !important}.price-card ul li{border-bottom:1px solid #e2e8f0 !important}.price-card.pop{border-color:#007094 !important;background:#ffffff !important;box-shadow:0 20px 48px rgba(0,112,148,0.08) !important}.bento-large{background:#ffffff !important;border:1px solid rgba(0,112,148,0.25) !important}.btn-accent,.canvas-contact-btn{background:linear-gradient(90deg,#003566 0%,#005a78 50%,#007094 100%) !important;color:#ffffff !important;box-shadow:0 4px 15px rgba(0,112,148,0.2) !important;border:none !important}.btn-accent:hover,.canvas-contact-btn:hover{box-shadow:0 6px 22px rgba(0,112,148,0.35) !important;transform:translateY(-2px) !important}.btn-ghost,.canvas-download-btn{background:transparent !important;color:#003566 !important;border:1.5px solid rgba(0,53,102,0.3) !important}.btn-ghost:hover,.canvas-download-btn:hover{background:rgba(0,53,102,0.04) !important;color:#003566 !important;border-color:#003566 !important}.cta-download-icon{background:rgba(0,112,148,0.1) !important}.landing-canvas input,.landing-canvas select,.landing-canvas textarea{background:#f8fafc !important;border:1px solid #e2e8f0 !important;color:#0f172a !important}.landing-canvas input:focus,.landing-canvas select:focus,.landing-canvas textarea:focus{background:#ffffff !important;border-color:#007094 !important}.landing-section .bva-card.before{border-color:rgba(239,68,68,0.15) !important;background:linear-gradient(135deg,rgba(239,68,68,0.02),rgba(239,68,68,0.01)),#ffffff !important}.landing-section .bva-card.after{border-color:rgba(16,185,129,0.2) !important;background:linear-gradient(135deg,rgba(16,185,129,0.03),rgba(16,185,129,0.01)),#ffffff !important}.landing-section .faq-item{border-bottom:1px solid #e2e8f0 !important}.landing-section .faq-q{color:#0f172a !important}#page-login,#page-register{background:#003566 !important}.modal-page .modal-bg{background:rgba(218,240,248,0.7) !important}.modal-page .modal-box.auth-modal-box{background:#ffffff !important;border:1px solid rgba(0,53,102,0.08) !important;box-shadow:0 32px 80px rgba(0,53,102,0.08),0 0 0 1px rgba(0,112,148,0.05),inset 0 1px 0 rgba(255,255,255,0.9) !important}.modal-page .modal-x{background:#f1f5f9 !important;border:1px solid #e2e8f0 !important;color:#64748b !important}.modal-page .modal-x:hover{background:#e2e8f0 !important;color:#0f172a !important}.modal-page .auth-form button[type="submit"]{background:linear-gradient(90deg,#003566 0%,#005a78 50%,#007094 100%) !important;box-shadow:0 6px 20px rgba(0,112,148,0.18) !important;color:#ffffff !important}.modal-page .auth-form button[type="submit"]:hover{box-shadow:0 8px 24px rgba(0,112,148,0.28) !important;transform:translateY(-1.5px) !important}.modal-page .auth-sw a{color:#007094 !important}.modal-page .auth-sw a:hover{color:#005a78 !important}.mobile-auth-header{background:linear-gradient(135deg,#003566 0%,#007094 100%) !important;box-shadow:0 8px 24px rgba(0,53,102,0.08) !important}.mobile-auth-footer{background:linear-gradient(135deg,#007094 0%,#005a78 100%) !important;box-shadow:0 -8px 24px rgba(0,112,148,0.08) !important}.modal-page .fg input,.modal-page .fg select{background:#f8fafc !important;border:1px solid #e2e8f0 !important;color:#0f172a !important}.modal-page .fg input:focus,.modal-page .fg select:focus{background:#ffffff !important;border-color:#009ecc !important}.mockup-window{background:rgba(18,19,23,0.85) !important;border:1px solid rgba(255,255,255,0.08) !important;box-shadow:0 24px 60px rgba(0,0,0,0.55),inset 0 1px 0 rgba(255,255,255,0.04) !important;color:#f8fafc !important}.mockup-header{border-bottom:1px solid rgba(255,255,255,0.06) !important}.mockup-title{color:#f8fafc !important}.mockup-badge{background:rgba(255,255,255,0.06) !important;border:1px solid rgba(255,255,255,0.08) !important;color:#cbd5e1 !important}.mockup-badge.has-new{background:rgba(0,194,255,0.12) !important;border-color:rgba(0,194,255,0.25) !important;color:#00c2ff !important}.mockup-email{background:rgba(255,255,255,0.02) !important;border:1px solid rgba(255,255,255,0.04) !important}.mockup-email.replying{background:rgba(0,194,255,0.06) !important;border-color:rgba(0,194,255,0.18) !important;box-shadow:0 0 16px rgba(0,194,255,0.08) !important}.mockup-email.replied{background:rgba(16,185,129,0.04) !important;border-color:rgba(16,185,129,0.15) !important}.mockup-avatar{background:linear-gradient(135deg,rgba(255,255,255,0.08),rgba(255,255,255,0.02)) !important;border:1px solid rgba(255,255,255,0.1) !important;color:#cbd5e1 !important}.mockup-email-name{color:#f8fafc !important}.mockup-email-subject{color:rgba(255,255,255,0.45) !important}.mockup-email-time{color:rgba(255,255,255,0.35) !important}.mockup-replied-badge{background:rgba(16,185,129,0.1) !important;border:1px solid rgba(16,185,129,0.2) !important;color:#10b981 !important}.mockup-typing-label{color:#00c2ff !important}.mockup-typing-bubble{background:rgba(255,255,255,0.04) !important;border:1px solid rgba(255,255,255,0.06) !important}.mockup-typing-bubble span{background:#00c2ff !important}.mockup-ai-bar{background:#121316 !important;border-top:1px solid rgba(255,255,255,0.04) !important;color:#cbd5e1 !important}.mockup-ai-text{color:#f8fafc !important}.status-pill.active-pill{background:rgba(0,194,255,0.08) !important;color:#00c2ff !important;border:1px solid rgba(0,194,255,0.25) !important;box-shadow:0 4px 16px rgba(0,0,0,0.2) !important}.status-pill.rate-pill{background:rgba(255,255,255,0.03) !important;color:#f8fafc !important;border:1px solid rgba(255,255,255,0.08) !important;box-shadow:0 4px 16px rgba(0,0,0,0.1) !important}.carousel-arrow{background:rgba(255,255,255,0.04) !important;border:1px solid rgba(255,255,255,0.08) !important;color:#cbd5e1 !important}.carousel-arrow:hover{background:#00c2ff !important;color:#ffffff !important;border-color:#00c2ff !important}.carousel-dot{background:rgba(255,255,255,0.15) !important}.carousel-dot.active{background:#009ecc !important;box-shadow:0 0 10px rgba(0,158,204,0.5) !important}.voice-sample-box{background:rgba(255,255,255,0.02) !important;border:1px solid rgba(255,255,255,0.04) !important;color:#f8fafc !important}.voice-analysis-panel{background:rgba(255,255,255,0.01) !important;border:1px dashed rgba(255,255,255,0.08) !important}.analysis-metric{color:#cbd5e1 !important}.metric-bar-wrap{background:rgba(255,255,255,0.08) !important}.voice-match-badge{background:rgba(0,194,255,0.1) !important;border:1px solid rgba(0,194,255,0.25) !important;color:#00c2ff !important}.lang-card{background:rgba(255,255,255,0.02) !important;border:1px solid rgba(255,255,255,0.04) !important}.lang-sender{color:#f8fafc !important}.lang-sender .lang-avatar{background:linear-gradient(135deg,rgba(255,255,255,0.08) 0%,rgba(255,255,255,0.02) 100%) !important;border:1px solid rgba(255,255,255,0.1) !important;color:#cbd5e1 !important}.lang-message{color:#cbd5e1 !important}.lang-flag{background:rgba(255,255,255,0.04) !important;border:1px solid rgba(255,255,255,0.08) !important}.stat-mockup-card{background:rgba(255,255,255,0.02) !important;border:1px solid rgba(255,255,255,0.04) !important}.stat-mockup-card:hover{border-color:rgba(0,194,255,0.2) !important;box-shadow:0 10px 24px rgba(0,194,255,0.05) !important}.stat-mockup-lbl{color:#cbd5e1 !important}.stats-toggle-row{background:rgba(255,255,255,0.01) !important;border:1px solid rgba(255,255,255,0.04) !important}.toggle-title{color:#f8fafc !important}.toggle-subtitle{color:#cbd5e1 !important}.mockup-switch::after{background:#00c2ff !important}body,#page-landing{background-color:#0A0A0B !important}#page-dashboard{background:#daf0f8 !important}#page-dashboard .sidebar{background:#0f172a !important}#page-dashboard .dash-main{background:#daf0f8 !important;color:#0f172a !important;box-shadow:0 24px 64px rgba(0,53,102,0.05) !important}.dash-main h1,.dash-main h2,.dash-main h3,.dash-main h4,.dash-main h5{color:#0f172a !important}.dash-main .card,.dash-main .card.glass,.dash-main .settings-sidebar{background:#ffffff !important;border:1px solid rgba(0,53,102,0.08) !important;color:#334155 !important;box-shadow:0 10px 30px rgba(0,53,102,0.03) !important}.dash-main .card h3{color:#0f172a !important}.dash-main .card p{color:#475569 !important}.dash-main .profile-box{background:#f8fafc !important;border:1px solid #e2e8f0 !important;color:#334155 !important}.dash-main .snav-item{color:#475569 !important}.dash-main .snav-item:hover{background:rgba(0,158,204,0.05) !important;color:#009ecc !important}.dash-main .snav-item.active{background:rgba(0,158,204,0.1) !important;color:#003566 !important;border-left-color:#009ecc !important}.dash-main .btn-accent{background:linear-gradient(90deg,#003566 0%,#009ecc 50%,#00c2ff 100%) !important;color:#ffffff !important;border:none !important;box-shadow:0 4px 14px rgba(0,158,204,0.2) !important}.dash-main .btn-accent:hover{box-shadow:0 6px 20px rgba(0,158,204,0.35) !important;transform:translateY(-1.5px) !important}.dash-main .stat-card{background:#ffffff !important;border:1px solid #e2e8f0 !important;color:#334155 !important;box-shadow:0 4px 16px rgba(0,53,102,0.02) !important}.dash-main .stat-card .stat-num{color:#0f172a !important}.dash-main .stat-card .stat-lbl{color:#64748b !important}.dash-main .tab{border:1px solid #e2e8f0 !important;color:#475569 !important}.dash-main .tab:hover{background:rgba(0,158,204,0.05) !important}.dash-main .tab.active{background:linear-gradient(90deg,#003566 0%,#009ecc 100%) !important;color:#ffffff !important;border-color:transparent !important;box-shadow:0 4px 12px rgba(0,158,204,0.2) !important}.dash-main .message-card{background:#ffffff !important;border:1px solid #e2e8f0 !important;color:#334155 !important;box-shadow:0 4px 16px rgba(0,53,102,0.02) !important}.dash-main .message-card:hover{border-color:#009ecc !important;background:#ffffff !important}.dash-main .message-avatar{background:linear-gradient(135deg,#003566,#009ecc) !important;color:#ffffff !important}.dash-main .message-sender{color:#0f172a !important}.dash-main .message-subject{color:#334155 !important}.dash-main .message-preview{color:#64748b !important}.dash-main .fg input,.dash-main .fg select,.dash-main .fg textarea{background:#f8fafc !important;border:1px solid #e2e8f0 !important;color:#0f172a !important}.dash-main .fg input:focus,.dash-main .fg select:focus,.dash-main .fg textarea:focus{background:#ffffff !important;border-color:#009ecc !important}#logout-modal .modal-box{background:#ffffff !important;border:1px solid rgba(0,53,102,0.08) !important;color:#0f172a !important;box-shadow:0 24px 60px rgba(0,53,102,0.12),0 0 0 1px rgba(0,158,204,0.05) !important;backdrop-filter:none !important;-webkit-backdrop-filter:none !important}#logout-modal h3{color:#0f172a !important;font-weight:800 !important}#logout-modal p{color:#475569 !important}#logout-cancel{border:1.5px solid #cbd5e1 !important;color:#475569 !important;background:transparent !important;font-weight:600 !important;transition:all 0.2s ease !important}#logout-cancel:hover{background:#f1f5f9 !important;border-color:#94a3b8 !important;color:#0f172a !important;transform:translateY(-1.5px) !important}#logout-confirm{background:linear-gradient(90deg,#dc2626 0%,#f43f5e 100%) !important;color:#ffffff !important;border:none !important;box-shadow:0 4px 14px rgba(220,38,38,0.25) !important;font-weight:600 !important;transition:all 0.2s ease !important}#logout-confirm:hover{background:linear-gradient(90deg,#b91c1c 0%,#e11d48 100%) !important;box-shadow:0 6px 20px rgba(220,38,38,0.4) !important;transform:translateY(-1.5px) !important}.sidebar #btn-logout{color:rgba(255,255,255,0.75) !important;border:1.5px solid rgba(255,255,255,0.15) !important;background:transparent !important;font-weight:600 !important;transition:all 0.2s ease !important}.sidebar #btn-logout:hover{color:#ffffff !important;border-color:rgba(255,255,255,0.4) !important;background:rgba(255,255,255,0.08) !important;transform:translateY(-1px) !important}.btn-logout-full{background:rgba(220,38,38,0.06) !important;color:#dc2626 !important;border:1.5px solid rgba(220,38,38,0.18) !important}.btn-logout-full:hover{background:#dc2626 !important;color:#ffffff !important;border-color:#dc2626 !important;box-shadow:0 6px 18px rgba(220,38,38,0.25) !important}.trial-badge{background:rgba(16,185,129,0.1) !important;color:#16a34a !important;border:1px solid rgba(16,185,129,0.2) !important;padding:4px 12px !important;border-radius:50px !important;display:inline-block !important;font-size:0.72rem !important;margin-top:-6px !important;margin-bottom:16px !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:0.5px !important;text-align:center !important}.price-card .btn-ghost{background:rgba(0,158,204,0.04) !important;border:1.5px solid rgba(0,158,204,0.15) !important;color:#003566 !important;font-weight:600 !important;transition:all 0.2s ease !important}.price-card .btn-ghost:hover{background:rgba(0,158,204,0.1) !important;border-color:#009ecc !important;color:#009ecc !important;transform:translateY(-1.5px) !important;box-shadow:0 4px 12px rgba(0,158,204,0.08) !important}.bva-card.before:hover{transform:translateY(-4px) !important;border-color:rgba(239,68,68,0.3) !important;box-shadow:0 10px 24px rgba(239,68,68,0.05) !important}.bva-card.after:hover{transform:translateY(-4px) !important;border-color:rgba(16,185,129,0.4) !important;box-shadow:0 10px 24px rgba(16,185,129,0.08) !important}.bva-vs .vs-circle{background:linear-gradient(135deg,#003566 0%,#009ecc 100%) !important;color:#ffffff !important;font-weight:800 !important;box-shadow:0 0 15px rgba(0,158,204,0.3) !important;border:2px solid #ffffff !important;transition:all 0.3s ease !important}.bva-vs .vs-circle:hover{transform:scale(1.1) rotate(360deg) !important;box-shadow:0 0 25px rgba(0,158,204,0.5) !important}#form-feedback-inline{transition:all 0.3s ease !important}#form-feedback-inline:hover{box-shadow:0 15px 36px rgba(0,53,102,0.06) !important;border-color:rgba(0,158,204,0.2) !important}.faq-item{transition:all 0.4s cubic-bezier(0.16,1,0.3,1) !important}.faq-item:hover{border-color:rgba(0,158,204,0.3) !important;background:#ffffff !important;box-shadow:0 8px 20px rgba(0,158,204,0.05) !important}.faq-item.open{border-color:#009ecc !important;background:#ffffff !important;box-shadow:0 12px 28px rgba(0,158,204,0.08) !important}.faq-item .faq-q{color:#0f172a !important;font-weight:700 !important;transition:color 0.3s ease !important}.faq-item.open .faq-q{color:#009ecc !important}.faq-item .faq-a p{color:#475569 !important;font-size:0.92rem !important;line-height:1.6 !important;padding:0 20px 20px 20px !important}.canvas-header{z-index:500 !important}.lang-switcher-dropdown{background:rgba(255,255,255,0.95) !important;border:1px solid rgba(0,53,102,0.08) !important;box-shadow:0 10px 30px rgba(0,53,102,0.08),0 2px 8px rgba(0,53,102,0.04) !important}.lang-switcher-option{color:#334155 !important}.lang-switcher-option:hover{background:rgba(0,158,204,0.06) !important;color:#009ecc !important}.lang-switcher-option.active{background:rgba(0,158,204,0.1) !important;color:#003566 !important}.cutout-bottom-right{position:relative !important;bottom:auto !important;right:auto !important;order:999 !important;align-self:flex-end !important}.fillet-br-left,.fillet-br-top{display:none !important}.feat-icon{display:none !important}.modal-box.glass{display:flex !important;flex-direction:column !important;overflow:hidden !important;padding:0 !important}.modal-box.glass .modal-header-nav{position:relative !important;flex-shrink:0 !important;background:#ffffff !important;padding:16px 24px 14px !important;border-bottom:1px solid rgba(0,53,102,0.08) !important;z-index:10 !important;border-top-left-radius:20px !important;border-top-right-radius:20px !important;width:100% !important;box-sizing:border-box !important}.modal-box.glass .modal-header-nav .modal-head{margin-bottom:0 !important}.modal-box.glass .modal-body-scroll{overflow-y:auto !important;flex:1 !important;padding:8px 20px 16px !important;width:100% !important;box-sizing:border-box !important}.modal-page .modal-box.auth-modal-box{padding:0 !important;display:flex !important;flex-direction:column !important;max-height:90vh !important;overflow:hidden !important}.modal-page .modal-box.auth-modal-box .modal-header-nav{position:relative !important;background:#ffffff !important;z-index:100 !important;padding:16px 20px 8px !important;border-top-left-radius:20px !important;border-top-right-radius:20px !important;flex-shrink:0 !important;border-bottom:1px solid rgba(0,53,102,0.08) !important;width:100% !important;box-sizing:border-box !important}.modal-page .modal-box.auth-modal-box .modal-header-nav.x-only{padding:8px 20px 0 !important;border-bottom:none !important}.modal-page .modal-box.auth-modal-box .modal-body-scroll{overflow-y:auto !important;padding:8px 20px 16px !important;flex-grow:1 !important;display:flex !important;flex-direction:column !important;width:100% !important;box-sizing:border-box !important}.modal-page .modal-box.auth-modal-box .mobile-auth-header{margin:-16px -20px 8px -20px !important;border-top-left-radius:19px !important;border-top-right-radius:19px !important}@media (max-width:480px){.modal-page .modal-box.auth-modal-box{position:fixed !important;inset:0 !important;width:100vw !important;height:100vh !important;max-width:none !important;max-height:none !important;border-radius:0 !important;margin:0 !important;padding:0 !important;display:flex !important;flex-direction:column !important;background:#ffffff !important;overflow:hidden !important;border:none !important;box-shadow:none !important}.modal-page .modal-box.auth-modal-box .modal-header-nav{padding:10px 14px 6px !important;border-radius:0 !important}.modal-page .modal-box.auth-modal-box .modal-body-scroll{overflow-y:auto !important;flex:1 !important;padding:6px 14px 14px !important}.modal-page .modal-box.auth-modal-box .mobile-auth-header{margin:-10px -14px 6px -14px !important;border-top-left-radius:0 !important;border-top-right-radius:0 !important;padding:40px 16px 24px !important}.modal-page .modal-box.auth-modal-box .mobile-auth-footer{margin:20px -14px -30px -14px !important;border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important;padding:24px 16px 40px !important}.modal-box.glass .modal-header-nav{padding:12px 16px 10px !important}.modal-box.glass .modal-header-nav .modal-head{margin-bottom:0 !important}.modal-box.glass .modal-body-scroll{padding:6px 14px 14px !important}.modal-box.glass .modal-x{top:8px !important;right:10px !important;width:28px !important;height:28px !important;font-size:0.95rem !important}}.modal-body-scroll::-webkit-scrollbar-track{background:rgba(0,53,102,0.03)}.modal-body-scroll::-webkit-scrollbar-thumb{background:rgba(0,53,102,0.12);border-radius:10px}