@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@500;600;700;800&family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&display=swap');
:root{--yellow:#FFD700;--yellow2:#f7c600;--navy-deep:#102A43;--cyan:#22b8cf;--sky:#5aa9ff;--bg-light:#F0F8FF;--surface:#F1F5F9}
.font-display{font-family:'Fraunces',Manrope,serif}
.hero-new h1,.page-hero h1,.cta h2,.custom-section h2{font-family:'Fraunces',Manrope,serif;font-weight:600;letter-spacing:-1px}
.eyebrow.brand-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#fff;border:1px solid #cfe2fb;box-shadow:0 8px 20px rgba(11,52,105,.08);color:var(--navy);font-size:11px;font-weight:900;letter-spacing:1px;margin-bottom:16px}
.eyebrow.brand-chip:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--cyan)}
.client-logo img{width:100%;height:100px;object-fit:contain}
.nav-wrap .brand .brand-mark{width:64px;height:64px;transition:transform .3s ease,box-shadow .3s ease;animation:brandEntrance .85s cubic-bezier(.2,.8,.2,1) both}
.brand:hover .brand-mark{transform:perspective(100px) rotateY(-6deg) scale(1.05);box-shadow:0 12px 28px rgba(11,94,215,.22)}
.client-logo{animation:brandEntrance .7s cubic-bezier(.2,.8,.2,1) both}
.client-logo:nth-child(2){animation-delay:.08s}.client-logo:nth-child(3){animation-delay:.16s}.client-logo:nth-child(4){animation-delay:.24s}.client-logo:nth-child(5){animation-delay:.32s}.client-logo:nth-child(6){animation-delay:.4s}.client-logo:nth-child(7){animation-delay:.48s}.client-logo:nth-child(8){animation-delay:.56s}.client-logo:nth-child(9){animation-delay:.64s}.client-logo:nth-child(10){animation-delay:.72s}
@keyframes brandEntrance{from{opacity:0;filter:blur(5px)}to{opacity:1;filter:blur(0)}}
@media(max-width:520px){.nav-wrap .brand .brand-mark{width:54px;height:54px}}
@media(max-width:800px){.module-grid[style*="grid-template-columns:repeat(4,1fr)"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}.module-grid[style*="grid-template-columns:repeat(4,1fr)"] .module{min-width:0}}
@media(prefers-reduced-motion:reduce){.nav-wrap .brand .brand-mark,.client-logo{animation:none!important;opacity:1;filter:none}.nav-wrap .brand .brand-mark,.client-logo:hover{transition:none!important}.client-logo:hover{transform:none!important}}
.module-grid .module{min-height:76px;padding:16px;font-size:14px;line-height:1.45;text-align:left;justify-content:flex-start;border:1px solid var(--line);cursor:pointer;isolation:isolate;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;animation:moduleEnter .5s cubic-bezier(.2,.8,.2,1) both}
.module-grid .module:hover{transform:translateY(-3px);border-color:#a9c7ee;box-shadow:0 14px 30px rgba(11,52,105,.13)}
.module-grid .module:focus-visible{outline:3px solid var(--blue2);outline-offset:3px}
.module-grid .module.priority-high{min-height:76px;font-size:16px}
.module-grid .module.priority-second,.module-grid .module.priority-third{font-size:14px}
@keyframes moduleEnter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.program-dialog{position:fixed;inset:0;margin:auto;width:min(520px,calc(100% - 32px));max-width:none;max-height:calc(100% - 32px);padding:36px;border:1px solid rgba(255,255,255,.9);border-radius:22px;background:linear-gradient(145deg,#fff,#f3f8ff);color:var(--ink);box-shadow:0 28px 90px rgba(7,27,58,.3);overflow-y:auto;transform:translateY(16px) scale(.97);opacity:0;transition:opacity .25s ease,transform .25s ease}
.program-dialog[open]{opacity:1;transform:translateY(0) scale(1);animation:dialogEntrance .32s cubic-bezier(.2,.8,.2,1) both}
.program-dialog::backdrop{background:rgba(7,27,58,.58);backdrop-filter:blur(5px)}
.program-dialog h2{margin:8px 42px 14px 0;font:800 30px/1.15 Manrope;color:var(--navy)}
.program-dialog p{margin:0;color:var(--muted);font-size:16px;line-height:1.75}
.program-dialog-close{position:absolute;top:15px;right:15px;width:40px;height:40px;border:0;border-radius:50%;background:#eaf2fc;color:var(--navy);font-size:26px;line-height:1;cursor:pointer;transition:transform .2s ease,background-color .2s ease}
.program-dialog-close:hover{transform:rotate(90deg);background:#dbeaff}
.program-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:26px;padding-top:18px;border-top:1px solid var(--line)}
.program-dialog-footer span{color:var(--muted);font-size:12px;font-weight:800}
.program-dialog-done{border:0;cursor:pointer}
@keyframes dialogEntrance{from{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:520px){.module-grid .module{min-height:72px;padding:14px 12px;font-size:13px}.module-grid .module.priority-high{font-size:14px}.module-grid .module.priority-second,.module-grid .module.priority-third{font-size:13px}.program-dialog{padding:30px 22px 22px}.program-dialog h2{font-size:25px}.program-dialog p{font-size:15px}.program-dialog-footer{align-items:flex-start;flex-direction:column}.program-dialog-done{width:100%}}
@media(prefers-reduced-motion:reduce){.module-grid .module,.program-dialog,.program-dialog[open],.program-dialog::backdrop,.program-dialog-close{animation:none!important;transition:none!important}}
.module.priority-high{grid-column:span 2;min-height:64px;background:linear-gradient(120deg,#fff3cb,#fff);border:1px solid #e9b934;color:#10213d;font-size:13px;box-shadow:0 9px 22px rgba(200,142,18,.16)}.module.priority-second{background:#eaf3ff;border:1px solid #b8d2f5;color:#0b4fae;font-size:11px}.module.priority-third{background:#edf8f5;border:1px solid #b9dfd3;color:#17634d;font-size:11px}@media(max-width:520px){.module.priority-high{grid-column:span 2}}
.support-menu-wrap{position:relative}.support-trigger{white-space:nowrap}.support-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:60;display:none;min-width:190px;padding:6px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 14px 34px rgba(7,27,58,.16)}.support-menu.open{display:grid}.support-menu a{padding:11px 12px;border-radius:8px;color:var(--ink);font-size:13px;font-weight:700;white-space:nowrap}.support-menu a:hover{background:var(--soft);color:var(--blue)}@media(max-width:800px){.nav-actions .support-trigger{display:inline-flex}}
:root{--blue:#0b5ed7;--blue2:#2b83ff;--navy:#102A43;--gold:#FFD700;--gold2:#f7c600;--ink:#10213d;--muted:#5b6b83;--line:#dbe6f5;--soft:#F0F8FF;--white:#fff;--shadow:0 20px 55px rgba(11,52,105,.12);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 36px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(15,50,90,.08);transition:.3s}.site-header.scrolled{box-shadow:0 10px 35px rgba(12,50,100,.1)}.nav-wrap{min-height:78px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;min-width:max-content}.brand-mark{width:54px;height:54px;border-radius:13px;background:#fff;display:grid;place-items:center;overflow:hidden;box-shadow:0 8px 18px rgba(11,94,215,.12);transform:perspective(100px) rotateY(-6deg)}.brand-mark img{width:100%;height:100%;object-fit:contain}.brand b{font:800 18px Manrope}.brand small{display:block;font-size:8px;letter-spacing:2.4px;color:var(--gold);font-weight:800;margin-top:1px}.main-nav{display:flex;gap:18px;align-items:center;margin-left:auto}.main-nav a{font-size:13px;font-weight:700;color:#52627a;position:relative;padding:29px 0}.main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:21px;height:2px;background:var(--gold);transition:.25s}.main-nav a:hover{color:var(--blue)}.main-nav a:hover:after{right:0}.nav-actions{display:flex;align-items:center;gap:9px}.phone-chip{font-size:12px;font-weight:800;color:var(--blue);white-space:nowrap}.menu-btn{display:none;border:0;background:#edf5ff;border-radius:12px;width:42px;height:42px;font-size:20px;color:var(--navy)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:13px;font-size:13px;font-weight:800;transition:.25s;cursor:pointer;border:1px solid transparent}.btn:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(11,94,215,.16)}.btn-primary{background:linear-gradient(135deg,var(--blue),#0a4fb7);color:#fff}.btn-gold{background:linear-gradient(135deg,#e9b934,#c88e12);color:#10213d}.btn-outline{border-color:#b9cde8;color:var(--blue);background:#fff}.btn-blue{background:#eaf3ff;color:var(--blue)}.btn-small{padding:10px 13px;font-size:11px}.hero{position:relative;padding:86px 0 55px;background:radial-gradient(circle at 80% 10%,#eaf3ff 0,rgba(234,243,255,0) 34%),linear-gradient(180deg,#fff 0,#f7fbff 100%);overflow:hidden}.hero:before,.hero:after{content:"";position:absolute;border-radius:50%;filter:blur(2px);opacity:.7;animation:float 8s ease-in-out infinite}.hero:before{width:250px;height:250px;background:rgba(216,167,44,.1);right:-90px;top:80px}.hero:after{width:180px;height:180px;background:rgba(43,131,255,.08);left:-70px;bottom:0;animation-delay:-3s}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:50px;align-items:center;position:relative;z-index:2}.eyebrow{display:inline-flex;gap:8px;align-items:center;text-transform:uppercase;letter-spacing:1.8px;font-size:10px;font-weight:900;color:var(--blue);margin-bottom:13px}.eyebrow:before{content:"";width:22px;height:2px;background:var(--gold)}h1,h2,h3,h4{font-family:Manrope;margin:0;color:var(--navy)}h1{font-size:clamp(42px,5.2vw,70px);line-height:1.02;letter-spacing:-3px}h1 span{background:linear-gradient(90deg,var(--blue),#1688ff);-webkit-background-clip:text;color:transparent}h2{font-size:clamp(30px,4vw,48px);line-height:1.05;letter-spacing:-1.8px}.hero p{font-size:16px;line-height:1.8;color:var(--muted);max-width:650px;margin:22px 0}.hero-buttons{display:flex;gap:10px;flex-wrap:wrap}.trust{display:flex;gap:30px;margin-top:35px}.trust strong{display:block;font:800 25px Manrope;color:var(--navy)}.trust span{font-size:11px;color:var(--muted);display:block;margin-top:3px}.hero-art{min-height:500px;position:relative;perspective:1200px}.dashboard-3d{position:absolute;inset:35px 0 20px 30px;background:linear-gradient(145deg,#fff,#edf5ff);border:1px solid #d8e5f5;border-radius:30px;box-shadow:35px 35px 80px rgba(5,55,120,.15),inset 0 0 0 1px rgba(255,255,255,.8);transform:rotateY(-12deg) rotateX(5deg);overflow:hidden}.dash-top{height:54px;background:#071b3a;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px}.dots{display:flex;gap:5px}.dots i{width:7px;height:7px;border-radius:50%;background:#fff8}.dash-content{display:grid;grid-template-columns:110px 1fr;height:calc(100% - 54px)}.dash-side{background:#f1f6fd;padding:15px 10px}.dash-side div{padding:10px 8px;border-radius:10px;font-size:9px;font-weight:800;color:#6b7890;margin-bottom:5px}.dash-side .on{background:#dcecff;color:var(--blue)}.dash-main{padding:20px}.dash-title{display:flex;justify-content:space-between;align-items:center}.dash-title strong{font:800 20px Manrope}.tiny-pill{background:#e8f8ee;color:#18864c;border-radius:99px;padding:7px 10px;font-size:8px;font-weight:900}.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.kpi{background:#fff;border:1px solid #e4edf8;border-radius:16px;padding:13px;box-shadow:0 8px 18px #12305c08}.kpi small{display:block;color:#8090a7;font-size:8px}.kpi b{font-size:17px;margin-top:5px;display:block}.chart-box{height:170px;background:#fff;border:1px solid #e4edf8;border-radius:18px;padding:14px;position:relative;overflow:hidden}.bars{height:120px;display:flex;align-items:flex-end;gap:11px;padding:12px 8px}.bars i{width:13%;border-radius:8px 8px 2px 2px;background:linear-gradient(180deg,#4c9aff,var(--blue));animation:barPulse 2.7s ease-in-out infinite}.bars i:nth-child(1){height:40%}.bars i:nth-child(2){height:55%;animation-delay:.1s}.bars i:nth-child(3){height:45%;animation-delay:.2s}.bars i:nth-child(4){height:78%;animation-delay:.3s}.bars i:nth-child(5){height:65%;animation-delay:.4s}.bars i:nth-child(6){height:88%;animation-delay:.5s}.bars i:nth-child(7){height:72%;animation-delay:.6s}.float-card{position:absolute;background:#fff;border:1px solid #d9e6f7;padding:12px 15px;border-radius:15px;box-shadow:var(--shadow);font-size:10px;font-weight:900;color:var(--navy);animation:float 5s ease-in-out infinite;z-index:3}.float-card b{color:var(--blue)}.f1{top:55px;right:-8px}.f2{bottom:65px;left:-8px;animation-delay:-1.8s}.f3{top:190px;right:-30px;animation-delay:-3.2s}.strip{background:var(--navy);color:#fff}.strip .container{display:grid;grid-template-columns:repeat(4,1fr)}.metric{padding:22px 18px;border-right:1px solid #fff1;text-align:center}.metric:last-child{border-right:0}.metric strong{display:block;font:800 25px Manrope;color:var(--gold2)}.metric span{font-size:10px;color:#b9c8df}.section{padding:92px 0}.section.soft{background:var(--bg-light)}.section-head{max-width:720px;margin-bottom:32px}.section-head p{color:var(--muted);line-height:1.75;margin:14px 0 0}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.portrait{position:relative}.portrait:before{content:"";position:absolute;inset:16px -16px -16px 16px;border-radius:28px;background:linear-gradient(135deg,#e9f3ff,#fff4ce);z-index:0}.portrait img{position:relative;z-index:1;border-radius:26px;width:100%;max-height:530px;object-fit:cover;object-position:center top;box-shadow:var(--shadow)}.checkgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}.check{font-size:12px;font-weight:800;padding:12px 14px;border-radius:13px;background:#f7fbff;border:1px solid #e0eaf6}.check:before{content:"✓";color:var(--gold);margin-right:8px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service,.product,.feature-card,.tool-card,.price-card,.branch-card,.contact-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;transition:.3s;position:relative;overflow:hidden}.service:before,.product:before,.feature-card:before,.tool-card:before{content:"";position:absolute;inset:auto -35px -45px auto;width:100px;height:100px;border-radius:50%;background:rgba(11,94,215,.05)}.service:hover,.product:hover,.feature-card:hover,.tool-card:hover,.price-card:hover,.branch-card:hover,.contact-card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:#bdd5f4}.service .icon,.tool-visual,.feature-icon{width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,#eef6ff,#d7e9ff);display:grid;place-items:center;color:var(--blue);font-size:20px;font-weight:900;box-shadow:inset -5px -6px 10px rgba(13,67,145,.1),0 8px 16px rgba(11,94,215,.08);margin-bottom:18px;transform:perspective(90px) rotateX(3deg) rotateY(-6deg)}.service h3,.product h3,.feature-card h3,.tool-card h3{font-size:19px}.service p,.product p,.feature-card p,.tool-card p,.branch-card p,.contact-card p{color:var(--muted);font-size:12px;line-height:1.7}.service a{font-size:11px;font-weight:900;color:var(--blue)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.product.popular{border:2px solid var(--gold);transform:translateY(-8px)}.product.popular:after{content:"MOST REQUESTED";position:absolute;right:18px;top:17px;background:#fff4c9;color:#9a6a00;font-size:8px;font-weight:900;padding:6px 8px;border-radius:99px}.price{font:800 30px Manrope;color:var(--navy);margin-top:18px}.tax{font-size:10px;color:var(--muted);margin-top:3px}.workspace{display:grid;grid-template-columns:.9fr 1.1fr;gap:45px;align-items:center}.workspace-screen{background:#071b3a;border-radius:28px;padding:18px;box-shadow:30px 30px 70px rgba(4,32,74,.18);transform:rotateY(-5deg);min-height:320px}.screenbar{display:flex;justify-content:space-between;align-items:center;color:#fff;margin-bottom:15px}.screen-title{font-size:12px;font-weight:900}.pill{background:#fff2c5;color:#7d5b00;padding:6px 9px;border-radius:99px;font-size:8px;font-weight:900}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.module{background:#fff;border-radius:14px;padding:15px 12px;font-size:10px;font-weight:800;color:#34425a;min-height:50px;display:flex;align-items:center;gap:7px;box-shadow:0 7px 15px #00132c14}.module strong{color:var(--blue)}.marquee{overflow:hidden;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap}.marquee-track{display:inline-flex;gap:50px;padding:15px 0;animation:marquee 22s linear infinite}.marquee span{font-size:11px;font-weight:900;color:#6a7890}.marquee b{color:var(--gold)}.cta{padding:34px;border-radius:28px;background:linear-gradient(135deg,#071b3a,#0d376e);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:25px;box-shadow:var(--shadow)}.cta h2{color:#fff;font-size:34px}.cta p{color:#c6d4e8}.page-hero{padding:70px 0;background:linear-gradient(135deg,#f4f9ff,#fff);border-bottom:1px solid var(--line)}.page-hero h1{font-size:52px;letter-spacing:-2px}.page-hero p{max-width:750px;color:var(--muted);line-height:1.8}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature-card{min-height:220px}.feature-icon{font-size:27px}.price-table{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.price-card{padding:28px}.price-card.featured{border:2px solid var(--gold)}.price-card .price{font-size:38px}.price-card ul{padding:0;list-style:none;color:var(--muted);font-size:12px;line-height:2}.price-card li:before{content:"✓";color:var(--blue);font-weight:900;margin-right:7px}.notice{padding:15px 17px;background:#fff9e8;border:1px solid #f0d98a;border-radius:15px;color:#6d5613;font-size:11px;line-height:1.7}.support-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;background:#eef6ff;border:1px solid #cfe2fb;border-radius:18px}.support-banner strong{font-size:14px}.support-banner span{font-size:11px;color:var(--muted)}.remote-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.remote-card{background:linear-gradient(145deg,#fff,#f3f8ff);border:1px solid var(--line);border-radius:22px;padding:24px}.remote-card h3{font-size:20px}.remote-numbers{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.remote-numbers a{background:#eaf3ff;color:var(--blue);font-weight:900;font-size:11px;padding:9px 11px;border-radius:99px}.client-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.client-logo{min-height:88px;border:1px solid var(--line);border-radius:18px;background:#fff;display:flex;align-items:center;justify-content:center;text-align:center;padding:14px;box-shadow:0 8px 20px rgba(15,55,100,.05);font:800 13px Manrope;color:#243b61;transition:.25s}.client-logo:hover{transform:translateY(-4px) rotate(-1deg);box-shadow:var(--shadow)}.client-logo span{display:block;font-size:8px;letter-spacing:1.2px;color:var(--gold);margin-top:5px}.tool-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:20px}.tool-toolbar input,.tool-toolbar select,.form input,.form textarea,.form select{width:100%;border:1px solid #d6e2f1;border-radius:13px;padding:13px 14px;font:inherit;font-size:12px;outline:0;background:#fff}.tool-toolbar input{flex:1;min-width:250px}.tool-count{font-size:11px;color:var(--muted);margin:8px 0 18px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.tool-card{min-height:230px}.tool-no{position:absolute;top:18px;right:18px;font:800 12px Manrope;color:#c0ccdc}.tool-visual{background:linear-gradient(145deg,#fff4d3,#dcecff);color:#10213d;font-size:12px}.tool-card h3{font-size:16px;padding-right:25px}.form{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form .full{grid-column:1/-1}.form label{font-size:10px;font-weight:900;color:#4d5d73;display:block;margin-bottom:6px}.form textarea{min-height:130px;resize:vertical}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px}.contact-stack{display:grid;gap:13px}.contact-card a{color:var(--blue);font-weight:800;font-size:12px}.branch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.branch-card strong{font:800 20px Manrope}.branch-card small{display:block;color:var(--gold);font-weight:900;font-size:9px;letter-spacing:1.5px;text-transform:uppercase;margin-top:5px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.tab{padding:9px 12px;border-radius:99px;border:1px solid #cadbed;background:#fff;font-size:11px;font-weight:800;color:#5a6b83;cursor:pointer}.tab.active{background:var(--blue);color:#fff;border-color:var(--blue)}.footer{background:#06162f;color:#c5d3e8;padding:60px 0 18px}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr .9fr;gap:45px}.footer .brand b{color:#fff}.footer h4{color:#fff;font-size:13px;margin-bottom:15px}.footer-grid a:not(.brand){display:block;font-size:11px;margin:10px 0;color:#b8c8df}.footer-grid a:hover{color:#fff}.footer p{font-size:11px;line-height:1.8;max-width:330px}.footer-social{display:flex;gap:8px}.footer-social a{padding:8px 10px!important;border:1px solid #ffffff1c;border-radius:99px}.footer-bottom{border-top:1px solid #fff1;margin-top:40px;padding-top:18px;display:flex;justify-content:space-between;font-size:9px;color:#8ea1bc}.wa-float{position:fixed;right:20px;bottom:20px;width:55px;height:55px;border-radius:50%;background:#1fba63;color:#fff;display:grid;place-items:center;font-size:26px;font-weight:900;box-shadow:0 12px 30px rgba(0,0,0,.2);z-index:60;animation:pulse 2.2s infinite}.reveal{opacity:0;transform:translateY(24px);transition:.75s ease}.reveal.show{opacity:1;transform:none}.spin{animation:spin 12s linear infinite}.float{animation:float 6s ease-in-out infinite}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(31,186,99,.25),0 12px 30px rgba(0,0,0,.2)}50%{box-shadow:0 0 0 14px rgba(31,186,99,0),0 12px 30px rgba(0,0,0,.2)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes barPulse{0%,100%{filter:brightness(1)}50%{filter:brightness(1.22)}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1050px){.main-nav{gap:11px}.main-nav a{font-size:11px}.nav-actions .phone-chip{display:none}.hero-grid{grid-template-columns:1fr}.hero-art{max-width:700px;width:100%;margin:auto}.grid-4{grid-template-columns:repeat(2,1fr)}.client-grid{grid-template-columns:repeat(3,1fr)}.tool-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.nav-wrap{min-height:68px}.main-nav{position:absolute;left:18px;right:18px;top:68px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px;display:none;flex-direction:column;align-items:stretch;box-shadow:var(--shadow)}.main-nav.open{display:flex}.main-nav a{padding:11px 12px}.main-nav a:after{display:none}.menu-btn{display:block}.nav-actions .btn{display:none}.hero{padding-top:55px}.hero-art{min-height:390px}.dashboard-3d{inset:20px 0 10px 10px}.trust{gap:15px}.about-grid,.workspace,.two-col,.contact-layout,.remote-grid{grid-template-columns:1fr}.product-grid,.price-table,.feature-grid,.branch-grid{grid-template-columns:1fr}.product.popular{transform:none}.strip .container{grid-template-columns:1fr 1fr}.metric{border-bottom:1px solid #fff1}.section{padding:68px 0}.page-hero h1{font-size:40px}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;gap:7px}.module-grid{grid-template-columns:1fr 1fr}.checkgrid{grid-template-columns:1fr}.form{grid-template-columns:1fr}}
@media(max-width:520px){.container{width:min(100% - 24px,1180px)}h1{font-size:42px}.hero-art{min-height:330px}.dash-content{grid-template-columns:72px 1fr}.dash-side div{font-size:7px;padding:8px 5px}.kpi-grid{grid-template-columns:1fr}.chart-box{height:140px}.client-grid{grid-template-columns:1fr 1fr}.tool-grid{grid-template-columns:1fr}.grid-4{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.support-banner,.cta{align-items:flex-start;flex-direction:column}.float-card{font-size:8px}.f3{right:-2px}.f1{right:2px}.f2{left:2px}}
.demo-trigger{animation:demoJump 1.8s ease-in-out infinite;box-shadow:0 10px 24px rgba(216,167,44,.3)}.demo-trigger:hover{animation-play-state:paused;transform:translateY(-3px)}@keyframes demoJump{0%,72%,100%{transform:translateY(0)}80%{transform:translateY(-7px)}88%{transform:translateY(0)}94%{transform:translateY(-3px)}}body.demo-open{overflow:hidden}.demo-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;visibility:hidden;opacity:0;transition:opacity .25s ease,visibility .25s ease}.demo-modal.open{visibility:visible;opacity:1}.demo-modal-backdrop{position:absolute;inset:0;background:rgba(7,27,58,.62);backdrop-filter:blur(5px)}.demo-modal-card{position:relative;width:min(560px,100%);padding:42px;border:1px solid rgba(255,255,255,.8);border-radius:24px;background:linear-gradient(145deg,#fff,#f5f9ff);box-shadow:0 28px 80px rgba(7,27,58,.3);transform:translateY(22px) scale(.96);transition:transform .3s ease}.demo-modal.open .demo-modal-card{transform:translateY(0) scale(1)}.demo-modal-card h2{margin:8px 0 12px;font:800 clamp(30px,5vw,44px)/1.05 Manrope;color:var(--navy)}.demo-modal-card p{margin:0;color:var(--muted);line-height:1.8}.demo-modal-close{position:absolute;top:14px;right:16px;width:38px;height:38px;border:0;border-radius:50%;background:#eaf2fc;color:var(--navy);font-size:25px;line-height:1;cursor:pointer}.demo-modal-points{display:grid;gap:10px;margin:22px 0;color:var(--navy);font-size:13px;font-weight:700}.demo-modal-actions{display:flex;gap:10px;flex-wrap:wrap}.demo-modal-actions .btn{flex:1 1 170px}@media(max-width:520px){.demo-modal-card{padding:34px 22px 24px}.demo-modal-actions{display:grid}.demo-modal-actions .btn{width:100%}}

/* ===== Mothercare 2026 UX refresh ===== */
.hero-new{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 20%,rgba(34,184,207,.10),transparent 32%),linear-gradient(180deg,#fff 0%,var(--bg-light) 100%)}
.hero-new:before{content:"";position:absolute;width:520px;height:520px;right:-220px;top:-260px;border-radius:50%;background:rgba(90,169,255,.12);pointer-events:none}
.hero-new:after{content:"";position:absolute;width:280px;height:280px;left:-140px;bottom:-140px;border-radius:44% 56% 60% 40%/50% 45% 55% 50%;background:rgba(34,184,207,.10);pointer-events:none}
.hero-new .hero-grid{position:relative;z-index:1}
.hero-new h1{max-width:760px}
.hero-new h1 span{background:linear-gradient(90deg,var(--blue),#5a9dff);-webkit-background-clip:text;background-clip:text;color:transparent}
.btn-whatsapp{background:#eefaf5;color:#17634d;border:1px solid #b9dfd3}
.trust-mini{display:flex;flex-wrap:wrap;gap:18px;margin-top:22px;color:#52627a;font-size:12px;font-weight:800}
.stats-band{padding:22px 0;background:var(--navy);color:#fff}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px}
.stats-grid .metric{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px;border-right:1px solid rgba(255,255,255,.12)}
.stats-grid .metric:last-child{border-right:0}
.stats-grid strong{font:800 28px/1 Manrope;color:#f5cf69}
.stats-grid span{font-size:12px;color:#dbe7f7}
.lead{color:var(--muted);line-height:1.8;font-size:16px}
.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.solution-card{position:relative;padding:22px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:0 12px 35px rgba(11,52,105,.07);overflow:hidden;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.solution-card:hover{transform:translateY(-7px);box-shadow:0 24px 55px rgba(11,52,105,.13);border-color:#b9d2f4}
.solution-card:after{content:"";position:absolute;width:130px;height:130px;right:-70px;top:-70px;border-radius:50%;background:rgba(11,94,215,.05)}
.solution-card.featured-solution{border-color:#e4c36c;background:linear-gradient(145deg,#fff,#fff9e9)}
.solution-no{display:block;margin-top:14px;font-size:10px;font-weight:900;color:var(--gold);letter-spacing:1px}
.solution-card h3{margin:7px 0 8px;font:800 20px/1.2 Manrope}
.solution-card p{min-height:68px;margin:0 0 15px;color:var(--muted);line-height:1.65;font-size:13px}
.solution-card a{font-size:12px;font-weight:900;color:var(--blue)}
.solution-visual{width:76px;height:76px;border-radius:22px;display:grid;place-items:center;font:800 25px Manrope;color:#fff;box-shadow:0 18px 35px rgba(11,94,215,.18);transform:perspective(160px) rotateX(4deg) rotateY(-7deg);transition:transform .3s ease}
.solution-card:hover .solution-visual{transform:perspective(160px) rotateX(-2deg) rotateY(8deg) translateY(-3px) scale(1.04)}
.visual-tally{background:linear-gradient(145deg,#0b5ed7,#5a9dff)}
.visual-support{background:linear-gradient(145deg,#0b3c7b,#2b83ff)}
.visual-cloud{background:linear-gradient(145deg,#5d8fe0,#b9d7ff)}
.visual-custom{background:linear-gradient(145deg,#d8a72c,#f5cf69);color:#10213d}
.visual-api{background:linear-gradient(145deg,#0b5ed7,#17a2a4)}
.visual-wa{background:linear-gradient(145deg,#17634d,#50b88f)}
.visual-auto{background:linear-gradient(145deg,#8a5a00,#d8a72c);color:#fff}
.visual-web{background:linear-gradient(145deg,#071b3a,#315a9b)}
.feature-highlight{background:linear-gradient(180deg,#fff,#f7fbff)}
.feature-split{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}
.feature-split.reverse{grid-template-columns:.95fr 1.05fr}
.benefit-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}
.benefit-list div{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:13px;font-weight:800}
.cloud-art{position:relative;min-height:390px;display:grid;place-items:center}
.cloud-orbit{width:230px;height:230px;border-radius:50%;display:grid;place-items:center;font-size:100px;background:radial-gradient(circle,#e8f3ff,#bcdcff);box-shadow:inset 0 0 0 22px rgba(255,255,255,.55),0 30px 80px rgba(11,94,215,.15);animation:floatCloud 5s ease-in-out infinite}
.cloud-window{position:absolute;left:18%;bottom:38px;width:270px;padding:20px;border-radius:18px;background:#fff;box-shadow:0 25px 60px rgba(7,27,58,.18);border:1px solid var(--line);display:grid;gap:5px}
.cloud-window span{font-size:9px;font-weight:900;color:var(--blue);letter-spacing:1px}.cloud-window b{font:800 22px Manrope}.cloud-window small{color:var(--muted)}.cloud-window i{font-size:10px;font-style:normal;color:#17634d;font-weight:800}
.cloud-chip{position:absolute;padding:10px 13px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 15px 35px rgba(7,27,58,.1);font-size:11px;font-weight:900}
.chip-a{top:45px;right:18%}.chip-b{right:2%;bottom:125px}.chip-c{left:2%;top:125px}
@keyframes floatCloud{50%{transform:translateY(-9px) rotate(1deg)}}
.custom-section{background:#071b3a;color:#fff}
.custom-section .lead{color:#bdcce0}.custom-section .eyebrow{color:#f5cf69}.custom-section h2{color:#fff}
.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.pill-row span{padding:9px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);font-size:11px;font-weight:800;color:#e6effb}
.browser-art{position:relative;max-width:510px;justify-self:center;width:100%;padding:14px;border-radius:20px;background:linear-gradient(145deg,#fff,#dbeaff);box-shadow:0 35px 80px rgba(0,0,0,.25);transform:perspective(900px) rotateY(7deg) rotateX(2deg)}
.browser-top{height:22px;display:flex;gap:5px;align-items:center;padding-left:4px}.browser-top i{width:7px;height:7px;border-radius:50%;background:#9fb3cc}
.browser-body{height:290px;border-radius:13px;background:#f7fbff;overflow:hidden;border:1px solid #cddcf0}.browser-nav{height:38px;background:#fff;border-bottom:1px solid #dfe8f4}.browser-dashboard{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:18px}.browser-dashboard div{height:85px;border-radius:12px;background:linear-gradient(145deg,#eaf3ff,#fff);border:1px solid #d7e5f6}.browser-dashboard div:nth-child(1){grid-column:span 2;height:105px;background:linear-gradient(145deg,#dbeaff,#fff)}
.browser-tag{position:absolute;right:-18px;bottom:25px;padding:10px 14px;border-radius:12px;background:#d8a72c;color:#10213d;font-size:10px;font-weight:900;box-shadow:0 12px 28px rgba(216,167,44,.3)}
.workspace-preview{display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;padding:28px;border-radius:28px;background:linear-gradient(135deg,#fff,#f0f6ff);border:1px solid var(--line);box-shadow:var(--shadow)}
.workspace-copy h3{font:800 28px/1.2 Manrope;margin:12px 0}.workspace-copy p{color:var(--muted);line-height:1.75}.workspace-badge{display:inline-block;padding:8px 10px;border-radius:999px;background:#e8f2ff;color:var(--blue);font-size:10px;font-weight:900}
.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.industry-card{padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff;transition:.25s}.industry-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(11,52,105,.1)}.industry-card span{display:block;color:var(--gold);font-size:10px;font-weight:900;margin-bottom:22px}.industry-card b{display:block;font:800 17px Manrope}.industry-card small{display:block;color:var(--muted);margin-top:8px;font-size:12px;line-height:1.5}
.support-section{padding-top:20px}.support-panel{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:34px;border-radius:26px;background:linear-gradient(135deg,#071b3a,#0b3c7b);color:#fff;box-shadow:0 25px 65px rgba(7,27,58,.22)}.support-panel h2{color:#fff;margin:7px 0}.support-panel p{color:#b9c9dc}.support-panel .eyebrow{color:#f5cf69}.support-numbers{display:flex;gap:15px;flex-wrap:wrap}.support-numbers a{color:#fff;font-weight:900;font-size:13px}.support-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.support-actions .btn-outline{color:#fff;border-color:rgba(255,255,255,.35)}
.mobile-quickbar{display:none}
.nav-drop{position:relative}.nav-drop>button{border:0;background:none;font:700 13px Inter;color:#52627a;cursor:pointer;padding:8px 0}.nav-drop>button span{font-size:11px;margin-left:3px}.nav-menu{position:absolute;top:calc(100% + 12px);left:-16px;min-width:230px;padding:8px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 22px 50px rgba(7,27,58,.15);display:none;grid-template-columns:1fr}.nav-drop:hover .nav-menu,.nav-drop:focus-within .nav-menu{display:grid}.nav-menu a{padding:10px 12px;border-radius:10px;font-size:12px;font-weight:700;color:var(--ink)}.nav-menu a:hover{background:var(--soft);color:var(--blue)}
@media(max-width:1050px){.main-nav{gap:10px}.solution-grid{grid-template-columns:repeat(2,1fr)}.feature-split,.feature-split.reverse{grid-template-columns:1fr;gap:35px}.browser-art{order:2}.workspace-preview{grid-template-columns:1fr}}
@media(max-width:800px){.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-grid .metric:nth-child(2){border-right:0}.stats-grid .metric:nth-child(3){border-top:1px solid rgba(255,255,255,.12)}.stats-grid .metric:nth-child(4){border-top:1px solid rgba(255,255,255,.12);border-right:0}.industry-grid{grid-template-columns:1fr 1fr}.support-panel{flex-direction:column;align-items:flex-start}.support-actions{justify-content:flex-start}.main-nav .nav-drop .nav-menu{position:static;box-shadow:none;border:0;background:var(--soft);margin:4px 0 8px;display:none}.main-nav .nav-drop.open .nav-menu{display:grid}.nav-drop:hover .nav-menu{display:none}.nav-drop.open:hover .nav-menu,.nav-drop.open .nav-menu{display:grid}}
@media(max-width:600px){.solution-grid{grid-template-columns:1fr}.stats-grid strong{font-size:24px}.stats-grid span{font-size:11px}.benefit-list{grid-template-columns:1fr}.cloud-art{min-height:330px}.cloud-window{left:4%;bottom:20px}.chip-a{right:2%}.chip-c{left:0}.industry-grid{grid-template-columns:1fr}.support-numbers{display:grid;grid-template-columns:1fr 1fr}.support-actions{display:grid;width:100%}.support-actions .btn{width:100%}.mobile-quickbar{position:fixed;left:0;right:0;bottom:0;z-index:90;display:grid;grid-template-columns:repeat(3,1fr);background:#071b3a;box-shadow:0 -10px 30px rgba(7,27,58,.18)}.mobile-quickbar a{padding:13px 6px;text-align:center;color:#fff;font-size:12px;font-weight:900;border-right:1px solid rgba(255,255,255,.1)}body{padding-bottom:52px}.hero-buttons{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.cloud-orbit{animation:none}.solution-card,.solution-visual,.industry-card{transition:none}}

/* === Mothercare 2026 visual system refresh === */
:root{--container-max:1320px;--page-pad:clamp(16px,3vw,48px);--card-shadow:0 24px 70px rgba(7,27,58,.12);--card-shadow-hover:0 34px 90px rgba(7,27,58,.2)}
.container{width:min(var(--container-max),calc(100% - 2*var(--page-pad)))}
section,.section,.hero,.page-hero,.stats-band,.marquee{overflow:clip}
.section{padding-block:clamp(58px,7vw,104px)}
.section-head{max-width:900px;margin-inline:auto;text-align:center;margin-bottom:42px}.section-head p{max-width:760px;margin:16px auto 0;line-height:1.8}
.hero-new{min-height:min(820px,calc(100vh - 78px));display:grid;align-items:center}
.hero-new .hero-grid{max-width:1320px;margin:auto}
.hero-art{transform-style:preserve-3d}
.dashboard-3d,.float-card{will-change:transform}
.dashboard-3d{animation:heroFloat 7s ease-in-out infinite}
.float-card{animation:cardFloat 5s ease-in-out infinite}.float-card.f2{animation-delay:-1.8s}.float-card.f3{animation-delay:-3.4s}
@keyframes heroFloat{0%,100%{transform:rotateY(-12deg) rotateX(5deg) translate3d(0,0,0)}50%{transform:rotateY(-8deg) rotateX(2deg) translate3d(0,-12px,8px)}}
@keyframes cardFloat{0%,100%{transform:translate3d(0,0,0) rotate(-2deg)}50%{transform:translate3d(0,-10px,12px) rotate(1deg)}}
.solution-grid,.feature-grid,.product-grid,.price-table,.industry-grid,.tool-grid{grid-auto-flow:row;align-items:stretch}
.solution-card,.product,.price-card,.feature-card,.industry-card,.tool-card{position:relative;overflow:hidden;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,border-color .3s}
.solution-card:before,.product:before,.price-card:before,.feature-card:before,.industry-card:before,.tool-card:before{content:"";position:absolute;inset:-40% -20%;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.65) 48%,transparent 60%);transform:translateX(-70%) rotate(8deg);transition:transform .8s;pointer-events:none}
.solution-card:hover,.product:hover,.price-card:hover,.feature-card:hover,.industry-card:hover,.tool-card:hover{transform:translateY(-10px) rotateX(2deg) rotateY(-1deg);box-shadow:var(--card-shadow-hover);border-color:#a9c7ee}
.solution-card:hover:before,.product:hover:before,.price-card:hover:before,.feature-card:hover:before,.industry-card:hover:before,.tool-card:hover:before{transform:translateX(70%) rotate(8deg)}
.solution-visual,.tool-visual,.feature-icon{height:150px;border-radius:22px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#f5f9ff,#e7f1ff);border:1px solid #d8e5f5;box-shadow:inset 0 1px 0 #fff,0 14px 35px rgba(11,94,215,.08);font-size:48px}
.solution-visual img,.tool-visual img,.feature-icon img{width:100%;height:100%;object-fit:cover}
.solution-card .solution-visual{margin-bottom:18px}.solution-card .solution-no{position:absolute;right:20px;top:18px}
.workspace-preview{box-shadow:var(--card-shadow);border:1px solid #dbe7f5;transition:.45s;transform-style:preserve-3d}.workspace-preview:hover{transform:translateY(-8px) rotateX(1deg)}
.industry-card{min-height:170px;display:flex;flex-direction:column;justify-content:flex-end;gap:10px;background:linear-gradient(145deg,#fff,#f5f9ff)}
.industry-card span{font:800 12px Manrope;color:var(--gold)}
.industry-card:after{content:"→";position:absolute;right:20px;top:20px;color:var(--blue);font-weight:900;opacity:.45;transition:.3s}.industry-card:hover:after{transform:translate(5px,-5px);opacity:1}
/* Home showcase slider */
.home-showcase{background:linear-gradient(180deg,var(--bg-light),#fff);position:relative}
.showcase-shell{position:relative;border:1px solid #d9e7f7;border-radius:32px;background:#fff;box-shadow:0 30px 90px rgba(7,27,58,.13);padding:clamp(20px,4vw,46px);overflow:hidden}
.showcase-shell:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,#eaf3ff,transparent 68%);right:-220px;top:-240px;pointer-events:none}
.showcase-track{display:grid;grid-template-columns:repeat(6,100%);transition:transform .65s cubic-bezier(.2,.8,.2,1)}
.showcase-slide{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:46px;align-items:center;min-width:0;padding:8px}
.showcase-copy{position:relative;z-index:2}.showcase-copy h2{max-width:760px}.showcase-copy p{font-size:16px;line-height:1.8;color:var(--muted);max-width:680px;margin:20px 0}.showcase-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-size:11px;font-weight:900;letter-spacing:1.7px;text-transform:uppercase}.showcase-kicker:before{content:"";width:26px;height:2px;background:var(--gold)}
.showcase-points{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0}.showcase-points span{padding:9px 12px;border-radius:999px;background:#f3f7fc;border:1px solid #dce8f6;font-size:11px;font-weight:800;color:#35506f}
.showcase-art{min-height:340px;border-radius:28px;background:linear-gradient(145deg,#f8fbff,#e9f2ff);border:1px solid #d7e5f5;display:grid;place-items:center;padding:24px;position:relative;transform-style:preserve-3d;animation:artBreath 6s ease-in-out infinite;box-shadow:inset 0 1px #fff,0 20px 55px rgba(11,94,215,.09)}
.showcase-art img{width:min(100%,500px);height:310px;object-fit:contain;filter:drop-shadow(0 22px 22px rgba(7,27,58,.13));transform:translateZ(30px);transition:.5s}.showcase-art:hover img{transform:translateZ(48px) scale(1.03) rotate(-1deg)}
@keyframes artBreath{0%,100%{transform:perspective(900px) rotateY(-2deg) rotateX(1deg) translateY(0)}50%{transform:perspective(900px) rotateY(2deg) rotateX(-1deg) translateY(-7px)}}
.showcase-controls{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:28px}.showcase-dots{display:flex;gap:8px}.showcase-dot{width:38px;height:5px;border:0;border-radius:99px;background:#d8e5f4;cursor:pointer;transition:.3s}.showcase-dot.active{background:var(--blue);width:62px}.showcase-arrows{display:flex;gap:8px}.showcase-arrow{width:44px;height:44px;border-radius:50%;border:1px solid #cbdcf0;background:#fff;color:var(--navy);font-size:18px;cursor:pointer;transition:.25s}.showcase-arrow:hover{background:#eaf3ff;transform:translateY(-2px)}
/* Smart responsive width handling: 360px → 1920px */
@media(min-width:1600px){.container{width:min(1440px,calc(100% - 96px))}.hero-new .hero-grid{gap:90px}.solution-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.industry-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:1101px) and (max-width:1599px){.solution-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1100px){.main-nav{gap:12px}.main-nav a{font-size:12px}.phone-chip{display:none}.showcase-slide{grid-template-columns:1fr 1fr;gap:26px}.solution-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-grid,.price-table{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.container{width:min(100% - 28px,720px)}.section{padding-block:58px}.hero-new{min-height:auto;padding-block:62px}.hero-grid{grid-template-columns:1fr!important}.hero-art{min-height:390px;order:-1}.dashboard-3d{inset:25px 5px 10px}.showcase-slide{grid-template-columns:1fr}.showcase-art{min-height:260px;order:-1}.showcase-art img{height:240px}.showcase-track{grid-template-columns:repeat(6,100%)}.solution-grid,.product-grid,.price-table,.feature-grid,.industry-grid,.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.solution-card,.product,.price-card,.feature-card,.industry-card,.tool-card{min-width:0}.nav-wrap{min-height:70px}.main-nav{position:fixed;left:14px;right:14px;top:76px;display:none;flex-direction:column;align-items:stretch;gap:0;background:#fff;border:1px solid var(--line);border-radius:20px;padding:10px;box-shadow:0 24px 70px rgba(7,27,58,.18);max-height:calc(100vh - 90px);overflow:auto}.main-nav.open{display:flex}.main-nav a{padding:13px 12px}.nav-drop>button{width:100%;padding:13px 12px}.nav-actions{margin-left:auto}.menu-btn{display:grid;place-items:center}.nav-actions .demo-trigger{display:none}.nav-drop .nav-menu{position:static;box-shadow:none;border:0;margin:0 0 8px;background:#f7fbff;display:none}.nav-drop.open .nav-menu{display:grid}.mobile-quickbar{display:grid!important}.wa-float{bottom:78px!important}.footer{padding-bottom:80px}.footer-grid{grid-template-columns:1fr 1fr!important}.trust{gap:18px;flex-wrap:wrap}.trust strong{font-size:21px}}
@media(max-width:520px){.container{width:calc(100% - 24px)}h1{font-size:clamp(36px,11vw,52px);letter-spacing:-2px}h2{font-size:clamp(29px,8.5vw,40px)}.hero{padding-top:44px}.hero-art{min-height:310px}.float-card{font-size:10px;padding:8px 10px}.f1{left:-5px!important}.f2{right:-5px!important}.f3{right:10px!important;bottom:25px!important}.solution-grid,.product-grid,.price-table,.feature-grid,.industry-grid,.tool-grid{grid-template-columns:1fr!important}.solution-card,.product,.price-card,.feature-card,.industry-card,.tool-card{padding:18px}.solution-visual,.tool-visual,.feature-icon{height:145px}.showcase-shell{border-radius:24px;padding:16px}.showcase-slide{padding:3px}.showcase-art{min-height:220px;padding:12px;border-radius:20px}.showcase-art img{height:205px}.showcase-controls{margin-top:18px}.showcase-dot{width:24px}.showcase-dot.active{width:38px}.showcase-arrow{width:40px;height:40px}.footer-grid{grid-template-columns:1fr!important}.footer-bottom{flex-direction:column;align-items:flex-start}.mobile-quickbar{height:58px}.mobile-quickbar a{font-size:11px}.workspace-preview{border-radius:22px}.module-grid .module{min-width:0}.page-hero{padding-block:56px}.page-hero h1{max-width:100%}}
@media(min-width:1900px){body{font-size:16px}.container{width:min(1480px,calc(100% - 120px))}.hero-new .hero-grid{max-width:1480px}.section{padding-block:120px}}
@media(prefers-reduced-motion:reduce){.dashboard-3d,.float-card,.showcase-art{animation:none!important}.solution-card,.product,.price-card,.feature-card,.industry-card,.tool-card,.workspace-preview{transition:none!important}}