/* ABX LLC - sales-led homepage V5, scoped to .abx5-home; staging-only. */
.abx5-home{--abx5-navy:#061a2b;--abx5-ink:#0e263d;--abx5-electric:#097ae4;--abx5-cyan:#47b6ff;--abx5-muted:#4d6378;--abx5-ice:#eef4f9;--abx5-line:#dae5ed;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.6;background:#fff;color:var(--abx5-ink);overflow:clip}
.abx5-home *, .abx5-home *::before,.abx5-home *::after{box-sizing:border-box}
.abx5-home a:focus-visible,.abx5-home button:focus-visible,.abx5-home select:focus-visible,.abx5-home summary:focus-visible{outline:3px solid #128cff;outline-offset:4px}
.abx5-home .abx5-shell{max-width:1310px;width:calc(100% - 92px);margin:0 auto}
.abx5-home h2,.abx5-home h3{font-family:inherit;letter-spacing:-.046em;color:inherit;line-height:1.08;margin:0;font-weight:800}
.abx5-home h2{font-size:clamp(36px,4.2vw,61px)}
.abx5-home h2 em{font-style:normal;color:#0d80d7}
.abx5-home h3{font-size:clamp(24px,2.1vw,31px)}
.abx5-home p{margin:0}
.abx5-home a{color:inherit}
.abx5-home .abx5-section{padding:clamp(80px,8vw,122px) 0}
.abx5-home .abx5-eyebrow{font-size:11px;font-weight:800;letter-spacing:.21em;color:#0576bd;text-transform:uppercase;line-height:1.6;margin:0 0 21px}
.abx5-home .abx5-heading{margin-bottom:45px}
.abx5-home .abx5-heading h2{max-width:930px}
.abx5-home .abx5-heading>p:last-child{margin-top:20px;color:var(--abx5-muted);font-size:18px}
.abx5-home .abx5-heading-center{text-align:center;display:flex;flex-direction:column;align-items:center}
.abx5-home .abx5-heading-center h2{max-width:900px;text-wrap:balance}
.abx5-home .abx5-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid transparent;padding:15px 20px;min-height:54px;font-size:14px;line-height:1.2;font-weight:770;border-radius:7px;text-decoration:none;transition:transform .2s ease,background .2s ease,box-shadow .2s ease;cursor:pointer;font-family:inherit}
.abx5-home .abx5-cta:hover{transform:translateY(-2px)}
.abx5-home .abx5-cta span{font-size:20px;font-weight:400}
.abx5-home .abx5-cta-blue{background:#066fd0;color:#fff;border-color:#066fd0;box-shadow:0 13px 24px rgba(5,77,143,.18)}
.abx5-home .abx5-cta-blue:hover{background:#0758ab;color:#fff}
.abx5-home .abx5-cta-light{background:#fff;color:#082c4a;border-color:#fff}
.abx5-home .abx5-cta-light:hover{background:#e8f5ff;color:#082c4a}
.abx5-home .abx5-cta-dark{background:#0b304c;color:#fff;border-color:#0b304c}
.abx5-home .abx5-cta-dark:hover{background:#125580;color:#fff}
.abx5-home .abx5-fastnav{border-bottom:1px solid #d6e7f2;background:#e9f2f8}
.abx5-home .abx5-fastnav-inner{display:flex;gap:clamp(14px,2.2vw,31px);align-items:center;padding:22px 0;flex-wrap:wrap}
.abx5-home .abx5-fastnav-label{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#48708a;font-weight:850;margin-right:auto}
.abx5-home .abx5-fastnav a{text-decoration:none;display:inline-flex;gap:9px;align-items:center;color:#0b4673;font-size:13px;font-weight:760}
.abx5-home .abx5-fastnav a:hover{text-decoration:underline}
.abx5-home .abx5-services{background:#f5f8fb}
.abx5-home .abx5-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.abx5-home .abx5-offer{display:flex;flex-direction:column;justify-content:space-between;min-height:555px;border-radius:14px;overflow:hidden;box-shadow:0 20px 55px rgba(16,43,67,.10)}
.abx5-home .abx5-offer-design{background:radial-gradient(circle at 90% 10%,#0c6cad66,transparent 40%),#071d32;color:#fff;border:1px solid #1d5279}
.abx5-home .abx5-offer-hosting{background:#fff;color:#092b44;border:1px solid #d3e1ea}
.abx5-home .abx5-offer-top{display:flex;justify-content:space-between;align-items:center;padding:23px 30px;border-bottom:1px solid currentColor;font-weight:800;font-size:11px;letter-spacing:.15em;opacity:.68}
.abx5-home .abx5-offer-top span:last-child{font-size:22px}
.abx5-home .abx5-offer-content{padding:32px 39px 27px}
.abx5-home .abx5-offer-icon{display:grid;place-items:center;width:67px;height:67px;border:1px solid #7ac5ff66;background:#2b83bb22;color:#4bbbff;border-radius:15px;margin-bottom:26px}
.abx5-home .abx5-offer-hosting .abx5-offer-icon{background:#e9f6ff;border-color:#c8e7f7;color:#0b7bcd}
.abx5-home .abx5-mini-browser{display:block;width:39px;height:29px;border:2px solid currentColor;border-radius:4px;position:relative}
.abx5-home .abx5-mini-browser:before{content:"";display:block;position:absolute;left:0;right:0;top:7px;border-top:1px solid currentColor}
.abx5-home .abx5-mini-browser i{position:absolute;width:15px;height:3px;left:5px;top:13px;border-radius:3px;background:currentColor}
.abx5-home .abx5-mini-browser i:nth-child(2){top:19px;width:25px;opacity:.5}
.abx5-home .abx5-mini-browser i:nth-child(3){top:13px;left:26px;width:6px;height:6px;opacity:.55}
.abx5-home .abx5-hosting-glyph{font-size:37px;font-weight:300;line-height:1}
.abx5-home .abx5-offer h3{font-size:clamp(34px,3vw,44px);margin-bottom:17px}
.abx5-home .abx5-offer-content>p{font-size:16px;line-height:1.68;max-width:480px;opacity:.88}
.abx5-home .abx5-check-list,.abx5-home .abx5-tick-list,.abx5-home .abx5-inquiry-points{list-style:none;padding:0;margin:27px 0 0}
.abx5-home .abx5-check-list li,.abx5-home .abx5-tick-list li,.abx5-home .abx5-inquiry-points li{position:relative;padding:9px 0 9px 27px;font-size:14px;line-height:1.5}
.abx5-home .abx5-check-list li:before,.abx5-home .abx5-tick-list li:before,.abx5-home .abx5-inquiry-points li:before{position:absolute;left:0;top:9px;content:"✓";color:#5dc3ff;font-weight:900}
.abx5-home .abx5-offer-hosting .abx5-check-list li:before{color:#0a80c9}
.abx5-home .abx5-offer-bottom{border-top:1px solid #7990a450;padding:25px 39px 29px;display:flex;flex-direction:column;align-items:flex-start;gap:13px}
.abx5-home .abx5-offer-bottom>span{font-size:12px;opacity:.7}
.abx5-home .abx5-connection{text-align:center;margin-top:30px;font-size:15px;color:#486276}
.abx5-home .abx5-connection a{font-weight:770;color:#0673b7}
.abx5-home .abx5-outcomes{background:#fff}
.abx5-home .abx5-outcome-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.abx5-home .abx5-outcome-grid article{padding:29px;min-height:280px;border-radius:11px;border:1px solid #d9e5ee;display:flex;flex-direction:column}
.abx5-home .abx5-index{font-size:11px;font-weight:800;color:#0b79c8;letter-spacing:.17em}
.abx5-home .abx5-outcome-icon{font-size:46px;color:#1689d7;line-height:1;margin:25px 0 20px}
.abx5-home .abx5-outcome-grid h3{font-size:24px;line-height:1.13}
.abx5-home .abx5-outcome-grid p{font-size:15px;color:#516a7d;line-height:1.65;margin-top:13px}
.abx5-home .abx5-work{background:#eaf1f6}
.abx5-home .abx5-work-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}
.abx5-home .abx5-work h2{font-size:clamp(36px,3.7vw,55px)}
.abx5-home .abx5-tick-list{margin-bottom:23px}
.abx5-home .abx5-tick-list li{font-size:16px;padding-top:12px;padding-bottom:12px;border-bottom:1px solid #d2e0ea}
.abx5-home .abx5-tick-list li:before{color:#0874c5;top:12px}
.abx5-home .abx5-work-disclosure{font-size:12px;color:#566c80;line-height:1.65;margin:0 0 22px}
.abx5-home .abx5-work-art{position:relative;isolation:isolate;min-height:445px;padding:24px 18px 0 0}
.abx5-home .abx5-work-art:before{content:"";position:absolute;inset:15% 0 1%;z-index:-1;background:radial-gradient(ellipse at center,#4e9fd566,transparent 70%)}
.abx5-home .abx5-window{width:91%;height:370px;border:9px solid #102f49;background:#f2f8fc;border-radius:14px;box-shadow:0 40px 65px #07213740,0 0 0 1px #6d91ae;overflow:hidden}
.abx5-home .abx5-window-bar{height:33px;background:#0c2f49;display:flex;align-items:center;gap:5px;padding:0 12px;color:#bedcee}
.abx5-home .abx5-window-bar i{width:7px;height:7px;border-radius:50%;background:#d37a81}
.abx5-home .abx5-window-bar i:nth-child(2){background:#ecc275}.abx5-home .abx5-window-bar i:nth-child(3){background:#83cba7}
.abx5-home .abx5-window-bar span{font-size:9px;letter-spacing:.14em;margin-left:auto}
.abx5-home .abx5-window-body{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;height:calc(100% - 33px);padding:31px;background:linear-gradient(123deg,#e9f4fa,#fff)}
.abx5-home .abx5-window-body>div:first-child{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.abx5-home .abx5-window-body small{font-size:8px;color:#176b9b;font-weight:800;letter-spacing:.16em}
.abx5-home .abx5-window-body strong{font-size:clamp(20px,2.5vw,37px);color:#092941;letter-spacing:-.055em;line-height:1.12;margin:15px 0}
.abx5-home .abx5-window-body p{font-size:11px;color:#526e7e;max-width:195px;line-height:1.5}
.abx5-home .abx5-art-button{display:block;font-size:8px;font-weight:800;letter-spacing:.12em;color:#fff;background:#0878cc;padding:12px 14px;margin-top:22px;border-radius:3px}
.abx5-home .abx5-window-visual{border-radius:8px;background:linear-gradient(150deg,#0d669d,#071d36 75%);position:relative;overflow:hidden}
.abx5-home .abx5-window-visual span:first-child{position:absolute;left:18%;top:16%;height:75%;width:80%;border:1px solid #ffffff65;border-radius:50%;box-shadow:0 0 0 35px #178dd01c}
.abx5-home .abx5-window-visual span:last-child{position:absolute;left:35%;top:27%;height:65%;width:80%;border:1px solid #ffffff45;border-radius:50%}
.abx5-home .abx5-phone{position:absolute;right:0;bottom:0;width:168px;height:320px;background:linear-gradient(155deg,#e9f7fe,#fff);border:10px solid #102c46;border-radius:27px;box-shadow:0 25px 50px #001b3e55;padding:24px 12px;display:flex;flex-direction:column;color:#0b293e;overflow:hidden}
.abx5-home .abx5-phone-speaker{width:46px;height:5px;background:#1a405a;border-radius:10px;margin:-18px auto 30px}
.abx5-home .abx5-phone small{font-size:7px;letter-spacing:.18em;color:#2b78ad;font-weight:800}
.abx5-home .abx5-phone strong{font-size:24px;letter-spacing:-.07em;line-height:1.15;margin:18px 0}
.abx5-home .abx5-phone>span{height:75px;background:linear-gradient(120deg,#127bbb,#031c31);border-radius:6px}
.abx5-home .abx5-phone i{background:#c3dbe9;border-radius:3px;width:95%;height:7px;margin-top:13px}.abx5-home .abx5-phone i:last-child{width:60%;margin-top:8px}
.abx5-home .abx5-process{background:#071d30;color:#fff}
.abx5-home .abx5-process h2{color:#fff}
.abx5-home .abx5-process h2 em{color:#66bfff}
.abx5-home .abx5-process .abx5-eyebrow{color:#78cfff}
.abx5-home .abx5-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid #406382;border-radius:13px;overflow:hidden}
.abx5-home .abx5-steps li{padding:27px 27px 33px;background:#0b2a43;border-right:1px solid #406382}
.abx5-home .abx5-steps li:last-child{border-right:0}
.abx5-home .abx5-number{font-weight:850;color:#62bffc;font-size:29px}
.abx5-home .abx5-steps h3{font-size:22px;color:#fff;margin:25px 0 13px}
.abx5-home .abx5-steps p{font-size:14px;color:#c7deeb;line-height:1.7}
.abx5-home .abx5-inquiry{background:#f0f6fa}
.abx5-home .abx5-inquiry-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(40px,7vw,100px);align-items:center}
.abx5-home .abx5-inquiry h2{max-width:590px}
.abx5-home .abx5-inquiry-grid>div:first-child>p:not(.abx5-eyebrow){font-size:19px;color:#49657b;max-width:450px;margin-top:22px}
.abx5-home .abx5-inquiry-points{margin-top:30px}
.abx5-home .abx5-inquiry-points li{font-size:15px;color:#214860}
.abx5-home .abx5-inquiry-points li:before{color:#0877cb}
.abx5-home .abx5-lead-sheet{display:flex;flex-direction:column;padding:clamp(27px,3.5vw,51px);background:#fff;border:1px solid #ccddea;border-top:5px solid #087ed7;border-radius:13px;box-shadow:0 28px 60px #0d34541c}
.abx5-home .abx5-sheet-eyebrow{font-size:11px;font-weight:850;color:#0872b5;letter-spacing:.18em}
.abx5-home .abx5-lead-sheet h3{margin:17px 0 29px;font-size:clamp(26px,2.7vw,37px)}
.abx5-home .abx5-lead-sheet label{font-weight:750;font-size:14px;margin-bottom:9px}
.abx5-home .abx5-lead-sheet select{display:block;width:100%;height:56px;background:#f7fafc;color:#102d47;font-size:15px;border:1px solid #9bb8cb;border-radius:6px;padding:0 16px;margin:0 0 15px;font-family:inherit}
.abx5-home .abx5-lead-sheet button{width:100%;font-size:15px}
.abx5-home .abx5-sheet-fine{font-size:12px;color:#657b8d;line-height:1.55;margin-top:15px}
.abx5-home .abx5-lead-sheet>a{font-size:13px;color:#086da8;margin-top:24px;font-weight:750;text-decoration:underline;text-underline-offset:3px}
.abx5-home .abx5-questions{background:#fff}
.abx5-home .abx5-faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(35px,6vw,85px)}
.abx5-home .abx5-faq-intro h2{max-width:480px}
.abx5-home .abx5-faq-intro>a{display:inline-block;margin-top:25px;color:#09699e;font-weight:760;text-decoration:underline;text-underline-offset:4px}
.abx5-home .abx5-details details{border-top:1px solid #d7e4ec}
.abx5-home .abx5-details details:last-child{border-bottom:1px solid #d7e4ec}
.abx5-home .abx5-details summary{list-style:none;cursor:pointer;padding:22px 39px 22px 0;position:relative;font-size:18px;font-weight:760;color:#172e45;line-height:1.4}
.abx5-home .abx5-details summary::-webkit-details-marker{display:none}
.abx5-home .abx5-details summary:after{content:"+";font-size:27px;color:#1379c6;position:absolute;right:10px;top:13px}
.abx5-home .abx5-details details[open] summary:after{content:"−"}
.abx5-home .abx5-details details>p{font-size:15px;color:#4f6579;line-height:1.75;padding:0 20px 23px 0}
.abx5-home .abx5-details details a{color:#076dad;font-weight:720;text-decoration:underline}
.abx5-home .abx5-final{background:radial-gradient(circle at 88% 35%,#135f9866,transparent 42%),#041728;color:#fff;padding:95px 0}
.abx5-home .abx5-final-grid{display:grid;grid-template-columns:1.1fr .8fr;gap:55px;align-items:center}
.abx5-home .abx5-final h2{color:#fff}
.abx5-home .abx5-final h2 em{color:#58b7ff}
.abx5-home .abx5-final .abx5-eyebrow{color:#79c6fa}
.abx5-home .abx5-final p:not(.abx5-eyebrow){font-size:17px;color:#c9dcea;margin-top:18px}
.abx5-home .abx5-final-actions{display:flex;align-items:flex-start;flex-direction:column;gap:20px;justify-self:end}
.abx5-home .abx5-final-actions>a:last-child{font-size:15px;font-weight:740;color:#a9d9fc;text-decoration:underline;text-underline-offset:3px}
@media(max-width:1000px){
.abx5-home .abx5-shell{width:calc(100% - 60px)}
.abx5-home .abx5-work-grid{gap:33px}
.abx5-home .abx5-window-body{padding:23px}
.abx5-home .abx5-offer-content{padding-inline:27px}
.abx5-home .abx5-offer-bottom{padding-inline:27px}
.abx5-home .abx5-steps li{padding-inline:20px}
}
@media(max-width:820px){
.abx5-home .abx5-service-grid,.abx5-home .abx5-work-grid,.abx5-home .abx5-inquiry-grid,.abx5-home .abx5-faq-grid,.abx5-home .abx5-final-grid{grid-template-columns:1fr}
.abx5-home .abx5-offer{min-height:unset}
.abx5-home .abx5-work-art{max-width:680px;width:100%;margin:auto}
.abx5-home .abx5-outcome-grid{gap:12px}
.abx5-home .abx5-outcome-grid article{padding:20px}
.abx5-home .abx5-outcome-grid h3{font-size:20px}
.abx5-home .abx5-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
.abx5-home .abx5-steps li:nth-child(2){border-right:0}
.abx5-home .abx5-steps li:nth-child(1),.abx5-home .abx5-steps li:nth-child(2){border-bottom:1px solid #406382}
.abx5-home .abx5-final-actions{justify-self:start}
.abx5-home .abx5-fastnav-label{display:none}
}
@media(max-width:520px){
.abx5-home .abx5-shell{width:calc(100% - 36px)}
.abx5-home h2{font-size:clamp(35px,9.4vw,46px)}
.abx5-home .abx5-section{padding:70px 0}
.abx5-home .abx5-fastnav-inner{gap:9px 22px}
.abx5-home .abx5-fastnav a{font-size:12px}
.abx5-home .abx5-offer-content{padding:28px 22px}
.abx5-home .abx5-offer-bottom{padding:21px 22px 26px}
.abx5-home .abx5-outcome-grid{grid-template-columns:1fr}
.abx5-home .abx5-outcome-grid article{min-height:unset;padding:26px}
.abx5-home .abx5-outcome-icon{margin:17px 0}
.abx5-home .abx5-work-art{min-height:390px;padding:5px 6px}
.abx5-home .abx5-window{width:92%;height:325px}
.abx5-home .abx5-window-body{padding:17px;gap:10px}
.abx5-home .abx5-window-body p{font-size:9px}
.abx5-home .abx5-window-body strong{font-size:23px}
.abx5-home .abx5-window-bar span{font-size:6px}
.abx5-home .abx5-phone{width:133px;height:260px;padding:22px 8px;right:0;bottom:4px}
.abx5-home .abx5-phone strong{font-size:19px}
.abx5-home .abx5-steps{grid-template-columns:1fr}
.abx5-home .abx5-steps li{border-right:0!important;border-bottom:1px solid #406382;padding:25px}
.abx5-home .abx5-steps li:last-child{border-bottom:0}
.abx5-home .abx5-lead-sheet{padding:27px 20px}
.abx5-home .abx5-final{padding:75px 0}
.abx5-home .abx5-final-actions,.abx5-home .abx5-final-actions .abx5-cta{width:100%}
}
@media(prefers-reduced-motion:reduce){.abx5-home .abx5-cta{transition:none}.abx5-home .abx5-cta:hover{transform:none}}