/* Gated download pages (/{lang}/downloads/<slug>/). Rides the v7 page kit
   (v7-pages.css: pg-eyebrow, pg-lead, pg-ticks, pg-sec, pg-h2) and the homepage
   tokens; everything here is scoped to .gated-download. */

.gated-download .gd-hero{ position:relative; overflow:hidden;
  /* pull the background up behind the floating nav (16 + 82), like the homepage hero */
  margin-top:-98px;
  padding:calc(98px + clamp(40px,6vw,76px)) 0 clamp(20px,3vw,40px);
  background:
    radial-gradient(58% 50% at 8% 0%, rgba(0,168,133,.14), transparent 62%),
    radial-gradient(46% 52% at 100% 12%, rgba(72,180,255,.13), transparent 60%),
    linear-gradient(180deg,#F4FAF8 0%,#FFFFFF 82%); }
.gated-download .gd-hero__grid{ display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
  grid-template-areas:"intro card" "inside card"; grid-template-rows:auto 1fr;
  column-gap:clamp(32px,5vw,72px); align-items:start; }
.gated-download .gd-hero__intro{ grid-area:intro; }
.gated-download .gd-inside{ grid-area:inside; }
.gated-download .gd-card{ grid-area:card; }
.gated-download .gd-hero h1{ font-family:var(--font-serif,Georgia,serif); font-weight:900;
  font-size:clamp(2.25rem,3.6vw,3.125rem); line-height:1.1; letter-spacing:-.015em;
  color:var(--indigo-800,#152361); margin:0 0 18px; text-wrap:balance; }
.gated-download .gd-hero .pg-lead{ margin-bottom:8px; }

/* "what's inside": the report preview next to the tick list */
.gated-download .gd-inside{ display:grid; grid-template-columns:clamp(160px,13.5vw,190px) minmax(0,1fr);
  gap:clamp(80px,7.5vw,108px); align-items:start; margin-top:14px; }
.gated-download .gd-inside .pg-ticks{ margin:22px 0 0; }

/* real report pages: cover in front, two inside pages fanned out behind it */
.gated-download .gd-preview{ position:relative; aspect-ratio:600/848; margin:12px 0 18px; }
.gated-download .gd-preview img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover;
  border-radius:4px; background:#fff; border:1px solid rgba(21,35,97,.08); }
.gated-download .gd-preview__cover{ z-index:3; transform:rotate(-3deg);
  box-shadow:0 26px 50px -24px rgba(6,16,38,.45), 0 2px 6px rgba(6,16,38,.06); }
.gated-download .gd-preview__page{ box-shadow:0 14px 30px -18px rgba(6,16,38,.35); }
.gated-download .gd-preview__page--1{ z-index:2; transform:translate(20%,-2%) rotate(5deg) scale(.94); }
.gated-download .gd-preview__page--2{ z-index:1; transform:translate(34%,3%) rotate(10deg) scale(.88); }

/* form card */
.gated-download .gd-card{ position:relative; margin:0; background:#fff; border-radius:24px;
  padding:clamp(24px,3vw,36px); border:1px solid rgba(21,35,97,.08);
  box-shadow:0 40px 80px -40px rgba(6,16,38,.35); scroll-margin-top:110px; }
.gated-download .gd-card__title{ font-family:var(--font-serif,Georgia,serif); font-weight:900;
  font-size:clamp(1.125rem,1.7vw,1.375rem); line-height:1.15; color:var(--indigo-800,#152361); margin:0 0 22px; }
.gated-download .gd-field{ display:grid; gap:6px; margin-bottom:14px; }
.gated-download .gd-field label{ font-weight:600; font-size:14px; color:var(--indigo-800,#152361); }
.gated-download .gd-field input{ height:48px; padding:0 14px; border-radius:10px; width:100%;
  box-sizing:border-box; background:#fff; border:1px solid rgba(21,35,97,.18);
  color:var(--indigo-800,#152361); font:inherit; font-size:16px; transition:border-color .15s ease; }
.gated-download .gd-field input:focus{ outline:2px solid var(--green-500,#00A885); outline-offset:1px;
  border-color:var(--green-500,#00A885); }
.gated-download .gd-field input[aria-invalid="true"]{ border-color:#C8372D; }
.gated-download .gd-consent{ display:flex; gap:10px; align-items:flex-start; margin:6px 0 4px;
  font-size:13px; line-height:1.5; color:var(--slate-700,#5B6590); }
.gated-download .gd-consent{ margin:4px 0 0; }
.gated-download .gd-consent input{ width:18px; height:18px; flex:none; margin-top:1px;
  accent-color:var(--green-600,#0C8E77); }
.gated-download .gd-consent a{ color:inherit; text-decoration:underline; text-underline-offset:2px; }
.gated-download .gd-err{ margin:0; font-size:13px; line-height:1.4; color:#C8372D; }
.gated-download .gd-err:empty{ display:none; }
.gated-download .gd-err--form{ margin-top:10px; }
.gated-download .gd-submit{ width:100%; justify-content:center; margin-top:16px; }
.gated-download .gd-submit[disabled]{ opacity:.7; cursor:progress; }
.gated-download .gd-note{ margin:12px 0 0; font-size:12.5px; line-height:1.5;
  color:var(--slate-700,#5B6590); }
.gated-download .gd-note a{ color:inherit; text-decoration:underline; text-underline-offset:2px; }

.gated-download .gd-success{ text-align:center; outline:none; }
.gated-download .gd-success__icon{ display:inline-grid; place-items:center; width:56px; height:56px;
  border-radius:50%; background:rgba(0,168,133,.12); margin-bottom:14px; }
.gated-download .gd-success__icon svg{ width:28px; height:28px; fill:none; stroke:var(--green-600,#0C8E77);
  stroke-width:2.6; stroke-linecap:round; stroke-linejoin:round; }
.gated-download .gd-success .gd-card__title{ margin-bottom:10px; }
.gated-download .gd-success__text{ margin:0 0 22px; font-size:15px; line-height:1.55; color:var(--slate-700,#5B6590); }
.gated-download .gd-success__btn{ width:100%; justify-content:center; }

/* tighter vertical rhythm than the site default (pg-sec 44-72px) */
.gated-download .pg-sec{ padding-block:clamp(36px,4vw,56px); }

/* stats */
.gated-download .gd-stats__grid{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px;
  margin-top:8px; }
.gated-download .gd-stat{ display:flex; flex-direction:column; gap:8px; padding:28px 24px;
  border-radius:20px; background:#fff; border:1px solid rgba(21,35,97,.08);
  box-shadow:0 1px 2px rgba(21,35,97,.04), 0 8px 20px -14px rgba(21,35,97,.20); }
.gated-download .gd-stat strong{ font-family:var(--font-serif,Georgia,serif); font-weight:900;
  font-size:clamp(2.25rem,3.4vw,3rem); line-height:1; color:var(--green-600,#0C8E77); }
.gated-download .gd-stat span{ font-size:16px; line-height:1.45; color:var(--indigo-800,#152361); font-weight:600; }
.gated-download .gd-stat small{ font-size:13px; color:var(--slate-700,#5B6590); margin-top:auto; padding-top:8px; }
.gated-download .gd-source{ margin:20px auto 0; max-width:70ch; text-align:center; font-size:12px;
  line-height:1.5; color:var(--slate-700,#5B6590); }

/* partner quote: the site's testimonial pattern (photo left with logo badge,
   serif quote right), with a readable logo size */
.gated-download .gd-quote{ padding-top:clamp(8px,1.5vw,20px); }
.gated-download .gd-quote__grid{ display:grid; grid-template-columns:minmax(0,280px) minmax(0,1fr);
  gap:clamp(32px,6vw,96px); align-items:center; max-width:1080px; margin:0 auto; }
.gated-download .gd-quote__media{ position:relative; }
.gated-download .gd-quote__photo{ display:block; width:100%; height:auto; aspect-ratio:1/1; object-fit:cover;
  object-position:50% 20%; border-radius:24px; }
.gated-download .gd-quote__photo--ph{ display:grid; place-items:center; background:var(--indigo-800,#152361);
  color:#fff; font-weight:700; font-size:48px; }
.gated-download .gd-quote__badge{ position:absolute; right:-18px; bottom:-18px; display:grid; place-items:center;
  width:clamp(104px,9vw,124px); aspect-ratio:1/1; border-radius:20px; background:#fff;
  box-shadow:0 12px 28px -14px rgba(6,16,38,.35); }
.gated-download .gd-quote__badge img{ width:72%; height:auto; }
.gated-download .gd-quote__logo--ph{ font-size:12px; font-weight:600; color:var(--slate-700,#5B6590); }
.gated-download .gd-quote__body{ position:relative; }
.gated-download .gd-quote__body .pg-eyebrow{ margin:0 0 4px; }
.gated-download .gd-quote__mark{ display:block; height:56px; font-family:var(--font-serif,Georgia,serif);
  font-size:120px; line-height:1; color:rgba(21,35,97,.08); }
.gated-download .gd-quote blockquote{ margin:0 0 28px; font-family:var(--font-sans,Montserrat,sans-serif); font-weight:500;
  font-size:clamp(1.125rem,1.6vw,1.375rem); line-height:1.6; color:var(--indigo-800,#152361); }
.gated-download .gd-quote blockquote strong{ font-weight:700; }
.gated-download .gd-quote figcaption{ display:grid; gap:4px; font-size:16px; color:var(--indigo-800,#152361); }
.gated-download .gd-quote figcaption strong{ font-weight:700; }
.gated-download .gd-quote__review{ display:table; margin-bottom:14px; padding:4px 10px; border-radius:999px;
  background:#FFE08A; color:#5B4300; font-size:11px; font-weight:700; letter-spacing:.02em; }

/* risks */
.gated-download .gd-risks__grid{ display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:clamp(28px,5vw,72px); align-items:center; }
.gated-download .gd-risks__cta{ margin-top:6px; }
.gated-download .gd-risks__list{ display:grid; gap:12px; }
.gated-download .gd-risks__list details{ border-radius:16px; background:#fff; border:1px solid rgba(21,35,97,.08);
  transition:box-shadow .2s ease; }
.gated-download .gd-risks__list details[open]{ box-shadow:0 1px 2px rgba(21,35,97,.04), 0 12px 28px rgba(21,35,97,.06); }
.gated-download .gd-risks__list summary{ display:flex; gap:16px; align-items:center; padding:18px 20px;
  cursor:pointer; list-style:none; font-size:17px; line-height:1.4; font-weight:600; color:var(--indigo-800,#152361); }
.gated-download .gd-risks__list summary::-webkit-details-marker{ display:none; }
.gated-download .gd-risks__list summary:focus-visible{ outline:2px solid var(--green-500,#00A885); outline-offset:2px; border-radius:16px; }
.gated-download .gd-risks__n{ flex:none; font-family:var(--font-serif,Georgia,serif); font-weight:900;
  font-size:20px; color:var(--green-600,#0C8E77); min-width:2ch; }
.gated-download .gd-risks__t{ flex:1; }
.gated-download .gd-risks__chev{ display:grid; place-items:center; flex:none; width:28px; height:28px;
  border-radius:50%; background:rgba(0,168,133,.10); }
.gated-download .gd-risks__chev svg{ width:16px; height:16px; fill:none; stroke:var(--green-600,#0C8E77);
  stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; transition:transform .2s ease; }
.gated-download details[open] .gd-risks__chev svg{ transform:rotate(180deg); }
.gated-download .gd-risks__body{ padding:0 20px 20px calc(20px + 2ch + 16px); }
.gated-download .gd-risks__body .gd-risks__insight{ margin-top:10px; font-size:14px; font-weight:600; color:var(--green-600,#0C8E77); }
.gated-download .gd-risks__body p{ margin:0; font-size:16px; line-height:1.55; color:var(--slate-700,#5B6590); }

/* customer logos, right above the closing About line */
.gated-download .gd-logos{ padding:clamp(36px,4vw,56px) 0 0; text-align:center; }
.gated-download .gd-proof__label{ margin:0 0 6px; font-size:12px; font-weight:700; letter-spacing:.06em;
  text-transform:uppercase; color:var(--slate-700,#5B6590); }
.gated-download .gd-proof__logos{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center;
  gap:0 clamp(24px,3.5vw,52px); }
.gated-download .gd-proof__logo{ display:flex; align-items:center; justify-content:center; height:60px;
  overflow:hidden; }
.gated-download .gd-proof__logo img{ width:auto; max-width:none; }
/* the padded 170x100 SVGs: crop their empty sides so spacing matches the tight logos */
.gated-download .gd-proof__logo:has(img[alt="Autodoc"]),
.gated-download .gd-proof__logo:has(img[alt="SoSafe"]){ width:120px; }

/* one-line About OpenUp above the footer */
.gated-download .gd-about{ padding:clamp(16px,2vw,24px) 0 clamp(40px,4.5vw,64px); text-align:center; }
.gated-download .gd-about p{ max-width:720px; margin:0 auto; font-size:15px; line-height:1.6; color:var(--slate-700,#5B6590); }
.gated-download .gd-about a,
.gated-download .gd-success__more a{ font-size:15px; color:var(--indigo-800,#152361); font-weight:600; text-decoration:underline;
  text-underline-offset:3px; text-decoration-color:rgba(21,35,97,.3); }
.gated-download .gd-about a:hover,
.gated-download .gd-success__more a:hover{ text-decoration-color:currentColor; }
.gated-download .gd-success__more{ margin:18px 0 0; font-size:14px; color:var(--slate-700,#5B6590); }

@media (max-width:900px){
  .gated-download .gd-hero__grid{ grid-template-columns:1fr; grid-template-areas:"intro" "card" "inside";
    grid-template-rows:auto; row-gap:28px; }
  .gated-download .gd-inside{ margin-top:8px; }
  .gated-download .gd-risks__grid{ grid-template-columns:1fr; }
  .gated-download .gd-inside{ grid-template-columns:96px minmax(0,1fr); gap:44px; align-items:start; }
  .gated-download .gd-stats__grid{ grid-template-columns:1fr; }
  .gated-download .gd-quote__grid{ grid-template-columns:1fr; }
  .gated-download .gd-proof__logos{ gap:4px 24px; }
  .gated-download .gd-quote__media{ max-width:260px; }
  .gated-download .gd-risks__body{ padding-left:20px; }
}

.gated-download .gd-stats .pg-lead{ max-width:64ch; margin-inline:auto; }