/* The report offer and decision examples form one Reports journey. */
.reports-document{scroll-snap-type:y mandatory}
.product-preview .product-visual__frame,
.reports-overview__frame{width:min(100%,590px);aspect-ratio:1;margin-inline:auto}
.reports-overview__frame{width:min(100%,590px,calc(100svh - 190px))}

.reports-overview,
.report-formats,
.reports-examples{position:relative;min-height:calc(100svh - 84px);display:flex;align-items:center;overflow:hidden}
.reports-overview{background:radial-gradient(circle at 77% 38%,#155766 0%,#0c2f40 38%,#0b192a 78%);color:#f7fbfa}
.reports-overview__grid{width:min(100%,1510px);display:grid;grid-template-columns:minmax(0,.87fr) minmax(0,1.13fr);gap:clamp(40px,6vw,105px);align-items:center;padding-block:clamp(52px,7vh,85px)}
.reports-overview__copy{max-width:610px}
.reports-overview__copy h2,
.report-formats h2,
.reports-examples h2{margin:22px 0 28px;font-family:var(--content-slide-font);font-size:var(--content-slide-heading-size);font-weight:800;line-height:1.06;letter-spacing:-.055em;text-wrap:balance}
.reports-overview__copy h2 em,
.report-formats h2 em,
.reports-examples h2 em{font-style:normal;color:#77e4d4}
.reports-overview__copy p,
.report-formats__inner>p,
.reports-examples p{max-width:650px;margin:0;font-family:var(--content-slide-font);font-size:var(--content-slide-body-size);font-weight:500;line-height:1.5;letter-spacing:-.015em}
.reports-overview__copy p{color:#dcefeb}
.reports-overview__visual{min-width:0}
.reports-overview__frame{position:relative;overflow:hidden;border:1px solid rgba(191,237,232,.42);border-radius:25px;background:#101c2d;box-shadow:0 34px 78px rgba(0,0,0,.34)}
.reports-overview .signal-rule{--signal-length:145px;margin-bottom:23px}

.report-formats{background:#eaf1f2;color:#102332}
.report-formats__inner{width:min(100%,1380px);padding-block:clamp(60px,8vh,100px)}
.report-formats h2{max-width:1050px;margin-bottom:clamp(34px,5vh,60px)}
.report-formats h2 em{color:#0b9489}
.report-formats .signal-rule{--story-rule:var(--story-rule-on-light)}
.report-formats__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.3vw,35px)}
.report-format{position:relative;display:flex;flex-direction:column;min-height:440px;padding:clamp(27px,3vw,45px);border:1px solid #b9d1d3;border-radius:20px;background:#f9fbfb;box-shadow:0 20px 45px rgba(11,46,57,.08)}
.report-format::before{content:"";position:absolute;top:0;left:clamp(27px,3vw,45px);width:86px;height:4px;border-radius:0 0 5px 5px;background:#0cb7a6}
.report-format:nth-child(2)::before{background:#f7be3b}
.report-format__number{color:#147b75;font-size:12px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}
.report-format:nth-child(2) .report-format__number{color:#9a6e0e}
.report-format h3{margin:20px 0 14px;font-family:var(--content-slide-font);font-size:clamp(32px,2.7vw,44px);font-weight:800;letter-spacing:-.045em;line-height:1.1}
.report-format p{max-width:560px;margin:0 0 23px;color:#3c555e;font-family:var(--content-slide-font);font-size:clamp(17px,1.35vw,20px);font-weight:500;line-height:1.5}
.report-format__fit{margin-top:auto;padding-top:25px}
.report-format__fit-label{display:block;color:#126d66;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.report-format:nth-child(2) .report-format__fit-label{color:#916912}
.report-format__fit ul{display:grid;gap:10px;margin:14px 0 0;padding:0;list-style:none}
.report-format__fit li{position:relative;padding-left:22px;color:#34525a;font-family:var(--content-slide-font);font-size:clamp(15px,1.15vw,17px);font-weight:500;line-height:1.35}
.report-format__fit li::before{content:"";position:absolute;top:.5em;left:1px;width:8px;height:8px;border-radius:50%;background:#0cb7a6}
.report-format:nth-child(2) .report-format__fit li::before{background:#e4a92a}

.reports-examples{min-height:calc(100svh - 84px);background:radial-gradient(circle at 76% 48%,#125265 0%,#0d3545 35%,#0b1b2b 78%);color:#fff}
.reports-examples .container{width:min(100%,1420px);padding-block:clamp(80px,10vh,130px)}
.reports-examples__grid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);align-items:center;gap:clamp(30px,5vw,90px)}
.reports-examples h2{max-width:760px}
.reports-examples p{color:#d5e8e8}
.reports-examples .signal-rule{--signal-length:145px}
.reports-examples__visual{position:relative;min-height:500px;isolation:isolate}
.reports-examples__visual span{position:absolute;display:block;width:max-content;max-width:80%;padding:12px 18px;border:1px solid rgba(154,225,217,.45);border-radius:999px;background:rgba(13,52,65,.9);box-shadow:0 15px 40px rgba(0,0,0,.18);color:#f3fbf9;font-size:clamp(14px,1.2vw,18px);font-weight:750;white-space:nowrap;animation:report-question-pulse 7s ease-in-out infinite}
.reports-examples__visual span:nth-child(1){top:1%;left:7%;animation-delay:0s}
.reports-examples__visual span:nth-child(2){top:13%;right:1%;animation-delay:-.9s}
.reports-examples__visual span:nth-child(3){top:25%;left:2%;animation-delay:-1.8s}
.reports-examples__visual span:nth-child(4){top:37%;right:3%;animation-delay:-2.7s}
.reports-examples__visual span:nth-child(5){top:49%;left:6%;animation-delay:-3.6s}
.reports-examples__visual span:nth-child(6){top:61%;right:0;animation-delay:-4.5s}
.reports-examples__visual span:nth-child(7){top:73%;left:2%;animation-delay:-5.4s}
.reports-examples__visual span:nth-child(8){top:85%;right:7%;animation-delay:-6.3s}
@keyframes report-question-pulse{0%,100%{opacity:.58;transform:translateY(0) scale(.94)}18%,36%{opacity:1;transform:translateY(-4px) scale(1.08);background:#116c6b;border-color:#85ecda;box-shadow:0 18px 38px rgba(0,0,0,.24),0 0 30px rgba(69,227,202,.24)}52%{opacity:.66;transform:translateY(0) scale(.96)}}

.case-kind{display:inline-flex;align-self:flex-start;margin:0 0 20px;padding:7px 12px;border:1px solid #9bc9c2;border-radius:99px;color:#097e73;background:rgba(18,165,148,.06);font-size:12px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
.case-card:nth-child(even) .case-kind{border-color:#568f88;color:#baf3e9;background:rgba(24,166,152,.12)}
.case-copy .signal-rule{margin-bottom:22px}
.case-copy h2{margin-bottom:18px}
.case-line{max-width:660px;font-family:var(--content-slide-font);font-size:clamp(19px,1.55vw,24px);line-height:1.42}
.case-example__row{grid-template-columns:110px minmax(0,1fr)}
.case-example__label{white-space:nowrap}

/* The open disclosure gives the current constraint and Destera's response different weight. */
.case-disclosure .case-example{max-width:650px;margin:0;padding:5px 0 13px}
.case-example__context{padding:3px 2px 0}
.case-example__eyebrow{display:block;font-family:var(--content-slide-font);font-size:11px;font-weight:850;line-height:1.2;letter-spacing:.13em;text-transform:uppercase}
.case-example__context .case-example__eyebrow{color:#647d82}
.case-example__context p{margin:8px 0 0;color:#4c6269;font-family:var(--content-slide-font);font-size:15px;font-weight:500;line-height:1.46}
.case-example__response{position:relative;isolation:isolate;overflow:hidden;margin-top:18px;padding:20px 23px 22px;border:1px solid rgba(95,217,199,.55);border-radius:17px;background:linear-gradient(125deg,#0b3541 0%,#0d5458 72%,#0b6965 100%);box-shadow:0 17px 36px rgba(5,39,48,.18);color:#fff}
.case-example__response::before{content:"";position:absolute;z-index:-1;top:-120px;right:-70px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(104,238,211,.23),transparent 68%);pointer-events:none}
.case-example__response-head{display:flex;align-items:center;gap:10px}
.case-example__response-mark{display:grid;flex:none;place-items:center;width:28px;height:28px;border-radius:50%;background:#fbbf24;color:#123039;font-size:18px;font-weight:800;line-height:1}
.case-example__response .case-example__eyebrow{color:#b7f2e8}
.case-example__response p{margin:12px 0 0;color:#f8fffd;font-family:var(--content-slide-font);font-size:clamp(15px,1.1vw,17px);font-weight:650;line-height:1.47;letter-spacing:-.01em}
.case-card:nth-child(even) .case-example__context .case-example__eyebrow{color:#9fc4c5}
.case-card:nth-child(even) .case-example__context p{color:#c6dada}
.case-card:nth-child(even) .case-example__response{background:linear-gradient(125deg,#0b4b53 0%,#126d68 100%);border-color:rgba(118,236,214,.7);box-shadow:0 17px 36px rgba(0,0,0,.23)}
@media(prefers-reduced-motion:no-preference){.case-disclosure[open] .case-example__response{animation:case-response-in .32s cubic-bezier(.2,.8,.2,1) both}}
@keyframes case-response-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

@media(max-width:1050px){
  .reports-overview__grid{grid-template-columns:1fr 1fr;gap:30px}
  .reports-overview__copy h2{font-size:clamp(42px,4.8vw,58px)}
  .report-format{min-height:440px}
}
@media(max-height:850px) and (min-width:761px){
  .reports-document .page-intro .container{padding-block:clamp(34px,5vh,48px)}
  .reports-overview__grid{padding-block:28px}
  .reports-overview__frame{width:min(100%,590px,calc(100svh - 150px))}
  .report-formats__inner{padding-block:20px}
  .report-formats h2{margin-bottom:18px}
  .report-format{min-height:0;padding:23px}
  .report-format::before{left:23px}
  .report-format h3{margin:13px 0 10px;font-size:clamp(30px,2.35vw,38px)}
  .report-format p{margin-bottom:14px;font-size:16px;line-height:1.4}
  .report-format__fit{padding-top:15px}
  .reports-examples .container{padding-block:22px}
  .reports-examples__visual{min-height:min(66svh,500px)}
}
@media(max-height:650px) and (min-width:761px){
  .reports-document .page-intro .container{padding-block:22px}
  .reports-document .page-intro h1{font-size:clamp(48px,5vw,76px)}
  .reports-document .page-intro .signal-rule{margin:15px auto 12px}
  .reports-document .page-intro .section-hero__subtext{font-size:17px;line-height:1.4}
  .report-formats__inner{padding-block:12px}
  .report-formats h2{margin:12px 0;font-size:clamp(42px,3.1vw,54px)}
  .report-format{padding:14px 18px}
  .report-format::before{left:18px}
  .report-format h3{margin:7px 0 6px;font-size:29px}
  .report-format p{margin-bottom:8px;font-size:15px;line-height:1.3}
  .report-format__fit{padding-top:9px}
  .report-format__fit ul{gap:8px;margin-top:10px}
  .report-format__fit li{font-size:15px}
  .report-format__fit-label{font-size:11px}
  .reports-examples h2{margin:13px 0 16px}
}
@media(max-width:760px){
  .reports-document{scroll-snap-type:none}
  .reports-overview,.report-formats,.reports-examples{min-height:auto}
  .reports-overview__grid{grid-template-columns:1fr;padding-block:70px 95px}
  .reports-overview__copy h2,.report-formats h2,.reports-examples h2{font-size:clamp(40px,9.3vw,60px)}
  .reports-overview__copy p,.reports-examples p{font-size:17px}
  .reports-overview__frame{border-radius:17px}
  .report-formats__inner,.reports-examples .container{padding-block:74px 95px}
  .report-formats__grid{grid-template-columns:1fr}
  .report-format{min-height:0}
  .reports-examples__grid{grid-template-columns:minmax(0,1fr)}
  .reports-examples__copy,.reports-examples__visual{min-width:0}
  .reports-examples__visual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:14px;min-height:0}
  .reports-examples__visual span{position:relative;inset:auto!important;justify-self:start;max-width:100%;font-size:13px;white-space:normal;overflow-wrap:anywhere}
  .reports-examples__visual span:nth-child(even){justify-self:end}
  .case-kind{margin-bottom:16px}
  .case-example__response{padding:18px 19px 20px}
}
@media(max-width:350px){
  #benchmarking .case-copy h2{font-size:38px}
}