.acx-showcase{--acx-blue:#0c68a9;--acx-cyan:#11d7ef;--acx-yellow:#ffd735;position:relative;overflow:hidden;padding:clamp(4rem,8vw,8rem) max(5vw,1.25rem);background:#101412;color:#f4f2e9;isolation:isolate}
.acx-showcase::before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(12,104,169,.2),transparent 36%),radial-gradient(circle at 82% 18%,rgba(17,215,239,.16),transparent 27%);z-index:-2}
.acx-showcase::after{content:"";position:absolute;left:5vw;right:5vw;top:0;height:1px;background:linear-gradient(90deg,var(--acx-yellow),var(--acx-cyan),transparent)}
.acx-glow{position:absolute;width:42vw;height:42vw;right:-18vw;bottom:-28vw;border-radius:50%;background:var(--acx-blue);filter:blur(110px);opacity:.2;z-index:-1}
.acx-meta{display:flex;justify-content:space-between;gap:1rem;margin-bottom:clamp(3rem,6vw,6rem);font-size:.72rem;font-weight:700;letter-spacing:.13em;color:#b9c7c5}
.acx-stage{display:grid;grid-template-columns:minmax(0,.82fr) minmax(24rem,1.18fr);gap:clamp(2rem,6vw,7rem);align-items:center;max-width:1500px;margin:0 auto}
.acx-kicker{margin:0 0 1.25rem;color:var(--acx-cyan);font-size:.72rem;font-weight:800;letter-spacing:.15em}
.acx-copy h2{margin:0;font-size:clamp(3.25rem,7.2vw,8.7rem);font-weight:800;line-height:.82;letter-spacing:-.065em}
.acx-copy h2 em{font-family:Georgia,serif;font-weight:400;color:var(--acx-yellow)}
.acx-lead{max-width:42rem;margin:2rem 0 0;font-size:clamp(1rem,1.45vw,1.3rem);line-height:1.65;color:#c8cfca}
.acx-actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:2rem}
.acx-actions a{display:inline-flex;align-items:center;gap:.7rem;padding:.9rem 1.15rem;border:1px solid #66716d;text-decoration:none;font-weight:750;transition:transform .2s ease,background .2s ease,border-color .2s ease}
.acx-primary{background:var(--acx-yellow);border-color:var(--acx-yellow)!important;color:#0c1519}
.acx-secondary{color:#f4f2e9}
.acx-actions a:hover{transform:translateY(-2px);border-color:var(--acx-cyan)}
.acx-actions a:focus-visible{outline:3px solid var(--acx-cyan);outline-offset:4px}
.acx-visual{position:relative;min-height:clamp(29rem,52vw,48rem);display:grid;place-items:center}
.acx-browser{position:relative;width:min(100%,58rem);overflow:hidden;border:1px solid rgba(255,255,255,.21);border-radius:1.1rem;background:#071d33;box-shadow:0 2.5rem 6rem rgba(0,0,0,.46);transform:rotate(1.6deg)}
.acx-browserbar{display:flex;align-items:center;gap:.42rem;height:2.5rem;padding:0 .85rem;background:#e9f2f4;color:#26373d;font-size:.66rem;letter-spacing:.04em}
.acx-browserbar i{width:.55rem;height:.55rem;border-radius:50%;background:#9eb2b8}
.acx-browserbar span{margin-left:.55rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.acx-browser>img{display:block;width:100%;height:auto}
.acx-washi{position:absolute;right:-1%;bottom:-2%;width:clamp(9rem,18vw,18rem);height:auto;filter:drop-shadow(0 1.2rem 1.6rem rgba(0,0,0,.48));transform:rotate(-2deg)}
.acx-logo{position:absolute;left:-2%;top:2%;width:clamp(8rem,14vw,14rem);height:auto;border:5px solid #fff;box-shadow:0 1rem 2rem rgba(0,0,0,.35);transform:rotate(-4deg)}
.acx-steps{display:grid;grid-template-columns:repeat(4,1fr);max-width:1500px;margin:clamp(3rem,7vw,7rem) auto 0;padding:0;border-top:1px solid #54615c;list-style:none}
.acx-steps li{position:relative;padding:1.5rem clamp(1rem,2vw,2.2rem) 0 0}
.acx-steps li+li{padding-left:clamp(1rem,2vw,2.2rem);border-left:1px solid #39423f}
.acx-steps span{display:block;margin-bottom:1.2rem;color:var(--acx-cyan);font-size:.72rem;font-weight:800;letter-spacing:.12em}
.acx-steps strong{display:block;font-size:clamp(1.05rem,1.55vw,1.4rem)}
.acx-steps p{margin:.6rem 0 0;color:#aeb8b4;line-height:1.55}
.acx-proof{max-width:1500px;margin:2.5rem auto 0;color:#87938e;font-size:.75rem;line-height:1.5}
@media(max-width:900px){.acx-stage{grid-template-columns:1fr}.acx-visual{min-height:31rem}.acx-steps{grid-template-columns:repeat(2,1fr);row-gap:2rem}.acx-steps li:nth-child(3){border-left:0}.acx-logo{left:0}}
@media(max-width:600px){.acx-meta{align-items:flex-start;flex-direction:column}.acx-copy h2{font-size:clamp(3.1rem,17vw,5rem)}.acx-visual{min-height:24rem;padding:2rem 0 4rem}.acx-browser{width:96%;transform:rotate(.6deg)}.acx-washi{right:-.5rem;bottom:0;width:9rem}.acx-logo{top:.25rem;width:7rem;border-width:3px}.acx-steps{grid-template-columns:1fr}.acx-steps li+li{padding-left:0;border-left:0;border-top:1px solid #39423f}.acx-actions{align-items:stretch;flex-direction:column}.acx-actions a{justify-content:space-between}}
@media(prefers-reduced-motion:reduce){.acx-actions a{transition:none}.acx-actions a:hover,.acx-browser,.acx-washi,.acx-logo{transform:none}}