/* Revision Assistant introduction. Scoped to .review-page; builds on company-pages.css. */
.review-page{--sage:#b3f6e2;--paper:#f5f2ea}
.review-hero{position:relative;isolation:isolate;text-align:center;padding:180px 24px 0;overflow:hidden;display:flex;flex-direction:column;align-items:center}
.review-hero h1{font-size:clamp(46px,7.2vw,104px);line-height:1.04;letter-spacing:-.065em;font-weight:450;max-width:1200px}
.review-hero>p{font-size:17px;line-height:1.8;color:#aeb7b2;margin-top:30px;max-width:640px;text-wrap:balance}
.review-hero .at-actions{margin-top:40px}
.review-page .at-primary{background:#d5f9e9;color:#10271e;border-color:#d5f9e9;box-shadow:0 0 30px #aaffdb15}
.review-page .at-primary:hover{background:#fff;box-shadow:0 0 40px #aaffdb30}

/* The product sits on a lit stage and settles flat as it scrolls into view. */
.review-stage{position:relative;width:min(1180px,100%);margin:84px auto 0;perspective:1600px}
.review-stage:before{content:'';position:absolute;inset:8% 6% -10%;z-index:-1;background:radial-gradient(ellipse at 50% 60%,#5eead42e,#7c6cf11c 45%,transparent 72%);filter:blur(30px)}
.review-stage img{display:block;width:100%;height:auto;border-radius:16px 16px 0 0;border:1px solid #ffffff1f;border-bottom:0;box-shadow:0 -10px 80px #00000080;transform-origin:50% 100%}
@supports (animation-timeline:view()){
  @media(prefers-reduced-motion:no-preference){
    .review-stage img{animation:review-stage-settle linear both;animation-timeline:view();animation-range:entry 0% cover 45%}
  }
}
@keyframes review-stage-settle{from{transform:rotateX(14deg) scale(.94);opacity:.6}to{transform:none;opacity:1}}

/* How it works: steps scroll on the right, one screenshot stays in view on the left. */
.review-steps{border-top:1px solid #ffffff14}
.review-steps .at-section-heading h2{max-width:760px}
.review-steps-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:72px;margin-top:72px;text-align:left}
.review-steps-media{position:sticky;top:120px;align-self:start;aspect-ratio:16/10;border-radius:14px;overflow:hidden;background:var(--paper);border:1px solid #ffffff1f;box-shadow:0 30px 90px #0009}
.review-steps-media img,.review-step-shot img{transform:scale(var(--zoom,1));transform-origin:var(--focus,50% 50%)}
.review-steps-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;scale:1.04;transition:opacity .6s ease,scale .9s cubic-bezier(.16,1,.3,1)}
.review-steps-media img.is-active{opacity:1;scale:1}
.review-step-list{list-style:none;margin:0;padding:0}
.review-step-list li{min-height:62vh;display:flex;flex-direction:column;justify-content:center;padding:24px 0;border-top:1px solid #ffffff18;opacity:.32;transition:opacity .5s ease}
.review-step-list li:first-child{border-top:0}
.review-step-list li.is-active{opacity:1}
.review-step-shot{display:none}
.review-step-list h3{font-size:clamp(28px,3.2vw,46px);line-height:1.1;letter-spacing:-.045em;font-weight:450}
.review-step-list p{color:#aeb7b2;font-size:15px;line-height:1.85;margin-top:18px;max-width:430px}

.review-band>div{grid-template-columns:1fr 1fr}
.review-band h2{grid-row:auto;font-size:clamp(28px,3.4vw,46px)}
.review-band p{margin-top:18px;max-width:440px}

@media(max-width:900px){
  .review-steps-layout{grid-template-columns:1fr;gap:0;margin-top:40px}
  .review-steps-media{display:none}
  .review-step-list li{min-height:0;opacity:1;padding:40px 0}
  .review-step-shot{display:block;aspect-ratio:16/10;overflow:hidden;border-radius:12px;border:1px solid #ffffff1f;background:var(--paper);margin-bottom:28px}
  .review-step-shot img{display:block;width:100%;height:100%;object-fit:cover}
}
@media(max-width:600px){
  .review-hero{padding:140px 20px 0}
  .review-hero h1{font-size:clamp(34px,10.4vw,56px);text-wrap:balance}
  .review-hero>p{font-size:14px}
  .review-hero .at-actions{flex-direction:column;align-items:center}
  .review-hero .at-btn{width:min(100%,260px)}
  .review-stage{margin-top:56px}
  .review-stage img{border-radius:10px 10px 0 0}
  .review-band>div{grid-template-columns:1fr;gap:48px}
}
@media(prefers-reduced-motion:reduce){
  .review-steps-media img,.review-step-list li{transition:none}
}