:root{--blue:#075EFF;--navy:#07143F;--body:#35415F;--muted:#65708B;--pale:#EEF4FF;--border:#DFE7F5;--canvas:1024px;--core:894px;--wide:966px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Inter,Arial,Helvetica,sans-serif;color:var(--navy);background:#fff;text-rendering:optimizeLegibility;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}a{text-decoration:none;color:inherit}.blue{color:var(--blue)}
svg{display:block;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.wrap{width:min(var(--core),calc(100% - 64px));margin:0 auto}

header,.hero,.services,.why,.work,.cta-sec,footer{position:relative}header:before,.hero:before,.services:before,.why:before,.work:before,.cta-sec:before,footer:before{content:"";position:absolute;inset:0;z-index:-1}
header{height:60px;background:#fff;border-bottom:1px solid #eef2f8;z-index:20}header .wrap{height:100%;display:grid;grid-template-columns:172px 1fr 385px;align-items:center;gap:14px}.brand img{display:block;width:120px;height:auto}.nav{display:flex;align-items:center;justify-content:center;gap:29px;height:100%;font-size:10px;font-weight:650}.nav a{height:100%;display:flex;align-items:center;position:relative;white-space:nowrap}.nav a.active{color:var(--blue)}.nav a.active:after{content:"";position:absolute;height:1.5px;background:var(--blue);left:0;right:0;bottom:14px}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:17px}.phone{display:flex;align-items:center;gap:7px;font-size:9.8px;font-weight:600;white-space:nowrap}.phone svg{width:13px;height:13px;color:var(--blue)}.client-area{height:31px;min-width:92px;padding:0 14px;border-radius:9px;border:1px solid #cddaff;background:#fff;color:var(--blue);display:flex;align-items:center;justify-content:center;gap:7px;font-size:9.8px;font-weight:800;box-shadow:0 3px 10px rgba(7,94,255,.05);transition:.18s ease}.client-area:hover{border-color:#8eabff;background:#f7f9ff;transform:translateY(-1px)}.client-area svg{width:13px;height:13px}.top-cta{height:31px;width:155px;border-radius:9px;background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;gap:14px;font-size:10px;font-weight:750;box-shadow:0 4px 12px rgba(7,94,255,.14)}

.hero{height:412px;max-width:var(--canvas);margin:0 auto;overflow:hidden;background:linear-gradient(90deg,#f8fbff 0%,#fff 49%,#fff 100%)}.hero-image{position:absolute;z-index:0;inset:0 0 0 auto;width:63.8%;background:url('https://images.unsplash.com/photo-1772588627327-1eeddcf73c11?auto=format&fit=crop&fm=jpg&ixlib=rb-4.1.0&q=80&w=2600') 58% 54%/cover no-repeat}.hero-image:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.98) 8%,rgba(255,255,255,.82) 18%,rgba(255,255,255,.35) 31%,rgba(255,255,255,.06) 42%,transparent 52%)}.hero .wrap{height:100%;position:relative;z-index:2}.hero-copy{width:53%;padding-top:36px}.pill{display:inline-flex;align-items:center;min-height:24px;padding:4px 11px;border-radius:5px;background:#f3f7ff;color:var(--blue);font-size:8.5px;font-weight:800;letter-spacing:1.15px;line-height:1.05}.hero h1{font-size:45px;line-height:.985;letter-spacing:-1.65px;font-weight:500;margin:14px 0 13px}.hero h1 strong{font-weight:600;color:var(--blue)}.hero .lead{font-size:15.8px;line-height:1.58;color:var(--body);margin:0}.buttons{display:flex;gap:18px;margin-top:24px}.button{height:43px;border-radius:10px;padding:0 23px;display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:750}.primary{background:var(--blue);color:#fff;width:200px;box-shadow:0 6px 16px rgba(7,94,255,.16)}.secondary{background:#fff;border:1px solid #6c91ff;width:183px}.trust{display:flex;align-items:center;gap:30px;margin-top:43px}.trust-item{display:flex;align-items:center;gap:8px;font-size:9.2px;font-weight:700;white-space:nowrap}.trust-item svg{width:18px;height:18px;color:var(--blue)}
.stats-card{position:absolute;z-index:5;right:32px;top:87px;width:111px;background:#fff;border:1px solid rgba(225,232,245,.92);border-radius:11px;box-shadow:0 10px 28px rgba(12,38,91,.14);overflow:hidden;color:var(--navy)}.stat{padding:14px 12px 13px;position:relative}.stat+.stat{border-top:1px solid #edf1f7}.stat-label{font-size:8px;line-height:1.15;font-weight:700;margin-bottom:6px}.stat-value{font-size:18px;line-height:1;font-weight:800;color:#087166;letter-spacing:-.45px;margin-bottom:6px}.stat-note{font-size:7.4px;color:#79849a}.stat-trend{position:absolute;right:9px;top:11px;color:var(--blue);font-size:12px;font-weight:800}

.services{height:323px;background:#fff;padding-top:16px}.services .wrap{width:min(var(--wide),calc(100% - 58px))}.section-head{text-align:center}.section-head h2{font-size:29px;line-height:1.14;letter-spacing:-.85px;margin:9px 0 8px;font-weight:700}.hairline{width:44px;height:2px;background:var(--blue);margin:auto}.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:24px}.card{height:190px;border:1px solid var(--border);border-radius:11px;padding:11px 12px 10px;box-shadow:0 4px 16px rgba(20,70,160,.07);display:flex;flex-direction:column;background:#fff;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.card:hover{transform:translateY(-4px);border-color:#c9d8ff;box-shadow:0 10px 26px rgba(20,70,160,.12)}.card:hover .icon-circle{transform:translateY(-1px);background:#e8f0ff}.card:hover .arr{transform:translateX(3px)}.icon-circle{width:48px;height:48px;border-radius:50%;background:var(--pale);display:grid;place-items:center;color:var(--blue);margin-bottom:9px;transition:transform .22s ease,background .22s ease}.icon-circle svg{width:27px;height:27px}.card h3{font-size:13px;line-height:1.26;margin:0 0 6px;font-weight:800;min-height:32.76px;display:flex;align-items:flex-start}.card p{font-size:9.7px;line-height:1.5;color:#51607b;margin:0}.card .arr{margin-top:auto;color:var(--blue);font-size:18px;line-height:1;transition:transform .22s ease}

.why{height:194px;background:#f7faff;max-width:var(--canvas);margin:0 auto;overflow:hidden}.why-photo{position:absolute;right:0;top:0;height:100%;width:38%;filter:saturate(.72) contrast(.98) brightness(1.08);background-image:linear-gradient(90deg,rgba(247,250,255,.34) 0%,rgba(247,250,255,.08) 28%,rgba(7,94,255,.05) 100%),url('https://images.unsplash.com/photo-1762427354051-a9bdb181ae3b?auto=format&fit=crop&fm=jpg&ixlib=rb-4.1.0&q=60&w=3000');background-position:center,center 50%;background-size:cover,cover;background-repeat:no-repeat;clip-path:polygon(16% 0,100% 0,100% 100%,0 100%)}.why .wrap{height:100%;display:grid;grid-template-columns:46% 28% 26%;align-items:center}.why-copy{align-self:start;padding-top:31px}.kicker{font-size:9px;font-weight:800;letter-spacing:.65px;color:var(--blue)}.why h2{font-size:28px;line-height:1.13;letter-spacing:-.85px;margin:8px 0 10px}.why p{font-size:13.7px;line-height:1.55;color:var(--body);margin:0}.checklist{grid-column:2;display:grid;gap:14px;font-size:10.7px;font-weight:700;padding-left:2px}.check{display:flex;align-items:center;gap:10px}.check i{width:18px;height:18px;border-radius:50%;border:1.5px solid var(--blue);display:grid;place-items:center;color:var(--blue);font-style:normal;font-size:9px}

.work{height:324px;background:#fff;padding-top:17px}.work .wrap{width:min(var(--core),calc(100% - 64px))}.work .section-head h2{font-size:24.5px;margin-top:7px}.timeline{display:grid;grid-template-columns:1fr 58px 1fr 58px 1fr 58px 1fr;align-items:start;margin-top:20px}.step-head{display:flex;align-items:center;justify-content:center}.stepicon{width:50px;height:50px;border-radius:50%;background:var(--pale);display:grid;place-items:center;color:var(--blue)}.stepicon svg{width:24px;height:24px}.step h3{font-size:10.4px;line-height:1.25;margin:6px 0 3px;text-align:center;font-weight:800}.step p{font-size:9.7px;line-height:1.5;color:#51607b;margin:0;text-align:center}.connector{height:1px;background:#bfd1fa;margin:25px 6px 0;position:relative}.connector:after{content:"";position:absolute;right:-1px;top:-3px;width:5px;height:5px;border-top:1px solid #7aa2ff;border-right:1px solid #7aa2ff;transform:rotate(45deg)}.industries{margin-top:25px}.industry-row{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));align-items:start;margin-top:13px;gap:10px}.industry{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;min-width:0;padding:2px 0;color:var(--navy);transition:transform .18s ease,color .18s ease}.industry:hover{transform:translateY(-2px);color:var(--blue)}.industry .industry-icon{width:34px;height:34px;display:grid;place-items:center;overflow:visible;flex:0 0 34px}.industry svg{width:30px;height:30px;color:var(--blue);stroke-width:1.7;overflow:visible}.industry b{font-size:9.25px;line-height:1.2;font-weight:700;text-align:center;white-space:normal;min-height:23px;display:flex;align-items:flex-start;justify-content:center;max-width:94px}

.cta-sec{height:89px;padding:0}.cta-sec .wrap{width:min(var(--wide),calc(100% - 58px))}.cta{height:88px;border-radius:18px;background:linear-gradient(108deg,#0738b6 0%,#075eff 61%,#5d83ff 100%);color:#fff;display:flex;align-items:center;padding:0 40px;position:relative;overflow:hidden}.cta:before,.cta:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.11)}.cta:before{width:180px;height:180px;left:-80px;top:-48px}.cta:after{width:120px;height:120px;left:-26px;top:-24px}.cta-ic{width:57px;height:57px;border-radius:50%;background:rgba(255,255,255,.12);display:grid;place-items:center;margin-right:20px;position:relative;z-index:1}.cta-ic svg{width:31px;height:31px}.cta-copy{position:relative;z-index:1}.cta h2{font-size:20px;font-weight:500;letter-spacing:-.55px;margin:0 0 4px}.cta p{font-size:10.5px;margin:0}.cta .whitebtn{margin-left:auto;width:208px;height:42px;border-radius:10px;background:#fff;color:var(--blue);display:flex;align-items:center;justify-content:center;gap:20px;font-size:9.5px;font-weight:800;position:relative;z-index:1}

footer{height:134px;background:#fff}.footer-main{height:106px;padding-top:9px;display:grid;grid-template-columns:1.4fr 1.05fr 1.55fr 1.4fr 1.35fr;gap:23px}.footer-logo{width:103px;height:auto}.footer-main h4{font-size:10px;margin:1px 0 4px}.footer-main p,.footer-main a{font-size:10px;line-height:1.4;color:#53607a;margin:0;display:block}.brandcol p{margin:5px 0}.social{display:flex;gap:9px}.social a{font-size:10.5px;font-weight:800;color:#34415f}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:17px}.contactline{display:flex;gap:5px;margin-bottom:3px}.contactline svg{width:10px;height:10px;color:#30405e;flex:0 0 auto;margin-top:1px}.newsletter{height:28px;display:flex;margin-top:6px}.newsletter input{min-width:0;width:100%;border:1px solid #e6ecf6;border-right:0;border-radius:8px 0 0 8px;padding:0 9px;font-size:10px;outline:0}.newsletter button{width:29px;border:0;border-radius:0 8px 8px 0;background:var(--blue);color:#fff}.bottom{height:28px;display:flex;align-items:center;justify-content:center;gap:13px;color:#6b7489;font-size:10px}

@media(min-width:1025px){header .wrap,.hero .wrap,.why .wrap,.work .wrap,footer .wrap{max-width:var(--core)}.services .wrap,.cta-sec .wrap{max-width:var(--wide)}.hero,.why{box-shadow:0 0 0 100vmax #fff;clip-path:inset(0 -100vmax)}.why{box-shadow:0 0 0 100vmax #f7faff}.hero-copy{width:53%}}
@media(max-width:900px){header{height:auto;min-height:58px}header .wrap{grid-template-columns:145px 1fr}.nav{display:none}.header-actions{grid-column:2}.phone{display:none}.hero{height:auto;min-height:610px}.hero-image{position:absolute;top:330px;left:0;right:0;width:100%;height:280px}.hero .wrap{width:calc(100% - 36px)}.hero-copy{width:100%;padding-top:28px}.hero h1{font-size:43px}.stats-card{display:none}.services{height:auto;padding:34px 0}.services .wrap,.cta-sec .wrap{width:calc(100% - 36px)}.cards{grid-template-columns:repeat(2,1fr)}.why{height:auto;padding:35px 0;max-width:none}.why-photo{display:none}.why .wrap{width:calc(100% - 36px);display:block}.checklist{margin-top:25px}.work{height:auto;padding:35px 0}.work .wrap{width:calc(100% - 36px)}.timeline{grid-template-columns:1fr 1fr;gap:26px}.connector{display:none}.industry-row{grid-template-columns:repeat(3,1fr);gap:20px}.cta-sec{height:auto;padding:15px 0}.cta{height:auto;min-height:150px;padding:24px;flex-wrap:wrap}.cta .whitebtn{margin:18px 0 0 77px}.footer-main{height:auto;grid-template-columns:repeat(2,1fr);padding:28px 0;gap:24px}footer{height:auto}.bottom{height:45px}.twocol{grid-template-columns:1fr 1fr}}
@media(max-width:540px){header .wrap{width:calc(100% - 28px);grid-template-columns:125px 1fr}.top-cta{width:145px}.hero h1{font-size:37px}.hero .lead{font-size:14px}.buttons{flex-direction:column;gap:10px}.trust{gap:12px;flex-wrap:wrap}.cards{grid-template-columns:1fr}.timeline{grid-template-columns:1fr}.industry-row{grid-template-columns:repeat(2,1fr)}.cta .whitebtn{margin-left:0}.footer-main{grid-template-columns:1fr}.bottom{flex-wrap:wrap;text-align:center;padding:8px}}

.site-canvas{width:1024px;transform:none;zoom:1;text-rendering:optimizeLegibility}
@media (max-width:899px){.site-canvas{width:100%;transform:none!important;zoom:1!important;margin-left:0!important}.site-spacer{display:none!important}}

.stats-card{right:30px;top:82px;width:126px;border:1px solid rgba(215,226,244,.95);border-radius:14px;box-shadow:0 16px 38px rgba(16,49,104,.16),0 2px 8px rgba(16,49,104,.06);overflow:hidden;background:rgba(255,255,255,.98)}
.stats-card .stat:first-child{padding:15px 13px 14px;background:linear-gradient(145deg,#fff 0%,#f7faff 100%)}
.stats-card .stat:first-child:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#075eff}
.stats-card .stat:first-child .stat-label{font-size:8.5px;letter-spacing:.01em;color:#273653;margin-bottom:7px;padding-right:22px}
.stats-card .stat:first-child .stat-value{font-size:20px;letter-spacing:-.65px;color:#087a68;margin-bottom:5px}
.stats-card .stat:first-child .stat-note{font-size:7.5px;color:#7a879e;font-weight:600}
.stats-card .stat:first-child .stat-trend{right:11px;top:12px;width:20px;height:20px;border-radius:7px;background:#eaf2ff;display:flex;align-items:center;justify-content:center;font-size:12px;color:#075eff;box-shadow:inset 0 0 0 1px #dce8ff}
.stats-card .stat:first-child:after{content:"";position:absolute;right:12px;bottom:12px;width:38px;height:16px;background:linear-gradient(135deg,transparent 0 18%,rgba(7,94,255,.12) 18% 24%,transparent 24% 40%,rgba(7,94,255,.18) 40% 47%,transparent 47% 62%,rgba(7,94,255,.28) 62% 70%,transparent 70%);opacity:.9;pointer-events:none}
.stats-card .stat+.stat{border-top:1px solid #e9eff8;padding:13px 13px 12px}
footer{height:151px}
.footer-main{height:108px}
.bottom{height:43px;margin-top:8px;border-top:1px solid #edf1f6;padding-top:7px;box-sizing:border-box;align-items:center}
@media(max-width:900px){footer{height:auto}.bottom{height:auto;min-height:52px;margin-top:0;padding:15px 8px 10px}}

@media(min-width:901px){
  .hero{max-width:none;width:100%;margin:0;background:#f8fbff}
  .hero-image{right:0;width:64%;}
  .hero-image:before{background:linear-gradient(90deg,#f8fbff 0%,rgba(248,251,255,.98) 8%,rgba(248,251,255,.82) 18%,rgba(248,251,255,.35) 31%,rgba(248,251,255,.06) 42%,transparent 52%)}
  .hero{box-shadow:none;clip-path:none}
}

body{position:relative;overflow-x:hidden}
.hero-ambient{position:absolute;z-index:0;left:0;right:0;top:clamp(60px,5.86vw,76.8px);height:clamp(412px,40.235vw,527.36px);overflow:hidden;background:#f8fbff;pointer-events:none}
.hero-ambient:before{content:"";position:absolute;inset:0 0 0 45%;background:url('https://images.unsplash.com/photo-1707157284454-553ef0a4ed0d?auto=format&fit=crop&fm=jpg&ixlib=rb-4.1.0&q=60&w=3000') 57% 54%/cover no-repeat}
.hero-ambient:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f8fbff 0%,#f8fbff 37%,rgba(248,251,255,.98) 42%,rgba(248,251,255,.84) 48%,rgba(248,251,255,.44) 54%,rgba(248,251,255,.12) 60%,transparent 67%)}
.site-canvas{position:relative;z-index:1}
@media(min-width:901px){
  .hero{background:transparent!important;overflow:visible}
  .hero-image{display:none!important}
}
@media(max-width:900px){.hero-ambient{display:none}.hero-image{display:block!important}}

.stats-card{right:24px;top:79px;width:136px;border:1px solid rgba(214,225,244,.88);border-radius:16px;background:linear-gradient(160deg,rgba(255,255,255,.98),rgba(247,250,255,.96));box-shadow:0 20px 46px rgba(9,38,92,.18),0 5px 14px rgba(9,38,92,.08);overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.stats-head{height:31px;padding:0 11px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eaf0f8;background:rgba(249,251,255,.82)}
.stats-head-label{font-size:7.3px;line-height:1;font-weight:800;letter-spacing:.75px;text-transform:uppercase;color:#53627d}
.stats-head-badge{display:flex;align-items:center;gap:4px;min-height:20px;font-size:6.8px;font-weight:750;color:#087166;background:#eaf8f5;border:1px solid #d6f0ea;border-radius:5px;padding:3px 7px;line-height:1}
.stats-head-badge:before{content:"";width:4px;height:4px;border-radius:50%;background:#0a9d85;box-shadow:0 0 0 2px rgba(10,157,133,.12)}
.stats-card .stat{padding:12px 11px 11px;min-height:78px;background:transparent!important}
.stats-card .stat:first-of-type:before{display:none!important}
.stats-card .stat+.stat{border-top:1px solid #e9eff8;padding:11px 11px 12px}
.stat-top{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:5px}
.stat-label{font-size:7.8px;line-height:1.2;font-weight:750;color:#2f3c58;margin:0!important}
.stat-icon{width:20px;height:20px;border-radius:7px;background:#edf4ff;border:1px solid #dce8ff;color:#075eff;display:grid;place-items:center;flex:none}
.stat-icon svg{width:11px;height:11px;stroke-width:2}
.stat-value{font-size:18.5px;line-height:1;font-weight:800;color:#087166;letter-spacing:-.55px;margin:0 0 6px!important}
.stat-meta{display:flex;align-items:center;justify-content:space-between;gap:5px}
.stat-note{font-size:6.9px!important;color:#8290a7!important;font-weight:650}
.stat-chip{font-size:6.5px;font-weight:800;color:#087166;background:#eaf8f5;border-radius:5px;padding:2px 5px;white-space:nowrap}
.stat-spark{display:block;width:100%;height:14px;margin-top:5px}
.stat-spark path{stroke:#075eff;stroke-width:1.45;fill:none;stroke-linecap:round;stroke-linejoin:round}
.stat-spark .fill{stroke:none;fill:url(#sparkFill)}
.stat-trend{display:none!important}
.stats-card .stat:first-child:after{display:none!important}

@media(min-width:901px){
  .hero-ambient{background:#f8fbff;}
  .hero-ambient:before{
    inset:0 0 0 31%;
    background-position:57% 54%;
    background-size:cover;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.05) 7%,rgba(0,0,0,.18) 15%,rgba(0,0,0,.42) 25%,rgba(0,0,0,.72) 38%,rgba(0,0,0,.93) 52%,#000 65%);
    mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.05) 7%,rgba(0,0,0,.18) 15%,rgba(0,0,0,.42) 25%,rgba(0,0,0,.72) 38%,rgba(0,0,0,.93) 52%,#000 65%);
    -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
    -webkit-mask-size:100% 100%;mask-size:100% 100%;
  }
  .hero-ambient:after{
    background:
      linear-gradient(90deg,#f8fbff 0%,#f8fbff 27%,rgba(248,251,255,.99) 34%,rgba(248,251,255,.94) 40%,rgba(248,251,255,.76) 47%,rgba(248,251,255,.48) 54%,rgba(248,251,255,.22) 61%,rgba(248,251,255,.07) 67%,transparent 73%),
      linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,0) 45%,rgba(7,20,63,.025));
  }
}

@media(min-width:901px){
  .metric-card{position:absolute;z-index:6;background:rgba(255,255,255,.96);border:1px solid rgba(218,227,244,.94);box-shadow:0 16px 38px rgba(12,38,91,.17),0 2px 7px rgba(12,38,91,.05);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--navy);overflow:hidden}
  .metric-growth{right:33px;top:80px;width:132px;border-radius:15px;padding:13px 13px 10px}
  .metric-tax{right:77px;top:232px;width:138px;border-radius:15px;padding:13px 13px 12px}
  .metric-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.metric-label{font-size:8.2px;font-weight:800;letter-spacing:.02em}.metric-icon{width:24px;height:24px;border-radius:8px;background:#f1f5ff;display:grid;place-items:center;color:var(--blue);border:1px solid #e2e9fb}.metric-tax .metric-icon{color:#087166;background:#effaf7;border-color:#d8f0e9}.metric-icon svg{width:13px;height:13px}
  .metric-value{font-size:19px;line-height:1;font-weight:800;letter-spacing:-.55px;color:#087166;margin-bottom:6px}.metric-sub{display:flex;align-items:center;justify-content:space-between;font-size:7.3px;color:#7a859b}.metric-badge{display:inline-flex;align-items:center;min-height:20px;padding:3px 7px;border-radius:5px;background:#eef8f5;color:#087166;font-weight:800;line-height:1}.metric-spark{width:100%;height:23px;margin-top:8px}.metric-spark path{fill:none;stroke:#075eff;stroke-width:1.8;vector-effect:non-scaling-stroke}.metric-spark .area{stroke:none;fill:url(#metricSparkFill)}
  .metric-tax .tax-row{display:flex;align-items:end;justify-content:space-between;gap:8px}.metric-tax .tax-mark{display:inline-flex;align-items:center;min-height:20px;font-size:7px;color:#087166;font-weight:800;background:#edf9f5;padding:3px 7px;border-radius:5px;line-height:1}.metric-tax .mini-note{font-size:7.2px;color:#7a859b;margin-top:6px}
}
@media(max-width:900px){.metric-card{display:none}.client-area{min-width:82px;padding:0 10px}.header-actions{gap:8px}}
@media(max-width:540px){.client-area{display:none}}

@media(min-width:901px){
  header .wrap{grid-template-columns:172px 1fr 438px;gap:12px}
  .header-actions{gap:11px}
  .client-area{height:31px;min-width:104px;padding:0 12px;border-radius:9px;gap:6px;font-size:9.6px;white-space:nowrap;flex:0 0 auto}
  .client-area span{display:block;white-space:nowrap;line-height:1}
  .top-cta{width:158px;flex:0 0 158px}
  .phone{font-size:9.5px}

  .metric-card{background:rgba(255,255,255,.97);border:1px solid rgba(218,227,244,.96);box-shadow:0 12px 30px rgba(12,38,91,.14),0 2px 5px rgba(12,38,91,.05);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
  .metric-growth{right:39px;top:83px;width:126px;border-radius:12px;padding:12px 12px 9px}
  .metric-tax{right:82px;top:229px;width:132px;border-radius:12px;padding:12px}
  .metric-top{margin-bottom:7px}
  .metric-label{font-size:8px}
  .metric-icon{width:22px;height:22px;border-radius:7px}
  .metric-icon svg{width:12px;height:12px}
  .metric-value{font-size:18px;letter-spacing:-.45px;margin-bottom:5px}
  .metric-sub{font-size:7px}
  .metric-badge,.metric-tax .tax-mark{min-height:18px;padding:3px 6px;border-radius:5px}
  .metric-spark{height:20px;margin-top:7px}
  .metric-tax .mini-note{font-size:7px;margin-top:5px}
}

@media(min-width:901px){
  
  header .wrap{grid-template-columns:172px 1fr 382px;gap:14px}
  .top-cta{width:122px;flex:0 0 122px;padding:0 12px;justify-content:center;gap:8px}

  .metric-growth{width:120px;padding:11px 11px 9px}
  .metric-growth .metric-top{align-items:center;margin-bottom:7px}
  .metric-growth .metric-label{font-size:8px;line-height:1.15;white-space:nowrap}
  .metric-growth .metric-icon{width:21px;height:21px;flex:0 0 21px}
  .metric-growth .metric-value{font-size:18.5px;margin:0 0 7px}
  .metric-growth .metric-sub{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px;width:100%}
  .metric-growth .metric-sub>span:first-child{white-space:nowrap}
  .metric-growth .metric-badge{justify-self:end;min-width:36px;text-align:center;justify-content:center;padding:3px 5px}
  .metric-growth .metric-spark{width:calc(100% + 2px);margin-left:-1px;height:19px;margin-top:7px}
}

@media (min-width:901px){
  .services{margin-top:18px;}
  .why{margin-top:22px;}
  .work{margin-top:22px;}
  .cta-sec{margin-top:22px;}
  footer{margin-top:22px;}
}
@media (max-width:900px){
  .services,.why,.work,.cta-sec,footer{margin-top:16px;}
}

footer{
  height:auto;
  margin-top:30px;
  background:#fff;
  border-top:1px solid #edf2fa;
}
.footer-main{
  height:auto;
  min-height:176px;
  padding:24px 0 22px;
  display:grid;
  grid-template-columns:1.25fr 1.15fr 1.35fr 1.45fr 1.55fr;
  gap:34px;
  align-items:start;
}
.footer-logo{width:116px;height:auto;display:block;margin-bottom:10px}
.footer-main h4{
  margin:0 0 10px;
  font-size:11px;
  line-height:1.2;
  font-weight:800;
  color:#07143f;
}
.footer-main p,.footer-main a{
  font-size:10.5px;
  line-height:1.55;
  color:#53607a;
  margin:0;
}
.footer-main a{display:block;text-decoration:none;transition:color .18s ease,transform .18s ease}
.footer-main a:hover{color:var(--blue);transform:translateX(1px)}
.brandcol p{margin:0 0 12px;max-width:170px}
.social{display:flex;align-items:center;gap:12px;margin-top:6px}
.social a{width:18px;height:18px;display:grid;place-items:center;color:#253552;transform:none}
.social a:hover{color:var(--blue);transform:translateY(-1px)}
.social svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.social .fill-icon{fill:currentColor;stroke:none}
.twocol{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.contactline{display:flex;align-items:flex-start;gap:8px;margin-bottom:8px}
.contactline svg{width:13px;height:13px;color:#30405e;flex:0 0 auto;margin-top:2px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.contactline p{line-height:1.45}
.newsletter{height:38px;display:flex;margin-top:12px;max-width:250px}
.newsletter input{min-width:0;width:100%;border:1px solid #dfe7f5;border-right:0;border-radius:8px 0 0 8px;padding:0 12px;font-size:10.5px;color:#07143f;background:#fff;outline:0}
.newsletter input:focus{border-color:#9fbaff;box-shadow:0 0 0 3px rgba(7,94,255,.07)}
.newsletter button{width:40px;flex:0 0 40px;border:0;border-radius:0 8px 8px 0;background:var(--blue);color:#fff;font-size:17px;cursor:pointer;transition:filter .18s ease,transform .18s ease}
.newsletter button:hover{filter:brightness(.96)}
.bottom{
  min-height:42px;
  height:auto;
  padding:12px 0 14px;
  border-top:1px solid #edf2fa;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  color:#6b7489;
  font-size:9.5px;
}
.bottom a{color:#6b7489;text-decoration:none}
.bottom a:hover{color:var(--blue)}
@media(max-width:900px){
  .footer-main{grid-template-columns:repeat(2,1fr);gap:28px;padding:28px 0 24px}
  .twocol{gap:24px}
  .newsletter{max-width:100%}
  .bottom{min-height:54px;padding:15px 8px;flex-wrap:wrap;text-align:center}
}
@media(max-width:540px){
  .footer-main{grid-template-columns:1fr;gap:24px}
  .twocol{grid-template-columns:1fr 1fr}
}

.bottom{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;justify-content:initial;gap:24px;text-align:left}
.bottom-left{justify-self:start;white-space:nowrap}
.bottom-center{justify-self:center;display:flex;align-items:center;gap:12px;white-space:nowrap}
.bottom-right{justify-self:end;white-space:nowrap;color:#53607a;font-weight:600}
.legal-sep{color:#b0b8c8}
@media(max-width:900px){.bottom{grid-template-columns:1fr;gap:8px;text-align:center}.bottom-left,.bottom-center,.bottom-right{justify-self:center;white-space:normal}}

.contactline{align-items:flex-start;gap:9px;margin-bottom:7px}
.contact-icon{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 16px;margin-top:1px;color:#30405e}
.contact-icon svg{width:16px;height:16px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;overflow:visible}
.contactline p{min-width:0}
.contactline p a{display:inline;color:inherit!important;text-decoration:none;transform:none!important}
.contactline p a:hover{color:inherit!important;transform:none!important;text-decoration:underline;text-underline-offset:2px}
.bottom-right .brand-credit-link{display:inline;color:inherit!important;text-decoration:none;transform:none!important}
.bottom-right .brand-credit-link:hover{color:inherit!important;transform:none!important;text-decoration:underline;text-underline-offset:2px}

.hoxisoft-brand{display:flex;align-items:center;height:100%;}
.hoxisoft-brand img{width:54px;height:51px;object-fit:contain;filter:none;}
.hoxisoft-logo{width:66px!important;height:63px!important;object-fit:contain;filter:none!important;margin-bottom:7px!important;}

.menu-toggle,.mobile-menu{display:none}
@media (max-width:900px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  body{font-size:16px}
  .site-canvas{width:100%!important;margin:0!important;zoom:1!important;transform:none!important}
  .wrap,.services .wrap,.work .wrap,.cta-sec .wrap,footer .wrap{width:min(100% - 40px,720px)!important;max-width:none!important}
  header{height:68px;min-height:68px;position:sticky;top:0;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:100}
  header .wrap{height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px}
  .hoxisoft-brand img{width:54px!important;height:50px!important}
  .nav,.header-actions{display:none!important}
  .menu-toggle{display:flex;width:44px;height:44px;border:1px solid #dfe7f5;border-radius:10px;background:#fff;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:var(--navy);cursor:pointer;padding:0;box-shadow:0 4px 12px rgba(20,70,160,.06)}
  .menu-toggle span{display:block;width:19px;height:2px;border-radius:2px;background:currentColor;transition:transform .2s ease,opacity .2s ease}
  .menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .mobile-menu{display:block;position:absolute;left:0;right:0;top:68px;background:#fff;border-top:1px solid #edf2fa;border-bottom:1px solid #dfe7f5;box-shadow:0 18px 36px rgba(7,20,63,.12);padding:18px 20px 22px;opacity:0;visibility:hidden;transform:translateY(-8px);pointer-events:none;transition:.2s ease}
  .mobile-menu.open{opacity:1;visibility:visible;transform:none;pointer-events:auto}
  .mobile-menu nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .mobile-menu nav a{display:flex;align-items:center;min-height:44px;padding:0 14px;border-radius:9px;background:#f8faff;color:var(--navy);font-size:14px;font-weight:700}
  .mobile-menu nav a:first-child{color:var(--blue);background:#f2f6ff}
  .mobile-menu-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
  .mobile-menu-actions>a{min-height:44px;border:1px solid #dfe7f5;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 12px;font-size:13px;font-weight:750;text-align:center}
  .mobile-menu-actions>a:first-child{grid-column:1/-1;background:#fff}
  .mobile-client{color:var(--blue);border-color:#bcd0ff!important}
  .mobile-consult{background:var(--blue);color:#fff;border-color:var(--blue)!important}

  .hero-ambient{display:none!important}
  .hero{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"copy copy" "image image" "growth tax";height:auto!important;min-height:0!important;max-width:none!important;margin:0!important;overflow:hidden;background:#f8fbff!important}
  .hero .wrap{grid-area:copy;height:auto!important;position:relative;z-index:2}
  .hero-copy{width:100%!important;padding:38px 0 0!important}
  .pill{min-height:26px;padding:5px 10px;font-size:10px;letter-spacing:1px}
  .hero h1{font-size:clamp(40px,8.4vw,58px)!important;line-height:1.02!important;letter-spacing:-1.8px!important;margin:16px 0 16px!important;max-width:680px}
  .hero .lead{font-size:16px!important;line-height:1.6!important;max-width:590px}
  .hero .lead br{display:none}
  .buttons{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:12px!important;margin-top:24px!important}
  .button{width:auto!important;min-width:205px;height:48px!important;padding:0 18px!important;font-size:13px!important}
  .trust{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px!important;margin:28px 0 0!important;padding-bottom:26px}
  .trust-item{font-size:11px!important;gap:7px!important;white-space:normal!important;line-height:1.35}
  .trust-item svg{width:19px!important;height:19px!important;flex:0 0 19px}
  .hero-image{grid-area:image;display:block!important;position:relative!important;inset:auto!important;width:100%!important;height:320px!important;background-position:center 50%!important;background-size:cover!important}
  .hero-image:before{background:linear-gradient(180deg,#f8fbff 0%,rgba(248,251,255,.62) 8%,rgba(248,251,255,.10) 22%,transparent 36%)!important}
  .metric-card{display:block!important;position:relative!important;right:auto!important;top:auto!important;width:auto!important;margin:14px 0 0!important;border-radius:12px!important;padding:16px!important;background:#fff!important;border:1px solid #dfe7f5!important;box-shadow:0 8px 24px rgba(12,38,91,.10)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:hidden;color:var(--navy)}
  .metric-growth{grid-area:growth;margin-left:20px!important;margin-right:6px!important;margin-bottom:28px!important}
  .metric-tax{grid-area:tax;margin-left:6px!important;margin-right:20px!important;margin-bottom:28px!important}
  .metric-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px!important}
  .metric-label{font-size:12px!important;line-height:1.2!important;white-space:normal!important}
  .metric-icon{width:34px!important;height:34px!important;border-radius:9px!important;flex:0 0 34px!important}
  .metric-icon svg{width:17px!important;height:17px!important}
  .metric-value{font-size:28px!important;line-height:1!important;margin:0 0 10px!important;letter-spacing:-.8px!important}
  .metric-sub{font-size:11px!important;gap:8px!important}
  .metric-badge,.metric-tax .tax-mark{min-height:26px!important;padding:5px 8px!important;border-radius:5px!important;font-size:10px!important}
  .metric-spark{height:29px!important;margin-top:10px!important}
  .metric-tax .tax-row{align-items:center!important}
  .metric-tax .mini-note{font-size:11px!important;line-height:1.45;margin-top:10px!important}

  .services,.why,.work,.cta-sec,footer{margin-top:24px!important}
  .services{height:auto!important;padding:40px 0!important}
  .section-head h2{font-size:30px!important;line-height:1.16!important;letter-spacing:-.8px!important;margin:12px auto 10px!important;max-width:640px}
  .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;margin-top:28px!important}
  .card{height:auto!important;min-height:245px!important;padding:20px 18px 17px!important;border-radius:12px!important}
  .icon-circle{width:54px!important;height:54px!important;margin-bottom:14px!important}
  .icon-circle svg{width:29px!important;height:29px!important}
  .card h3{font-size:16px!important;line-height:1.3!important;min-height:42px!important;margin-bottom:8px!important}
  .card p{font-size:13px!important;line-height:1.55!important}
  .card .arr{font-size:20px!important;margin-top:18px!important}

  .why{height:auto!important;max-width:none!important;display:flex;flex-direction:column;background:#f7faff!important;overflow:hidden;padding:0!important}
  .why .wrap{order:1;display:grid!important;grid-template-columns:1fr 1fr!important;gap:26px!important;align-items:start!important;padding:38px 0 30px}
  .why-copy{padding:0!important;align-self:auto!important}
  .kicker{font-size:11px!important;letter-spacing:.8px!important}
  .why h2{font-size:30px!important;line-height:1.16!important;margin:10px 0 12px!important}
  .why p{font-size:15px!important;line-height:1.6!important}
  .why p br{display:none}
  .checklist{grid-column:auto!important;margin:2px 0 0!important;padding:0!important;gap:15px!important;font-size:14px!important}
  .check i{width:22px!important;height:22px!important;font-size:11px!important;flex:0 0 22px}
  .why-photo{order:2;display:block!important;position:relative!important;right:auto!important;top:auto!important;width:100%!important;height:260px!important;clip-path:none!important;background-position:center 55%!important;border-radius:0!important}

  .work{height:auto!important;padding:40px 0 42px!important}
  .work .section-head h2{font-size:30px!important;margin-top:10px!important}
  .timeline{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:26px 20px!important;margin-top:28px!important}
  .connector{display:none!important}
  .step{padding:18px 14px;border:1px solid #e5ebf6;border-radius:12px;background:#fff;box-shadow:0 4px 14px rgba(20,70,160,.05)}
  .stepicon{width:54px!important;height:54px!important}
  .stepicon svg{width:26px!important;height:26px!important}
  .step h3{font-size:15px!important;margin:10px 0 5px!important}
  .step p{font-size:13px!important;line-height:1.55!important}
  .step p br{display:none}
  .industries{margin-top:36px!important}
  .industry-row{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px 12px!important;margin-top:18px!important}
  .industry{gap:8px!important;padding:4px!important}
  .industry .industry-icon{width:40px!important;height:40px!important;flex-basis:40px!important}
  .industry svg{width:34px!important;height:34px!important}
  .industry b{font-size:12px!important;line-height:1.25!important;min-height:30px!important;max-width:120px!important}

  .cta-sec{height:auto!important;padding:0!important}
  .cta{height:auto!important;min-height:0!important;border-radius:16px!important;padding:28px!important;display:grid!important;grid-template-columns:auto 1fr!important;gap:0 18px!important;align-items:center!important}
  .cta-ic{width:58px!important;height:58px!important;margin:0!important;grid-row:1/3}
  .cta-copy{min-width:0}
  .cta h2{font-size:22px!important;line-height:1.25!important;margin:0 0 6px!important}
  .cta p{font-size:13px!important;line-height:1.45!important}
  .cta .whitebtn{grid-column:1/-1;width:100%!important;height:48px!important;margin:20px 0 0!important;font-size:13px!important}

  footer{height:auto!important;margin-top:28px!important}
  .footer-main{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:30px 34px!important;padding:34px 0 28px!important}
  .hoxisoft-logo{width:68px!important;height:64px!important}
  .footer-main h4{font-size:14px!important;margin-bottom:10px!important}
  .footer-main p,.footer-main a{font-size:13px!important;line-height:1.55!important}
  .brandcol p{max-width:220px!important}
  .twocol{gap:28px!important}
  .contactline{gap:10px!important;margin-bottom:10px!important}
  .contact-icon,.contact-icon svg{width:18px!important;height:18px!important;flex-basis:18px!important}
  .social a{width:22px!important;height:22px!important}
  .social svg{width:18px!important;height:18px!important}
  .newsletter{height:44px!important;max-width:100%!important}
  .newsletter input{font-size:13px!important;padding:0 14px!important}
  .newsletter button{width:46px!important;flex-basis:46px!important}
  .bottom{grid-template-columns:1fr!important;gap:8px!important;padding:18px 20px 22px!important;font-size:11px!important;text-align:center!important}
  .bottom-left,.bottom-center,.bottom-right{justify-self:center!important;white-space:normal!important}
}

@media (max-width:600px){
  .wrap,.services .wrap,.work .wrap,.cta-sec .wrap,footer .wrap{width:calc(100% - 28px)!important}
  header .wrap{width:calc(100% - 28px)!important}
  .mobile-menu{padding:14px 14px 18px}
  .mobile-menu nav{grid-template-columns:1fr}
  .mobile-menu-actions{grid-template-columns:1fr}
  .mobile-menu-actions>a:first-child{grid-column:auto}
  .hero{grid-template-columns:1fr;grid-template-areas:"copy" "image" "growth" "tax"}
  .hero-copy{padding-top:30px!important}
  .hero h1{font-size:clamp(36px,11.6vw,48px)!important;letter-spacing:-1.45px!important}
  .hero .lead{font-size:15px!important}
  .buttons{flex-direction:column!important}
  .button{width:100%!important;min-width:0!important}
  .trust{grid-template-columns:1fr!important;gap:10px!important;margin-top:24px!important}
  .hero-image{height:250px!important}
  .metric-growth,.metric-tax{margin:12px 14px 0!important}
  .metric-growth{margin-top:16px!important}
  .metric-tax{margin-bottom:24px!important}
  .metric-card{padding:15px!important}
  .cards{grid-template-columns:1fr!important}
  .card{min-height:220px!important}
  .why .wrap{grid-template-columns:1fr!important;gap:22px!important;padding:34px 0 28px!important}
  .why-photo{height:220px!important}
  .timeline{grid-template-columns:1fr!important;gap:14px!important}
  .industry-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px 10px!important}
  .cta{grid-template-columns:1fr!important;text-align:left!important;padding:24px!important}
  .cta-ic{grid-row:auto!important;margin-bottom:15px!important}
  .cta .whitebtn{grid-column:auto!important}
  .footer-main{grid-template-columns:1fr!important;gap:28px!important;padding-top:30px!important}
  .twocol{grid-template-columns:1fr 1fr!important;gap:22px!important}
  .bottom-center{gap:8px!important;flex-wrap:wrap!important;justify-content:center!important}
}

@media (max-width:380px){
  .hero h1{font-size:34px!important}
  .section-head h2,.why h2,.work .section-head h2{font-size:27px!important}
  .industry-row{grid-template-columns:1fr 1fr!important}
  .industry b{font-size:11.5px!important}
}

@media (max-width:900px){
  .hero{background:#f7faff!important}
  .hero-image{box-shadow:inset 0 -1px 0 rgba(7,20,63,.03)}

  .metric-card{
    border:0!important;
    box-shadow:0 14px 34px rgba(12,38,91,.14),0 2px 8px rgba(12,38,91,.05)!important;
    overflow:hidden!important;
    isolation:isolate;
  }
  .metric-card:after{
    content:"";
    position:absolute;
    width:120px;
    height:120px;
    border-radius:50%;
    right:-58px;
    top:-64px;
    z-index:-1;
    pointer-events:none;
  }
  .metric-growth{background:linear-gradient(145deg,#ffffff 0%,#f7f9ff 100%)!important}
  .metric-growth:after{background:radial-gradient(circle,rgba(7,94,255,.13) 0%,rgba(7,94,255,0) 70%)}
  .metric-tax{background:linear-gradient(145deg,#ffffff 0%,#f4fbf8 100%)!important}
  .metric-tax:after{background:radial-gradient(circle,rgba(45,128,112,.13) 0%,rgba(45,128,112,0) 70%)}
  .metric-growth{margin-top:-30px!important;z-index:7}
  .metric-tax{margin-top:-30px!important;z-index:7}
  .metric-top{position:relative;z-index:1}
  .metric-label{font-weight:800!important;color:#0b183f!important}
  .metric-icon{box-shadow:inset 0 0 0 1px rgba(7,94,255,.08);background:#f1f5ff!important}
  .metric-tax .metric-icon{background:#eef8f5!important;box-shadow:inset 0 0 0 1px rgba(45,128,112,.10)}
  .metric-value{font-weight:800!important}
  .metric-sub,.metric-tax .mini-note{color:#7b87a0!important}
  .metric-badge,.metric-tax .tax-mark{font-weight:800!important}

  .card{display:flex;flex-direction:column;align-items:stretch}
  .card h3,.card p{max-width:none!important;width:100%!important}
  .card .arr{margin-top:auto!important}

  .step{display:flex;flex-direction:column;align-items:center;text-align:center}
  .step p{max-width:260px;margin-inline:auto!important}

  .industry{min-height:102px;border:1px solid #e8eef9;border-radius:12px;background:#fff;padding:14px 8px!important;box-shadow:0 4px 14px rgba(20,70,160,.045)}
  .industry b{min-height:0!important}
}

@media (max-width:600px){
  .hero{grid-template-areas:"copy" "image" "growth" "tax"!important}
  .hero-copy{padding-bottom:8px!important}
  .hero-image{height:270px!important;background-position:center 48%!important}

  .metric-growth,.metric-tax{
    margin-left:14px!important;
    margin-right:14px!important;
    width:calc(100% - 28px)!important;
    padding:18px!important;
    border-radius:16px!important;
  }
  .metric-growth{margin-top:-34px!important;margin-bottom:0!important}
  .metric-tax{margin-top:12px!important;margin-bottom:26px!important}
  .metric-card .metric-top{margin-bottom:12px!important}
  .metric-card .metric-label{font-size:13px!important}
  .metric-card .metric-icon{width:38px!important;height:38px!important;flex-basis:38px!important;border-radius:10px!important}
  .metric-card .metric-icon svg{width:18px!important;height:18px!important}
  .metric-card .metric-value{font-size:32px!important;letter-spacing:-1px!important;margin-bottom:8px!important}
  .metric-growth .metric-sub{display:flex!important;align-items:center!important;justify-content:space-between!important}
  .metric-growth .metric-spark{height:34px!important;margin-top:12px!important}
  .metric-tax .tax-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}
  .metric-tax .mini-note{font-size:12px!important;margin-top:8px!important}

  .cards{gap:12px!important}
  .card{
    min-height:0!important;
    display:grid!important;
    grid-template-columns:58px minmax(0,1fr) 24px!important;
    grid-template-rows:auto auto!important;
    column-gap:14px!important;
    row-gap:4px!important;
    align-items:start!important;
    padding:18px 16px!important;
    border-radius:14px!important;
    text-align:left!important;
  }
  .card .icon-circle{grid-column:1;grid-row:1/3;width:52px!important;height:52px!important;margin:0!important;align-self:start}
  .card h3{grid-column:2;grid-row:1;font-size:15px!important;line-height:1.25!important;min-height:0!important;margin:1px 0 3px!important;align-self:end}
  .card p{grid-column:2;grid-row:2;font-size:12.5px!important;line-height:1.5!important;margin:0!important;align-self:start}
  .card .arr{grid-column:3;grid-row:1/3;align-self:center;justify-self:end;margin:0!important;font-size:21px!important}

  .timeline{gap:12px!important}
  .step{
    display:grid!important;
    grid-template-columns:54px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:14px!important;
    row-gap:3px!important;
    align-items:center!important;
    text-align:left!important;
    padding:16px!important;
  }
  .step-head{grid-column:1;grid-row:1/3;align-self:start!important;justify-self:start!important}
  .stepicon{width:50px!important;height:50px!important}
  .step h3{grid-column:2;grid-row:1;text-align:left!important;margin:1px 0 2px!important;font-size:15px!important;align-self:end!important}
  .step p{grid-column:2;grid-row:2;text-align:left!important;margin:0!important;max-width:none!important;font-size:12.5px!important;align-self:start!important}

  .industry-row{gap:10px!important}
  .industry{min-height:96px!important;padding:12px 8px!important;border-radius:12px!important;justify-content:center!important}
  .industry .industry-icon{width:38px!important;height:38px!important;flex-basis:38px!important}
  .industry svg{width:31px!important;height:31px!important}
  .industry b{font-size:11.8px!important;line-height:1.2!important;max-width:130px!important}

  .why .wrap{padding-inline:0!important}
  .checklist{width:100%!important}
  .check{width:100%!important}
}

.metrics-mobile-zone{display:contents;}
@media (max-width:900px){
  .hero{grid-template-areas:"copy" "image" "metrics"!important;grid-template-columns:1fr!important;}
  .metrics-mobile-zone{
    grid-area:metrics;
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:start;
    gap:10px;
    position:relative;
    width:100%;
    padding:0 20px 26px;
    margin-top:-28px;
    z-index:8;
    box-sizing:border-box;
  }
  .metrics-mobile-zone .metric-card{
    position:relative!important;
    inset:auto!important;
    margin:0!important;
    width:100%!important;
    max-width:190px;
    justify-self:start;
    padding:12px!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.97)!important;
    border:1px solid rgba(218,227,244,.96)!important;
    box-shadow:0 12px 28px rgba(12,38,91,.15),0 2px 6px rgba(12,38,91,.05)!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
    overflow:hidden!important;
  }
  .metrics-mobile-zone .metric-card:after{display:none!important;}
  .metrics-mobile-zone .metric-tax{justify-self:end;margin-top:34px!important;}
  .metrics-mobile-zone .metric-top{margin-bottom:7px!important;}
  .metrics-mobile-zone .metric-label{font-size:10px!important;line-height:1.2!important;white-space:nowrap;}
  .metrics-mobile-zone .metric-icon{width:25px!important;height:25px!important;flex:0 0 25px!important;border-radius:7px!important;}
  .metrics-mobile-zone .metric-icon svg{width:13px!important;height:13px!important;}
  .metrics-mobile-zone .metric-value{font-size:23px!important;line-height:1!important;letter-spacing:-.6px!important;margin:0 0 7px!important;}
  .metrics-mobile-zone .metric-sub{font-size:8.5px!important;display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:7px!important;}
  .metrics-mobile-zone .metric-badge,
  .metrics-mobile-zone .tax-mark{min-height:19px!important;padding:3px 6px!important;border-radius:5px!important;font-size:8px!important;line-height:1!important;}
  .metrics-mobile-zone .metric-spark{height:23px!important;margin-top:8px!important;}
  .metrics-mobile-zone .metric-tax .tax-row{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:8px!important;}
  .metrics-mobile-zone .metric-tax .mini-note{font-size:8.5px!important;line-height:1.35!important;margin-top:7px!important;}
}
@media (max-width:600px){
  .metrics-mobile-zone{padding:0 16px 24px;margin-top:-24px;gap:8px;}
  .metrics-mobile-zone .metric-card{max-width:170px;padding:11px!important;}
  .metrics-mobile-zone .metric-tax{margin-top:28px!important;}
  .metrics-mobile-zone .metric-label{font-size:9.5px!important;}
  .metrics-mobile-zone .metric-value{font-size:21px!important;}
  .metrics-mobile-zone .metric-sub,
  .metrics-mobile-zone .metric-tax .mini-note{font-size:8px!important;}
  .metrics-mobile-zone .metric-spark{height:21px!important;}
}
@media (max-width:390px){
  .metrics-mobile-zone{grid-template-columns:1fr;gap:10px;padding:0 18px 24px;margin-top:-18px;}
  .metrics-mobile-zone .metric-card{max-width:205px!important;width:205px!important;}
  .metrics-mobile-zone .metric-growth{justify-self:start;}
  .metrics-mobile-zone .metric-tax{justify-self:end;margin-top:-2px!important;}
}

@media (max-width:900px){
  .metrics-mobile-zone{
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    align-items:flex-start!important;
    gap:14px!important;
    width:min(100%, 560px)!important;
    margin:-24px auto 0!important;
    padding:0 18px 30px!important;
    box-sizing:border-box!important;
  }
  .metrics-mobile-zone .metric-card{
    position:relative!important;
    inset:auto!important;
    margin:0!important;
    width:220px!important;
    max-width:220px!important;
    min-width:0!important;
    justify-self:auto!important;
    flex:0 0 220px!important;
    padding:14px!important;
    border-radius:13px!important;
    background:linear-gradient(160deg,rgba(255,255,255,.99),rgba(249,251,255,.98))!important;
    border:1px solid rgba(218,227,244,.96)!important;
    box-shadow:0 14px 30px rgba(12,38,91,.14),0 2px 6px rgba(12,38,91,.05)!important;
    overflow:hidden!important;
  }
  .metrics-mobile-zone .metric-growth,
  .metrics-mobile-zone .metric-tax{
    margin-top:0!important;
    transform:none!important;
  }
  .metrics-mobile-zone .metric-top{margin-bottom:10px!important;}
  .metrics-mobile-zone .metric-label{font-size:11px!important;line-height:1.2!important;white-space:nowrap!important;}
  .metrics-mobile-zone .metric-icon{width:31px!important;height:31px!important;flex:0 0 31px!important;border-radius:8px!important;}
  .metrics-mobile-zone .metric-icon svg{width:15px!important;height:15px!important;}
  .metrics-mobile-zone .metric-value{font-size:27px!important;line-height:1!important;letter-spacing:-.8px!important;margin:0 0 9px!important;}
  .metrics-mobile-zone .metric-sub{font-size:9px!important;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;}
  .metrics-mobile-zone .metric-badge,
  .metrics-mobile-zone .tax-mark{min-height:21px!important;padding:4px 7px!important;border-radius:5px!important;font-size:8.5px!important;line-height:1!important;}
  .metrics-mobile-zone .metric-spark{height:26px!important;margin-top:10px!important;width:100%!important;}
  .metrics-mobile-zone .metric-tax .tax-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:8px!important;}
  .metrics-mobile-zone .metric-tax .mini-note{font-size:9px!important;line-height:1.35!important;margin-top:10px!important;}
}
@media (max-width:520px){
  .metrics-mobile-zone{
    flex-direction:column!important;
    align-items:center!important;
    gap:12px!important;
    width:100%!important;
    margin:-20px auto 0!important;
    padding:0 16px 26px!important;
  }
  .metrics-mobile-zone .metric-card{
    width:min(236px, calc(100vw - 48px))!important;
    max-width:236px!important;
    flex:0 0 auto!important;
    padding:13px 14px!important;
  }
  .metrics-mobile-zone .metric-tax{
    align-self:center!important;
    margin-top:0!important;
  }
}

@media (max-width:600px){
  .hero{grid-template-areas:"copy" "image" "metrics"!important;}
  .metrics-mobile-zone{
    grid-area:metrics!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    align-items:start!important;
    gap:10px!important;
    width:calc(100% - 24px)!important;
    margin:-34px auto 0!important;
    padding:0 0 24px!important;
    position:relative!important;
    z-index:8!important;
    box-sizing:border-box!important;
  }
  .metrics-mobile-zone .metric-card{
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    flex:none!important;
    margin:0!important;
    padding:12px 12px 11px!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.98)!important;
    border:1px solid rgba(218,227,244,.96)!important;
    box-shadow:0 10px 26px rgba(12,38,91,.13),0 2px 5px rgba(12,38,91,.05)!important;
    transform:none!important;
    overflow:hidden!important;
  }
  .metrics-mobile-zone .metric-growth{transform:translateY(-5px)!important;}
  .metrics-mobile-zone .metric-tax{transform:translateY(7px)!important;background:rgba(255,255,255,.98)!important;}
  .metrics-mobile-zone .metric-card:after{display:none!important;}
  .metrics-mobile-zone .metric-top{margin-bottom:8px!important;gap:7px!important;}
  .metrics-mobile-zone .metric-label{
    font-size:10.5px!important;
    line-height:1.15!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .metrics-mobile-zone .metric-icon{
    width:27px!important;height:27px!important;flex:0 0 27px!important;
    border-radius:8px!important;
  }
  .metrics-mobile-zone .metric-icon svg{width:14px!important;height:14px!important;}
  .metrics-mobile-zone .metric-value{
    font-size:22px!important;
    line-height:1!important;
    letter-spacing:-.55px!important;
    margin:0 0 8px!important;
    white-space:nowrap!important;
  }
  .metrics-mobile-zone .metric-sub{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:5px!important;
    font-size:8.5px!important;
    line-height:1.2!important;
  }
  .metrics-mobile-zone .metric-sub>span:first-child{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
  .metrics-mobile-zone .metric-badge,
  .metrics-mobile-zone .tax-mark{
    min-height:19px!important;
    padding:3px 6px!important;
    border-radius:5px!important;
    font-size:8px!important;
    white-space:nowrap!important;
  }
  .metrics-mobile-zone .metric-spark{
    height:22px!important;
    margin-top:8px!important;
    width:100%!important;
  }
  .metrics-mobile-zone .metric-tax .tax-row{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:5px!important;
    min-width:0!important;
  }
  .metrics-mobile-zone .metric-tax .metric-value{
    font-size:20px!important;
    margin:0!important;
    min-width:0!important;
  }
  .metrics-mobile-zone .metric-tax .mini-note{
    font-size:8.5px!important;
    line-height:1.3!important;
    margin-top:9px!important;
    white-space:normal!important;
  }
}
@media (max-width:360px){
  .metrics-mobile-zone{width:calc(100% - 18px)!important;gap:8px!important;margin-top:-28px!important;}
  .metrics-mobile-zone .metric-card{padding:10px!important;}
  .metrics-mobile-zone .metric-label{font-size:9.5px!important;}
  .metrics-mobile-zone .metric-icon{width:24px!important;height:24px!important;flex-basis:24px!important;}
  .metrics-mobile-zone .metric-value{font-size:20px!important;}
  .metrics-mobile-zone .metric-tax .metric-value{font-size:17px!important;letter-spacing:-.35px!important;}
  .metrics-mobile-zone .metric-badge,.metrics-mobile-zone .tax-mark{font-size:7.5px!important;padding:3px 5px!important;}
  .metrics-mobile-zone .metric-spark{height:20px!important;}
  .metrics-mobile-zone .metric-tax .mini-note{font-size:8px!important;}
}

@media (max-width:600px){
  .hero{grid-template-areas:"copy" "image" "metrics"!important;}
  .metrics-mobile-zone{
    grid-area:metrics!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    gap:12px!important;
    width:100%!important;
    max-width:none!important;
    margin:-22px 0 0!important;
    padding:0 18px 22px!important;
    box-sizing:border-box!important;
    position:relative!important;
    z-index:8!important;
  }
  .metrics-mobile-zone .metric-card{
    position:relative!important;
    width:270px!important;
    max-width:calc(100vw - 46px)!important;
    min-width:0!important;
    margin:0!important;
    padding:15px 15px 13px!important;
    border-radius:13px!important;
    background:rgba(255,255,255,.985)!important;
    border:1px solid rgba(220,228,243,.96)!important;
    box-shadow:0 12px 28px rgba(15,35,76,.13),0 2px 6px rgba(15,35,76,.05)!important;
    transform:none!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
  .metrics-mobile-zone .metric-growth{align-self:center!important;transform:translateX(-14px)!important;}
  .metrics-mobile-zone .metric-tax{align-self:center!important;transform:translateX(14px)!important;}
  .metrics-mobile-zone .metric-card:after{display:none!important;}
  .metrics-mobile-zone .metric-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin:0 0 9px!important;}
  .metrics-mobile-zone .metric-label{font-size:12px!important;line-height:1.2!important;font-weight:800!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;}
  .metrics-mobile-zone .metric-icon{width:31px!important;height:31px!important;flex:0 0 31px!important;border-radius:9px!important;}
  .metrics-mobile-zone .metric-icon svg{width:15px!important;height:15px!important;}
  .metrics-mobile-zone .metric-value{font-size:29px!important;line-height:1!important;letter-spacing:-.8px!important;margin:0 0 8px!important;white-space:nowrap!important;}
  .metrics-mobile-zone .metric-sub{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;font-size:10px!important;line-height:1.2!important;}
  .metrics-mobile-zone .metric-sub>span:first-child{white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;}
  .metrics-mobile-zone .metric-badge,.metrics-mobile-zone .tax-mark{min-height:21px!important;padding:4px 7px!important;border-radius:5px!important;font-size:9px!important;line-height:1!important;white-space:nowrap!important;}
  .metrics-mobile-zone .metric-spark{width:100%!important;height:28px!important;margin-top:9px!important;}
  .metrics-mobile-zone .metric-tax .tax-row{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;}
  .metrics-mobile-zone .metric-tax .metric-value{font-size:26px!important;margin:0!important;}
  .metrics-mobile-zone .metric-tax .mini-note{font-size:10px!important;line-height:1.35!important;margin-top:9px!important;white-space:normal!important;}

  footer{margin-top:20px!important;}
  .footer-main{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:20px 24px!important;
    padding:24px 0 20px!important;
    align-items:start!important;
  }
  .footer-main>.brandcol{grid-column:1/-1!important;display:grid!important;grid-template-columns:82px 1fr!important;column-gap:16px!important;align-items:center!important;}
  .footer-main>.brandcol .hoxisoft-logo{grid-row:1/3!important;width:58px!important;height:auto!important;margin:0!important;}
  .footer-main>.brandcol p{margin:0 0 7px!important;max-width:none!important;font-size:12px!important;line-height:1.4!important;}
  .footer-main>.brandcol .social{margin:0!important;gap:10px!important;}
  .footer-main h4{font-size:13px!important;margin-bottom:8px!important;}
  .footer-main p,.footer-main a{font-size:12px!important;line-height:1.45!important;}
  .footer-main>.twocol{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important;}
  .contactline{gap:8px!important;margin-bottom:7px!important;}
  .contact-icon,.contact-icon svg{width:16px!important;height:16px!important;flex-basis:16px!important;}
  .newsletter{height:40px!important;margin-top:9px!important;}
  .newsletter input{font-size:12px!important;padding:0 11px!important;}
  .newsletter button{width:42px!important;flex-basis:42px!important;}
  .bottom{padding:12px 0 14px!important;gap:6px!important;font-size:10px!important;line-height:1.35!important;}
}
@media (max-width:390px){
  .metrics-mobile-zone{margin-top:-16px!important;padding:0 14px 20px!important;gap:10px!important;}
  .metrics-mobile-zone .metric-card{width:100%!important;max-width:300px!important;padding:13px!important;}
  .metrics-mobile-zone .metric-growth,.metrics-mobile-zone .metric-tax{transform:none!important;}
  .metrics-mobile-zone .metric-value{font-size:27px!important;}
  .metrics-mobile-zone .metric-tax .metric-value{font-size:24px!important;}

  .footer-main{grid-template-columns:1fr!important;gap:18px!important;padding:22px 0 18px!important;}
  .footer-main>.brandcol{grid-column:1!important;}
  .footer-main>.twocol{gap:22px!important;}
  .bottom{padding:11px 0 13px!important;}
}

@media (max-width:600px){
  .metrics-mobile-zone{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:calc(100% - 28px)!important;
    max-width:420px!important;
    margin:0 auto!important;
    padding:14px 0 22px!important;
    background:transparent!important;
  }
  .metrics-mobile-zone .metric-card{
    position:relative!important;
    inset:auto!important;
    transform:none!important;
    width:100%!important;
    max-width:none!important;
    min-height:92px!important;
    padding:13px 14px!important;
    border:1px solid #dfe7f5!important;
    border-radius:11px!important;
    background:#fff!important;
    box-shadow:0 4px 16px rgba(20,70,160,.07)!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    overflow:hidden!important;
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) auto!important;
    grid-template-rows:auto auto!important;
    column-gap:12px!important;
    row-gap:5px!important;
    align-items:center!important;
  }
  .metrics-mobile-zone .metric-top{
    display:contents!important;
  }
  .metrics-mobile-zone .metric-icon{
    grid-column:1!important;
    grid-row:1 / 3!important;
    width:44px!important;
    height:44px!important;
    border-radius:50%!important;
    background:#eef4ff!important;
    border:0!important;
    color:#075eff!important;
    display:grid!important;
    place-items:center!important;
    margin:0!important;
  }
  .metrics-mobile-zone .metric-tax .metric-icon{
    background:#eef7f5!important;
    color:#087166!important;
  }
  .metrics-mobile-zone .metric-icon svg{
    width:22px!important;
    height:22px!important;
  }
  .metrics-mobile-zone .metric-label{
    grid-column:2!important;
    grid-row:1!important;
    align-self:end!important;
    font-size:12px!important;
    line-height:1.2!important;
    font-weight:800!important;
    color:#07143f!important;
    margin:0!important;
    white-space:nowrap!important;
  }
  .metrics-mobile-zone .metric-value{
    grid-column:3!important;
    grid-row:1 / 3!important;
    align-self:center!important;
    justify-self:end!important;
    font-size:22px!important;
    line-height:1!important;
    font-weight:800!important;
    letter-spacing:-.55px!important;
    color:#087166!important;
    margin:0!important;
    white-space:nowrap!important;
  }
  .metrics-mobile-zone .metric-sub{
    grid-column:2!important;
    grid-row:2!important;
    display:block!important;
    align-self:start!important;
    font-size:9.7px!important;
    line-height:1.45!important;
    color:#65708b!important;
    margin:0!important;
  }
  .metrics-mobile-zone .metric-sub>span:first-child{display:block!important;white-space:normal!important;}
  .metrics-mobile-zone .metric-badge,
  .metrics-mobile-zone .tax-mark,
  .metrics-mobile-zone .metric-spark{display:none!important;}
  .metrics-mobile-zone .metric-tax .tax-row{display:contents!important;}
  .metrics-mobile-zone .metric-tax .metric-value{
    grid-column:3!important;
    grid-row:1 / 3!important;
    font-size:20px!important;
    margin:0!important;
  }
  .metrics-mobile-zone .metric-tax .mini-note{
    grid-column:2!important;
    grid-row:2!important;
    font-size:9.7px!important;
    line-height:1.45!important;
    color:#65708b!important;
    margin:0!important;
    white-space:normal!important;
  }
}
@media (max-width:380px){
  .metrics-mobile-zone .metric-card{
    grid-template-columns:40px minmax(0,1fr)!important;
    grid-template-rows:auto auto auto!important;
  }
  .metrics-mobile-zone .metric-icon{width:40px!important;height:40px!important;grid-row:1 / 3!important;}
  .metrics-mobile-zone .metric-label{grid-column:2!important;grid-row:1!important;}
  .metrics-mobile-zone .metric-sub,
  .metrics-mobile-zone .metric-tax .mini-note{grid-column:2!important;grid-row:2!important;}
  .metrics-mobile-zone .metric-value,
  .metrics-mobile-zone .metric-tax .metric-value{grid-column:2!important;grid-row:3!important;justify-self:start!important;font-size:21px!important;margin-top:2px!important;}
}

@media (max-width: 600px){
  .metrics-mobile-zone{display:none!important;}
  .hero{grid-template-areas:"copy" "image"!important;}
  .buttons{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:8px!important;
    width:100%!important;
    max-width:430px!important;
    margin-top:22px!important;
  }
  .buttons .button{
    width:100%!important;
    min-width:0!important;
    height:44px!important;
    padding:0 11px!important;
    border-radius:9px!important;
    font-size:10.5px!important;
    line-height:1.1!important;
    white-space:nowrap!important;
    gap:6px!important;
  }
  .buttons .button span{flex:0 0 auto!important;margin-left:5px!important;}
}
@media (max-width: 360px){
  .buttons{gap:7px!important;}
  .buttons .button{font-size:9.5px!important;padding:0 9px!important;height:42px!important;}
}

/* Uploaded public logos keep their original colors. */
.hoxisoft-brand img,.hoxisoft-logo,.footer-logo{filter:none!important;mix-blend-mode:normal!important;opacity:1!important}


/* Adaptive translated metric cards */
@media (min-width:901px){
  .metric-growth,.metric-tax{width:max-content!important;min-width:126px!important;max-width:230px!important;box-sizing:border-box!important}
  .metric-tax{min-width:132px!important}
  .metric-top{align-items:flex-start!important}
  .metric-label{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important;max-width:170px!important}
  .metric-sub{gap:8px!important;flex-wrap:wrap!important}
  .metric-sub>span:first-child{min-width:0!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
  .metric-badge,.metric-tax .tax-mark{flex:0 0 auto!important;white-space:nowrap!important}
  .metric-tax .tax-row{flex-wrap:wrap!important;justify-content:flex-start!important}
  .metric-tax .mini-note{max-width:190px!important;white-space:normal!important;overflow-wrap:anywhere!important}
}
@media (min-width:601px) and (max-width:900px){
  .metrics-mobile-zone{align-items:flex-start!important}
  .metrics-mobile-zone .metric-card{width:max-content!important;min-width:220px!important;max-width:min(290px,calc(100vw - 36px))!important;flex:0 1 auto!important;box-sizing:border-box!important;overflow:visible!important}
  .metrics-mobile-zone .metric-label{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important}
  .metrics-mobile-zone .metric-sub,.metrics-mobile-zone .metric-tax .tax-row{flex-wrap:wrap!important}
  .metrics-mobile-zone .metric-sub>span:first-child,.metrics-mobile-zone .metric-tax .mini-note{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;overflow-wrap:anywhere!important}
  .metrics-mobile-zone .metric-badge,.metrics-mobile-zone .tax-mark{flex:0 0 auto!important;white-space:nowrap!important}
}