:root{
 --navy:#101a4b;--blue:#2448df;--blue2:#3158f5;--green:#32b55b;--ink:#111936;--muted:#667085;
 --soft:#f6f9ff;--border:#e5eaf5;--orange:#ff9f1c;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}
a{text-decoration:none}.glass-nav{background:rgba(255,255,255,.94);backdrop-filter:blur(15px);border-bottom:1px solid rgba(229,234,245,.8);padding:10px 0;z-index:1000}
.brand-icon{width:48px;height:55px;object-fit:contain}.brand-wordmark{font-size:18px;line-height:1;font-weight:500;color:#20263c}.brand-wordmark strong{color:#263dc2}.brand-wordmark small{display:block;font-size:9px;letter-spacing:.3px;margin-top:5px;color:#6d7384;text-align:center}
.nav-link{color:#17203d!important;font-size:14px;font-weight:500}.nav-link:hover{color:var(--blue)!important}.btn{border-radius:8px;font-weight:600}.btn-login{border:1px solid #20377e;color:var(--ink);padding:10px 24px;background:#fff}.btn-primary-custom{background:linear-gradient(135deg,#2949d8,#1736b7);color:#fff;border:0;padding:11px 22px;box-shadow:0 8px 22px rgba(36,72,223,.2)}.btn-primary-custom:hover{color:#fff;transform:translateY(-1px)}.btn-demo{border:1px solid var(--blue);color:var(--ink);background:#fff}.btn-outline-custom{border:1px solid #4dba78;color:#278b50;background:#fff;padding:10px 25px}
.hero{padding:145px 0 55px;background:radial-gradient(circle at 90% 40%,#eaf1ff 0,transparent 36%),linear-gradient(180deg,#fff 0,#f9fbff 100%)}.eyebrow{display:inline-flex;gap:7px;background:#e8edff;color:#183bbd;padding:8px 15px;border-radius:30px;font-size:12px;font-weight:600;margin-bottom:18px}.hero h1{font-size:59px;line-height:1.08;letter-spacing:-2.5px;font-weight:800;color:#111a46;margin:0}.hero h1 span{color:#2450df}.dot{color:#2bb45a!important}.hero-copy{font-size:17px;line-height:1.55;color:#47516d;max-width:520px;margin:20px 0 26px}.trust{display:flex;align-items:center;gap:14px;font-size:12px}.avatars{display:flex}.avatars span{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#dce5ff,#8fa5f5);border:3px solid white;margin-left:-8px;display:grid;place-items:center;font-weight:700;color:#1735a8}.avatars span:first-child{margin-left:0}.rating{color:#f3ad00;margin-top:5px;font-size:16px}.rating span{color:#4b556c;font-size:11px;margin-left:4px}
.product-stage{height:440px;position:relative}.invoice-mock{position:absolute;right:0;top:20px;width:80%;background:white;border:1px solid #e2e7f2;border-radius:13px;box-shadow:0 22px 50px rgba(20,42,100,.14);padding:25px 25px 20px}.invoice-head{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#69738c}.invoice-head h5{font-size:14px;color:#17203d;margin:12px 0 4px}.invoice-label{font-size:15px;font-weight:800;color:#17203d}.invoice-mock table{width:100%;font-size:10px;margin:20px 0;border:1px solid #e8ecf4;border-radius:7px;overflow:hidden}.invoice-mock th,.invoice-mock td{padding:9px;border-bottom:1px solid #edf0f5}.invoice-mock th{background:#f7f9fc}.invoice-total{font-size:10px;max-width:210px;margin-left:auto}.invoice-total div{display:flex;justify-content:space-between;margin:7px}.green{color:#29a35a}.invoice-total .grand{font-size:12px;font-weight:700;margin-top:12px}.grand strong{color:#264be0}.invoice-actions{display:flex;gap:8px;margin-top:18px}.invoice-actions button{border:1px solid #e2e7f0;background:white;border-radius:7px;padding:7px 9px;font-size:9px}.invoice-actions .wa{background:#16a765;color:#fff;border-color:#16a765}.phone-card{position:absolute;z-index:3;left:3%;top:82px;width:155px;background:#0e193e;border-radius:22px;padding:9px;box-shadow:0 20px 40px rgba(10,25,70,.25);border:5px solid #121a36}.phone-top{font-size:8px;color:#fff;padding:6px 5px;display:flex;justify-content:space-between}.phone-screen{background:linear-gradient(180deg,#101d49,#091330);border-radius:15px;text-align:center;padding:25px 10px 20px;color:white;height:280px}.phone-screen small{opacity:.8}.wave{height:45px;display:flex;justify-content:center;align-items:center;gap:3px;margin:20px 0}.wave i{width:3px;background:#fff;border-radius:4px;height:12px;animation:pulse 1s infinite ease-in-out}.wave i:nth-child(2n){height:26px}.wave i:nth-child(3n){height:38px}.wave i:nth-child(4n){height:20px}.wave i:nth-child(2){animation-delay:.1s}.wave i:nth-child(3){animation-delay:.2s}.wave i:nth-child(4){animation-delay:.3s}.wave i:nth-child(5){animation-delay:.4s}@keyframes pulse{50%{transform:scaleY(.55);opacity:.55}}.mic-button{width:58px;height:58px;border:0;border-radius:50%;background:#2850e9;color:#fff;box-shadow:0 0 0 8px rgba(50,91,238,.12);font-size:22px}.phone-screen p{font-size:8px;margin-top:14px;opacity:.8}.speech-bubble{position:absolute;z-index:5;left:4%;bottom:20px;background:white;border-radius:12px;padding:14px 18px;width:280px;font-size:11px;line-height:1.5;box-shadow:0 12px 28px rgba(20,42,100,.12);border:1px solid #e6ebf4}.speech-bubble b{color:#2448df}.recognized{position:absolute;z-index:6;left:48%;bottom:5px;background:#fff;border:1px solid #e3e8f2;border-radius:9px;padding:9px 14px;font-size:9px;box-shadow:0 8px 20px rgba(30,50,100,.1);color:#1b2a4d}.recognized i{color:#27ae60;margin-right:5px}
.trust-strip{padding:15px 0}.trust-strip .container{border:1px solid #e4e9f3;border-radius:14px;box-shadow:0 7px 25px rgba(25,50,100,.06);background:white}.trust-strip .col{padding:17px 14px;display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;column-gap:10px;border-right:1px solid #edf0f5}.trust-strip .col:last-child{border:0}.trust-strip i{grid-row:1/3;display:grid;place-items:center;background:#edf2ff;color:#2450df;width:38px;height:38px;border-radius:50%}.trust-strip b{font-size:11px}.trust-strip small{font-size:9px;color:#788197}
.section{padding:65px 0}.section-heading{text-align:center;margin-bottom:35px}.section-heading h2{font-size:23px;font-weight:800;margin:0}.underline{width:35px;height:3px;background:var(--blue);margin:10px auto;border-radius:3px}.steps{max-width:950px;margin:auto}.step{display:flex;align-items:center;gap:15px;padding:10px 25px;position:relative}.step:not(:last-child):after{content:"→";position:absolute;right:-10px;font-size:25px;color:#2246c8}.step-icon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;font-size:25px;flex:none}.step-icon.blue{background:#eaf0ff;color:#2148d9}.step-icon.green{background:#e8f7ef;color:#28a55a}.step-icon.orange{background:#fff4df;color:#f19a15}.step b{font-size:14px}.step p{font-size:11px;color:#677188;margin:5px 0;line-height:1.45}
.dashboard-wrap{border:1px solid #e3e8f3;border-radius:15px;overflow:hidden;box-shadow:0 15px 35px rgba(30,50,100,.08)}.dashboard-copy{padding:45px;background:#f7f9ff}.mini-label{font-size:9px;color:#3452d0;font-weight:700;letter-spacing:1px}.dashboard-copy h2{font-size:26px;line-height:1.25;margin:15px 0}.dashboard-copy h2 span{color:#294cdf}.dashboard-copy p{font-size:12px;color:#667085;line-height:1.6}.dashboard-ui{display:flex;min-height:335px;background:#fff}.dash-side{width:145px;background:#0d1739;color:white;padding:22px 12px;display:flex;flex-direction:column;gap:4px}.dash-side strong{font-size:9px;margin-bottom:15px}.dash-side a{color:#dce2f5;font-size:9px;padding:8px;border-radius:6px}.dash-side a.active{background:#2d55df;color:#fff}.dash-side i{margin-right:6px}.dash-main{padding:22px;flex:1;background:#f7f9fc}.dash-main h5{font-size:13px}.dash-main h5 small{display:block;font-size:8px;font-weight:400;color:#768096;margin-top:4px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:15px}.metric-grid div{background:#fff;border:1px solid #e8ecf3;border-radius:7px;padding:10px}.metric-grid small{display:block;font-size:7px;color:#68728a}.metric-grid b{display:block;font-size:12px;margin:7px 0}.metric-grid em{font-size:7px;color:#1fa45b;font-style:normal}.metric-grid .down{color:#ef5350}.chart-card{background:#fff;border:1px solid #e8ecf3;border-radius:8px;margin-top:12px;padding:13px}.chart-card>div:first-child{display:flex;gap:8px;font-size:9px}.chart-card small{color:#8a92a4}.chart{height:105px;display:flex;align-items:end;gap:18px;padding:15px 15px 0;border-bottom:1px solid #e8ecf4}.chart span{display:block;width:14px;background:linear-gradient(180deg,#3158f5,#b8c7ff);border-radius:5px 5px 0 0}
.feature-card{height:100%;border:1px solid #e5eaf3;border-radius:10px;padding:25px;background:white;transition:.25s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(20,45,100,.08)}.feature-card>i{font-size:30px;color:#244de1}.feature-card h5{font-size:13px;margin:18px 0 8px}.feature-card p{font-size:10px;line-height:1.6;color:#68728a}.light-section{background:#f8faff}.business-grid>div>div{background:#fff;border:1px solid #e5eaf3;border-radius:9px;padding:20px 8px;text-align:center;min-height:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}.business-grid i{font-size:24px;color:#2d51db}.business-grid b{font-size:10px}
.comparison{border:1px solid #e2e7f0;border-radius:10px;overflow:hidden;box-shadow:0 8px 25px rgba(20,40,90,.06);max-width:900px;margin:auto}.comparison>div{display:grid;grid-template-columns:1fr 1fr;padding:12px 20px;border-bottom:1px solid #edf0f5;font-size:11px}.comparison>div:last-child{border:0}.comparison-head{background:#f8faff;font-size:12px!important}.comparison-head b:first-child{color:#e74747}.comparison-head b:last-child{color:#1c9e51}.comparison span{text-align:center;color:#677188}.comparison strong{text-align:center;color:#1c9e51;font-weight:600}.testimonials{background:#fafbfe}.quote-card{background:#fff;border:1px solid #e3e8f2;border-radius:10px;padding:25px;height:100%;box-shadow:0 5px 18px rgba(20,40,90,.04)}.quote-card>i{font-size:30px;color:#2b4fe0}.quote-card p{font-size:11px;line-height:1.65;color:#4f5970;min-height:70px}.quote-card b,.quote-card small{display:block;font-size:10px}.quote-card small{color:#788197;margin-top:4px}
.pricing .price-card{position:relative;border:1px solid #e2e7f0;border-radius:10px;padding:30px 28px;height:100%;background:#fff;text-align:center}.price-card.popular{border:2px solid #2e53e4;box-shadow:0 15px 30px rgba(36,72,223,.1)}.popular-tag{position:absolute;right:0;top:0;background:#2c50d9;color:white;padding:5px 10px;border-radius:0 8px 0 8px;font-size:8px}.price-card h4{font-size:15px;color:#18874b}.price-card small{color:#7b8498;font-size:10px}.price{font-size:31px;font-weight:800;margin:15px 0}.price em{font-size:10px;color:#7c8497;font-style:normal;font-weight:400}.price-card ul{text-align:left;padding-left:0;list-style:none;font-size:10px;color:#566078;line-height:2}.price-card li:before{content:"✓";color:#24a058;font-weight:700;margin-right:8px}.price-card button{margin-top:10px}
.cta{padding:0 0 0}.cta-inner{background:linear-gradient(100deg,#15318d,#0d3fd8);border-radius:10px;padding:22px 40px;color:white;display:flex;align-items:center;gap:20px}.cta-mic{width:54px;height:54px;border-radius:50%;background:rgba(255,255,255,.15);display:grid;place-items:center;font-size:23px}.cta h2{font-size:19px;margin:0 0 5px}.cta p{font-size:11px;margin:0;opacity:.85}.cta-inner .btn{margin-left:auto;font-size:11px;padding:11px 20px}
footer{margin-top:0;background:#0d183b;color:#dce3f5;padding:50px 0 20px}.footer-brand{display:flex;align-items:center;gap:10px;margin-bottom:15px}.footer-brand img{width:45px;height:50px;object-fit:contain}.footer-brand b,.footer-brand small{display:block}.footer-brand b{font-size:14px;color:white}.footer-brand small{font-size:8px}.footer-brand+ p{font-size:10px;line-height:1.7;color:#9da8c2;max-width:310px}.socials{display:flex;gap:8px}.socials a{width:28px;height:28px;border:1px solid #56617c;border-radius:50%;display:grid;place-items:center;color:white;font-size:11px}.socials a:hover{background:#2e51db;border-color:#2e51db}footer h6{color:white;font-size:12px;margin-bottom:16px}footer a,footer span{display:block;color:#aab4ca;font-size:10px;margin:10px 0}footer a:hover{color:white}footer hr{border-color:#293556;margin:35px 0 15px}.copyright{text-align:center;color:#8e99b3;font-size:9px}
.auth-modal{border:0;border-radius:15px}.modal-logo{width:65px;height:70px;object-fit:contain}.auth-modal h3{font-size:20px}.auth-modal p{font-size:11px;color:#6b7488}.auth-modal .form-control{font-size:12px;padding:12px;border-radius:8px}
@media(max-width:991px){.hero h1{font-size:48px}.product-stage{margin-top:20px}.invoice-mock{width:75%}.trust-strip .col{border-bottom:1px solid #edf0f5}.dashboard-ui{min-height:auto}.step:not(:last-child):after{display:none}.cta-inner{padding:22px}.cta-inner .btn{margin-left:0}}
@media(max-width:767px){.hero{padding-top:115px}.hero h1{font-size:42px}.product-stage{height:430px;transform:scale(.9);transform-origin:top left;width:111%}.invoice-mock{width:80%;right:0}.phone-card{left:0}.speech-bubble{left:4%;bottom:15px;width:250px}.trust-strip .row{display:block}.trust-strip .col{display:flex;align-items:center;gap:10px;padding:12px}.trust-strip .col i{flex:none}.dashboard-ui{display:block}.dash-side{width:100%;flex-direction:row;overflow:auto}.dash-side strong{display:none}.dash-side a{white-space:nowrap}.metric-grid{grid-template-columns:1fr 1fr}.comparison>div{grid-template-columns:1fr;gap:7px;text-align:center}.cta-inner{flex-wrap:wrap}.cta-inner .btn{width:100%}.brand-wordmark{font-size:15px}}
