.ata-showcase .eyebrow{font-size:.875rem}
.ata-intro{padding-top:80px;padding-bottom:65px}
.ata-intro h1{max-width:1040px;font-size:clamp(2.7rem,5.5vw,5.2rem);line-height:1.08}
.ata-intro-bottom{display:flex;align-items:center;justify-content:space-between;gap:3rem;margin-top:1.75rem}
.ata-intro-bottom p{max-width:700px;font-size:1.15rem;color:#52657e;margin:0}
.ata-intro-bottom .button{flex-shrink:0}
.ata-gallery{background:#091528;color:#edf7ff;overflow:hidden}
.ata-gallery-inner{padding-top:72px;padding-bottom:60px}
.ata-gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:3rem;margin-bottom:42px}
.ata-gallery-heading h2{font-size:clamp(2.3rem,4vw,3.8rem)}
.ata-gallery-heading .eyebrow{color:#66d9ef}
.ata-gallery-heading>p{max-width:390px;color:#bcccdc}
.ata-showcase figure{margin:0}
.ata-workspace-shot{border:1px solid #31516d;border-radius:14px;overflow:hidden;background:#101f34;box-shadow:0 25px 65px #0005}
.ata-workspace-shot img{width:100%;height:auto}
.ata-showcase figcaption{font-size:1rem;line-height:1.6;color:#c4d2e3;padding:20px 22px}
.ata-showcase figcaption span{display:block;color:#77e3f3;font-weight:700;margin-bottom:7px}
.ata-cascade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:26px;padding:50px 0 0}
.ata-cascade figure{background:#12233a;border:1px solid #344d66;border-radius:10px;overflow:hidden;box-shadow:0 24px 50px #0004}
.ata-cascade figure:nth-child(2){margin-top:66px}
.ata-cascade figure:nth-child(3){margin-top:132px}
.ata-cascade img{width:100%;height:auto}
.ata-showcase figure a{display:block;transition:filter .2s}
.ata-showcase figure a:hover{filter:brightness(1.07)}
.ata-showcase a:focus-visible{outline:3px solid #18a6dc;outline-offset:5px}
.ata-image-note{font-size:.875rem;color:#b2c4d8;max-width:850px;margin:40px 0 0}
.ata-case{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:start}
.ata-case h2{font-size:clamp(2.2rem,3.6vw,3.6rem)}
.ata-case-lead{font-size:1.2rem;color:#183d7a}
.ata-case-note{font-size:.875rem;color:#5a6e85;border-left:3px solid #18a6dc;padding-left:18px;margin-top:25px}
.ata-case-steps{list-style:none;counter-reset:ata;margin:0;padding:0}
.ata-case-steps li{counter-increment:ata;position:relative;padding:0 0 26px 60px;border-bottom:1px solid #dce8f0;margin-bottom:25px}
.ata-case-steps li:before{content:counter(ata,decimal-leading-zero);position:absolute;left:0;top:0;font-size:1.2rem;font-weight:700;color:#087899}
.ata-case-steps strong{font-size:1.2rem}
.ata-case-steps p{margin:.5rem 0 0;color:#52657e}
.ata-use-section{background:#eff6fb}
.ata-use-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.ata-use-grid article{padding:30px;background:#fff;border-top:4px solid #18a6dc;border-radius:0 0 14px 14px}
.ata-audience{color:#08658a;font-size:.875rem;font-weight:700;margin:0 0 24px}
.ata-use-grid h3{font-size:1.65rem;line-height:1.2}
.ata-use-grid article>p:not(.ata-audience){color:#52657e}
.ata-use-grid .ata-value{border-top:1px solid #dce8f0;padding-top:20px;font-weight:700;color:#183d7a!important}
.ata-close{display:flex;align-items:center;gap:3rem;justify-content:space-between}
.ata-close>div{max-width:770px}
.ata-close h2{font-size:clamp(2.1rem,3.4vw,3.3rem)}
.ata-close .button{flex-shrink:0}
.ata-review-note{font-size:.875rem;color:#5a6e85}
.ata-photo-hero{position:relative;isolation:isolate;overflow:hidden;background:#091528;color:#fff}
.ata-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% center;z-index:-2;animation:ataPhotoDrift 24s ease-in-out infinite alternate;transform-origin:68% 55%}
.ata-photo-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,18,35,.92),rgba(5,18,35,.75) 38%,rgba(5,18,35,.14) 75%),linear-gradient(0deg,rgba(5,18,35,.45),transparent 45%)}
.ata-photo-hero .ata-intro{min-height:680px;display:flex;flex-direction:column;justify-content:center;padding-top:85px;padding-bottom:90px}
.ata-photo-hero .eyebrow{color:#86e5ff;max-width:620px}
.ata-photo-hero h1{max-width:650px;font-size:clamp(2.7rem,4.7vw,4.5rem);text-wrap:balance}
.ata-photo-hero .ata-intro-bottom{align-items:flex-start;flex-direction:column;gap:1.8rem;margin-top:1rem}
.ata-photo-hero .ata-intro-bottom p{max-width:545px;color:#edf4fb;text-shadow:0 1px 8px #051223}
.ata-motion-toggle{position:absolute;right:24px;bottom:20px;border:1px solid #ffffff70;border-radius:999px;padding:8px 15px;background:#091528cc;color:#fff;font-size:.8rem;cursor:pointer}
.ata-motion-toggle:focus-visible{outline:3px solid #86e5ff;outline-offset:4px}
.ata-photo-hero.is-paused .ata-hero-photo{animation-play-state:paused}
.ata-feature-nav{margin-top:30px}
@keyframes ataPhotoDrift{from{transform:scale(1)}to{transform:scale(1.07) translateX(-.8%)}}
@media(max-width:700px){.ata-photo-hero .ata-intro{min-height:730px;justify-content:flex-end;padding-top:240px;padding-bottom:80px}.ata-hero-photo{object-position:66% center}.ata-photo-hero:before{background:linear-gradient(0deg,rgba(5,18,35,.97),rgba(5,18,35,.82) 48%,rgba(5,18,35,.12) 100%)}.ata-photo-hero h1{font-size:clamp(2.35rem,9vw,3.2rem)}.ata-photo-hero .ata-intro-bottom p{font-size:1rem}.ata-motion-toggle{right:20px;bottom:15px}}
@media(prefers-reduced-motion:reduce){.ata-hero-photo{animation:none}.ata-motion-toggle{display:none}}
@media(max-width:1050px){.ata-intro-bottom,.ata-close{align-items:start;flex-direction:column;gap:1.5rem}.ata-use-grid{grid-template-columns:1fr}.ata-case{gap:35px}.ata-gallery-heading{align-items:start;gap:25px}.ata-cascade{gap:16px}.ata-showcase figcaption{padding:16px}}
@media(max-width:700px){.ata-intro{padding-top:55px;padding-bottom:45px}.ata-gallery-heading{display:block}.ata-gallery-heading>p{max-width:none}.ata-cascade{grid-template-columns:1fr;padding-top:30px;gap:30px;max-width:470px;margin:auto}.ata-cascade figure:nth-child(n){margin-top:0}.ata-case{grid-template-columns:1fr}.ata-gallery-inner{padding-top:50px}.ata-use-grid article{padding:25px}.ata-close .button,.ata-intro-bottom .button{width:100%}}
