/* Shared service-page elements. Inter is the approved substitute for Figma's Mier A. */
:root{--service-ink:#101712;--service-mint:#f0fff8;--service-green:#08b887;--service-blue:#5b78fe;--service-content:1280px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
html{scrollbar-width:none}
html::-webkit-scrollbar{display:none}
body{margin:0;color:var(--service-ink);font-family:Inter,Arial,sans-serif}
button,a{font:inherit}
a{color:inherit;text-decoration:none}
button{cursor:pointer}
img{max-width:100%;height:auto}
.service-announcement{height:52px;background:var(--service-blue);color:#fff}
.service-announcement-inner{height:100%;max-width:960px;margin:auto;display:flex;align-items:center;justify-content:space-between;font-size:16px;line-height:20px}
.service-announcement-inner span+span{border-left:1px solid #ffffff75;padding-left:80px}
.service-header{height:80px;background:var(--service-mint);border-bottom:1px solid #dcefe7;position:relative;z-index:10}
.service-header-inner{max-width:var(--service-content);height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.service-logo{display:flex;flex:none}
.service-logo img{width:180px;height:37px}
.service-nav{display:flex;align-items:center;gap:34px;font-size:16px;color:#343c38}
.service-nav>a,.service-nav-menu>button{white-space:nowrap}
.service-nav a:hover,.service-nav button:hover{color:var(--service-green)}
.service-nav-menu{position:relative}
.service-nav-menu>button{border:0;background:none;padding:16px 0;color:inherit}
.service-nav-popover{display:none;position:absolute;top:100%;left:-20px;min-width:245px;background:#fff;padding:12px;box-shadow:0 12px 30px #14302920;border-radius:12px}
.service-nav-popover a{display:block;padding:10px;border-radius:6px}
.service-nav-popover a:hover{background:var(--service-mint)}
.service-nav-menu:hover .service-nav-popover,.service-nav-menu:focus-within .service-nav-popover,.service-nav-menu.is-open .service-nav-popover{display:block}
@media(min-width:1200px){.service-nav{transform:translateX(50px)}}
.service-header-cta{height:40px;min-width:182px;border-radius:8px;background:#0ab48a;color:#fff;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;font-size:13px;font-weight:700;white-space:nowrap}
.service-header-cta:hover{background:#008d6c}
.service-menu-toggle,.service-mobile-nav{display:none}
.service-hero{height:705px;background:var(--service-mint);position:relative;overflow:hidden;text-align:center}
.service-hero-grid{position:absolute;left:50%;top:-112px;width:1446px;height:532px;transform:translateX(-50%);background:url('../assets/service_hero_grid_catchup.png') center top/1446px 532px no-repeat;opacity:.5;pointer-events:none}
.service-hero-content{position:relative;max-width:1200px;margin:0 auto;padding-top:75px;padding-left:20px;padding-right:20px}
.service-hero-chip{height:44px;padding:0 14px 0 8px;display:inline-flex;align-items:center;gap:10px;border:1px solid #dce3e0;border-radius:25px;background:#fff;font-size:16px;line-height:20px;white-space:nowrap}
.service-chip-icon{width:28px;height:28px;display:inline-grid;place-items:center;background:#e2fbf0;border-radius:50%}
.service-chip-icon img{width:24px;height:24px}
.service-hero h1{font-family:Inter,Arial,sans-serif;font-size:60px;line-height:1.22;letter-spacing:-2px;font-weight:800;margin:30px auto 22px;max-width:900px}
.service-hero p{font-size:20px;line-height:28px;color:#424c48;max-width:760px;margin:0 auto}
.service-hero-cta{display:inline-flex;align-items:center;gap:16px;height:52px;margin-top:32px;padding:4px 4px 4px 17px;border-radius:10px;background:linear-gradient(120deg,#5c7cf8,#6c52ef);color:#fff;font-size:14px;font-weight:700}
.service-cta-arrow{height:44px;width:44px;display:block;flex:none;border-radius:8px;object-fit:contain}
.service-button-icon{display:block;width:20px;height:20px;max-width:none;flex:none;object-fit:contain}
.service-hero-stats{display:flex;justify-content:center;align-items:center;margin-top:36px;width:100%}
.service-hero-stats>div{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:9px;position:relative;padding:0 16px;box-sizing:border-box}
.service-hero-stats>div+div::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:30px;background:#0ab48a}
.service-hero-stats strong{font-family:Inter,Arial,sans-serif;font-size:30px;line-height:36px;font-weight:700;color:#0c3027}
.service-hero-stats span{font-size:14px;color:#424c48;text-align:center}
.service-hero-stats.has-4-stats{max-width:1140px;margin-left:auto;margin-right:auto}
.service-hero-stats.has-4-stats>div{width:25%;padding:0 20px}
.service-hero-stats.has-4-stats strong{font-size:32px;line-height:38px;letter-spacing:-0.5px}
.service-hero-stats.has-4-stats span{white-space:nowrap}
.service-achievements{height:244px;padding:41px 24px 0;background:#fff;text-align:center}
.service-achievements h2{margin:0;font-size:16px;line-height:20px;font-weight:500}
.service-achievements-list{max-width:1170px;margin:34px auto 0;display:flex;align-items:center;justify-content:space-between;gap:28px}
.service-achievements-list img{display:block;width:auto;max-width:107px;height:85px;object-fit:contain}
.service-warning{min-height:1174px;padding:120px 24px 100px;background:#fff;text-align:center}
.service-warning-heading{max-width:1280px;margin:auto}
.service-section-chip{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 16px;border-radius:10px;background:#e8ecff;color:#2444e8;font-size:16px}
.service-warning h2{font-size:56px;line-height:1.125;letter-spacing:-2.5px;font-weight:800;margin:24px auto 22px}
.service-warning-heading p{font-size:16px;line-height:20px;color:#54595b;margin:0}
.service-warning-grid{max-width:1280px;margin:54px auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.service-warning-card{height:268px;border:1px solid transparent;border-radius:24px;background:#fff1f1;text-align:left;padding:32px 24px 30px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.service-warning-card-top{display:flex;align-items:flex-start;justify-content:space-between}
.service-warning-card-top img{width:40px;height:40px}
.service-warning-card-top span{position:relative;width:32px;height:32px;border:2px solid #a3a7a7;border-radius:2px;background:#fff}
.service-warning-card[aria-checked="true"]{border-color:#ff4646;box-shadow:0 4px 16px rgba(255,70,70,.08)}
.service-warning-card[aria-checked="true"] .service-warning-card-top span{border-color:#00ae5b;background:#00ae5b}
.service-warning-card[aria-checked="true"] .service-warning-card-top span::after{content:'✓';position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:20px;font-weight:700}
.service-warning-card:focus-visible{outline:3px solid rgba(32,41,240,.28);outline-offset:3px}
.service-warning-card h3{font-size:24px;line-height:32px;letter-spacing:-.8px;margin:0 0 14px;font-weight:700}
.service-warning-card p{font-size:16px;line-height:20px;color:#747a7c;border-top:1px solid #ffcdd1;margin:0;padding-top:16px}
.service-warning-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:234px;height:52px;margin-top:60px;border:0;border-radius:12px;background:#bdbdbd;color:#fff;font:700 14px/1 Inter,Arial,sans-serif;cursor:not-allowed}
.service-warning-cta:not([aria-disabled="true"]){width:196px;background:linear-gradient(120deg,#6487e9,#7452f4);cursor:pointer}
.service-warning-cta span{font-size:24px;line-height:1}
.service-partners{height:184px;background:#fff;text-align:center;padding:40px 0 0;overflow:hidden}
.service-partners h2{font-size:16px;line-height:20px;font-weight:500;margin:0}
.service-partners-list{position:relative;display:flex;align-items:center;justify-content:space-between;max-width:1176px;margin:24px auto 0}
.service-partners-list img{display:block;width:140px;height:44px;object-fit:contain}
.service-partners-list::before,.service-partners-list::after{content:'';position:absolute;z-index:1;top:0;height:44px;width:95px;pointer-events:none}
.service-partners-list::before{left:0;background:linear-gradient(90deg,#fff 0%,#ffffff00 100%)}
.service-partners-list::after{right:0;background:linear-gradient(270deg,#fff 0%,#ffffff00 100%)}
.service-fixes{height:1742px;padding:80px max(24px,calc((100vw - 1280px)/2)) 140px;background:#fff}
.service-fixes-heading{text-align:center;height:222px}
.service-fixes h2{font-size:56px;line-height:1.125;letter-spacing:-2.5px;font-weight:800;margin:24px 0 22px}
.service-fixes-heading p{font-size:16px;line-height:20px;color:#54595b;margin:0}
.service-fixes-grid{display:grid;grid-template-columns:472fr 392fr 392fr;grid-template-rows:362px 362px 362px 118px;gap:12px;margin-top:60px}
.service-fix-card{position:relative;overflow:hidden;border-radius:24px}
.service-fix-card picture{display:block;position:absolute}
.service-fix-card img{display:block;width:100%;height:auto}
.service-fix-copy{position:absolute;z-index:1}
.service-fix-copy h3{font-size:24px;line-height:32px;letter-spacing:-.8px;margin:0 0 8px}
.service-fix-copy p{font-size:14px;line-height:22px;color:#404748;margin:0}
.service-fix-duplicate{grid-column:1;grid-row:1/3;background:#fff6d5}
.service-fix-duplicate picture{top:12px;left:12px;width:calc(100% - 24px)}
.service-fix-duplicate .service-fix-copy{left:24px;right:24px;bottom:47px}
.service-fix-bank{grid-column:2/4;grid-row:1;background:#f1f4ff}
.service-fix-bank picture{left:50.5%;top:46px;width:48.25%}
.service-fix-bank .service-fix-copy{left:32px;bottom:24px;width:40%}
.service-fix-recon{grid-column:2;grid-row:2;background:#d7f8e8}
.service-fix-recon picture{left:12px;top:0;width:calc(100% - 24px)}
.service-fix-recon .service-fix-copy{left:16px;right:16px;bottom:35px}
.service-fix-missing{grid-column:3;grid-row:2;background:#fff1f5}
.service-fix-missing picture{left:12px;top:168px;width:calc(100% - 24px)}
.service-fix-missing .service-fix-copy{left:24px;right:24px;top:24px}
.service-fix-categories{grid-column:1/3;grid-row:3;background:#e5f9ff}
.service-fix-categories picture{left:44%;top:39px;width:53.3%}
.service-fix-categories .service-fix-copy{left:24px;bottom:24px;width:40%}
.service-fix-history{grid-column:3;grid-row:3;background:#fff0e9}
.service-fix-history picture{left:12px;top:168px;width:calc(100% - 24px)}
.service-fix-history .service-fix-copy{left:24px;right:24px;top:24px}
.service-fixes-banner{grid-column:1/4;grid-row:4;background:linear-gradient(175deg,#75b5e8 0%,#6d5cf4 65%);border-radius:20px;color:#fff;display:flex;align-items:center;padding:0 25px;gap:16px}
.service-fixes-banner strong{font-size:52px;line-height:1;letter-spacing:-2px;white-space:nowrap}
.service-fixes-banner>div{border-left:1px solid #ffffff6e;padding-left:16px;min-width:0;flex:1}
.service-fixes-banner b{font-size:20px;line-height:28px}
.service-fixes-banner p{font-size:14px;line-height:18px;margin:3px 0 0}
.service-fixes-banner a{background:#fff;color:#5c6cf3;border-radius:30px;padding:17px 20px;font-size:14px;font-weight:700;white-space:nowrap}
.service-how{height:1054px;padding:80px 24px 120px;background:#fff;text-align:center}
.service-how-heading{height:222px;max-width:1280px;margin:auto}
.service-how h2{font-size:56px;line-height:1.125;letter-spacing:-2.5px;font-weight:800;margin:24px 0 22px}
.service-how-heading p{font-size:16px;line-height:20px;color:#54595b;margin:0}
.service-how-layout{max-width:1026px;height:460px;margin:60px auto 0;display:grid;grid-template-columns:463px 4px 463px;column-gap:48px;text-align:left}
.service-how-photo{display:block;width:463px;height:460px;border-radius:24px;overflow:hidden}
.service-how-photo img{display:block;width:100%;height:100%;object-fit:cover}
.service-how-rail{height:460px;display:grid;grid-template-rows:repeat(4,72px);gap:40px;padding-top:26px}
.service-how-rail span{display:block;width:4px;border-radius:3px;background:#bee6d2}
.service-how-rail span.is-current{background:#107336}
.service-how-steps{list-style:none;margin:0;padding:26px 0 22px;display:grid;grid-template-rows:repeat(4,72px);gap:40px}
.service-how-steps li{display:grid;grid-template-columns:72px 1fr;gap:20px;align-items:center}
.service-how-icon{width:72px;height:72px;display:grid;place-items:center;border-radius:8px}
.service-how-steps .is-current .service-how-icon{background:#dbf4e5}
.service-how-icon img{width:24px;height:24px}
.service-how-steps h3{font-size:18px;line-height:22px;font-weight:400;margin:0 0 7px}
.service-how-steps .is-current h3{font-weight:700}
.service-how-steps p{font-size:14px;line-height:18px;color:#747a7c;margin:0}
.service-how-cta{height:52px;width:236px;margin-top:60px;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(120deg,#5c7cf8,#6c52ef);color:#fff;border-radius:12px;font-size:14px;font-weight:700}
.service-how-cta span{font-size:24px}
.service-story{height:564px;padding:80px max(24px,calc((100vw - 1280px)/2));background:#fff}
.service-story-panel{height:404px;border-radius:20px;background:radial-gradient(ellipse 50% 65% at 80% 0%,#81bcf2aa 0%,#81bcf200 100%),linear-gradient(180deg,#70aee4 0%,#6a58f4 60%);color:#fff;display:grid;grid-template-columns:44% 56%;align-items:center;padding:0 80px}
.service-story-copy h2{font-size:46px;line-height:54px;font-weight:400;letter-spacing:-1.3px;margin:0 0 24px}
.service-story-copy p{font-size:20px;line-height:27px;margin:0}
.service-story-stats{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,107px);column-gap:60px;row-gap:60px;text-align:center}
.service-story-stats>div{display:flex;flex-direction:column;align-items:center;justify-content:space-between}
.service-story-stats strong{font-size:60px;line-height:67px;letter-spacing:-2px}
.service-story-stats span{font-size:20px;line-height:24px;white-space:nowrap}
.service-security{height:1189px;padding:100px 24px 80px;background:#fff}
.service-security-heading{height:222px;max-width:1280px;margin:auto;text-align:center}
.service-security h2{font-size:56px;line-height:1.125;letter-spacing:-2.5px;font-weight:800;margin:24px 0 22px}
.service-security-heading p{font-size:16px;line-height:20px;color:#54595b;margin:0}
.service-security-diagram{position:relative;max-width:1280px;height:687px;margin:60px auto 0}
.service-security-art{position:absolute;left:191px;top:145px;width:900px;height:600px;object-fit:contain}
.service-security-card{position:absolute;width:300px;height:160px;padding:20px 24px;background:#eefff8;border:1px solid #75e9ac;border-radius:20px;z-index:1}
.service-security-card h3{font-size:20px;line-height:28px;letter-spacing:-.5px;margin:0 0 20px}
.service-security-card p{font-size:18px;line-height:22px;color:#505858;margin:0}
.service-security-read{left:497px;top:0;width:287px}
.service-security-encrypted{left:43px;top:294px}
.service-security-confidential{right:43px;top:293px}
.service-security-line{position:absolute;background:#70d7a3;z-index:0}
.service-security-line::before,.service-security-line::after{content:'';position:absolute;width:8px;height:8px;border-radius:50%;background:#70d7a3}
.service-security-line-top{left:640px;top:173px;width:1px;height:72px}
.service-security-line-top::before{left:-3px;top:-4px}.service-security-line-top::after{left:-3px;bottom:-4px}
.service-security-line-left{left:356px;top:364px;width:148px;height:1px}
.service-security-line-left::before{left:-4px;top:-3px}.service-security-line-left::after{right:-4px;top:-3px}
.service-security-line-right{left:768px;top:364px;width:148px;height:1px}
.service-security-line-right::before{left:-4px;top:-3px}.service-security-line-right::after{right:-4px;top:-3px}
.service-platforms{height:224px;padding:60px 24px;background:#f2f5ff;text-align:center}
.service-platforms h2{font-size:16px;line-height:20px;font-weight:500;margin:0}
.service-platforms-list{display:flex;align-items:center;justify-content:center;gap:60px;margin:24px auto 0}
.service-platforms-list img{display:block;width:auto;height:60px;object-fit:contain}
.service-pricing{height:1180px;padding:160px 24px 120px;background:#fff;overflow:hidden}
.service-pricing-heading{height:222px;max-width:1280px;margin:auto;text-align:center}
.service-pricing h2{font-size:56px;line-height:1.125;letter-spacing:-2.5px;font-weight:800;margin:24px 0 22px}
.service-pricing-heading p{font-size:16px;line-height:20px;color:#54595b;margin:0}
.service-pricing-carousel{height:618px;display:flex;align-items:center;justify-content:center;gap:24px;margin:60px auto 0;outline-offset:3px}
.service-plan{position:relative;flex:none}
.service-plan-side{width:375px;height:550px;border-radius:34px;background:#d6fff0}
.service-plan-featured{width:389px;height:618px;border:7px solid #685df6;border-radius:37px;background:#fff}
.service-plan-popular{position:absolute;top:-7px;left:-7px;right:-7px;height:42px;border-radius:37px 37px 0 0;background:linear-gradient(120deg,#6b8af1,#6c59ef);color:#fff;text-align:center;padding-top:11px;font-size:16px}
.service-plan-body{position:relative;height:100%;padding:38px 26px 32px}
.service-plan-featured .service-plan-body{height:calc(100% - 35px);margin-top:35px;padding-top:32px}
.service-plan-icon{display:block;width:32px;height:32px}
.service-plan h3{font-size:24px;line-height:29px;letter-spacing:-.6px;margin:32px 0 3px}
.service-plan-for{font-size:16px;line-height:25px;margin:0}
.service-plan-price{display:flex;align-items:baseline;gap:2px;margin:18px 0 2px}
.service-plan-price strong{font-size:48px;line-height:48px;letter-spacing:-1px}
.service-plan-price span{font-size:20px}
.service-plan-capacity{font-size:14px;line-height:18px;color:#4c5354;margin:0}
.service-plan-includes{font-size:14px;line-height:20px;margin:28px 0 16px}
.service-plan ul{list-style:none;padding:0;margin:0}
.service-plan li{position:relative;font-size:14px;line-height:20px;padding-left:28px;margin-bottom:8px;white-space:nowrap}
.service-plan li::before{content:'✓';position:absolute;left:2px;top:0;color:#9c8600;font-size:19px;line-height:18px}
.service-plan a{position:absolute;left:29px;right:29px;bottom:32px;height:48px;display:grid;place-items:center;background:#000;color:#fff;border-radius:12px;font-size:14px}
.service-plan-featured a{background:linear-gradient(120deg,#5c7cf8,#6c52ef)}
.service-plan-mobile-name{display:none}
.service-outcome{height:942px;padding:120px max(24px,calc((100vw - 1280px)/2));background:#fff}
.service-outcome-heading{height:222px;text-align:center}
.service-outcome h2{font-size:56px;line-height:1.125;letter-spacing:-2.5px;font-weight:800;margin:24px 0 22px}
.service-outcome-heading p{font-size:16px;line-height:20px;color:#54595b;margin:0}
.service-outcome-panel{height:420px;position:relative;display:grid;grid-template-columns:1fr 1fr;margin-top:60px;background:#f1f4ff;border-radius:40px;overflow:hidden}
.service-outcome-art{--comparison-art:url('../assets/service_outcome_desktop.svg');position:absolute;top:3px;left:50%;width:258px;height:414px;transform:translateX(-50%);z-index:1}
.service-outcome-art img{display:block;width:100%;height:100%}
.comparison-spin-art{--comparison-inner:70px;--comparison-outer:108px;display:block;overflow:hidden;isolation:isolate;background-image:linear-gradient(to right,transparent calc(50% - .5px),#eea071 calc(50% - .5px),#eea071 calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(to bottom,transparent calc(50% - .5px),#eea071 calc(50% - .5px),#eea071 calc(50% + .5px),transparent calc(50% + .5px))}
.comparison-spin-art::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:var(--comparison-art) center/100% 100% no-repeat;-webkit-mask-image:radial-gradient(circle at 50% 50%,transparent 0 var(--comparison-inner),#000 calc(var(--comparison-inner) + 1px) var(--comparison-outer),transparent calc(var(--comparison-outer) + 1px));mask-image:radial-gradient(circle at 50% 50%,transparent 0 var(--comparison-inner),#000 calc(var(--comparison-inner) + 1px) var(--comparison-outer),transparent calc(var(--comparison-outer) + 1px));transform-origin:50% 50%;animation:service-comparison-spin 12s linear infinite;will-change:transform}
.comparison-spin-art>img{position:relative;z-index:2;clip-path:circle(var(--comparison-inner) at 50% 50%)}
@keyframes service-comparison-spin{to{transform:rotate(360deg)}}
.service-outcome-side{position:relative;padding:56px 70px 45px;z-index:2}
.service-outcome-after{padding-left:160px}
.service-outcome-side h3{font-size:34px;line-height:40px;letter-spacing:-1px;margin:0 0 36px}
.service-outcome-side h4{font-size:22px;line-height:26px;margin:0 0 26px}
.service-outcome-side ul{list-style:none;padding:0;margin:0}
.service-outcome-side li{position:relative;font-size:16px;line-height:20px;color:#555c5e;padding-left:36px;margin-bottom:28px;white-space:nowrap}
.service-outcome-side li::before{position:absolute;left:2px;top:1px;display:grid;place-items:center;width:16px;height:16px;color:#fff;font-size:10px;line-height:1}
.service-outcome-before li::before{content:'!';background:#ff4148;clip-path:polygon(50% 0,100% 100%,0 100%);padding-top:4px}
.service-outcome-after li::before{content:'✓';background:#07ab70;border-radius:50%}
.service-featured{height:208px;padding:60px 24px 0;background:#f2fff9;text-align:center;overflow:hidden}
.service-featured h2{font-size:16px;line-height:20px;font-weight:500;margin:0}
.service-featured-list{display:flex;align-items:center;justify-content:space-between;max-width:1176px;margin:24px auto 0}
.service-featured-list img{display:block;width:140px;height:44px;object-fit:contain}
.service-diagnosis-modal[hidden]{display:none}
.service-diagnosis-modal{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:24px;background:rgba(0,0,0,.6)}
.service-diagnosis-dialog{position:relative;width:min(600px,100%);height:336px;padding:60px 40px 40px;display:flex;flex-direction:column;align-items:center;gap:60px;border-radius:20px;background:#fff;text-align:center;box-shadow:0 4px 37.4px rgba(0,0,0,.15)}
.service-diagnosis-copy{width:502px;display:flex;flex-direction:column;align-items:center;gap:12px}
.service-diagnosis-dialog h2{width:450px;margin:0 auto;font-size:32px;line-height:1.12;letter-spacing:-1px}
.service-diagnosis-dialog p{width:520px;margin:0 auto;color:#4a4a4a;font-size:14px;line-height:20px;letter-spacing:-.2px}
.service-diagnosis-close{position:absolute;right:22px;top:22px;width:28px;height:28px;border:0;background:transparent;color:#111;font-size:28px;line-height:1;cursor:pointer}
.service-diagnosis-actions{display:flex;justify-content:center;gap:16px;margin:0}
.service-diagnosis-actions button,.service-diagnosis-actions a{width:196px;height:52px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;font-size:14px;font-weight:700}
.service-diagnosis-actions button{border:1px solid #2029f0;background:#fff;color:#2029f0;cursor:pointer}
.service-diagnosis-actions a{width:245px;background:linear-gradient(120deg,#6487e9,#7452f4);color:#fff}
.service-page.is-modal-open{overflow:hidden}
.service-achievements.has-marquee,.service-partners.has-marquee,.service-featured.has-marquee{overflow:hidden}
.has-marquee .service-achievements-list,.has-marquee .service-partners-list,.has-marquee .service-featured-list{max-width:none;width:max-content;justify-content:flex-start;will-change:transform;animation:serviceMarquee var(--marquee-duration,34s) linear infinite}
.has-marquee .service-achievements-list{gap:46px}
.has-marquee .service-partners-list,.has-marquee .service-featured-list{gap:56px}
.has-marquee .service-achievements-list,.has-marquee .service-partners-list,.has-marquee .service-featured-list{margin-left:max(16px,calc((100vw - 1176px)/2));margin-right:0}
.has-marquee .service-partners-list::before,.has-marquee .service-partners-list::after{display:none}
.has-marquee:hover .service-achievements-list,.has-marquee:hover .service-partners-list,.has-marquee:hover .service-featured-list,.has-marquee:focus-within .service-achievements-list,.has-marquee:focus-within .service-partners-list,.has-marquee:focus-within .service-featured-list{animation-play-state:paused}
.service-security-line{overflow:visible;background-color:#70d7a3;background-repeat:repeat;background-size:220% 220%;animation:serviceLineFlow 2.4s linear infinite}
.service-security-line-top{background-image:linear-gradient(180deg,#70d7a3 0%,#2029f0 45%,#70d7a3 70%)}
.service-security-line-left,.service-security-line-right{background-image:linear-gradient(90deg,#70d7a3 0%,#2029f0 45%,#70d7a3 70%)}
.service-outcome-art{--outcome-shift:0px;transform:translateX(-50%) translateY(var(--outcome-shift));will-change:transform}
@keyframes serviceMarquee{to{transform:translateX(var(--marquee-distance,-50%))}}
@keyframes serviceLineFlow{from{background-position:110% 110%}to{background-position:-110% -110%}}
.service-compare{height:1333px;padding:120px max(24px,calc((100vw - 1280px)/2));background:#fff;text-align:center}
.service-compare-heading{height:222px}
.service-compare h2{font-size:56px;line-height:1.125;letter-spacing:-2.5px;font-weight:800;margin:24px 0 22px}
.service-compare-heading p{font-size:16px;line-height:20px;color:#54595b;margin:0;white-space:nowrap}
.service-compare-mobile{display:none}
.service-compare-viewport{margin-top:60px;overflow:hidden;outline-offset:3px}
.service-compare-table{height:699px;display:grid;grid-template-columns:382fr 437fr 437fr;gap:12px;text-align:left}
.service-compare-col{display:grid;grid-template-rows:104px repeat(7,85px);border-radius:16px;overflow:hidden;box-shadow:0 4px 6px #00000022}
.service-compare-col>div{display:flex;align-items:center;justify-content:center;padding:0 24px;background:#fff;font-size:20px;line-height:28px;color:#4a4e50}
.service-compare-col>div:nth-child(odd):not(:first-child){background:#f7f7f7}
.service-compare-col>div:first-child{font-size:24px;font-weight:700;color:#111}
.service-compare-labels>div{justify-content:flex-start;font-weight:600}
.service-compare-labels>div:first-child{background:#f1f4ff}
.service-compare-catchup>div:first-child{background:#5070f7;color:#fff}
.service-compare-monthly>div:first-child{background:#fff1bc}
.service-compare-check,.service-compare-cross{width:24px;height:24px;display:inline-grid;place-items:center;border-radius:50%;font-size:16px;line-height:1;border:2px solid currentColor}
.service-compare-check{color:#00ac6c}
.service-compare-cross{color:#ff444b}
.service-compare-mobile.service-compare-check,.service-compare-mobile.service-compare-cross{display:none}
.service-compare-scrollbar{display:none}
.service-compare-cta{width:236px;height:52px;display:inline-flex;align-items:center;justify-content:center;gap:10px;margin-top:60px;border-radius:12px;background:linear-gradient(120deg,#5c7cf8,#6c52ef);color:#fff;font-size:14px;font-weight:700}
.service-compare-cta span{font-size:24px}
.service-testimonials{height:1264px;padding:100px max(24px,calc((100vw - 1280px)/2)) 120px;background:#fff}
.service-testimonials-heading{height:222px;text-align:center}
.service-testimonials h2{font-size:56px;line-height:1.125;letter-spacing:-2.5px;font-weight:800;margin:24px 0 22px}
.service-testimonials-heading p{font-size:16px;line-height:20px;color:#54595b;margin:0}
.service-testimonials-mobile{display:none}
.service-testimonials .testimonials-5col-grid{height:762px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:60px}
.service-testimonials .testim-col{display:flex;flex-direction:column;gap:8px;min-width:0}
.service-testimonials .testim-card{position:relative;background:#fafbfc;border:1px solid #e8e8e8;border-radius:18px;overflow:hidden}
.service-testimonials .card-quote{height:362px;display:flex;flex-direction:column;padding:32px 20px}
.service-testimonials .testim-user-avatar{width:52px;height:52px;border-radius:50%;overflow:hidden;flex:none}
.service-testimonials .testim-user-avatar img{width:100%;height:100%;object-fit:cover;transform:scale(1.8)}
.service-testimonials .testim-quote-text{font-size:16px;line-height:20px;letter-spacing:-.4px;margin:24px 0 0}
.service-testimonials .testim-card-footer{margin-top:auto}
.service-testimonials .testim-client-name{font-size:24px;line-height:28px;letter-spacing:-1px;margin:0 0 3px}
.service-testimonials .testim-stars{display:flex;align-items:center;gap:2px}
.service-testimonials .testim-stars img{width:20px;height:20px}
.service-testimonials .card-video{height:392px;padding:8px;display:flex;flex-direction:column}
.service-testimonials .testim-col:nth-child(even) .card-video:first-child{height:394px}
.service-testimonials .testim-col:nth-child(even) .card-quote:last-child{height:360px}
.service-testimonials .testim-video-thumb{height:280px;position:relative;border-radius:12px;overflow:hidden;flex:none}
.service-testimonials .testim-video-thumb>img{width:100%;height:100%;object-fit:cover}
.service-testimonials .testim-play-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;display:grid;place-items:center;border-radius:50%;background:#ffffff9c}
.service-testimonials .testim-play-btn img{width:40px;height:40px}
.service-testimonials .testim-video-info{padding:20px 12px 12px;margin-top:auto}
.service-audience{height:782px;padding:80px max(24px,calc((100vw - 1280px)/2)) 120px;background:#fff}
.service-audience-heading{height:222px;text-align:center}
.service-audience h2{font-size:56px;line-height:1.125;letter-spacing:-2.5px;font-weight:800;margin:24px 0 22px}
.service-audience-heading p{font-size:16px;line-height:20px;color:#54595b;margin:0}
.service-audience-scroll{margin-top:60px}
.service-audience-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.service-audience-card{height:300px;border-radius:20px;padding:24px;display:flex;flex-direction:column;justify-content:space-between}
.service-audience-card img{width:50px;height:50px;object-fit:contain;object-position:left top}
.service-audience-card h3{font-size:24px;line-height:32px;letter-spacing:-.7px;margin:0 0 14px;font-weight:700}
.service-audience-card p{font-size:14px;line-height:18px;color:#4a5053;margin:0}
.service-audience-backlog{background:#fff0f5}
.service-audience-handoff{background:#f0f3ff}
.service-audience-compliance{background:#d6f7e6}
.service-audience-readiness{background:#fff0e9}
.service-industries{height:1010px;padding:80px max(24px,calc((100vw - 1280px)/2)) 120px;background:#fff;text-align:center}
.service-industries-heading{height:222px}
.service-industries h2{font-size:56px;line-height:1.125;letter-spacing:-2.5px;font-weight:800;margin:24px 0 22px}
.service-industries-heading p{font-size:16px;line-height:20px;color:#54595b;margin:0}
.service-industry-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:60px;text-align:left}
.service-industry-card{height:416px;position:relative;overflow:hidden;border-radius:24px;padding:24px;background:#f1f4ff}
.service-industry-card h3{font-size:28px;line-height:32px;letter-spacing:-.7px;margin:0 0 12px}
.service-industry-card p{font-size:14px;line-height:22px;color:#444b4d;margin:0}
.service-industry-ecommerce{display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#78b3df 0%,#6e58f5 80%);color:#fff}
.service-industry-ecommerce p{color:#fff;margin-bottom:24px}
.service-industry-ecommerce a{height:52px;min-width:161px;display:inline-flex;align-items:center;justify-content:center;padding:0 24px;border-radius:30px;background:#fff;color:#526df1;font-size:16px;font-weight:600}
.service-industry-photo img{position:absolute;left:0;bottom:0;width:100%;height:276px;object-fit:cover;object-position:center bottom}
.service-industries-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;height:52px;padding:0 30px;margin-top:60px;border-radius:12px;background:linear-gradient(120deg,#76abe7,#6555f2);color:#fff;font-size:14px;font-weight:700}
.service-industries-cta span:last-child{font-size:24px;font-weight:400;line-height:1}
.service-industries-cta-mobile{display:none}
.service-faq{height:1009px;padding:80px 24px 100px;background:#fff}
.service-faq-inner{max-width:1026px;margin:auto}
.service-faq-heading{height:222px;text-align:center}
.service-faq h2{font-size:56px;line-height:1.125;letter-spacing:-2.5px;font-weight:800;margin:24px 0 22px}
.service-faq-heading p{font-size:16px;line-height:20px;color:#54595b;margin:0}
.service-faq-subtitle-mobile{display:none}
.service-faq-content{height:418px;display:grid;grid-template-columns:360px minmax(0,1fr);gap:48px;margin-top:60px}
.service-faq-photo{width:100%;height:418px;object-fit:cover;border-radius:20px}
.service-faq-list{display:flex;flex-direction:column;gap:16px}
.service-faq-list details{border:1px solid #c9c9cd;border-radius:20px;background:#fff;overflow:hidden}
.service-faq-list details[open]{min-height:166px}
.service-faq-list summary{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 20px;list-style:none;cursor:pointer;font-size:18px;line-height:22px;font-weight:700}
.service-faq-list summary::-webkit-details-marker{display:none}
.service-faq-list summary span{width:36px;height:36px;display:grid;place-items:center;flex:none;border:1px solid #c9c9cd;border-radius:50%}
.service-faq-list summary span::before{content:'⌄';font-size:20px;font-weight:400;line-height:1;transform:translateY(-3px)}
.service-faq-list details[open] summary span::before{transform:rotate(180deg) translateY(2px)}
.service-faq-list details p{font-size:16px;line-height:20px;letter-spacing:-.35px;color:#54595b;margin:-16px 20px 16px}
.service-faq-contact{height:105px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px;padding:0 24px;border-radius:20px;background:#f2f3f5}
.service-faq-contact h3{font-size:32px;line-height:35px;letter-spacing:-1px;margin:0 0 2px}
.service-faq-contact p{font-size:14px;line-height:18px;color:#54595b;margin:0}
.service-faq-contact a{height:52px;min-width:168px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;border-radius:10px;background:linear-gradient(120deg,#72a7e7,#6955f4);color:#fff;font-size:14px;font-weight:600}
.service-faq-contact a span{font-size:22px;font-weight:400}
.service-audit{height:889px;padding:80px max(24px,calc((100vw - 1280px)/2)) 160px;background:#fff}
.service-audit-inner{height:649px;display:grid;grid-template-columns:560px 640px;gap:80px}
.service-audit-intro{display:flex;flex-direction:column;justify-content:space-between}
.service-audit-kicker{height:32px;display:inline-flex;align-items:center;padding:0 16px;border:1px solid #00ae70;border-radius:20px;color:#00a36d;font-size:16px}
.service-audit h2{font-size:48px;line-height:56px;letter-spacing:-1.8px;font-weight:700;margin:16px 0 24px}
.service-audit-copy ul{list-style:none;padding:0;margin:0}
.service-audit-copy li{position:relative;padding-left:32px;margin:0 0 16px;font-size:16px;line-height:20px;color:#4a5053}
.service-audit-copy li::before{content:'✓';position:absolute;left:0;top:-1px;width:22px;height:22px;display:grid;place-items:center;border:1px solid #4a5053;border-radius:50%;font-size:12px;line-height:1}
.service-audit-founder img{display:block;width:256px;height:256px;object-fit:cover;border-radius:18px}
.service-audit-founder h3{font-size:24px;line-height:27px;letter-spacing:-.6px;margin:16px 0 2px}
.service-audit-founder p{font-size:16px;line-height:20px;color:#54595b;margin:0}
.service-audit-form{height:649px;display:flex;flex-direction:column;gap:24px;padding:40px;border-radius:24px;background:#f6f6f7}
.service-audit-field{min-width:0;display:flex;flex-direction:column;gap:8px}
.service-audit-field label,.service-audit-projects legend{font-size:14px;line-height:19px;font-weight:600}
.service-audit-field input,.service-audit-field textarea,.service-audit-phone{width:100%;border:1px solid #c7c7cb;border-radius:12px;background:transparent;color:#222;outline-offset:2px;font:14px Inter,Arial,sans-serif}
.service-audit-field input{height:48px;padding:0 16px}
.service-audit-field input::placeholder,.service-audit-field textarea::placeholder{color:#74787a;opacity:1}
.service-audit-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.service-audit-phone{height:48px;display:flex;align-items:center;gap:8px;padding-left:16px}
.service-audit-phone span{font-size:18px;white-space:nowrap}
.service-audit-phone input{height:46px;border:0;padding:0 8px 0 0;min-width:0}
.service-audit-projects{display:flex;flex-wrap:wrap;gap:8px;border:0;margin:0;padding:0}
.service-audit-projects legend{margin-bottom:8px;padding:0}
.service-audit-projects label{position:relative;cursor:pointer}
.service-audit-projects input{position:absolute;opacity:0;width:1px;height:1px}
.service-audit-projects span{height:48px;display:inline-flex;align-items:center;padding:0 16px;border:1px solid #c7c7cb;border-radius:12px;background:#fff;font-size:14px;line-height:18px;white-space:nowrap}
.service-audit-projects input:checked+span{border-color:#5e70ef;background:#e9edff;color:#2949d6}
.service-audit-projects input:focus-visible+span{outline:2px solid #2949d6;outline-offset:2px}
.service-audit-field textarea{height:113px;resize:vertical;padding:16px}
.service-audit-submit{width:168px;height:52px;display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:none;border:0;border-radius:10px;background:linear-gradient(120deg,#72a7e7,#6955f4);color:#fff;font-size:14px;font-weight:600}
.service-audit-submit span{font-size:22px;font-weight:400}
.service-audit-status{font-size:12px;color:#54595b;margin:0}
.service-footer{height:705px;padding:80px max(24px,calc((100vw - 1280px)/2)) 59px;color:#fff;background:radial-gradient(ellipse 80% 58% at 50% 115%,#4d66d9 0%,#273355 53%,transparent 100%),#050506}
.service-footer-inner{max-width:1280px;margin:auto}
.service-footer-awards{height:122px;display:flex;align-items:center;justify-content:space-between}
.service-footer-awards-heading{width:140px;flex:none}
.service-footer-awards-heading>span{height:36px;display:inline-flex;align-items:center;padding:0 16px;border-radius:9px;background:#ffffff1a;font-size:16px}
.service-footer-awards-heading h2{font-size:24px;line-height:27px;margin:30px 0 0}
.service-footer-badges{width:898px;display:flex;align-items:center;justify-content:space-between}
.service-footer-badges img{width:100px;height:100px;object-fit:contain}
.service-footer-divider{height:1px;background:#ffffff30}
.service-footer-awards+.service-footer-divider{margin-top:39px}
.service-footer-columns{height:325px;display:grid;grid-template-columns:342px repeat(4,194px);justify-content:space-between;gap:20px;padding-top:44px}
.service-footer h3{font-size:20px;line-height:28px;font-weight:600;margin:0 0 20px}
.service-footer-contact-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}
.service-footer-contact-list li{min-height:32px;display:flex;align-items:center;gap:10px;font-size:14px;line-height:18px}
.service-footer-contact-list img{width:32px;height:32px;flex:none}
.service-footer-ai{margin-top:30px}
.service-footer-ai>span{display:block;font-size:14px;line-height:18px;margin-bottom:16px}
.service-footer-ai>div{display:flex;align-items:center;gap:20px;font-size:16px;line-height:20px;white-space:nowrap}
.service-footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.service-footer-col h3{margin-bottom:4px}
.service-footer-col a{font-size:14px;line-height:18px;white-space:nowrap}
.service-footer a:hover{color:#b6c8ff}
.service-footer-bottom{height:77px;display:flex;align-items:end;justify-content:space-between;padding-bottom:0}
.service-footer-bottom>a{display:flex;align-items:center}
.service-footer-bottom>a img{width:179px;height:37px}
.service-footer-bottom p{font-size:16px;line-height:20px;margin:0 0 8px}
.service-footer-social{display:flex;align-items:center;gap:20px;margin-bottom:6px}
.service-footer-social a,.service-footer-social img{display:block;width:24px;height:24px}
@media(min-width:1200px) and (max-width:1399px){.service-audit-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.14fr);gap:clamp(32px,5vw,80px)}.service-audit h2{font-size:clamp(40px,3.6vw,48px)}}
@media(min-width:1200px) and (max-width:1399px){.service-footer-columns{grid-template-columns:minmax(0,1.75fr) repeat(4,minmax(0,1fr));gap:14px}.service-footer-contact-list li{font-size:12px}}
@media(min-width:1200px) and (max-width:1279px){.service-audit{height:auto;min-height:889px}.service-audit-inner{height:auto}.service-audit-form{height:auto;min-height:649px}}
@media(max-width:1300px){.service-header-inner{padding:0 32px}.service-nav{gap:22px}}
@media(max-width:991px){.service-nav{gap:12px;font-size:14px}.service-header-cta{min-width:0}.service-hero h1{font-size:clamp(38px,5vw,60px)}}
@media(max-width:991px){.service-announcement,.service-nav,.service-header-cta{display:none}.service-header{height:55px}.service-header-inner{padding:0 16px}.service-logo img{width:116px;height:auto}.service-menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;padding:3px;border:0;background:transparent}.service-menu-toggle span{width:24px;height:2px;background:#151b18;border-radius:2px}.service-mobile-nav:not([hidden]){display:flex;flex-direction:column;position:absolute;top:55px;left:0;right:0;background:#fff;padding:15px 24px 25px;box-shadow:0 12px 24px #14302920}.service-mobile-nav a{padding:10px 0}}
@media(min-width:768px) and (max-width:991px){.service-achievements-list{gap:10px}.service-achievements-list img{width:calc((100% - 70px)/8);min-width:0;height:70px}}
@media(min-width:768px) and (max-width:1199px){.service-warning{min-height:0;padding:90px 32px}.service-warning h2{font-size:48px}.service-warning-grid{gap:16px}.service-warning-card{padding:24px 18px}.service-warning-card h3{font-size:19px;line-height:25px}.service-warning-card p{font-size:14px}}
@media(min-width:768px) and (max-width:1199px){.service-partners-list{margin-left:32px;margin-right:32px}.service-partners-list img{width:calc((100% - 80px)/6);height:auto}}
@media(min-width:768px) and (max-width:1199px){.service-fixes{height:auto;padding:70px 32px 110px}.service-fixes h2{font-size:48px}.service-fixes-grid{grid-template-columns:37fr 31fr 31fr}.service-fix-copy h3{font-size:clamp(16px,2vw,24px);line-height:1.25}.service-fix-copy p{font-size:clamp(11px,1.2vw,14px);line-height:1.4}.service-fix-bank .service-fix-copy{width:43%}.service-fixes-banner strong{font-size:32px}.service-fixes-banner b{font-size:16px}.service-fixes-banner p{font-size:12px}.service-fixes-banner a{font-size:11px;padding:13px 15px}}
@media(min-width:768px) and (max-width:1199px){.service-how{height:auto;padding:70px 32px 100px}.service-how h2{font-size:48px}.service-how-layout{max-width:900px;grid-template-columns:minmax(0,1fr) 4px minmax(0,1fr);column-gap:25px}.service-how-photo{width:100%}.service-how-steps li{grid-template-columns:60px 1fr;gap:14px}.service-how-icon{width:60px;height:60px}.service-how-steps h3{font-size:16px}.service-how-steps p{font-size:12px}}
@media(min-width:768px) and (max-width:1199px){.service-story{height:auto;padding:70px 32px}.service-story-panel{padding:0 40px;grid-template-columns:42% 58%}.service-story-copy h2{font-size:32px;line-height:40px}.service-story-copy p{font-size:15px}.service-story-stats{gap:40px 20px}.service-story-stats strong{font-size:42px}.service-story-stats span{font-size:14px}}
@media(min-width:768px) and (max-width:1199px){.service-security{height:auto;padding:80px 32px}.service-security h2{font-size:48px}.service-security-diagram{transform:scale(.75);transform-origin:top center;margin-bottom:-170px}}
@media(min-width:768px) and (max-width:929px){.service-security-diagram{transform:scale(.67);margin-bottom:-225px}}
@media(min-width:768px) and (max-width:1199px){.service-platforms-list{gap:clamp(20px,4vw,60px)}.service-platforms-list img{max-width:calc((100vw - 200px)/5);height:auto;max-height:60px}}
@media(min-width:768px) and (max-width:1199px){.service-pricing{height:auto;padding:100px 32px}.service-pricing h2{font-size:48px}.service-pricing-carousel{gap:12px}.service-plan-side{width:calc((100vw - 116px)/3)}.service-plan-featured{width:calc((100vw - 116px)/3 + 10px)}.service-plan-body{padding-left:18px;padding-right:18px}.service-plan h3{font-size:20px}.service-plan-for{font-size:13px}.service-plan-price strong{font-size:38px}.service-plan-includes{font-size:12px}.service-plan li{font-size:10px;padding-left:20px}.service-plan a{left:18px;right:18px}}
@media(min-width:768px) and (max-width:1199px){.service-outcome{height:auto;padding:100px 32px}.service-outcome h2{font-size:48px}.service-outcome-side{padding:56px 35px}.service-outcome-after{padding-left:125px}.service-outcome-side h3{font-size:28px}.service-outcome-side h4{font-size:17px}.service-outcome-side li{font-size:12px;padding-left:22px}}
@media(min-width:768px) and (max-width:1199px){.service-featured-list{gap:16px}.service-featured-list img{width:calc((100% - 80px)/6);height:auto}}
@media(min-width:768px) and (max-width:1199px){.service-compare{height:auto;padding:100px 32px}.service-compare h2{font-size:48px}.service-compare-heading p{font-size:13px;white-space:normal}.service-compare-col>div{font-size:14px;padding:0 12px}.service-compare-col>div:first-child{font-size:20px}}
@media(min-width:768px) and (max-width:1199px){.service-testimonials{height:auto;padding:90px 32px}.service-testimonials h2{font-size:48px}.service-testimonials .testimonials-5col-grid{height:auto;grid-template-columns:repeat(3,minmax(0,1fr))}.service-testimonials .testim-col:nth-child(n+4){display:none}.service-testimonials .testim-quote-text{font-size:13px;line-height:18px}.service-testimonials .testim-client-name{font-size:20px}}
@media(min-width:768px) and (max-width:1199px){.service-audience{height:auto;padding:90px 32px}.service-audience h2{font-size:48px}.service-audience-cards{gap:12px}.service-audience-card{padding:18px}.service-audience-card h3{font-size:19px;line-height:24px}.service-audience-card p{font-size:12px;line-height:16px}}
@media(min-width:768px) and (max-width:1199px){.service-industries{height:auto;padding:80px 32px}.service-industries h2{font-size:48px}.service-industry-cards{gap:12px}.service-industry-card{padding:18px}.service-industry-card h3{font-size:24px}.service-industry-card p{font-size:12px;line-height:18px}.service-industry-ecommerce a{height:42px;min-width:140px;font-size:14px}}
@media(min-width:768px) and (max-width:1199px){.service-faq{height:auto;padding:80px 32px}.service-faq h2{font-size:48px}.service-faq-content{height:auto;min-height:418px;grid-template-columns:35% minmax(0,1fr);gap:32px}.service-faq-list summary{font-size:16px}.service-faq-list details p{font-size:14px;line-height:18px}}
@media(min-width:768px) and (max-width:1199px){.service-audit{height:auto;padding:80px 32px 120px}.service-audit-inner{height:auto;grid-template-columns:45% minmax(0,1fr);gap:40px}.service-audit h2{font-size:38px;line-height:44px}.service-audit-form{height:auto;min-height:649px;padding:30px}.service-audit-projects span{height:42px;font-size:12px;padding:0 10px}}
@media(min-width:768px) and (max-width:1199px){.service-footer{height:auto;min-height:705px;padding:70px 32px 60px}.service-footer-badges{width:75%;gap:4px}.service-footer-badges img{width:calc((100% - 28px)/8);height:auto}.service-footer-columns{height:auto;grid-template-columns:2fr repeat(4,1fr);gap:14px;padding:40px 0}.service-footer h3{font-size:16px}.service-footer-col a,.service-footer-contact-list li{font-size:11px;white-space:normal}.service-footer-ai>div{gap:8px;font-size:12px}.service-footer-bottom{height:80px}}
@media(max-width:767px){
 .service-announcement,.service-nav,.service-header-cta{display:none}
 .service-header{height:55px;background:#f1fff9}
 .service-header-inner{padding:0 16px}
 .service-logo img{width:116px;height:auto}
 .service-menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;padding:3px;border:0;background:transparent}
 .service-menu-toggle span{width:24px;height:2px;background:#151b18;border-radius:2px}
 .service-mobile-nav:not([hidden]){display:flex;flex-direction:column;position:absolute;top:55px;left:0;right:0;background:#fff;padding:15px 24px 25px;box-shadow:0 12px 24px #14302920}
 .service-mobile-nav a{padding:10px 0}
 .service-hero{height:427px}
 .service-hero-grid{width:723px;height:266px;top:160px;background-size:723px 266px;opacity:.14}
 .service-hero-content{padding:17px 16px 0}
 .service-hero-chip{height:24px;padding:0 7px 0 3px;gap:4px;font-size:9px;line-height:12px}
 .service-chip-icon{width:17px;height:17px}
 .service-chip-icon img{width:14px;height:14px}
 .service-hero h1{font-size:28px;line-height:1.3;letter-spacing:-1.2px;margin:10px -6px 14px}
 .service-hero p{font-size:12px;line-height:18px;max-width:325px}
 .service-hero-cta{height:33px;margin-top:12px;padding:3px 3px 3px 9px;border-radius:6px;gap:8px;font-size:10px}
 .service-cta-arrow{width:20px;height:20px;border-radius:4px}
 .service-button-icon{width:16px;height:16px}
 .service-hero-stats{margin-top:18px}
 .service-hero-stats>div{min-width:0;width:33.333%;gap:5px}
 .service-hero-stats>div+div::before{top:5px;height:24px}
 .service-hero-stats strong{font-size:15px;line-height:20px}
 .service-hero-stats span{font-size:9px;line-height:12px}
 .service-achievements{height:104px;padding:20px 14px 0}
 .service-achievements h2{font-size:12px;line-height:16px}
 .service-achievements-list{margin-top:16px;gap:5px}
 .service-achievements-list img{width:calc((100vw - 68px)/8);max-width:31px;height:30px}
 .service-warning{min-height:628px;padding:40px 16px 0}
 .service-section-chip{height:30px;padding:0 16px;border-radius:8px;font-size:10px}
 .service-warning h2{font-size:24px;line-height:27px;letter-spacing:-.8px;margin:16px auto 8px}
 .service-warning-heading p{font-size:9px;line-height:16px;white-space:nowrap}
 .service-warning-grid{margin-top:32px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .service-warning-card{height:104px;border-radius:7px;padding:12px 8px 10px}
 .service-warning-card-top img{width:16px;height:16px}
 .service-warning-card-top span{width:9px;height:9px;border-width:1px}
 .service-warning-card[aria-checked="true"] .service-warning-card-top span::after{font-size:7px}
 .service-warning-card h3{font-size:10px;line-height:12px;letter-spacing:-.2px;margin:0 0 8px}
 .service-warning-card p{font-size:8px;line-height:10px;padding-top:6px}
 .service-warning-cta{width:152px;height:32px;margin-top:32px;border-radius:7px;background:#bdbdbd;font-size:10px}
 .service-warning-cta:not([aria-disabled="true"]){width:152px;background:linear-gradient(120deg,#5c7cf8,#6c52ef)}
 .service-warning-cta span{font-size:18px}
 .service-partners{height:96px;padding-top:16px}
 .service-partners h2{font-size:12px;line-height:16px}
 .service-partners-list{width:100%;margin-top:16px}
 .service-partners-list img{width:76px;height:24px}
 .service-partners-list img:nth-child(4),.service-partners-list img:nth-child(5){display:none}
 .service-partners-list::before,.service-partners-list::after{height:24px;width:30px}
 .service-fixes{height:1950px;padding:40px 16px}
 .service-fixes-heading{height:140px}
 .service-fixes h2{font-size:24px;line-height:27px;letter-spacing:-.8px;margin:16px 0 8px}
 .service-fixes-heading p{font-size:12px;line-height:16px}
 .service-fixes-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:397px 156px 278px 278px 156px 278px 107px;gap:8px;max-width:400px;margin:32px auto 0}
 .service-fix-card{grid-column:1;border-radius:10px}
 .service-fix-copy h3{font-size:16px;line-height:23px;letter-spacing:-.4px;margin-bottom:8px}
 .service-fix-copy p{font-size:10px;line-height:16px}
 .service-fix-duplicate{grid-row:1}
 .service-fix-duplicate picture{left:8px;top:8px;width:calc(100% - 16px)}
 .service-fix-duplicate .service-fix-copy{left:12px;right:12px;bottom:12px}
 .service-fix-bank{grid-row:2}
 .service-fix-bank picture{left:54%;top:30px;width:65%}
 .service-fix-bank .service-fix-copy{left:12px;bottom:12px;width:52%}
 .service-fix-recon{grid-row:3}
 .service-fix-recon picture{left:8px;top:0;width:calc(100% - 16px)}
 .service-fix-recon .service-fix-copy{left:12px;right:12px;bottom:12px}
 .service-fix-missing{grid-row:4}
 .service-fix-missing picture{left:8px;top:100px;width:calc(100% - 16px)}
 .service-fix-missing .service-fix-copy{left:12px;right:12px;top:12px}
 .service-fix-categories{grid-row:5}
 .service-fix-categories picture{left:54%;top:34px;width:65%}
 .service-fix-categories .service-fix-copy{left:12px;bottom:12px;width:52%}
 .service-fix-history{grid-row:6}
 .service-fix-history picture{left:8px;top:100px;width:calc(100% - 16px)}
 .service-fix-history .service-fix-copy{left:12px;right:12px;top:12px}
 .service-fixes-banner{grid-column:1;grid-row:7;display:grid;grid-template-columns:90px minmax(0,1fr);grid-template-rows:42px 32px;gap:8px;border-radius:10px;padding:12px 16px 8px}
 .service-fixes-banner strong{font-size:25px;letter-spacing:-1px}
 .service-fixes-banner>div{border-left:1px solid #ffffff6e;padding-left:8px}
 .service-fixes-banner b{font-size:11px;line-height:12px}
 .service-fixes-banner p{font-size:7px;line-height:10px;margin:2px 0 0}
 .service-fixes-banner a{grid-column:1/3;text-align:center;border-radius:18px;padding:9px 10px;font-size:10px;line-height:14px}
 .service-how{height:912px;padding:40px 16px}
 .service-how-heading{height:156px}
 .service-how h2{font-size:24px;line-height:27px;letter-spacing:-.8px;margin:16px 0 8px}
 .service-how-heading p{font-size:12px;line-height:16px}
 .service-how-layout{height:580px;max-width:400px;margin:32px auto 0;display:grid;grid-template-columns:1px minmax(0,1fr);grid-template-rows:372px 192px;column-gap:12px;row-gap:16px}
 .service-how-photo{grid-column:1/3;grid-row:1;width:100%;height:372px;border-radius:8px}
 .service-how-rail{grid-column:1;grid-row:2;height:192px;padding-top:0;grid-template-rows:repeat(4,36px);gap:16px}
 .service-how-rail span{width:1px}
 .service-how-steps{grid-column:2;grid-row:2;padding:0;grid-template-rows:repeat(4,36px);gap:16px}
 .service-how-steps li{grid-template-columns:36px 1fr;gap:8px}
 .service-how-icon{width:36px;height:36px;border-radius:5px}
 .service-how-icon img{width:18px;height:18px}
 .service-how-steps h3{font-size:12px;line-height:12px;margin:0 0 4px}
 .service-how-steps p{font-size:8px;line-height:10px}
 .service-how-cta{width:152px;height:32px;margin-top:32px;border-radius:7px;font-size:10px}
 .service-how-cta span{font-size:18px}
 .service-story{height:144px;padding:24px 16px}
 .service-story-panel{height:96px;border-radius:10px;grid-template-columns:52% 48%;padding:0 8px}
 .service-story-copy h2{font-size:12px;line-height:13px;letter-spacing:-.2px;margin-bottom:10px}
 .service-story-copy p{font-size:8px;line-height:11px}
 .service-story-stats{grid-template-rows:repeat(2,26px);column-gap:0;row-gap:12px}
 .service-story-stats strong{font-size:16px;line-height:18px;letter-spacing:-.3px}
 .service-story-stats span{font-size:6px;line-height:8px}
 .service-security{height:440px;padding:40px 16px}
 .service-security-heading{height:140px}
 .service-security h2{font-size:24px;line-height:27px;letter-spacing:-.8px;margin:16px 0 8px}
 .service-security-heading p{font-size:12px;line-height:16px}
 .service-security-diagram{width:328px;max-width:100%;height:188px;margin:32px auto 0}
 .service-security-art{left:49px;top:50px;width:231px;height:154px}
 .service-security-card{width:84px;height:50px;padding:7px 5px;border-radius:6px}
 .service-security-card h3{font-size:7px;line-height:7px;letter-spacing:0;margin:0 0 4px}
 .service-security-card p{font-size:6px;line-height:7px}
 .service-security-read{left:122px;top:0}
 .service-security-encrypted{left:6px;top:75px}
 .service-security-confidential{left:238px;right:auto;top:75px}
 .service-security-line::before,.service-security-line::after{width:2px;height:2px}
 .service-security-line-top{left:164px;top:55px;width:1px;height:19px}
 .service-security-line-left{left:98px;top:98px;width:32px;height:1px}
 .service-security-line-right{left:198px;top:98px;width:32px;height:1px}
 .service-platforms{height:92px;padding:20px 16px}
 .service-platforms h2{font-size:12px;line-height:16px}
 .service-platforms-list{gap:20px;margin-top:16px}
 .service-platforms-list img{height:20px}
 .service-pricing{height:684px;padding:40px 0}
 .service-pricing-heading{height:140px;padding:0 16px}
 .service-pricing h2{font-size:24px;line-height:27px;letter-spacing:-.8px;margin:16px 0 8px}
 .service-pricing-heading p{font-size:12px;line-height:16px}
 .service-pricing-carousel{height:432px;gap:8px;justify-content:flex-start;margin-top:32px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
 .service-pricing-carousel::-webkit-scrollbar{display:none}
 .service-plan{scroll-snap-align:center}
 .service-plan-side{width:260px;height:389px;border-radius:16px}
 .service-plan-featured{width:270px;height:432px;border-width:7px;border-radius:20px}
 .service-plan-popular{height:38px;border-radius:20px 20px 0 0;font-size:12px;padding-top:10px}
 .service-plan-body{padding:22px 17px 20px}
 .service-plan-featured .service-plan-body{height:calc(100% - 31px);margin-top:31px;padding:20px 16px}
 .service-plan-icon{width:24px;height:24px}
 .service-plan h3{font-size:16px;line-height:19px;letter-spacing:-.3px;margin:24px 0 2px}
 .service-plan-for{font-size:12px;line-height:16px}
 .service-plan-price{margin:12px 0 1px}
 .service-plan-price strong{font-size:32px;line-height:32px}
 .service-plan-price span{font-size:14px}
 .service-plan-capacity{font-size:10px;line-height:16px}
 .service-plan-includes{font-size:10px;line-height:16px;margin:18px 0 12px}
 .service-plan li{font-size:10px;line-height:12px;padding-left:28px;margin-bottom:8px}
 .service-plan li::before{font-size:14px;line-height:12px}
 .service-plan a{left:54px;right:54px;bottom:21px;height:32px;border-radius:8px;font-size:10px}
 .service-plan-featured a{left:52px;right:52px;bottom:20px}
 .service-plan-desktop-name{display:none}
 .service-plan-mobile-name{display:inline}
 .service-outcome{height:394px;padding:40px 16px}
 .service-outcome-heading{height:156px}
 .service-outcome h2{font-size:24px;line-height:27px;letter-spacing:-.8px;margin:16px 0 8px}
 .service-outcome-heading p{font-size:12px;line-height:16px}
 .service-outcome-panel{height:126px;grid-template-columns:1fr 1fr;margin-top:32px;border-radius:10px}
 .service-outcome-art{--comparison-art:url('../assets/service_outcome_mobile.svg');--comparison-inner:22px;--comparison-outer:34px;top:0;width:79px;height:126px}
 .service-outcome-side{padding:16px 8px 10px}
 .service-outcome-after{padding-left:43px}
 .service-outcome-side h3{font-size:10px;line-height:11px;letter-spacing:0;margin-bottom:8px}
 .service-outcome-side h4{font-size:7px;line-height:9px;margin-bottom:8px;white-space:nowrap}
 .service-outcome-side li{font-size:6px;line-height:8px;padding-left:14px;margin-bottom:8px}
 .service-outcome-side li::before{width:6px;height:6px;font-size:5px;top:1px}
 .service-outcome-before li::before{padding-top:1px}
 .service-featured{height:92px;padding:20px 0 0}
 .service-featured h2{font-size:12px;line-height:16px}
 .service-featured-list{position:relative;left:50%;width:444px;max-width:none;transform:translateX(-50%);gap:12px;justify-content:flex-start;margin-top:16px}
 .service-featured-list img{width:64px;height:20px;flex:none}
 .service-compare{height:660px;padding:40px 16px}
 .service-compare-heading{height:140px}
 .service-compare h2{font-size:24px;line-height:27px;letter-spacing:-.8px;margin:16px 0 8px}
 .service-compare-heading p{font-size:12px;line-height:16px;white-space:normal}
 .service-compare-desktop{display:none}
 .service-compare-mobile{display:inline}
 .service-compare-viewport{height:386px;margin-top:32px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
 .service-compare-viewport::-webkit-scrollbar{display:none}
 .service-compare-table{width:392px;height:386px;grid-template-columns:160px 110px 110px;gap:6px}
 .service-compare-col{grid-template-rows:50px repeat(7,48px);border-radius:12px}
 .service-compare-col>div{font-size:9px;line-height:12px;padding:0 8px}
 .service-compare-col>div:first-child{font-size:12px;font-weight:600}
 .service-compare-labels>div{font-weight:500}
 .service-compare-check,.service-compare-cross{width:16px;height:16px;font-size:10px;border-width:1px}
 .service-compare-mobile.service-compare-check,.service-compare-mobile.service-compare-cross{display:inline-grid}
 .service-compare-scrollbar{height:10px;display:block;background:#fff;border-radius:8px;margin-top:12px;position:relative}
 .service-compare-scrollbar span{position:absolute;left:0;top:0;width:67%;height:10px;background:#b8b8b8;border-radius:8px}
 .service-compare-cta{display:none}
 .service-testimonials{height:760px;padding:40px 16px}
 .service-testimonials-heading{height:156px}
 .service-testimonials h2{font-size:24px;line-height:27px;letter-spacing:-.8px;margin:16px 0 8px}
 .service-testimonials-heading p{font-size:12px;line-height:16px}
 .service-testimonials-desktop{display:none}
 .service-testimonials-mobile{display:block}
 .service-testimonials .testimonials-5col-grid{height:492px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:32px}
 .service-testimonials .testim-col{gap:8px}
 .service-testimonials .testim-col:nth-child(n+3){display:none}
 .service-testimonials .testim-card{border-radius:8px}
 .service-testimonials .card-quote{height:234px;padding:12px}
 .service-testimonials .testim-col:nth-child(even) .card-quote:last-child{height:234px}
 .service-testimonials .testim-user-avatar{width:32px;height:32px}
 .service-testimonials .testim-quote-text{font-size:10px;line-height:14px;letter-spacing:-.2px;margin-top:16px}
 .service-testimonials .testim-client-name{font-size:16px;line-height:18px;letter-spacing:-.5px;margin-bottom:4px}
 .service-testimonials .testim-stars{gap:1px}
 .service-testimonials .testim-stars img{width:12px;height:12px}
 .service-testimonials .card-video{height:250px;padding:4px}
 .service-testimonials .testim-col:nth-child(even) .card-video:first-child{height:250px}
 .service-testimonials .testim-video-thumb{height:184px;border-radius:5px}
 .service-testimonials .testim-play-btn{width:40px;height:40px}
 .service-testimonials .testim-play-btn img{width:24px;height:24px}
 .service-testimonials .testim-video-info{padding:10px 8px 8px}
 .service-audience{height:408px;padding:40px 0;background:#fff}
 .service-audience-heading{height:156px;padding:0 16px}
 .service-audience h2{font-size:24px;line-height:27px;letter-spacing:-.8px;margin:16px 0 8px}
 .service-audience-heading p{font-size:12px;line-height:16px}
 .service-audience-scroll{margin-top:32px;padding:0 16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:16px;scrollbar-width:none}
 .service-audience-scroll::-webkit-scrollbar{display:none}
 .service-audience-cards{width:max-content;display:flex;gap:8px}
 .service-audience-card{width:165px;height:140px;flex:none;border-radius:10px;padding:12px;scroll-snap-align:start}
 .service-audience-card img{width:24px;height:24px}
 .service-audience-card h3{font-size:16px;line-height:16px;letter-spacing:-.5px;margin:0 0 10px}
 .service-audience-card p{font-size:8px;line-height:12px}
 .service-industries{height:1228px;padding:40px 16px;background:#fff}
 .service-industries-heading{height:140px}
 .service-industries h2{font-size:24px;line-height:27px;letter-spacing:-.8px;margin:16px 0 8px}
 .service-industries-heading p{font-size:12px;line-height:16px}
 .service-industry-cards{display:flex;flex-direction:column;gap:8px;margin-top:32px}
 .service-industry-card{height:296px;flex:none;border-radius:10px;padding:12px}
 .service-industry-card h3{font-size:20px;line-height:26px;letter-spacing:-.5px;margin:0 0 8px}
 .service-industry-card p{font-size:12px;line-height:19px}
 .service-industry-ecommerce p{margin-bottom:20px}
 .service-industry-ecommerce a{height:32px;min-width:83px;padding:0 12px;font-size:10px}
 .service-industry-photo img{height:188px;object-fit:cover}
 .service-industries-cta{height:32px;margin-top:32px;padding:0 24px;gap:8px;border-radius:7px;font-size:10px}
 .service-industries-cta span:last-child{font-size:18px}
 .service-industries-cta-desktop{display:none}
 .service-industries-cta-mobile{display:inline}
 .service-faq{height:1032px;padding:40px 16px}
 .service-faq-heading{height:156px}
 .service-faq h2{font-size:24px;line-height:27px;letter-spacing:-.8px;margin:16px 0 8px}
 .service-faq-heading p{font-size:12px;line-height:16px}
 .service-faq-subtitle-desktop{display:none}
 .service-faq-subtitle-mobile{display:block}
 .service-faq-content{height:630px;display:flex;flex-direction:column;gap:12px;margin-top:32px}
 .service-faq-photo{height:380px;flex:none;border-radius:8px}
 .service-faq-list{gap:8px}
 .service-faq-list details{border-radius:6px}
 .service-faq-list details[open]{min-height:118px}
 .service-faq-list summary{min-height:32px;padding:0 8px;font-size:10px;line-height:14px}
 .service-faq-list summary span{width:16px;height:16px}
 .service-faq-list summary span::before{font-size:12px;transform:translateY(-2px)}
 .service-faq-list details[open] summary span::before{transform:rotate(180deg) translateY(1px)}
 .service-faq-list details p{font-size:10px;line-height:12px;margin:-2px 8px 8px}
 .service-faq-contact{height:126px;display:flex;flex-direction:column;justify-content:center;gap:12px;margin-top:8px;padding:8px;border-radius:10px;text-align:center}
 .service-faq-contact h3{font-size:20px;line-height:22px;letter-spacing:-.5px;margin:0 0 4px}
 .service-faq-contact p{font-size:12px;line-height:16px;max-width:270px;margin:auto}
 .service-faq-contact a{width:100%;min-width:0;height:32px;gap:8px;border-radius:7px;font-size:10px}
 .service-faq-contact a span{font-size:18px}
 .service-audit{height:1031px;padding:40px 16px;background:#fff}
 .service-audit-inner{height:951px;display:flex;flex-direction:column;gap:20px}
 .service-audit-intro{height:380px;flex:none}
 .service-audit-kicker{height:20px;padding:0 8px;font-size:8px}
 .service-audit h2{font-size:24px;line-height:28px;letter-spacing:-.8px;margin:12px 0 16px}
 .service-audit-copy li{padding-left:20px;margin-bottom:10px;font-size:8px;line-height:12px}
 .service-audit-copy li::before{width:14px;height:14px;top:-1px;font-size:8px}
 .service-audit-founder img{width:158px;height:158px;border-radius:10px}
 .service-audit-founder h3{font-size:16px;line-height:18px;margin:8px 0 2px}
 .service-audit-founder p{font-size:12px;line-height:14px}
 .service-audit-form{width:100%;height:551px;flex:none;gap:16px;padding:16px;border-radius:10px}
 .service-audit-field{gap:4px}
 .service-audit-field label,.service-audit-projects legend{font-size:12px;line-height:19px}
 .service-audit-field input,.service-audit-field textarea,.service-audit-phone{border-radius:8px;font-size:12px}
 .service-audit-field input{height:36px;padding:0 10px}
 .service-audit-pair{display:flex;flex-direction:column;gap:16px}
 .service-audit-phone{height:36px;padding-left:10px}
 .service-audit-phone span{font-size:14px}
 .service-audit-phone input{height:34px;padding:0 8px 0 0}
 .service-audit-projects{gap:4px 8px}
 .service-audit-projects legend{margin-bottom:4px}
 .service-audit-projects span{height:32px;padding:0 8px;border-radius:8px;font-size:12px;line-height:16px}
 .service-audit-projects label:nth-of-type(3){order:3}
 .service-audit-field textarea{height:80px;padding:10px}
 .service-audit-submit{width:136px;height:32px;border-radius:7px;font-size:10px}
 .service-audit-submit span{font-size:18px}
 .service-audit-status{font-size:10px}
 .service-footer{height:1039px;padding:40px 16px;background:radial-gradient(ellipse 80% 25% at 50% 103%,#4d66d9 0%,#253253 57%,transparent 100%),#050506}
 .service-footer-awards{height:112px;display:flex;flex-direction:column;justify-content:flex-start;gap:24px}
 .service-footer-awards-heading{width:100%;text-align:center}
 .service-footer-awards-heading>span{height:30px;padding:0 16px;border-radius:7px;font-size:10px}
 .service-footer-awards-heading h2{font-size:16px;line-height:18px;margin:8px 0 0}
 .service-footer-desktop-break{display:none}
 .service-footer-badges{width:100%;justify-content:space-between}
 .service-footer-badges img{width:32px;height:32px}
 .service-footer-awards+.service-footer-divider{margin-top:20px}
 .service-footer-columns{height:694px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:206px 184px 200px;column-gap:40px;row-gap:32px;padding-top:24px}
 .service-footer-contact{grid-column:1/3}
 .service-footer h3{font-size:16px;line-height:20px;margin:0 0 12px}
 .service-footer-contact-list{gap:8px}
 .service-footer-contact-list li{min-height:24px;gap:10px;font-size:12px;line-height:16px}
 .service-footer-contact-list img{width:24px;height:24px}
 .service-footer-ai{margin-top:28px}
 .service-footer-ai>span{font-size:12px;line-height:18px;margin-bottom:16px}
 .service-footer-ai>div{gap:20px;font-size:16px}
 .service-footer-col{gap:8px}
 .service-footer-col h3{margin-bottom:4px}
 .service-footer-col a{font-size:12px;line-height:16px;white-space:normal}
 .service-footer-bottom{height:153px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:16px;padding-top:20px}
 .service-footer-bottom>a img{width:179px;height:37px}
 .service-footer-bottom p{font-size:16px;line-height:20px;margin:0}
 .service-footer-social{gap:16px;margin:0}
}
@media(max-width:767px){
 .service-diagnosis-modal{padding:16px}
 .service-diagnosis-dialog{width:328px;min-height:200.56px;padding:32px 20px 20px;display:flex;flex-direction:column;align-items:center;gap:24px;border-radius:16px}
 .service-diagnosis-copy{width:288px;display:flex;flex-direction:column;align-items:center;gap:6.56px}
 .service-diagnosis-dialog h2{width:260px;margin:0 auto;font-size:20px;line-height:1.12;letter-spacing:0}
 .service-diagnosis-dialog p{width:274.43px;margin:0 auto;font-size:10px;line-height:14px}
 .service-diagnosis-close{right:12px;top:12px;width:16px;height:16px;font-size:18px}
 .service-diagnosis-actions{width:288px;display:flex;flex-direction:row;align-items:center;gap:8.75px;margin:0}
 .service-diagnosis-actions button,.service-diagnosis-actions a{height:32px;border-radius:6.56px;font-size:10px}
 .service-diagnosis-actions button{width:115px}
 .service-diagnosis-actions a{width:164.25px;border-radius:8px}
 .has-marquee .service-achievements-list{gap:22px}
 .has-marquee .service-partners-list,.has-marquee .service-featured-list{gap:20px}
 .has-marquee .service-achievements-list,.has-marquee .service-partners-list,.has-marquee .service-featured-list{margin-left:16px}
 .has-marquee .service-partners-list img{display:block}
}
@media(prefers-reduced-motion:reduce){
 .has-marquee .service-achievements-list,.has-marquee .service-partners-list,.has-marquee .service-featured-list,.service-security-line{animation:none!important}
 .service-warning-card,.service-outcome-art{transition:none!important;will-change:auto}
 .comparison-spin-art::before{animation:none!important;will-change:auto}
}
@media(max-width:359px){.service-security-diagram{max-width:none;transform:scale(.878);transform-origin:top left}.service-faq{height:auto;min-height:1032px}.service-faq-content{height:auto}.service-faq-contact{margin-top:16px}.service-audit{height:auto;min-height:1031px}.service-audit-inner{height:auto}.service-audit-form{height:auto;min-height:551px}}

/* =============================================================================
   QuickBooks Free Review Diagram (.qb-review)
   ============================================================================= */
.qb-review{height:auto;min-height:920px;padding:80px 24px 80px;background:#fff;text-align:center;overflow:hidden}
.qb-review *{outline:none!important;-webkit-tap-highlight-color:transparent!important}
.qb-review :focus,.qb-review :focus-visible{outline:none!important}
.qb-review h2{margin:24px auto 22px;font-size:56px;line-height:63px;letter-spacing:-2px;font-weight:800}
.qb-review-intro{max-width:950px;margin:0 auto;font-size:16px;line-height:20px;color:#54595b}
.qb-review-diagram{position:relative;width:min(1280px,100%);height:559px;margin:60px auto 0;overflow:hidden}
.qb-review-diagram :focus,.qb-review-diagram :focus-visible{outline:none!important}
.qb-review-card{position:absolute;width:380px;height:168px;padding:32px 24px;border:1px solid transparent;border-radius:24px;background:#eff2ff;text-align:left;cursor:pointer;outline:none!important;-webkit-tap-highlight-color:transparent!important;transition:background-color .5s ease,border-color .5s ease,color .5s ease,box-shadow .5s ease}
.qb-review-card:focus,.qb-review-card:focus-visible{outline:none!important}
.qb-review-card h3{font-size:24px;line-height:32px;font-weight:600;margin:0 0 16px;transition:color .5s ease}
.qb-review-card p{padding-top:16px;border-top:1px solid #bdc9ff;font-size:16px;line-height:20px;color:#818181;margin:0;transition:color .5s ease,border-color .5s ease}
.qb-review-card.is-active{background:#5b78fe;border-color:#5b78fe;color:#fafafa;box-shadow:0 18px 45px rgba(91,120,254,.16)!important}
.qb-review-card.is-active p{color:#eee;border-color:rgba(255,255,255,.24)}
.qb-review-top{left:50%;top:9px;transform:translateX(-50%)}
.qb-review-left{left:0;top:271px}
.qb-review-right{right:0;top:271px}
.qb-review-center{position:absolute;left:50%;top:302px;width:300px;height:300px;transform:translateX(-50%);outline:none!important}
.qb-review-arc{position:absolute;inset:0;width:300px;height:300px;display:block;transform:none!important;border:none!important;outline:none!important;user-select:none;-webkit-user-select:none}
.qb-review-arc:focus,.qb-review-arc:focus-visible{outline:none!important}
.qb-arc-segment{cursor:pointer;outline:none!important;border:none!important}
.qb-arc-segment:focus,.qb-arc-segment:focus-visible{outline:none!important}
.qb-arc-path{fill:#bdc9ff;stroke:#eff2ff;stroke-width:100;outline:none!important;border:none!important;transition:fill .4s ease,stroke .4s ease,filter .4s ease}
.qb-arc-path:focus,.qb-arc-path:focus-visible{outline:none!important}
.qb-arc-segment.is-active .qb-arc-path{fill:#5b78fe;stroke:#5b78fe;filter:drop-shadow(0 0 10px rgba(91,120,254,.45))}
.qb-review-center span{position:absolute;left:90.336px;top:90.918px;width:118.222px;height:118.222px;display:grid;place-items:center;border-radius:50%;background:#5b6ff2;box-shadow:0 0 29px rgba(32,41,240,.35)}
.qb-review-center span img{width:40.111px;height:39.056px;object-fit:contain}
.qb-review-connector{position:absolute;z-index:2;display:block;color:#2029f0;outline:none!important}
.qb-review-connector:focus,.qb-review-connector:focus-visible{outline:none!important}
.qb-review-connector svg{display:block;width:100%;height:100%;overflow:visible;outline:none!important}
.qb-review-connector svg:focus{outline:none!important}
.qb-review-connector-base{fill:none;stroke:#bdc9ff;stroke-width:1}
.qb-review-connector-flow{--line-offset:184;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24 160;stroke-dashoffset:var(--line-offset);opacity:.35;filter:drop-shadow(0 0 6px rgba(89,82,255,.7));animation:qb-line-energy 3s cubic-bezier(.4,0,.2,1) infinite}
.qb-review-connector circle{fill:#2029f0;transition:fill .5s ease,filter .5s ease}
.qb-review-connector.is-active circle{fill:#5b78fe;filter:drop-shadow(0 0 5px rgba(32,41,240,.55))}
.qb-review-connector-left .qb-review-connector-flow{animation-delay:.7s}
.qb-review-connector-right .qb-review-connector-flow{animation-delay:1.4s}
.qb-review-connector-left{left:calc(50% - 231px);top:335px;width:82px;height:32.635px;transform:scaleX(-1)}
.qb-review-connector-top{left:calc(50% - 29.5px);top:249.5px;width:59.001px;height:8px;transform:rotate(90deg)}
.qb-review-connector-right{left:calc(50% + 158px);top:335px;width:82px;height:32.635px}

@keyframes qb-line-energy{0%{stroke-dashoffset:var(--line-offset);opacity:0}20%,80%{opacity:1}100%{stroke-dashoffset:0;opacity:0}}

@media(min-width:768px) and (max-width:1199px){
  .qb-review{height:auto;min-height:850px;padding:60px 32px 60px}
  .qb-review-diagram{width:960px}
  .qb-review-card{width:285px}
  .qb-review-left{left:0}
  .qb-review-right{right:0}
  .qb-review-center{left:50%;transform:translateX(-50%) scale(.75);transform-origin:top center}
  .qb-review-connector-left{left:calc(50% - 173px)}
  .qb-review-connector-right{left:calc(50% + 172px)}
  .qb-review-connector-top{left:calc(50% - 29.5px)}
}

@media(max-width:767px){
  .qb-review{height:auto;min-height:418px;padding:40px 16px 40px}
  .qb-review>.service-section-chip{height:30px;padding:0 16px;border-radius:8px;font-size:10px}
  .qb-review h2{font-size:24px;line-height:1.12;letter-spacing:0;margin:16px auto 8px;max-width:328px}
  .qb-review-intro{max-width:306px;font-size:12px;line-height:16px}
  .qb-review-diagram{width:328px;max-width:100%;height:150px;margin:32px auto 0}
  .qb-review-card{width:97.375px;height:56.6px;padding:8.2px 6.15px;border-radius:6.15px}
  .qb-review-card h3{font-size:8px;line-height:8px;margin:0 0 4.1px;white-space:nowrap}
  .qb-review-card p{font-size:6px;line-height:8px;padding-top:4.1px;border-top:1px solid #bdc9ff}
  .qb-review-top{top:0;left:50%;transform:translateX(-50%)}
  .qb-review-left{left:0;top:74.443px}
  .qb-review-right{right:0;top:74.443px;height:57.6px}
  .qb-review-center{left:50%;top:82.387px;width:76.875px;height:76.875px;transform:translateX(-50%)}
  .qb-review-arc{width:76.875px;height:76.875px}
  .qb-review-center span{left:23.148px;top:23.297px;width:30.294px;height:30.294px;box-shadow:0 0 8px rgba(32,41,240,.35)}
  .qb-review-center span img{width:10.278px;height:10.008px}
  .qb-review-connector-left{left:calc(50% - 59.188px);top:90.844px;width:21.01px;height:8.198px}
  .qb-review-connector-top{left:calc(50% - 7.584px);top:69.936px;width:15.119px;height:2.05px}
  .qb-review-connector-right{left:calc(50% + 40.482px);top:90.844px;width:21.01px;height:8.198px}
  .qb-review-connector-flow{--line-offset:48}
}

@media(prefers-reduced-motion:reduce){
  .qb-review-card,.qb-arc-path,.qb-review-connector circle{transition:none!important}
  .qb-review-connector-flow{animation:none!important}
}

/* ==========================================================================
   QB DEDICATED BOOKKEEPER SECTION (.qb-dedicated)
   ========================================================================== */
.qb-dedicated{height:auto;min-height:auto;padding:70px 24px 80px;background:#fff;box-sizing:border-box}
.qb-dedicated-heading{text-align:center;max-width:800px;margin:0 auto 36px}
.qb-dedicated-heading .service-section-chip{display:inline-flex;align-items:center;justify-content:center;height:28px;padding:0 14px;border-radius:6px;background:#e8ecff;color:#4353ff;font-size:11px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;line-height:1;margin-bottom:18px}
.qb-dedicated-heading h2{max-width:650px;margin:0 auto 14px;font-size:44px;line-height:1.18;letter-spacing:-1.5px;font-weight:800;color:#0f172a}
.qb-dedicated-heading p{max-width:680px;margin:0 auto;font-size:15px;line-height:22px;color:#59616e}

.qb-dedicated-panel{width:min(1000px,100%);margin:0 auto;padding:36px 36px 36px 44px;border-radius:22px;background:#eef2ff;display:grid;grid-template-columns:minmax(0,1fr) 360px;align-items:center;gap:36px;box-sizing:border-box}

.qb-dedicated-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.qb-dedicated-copy h3{font-size:20px;line-height:28px;font-weight:700;color:#0f172a;margin:0 0 12px;max-width:480px;letter-spacing:-0.3px}
.qb-dedicated-copy p{font-size:13.5px;line-height:21px;color:#59616e;margin:0 0 24px;max-width:470px}

.qb-dedicated-stages,.qb-dedicated-copy ol{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:0;margin:0 0 32px;list-style:none}
.qb-stage-item,.qb-dedicated-copy li.qb-stage-item{display:inline-flex;align-items:center;justify-content:center;padding:7px 14px;border:1px solid #dbe2ea;border-radius:8px;background:#ffffff;font-size:13px;font-weight:500;line-height:16px;color:#1e293b;white-space:nowrap;box-shadow:0 1px 2px rgba(0,0,0,0.03)}
.qb-stage-arrow{display:inline-flex;align-items:center;justify-content:center;color:#6366f1;font-size:14px;line-height:1;user-select:none;padding:0 2px}

.qb-dedicated-btn,.qb-dedicated-copy a{height:44px;min-width:200px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 22px;border-radius:10px;background:linear-gradient(135deg,#5b76f6 0%,#6f4ced 100%);color:#ffffff;font-size:13px;font-weight:600;text-decoration:none;box-shadow:0 4px 14px rgba(91,118,246,0.35);transition:transform 0.2s ease,box-shadow 0.2s ease;box-sizing:border-box}
.qb-dedicated-btn:hover,.qb-dedicated-copy a:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(91,118,246,0.45);color:#ffffff}
.qb-dedicated-copy .service-button-icon{width:16px;height:16px;flex-shrink:0;stroke:#ffffff}

.qb-dedicated-image{position:relative;width:360px;height:380px;border-radius:18px;overflow:hidden;background:#cad7dd;flex-shrink:0;align-self:center;justify-self:end}
.qb-dedicated-image>img{position:absolute;max-width:none}
.qb-dedicated-background{inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}
.qb-dedicated-person{left:50%;bottom:0;width:auto;height:105%;transform:translateX(-50%);object-fit:contain;object-position:center bottom}

@media(max-width:1024px){
  .qb-dedicated-panel{grid-template-columns:1fr;padding:32px 24px;gap:28px;max-width:580px}
  .qb-dedicated-image{width:100%;max-width:360px;height:360px;margin:0 auto;justify-self:center}
  .qb-dedicated-copy{align-items:center;text-align:center}
  .qb-dedicated-copy h3,.qb-dedicated-copy p{max-width:100%}
  .qb-dedicated-stages,.qb-dedicated-copy ol{justify-content:center}
}

@media(max-width:767px){
  .qb-dedicated{padding:48px 16px}
  .qb-dedicated-heading{margin-bottom:28px}
  .qb-dedicated-heading .service-section-chip{height:26px;padding:0 12px;font-size:10px;margin-bottom:12px}
  .qb-dedicated-heading h2{font-size:26px;line-height:1.22;letter-spacing:-0.8px;margin-bottom:12px}
  .qb-dedicated-heading p{font-size:13px;line-height:18px}
  .qb-dedicated-panel{padding:16px;border-radius:16px;gap:20px}
  .qb-dedicated-image{height:280px;border-radius:12px}
  .qb-dedicated-person{height:115%}
  .qb-dedicated-copy{text-align:left;align-items:flex-start;padding:8px 4px}
  .qb-dedicated-copy h3{font-size:16px;line-height:22px;margin-bottom:10px}
  .qb-dedicated-copy p{font-size:12px;line-height:17px;margin-bottom:18px}
  .qb-dedicated-stages,.qb-dedicated-copy ol{gap:6px;margin-bottom:24px;justify-content:flex-start}
  .qb-stage-item,.qb-dedicated-copy li:not(.qb-stage-arrow){padding:6px 10px;font-size:11px;border-radius:6px}
  .qb-stage-arrow{font-size:12px}
  .qb-dedicated-btn,.qb-dedicated-copy a{height:40px;padding:0 16px;font-size:12px}
}

/* Bullet Dot style for Comparison / With vs Without widgets */
.diff-dot-icon {
  width: 24px;
  height: 24px;
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #101712;
}
.diff-dot-icon svg {
  width: 8px;
  height: 8px;
  display: block;
}
.diff-list li {
  display: flex;
  align-items: flex-start;
  gap: 14px;
}
.diff-list li .diff-icon-badge {
  margin-top: 1px;
}

/* ==========================================================================
   HOBK GUESSWORK COMPARISON TABLE WIDGET (Figma Frame 1762:12741)
   ========================================================================== */
.hobk-guesswork-section {
  padding: 80px 24px;
  background: #ffffff;
  text-align: center;
  box-sizing: border-box;
  width: 100%;
}
.hgs-heading {
  max-width: 800px;
  margin: 0 auto 48px;
  text-align: center;
}
.hgs-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  padding: 0 16px;
  border-radius: 6px;
  background: #eef2ff;
  color: #4353ff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 20px;
}
.hgs-title {
  max-width: 700px;
  margin: 0 auto 16px;
  font-size: 48px;
  line-height: 1.15;
  letter-spacing: -1.5px;
  font-weight: 800;
  color: #0f172a;
}
.hgs-subtitle {
  max-width: 680px;
  margin: 0 auto;
  font-size: 15px;
  line-height: 22px;
  color: #59616e;
}
.hgs-table-wrap {
  width: 100%;
  display: flex;
  justify-content: center;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.hgs-table-card {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  border: 1.5px solid #7760f2;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(119, 96, 242, 0.06);
  background: #ffffff;
  box-sizing: border-box;
}
.hgs-header-row,
.hgs-row {
  display: grid;
  grid-template-columns: 2.2fr 1.4fr 1.4fr;
  align-items: center;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.hgs-header-row {
  height: 68px;
  color: #ffffff;
}
.hgs-th {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: -0.2px;
  box-sizing: border-box;
}
.hgs-th.hgs-col-feature {
  text-align: left;
  padding-left: 32px;
}
.hgs-th.hgs-col-hob,
.hgs-th.hgs-col-typical {
  text-align: center;
}
.hgs-row {
  min-height: 66px;
  border-bottom: 1px solid #edf0fa;
}
.hgs-row:last-child {
  border-bottom: none;
}
.hgs-row-normal {
  background-color: #ffffff;
}
.hgs-row-alt {
  background-color: #f4f6ff;
}
.hgs-td {
  box-sizing: border-box;
  display: flex;
  align-items: center;
}
.hgs-td.hgs-col-feature {
  justify-content: flex-start;
  padding-left: 32px;
  font-size: 15px;
  font-weight: 600;
  color: #111827;
  text-align: left;
}
.hgs-td.hgs-col-hob,
.hgs-td.hgs-col-typical {
  justify-content: center;
  text-align: center;
}
.hgs-icon-check,
.hgs-icon-cross {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}
.hgs-icon-check {
  color: #00ac6c;
}
.hgs-icon-cross {
  color: #ff444b;
}
.hgs-text-val {
  font-size: 15px;
  font-weight: 500;
  color: #64748b;
}
.hgs-cta-wrap {
  margin-top: 48px;
  display: flex;
  justify-content: center;
}
.hgs-cta-btn {
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 30px;
  border-radius: 10px;
  color: #ffffff !important;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: 0 6px 18px rgba(91, 118, 246, 0.35);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  box-sizing: border-box;
}
.hgs-cta-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(91, 118, 246, 0.45);
  color: #ffffff !important;
}
.hgs-cta-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  stroke: #ffffff;
}
@media (max-width: 1024px) {
  .hgs-title {
    font-size: 38px;
  }
  .hgs-header-row,
  .hgs-row {
    grid-template-columns: 2fr 1fr 1fr;
  }
}
@media (max-width: 767px) {
  .hobk-guesswork-section {
    padding: 44px 16px;
  }
  .hgs-heading {
    margin-bottom: 28px;
  }
  .hgs-title {
    font-size: 26px;
    line-height: 1.2;
    letter-spacing: -0.8px;
    margin-bottom: 10px;
  }
  .hgs-subtitle {
    font-size: 13px;
    line-height: 18px;
  }
  .hgs-table-card {
    min-width: 320px;
    border-radius: 14px;
  }
  .hgs-header-row,
  .hgs-row {
    grid-template-columns: 1.8fr 1fr 1fr;
  }
  .hgs-header-row {
    height: 52px;
  }
  .hgs-row {
    min-height: 50px;
  }
  .hgs-th,
  .hgs-td.hgs-col-feature,
  .hgs-text-val {
    font-size: 12px;
  }
  .hgs-th.hgs-col-feature,
  .hgs-td.hgs-col-feature {
    padding-left: 14px;
  }
  .hgs-icon-check svg,
  .hgs-icon-cross svg {
    width: 20px;
    height: 20px;
  }
  .hgs-cta-btn {
    height: 42px;
    padding: 0 20px;
    font-size: 13px;
  }
}

/* ==========================================================================
   THE ECOMMERCE GAP FLOW SECTION
   ========================================================================== */
.ecom-gap {
  min-height: 820px;
  padding: 80px 24px 60px;
  background: #ffffff;
  text-align: center;
  overflow: hidden;
  position: relative;
  font-family: 'Inter Tight', Inter, Arial, sans-serif;
  box-sizing: border-box;
}
.ecom-gap .ecom-section-heading {
  max-width: 900px;
  margin: 0 auto;
}
.ecom-gap .service-section-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 28px;
  padding: 0 16px;
  border-radius: 6px;
  background: #eff0ff;
  color: #4353ff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 20px;
}
.ecom-gap h2 {
  font-size: 48px;
  line-height: 1.15;
  letter-spacing: -1.5px;
  font-weight: 800;
  color: #0f172a;
  margin: 0 auto 16px;
}
.ecom-gap p {
  max-width: 980px;
  margin: 0 auto;
  color: #4a4a4a;
  font-size: 16px;
  line-height: 22px;
}
.ecom-gap-diagram {
  position: relative;
  isolation: isolate;
  width: min(1280px, 100%);
  height: 344px;
  margin: 60px auto 0;
  display: grid;
  grid-template-columns: 260px repeat(3, 284px);
  align-items: center;
  gap: 56px;
  box-sizing: border-box;
}
.ecom-gap-flow {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: visible;
  pointer-events: none;
}
.ecom-gap-flow .ecom-gap-stream {
  fill: none;
  stroke: #e3ebfa;
  stroke-width: 15;
  stroke-linecap: round;
}
.ecom-gap-flow .ecom-gap-pulse {
  fill: none;
  stroke: #a9c5f0;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-dasharray: 5 32;
  opacity: 0.9;
  animation: ecom-flow-pulse 1.8s linear infinite;
}
.ecom-gap-flow .ecom-gap-arrow {
  fill: #b8d0f2;
  opacity: 0.95;
  animation: ecom-flow-arrow 2.6s ease-in-out infinite;
}
.ecom-gap-flow .ecom-gap-arrow:last-child {
  animation-delay: 1.1s;
}
@keyframes ecom-flow-pulse {
  to { stroke-dashoffset: -37; }
}
@keyframes ecom-flow-arrow {
  50% { opacity: 0.48; transform: translateX(3px); }
}
.ecom-gap-platforms,
.ecom-gap-gross,
.ecom-gap-deductions,
.ecom-gap-bank {
  position: relative;
  z-index: 1;
  box-sizing: border-box;
}
.ecom-gap-platforms {
  height: 344px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
}
.ecom-gap-platforms > div {
  width: 188px;
  height: 74px;
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 14px;
  border-radius: 10px;
  background: #ffffff;
  box-shadow: 0 7px 27px rgba(20, 38, 69, 0.08);
  text-align: left;
  box-sizing: border-box;
}
.ecom-gap-platforms img {
  width: 50px;
  height: 50px;
  object-fit: contain;
  flex: none;
}
.ecom-gap-platforms span {
  display: flex;
  flex-direction: column;
  gap: 4px;
  white-space: nowrap;
}
.ecom-gap-platforms small {
  font-size: 12px;
  line-height: 14px;
  color: #8d9195;
}
.ecom-gap-platforms strong {
  font-size: 16px;
  line-height: 20px;
  color: #111111;
  font-weight: 600;
}
.ecom-gap-gross,
.ecom-gap-deductions,
.ecom-gap-bank {
  height: 313px;
  border-radius: 20px;
  background: #eff2ff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.ecom-gap-gross .ecom-cart-icon,
.ecom-gap-bank .ecom-bank-icon {
  width: 64px;
  height: 64px;
  margin-bottom: 24px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #5b78fe;
}
.ecom-gap-gross .ecom-cart-icon img,
.ecom-gap-bank .ecom-bank-icon img {
  width: 38px;
  height: 38px;
  object-fit: contain;
}
.ecom-gap-gross small,
.ecom-gap-bank small {
  font-size: 16px;
  line-height: 20px;
  color: #111111;
  margin-bottom: 16px;
}
.ecom-gap-gross strong,
.ecom-gap-bank strong {
  font-size: 40px;
  line-height: 48px;
  letter-spacing: -1.4px;
  color: #111111;
  font-weight: 700;
}
.ecom-gap-deductions {
  align-items: stretch;
  text-align: left;
  padding: 28px 24px;
}
.ecom-gap-deductions h3 {
  font-size: 18px;
  line-height: 24px;
  margin: 0 0 32px;
  font-weight: 700;
  color: #111111;
}
.ecom-gap-deductions > div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  margin: 0 0 13px;
  color: #545454;
  font-size: 15px;
  line-height: 20px;
}
.ecom-gap-deductions b {
  font-weight: 600;
  color: #ff363b;
  white-space: nowrap;
}
.ecom-gap-deductions .ecom-gap-total {
  padding-top: 14px;
  margin-top: 4px;
  border-top: 1px solid #d9def6;
  color: #111111;
  font-weight: 700;
}
.ecom-gap-deductions .ecom-gap-total b {
  color: #ff363b;
}
.ecom-gap-bank .ecom-bank-icon {
  background: #00ae69;
}
.ecom-gap-bank > b {
  margin-top: 16px;
  padding: 9px 36px;
  border-radius: 8px;
  background: #06bd83;
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
}
@media (max-width: 1200px) {
  .ecom-gap-diagram {
    grid-template-columns: 20.3% repeat(3, 22.2%);
    gap: 4.3%;
  }
  .ecom-gap-platforms > div {
    width: 100%;
    padding: 6px 10px;
    gap: 8px;
  }
  .ecom-gap-platforms img {
    width: 40px;
    height: 40px;
  }
  .ecom-gap-platforms strong {
    font-size: 14px;
  }
  .ecom-gap-gross strong,
  .ecom-gap-bank strong {
    font-size: 32px;
  }
  .ecom-gap-deductions {
    padding: 20px 16px;
  }
  .ecom-gap-deductions > div {
    font-size: 13px;
    margin-bottom: 8px;
  }
}
@media (max-width: 900px) {
  .ecom-gap {
    height: auto;
    padding: 48px 16px 40px;
  }
  .ecom-gap h2 {
    font-size: 28px;
  }
  .ecom-gap-diagram {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    margin-top: 36px;
  }
  .ecom-gap-flow {
    display: none;
  }
  .ecom-gap-platforms {
    height: auto;
    width: 100%;
    max-width: 380px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }
  .ecom-gap-platforms > div {
    width: 100%;
    height: auto;
    padding: 10px;
  }
  .ecom-gap-gross,
  .ecom-gap-deductions,
  .ecom-gap-bank {
    width: 100%;
    max-width: 380px;
    height: auto;
    padding: 28px 20px;
  }
}

/* ==========================================================================
   THE ECOMMERCE HOW IT WORKS (3 STEPS PROCESS)
   ========================================================================== */
.ecom-how {
  height: auto;
  min-height: 680px;
  padding: 100px 24px 60px;
  background: #ffffff;
  text-align: center;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  font-family: 'Inter Tight', Inter, Arial, sans-serif;
}
.ecom-how .ecom-section-heading {
  max-width: 900px;
  margin: 0 auto;
}
.ecom-how h2 {
  font-size: 48px;
  line-height: 1.15;
  letter-spacing: -1.5px;
  font-weight: 800;
  color: #0f172a;
  max-width: 720px;
  margin: 0 auto 16px;
}
.ecom-how p {
  max-width: 820px;
  margin: 0 auto;
  color: #4a4a4a;
  font-size: 16px;
  line-height: 22px;
}
.ecom-how-steps {
  position: relative;
  width: min(1280px, 100%);
  margin: 60px auto 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 80px;
  align-items: start;
  box-sizing: border-box;
}
.ecom-how-steps article {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 0;
  padding: 20px 30px;
  box-sizing: border-box;
}
.ecom-how-icon {
  width: 80px;
  height: 80px;
  border-radius: 8px;
  background: #eff2ff;
  display: grid;
  place-items: center;
  box-sizing: border-box;
}
.ecom-how-icon img {
  width: 40px;
  height: 40px;
  object-fit: contain;
}
.ecom-how-steps h3 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  margin: 32px 0 12px;
  color: #111111;
}
.ecom-how-steps p {
  max-width: 280px;
  margin: 0 auto;
  font-size: 15px;
  line-height: 22px;
  color: #4a4a4a;
}
.ecom-how-arc {
  position: absolute;
  display: block;
  height: 28px;
  object-fit: fill;
  pointer-events: none;
  z-index: 0;
}
.ecom-how-arc-one {
  left: 23.05%;
  top: 48px;
  width: 19.38%;
  transform: none !important;
}
.ecom-how-arc-two {
  left: 60.86%;
  top: 108px;
  width: 16.88%;
  transform: none !important;
}
@keyframes ecom-arc-reveal {
  from { clip-path: inset(0 100% 0 0); opacity: 0; }
  to { clip-path: inset(0 0 0 0); opacity: 1; }
}
.ecom-how-arc {
  animation: ecom-arc-reveal 1.2s ease-out both;
}
.ecom-how-arc-two {
  animation-delay: 0.3s;
}
.ecom-how-steps.steps-count-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 36px;
}
.ecom-how-steps.steps-count-4 article {
  padding: 20px 10px;
}
.ecom-how-steps.steps-count-4 h3 {
  font-size: 22px;
  line-height: 28px;
  margin: 28px 0 10px;
}
.ecom-how-steps.steps-count-4 p {
  max-width: 260px;
  font-size: 14px;
  line-height: 20px;
}
.ecom-how-steps.steps-count-4 .ecom-how-arc-one {
  left: 17%;
  top: 48px;
  width: 15.5%;
  transform: none !important;
}
.ecom-how-steps.steps-count-4 .ecom-how-arc-two {
  left: 43.2%;
  top: 68px;
  width: 13.6%;
  transform: none !important;
}
.ecom-how-steps.steps-count-4 .ecom-how-arc-three {
  left: 69%;
  top: 48px;
  width: 15.5%;
  transform: none !important;
}
.ecom-how-arc-three {
  animation: ecom-arc-reveal 1.2s ease-out both;
  animation-delay: 0.6s;
}
@media (max-width: 1024px) {
  .ecom-how {
    padding: 60px 20px 40px;
  }
  .ecom-how h2 {
    font-size: 34px;
  }
  .ecom-how-steps {
    gap: 30px;
  }
  .ecom-how-steps.steps-count-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px 20px;
  }
  .ecom-how-steps article {
    padding: 10px 10px;
  }
  .ecom-how-arc {
    display: none !important;
  }
}
@media (max-width: 767px) {
  .ecom-how {
    min-height: auto;
    padding: 44px 16px 36px;
  }
  .ecom-how h2 {
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: -0.8px;
  }
  .ecom-how p {
    font-size: 13px;
    line-height: 18px;
  }
  .ecom-how-steps {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-top: 32px;
  }
  .ecom-how-steps.steps-count-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 12px;
  }
  .ecom-how-steps article {
    padding: 6px 4px;
  }
  .ecom-how-icon {
    width: 44px;
    height: 44px;
    border-radius: 6px;
  }
  .ecom-how-icon img {
    width: 22px;
    height: 22px;
  }
  .ecom-how-steps h3 {
    font-size: 13px;
    line-height: 17px;
    margin: 14px 0 6px;
  }
  .ecom-how-steps.steps-count-4 h3 {
    font-size: 14px;
    line-height: 18px;
    margin: 12px 0 6px;
  }
  .ecom-how-steps p {
    font-size: 10px;
    line-height: 14px;
    max-width: 100%;
  }
  .ecom-how-steps.steps-count-4 p {
    font-size: 11px;
    line-height: 15px;
  }
  .ecom-how-arc {
    display: none !important;
  }
}

/* ==========================================================================
   THE ECOMMERCE SALES TAX & NEXUS (MAP & PANEL)
   ========================================================================== */
.ecom-tax {
  height: auto;
  min-height: 800px;
  padding: 80px 24px 60px;
  background: #ffffff;
  text-align: center;
  overflow: hidden;
  position: relative;
  box-sizing: border-box;
  font-family: 'Inter Tight', Inter, Arial, sans-serif;
}
.ecom-tax .ecom-section-heading {
  max-width: 900px;
  margin: 0 auto;
}
.ecom-tax h2 {
  font-size: 48px;
  line-height: 1.15;
  letter-spacing: -1.5px;
  font-weight: 800;
  color: #0f172a;
  max-width: 760px;
  margin: 0 auto 16px;
}
.ecom-tax p {
  max-width: 920px;
  margin: 0 auto;
  color: #4a4a4a;
  font-size: 16px;
  line-height: 22px;
}
.ecom-tax-layout {
  width: min(1280px, 100%);
  margin: 48px auto 0;
  display: grid;
  grid-template-columns: minmax(0, 725px) minmax(360px, 1fr);
  gap: 70px;
  align-items: center;
  text-align: left;
  box-sizing: border-box;
}
.ecom-tax-map {
  width: 100%;
  height: auto;
  max-height: 440px;
  object-fit: contain;
  display: block;
}
.ecom-tax-panel {
  padding: 32px 28px;
  border-radius: 20px;
  background: #eef0ff;
  box-sizing: border-box;
}
.ecom-tax-panel h3 {
  font-size: 26px;
  line-height: 32px;
  font-weight: 700;
  margin: 0 0 8px;
  color: #111111;
}
.ecom-tax-panel > p {
  font-size: 15px;
  line-height: 20px;
  color: #555555;
  margin: 0 0 24px;
}
.ecom-tax-panel article {
  min-height: 80px;
  margin-top: 14px;
  padding: 16px 20px;
  display: flex;
  align-items: center;
  gap: 18px;
  border-radius: 14px;
  background: #cbd3ff;
  box-sizing: border-box;
}
.ecom-tax-panel article .ecom-tax-icon-box {
  width: 32px;
  height: 32px;
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #12151b;
}
.ecom-tax-panel article div {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.ecom-tax-panel article b {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  color: #111111;
}
.ecom-tax-panel article small {
  font-size: 14px;
  line-height: 18px;
  color: #545b69;
}
.ecom-tax-cta-wrap {
  margin-top: 48px;
  display: flex;
  justify-content: center;
}
.ecom-tax-cta-btn {
  height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0 30px;
  border-radius: 10px;
  color: #ffffff !important;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: 0 6px 18px rgba(91, 118, 246, 0.35);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  box-sizing: border-box;
}
.ecom-tax-cta-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(91, 118, 246, 0.45);
}
.ecom-tax-cta-icon {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  stroke: #ffffff;
}
@media (max-width: 1024px) {
  .ecom-tax {
    padding: 60px 20px 40px;
  }
  .ecom-tax h2 {
    font-size: 34px;
  }
  .ecom-tax-layout {
    grid-template-columns: 1.2fr 1fr;
    gap: 28px;
  }
  .ecom-tax-panel {
    padding: 24px 20px;
  }
}
@media (max-width: 767px) {
  .ecom-tax {
    min-height: auto;
    padding: 44px 16px 36px;
  }
  .ecom-tax h2 {
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: -0.8px;
  }
  .ecom-tax p {
    font-size: 13px;
    line-height: 18px;
  }
  .ecom-tax-layout {
    grid-template-columns: 1fr;
    gap: 24px;
    margin-top: 32px;
  }
  .ecom-tax-map {
    max-height: 240px;
  }
  .ecom-tax-panel {
    padding: 20px 16px;
  }
  .ecom-tax-panel h3 {
    font-size: 18px;
    line-height: 22px;
  }
  .ecom-tax-panel > p {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 16px;
  }
  .ecom-tax-panel article {
    min-height: 60px;
    padding: 10px 14px;
    gap: 12px;
  }
  .ecom-tax-panel article b {
    font-size: 14px;
    line-height: 18px;
  }
  .ecom-tax-panel article small {
    font-size: 11px;
    line-height: 15px;
  }
  .ecom-tax-cta-btn {
    height: 42px;
    padding: 0 20px;
    font-size: 13px;
  }
}

/* ==========================================================================
   THE ECOMMERCE DIFFERENCE COMPARISON TABLE
   ========================================================================== */
.ecom-difference {
  height: auto;
  min-height: 900px;
  padding: 100px 24px 80px;
  background: #ffffff;
  text-align: center;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  font-family: 'Inter Tight', Inter, Arial, sans-serif;
}
.ecom-difference .ecom-section-heading {
  max-width: 900px;
  margin: 0 auto 50px;
}
.ecom-difference .service-section-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 0 16px;
  border-radius: 8px;
  background: #e4e9fd;
  color: #2029f0;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 20px;
}
.ecom-difference h2 {
  font-size: 52px;
  line-height: 1.15;
  letter-spacing: -1.2px;
  font-weight: 800;
  color: #111111;
  max-width: 780px;
  margin: 0 auto 16px;
}
.ecom-difference p {
  max-width: 820px;
  margin: 0 auto;
  color: #4a4a4a;
  font-size: 16px;
  line-height: 22px;
}
.ecom-difference-table-wrap {
  width: min(1280px, 100%);
  margin: 0 auto;
  overflow: hidden;
  border-radius: 16px;
  box-shadow: 0 2px 63.2px 0 rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
}
.ecom-difference-table {
  display: grid;
  grid-template-columns: 340px 1fr 1fr;
  gap: 12px;
  text-align: left;
  box-sizing: border-box;
}
.ecom-difference-col {
  display: grid;
  grid-template-rows: 104px repeat(7, 85px);
  overflow: hidden;
  border: none;
  border-radius: 16px;
  background: #ffffff;
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.15);
  box-sizing: border-box;
}
.ecom-difference-col > div {
  display: flex;
  align-items: center;
  background: #ffffff;
  box-sizing: border-box;
}
.ecom-difference-col > div:nth-child(even):not(:first-child) {
  background: #f5f5f5;
}
.ecom-difference-col > div:first-child {
  border-radius: 16px 16px 0 0;
}
.ecom-difference-labels > div:first-child {
  padding: 20px 32px;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  background: #eff2ff;
  color: #111111;
  justify-content: flex-start;
}
.ecom-difference-labels > div:not(:first-child) {
  padding: 20px 32px;
  font-family: 'Inter Tight', Inter, Arial, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 30px;
  color: #4a4a4a;
  justify-content: flex-start;
}
.ecom-difference-hob > div:first-child {
  padding: 12px 20px;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  background: #5b78fe;
  color: #ffffff;
  justify-content: center;
  text-align: center;
}
.ecom-difference-other > div:first-child {
  padding: 12px 20px;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  background: #faecb5;
  color: #4a4a4a;
  justify-content: center;
  text-align: center;
}
.ecom-difference-hob > div:not(:first-child),
.ecom-difference-other > div:not(:first-child) {
  padding: 20px 24px;
  font-family: 'Inter Tight', Inter, Arial, sans-serif;
  font-size: 19px;
  font-weight: 500;
  line-height: 26px;
  color: #4a4a4a;
  justify-content: center;
  text-align: center;
}
@media (max-width: 1024px) {
  .ecom-difference-table {
    grid-template-columns: 240px 1fr 1fr;
    gap: 8px;
  }
  .ecom-difference-col {
    grid-template-rows: 80px repeat(7, 70px);
  }
  .ecom-difference-labels > div:first-child,
  .ecom-difference-labels > div:not(:first-child) {
    padding: 12px 18px;
    font-size: 17px;
    line-height: 22px;
  }
  .ecom-difference-hob > div:first-child,
  .ecom-difference-other > div:first-child {
    padding: 10px 14px;
    font-size: 18px;
  }
  .ecom-difference-hob > div:not(:first-child),
  .ecom-difference-other > div:not(:first-child) {
    padding: 12px 14px;
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .ecom-difference {
    padding: 44px 16px 36px;
  }
  .ecom-difference h2 {
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: -0.6px;
  }
  .ecom-difference p {
    font-size: 13px;
    line-height: 18px;
  }
  .ecom-difference-table-wrap {
    width: 100%;
    overflow-x: auto;
    box-shadow: none;
    border-radius: 10px;
    -webkit-overflow-scrolling: touch;
  }
  .ecom-difference-table {
    width: 520px;
    grid-template-columns: 160px 180px 180px;
    gap: 8px;
  }
  .ecom-difference-col {
    grid-template-rows: 56px repeat(7, 52px);
    border-radius: 10px;
  }
  .ecom-difference-labels > div:first-child,
  .ecom-difference-labels > div:not(:first-child) {
    padding: 0 12px;
    font-size: 13px;
    line-height: 17px;
  }
  .ecom-difference-hob > div:first-child,
  .ecom-difference-other > div:first-child {
    padding: 0 10px;
    font-size: 13px;
    line-height: 17px;
  }
  .ecom-difference-hob > div:not(:first-child),
  .ecom-difference-other > div:not(:first-child) {
    padding: 0 10px;
    font-size: 12px;
    line-height: 16px;
  }
}

/* ==========================================================================
   THE ECOMMERCE ONLINE SELLERS (4 CARDS GRID)
   ========================================================================== */
.ecom-audience {
  height: auto;
  min-height: 720px;
  padding: 100px 24px 80px;
  background: #ffffff;
  text-align: center;
  overflow: hidden;
  box-sizing: border-box;
  position: relative;
  font-family: 'Inter Tight', Inter, Arial, sans-serif;
}
.ecom-audience .ecom-section-heading {
  max-width: 900px;
  margin: 0 auto 60px;
}
.ecom-audience .service-section-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 0 16px;
  border-radius: 8px;
  background: #e4e9fd;
  color: #2029f0;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1;
  margin-bottom: 20px;
}
.ecom-audience h2 {
  font-size: 52px;
  line-height: 1.15;
  letter-spacing: -1.2px;
  font-weight: 800;
  color: #111111;
  max-width: 680px;
  margin: 0 auto 16px;
}
.ecom-audience p {
  max-width: 820px;
  margin: 0 auto;
  color: #4a4a4a;
  font-size: 16px;
  line-height: 22px;
}
.ecom-audience-grid {
  width: min(1280px, 100%);
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  text-align: left;
  box-sizing: border-box;
}
.ecom-audience-grid article {
  height: 300px;
  padding: 24px;
  border-radius: 20px;
  background: #eff2ff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  box-sizing: border-box;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.ecom-audience-grid article:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(91, 118, 254, 0.12);
}
.ecom-audience-icon {
  display: block;
  max-width: 56px;
  max-height: 52px;
  object-fit: contain;
}
.ecom-audience-copy {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.ecom-audience-copy h3 {
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  color: #111111;
  margin: 0;
}
.ecom-audience-copy p {
  font-size: 14px;
  line-height: 19px;
  color: #4a4a4a;
  margin: 0;
}
@media (max-width: 1024px) {
  .ecom-audience {
    padding: 60px 20px 50px;
  }
  .ecom-audience h2 {
    font-size: 34px;
  }
  .ecom-audience-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
  }
  .ecom-audience-grid article {
    height: 280px;
    padding: 20px;
  }
}
@media (max-width: 767px) {
  .ecom-audience {
    padding: 44px 16px 36px;
  }
  .ecom-audience h2 {
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: -0.6px;
  }
  .ecom-audience p {
    font-size: 13px;
    line-height: 18px;
  }
  .ecom-audience-grid {
    grid-template-columns: 1fr;
    gap: 14px;
    margin-top: 30px;
  }
  .ecom-audience-grid article {
    height: auto;
    min-height: 180px;
    padding: 20px;
    border-radius: 16px;
    gap: 20px;
  }
  .ecom-audience-icon {
    max-width: 44px;
    max-height: 44px;
  }
  .ecom-audience-copy h3 {
    font-size: 18px;
    line-height: 24px;
  }
  .ecom-audience-copy p {
    font-size: 13px;
    line-height: 17px;
  }
}

/* ==========================================================================
   Loan Ready - What We Handle Section (.loan-docs)
   ========================================================================== */
.loan-docs {
  padding: 60px max(24px, calc((100vw - 1280px) / 2)) 120px;
  background: #fff;
  text-align: center;
  overflow: hidden;
  box-sizing: border-box;
}
.loan-docs * {
  box-sizing: border-box;
}
.loan-docs .loan-heading {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  text-align: center;
}
.loan-docs .service-section-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 8px 16px;
  border-radius: 8px;
  background: #e4e9fd;
  color: #2029f0;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
}
.loan-docs .loan-heading h2 {
  max-width: 610px;
  font-size: 56px;
  line-height: 63px;
  letter-spacing: -2px;
  font-weight: 800;
  margin: 24px auto 16px;
  color: #111;
}
.loan-docs .loan-heading p {
  font-size: 16px;
  line-height: 20px;
  color: #4a4a4a;
  max-width: 640px;
  margin: 0 auto;
}
.loan-docs .loan-doc-stage {
  container-type: inline-size;
  width: 100%;
  max-width: 1280px;
  margin: 60px auto 0;
}
.loan-docs .loan-doc-grid {
  position: relative;
  width: 1280px;
  height: 821px;
  zoom: min(1, calc(100cqw / 1280px));
  margin: auto;
}
.loan-docs .loan-doc-grid article {
  position: absolute;
  z-index: 2;
  width: 330px;
  padding: 32px 24px;
  border: 1px solid transparent;
  border-radius: 24px;
  background: #eff2ff;
  color: #111;
  text-align: left;
  cursor: pointer;
  outline: none !important;
  -webkit-tap-highlight-color: transparent !important;
  transition: background-color .5s ease, border-color .5s ease, color .5s ease, box-shadow .5s ease;
}
.loan-docs .loan-doc-grid h3 {
  font-size: 24px;
  line-height: 32px;
  font-weight: 600;
  margin: 0 0 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #bdbdbd;
  transition: color .5s ease, border-color .5s ease;
}
.loan-docs .loan-doc-grid p {
  font-size: 16px;
  line-height: 20px;
  color: #818181;
  margin: 0;
  transition: color .5s ease;
}
.loan-docs .loan-doc-grid article.is-active {
  background: #5b78fe;
  border-color: #5b78fe;
  color: #fafafa;
  box-shadow: 0 18px 45px rgba(91,120,254,.16);
}
.loan-docs .loan-doc-grid article.is-active h3 {
  border-color: rgba(255,255,255,.33);
  color: #fafafa;
}
.loan-docs .loan-doc-grid article.is-active p {
  color: #eee;
}
.loan-docs .loan-doc-grid article:focus-visible {
  outline: 3px solid rgba(32,41,240,.3);
  outline-offset: 3px;
}

/* Card positions on 1280x821 stage */
.loan-docs .loan-doc-pl { left: 475px; top: 0; }
.loan-docs .loan-doc-balance { left: 24px; top: 122.61px; }
.loan-docs .loan-doc-debt { left: 927px; top: 122.61px; }
.loan-docs .loan-doc-personal { left: 60px; top: 368.61px; }
.loan-docs .loan-doc-history { left: 890px; top: 368.61px; }
.loan-docs .loan-doc-ar { left: 250px; bottom: 0; }
.loan-docs .loan-doc-tax { left: 701px; bottom: 0; }

/* Vectors & Connectors */
.loan-docs .loan-doc-vector {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
.loan-docs .loan-doc-vector img,
.loan-docs .loan-doc-vector svg {
  display: block;
  max-width: none;
  flex-shrink: 0;
}
.loan-docs .vector-0 { left: 388px; top: 238px; width: 119px; height: 58.22px; transform: scaleX(-1); }
.loan-docs .vector-1 { left: 506px; top: 557.9px; width: 44.93px; height: 71.32px; }
.loan-docs .vector-1 svg { transform: rotate(101.39deg) scaleY(-1); }
.loan-docs .vector-2 { left: 729px; top: 559.74px; width: 45.78px; height: 71.65px; }
.loan-docs .vector-2 svg { transform: rotate(78.61deg); }
.loan-docs .vector-3 { left: 413px; top: 428px; transform: rotate(180deg); }
.loan-docs .vector-4 { left: 806.46px; top: 428px; transform: scaleY(-1); }
.loan-docs .vector-5 { left: 635px; top: 189px; width: 10px; height: 62.21px; }
.loan-docs .vector-5 svg { transform: rotate(-90deg) scaleY(-1); }
.loan-docs .vector-6 { left: 772.99px; top: 238px; }
.loan-docs .vector-7 { left: 489px; top: 273px; width: 301.724px; height: 301.724px; pointer-events: auto; }

.loan-docs .loan-doc-arc {
  width: 100%;
  height: 100%;
  display: block;
  transform: rotate(-90deg);
}
.loan-docs .loan-arc-segment {
  cursor: pointer;
  outline: none;
}
.loan-docs .loan-arc-path {
  fill: #eff2ff;
  stroke: #eff2ff;
  stroke-width: 100;
  transition: fill .4s ease, stroke .4s ease, filter .4s ease;
}
.loan-docs .loan-arc-segment.is-active .loan-arc-path {
  fill: #5b78fe;
  stroke: #5b78fe;
  filter: drop-shadow(0 0 10px rgba(91,120,254,.45));
}

.loan-docs .loan-doc-connector {
  color: #2029f0;
}
.loan-docs .loan-doc-connector svg {
  overflow: visible;
}
.loan-docs .loan-doc-connector-base {
  fill: none;
  stroke: #bdc9ff;
  stroke-width: 1;
}
.loan-docs .loan-doc-connector-flow {
  --line-offset: 184;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 24 160;
  stroke-dashoffset: var(--line-offset);
  opacity: .35;
  filter: drop-shadow(0 0 6px rgba(89,82,255,.7));
  animation: qb-line-energy 3s cubic-bezier(.4,0,.2,1) infinite;
}
.loan-docs .loan-doc-connector circle {
  fill: #2029f0;
  transition: fill .5s ease, filter .5s ease;
}
.loan-docs .loan-doc-connector.is-active circle {
  fill: #5b78fe;
  filter: drop-shadow(0 0 5px rgba(32,41,240,.55));
}
.loan-docs .loan-doc-connector.is-active .loan-doc-connector-flow {
  opacity: 1;
  stroke: #5b78fe;
}

.loan-docs .vector-5 .loan-doc-connector-flow { animation-delay: 0s; }
.loan-docs .vector-6 .loan-doc-connector-flow { animation-delay: .4s; }
.loan-docs .vector-4 .loan-doc-connector-flow { animation-delay: .8s; }
.loan-docs .vector-2 .loan-doc-connector-flow { animation-delay: 1.2s; }
.loan-docs .vector-1 .loan-doc-connector-flow { animation-delay: 1.6s; }
.loan-docs .vector-3 .loan-doc-connector-flow { animation-delay: 2.0s; }
.loan-docs .vector-0 .loan-doc-connector-flow { animation-delay: 2.4s; }

.loan-docs .loan-doc-hub {
  position: absolute;
  left: 580.75px;
  top: 364.75px;
  width: 118.22px;
  height: 118.22px;
  display: grid;
  place-items: center;
  border: 2.11px solid white;
  border-radius: 50%;
  background: #5b78fe;
  color: #fff;
  box-shadow: 0 0 40px 10px #5b78fe88;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  text-align: center;
  user-select: none;
}

@media (prefers-reduced-motion: reduce) {
  .loan-docs .loan-doc-grid article,
  .loan-docs .loan-arc-path { transition: none; }
  .loan-docs .loan-doc-connector-flow { animation: none; opacity: 1; stroke-dasharray: none; }
}

/* Mobile Responsiveness */
@media (max-width: 767px) {
  .loan-docs {
    padding: 40px 16px;
  }
  .loan-docs .service-section-chip {
    height: 30px;
    padding: 8px 16px;
    font-size: 10px;
    line-height: 14px;
  }
  .loan-docs .loan-heading h2 {
    font-size: 24px;
    line-height: 27px;
    letter-spacing: -.7px;
    margin: 16px auto 8px;
    max-width: 100%;
  }
  .loan-docs .loan-heading p {
    font-size: 12px;
    line-height: 16px;
    max-width: 328px;
  }
  .loan-docs .loan-doc-stage {
    margin-top: 32px;
  }
  .loan-docs .loan-doc-grid {
    width: 328px;
    height: 228px;
    zoom: min(1, calc(100cqw / 328px));
  }
  .loan-docs .loan-doc-grid article {
    width: 94px;
    padding: 6px 4px;
    border-radius: 6px;
    min-height: 52px;
  }
  .loan-docs .loan-doc-grid h3 {
    font-size: 7px;
    line-height: 8px;
    font-weight: 600;
    margin: 0 0 4px;
    padding-bottom: 4px;
    border-bottom-width: .26px;
  }
  .loan-docs .loan-doc-grid p {
    font-size: 6px;
    line-height: 8px;
  }
  .loan-docs .loan-doc-grid .loan-doc-pl {
    left: 117px;
    top: 0;
    min-height: 44px;
  }
  .loan-docs .loan-doc-balance { left: 0; top: 31px; }
  .loan-docs .loan-doc-debt { left: 234px; top: 31px; }
  .loan-docs .loan-doc-personal { left: 5px; top: 99px; }
  .loan-docs .loan-doc-history { left: 229px; top: 99px; }
  .loan-docs .loan-doc-ar { left: 54px; bottom: 0; }
  .loan-docs .loan-doc-tax { left: 180px; bottom: 0; }

  .loan-docs .loan-doc-vector { transform-origin: top left; }
  .loan-docs .vector-0 { left: 101px; top: 68px; transform: scale(.265) scaleX(-1); transform-origin: 15px 0; }
  .loan-docs .vector-1 { left: 128px; top: 154px; transform: scale(.265); }
  .loan-docs .vector-2 { left: 185px; top: 154px; transform: scale(.265); }
  .loan-docs .vector-3 { left: 106px; top: 117px; transform: scale(.265) rotate(180deg); transform-origin: 8px 1px; }
  .loan-docs .vector-4 { left: 204px; top: 117px; transform: scale(.265); }
  .loan-docs .vector-5 { left: 163px; top: 56px; transform: scale(.265); }
  .loan-docs .vector-6 { left: 198px; top: 68px; transform: scale(.265); }
  .loan-docs .vector-7 { left: 125px; top: 77px; width: 78.448px; height: 78.448px; transform: none; }
  .loan-docs .loan-doc-hub {
    left: 149px;
    top: 101px;
    width: 30px;
    height: 30px;
    border-width: .55px;
    font-size: 6px;
    line-height: 8px;
    box-shadow: 0 0 12px 3px #5b78fe88;
  }
}

/* ==========================================================================
   Loan Ready - Timeline / Plan Ahead Section (.loan-timeline)
   ========================================================================== */
.loan-timeline {
  padding: 80px max(24px, calc((100vw - 1280px) / 2)) 120px;
  background: #fff;
  text-align: center;
  overflow: hidden;
  box-sizing: border-box;
}
.loan-timeline * {
  box-sizing: border-box;
}
.loan-timeline .loan-heading {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  text-align: center;
}
.loan-timeline .loan-heading h2 {
  max-width: 760px;
  font-size: 56px;
  line-height: 63px;
  letter-spacing: -1.5px;
  font-weight: 800;
  margin: 24px auto 16px;
  color: #111;
}
.loan-timeline .loan-heading p {
  font-size: 16px;
  line-height: 20px;
  color: #4a4a4a;
  max-width: 640px;
  margin: 0 auto;
}
.loan-timeline .loan-years-stage {
  container-type: inline-size;
  width: 100%;
  max-width: 1280px;
  margin: 60px auto 0;
}
.loan-timeline .loan-years {
  position: relative;
  width: 1280px;
  height: 442px;
  zoom: min(1, calc(100cqw / 1280px));
  margin: auto;
}
.loan-timeline .loan-years-track {
  position: absolute;
  left: 0;
  top: 191px;
  width: 1280px;
  height: 40px;
  pointer-events: none;
}
.loan-timeline .loan-timeline-svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: visible;
}
.loan-timeline .loan-track-base-line {
  stroke: #bdc9ff;
  stroke-width: 1.5;
  stroke-linecap: round;
}
.loan-timeline .loan-track-flow-line {
  stroke: #5b78fe;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-dasharray: 120 400;
  filter: drop-shadow(0 0 6px #5b78fe) drop-shadow(0 0 14px rgba(91, 120, 254, 0.7));
  animation: hobkTimelineFlow 3.2s linear infinite;
}
@keyframes hobkTimelineFlow {
  0% {
    stroke-dashoffset: 1400;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
.loan-timeline .loan-timeline-node .node-inner-dot {
  fill: #5b78fe;
  transform-origin: center;
  filter: drop-shadow(0 0 8px rgba(91, 120, 254, 0.95)) drop-shadow(0 0 18px rgba(91, 120, 254, 0.65));
  animation: hobkNodeGlowPulse 2.8s ease-in-out infinite alternate;
}
.loan-timeline .loan-timeline-node.node-1 .node-inner-dot { animation-delay: 0s; }
.loan-timeline .loan-timeline-node.node-2 .node-inner-dot { animation-delay: 0.7s; }
.loan-timeline .loan-timeline-node.node-3 .node-inner-dot { animation-delay: 1.4s; }
.loan-timeline .loan-timeline-node.node-4 .node-inner-dot { animation-delay: 2.1s; }

@keyframes hobkNodeGlowPulse {
  0% {
    filter: drop-shadow(0 0 5px rgba(91, 120, 254, 0.75));
    transform: scale(0.96);
  }
  50% {
    filter: drop-shadow(0 0 14px rgba(91, 120, 254, 1)) drop-shadow(0 0 28px rgba(91, 120, 254, 0.85));
    transform: scale(1.08);
  }
  100% {
    filter: drop-shadow(0 0 5px rgba(91, 120, 254, 0.75));
    transform: scale(0.96);
  }
}

.loan-timeline .loan-timeline-node .node-radar-ring {
  fill: none;
  stroke: #5b78fe;
  transform-origin: center;
  animation: hobkRadarPing 2.8s cubic-bezier(0, 0, 0.2, 1) infinite;
}
.loan-timeline .loan-timeline-node.node-1 .node-radar-ring { animation-delay: 0s; }
.loan-timeline .loan-timeline-node.node-2 .node-radar-ring { animation-delay: 0.7s; }
.loan-timeline .loan-timeline-node.node-3 .node-radar-ring { animation-delay: 1.4s; }
.loan-timeline .loan-timeline-node.node-4 .node-radar-ring { animation-delay: 2.1s; }

@keyframes hobkRadarPing {
  0% {
    r: 13.5px;
    opacity: 0.9;
    stroke-width: 2px;
  }
  60% {
    r: 28px;
    opacity: 0.2;
    stroke-width: 1px;
  }
  100% {
    r: 36px;
    opacity: 0;
    stroke-width: 0.5px;
  }
}

.loan-timeline .loan-timeline-node .node-middle-ring {
  fill: none;
  stroke: #5b78fe;
  stroke-width: 1.5;
}
.loan-timeline .loan-timeline-node .node-outer-ring {
  fill: none;
  stroke: #bdc9ff;
  stroke-width: 0.5;
}

.loan-timeline .loan-year-points {
  position: absolute;
  inset: 0;
}
.loan-timeline .loan-year-points article {
  position: absolute;
  width: 228px;
  height: 442px;
  text-align: center;
  top: 0;
  cursor: pointer;
  transition: transform 0.35s ease;
}
.loan-timeline .loan-year-points article:hover {
  transform: translateY(-4px);
}
.loan-timeline .loan-year-points article:nth-child(1) { left: 25px; }
.loan-timeline .loan-year-points article:nth-child(2) { left: 360px; }
.loan-timeline .loan-year-points article:nth-child(3) { left: 693px; }
.loan-timeline .loan-year-points article:nth-child(4) { left: 1026px; }

.loan-timeline .loan-year-points b {
  position: absolute;
  left: 0;
  right: 0;
  top: 107px;
  font-size: 24px;
  line-height: 32px;
  color: #818181;
  font-weight: 600;
  transition: color 0.3s ease;
}
.loan-timeline .loan-year-points h3 {
  position: absolute;
  top: 342px;
  width: 100%;
  margin: 0;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  color: #111;
  transition: color 0.3s ease;
}
.loan-timeline .loan-year-points p {
  position: absolute;
  top: 382px;
  width: 100%;
  margin: 0;
  font-size: 16px;
  line-height: 20px;
  color: #818181;
}
.loan-timeline .loan-year-points article:hover h3 {
  color: #5b78fe;
}
.loan-timeline .loan-year-points article:hover b {
  color: #5b78fe;
}

.loan-timeline .loan-year-points article:nth-child(even) b {
  top: 283px;
}
.loan-timeline .loan-year-points article:nth-child(even) h3 {
  top: 0;
}
.loan-timeline .loan-year-points article:nth-child(even) p {
  top: 40px;
}

.loan-timeline .loan-year-points article::after {
  content: '';
  position: absolute;
  left: 114px;
  top: 231px;
  width: 1px;
  height: 79px;
  background: linear-gradient(180deg, #9aabff 0%, #5b78fe 100%);
  transition: all 0.3s ease;
}
.loan-timeline .loan-year-points article::before {
  content: '';
  position: absolute;
  left: 111.5px;
  top: 307px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #5b78fe;
  box-shadow: 0 0 8px rgba(91, 120, 254, 0.85);
  transition: all 0.3s ease;
}
.loan-timeline .loan-year-points article:nth-child(even)::after {
  top: 112px;
  background: linear-gradient(0deg, #9aabff 0%, #5b78fe 100%);
}
.loan-timeline .loan-year-points article:nth-child(even)::before {
  top: 109px;
}
.loan-timeline .loan-year-points article:hover::before {
  transform: scale(1.6);
  box-shadow: 0 0 14px 4px #5b78fe;
}

@media (prefers-reduced-motion: reduce) {
  .loan-timeline .loan-track-flow-line,
  .loan-timeline .loan-timeline-node .node-inner-dot,
  .loan-timeline .loan-timeline-node .node-radar-ring {
    animation: none !important;
  }
}

@media (max-width: 767px) {
  .loan-timeline {
    padding: 40px 16px;
  }
  .loan-timeline .service-section-chip {
    height: 30px;
    padding: 8px 16px;
    font-size: 10px;
    line-height: 14px;
  }
  .loan-timeline .loan-heading h2 {
    font-size: 24px;
    line-height: 27px;
    letter-spacing: -.7px;
    margin: 16px auto 8px;
    max-width: 100%;
  }
  .loan-timeline .loan-heading p {
    font-size: 12px;
    line-height: 16px;
    max-width: 328px;
  }
  .loan-timeline .loan-years-stage {
    margin-top: 32px;
  }
  .loan-timeline .loan-years {
    width: 1280px;
    height: 442px;
    zoom: calc(100cqw / 1280px);
  }
}

/* ==========================================================================
   Loan Ready - Foreign-Owned U.S. Businesses Flowchart (.loan-foreign)
   ========================================================================== */
.loan-foreign {
  padding: 80px max(24px, calc((100vw - 1280px) / 2)) 120px;
  background: #fff;
  text-align: center;
  overflow: hidden;
  box-sizing: border-box;
}
.loan-foreign * {
  box-sizing: border-box;
}
.loan-foreign .loan-heading {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  text-align: center;
}
.loan-foreign .service-section-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 36px;
  padding: 8px 16px;
  border-radius: 8px;
  background: #e4e9fd;
  color: #2029f0;
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
}
.loan-foreign .loan-heading h2 {
  max-width: 760px;
  font-size: 56px;
  line-height: 63px;
  letter-spacing: -1.5px;
  font-weight: 800;
  margin: 24px auto 16px;
  color: #111;
}
.loan-foreign .loan-heading p {
  font-size: 16px;
  line-height: 20px;
  color: #4a4a4a;
  max-width: 640px;
  margin: 0 auto;
}
.loan-foreign .loan-flow-stage {
  container-type: inline-size;
  width: 100%;
  max-width: 1280px;
  margin: 60px auto 0;
}
.loan-foreign .loan-foreign-flow {
  position: relative;
  width: 1280px;
  height: 934px;
  margin: auto;
  zoom: min(1, calc(100cqw / 1280px));
}
.loan-foreign .loan-foreign-flow article {
  position: absolute;
  z-index: 2;
  width: 438px;
  height: 114px;
  padding: 16px 20px;
  display: flex;
  align-items: center;
  gap: 16px;
  border: 1px solid #bdc9ff;
  border-radius: 16px;
  background: #eff2ff;
  text-align: left;
  transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}
.loan-foreign .loan-foreign-flow article:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 30px rgba(91, 120, 254, 0.14);
  border-color: #5b78fe;
}
.loan-foreign .loan-foreign-flow article > span {
  width: 80px;
  height: 80px;
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: #ffffff;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
  transition: transform 0.3s ease;
}
.loan-foreign .loan-foreign-flow article:hover > span {
  transform: scale(1.05);
}
.loan-foreign .loan-foreign-flow article > span svg {
  display: block;
  max-width: 40px;
  max-height: 40px;
}
.loan-foreign .loan-foreign-flow h3 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  margin: 0 0 8px;
  text-transform: uppercase;
  letter-spacing: -0.3px;
  color: #111;
}
.loan-foreign .loan-foreign-flow p {
  font-size: 15px;
  line-height: 20px;
  color: #818181;
  margin: 0;
}
.loan-foreign .loan-flow-owner     { left: 421px; top: 0; }
.loan-foreign .loan-flow-entity    { left: 421px; top: 212px; }
.loan-foreign .loan-flow-monthly   { left: 86.5px; top: 516px; }
.loan-foreign .loan-flow-financial { left: 755.5px; top: 516px; }
.loan-foreign .loan-flow-package   { left: 421px; top: 820px; }

.loan-foreign .loan-foreign-flow-svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
  overflow: visible;
}
.loan-foreign .flow-base-line {
  stroke: #bdc9ff;
  stroke-width: 1.5;
}
.loan-foreign .flow-energy-line {
  stroke: #5b78fe;
  stroke-width: 2.5;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 60 260;
  filter: drop-shadow(0 0 6px #5b78fe) drop-shadow(0 0 12px rgba(91, 120, 254, 0.7));
  animation: hobkFlowEnergyMove 3.2s linear infinite;
}
.loan-foreign .flow-accent-shape {
  fill: #5b78fe;
  filter: drop-shadow(0 0 4px rgba(91, 120, 254, 0.75));
}

@keyframes hobkFlowEnergyMove {
  0% {
    stroke-dashoffset: 640;
  }
  100% {
    stroke-dashoffset: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .loan-foreign .flow-energy-line {
    animation: none !important;
  }
}

@media (max-width: 767px) {
  .loan-foreign {
    padding: 40px 16px;
  }
  .loan-foreign .service-section-chip {
    height: 30px;
    padding: 8px 16px;
    font-size: 10px;
    line-height: 14px;
  }
  .loan-foreign .loan-heading h2 {
    font-size: 24px;
    line-height: 27px;
    letter-spacing: -.7px;
    margin: 16px auto 8px;
    max-width: 100%;
  }
  .loan-foreign .loan-heading p {
    font-size: 12px;
    line-height: 16px;
    max-width: 328px;
  }
  .loan-foreign .loan-flow-stage {
    margin-top: 32px;
  }
  .loan-foreign .loan-foreign-flow {
    width: 1280px;
    height: 934px;
    zoom: calc(100cqw / 1280px);
  }
}