#ace-services .as-hero>.as-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:52px;align-items:start}
#ace-services .as-hero>.as-wrap>*{grid-column:1}
#ace-services .as-hero h1{font-size:clamp(38px,4.15vw,58px);line-height:1.08;letter-spacing:-.045em;max-width:600px}
#ace-services .as-hero .as-lead{font-size:18px;max-width:560px}
#ace-services .as-hero .as-kicker{font-size:11px;letter-spacing:.13em}
#ace-services .as-hero>.as-wrap>.ace-showcase{grid-column:2;grid-row:1/6;align-self:center}
.ace-showcase{margin:12px 0 0;min-width:0;position:relative;text-align:center;isolation:isolate}
.ace-showcase:before{content:'';position:absolute;z-index:-1;inset:3% -3% 20%;background:radial-gradient(ellipse,#90cb2d22,transparent 68%);filter:blur(24px)}
.ace-laptop{animation:ace-laptop-float 7s ease-in-out infinite;will-change:transform;padding:0 12px}
.ace-laptop-lid{padding:9px 9px 14px;background:linear-gradient(145deg,#63728b,#172031 42%,#42516a);border:1px solid #718199;border-radius:16px 16px 5px 5px;box-shadow:0 24px 55px #0007,0 0 35px #c5ff4510}
.ace-browser-bar{display:flex;align-items:center;gap:4px;height:24px;background:#101722;border-radius:7px 7px 0 0;padding:0 9px;color:#bfcadd;font:9px/1 sans-serif}
.ace-browser-bar i{width:5px;height:5px;background:#72819a;border-radius:50%}.ace-browser-bar i:first-child{background:#c5ff45}.ace-browser-bar span{margin:auto;padding-right:20px}
.ace-laptop-screen{position:relative;overflow:hidden;aspect-ratio:1.52;background:#0b111c;border-radius:0 0 3px 3px}
.ace-store-scene{display:block;position:absolute;inset:0;width:100%;height:108%;object-fit:cover;object-position:top;opacity:0;transition:opacity 700ms ease;pointer-events:none}
.ace-store-scene.is-active{opacity:1;animation:ace-store-pan 6.5s ease-in-out both}
.ace-laptop-base{position:relative;height:13px;margin:0 -12px;background:linear-gradient(#95a2b5,#5e6b7e 50%,#263146);border-radius:1px 1px 45% 45%;box-shadow:0 20px 30px #0006}
.ace-laptop-base:before{content:'';display:block;width:16%;height:4px;margin:auto;background:#314055;border-radius:0 0 7px 7px}
.ace-showcase figcaption{margin:26px 0 12px;color:#c5ff45;font-size:13px;font-weight:700;letter-spacing:.04em}
.ace-showcase-controls{display:flex;gap:7px;align-items:center;justify-content:center;flex-wrap:wrap}
.ace-showcase-controls button{min-height:44px;border:1px solid #465571;border-radius:30px;background:#101a2a;color:#c5cfdf;font:inherit;font-size:12px;padding:9px 13px;cursor:pointer}
.ace-showcase-controls button[aria-pressed=true][data-store]{border-color:#c5ff45;color:#c5ff45;background:#c5ff450b}
.ace-showcase-controls [data-motion]{min-width:44px;padding:9px}
.as .ace-showcase-visit{display:inline-block;margin-top:12px;font-size:12px;color:#b7c4d9;text-underline-offset:4px}
.ace-showcase.is-paused .ace-laptop,.ace-showcase.is-paused .ace-store-scene{animation-play-state:paused}
@keyframes ace-laptop-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(0deg)}}
@keyframes ace-store-pan{0%,15%{transform:translateY(0)}85%,100%{transform:translateY(-6%)}}
@media(max-width:989px){#ace-services .as-hero>.as-wrap{column-gap:26px}#ace-services .as-hero h1{font-size:40px}.ace-showcase-controls button{font-size:11px;padding:9px 10px}}
@media(max-width:749px){#ace-services .as-hero>.as-wrap{display:block}#ace-services .as-hero h1{font-size:42px}.ace-showcase{max-width:540px;margin:42px auto 0}.ace-showcase-controls button{font-size:12px}.ace-laptop{padding:0 10px}.ace-laptop-lid{padding:7px 7px 11px;border-radius:12px 12px 4px 4px}.ace-laptop-base{margin:0 -10px}}
@media(prefers-reduced-motion:reduce){.ace-laptop,.ace-store-scene.is-active{animation:none!important}.ace-store-scene{transition:none}}