.ax-home .ax-ats-fold{padding:100px 5%;background:radial-gradient(ellipse at 75% 45%,#fceef440,transparent 55%),linear-gradient(120deg,#f4f9ff,#fff 65%,#fff7fa);border-top:1px solid #e9edf5;overflow:clip;color:#191c3d}
.ax-fold-layout{max-width:1560px;margin:auto;display:grid;grid-template-columns:1.25fr 1fr .9fr;align-items:center;gap:38px}
.ax-fold-eyebrow{font:700 13px/1.8 Manrope,sans-serif;letter-spacing:.13em;color:#2d356e;margin:0 0 30px}
.ax-home .ax-fold-intro h2{font:500 clamp(40px,4vw,72px)/1.15 Manrope,sans-serif;letter-spacing:-.045em;margin:0 0 28px;color:#191c3d}
.ax-fold-intro h2 em{font-style:normal;color:#ed2048;white-space:nowrap}
.ax-fold-lead{max-width:500px;font:400 18px/1.8 Manrope,sans-serif;color:#7184a3;margin:0}
.ax-fold-panel{position:relative;background:linear-gradient(130deg,#fff,#f9fbff);border:1px solid white;border-radius:30px;padding:36px 30px 28px;box-shadow:0 24px 50px -24px #23576b47,0 2px 5px #dae7ee60;min-height:565px;display:flex;flex-direction:column;box-sizing:border-box}
.ax-fold-panel:before{content:"";position:absolute;inset:-2px 1px auto;height:34px;border-top:3px solid #76c9c1;border-radius:30px 30px 0 0;pointer-events:none}
.ax-fold-panel-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px}.ax-fold-dots{color:#607590;letter-spacing:4px;font-size:18px}
.ax-fold-main-icon{display:grid;place-items:center;width:76px;height:76px;border-radius:22px;background:linear-gradient(135deg,#199d87,#054e48);color:#fff;border:1px solid #98dbcf;box-shadow:inset 2px 2px 5px #ffffff60,0 7px 15px #086b6530}
.ax-fold-main-icon svg{width:34px;height:34px}
.ax-fold-progress{display:flex;align-items:center;gap:9px;margin-bottom:25px;color:#788ba6;font-size:12px}.ax-fold-progress span{margin-right:8px}.ax-fold-progress i{height:3px;width:22px;background:#dfe7ee;border-radius:2px}.ax-fold-progress i.is-active{background:#168d78}
.ax-home .ax-fold-detail h3{font:650 clamp(28px,2.8vw,44px)/1.13 Manrope,sans-serif;letter-spacing:-.032em;color:#191c3d;margin:0 0 8px}
.ax-home .ax-fold-detail h4{font:500 23px/1.35 Manrope,sans-serif;letter-spacing:-.02em;color:#167766;margin:0 0 18px}
.ax-fold-detail>p{font:400 16px/1.7 Manrope,sans-serif;color:#677d9e;margin:0 0 18px;min-height:82px}
.ax-fold-detail ul{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:12px}.ax-fold-detail li{position:relative;padding-left:26px;font:400 13px/1.55 Manrope,sans-serif;color:#647d9b}.ax-fold-detail li:before{content:"\2713";position:absolute;left:0;top:0;width:18px;height:18px;border-radius:50%;background:#eaf4f3;color:#238d7b;display:grid;place-items:center;font-size:11px}
.ax-fold-link{margin-top:auto;border-top:1px solid #e1e8f2;padding-top:22px;display:flex;gap:18px;align-items:center;justify-content:space-between;text-decoration:none;color:#fff!important;background:linear-gradient(110deg,#f82758,#e91c43);border:1px solid #ff91aa;border-radius:100px;padding:15px 21px;font:600 14px/1.4 Manrope,sans-serif;box-shadow:0 10px 20px -10px #f7255890;transition:translate .25s,box-shadow .25s}.ax-fold-link:hover{translate:0 -2px;box-shadow:0 13px 24px -10px #f7255870}.ax-fold-link:focus-visible{outline:3px solid #244f9d;outline-offset:4px}.ax-fold-link>span:last-child{font-size:23px;line-height:1}
.ax-fold-selector{position:relative;min-width:0}.ax-fold-connector{position:absolute;left:-46px;top:15px;width:65px;height:65px;z-index:0;pointer-events:none}
.ax-fold-mosaic{position:relative;display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(0 18px 12px #29374f22)}
.ax-fold-option{color:#283645;cursor:pointer;outline:none}.ax-fold-option:first-of-type{color:white}.ax-fold-tile{stroke:#fff;stroke-width:4;stroke-linejoin:round;transition:filter .3s,stroke .3s;paint-order:stroke fill}.ax-fold-option text{font:500 17px Manrope,sans-serif;fill:currentColor;pointer-events:none}.ax-fold-option>svg{pointer-events:none}.ax-fold-option:hover .ax-fold-tile{filter:brightness(1.04)}.ax-fold-option[aria-pressed=true] .ax-fold-tile{stroke:#41bca9;stroke-width:6;paint-order:fill stroke}.ax-fold-option:focus-visible .ax-fold-tile{stroke:#ed2048;stroke-width:7;paint-order:fill stroke}
.ax-fold-hint{display:flex;gap:12px;align-items:center;justify-content:center;font:400 13px/1.6 Manrope,sans-serif;color:#7a8ca6;text-align:center;margin:22px 0 0}.ax-fold-hint:before,.ax-fold-hint:after{content:"";width:25px;height:1px;background:#d9e2ed}
@media(max-width:1250px){.ax-fold-layout{grid-template-columns:1fr 1fr;gap:32px;max-width:1050px}.ax-fold-intro{grid-column:1/-1;text-align:center;max-width:760px;margin:auto}.ax-fold-lead{max-width:640px;margin:auto}.ax-home .ax-fold-intro h2 br{display:none}.ax-home .ax-fold-intro h2{font-size:52px}.ax-fold-panel{max-width:480px;width:100%;justify-self:end}.ax-fold-selector{max-width:400px;margin:0 auto;width:100%}.ax-fold-connector{display:none}}
@media(max-width:650px){.ax-home .ax-ats-fold{padding:60px 6%}.ax-fold-layout{display:flex;flex-direction:column;gap:30px}.ax-fold-intro{order:0}.ax-fold-selector{order:1;max-width:330px}.ax-fold-panel{order:2;max-width:440px;min-height:0;padding:28px 24px}.ax-home .ax-fold-intro h2{font-size:38px}.ax-home .ax-fold-intro h2 br{display:block}.ax-fold-lead{font-size:16px}.ax-fold-eyebrow{font-size:11px;margin-bottom:20px}.ax-home .ax-fold-detail h3{font-size:32px}.ax-fold-detail>p{min-height:0}.ax-fold-panel-top{margin-bottom:18px}.ax-fold-main-icon{width:60px;height:60px}.ax-fold-progress{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.ax-fold-tile,.ax-fold-link{transition:none!important}}
.motion-paused .ax-fold-tile,.motion-paused .ax-fold-link,.ax-reduced .ax-fold-tile,.ax-reduced .ax-fold-link{transition:none!important}

/* Dark satin surfaces and softly rounded, individually fitted module shapes. */
.ax-fold-panel{background:linear-gradient(135deg,#26364f,#151f35 70%,#172e3a);border-color:#40556b;box-shadow:0 24px 50px -24px #16324670}
.ax-fold-panel:before{border-top-color:#58beb5}
.ax-fold-dots,.ax-fold-progress{color:#bac9dd}
.ax-home .ax-fold-detail h3{color:#fff}
.ax-home .ax-fold-detail h4{color:#8ee2d2}
.ax-fold-detail>p,.ax-fold-detail li{color:#d1dced}
.ax-fold-detail li:before{background:#315457;color:#a5efe0}
.ax-fold-progress i{background:rgba(255,255,255,.45)}.ax-fold-progress i.is-active{background:#70d9c5}
.ax-fold-option,.ax-fold-option:first-of-type{color:#f6f9ff}
.ax-fold-tile{stroke:#ffffff80;stroke-width:1.4;paint-order:fill stroke}
.ax-fold-option[aria-pressed=true] .ax-fold-tile{stroke:#71dac7;stroke-width:3}
.ax-fold-option:focus-visible .ax-fold-tile{stroke:#ffd582;stroke-width:4}

/* Review refinements: stable connector anchor, circular icon and active yellow edge. */
.ax-fold-main-icon{border-radius:50%;background:linear-gradient(145deg,#fff,#e4f1f3);color:#176c67;border:1px solid #c8dfe2;box-shadow:inset 0 1px 3px #fff,0 8px 18px #07132530}
.ax-fold-panel>.ax-fold-connector{left:auto;right:-61px;top:54px;z-index:2}
.ax-fold-option[aria-pressed=true] .ax-fold-tile{stroke:#fddc35;stroke-width:4;paint-order:fill stroke}
.ax-fold-mosaic{animation:none}
@keyframes ax-fold-float{0%,100%{translate:0 0}50%{translate:0 -9px}}
@media(prefers-reduced-motion:reduce){.ax-fold-mosaic{animation:none!important}}
.motion-paused .ax-fold-mosaic,.ax-reduced .ax-fold-mosaic{animation:none!important}

/* Module palette shared by the selected tile and its detail panel. */
.ax-ats-fold{--fold-start:#28758d;--fold-end:#1b4d63;--fold-tint:#7cc5db}
.ax-fold-panel{background:linear-gradient(135deg,var(--fold-start),var(--fold-end));border-color:var(--fold-tint)}
.ax-fold-panel:before{border-top-color:var(--fold-tint)}
.ax-fold-option[aria-pressed=true] .ax-fold-tile{stroke:var(--fold-tint);stroke-width:5}
.ax-home .ax-fold-detail h4{color:#f0f3ff}
.ax-fold-progress i.is-active{background:var(--fold-tint)}
.ax-fold-main-icon{color:var(--fold-start)}
.ax-fold-detail li:before{background:#ffffff20;color:#fff}
.ax-fold-connector path,.ax-fold-connector circle{stroke:var(--fold-tint)}

/* Translucent module CTA, consistent across interaction states. */
.ax-ats-fold .ax-fold-link,.ax-ats-fold .ax-fold-link:hover,.ax-ats-fold .ax-fold-link:focus-visible{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5);box-shadow:none}

/* Keep module choices anchored when selected detail content grows. */
@media(min-width:651px){
 .ax-fold-panel{align-self:start}
 .ax-fold-selector{align-self:start;margin-top:32px}
}

/* Compact square module mosaic, anchored independently of detail height. */
.ax-fold-selector{width:80%;justify-self:center}
.ax-fold-mosaic{aspect-ratio:1 / 1}
@media(min-width:651px){.ax-fold-selector{margin-top:96px;max-width:320px}}
@media(min-width:1251px){.ax-fold-selector{max-width:none}}
@media(max-width:650px){.ax-fold-selector{max-width:264px}}

/* Breathing room below the module mosaic. */
.ax-home .ax-ats-fold .ax-fold-hint{margin:32px 0 0}

/* Shared centre-out dividers above the ERP and ATS sections. */
.ax-home #possibilities-option-two,.ax-home #ala-ats-modules{position:relative;border-top:0}
.ax-erp-ats-divider{position:absolute;top:0;left:5%;width:90%;height:5px;pointer-events:none;z-index:1}
.ax-divider-line{display:block;position:absolute;top:2px;left:50%;width:100%;height:1px;background:#5482f9;transform:translateX(-50%)}
.ax-divider-dot{position:absolute;top:-1px;width:7px;height:7px;border-radius:50%;background:#5482f9}
.ax-divider-dot-left{left:-3px}.ax-divider-dot-right{right:-3px}

/* ATS reference: warm narrow shimmer on the existing pale text gradient. */
body .ax-home .ax-ats-fold .ax-fold-eyebrow{font-size:18px;margin-left:6px}
.ax-ats-fold .ax-fold-hint{color:#2d356e}
.ax-ats-fold .ax-ai-highlight.ax-ai-light{background-image:linear-gradient(110deg,transparent 46%,rgb(217 202 21 / 70%) 49%,rgb(245 114 45) 50%,rgb(231 139 26 / 70%) 51%,transparent 54%),linear-gradient(290deg,rgb(229,255,255),rgb(241,232,255),rgb(255,255,255),rgb(229,255,255))}

/* Larger centre label; module geometry stays unchanged. */
.ax-fold-option[data-fold="0"] text{font-size:23px;font-weight:700}

/* Native SVG text shimmer: narrow warm highlight every two seconds. */
.ax-ats-fold .ax-fold-option[data-fold="0"] text{fill:url(#ats-fold-label-shimmer)}
@media(prefers-reduced-motion:reduce){.ax-ats-fold .ax-fold-option[data-fold="0"] text{fill:#f6f9ff}}
.motion-paused .ax-ats-fold .ax-fold-option[data-fold="0"] text,.ax-reduced .ax-ats-fold .ax-fold-option[data-fold="0"] text{fill:#f6f9ff}