/* Pasch Group Research – report pages. GENERATED by tools/build_wp_css.py from assets/pg.css + wp/src/extra.css. */ body.pg-report .pg-r { --t-h2: clamp(2rem, 4vw, 3.4rem); --t-h3: clamp(1.25rem, 1.6vw, 1.45rem); --t-lead: clamp(1.05rem, 1.3vw, 1.2rem); --t-label: .76rem; --gutter: clamp(16px, 4vw, 48px); --wrap: 1200px; --r-lg: 22px; --ease: cubic-bezier(.2, .7, .1, 1); --shadow-card: inset 0 0 0 1px var(--pg-line, rgba(13, 21, 36, .10)), 0 1px 2px rgba(13,21,36,.04), 0 24px 48px -32px rgba(13,21,36,.25); color-scheme: light } body.pg-report .pg-r *, body.pg-report .pg-r *::before, body.pg-report .pg-r *::after { box-sizing: border-box; } html { -webkit-text-size-adjust: 100%; scroll-padding-top: 84px; } body.pg-report .pg-r { margin: 0; background: var(--pg-sky, #FAF7F3); color: var(--pg-ink, #0D1524); font: 400 1rem/1.6 var(--pg-font, "Geist", "Helvetica Neue", Arial, sans-serif); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow-x: hidden; } body.pg-report .pg-r img, body.pg-report .pg-r video { max-width: 100%; display: block; } body.pg-report .pg-r a { color: inherit; } body.pg-report .pg-r button { font: inherit; color: inherit; cursor: pointer; } body.pg-report .pg-r [hidden] { display: none !important; } body.pg-report .pg-r h1, body.pg-report .pg-r h2, body.pg-report .pg-r h3, body.pg-report .pg-r h4 { margin: 0; font-family: var(--pg-font, "Geist", "Helvetica Neue", Arial, sans-serif); font-weight: 400; letter-spacing: -.035em; line-height: 1.04; text-wrap: balance; } body.pg-report .pg-r p { margin: 0; text-wrap: pretty; } body.pg-report .pg-r ul, body.pg-report .pg-r ol { margin: 0; padding: 0; list-style: none; } body.pg-report .pg-r :focus-visible { outline: 2px solid var(--pg-blue, #3F7FEA); outline-offset: 3px; border-radius: 6px; } body.pg-report .pg-r .wrap { width: 100%; max-width: calc(var(--wrap) + var(--gutter) * 2); margin-inline: auto; padding-inline: var(--gutter); } body.pg-report .pg-r .eyebrow { font: 500 var(--t-label)/1 var(--pg-font-label, "Archivo", "Helvetica Neue", Arial, sans-serif); letter-spacing: .08em; text-transform: uppercase; color: var(--pg-slate, #4F5966); } body.pg-report .pg-r .label { font: 500 .69rem/1.2 var(--pg-font-label, "Archivo", "Helvetica Neue", Arial, sans-serif); letter-spacing: .08em; text-transform: uppercase; color: var(--pg-mute, #646D7A); } body.pg-report .pg-r .head { display: grid; gap: 18px; justify-items: center; text-align: center; max-width: 760px; margin-inline: auto; } body.pg-report .pg-r .head h2 { font-size: var(--t-h2); } body.pg-report .pg-r .head p { font-size: var(--t-lead); color: var(--pg-slate, #4F5966); max-width: 60ch; } body.pg-report .pg-r .head.left { justify-items: start; text-align: left; margin: 0; } body.pg-report .pg-r .section-cta { display: flex; justify-content: center; margin-top: clamp(40px, 5vw, 64px); } body.pg-report .pg-r .btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; border: 0; border-radius: 999px; padding: 14px 24px; font-weight: 500; font-size: .95rem; line-height: 1; text-decoration: none; letter-spacing: -.005em; white-space: nowrap; transition: transform .2s var(--ease), background-color .2s, box-shadow .2s, color .2s; } body.pg-report .pg-r .btn svg { width: 15px; height: 15px; flex: none; } body.pg-report .pg-r .btn-primary { background: var(--pg-ink, #0D1524); color: #fff; box-shadow: 0 1px 0 rgba(255,255,255,.12) inset, 0 6px 20px -8px rgba(13,21,36,.5); } body.pg-report .pg-r .btn-primary:hover { background: var(--pg-ink-hover, #1B2740); transform: translateY(-1px); } body.pg-report .pg-r .btn-ghost { background: transparent; color: var(--pg-ink, #0D1524); box-shadow: 0 0 0 1px var(--pg-line-2, rgba(13, 21, 36, .16)) inset; } body.pg-report .pg-r .btn-ghost:hover { background: rgba(13,21,36,.04); } body.pg-report .pg-r .btn-light { background: #fff; color: var(--pg-ink, #0D1524); } body.pg-report .pg-r .btn-light:hover { background: #EEF2F8; transform: translateY(-1px); } body.pg-report .pg-r .btn-ghost-dark { background: transparent; color: #fff; box-shadow: 0 0 0 1px rgba(255,255,255,.22) inset; } body.pg-report .pg-r .btn-ghost-dark:hover { background: rgba(255,255,255,.06); } body.pg-report .pg-r .btn-sm { padding: 10px 16px; font-size: .875rem; } body.pg-report .pg-r .btn-done { background: #fff; color: var(--pg-ink, #0D1524); box-shadow: 0 0 0 1px var(--pg-line-2, rgba(13, 21, 36, .16)) inset; } body.pg-report .pg-r .btn-done svg { color: #1FA971; } body.pg-report .pg-r .link-arrow { display: inline-flex; gap: 8px; align-items: center; font-weight: 500; text-decoration: none; color: var(--pg-ink, #0D1524); border: 0; border-bottom: 1px solid var(--pg-line-2, rgba(13, 21, 36, .16)); padding: 0 0 2px; background: none; transition: border-color .2s; } body.pg-report .pg-r .link-arrow:hover { border-color: var(--pg-ink, #0D1524); } body.pg-report .pg-r .link-arrow svg { width: 14px; height: 14px; transition: transform .25s var(--ease); } body.pg-report .pg-r .link-arrow:hover svg { transform: translateX(3px); } body.pg-report .pg-r .badge { display: inline-flex; align-items: center; gap: 10px; background: var(--pg-ink, #0D1524); color: #fff; border-radius: 999px; padding: 8px 14px 8px 11px; font: 500 .7rem/1 var(--pg-font-label, "Archivo", "Helvetica Neue", Arial, sans-serif); letter-spacing: .08em; text-transform: uppercase; white-space: nowrap; } body.pg-report .pg-r .badge i, body.pg-report .pg-r .pill-status i { width: 7px; height: 7px; border-radius: 50%; background: var(--pg-success, #5CE0A0); box-shadow: 0 0 8px var(--pg-success, #5CE0A0); flex: none; } body.pg-report .pg-r .badge.is-soon i, body.pg-report .pg-r .pill-status.is-soon i { background: var(--pg-blue, #3F7FEA); box-shadow: 0 0 0 0 rgba(63,127,234,.5); animation: pg-beacon 2.4s var(--ease) infinite; } body.pg-report .pg-r .badge.is-book i, body.pg-report .pg-r .pill-status.is-book i { background: #fff; box-shadow: none; } body.pg-report .pg-r .pill-status.is-book i { background: var(--pg-ink, #0D1524); } body.pg-report .pg-r .badge.is-plain { background: #fff; color: var(--pg-slate, #4F5966); box-shadow: 0 0 0 1px var(--pg-line, rgba(13, 21, 36, .10)) inset; } body.pg-report .pg-r .badge.is-plain i { display: none; } @keyframes pg-beacon { 0% { box-shadow: 0 0 0 0 rgba(63,127,234,.55); } 70%, 100% { box-shadow: 0 0 0 7px rgba(63,127,234,0); } } body.pg-report .pg-r .rbar { position: fixed; z-index: 60; top: 0; left: 0; right: 0; background: rgba(250,247,243,.88); -webkit-backdrop-filter: saturate(160%) blur(16px); backdrop-filter: saturate(160%) blur(16px); box-shadow: 0 1px 0 var(--pg-line, rgba(13, 21, 36, .10)); transform: translateY(-101%); transition: transform .45s var(--ease); } body.pg-report .pg-r .rbar.show { transform: none; } body.pg-report .pg-r .rbar .bar { display: flex; align-items: center; gap: 14px; height: 64px; } body.pg-report .pg-r .rbar .cover { --w: 30px; } body.pg-report .pg-r .rbar-t { flex: 1; min-width: 0; display: grid; gap: 2px; } body.pg-report .pg-r .rbar-t b { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: .95rem; font-weight: 500; letter-spacing: -.01em; } body.pg-report .pg-r .rbar-t span { font-size: .8rem; color: var(--pg-slate, #4F5966); } body.pg-report .pg-r .cover { --w: 300px; position: relative; width: var(--w); aspect-ratio: 8.5 / 11; container-type: inline-size; flex: none; } body.pg-report .pg-r .cover--sm { --w: 100%; } body.pg-report .pg-r .cover--xs { --w: 44px; } body.pg-report .pg-r .cover .sheet { --paper: #FFFFFF; position: absolute; inset: 1.5% 0; z-index: calc(20 - var(--i)); padding: 12cqi 8cqi 14cqi 10cqi; border-radius: 1px 3px 3px 1px; background-image: repeating-linear-gradient(180deg, transparent 0 3.6cqi, #E4E0D8 3.6cqi 4.4cqi), linear-gradient(var(--paper), var(--paper)); background-clip: content-box, border-box; background-origin: content-box, border-box; box-shadow: 0 0 0 .5px rgba(13,21,36,.12), .6cqi 1.4cqi 3.2cqi -1cqi rgba(13,21,36,.22); transform-origin: 0 100%; transform: translateX(calc(var(--i) * .9cqi)) rotate(calc(var(--i) * 2.1deg)); transition: transform 1s var(--ease) calc(var(--i) * 70ms + 120ms); } body.pg-report .pg-r .cover .sheet:nth-of-type(even) { --paper: #FBFAF7; } body.pg-report .pg-r .cover--book .sheet { --paper: #FCF8F0; } .js body.pg-report .pg-r .cover.pre .sheet { transform: none; } body.pg-report .pg-r .cover-face { --face: linear-gradient(160deg, #18253F 0%, #0D1524 58%); --on-face: #fff; --band: var(--pg-blue, #3F7FEA); --on-band: #fff; position: absolute; inset: 0; z-index: 30; display: flex; flex-direction: column; padding: 9cqi 8cqi 0; overflow: hidden; border-radius: 2px 6px 6px 2px; background: var(--face); color: var(--on-face); box-shadow: inset 2.2cqi 0 0 -1.2cqi rgba(255,255,255,.14), 0 0 0 .5px rgba(13,21,36,.2), 1cqi 1.6cqi 3cqi -1cqi rgba(13,21,36,.32); transition: transform .5s var(--ease); } body.pg-report .pg-r .cover-face::after { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: radial-gradient(rgba(255,255,255,.07) 1px, transparent 1.2px); background-size: 5cqi 5cqi; mask-image: linear-gradient(180deg, transparent 20%, #000 75%); -webkit-mask-image: linear-gradient(180deg, transparent 20%, #000 75%); } body.pg-report .pg-r .cover-top { position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: center; gap: 4cqi; font: 500 3.1cqi/1 var(--pg-font-label, "Archivo", "Helvetica Neue", Arial, sans-serif); letter-spacing: .08em; text-transform: uppercase; opacity: .78; } body.pg-report .pg-r .cover-brand { display: inline-flex; align-items: center; gap: 2.2cqi; } body.pg-report .pg-r .cover-mark { width: 4.6cqi; height: 4.6cqi; } body.pg-report .pg-r .cover-title { position: relative; z-index: 1; margin-top: 15cqi; font: 400 9cqi/1.06 var(--pg-font, "Geist", "Helvetica Neue", Arial, sans-serif); letter-spacing: -.035em; text-wrap: balance; overflow-wrap: break-word; } body.pg-report .pg-r .cover-band { position: relative; z-index: 1; margin: auto -8cqi 0; padding: 5.2cqi 8cqi; background: var(--band); color: var(--on-band); display: flex; justify-content: space-between; gap: 4cqi; font: 500 3cqi/1 var(--pg-font-label, "Archivo", "Helvetica Neue", Arial, sans-serif); letter-spacing: .08em; text-transform: uppercase; } body.pg-report .pg-r .cover--guide .cover-face { --face: #fff; --on-face: var(--pg-ink, #0D1524); --band: var(--pg-ink, #0D1524); box-shadow: inset 0 0 0 1px rgba(13,21,36,.1), 1cqi 1.6cqi 3cqi -1cqi rgba(13,21,36,.24); } body.pg-report .pg-r .cover--guide .cover-face::after { background-image: linear-gradient(rgba(13,21,36,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(13,21,36,.05) 1px, transparent 1px); background-size: 6cqi 6cqi; } body.pg-report .pg-r .cover--review .cover-face { --face: linear-gradient(160deg, #22324F, #111A29 60%); --band: var(--pg-blue-soft, #E8F0FD); --on-band: var(--pg-ink, #0D1524); } body.pg-report .pg-r .cover--book .cover-face { --face: linear-gradient(170deg, #EEF4FE, #D3E2FB); --on-face: var(--pg-ink, #0D1524); --band: var(--pg-ink, #0D1524); box-shadow: inset 3cqi 0 0 -1.4cqi rgba(13,21,36,.12), 0 0 0 .5px rgba(13,21,36,.16), 1cqi 1.6cqi 3cqi -1cqi rgba(13,21,36,.26); } body.pg-report .pg-r .cover--book .cover-face::after { background-image: radial-gradient(rgba(13,21,36,.06) 1px, transparent 1.2px); } body.pg-report .pg-r .cover--xs .cover-face { padding: 0; } body.pg-report .pg-r .cover--xs .cover-face > * { display: none; } body.pg-report .pg-r .crumbs { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; font-size: .82rem; color: var(--pg-mute, #646D7A); } body.pg-report .pg-r .crumbs a { color: var(--pg-slate, #4F5966); text-decoration: none; } body.pg-report .pg-r .crumbs a:hover { color: var(--pg-ink, #0D1524); } body.pg-report .pg-r .crumbs span[aria-current] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 46ch; } body.pg-report .pg-r .r-hero-grid { position: relative; display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: clamp(40px, 6vw, 88px); align-items: center; margin-top: clamp(28px, 4vw, 48px); } body.pg-report .pg-r .r-copy { display: grid; gap: 22px; justify-items: start; } body.pg-report .pg-r .status { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; } body.pg-report .pg-r .status small { font-size: .86rem; color: var(--pg-slate, #4F5966); } body.pg-report .pg-r .r-title { font-size: clamp(2.4rem, 4.3vw, 4rem); letter-spacing: -.045em; line-height: 1.02; } body.pg-report .pg-r .r-kind { margin-top: -6px; } body.pg-report .pg-r .r-sub { font-size: var(--t-lead); color: var(--pg-slate, #4F5966); max-width: 52ch; margin-top: -4px; } body.pg-report .pg-r .ctas { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 4px; } body.pg-report .pg-r .micro { font-size: .85rem; color: var(--pg-slate, #4F5966); } body.pg-report .pg-r [data-slot="primary"] { display: contents; } body.pg-report .pg-r .meta-row { display: flex; flex-wrap: wrap; row-gap: 14px; width: 100%; margin-top: 6px; padding-top: 20px; border-top: 1px solid var(--pg-line, rgba(13, 21, 36, .10)); } body.pg-report .pg-r .meta-item { display: grid; gap: 6px; padding-right: 22px; margin-right: 22px; border-right: 1px solid var(--pg-line, rgba(13, 21, 36, .10)); } body.pg-report .pg-r .meta-item:last-child { border-right: 0; margin-right: 0; padding-right: 0; } body.pg-report .pg-r .meta-item b { font-weight: 500; font-size: .96rem; letter-spacing: -.01em; } body.pg-report .pg-r .r-visual { position: relative; display: grid; place-items: center; min-height: clamp(380px, 38vw, 480px); } body.pg-report .pg-r .r-visual .cover { --w: clamp(220px, 23vw, 310px); transform: rotate(-2.5deg); transition: transform .9s var(--ease); } .js body.pg-report .pg-r .r-visual .cover.pre { transform: rotate(-6deg) translateY(16px); } body.pg-report .pg-r .r-visual .shadow { position: absolute; bottom: 8%; width: 46%; height: 26px; border-radius: 50%; background: radial-gradient(closest-side, rgba(13,21,36,.22), rgba(13,21,36,0)); filter: blur(4px); } body.pg-report .pg-r .float-chip { position: absolute; left: 2%; bottom: 14%; z-index: 40; display: flex; align-items: center; gap: 10px; max-width: 250px; padding: 10px 14px 10px 10px; border-radius: 16px; background: rgba(255,255,255,.82); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); box-shadow: 0 0 0 1px rgba(255,255,255,.8) inset, 0 0 0 1px rgba(13,21,36,.06), 0 20px 40px -24px rgba(13,21,36,.4); font-size: .82rem; line-height: 1.3; } body.pg-report .pg-r .float-chip .ic { width: 30px; height: 30px; flex: none; border-radius: 10px; display: grid; place-items: center; background: var(--pg-blue-soft, #E8F0FD); color: var(--pg-blue, #3F7FEA); } body.pg-report .pg-r .float-chip .ic svg { width: 15px; height: 15px; } body.pg-report .pg-r .float-chip small { display: block; font: 500 .7rem/1.2 var(--pg-font-label, "Archivo", "Helvetica Neue", Arial, sans-serif); letter-spacing: .08em; text-transform: uppercase; color: var(--pg-mute, #646D7A); margin-bottom: 2px; } body.pg-report .pg-r .dock { position: relative; margin-top: clamp(40px, 5vw, 60px); padding: 16px 18px; border-radius: 28px; background: rgba(255,255,255,.8); -webkit-backdrop-filter: blur(22px) saturate(150%); backdrop-filter: blur(22px) saturate(150%); box-shadow: 0 0 0 1px rgba(255,255,255,.75) inset, 0 0 0 1px rgba(13,21,36,.06), 0 30px 70px -34px rgba(13,21,36,.4); } body.pg-report .pg-r .dock-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px; } body.pg-report .pg-r .dock-q { display: flex; align-items: center; gap: 10px; font-size: 1.04rem; font-weight: 500; letter-spacing: -.01em; padding-left: 4px; } body.pg-report .pg-r .dock-q .dot { width: 7px; height: 7px; border-radius: 50%; background: var(--pg-blue, #3F7FEA); box-shadow: 0 0 0 4px rgba(63,127,234,.18); } body.pg-report .pg-r .dock-q span.mute { color: var(--pg-mute, #646D7A); font-weight: 400; } body.pg-report .pg-r .pills { display: flex; flex-wrap: wrap; gap: 8px; } body.pg-report .pg-r .pill { border: 0; background: var(--pg-paper, #FFFFFF); box-shadow: 0 0 0 1px var(--pg-line-2, rgba(13, 21, 36, .16)) inset; padding: 9px 15px; border-radius: 999px; font-size: .84rem; font-weight: 500; color: var(--pg-ink, #0D1524); transition: background-color .2s, color .2s, box-shadow .2s; } body.pg-report .pg-r .pill:hover { box-shadow: 0 0 0 1px var(--pg-ink, #0D1524) inset; } body.pg-report .pg-r .pill[aria-pressed="true"] { background: var(--pg-ink, #0D1524); color: #fff; box-shadow: none; } body.pg-report .pg-r .dock-panel { display: grid; grid-template-rows: 0fr; transition: grid-template-rows .5s var(--ease); } body.pg-report .pg-r .dock.open .dock-panel { grid-template-rows: 1fr; } body.pg-report .pg-r .dock-panel > div { overflow: hidden; min-height: 0; } body.pg-report .pg-r .dock-inner { margin-top: 16px; padding: 18px 4px 4px; border-top: 1px solid var(--pg-line, rgba(13, 21, 36, .10)); display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px 40px; align-items: end; opacity: 0; transform: translateY(-6px); transition: opacity .35s .08s, transform .5s var(--ease); } body.pg-report .pg-r .dock.open .dock-inner { opacity: 1; transform: none; } body.pg-report .pg-r .dock-inner .label { margin-bottom: 12px; display: block; } body.pg-report .pg-r .takeaways { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 28px; } body.pg-report .pg-r .takeaways li { display: flex; gap: 10px; font-size: .97rem; line-height: 1.45; } body.pg-report .pg-r .dock-inner > * { animation: pg-in .45s var(--ease) both; } body.pg-report .pg-r .dock-inner .link-arrow { justify-self: start; } body.pg-report .pg-r .takeaways svg { flex: none; width: 18px; height: 18px; margin-top: 2px; color: var(--pg-blue, #3F7FEA); } body.pg-report .pg-r .partner-line { display: flex; align-items: center; gap: 12px; margin-top: -4px; } body.pg-report .pg-r .partner-mark { display: inline-flex; align-items: center; min-height: 34px; padding: 6px 14px; border-radius: 999px; background: var(--pg-paper, #FFFFFF); box-shadow: 0 0 0 1px var(--pg-line, rgba(13, 21, 36, .10)) inset; font: 600 .95rem/1 var(--pg-font, "Geist", "Helvetica Neue", Arial, sans-serif); letter-spacing: -.01em; color: var(--pg-ink, #0D1524); text-decoration: none; transition: box-shadow .2s; } body.pg-report .pg-r .partner-mark:hover { box-shadow: 0 0 0 1px var(--pg-line-2, rgba(13, 21, 36, .16)) inset; } body.pg-report .pg-r .partner-mark img { display: block; height: 20px; width: auto; } body.pg-report .pg-r .partner-mark { gap: 8px; } body.pg-report .pg-r .partner-mark img.ic { height: 18px; width: 18px; object-fit: contain; } body.pg-report .pg-r .pg-band-statement h2 { font-size: clamp(2.2rem, 5.4vw, 4.6rem); letter-spacing: -.045em; max-width: 24ch; margin-inline: auto; text-align: center; } body.pg-report .pg-r .pg-band-statement h2 em { font-style: normal; color: var(--pg-mute, #646D7A); } body.pg-report .pg-r .pg-band-statement .body { margin: 28px auto 0; text-align: center; font-size: var(--t-lead); color: var(--pg-slate, #4F5966); max-width: 60ch; } body.pg-report .pg-r .stats { margin-top: clamp(56px, 7vw, 88px); display: grid; grid-template-columns: repeat(var(--n, 4), minmax(0, 1fr)); border-block: 1px solid var(--pg-line, rgba(13, 21, 36, .10)); } body.pg-report .pg-r .stat { display: grid; gap: 10px; align-content: start; padding: 28px 24px; } body.pg-report .pg-r .stat + .stat { border-left: 1px solid var(--pg-line, rgba(13, 21, 36, .10)); } body.pg-report .pg-r .stat b { font: 400 clamp(2.3rem, 3.6vw, 3.1rem)/1 var(--pg-font, "Geist", "Helvetica Neue", Arial, sans-serif); letter-spacing: -.045em; font-variant-numeric: tabular-nums; } body.pg-report .pg-r .stat > span { font-size: .93rem; line-height: 1.4; color: var(--pg-slate, #4F5966); max-width: 26ch; } body.pg-report .pg-r .stats-label { display: block; text-align: center; margin-top: clamp(56px, 7vw, 88px); margin-bottom: -40px; } body.pg-report .pg-r .steps-wrap { position: relative; margin-top: clamp(48px, 6vw, 72px); } body.pg-report .pg-r .steps-wrap .road { position: absolute; left: 12.5%; right: 12.5%; top: 27px; height: 2px; background: repeating-linear-gradient(90deg, rgba(13,21,36,.22) 0 14px, transparent 14px 26px); } body.pg-report .pg-r .steps-wrap .road i { position: absolute; left: 0; top: 0; bottom: 0; width: calc(var(--p) * 100%); background: var(--pg-ink, #0D1524); transform-origin: left; transition: transform 1.1s var(--ease) .35s; } .js body.pg-report .pg-r .steps-wrap.pre .road i { transform: scaleX(0); } body.pg-report .pg-r .steps { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; } body.pg-report .pg-r .steps li { display: grid; justify-items: center; align-content: start; gap: 10px; text-align: center; } body.pg-report .pg-r .steps .marker { width: 56px; height: 56px; border-radius: 50%; display: grid; place-items: center; background: var(--pg-paper, #FFFFFF); color: var(--pg-slate, #4F5966); font: 500 .9rem/1 var(--pg-font-label, "Archivo", "Helvetica Neue", Arial, sans-serif); box-shadow: 0 0 0 1px var(--pg-line-2, rgba(13, 21, 36, .16)) inset, 0 0 0 8px var(--pg-sky, #FAF7F3); } body.pg-report .pg-r .steps .marker svg { width: 16px; height: 16px; } body.pg-report .pg-r .steps .done .marker { background: var(--pg-ink, #0D1524); color: #fff; box-shadow: 0 0 0 8px var(--pg-sky, #FAF7F3); } body.pg-report .pg-r .steps .now .marker { background: var(--pg-blue-soft, #E8F0FD); color: var(--pg-blue-text, #2A62CC); box-shadow: 0 0 0 2px var(--pg-blue, #3F7FEA) inset, 0 0 0 8px var(--pg-sky, #FAF7F3); } body.pg-report .pg-r .steps small { margin-top: 6px; font: 500 .7rem/1 var(--pg-font-label, "Archivo", "Helvetica Neue", Arial, sans-serif); letter-spacing: .08em; text-transform: uppercase; color: var(--pg-mute, #646D7A); } body.pg-report .pg-r .steps .now small { color: var(--pg-blue-text, #2A62CC); } body.pg-report .pg-r .steps h3 { font-size: 1.3rem; line-height: 1.2; letter-spacing: -.025em; } body.pg-report .pg-r .steps .next h3 { color: var(--pg-slate, #4F5966); } body.pg-report .pg-r .steps p { max-width: 28ch; font-size: .95rem; color: var(--pg-slate, #4F5966); } body.pg-report .pg-r .steps p a { color: var(--pg-ink, #0D1524); font-weight: 500; text-underline-offset: 3px; text-decoration-color: var(--pg-line-2, rgba(13, 21, 36, .16)); } body.pg-report .pg-r .spec-note { margin-top: 12px; font-size: .85rem; color: var(--pg-slate, #4F5966); } body.pg-report .pg-r .pg-band-dark::before { content: ""; position: absolute; inset: 0; pointer-events: none; background-image: radial-gradient(rgba(255,255,255,.06) 1px, transparent 1px); background-size: 22px 22px; mask-image: linear-gradient(transparent, #000 30%, #000 70%, transparent); -webkit-mask-image: linear-gradient(transparent, #000 30%, #000 70%, transparent); } body.pg-report .pg-r .pg-band-dark .head h2 { color: #fff; } body.pg-report .pg-r .pg-band-dark .head p, body.pg-report .pg-r .pg-band-dark .eyebrow { color: #9AA6B8; } body.pg-report .pg-r .findings { position: relative; margin-top: clamp(48px, 6vw, 72px); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } body.pg-report .pg-r .findings.n3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } body.pg-report .pg-r .finding { display: grid; gap: 14px; align-content: start; padding: clamp(24px, 2.6vw, 32px); border-radius: var(--r-lg); background: linear-gradient(180deg, var(--pg-cluster-2, #111A29), #0B111D); box-shadow: 0 0 0 1px rgba(255,255,255,.07) inset, 0 30px 60px -30px rgba(0,0,0,.6); } body.pg-report .pg-r .finding-top { display: flex; justify-content: space-between; align-items: center; gap: 12px; font: 500 .7rem/1 var(--pg-font-label, "Archivo", "Helvetica Neue", Arial, sans-serif); letter-spacing: .08em; text-transform: uppercase; color: #7D8AA0; } body.pg-report .pg-r .finding-top span:first-child { display: inline-flex; align-items: center; gap: 9px; color: #C3CBD8; } body.pg-report .pg-r .finding-top span:first-child::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--pg-blue, #3F7FEA); } body.pg-report .pg-r .finding h3 { font-size: var(--t-h3); line-height: 1.22; letter-spacing: -.022em; color: #fff; } body.pg-report .pg-r .finding p { font-size: .96rem; line-height: 1.55; color: #AEB8C7; } body.pg-report .pg-r .finding .lock-note { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; margin-top: 6px; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.08); font-size: .85rem; color: #8D99AD; } body.pg-report .pg-r .finding .lock-note span { display: inline-flex; align-items: center; gap: 8px; } body.pg-report .pg-r .finding .lock-note svg { width: 14px; height: 14px; } body.pg-report .pg-r .finding.locked p { filter: blur(5px); user-select: none; transition: filter .6s var(--ease); } body.unlocked .pg-r .finding.locked p { filter: none; user-select: auto; } body.unlocked .pg-r .finding .lock-note { display: none; } body.pg-report .pg-r .finding.survey { background: linear-gradient(180deg, rgba(63,127,234,.24), rgba(63,127,234,.07)); box-shadow: 0 0 0 1px rgba(63,127,234,.4) inset, 0 30px 60px -30px rgba(0,0,0,.6); } body.pg-report .pg-r .finding.survey .finding-top span:first-child::before { background: #fff; } body.pg-report .pg-r .finding.survey .btn { justify-self: start; margin-top: 4px; } body.pg-report .pg-r .finding.survey.closed { background: linear-gradient(180deg, var(--pg-cluster-2, #111A29), #0B111D); box-shadow: 0 0 0 1px rgba(255,255,255,.07) inset, 0 30px 60px -30px rgba(0,0,0,.6); } body.pg-report .pg-r .finding.survey.closed .finding-top span:first-child::before { background: #8894A8; } body.pg-report .pg-r .pg-band-dark .section-cta { position: relative; } body.pg-report .pg-r .inside-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(40px, 6vw, 96px); align-items: start; } body.pg-report .pg-r .preview { position: sticky; top: 104px; display: grid; place-items: center; min-height: calc(100vh - 150px); max-height: 760px; } body.pg-report .pg-r .preview-stage { position: relative; width: min(84%, 340px); aspect-ratio: 8.5 / 11; container-type: inline-size; } body.pg-report .pg-r .preview-stage .cover { --w: 100%; position: absolute; inset: 0; transform: translate(-9%, -5%) rotate(-5deg) scale(.94); opacity: .9; } body.pg-report .pg-r .page { position: absolute; inset: 0; z-index: 2; overflow: hidden; border-radius: 2px 8px 8px 2px; background: #fff; box-shadow: inset 0 0 0 1px var(--pg-line, rgba(13, 21, 36, .10)), 0 40px 70px -36px rgba(13,21,36,.45), 0 8px 18px -12px rgba(13,21,36,.2); transition: transform .5s var(--ease); } body.pg-report .pg-r .page.flip { transform: translate(-2px, -5px) rotate(-.7deg); } body.pg-report .pg-r .page-inner { position: absolute; inset: 0; display: flex; flex-direction: column; gap: 3.4cqi; padding: 10cqi 9cqi 7cqi; transition: opacity .3s var(--ease), transform .5s var(--ease); } body.pg-report .pg-r .page-inner.out { opacity: 0; transform: translateY(-10px); } body.pg-report .pg-r .page-inner.pre-in { opacity: 0; transform: translateY(14px); transition: none; } body.pg-report .pg-r .page-top { display: flex; justify-content: space-between; font: 500 2.8cqi/1 var(--pg-font-label, "Archivo", "Helvetica Neue", Arial, sans-serif); letter-spacing: .08em; text-transform: uppercase; color: var(--pg-mute, #646D7A); } body.pg-report .pg-r .page-num { font: 400 24cqi/.9 var(--pg-font, "Geist", "Helvetica Neue", Arial, sans-serif); letter-spacing: -.06em; color: var(--pg-blue, #3F7FEA); margin-top: 4cqi; } body.pg-report .pg-r .page-title { font: 400 7.2cqi/1.1 var(--pg-font, "Geist", "Helvetica Neue", Arial, sans-serif); letter-spacing: -.03em; text-wrap: balance; } body.pg-report .pg-r .page .ln { height: 1.5cqi; border-radius: 1cqi; background: #EDEFF3; } body.pg-report .pg-r .page .bars { display: flex; align-items: end; gap: 2.2cqi; height: 20cqi; margin-block: 2cqi; padding-bottom: 1.6cqi; border-bottom: 1px solid var(--pg-line, rgba(13, 21, 36, .10)); } body.pg-report .pg-r .page .bars i { flex: 1; border-radius: 1cqi 1cqi 0 0; background: var(--pg-blue-soft, #E8F0FD); } body.pg-report .pg-r .page .bars i.hi { background: var(--pg-blue, #3F7FEA); } body.pg-report .pg-r .page-foot { margin-top: auto; display: flex; justify-content: space-between; font: 500 2.6cqi/1 var(--pg-font-label, "Archivo", "Helvetica Neue", Arial, sans-serif); letter-spacing: .08em; text-transform: uppercase; color: var(--pg-mute, #646D7A); } body.pg-report .pg-r .toc-wrap { position: relative; margin-top: clamp(36px, 4vw, 48px); } body.pg-report .pg-r .toc-rail { position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: var(--pg-line, rgba(13, 21, 36, .10)); border-radius: 2px; } body.pg-report .pg-r .toc-rail i { position: absolute; inset: 0; background: var(--pg-ink, #0D1524); border-radius: 2px; transform-origin: top; transform: scaleY(0); } body.pg-report .pg-r .toc { padding-left: 26px; } body.pg-report .pg-r .toc li { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; gap: 4px 14px; padding-block: 22px; border-top: 1px solid var(--pg-line, rgba(13, 21, 36, .10)); cursor: pointer; } body.pg-report .pg-r .toc li:last-child { border-bottom: 1px solid var(--pg-line, rgba(13, 21, 36, .10)); } body.pg-report .pg-r .toc .n { font: 500 .78rem/1.9 var(--pg-font-label, "Archivo", "Helvetica Neue", Arial, sans-serif); letter-spacing: .06em; color: var(--pg-mute, #646D7A); transition: color .35s; } body.pg-report .pg-r .toc li.on .n { color: var(--pg-blue-text, #2A62CC); } body.pg-report .pg-r .toc h3 { font-size: 1.24rem; line-height: 1.25; letter-spacing: -.02em; color: var(--pg-slate, #4F5966); transition: color .45s var(--ease); } body.pg-report .pg-r .toc li.on h3, body.pg-report .pg-r .toc li:hover h3 { color: var(--pg-ink, #0D1524); } body.pg-report .pg-r .toc p { grid-column: 2; font-size: .93rem; color: var(--pg-mute, #646D7A); transition: color .45s var(--ease); } body.pg-report .pg-r .toc li.on p { color: var(--pg-slate, #4F5966); } body.pg-report .pg-r .toc .pg { font: 500 .7rem/2.2 var(--pg-font-label, "Archivo", "Helvetica Neue", Arial, sans-serif); letter-spacing: .08em; text-transform: uppercase; color: var(--pg-mute, #646D7A); white-space: nowrap; } body.pg-report .pg-r .tools { margin-top: 36px; display: grid; gap: 14px; } body.pg-report .pg-r .tools ul { display: flex; flex-wrap: wrap; gap: 8px; } body.pg-report .pg-r .tools li { display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px 9px 10px; border-radius: 999px; background: #fff; box-shadow: 0 0 0 1px var(--pg-line, rgba(13, 21, 36, .10)) inset; font-size: .88rem; } body.pg-report .pg-r .tools li svg { width: 16px; height: 16px; color: var(--pg-blue, #3F7FEA); } body.pg-report .pg-r .quick { margin-top: 22px; display: flex; gap: 12px; align-items: flex-start; padding: 16px 18px; border-radius: 14px; background: var(--pg-blue-soft, #E8F0FD); font-size: .95rem; line-height: 1.45; } body.pg-report .pg-r .quick svg { flex: none; width: 20px; height: 20px; color: var(--pg-blue, #3F7FEA); margin-top: 1px; } body.pg-report .pg-r .inside-cta { margin-top: 36px; display: flex; flex-wrap: wrap; gap: 12px; align-items: center; } body.pg-report .pg-r .survey-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 24px 64px; align-items: center; } body.pg-report .pg-r .pg-band-survey small.k { display: block; font: 500 .7rem/1 var(--pg-font-label, "Archivo", "Helvetica Neue", Arial, sans-serif); letter-spacing: .08em; text-transform: uppercase; color: var(--pg-blue-text, #2A62CC); margin-bottom: 16px; } body.pg-report .pg-r .pg-band-survey h2 { font-size: clamp(1.8rem, 3.2vw, 2.7rem); } body.pg-report .pg-r .pg-band-survey p { margin-top: 14px; color: var(--pg-slate, #4F5966); font-size: 1.02rem; max-width: 56ch; } body.pg-report .pg-r .survey-act { display: grid; gap: 12px; justify-items: start; } body.pg-report .pg-r .survey-act span { font-size: .84rem; color: var(--pg-slate, #4F5966); } body.pg-report.pg-is-survey-closed .pg-r .pg-band-survey { background: var(--pg-paper, #FFFFFF); border-color: var(--pg-line, rgba(13, 21, 36, .10)); } body.pg-report.pg-is-survey-closed .pg-r .pg-band-survey small.k { color: var(--pg-slate, #4F5966); } body.pg-report .pg-r .about-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(40px, 6vw, 96px); align-items: start; } body.pg-report .pg-r .pg-band-about .about-head { max-width: calc((100% - clamp(40px, 6vw, 96px)) / 2); margin-bottom: clamp(36px, 4.5vw, 56px); } body.pg-report .pg-r .people { border-top: 1px solid var(--pg-line, rgba(13, 21, 36, .10)); } body.pg-report .pg-r .author { display: grid; grid-template-columns: 48px 1fr; gap: 0 16px; align-items: center; padding-block: 22px; border-bottom: 1px solid var(--pg-line, rgba(13, 21, 36, .10)); } body.pg-report .pg-r .avatar { width: 48px; height: 48px; border-radius: 50%; display: grid; place-items: center; object-fit: cover; background: var(--pg-ink, #0D1524); color: #fff; font: 500 .85rem/1 var(--pg-font-label, "Archivo", "Helvetica Neue", Arial, sans-serif); letter-spacing: .06em; } body.pg-report .pg-r .author-id { display: grid; gap: 4px; } body.pg-report .pg-r .author b { font-weight: 500; font-size: 1.05rem; letter-spacing: -.01em; } body.pg-report .pg-r .author > p { grid-column: 2; margin-top: 10px; font-size: .93rem; color: var(--pg-slate, #4F5966); } body.pg-report .pg-r .bio { grid-column: 2; margin-top: 10px; } body.pg-report .pg-r .bio summary { list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 10px; font-size: .9rem; font-weight: 500; } body.pg-report .pg-r .bio summary::-webkit-details-marker { display: none; } body.pg-report .pg-r .bio .prose { margin-top: 12px; font-size: .93rem; } body.pg-report .pg-r .avatar.is-logo { background: var(--pg-paper, #FFFFFF); box-shadow: 0 0 0 1px var(--pg-line-2, rgba(13, 21, 36, .16)) inset; } body.pg-report .pg-r .avatar.is-logo img { width: 58%; height: 58%; object-fit: contain; } body.pg-report .pg-r .row-link { grid-column: 2; justify-self: start; display: inline-flex; align-items: center; gap: 10px; margin-top: 10px; font-size: .9rem; font-weight: 500; color: var(--pg-ink, #0D1524); text-decoration: none; } body.pg-report .pg-r .row-link .pm { width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; box-shadow: 0 0 0 1px var(--pg-line-2, rgba(13, 21, 36, .16)) inset; transition: background-color .2s, color .2s; } body.pg-report .pg-r .row-link .pm svg { width: 12px; height: 12px; } body.pg-report .pg-r .row-link:hover .pm { background: var(--pg-ink, #0D1524); color: #fff; } body.pg-report .pg-r .spec-list { margin: 0; border-top: 1px solid var(--pg-line, rgba(13, 21, 36, .10)); } body.pg-report .pg-r .spec-list div { display: grid; grid-template-columns: 150px 1fr; gap: 16px; padding-block: 18px; border-bottom: 1px solid var(--pg-line, rgba(13, 21, 36, .10)); } body.pg-report .pg-r .spec-list dt { font: 500 .69rem/1.7 var(--pg-font-label, "Archivo", "Helvetica Neue", Arial, sans-serif); letter-spacing: .08em; text-transform: uppercase; color: var(--pg-mute, #646D7A); } body.pg-report .pg-r .spec-list dd { margin: 0; font-size: .98rem; } body.pg-report .pg-r .abstract { margin-top: 32px; } body.pg-report .pg-r .abstract summary { list-style: none; cursor: pointer; display: inline-flex; align-items: center; gap: 10px; font-weight: 500; } body.pg-report .pg-r .abstract summary::-webkit-details-marker { display: none; } body.pg-report .pg-r .abstract summary .pm, body.pg-report .pg-r .bio summary .pm { width: 26px; height: 26px; border-radius: 50%; box-shadow: 0 0 0 1px var(--pg-line-2, rgba(13, 21, 36, .16)) inset; position: relative; transition: background-color .2s; } body.pg-report .pg-r .abstract summary .pm::before, body.pg-report .pg-r .abstract summary .pm::after, body.pg-report .pg-r .bio summary .pm::before, body.pg-report .pg-r .bio summary .pm::after { content: ""; position: absolute; left: 50%; top: 50%; width: 10px; height: 1.5px; background: currentColor; transform: translate(-50%, -50%); } body.pg-report .pg-r .abstract summary .pm::after, body.pg-report .pg-r .bio summary .pm::after { transform: translate(-50%, -50%) rotate(90deg); transition: transform .3s var(--ease); } body.pg-report .pg-r .abstract[open] summary .pm, body.pg-report .pg-r .bio[open] summary .pm { background: var(--pg-ink, #0D1524); color: #fff; } body.pg-report .pg-r .abstract[open] summary .pm::after, body.pg-report .pg-r .bio[open] summary .pm::after { transform: translate(-50%, -50%) rotate(0deg); } body.pg-report .pg-r .prose { margin-top: 18px; display: grid; gap: 16px; color: var(--pg-slate, #4F5966); max-width: 62ch; } :root { interpolate-size: allow-keywords; } body.pg-report .pg-r .bio::details-content, body.pg-report .pg-r .abstract::details-content, body.pg-report .pg-r .faq-list details::details-content { block-size: 0; overflow: clip; transition: block-size .45s var(--ease), content-visibility .45s allow-discrete; } body.pg-report .pg-r .bio[open]::details-content, body.pg-report .pg-r .abstract[open]::details-content, body.pg-report .pg-r .faq-list details[open]::details-content { block-size: auto; } body.pg-report .pg-r .faq-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(40px, 6vw, 96px); align-items: start; } body.pg-report .pg-r .faq-list { border-top: 1px solid var(--pg-line, rgba(13, 21, 36, .10)); } body.pg-report .pg-r .faq-list details { border-bottom: 1px solid var(--pg-line, rgba(13, 21, 36, .10)); } body.pg-report .pg-r .faq-list summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 20px; padding-block: 24px; font-size: 1.12rem; font-weight: 500; letter-spacing: -.012em; } body.pg-report .pg-r .faq-list summary::-webkit-details-marker { display: none; } body.pg-report .pg-r .faq-list .pm { flex: none; width: 30px; height: 30px; border-radius: 50%; box-shadow: 0 0 0 1px var(--pg-line-2, rgba(13, 21, 36, .16)) inset; position: relative; transition: background-color .2s; } body.pg-report .pg-r .faq-list .pm::before, body.pg-report .pg-r .faq-list .pm::after { content: ""; position: absolute; left: 50%; top: 50%; width: 11px; height: 1.5px; background: currentColor; transform: translate(-50%, -50%); } body.pg-report .pg-r .faq-list .pm::after { transform: translate(-50%, -50%) rotate(90deg); transition: transform .3s var(--ease); } body.pg-report .pg-r .faq-list details[open] .pm { background: var(--pg-ink, #0D1524); color: #fff; } body.pg-report .pg-r .faq-list details[open] .pm::after { transform: translate(-50%, -50%) rotate(0deg); } body.pg-report .pg-r .faq-list details p { padding: 0 60px 26px 0; color: var(--pg-slate, #4F5966); max-width: 62ch; } body.pg-report .pg-r .pg-band-final::before { content: ""; position: absolute; width: 900px; height: 900px; right: -260px; top: -380px; background: radial-gradient(closest-side, rgba(63,127,234,.42), rgba(63,127,234,0)); pointer-events: none; } body.pg-report .pg-r .pg-band-final::after { content: ""; position: absolute; width: 700px; height: 700px; left: -300px; bottom: -420px; background: radial-gradient(closest-side, rgba(108,95,255,.22), rgba(108,95,255,0)); pointer-events: none; } body.pg-report .pg-r .pg-final-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(40px, 6vw, 96px); align-items: center; } body.pg-report .pg-r .pg-band-final h2 { font-size: clamp(2.4rem, 5vw, 4.2rem); letter-spacing: -.045em; } body.pg-report .pg-r .pg-band-final .eyebrow { color: #9AA6B8; } body.pg-report .pg-r .pg-band-final h2 { margin-top: 18px; } body.pg-report .pg-r .pg-band-final .lead { margin-top: 20px; color: #A7B2C3; font-size: var(--t-lead); max-width: 44ch; } body.pg-report .pg-r .pg-band-final ul { margin-top: 36px; display: grid; } body.pg-report .pg-r .pg-band-final li { display: flex; gap: 16px; align-items: flex-start; padding-block: 16px; border-top: 1px solid rgba(255,255,255,.1); color: #E3E8EF; } body.pg-report .pg-r .pg-band-final li .n { font: 500 .73rem/1.9 var(--pg-font-label, "Archivo", "Helvetica Neue", Arial, sans-serif); color: #8894A8; } body.pg-report .pg-r .pg-form-card { background: #fff; color: var(--pg-ink, #0D1524); border-radius: 22px; padding: clamp(22px, 3vw, 32px); box-shadow: 0 50px 100px -40px rgba(0,0,0,.6); } body.pg-report .pg-r .pg-form-card-head { display: flex; gap: 16px; align-items: center; margin-bottom: 20px; padding-bottom: 18px; border-bottom: 1px solid var(--pg-line, rgba(13, 21, 36, .10)); } body.pg-report .pg-r .pg-form-card-head .cover { --w: 52px; } body.pg-report .pg-r .pg-form-card-head h4, body.pg-report .pg-r .drawer-report h4 { font: 500 1.08rem/1.3 var(--pg-font, "Geist", "Helvetica Neue", Arial, sans-serif); letter-spacing: -.01em; } body.pg-report .pg-r .pg-form-card-head p, body.pg-report .pg-r .drawer-report p { font-size: .86rem; color: var(--pg-slate, #4F5966); margin-top: 3px; } body.pg-report .pg-r .borrowed { display: grid; gap: 12px; justify-items: center; text-align: center; padding: 40px 12px; color: var(--pg-slate, #4F5966); font-size: .95rem; } body.pg-report .pg-r .fields { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; } body.pg-report .pg-r .field { display: grid; gap: 6px; min-width: 0; } body.pg-report .pg-r .field.full { grid-column: 1 / -1; } body.pg-report .pg-r .field label { font-size: .78rem; font-weight: 500; color: var(--pg-slate, #4F5966); } body.pg-report .pg-r .field label .req { color: var(--pg-error, #E5484D); margin-left: 2px; } body.pg-report .pg-r .field input, body.pg-report .pg-r .field select, body.pg-report .pg-r .field textarea { width: 100%; margin: 0; font: inherit; font-size: .95rem; color: var(--pg-ink, #0D1524); padding: 12px 13px; border: 0; border-radius: 10px; background: var(--pg-field, #F5F6F8); box-shadow: 0 0 0 1px transparent inset; appearance: none; -webkit-appearance: none; transition: box-shadow .15s, background-color .15s; } body.pg-report .pg-r .field select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%234F5966' stroke-width='1.6'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 13px center; padding-right: 34px; } body.pg-report .pg-r .field textarea { resize: vertical; min-height: 64px; line-height: 1.45; } body.pg-report .pg-r .field label .opt { margin-left: 8px; font-weight: 400; color: var(--pg-mute, #646D7A); } body.pg-report .pg-r .field input:focus, body.pg-report .pg-r .field select:focus, body.pg-report .pg-r .field textarea:focus { outline: none; background-color: #fff; box-shadow: 0 0 0 1px var(--pg-ink, #0D1524) inset, 0 0 0 4px rgba(63,127,234,.16); } body.pg-report .pg-r .field.err input, body.pg-report .pg-r .field.err select { background-color: #fff; box-shadow: 0 0 0 1px var(--pg-error, #E5484D) inset, 0 0 0 4px rgba(229,72,77,.12); } body.pg-report .pg-r .field .msg { font-size: .76rem; color: var(--pg-error, #E5484D); } body.pg-report .pg-r .rform .btn { width: 100%; margin-top: 18px; padding-block: 16px; } body.pg-report .pg-r .under { margin-top: 12px; font-size: .82rem; color: var(--pg-slate, #4F5966); text-align: center; } body.pg-report .pg-r .success { display: grid; gap: 16px; justify-items: start; animation: pg-in .5s var(--ease) both; } body.pg-report .pg-r .success h3 { font-size: clamp(1.6rem, 2.6vw, 2.1rem); letter-spacing: -.035em; } body.pg-report .pg-r .success > p { color: var(--pg-slate, #4F5966); } body.pg-report .pg-r .success > .btn { width: 100%; } body.pg-report .pg-r .success .next { width: 100%; margin-top: 6px; padding-top: 16px; border-top: 1px solid var(--pg-line, rgba(13, 21, 36, .10)); display: grid; gap: 10px; } body.pg-report .pg-r .forget { border: 0; background: none; padding: 0; font-size: .82rem; color: var(--pg-slate, #4F5966); text-decoration: underline; text-underline-offset: 3px; } body.pg-report .pg-r .forget:hover { color: var(--pg-ink, #0D1524); } body.pg-report .pg-r .survey-mini { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 14px 16px; border-radius: 14px; background: var(--pg-blue-soft, #E8F0FD); font-size: .92rem; } @keyframes pg-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } } body.pg-report .pg-r .pg-buy-card { display: grid; grid-template-columns: 120px 1fr; gap: 40px; align-items: center; } body.pg-report .pg-r .pg-buy-card .cover { --w: 120px; } body.pg-report .pg-r .pg-buy-card h4 { font: 400 1.6rem/1.1 var(--pg-font, "Geist", "Helvetica Neue", Arial, sans-serif); letter-spacing: -.03em; } body.pg-report .pg-r .pg-buy-card p { color: var(--pg-slate, #4F5966); font-size: .92rem; margin-top: 8px; } body.pg-report .pg-r .pg-buy-card .ctas { margin-top: 18px; } body.pg-report .pg-r .cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; } body.pg-report .pg-r .rcard { display: grid; grid-template-rows: auto 1fr; overflow: hidden; border-radius: var(--r-lg); background: var(--pg-paper, #FFFFFF); color: var(--pg-ink, #0D1524); text-decoration: none; box-shadow: var(--shadow-card); transition: transform .4s var(--ease), box-shadow .4s var(--ease); } body.pg-report .pg-r .rcard:hover { transform: translateY(-2px); box-shadow: inset 0 0 0 1px var(--pg-line-2, rgba(13, 21, 36, .16)), 0 1px 2px rgba(13,21,36,.04), 0 34px 60px -34px rgba(13,21,36,.38); } body.pg-report .pg-r .rcard-tile { position: relative; aspect-ratio: 16 / 10; display: grid; place-items: center; overflow: hidden; background: radial-gradient(70% 90% at 50% 100%, #fff, rgba(255,255,255,0)), #F1EEE9; } body.pg-report .pg-r .rcard-tile .cover { --w: 31%; transform: translateY(9%) rotate(-2deg); transition: transform .6s var(--ease); } body.pg-report .pg-r .rcard:hover .rcard-tile .cover { transform: translateY(4%) rotate(0deg) scale(1.03); } body.pg-report .pg-r .rcard:hover .cover .sheet, body.pg-report .pg-r .fcard:hover .cover .sheet { transform: translateX(calc(var(--i) * 1.3cqi)) rotate(calc(var(--i) * 3deg)); transition-delay: calc(var(--i) * 30ms); } body.pg-report .pg-r .pill-status { position: absolute; z-index: 50; top: 14px; left: 14px; display: inline-flex; align-items: center; gap: 8px; padding: 7px 11px 7px 9px; border-radius: 999px; background: rgba(255,255,255,.88); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); box-shadow: 0 0 0 1px var(--pg-line, rgba(13, 21, 36, .10)) inset; font: 500 .7rem/1 var(--pg-font-label, "Archivo", "Helvetica Neue", Arial, sans-serif); letter-spacing: .08em; text-transform: uppercase; color: var(--pg-ink, #0D1524); } body.pg-report .pg-r .rcard-body { display: grid; grid-template-rows: auto auto 1fr auto; gap: 10px; padding: 20px 22px 18px; } body.pg-report .pg-r .rcard-meta { display: flex; justify-content: space-between; gap: 12px; white-space: nowrap; font: 500 .7rem/1.2 var(--pg-font-label, "Archivo", "Helvetica Neue", Arial, sans-serif); letter-spacing: .08em; text-transform: uppercase; color: var(--pg-mute, #646D7A); } body.pg-report .pg-r .rcard h3 { align-self: start; font-size: 1.2rem; line-height: 1.24; letter-spacing: -.02em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } body.pg-report .pg-r .rcard p { align-self: start; font-size: .91rem; line-height: 1.5; color: var(--pg-slate, #4F5966); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } body.pg-report .pg-r .rcard-foot { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 6px; padding-top: 14px; border-top: 1px solid var(--pg-line, rgba(13, 21, 36, .10)); } body.pg-report .pg-r .rcard-partner { font-size: .8rem; color: var(--pg-slate, #4F5966); } body.pg-report .pg-r .rcard-partner b { font-weight: 500; color: var(--pg-ink, #0D1524); } body.pg-report .pg-r .aud { font-size: .8rem; color: var(--pg-slate, #4F5966); line-height: 1.35; } body.pg-report .pg-r .aud.match { color: var(--pg-ink, #0D1524); } body.pg-report .pg-r .aud.match::before { content: ""; display: inline-block; width: 6px; height: 6px; margin-right: 8px; border-radius: 50%; background: var(--pg-blue, #3F7FEA); vertical-align: 1px; } body.pg-report .pg-r .go { flex: none; width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; box-shadow: 0 0 0 1px var(--pg-line-2, rgba(13, 21, 36, .16)) inset; transition: background-color .25s, color .25s, transform .25s var(--ease); } body.pg-report .pg-r .rcard:hover .go { background: var(--pg-ink, #0D1524); color: #fff; transform: translateX(3px); } body.pg-report .pg-r .more-head { display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-bottom: clamp(36px, 4vw, 48px); } body.pg-report .pg-r .pg-band-ahero .head { position: relative; max-width: 900px; } body.pg-report .pg-r .pg-band-ahero h1 { font-size: clamp(2.5rem, min(5.4vw, 8.6vh), 4.6rem); letter-spacing: -.045em; line-height: 1.02; max-width: 21ch; } body.pg-report .pg-r .featured { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; } body.pg-report .pg-r .fcard { position: relative; display: grid; grid-template-rows: auto 1fr; overflow: hidden; border-radius: var(--r-lg); background: var(--pg-paper, #FFFFFF); box-shadow: var(--shadow-card); } body.pg-report .pg-r .fcard .rcard-tile { aspect-ratio: 16 / 9; } body.pg-report .pg-r .fcard .rcard-tile .cover { --w: 26%; } body.pg-report .pg-r .fcard-body { display: flex; flex-direction: column; gap: 14px; padding: clamp(22px, 2.6vw, 34px); } body.pg-report .pg-r .fcard h3 { font-size: clamp(1.45rem, 2.2vw, 1.9rem); line-height: 1.12; letter-spacing: -.03em; } body.pg-report .pg-r .fcard h3 a { text-decoration: none; } body.pg-report .pg-r .fcard h3 a::after { content: ""; position: absolute; inset: 0; z-index: 1; } body.pg-report .pg-r .fcard p { flex: none; color: var(--pg-slate, #4F5966); font-size: .95rem; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } body.pg-report .pg-r .fcard .ctas { position: relative; z-index: 2; margin-top: auto; padding-top: 6px; } body.pg-report .pg-r .lib-head { display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 24px; } body.pg-report .pg-r .filters { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 14px 24px; padding-block: 16px; margin-bottom: 28px; border-block: 1px solid var(--pg-line, rgba(13, 21, 36, .10)); } body.pg-report .pg-r .filters .right { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; } body.pg-report .pg-r .filters .right .count-label { margin-left: 4px; } body.pg-report .pg-r .filters select { font: inherit; font-size: .86rem; font-weight: 500; color: var(--pg-ink, #0D1524); padding: 9px 34px 9px 14px; border: 0; border-radius: 999px; background: var(--pg-paper, #FFFFFF) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%234F5966' stroke-width='1.6'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 13px center; box-shadow: 0 0 0 1px var(--pg-line-2, rgba(13, 21, 36, .16)) inset; appearance: none; -webkit-appearance: none; cursor: pointer; transition: box-shadow .2s; } body.pg-report .pg-r .filters select:hover { box-shadow: 0 0 0 1px var(--pg-ink, #0D1524) inset; } body.pg-report .pg-r .filters select:focus-visible { outline: none; box-shadow: 0 0 0 1px var(--pg-ink, #0D1524) inset, 0 0 0 4px rgba(63,127,234,.16); } body.pg-report .pg-r .count-label { font: 500 .7rem/1 var(--pg-font-label, "Archivo", "Helvetica Neue", Arial, sans-serif); letter-spacing: .08em; text-transform: uppercase; color: var(--pg-slate, #4F5966); white-space: nowrap; } body.pg-report .pg-r .cards.swap { opacity: 0; transform: translateY(8px); } body.pg-report .pg-r .cards { transition: opacity .25s var(--ease), transform .45s var(--ease); } body.pg-report .pg-r .empty { grid-column: 1 / -1; display: grid; gap: 14px; justify-items: center; padding: 64px 16px; border-radius: var(--r-lg); background: var(--pg-paper, #FFFFFF); box-shadow: 0 0 0 1px var(--pg-line, rgba(13, 21, 36, .10)) inset; text-align: center; color: var(--pg-slate, #4F5966); } body.pg-report .pg-r .method { margin-top: clamp(48px, 6vw, 72px); display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-block: 1px solid var(--pg-line, rgba(13, 21, 36, .10)); } body.pg-report .pg-r .method li { display: grid; gap: 10px; align-content: start; padding: 26px 22px; } body.pg-report .pg-r .method li + li { border-left: 1px solid var(--pg-line, rgba(13, 21, 36, .10)); } body.pg-report .pg-r .method .ic { width: 44px; height: 44px; border-radius: 14px; display: grid; place-items: center; background: var(--pg-blue-soft, #E8F0FD); color: var(--pg-blue, #3F7FEA); } body.pg-report .pg-r .method .ic svg { width: 22px; height: 22px; } body.pg-report .pg-r .method b { font-weight: 500; font-size: 1.05rem; letter-spacing: -.01em; } body.pg-report .pg-r .method span { font-size: .92rem; color: var(--pg-slate, #4F5966); } body.pg-report .pg-r .fit { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 16px; } body.pg-report .pg-r .panel { display: grid; gap: 14px; align-content: start; justify-items: start; border-radius: var(--r-lg); padding: clamp(26px, 3.4vw, 40px); background: var(--pg-paper, #FFFFFF); box-shadow: 0 0 0 1px var(--pg-line, rgba(13, 21, 36, .10)) inset; } body.pg-report .pg-r .panel.ink { background: var(--pg-ink, #0D1524); color: #fff; box-shadow: none; } body.pg-report .pg-r .panel h3 { font-size: 1.6rem; letter-spacing: -.03em; } body.pg-report .pg-r .panel p { color: var(--pg-slate, #4F5966); max-width: 46ch; } body.pg-report .pg-r .panel.ink p { color: #A7B2C3; } body.pg-report .pg-r .panel .eyebrow { color: var(--pg-blue-text, #2A62CC); } body.pg-report .pg-r .panel.ink .eyebrow { color: #9AA6B8; } body.pg-report .pg-r .panel .btn { margin-top: 8px; } body.pg-report .pg-r .scrim { position: fixed; inset: 0; z-index: 80; background: rgba(8,13,23,.42); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); opacity: 0; pointer-events: none; transition: opacity .35s; } body.pg-report .pg-r .drawer { position: fixed; z-index: 90; top: 0; right: 0; bottom: 0; width: min(560px, 100%); display: flex; flex-direction: column; background: var(--pg-paper, #FFFFFF); box-shadow: -40px 0 80px -40px rgba(0,0,0,.4); transform: translateX(104%); transition: transform .5s var(--ease); visibility: hidden; } body.drawer-open.pg-report .pg-r .scrim { opacity: 1; pointer-events: auto; } body.drawer-open.pg-report .pg-r .drawer { transform: none; visibility: visible; } body.drawer-open { overflow: hidden; } body.pg-report .pg-r .drawer-head { display: flex; justify-content: space-between; align-items: center; padding: 18px clamp(20px, 4vw, 32px); border-bottom: 1px solid var(--pg-line, rgba(13, 21, 36, .10)); } body.pg-report .pg-r .drawer-head span { font: 500 .73rem/1 var(--pg-font-label, "Archivo", "Helvetica Neue", Arial, sans-serif); letter-spacing: .08em; text-transform: uppercase; color: var(--pg-slate, #4F5966); } body.pg-report .pg-r .x { width: 38px; height: 38px; border-radius: 50%; border: 0; background: #fff; box-shadow: 0 0 0 1px var(--pg-line, rgba(13, 21, 36, .10)) inset; display: grid; place-items: center; } body.pg-report .pg-r .x:hover { box-shadow: 0 0 0 1px var(--pg-ink, #0D1524) inset; } body.pg-report .pg-r .x svg { width: 14px; height: 14px; } body.pg-report .pg-r .drawer-body { flex: 1; overflow-y: auto; padding: clamp(22px, 4vw, 34px); } body.pg-report .pg-r .drawer-report { display: flex; gap: 16px; align-items: center; margin-bottom: 24px; } body.pg-report .pg-r .drawer-report .cover { --w: 64px; } body.pg-report .pg-r .drawer-report h4 { font-size: 1.25rem; letter-spacing: -.02em; } body.pg-report .pg-r .drawer-body .pg-form-card-head { display: none; } body.pg-report .pg-r .drawer.is-done .drawer-report { display: none; } body.pg-report .pg-r .rise { transition: transform .9s var(--ease) var(--d, 0s), opacity .9s var(--ease) var(--d, 0s); } .js body.pg-report .pg-r .rise.pre { transform: translateY(18px); opacity: .001; } @media (max-width: 1020px) { body.pg-report .pg-r .r-hero-grid { grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr); } body.pg-report .pg-r .findings.n3 { grid-template-columns: 1fr; max-width: 640px; margin-inline: auto; } body.pg-report .pg-r .stats { grid-template-columns: repeat(2, minmax(0, 1fr)); } body.pg-report .pg-r .stat:nth-child(3) { border-left: 0; } body.pg-report .pg-r .stat:nth-child(n+3) { border-top: 1px solid var(--pg-line, rgba(13, 21, 36, .10)); } body.pg-report .pg-r .inside-grid { grid-template-columns: 1fr; } body.pg-report .pg-r .preview { display: none; } body.pg-report .pg-r .about-grid, body.pg-report .pg-r .faq-grid, body.pg-report .pg-r .pg-final-grid, body.pg-report .pg-r .survey-grid { grid-template-columns: 1fr; } body.pg-report .pg-r .pg-band-about .about-head { max-width: none; } body.pg-report .pg-r .cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } body.pg-report .pg-r .featured { grid-template-columns: 1fr; } body.pg-report .pg-r .method { grid-template-columns: repeat(2, minmax(0, 1fr)); } body.pg-report .pg-r .method li:nth-child(3) { border-left: 0; } body.pg-report .pg-r .method li:nth-child(n+3) { border-top: 1px solid var(--pg-line, rgba(13, 21, 36, .10)); } } @media (max-width: 780px) { body.pg-report .pg-r .rbar { top: auto; bottom: 0; transform: translateY(101%); box-shadow: 0 -1px 0 var(--pg-line, rgba(13, 21, 36, .10)); padding-bottom: env(safe-area-inset-bottom, 0px); } body.pg-report .pg-r .rbar .cover, body.pg-report .pg-r .rbar-t span { display: none; } body.pg-report .pg-r .rbar .bar { height: 60px; } body.pg-report .pg-r .r-hero-grid { grid-template-columns: 1fr; gap: 8px; } body.pg-report .pg-r .r-visual { order: -1; min-height: 0; padding-block: 8px 20px; justify-items: start; } body.pg-report .pg-r .r-visual .shadow, body.pg-report .pg-r .float-chip { display: none; } body.pg-report .pg-r .r-visual .cover { --w: 124px; } body.pg-report .pg-r .r-title { font-size: clamp(2.1rem, 8.6vw, 2.8rem); } body.pg-report .pg-r .ctas .btn { flex: 1 1 auto; } body.pg-report .pg-r .meta-item { padding-right: 16px; margin-right: 16px; } body.pg-report .pg-r .dock { padding: 14px; border-radius: 22px; } body.pg-report .pg-r .dock-inner { grid-template-columns: 1fr; } body.pg-report .pg-r .takeaways { grid-template-columns: 1fr; } body.pg-report .pg-r .pill { flex: 1 1 auto; padding-block: 11px; } body.pg-report .pg-r .findings, body.pg-report .pg-r .findings.n3 { grid-template-columns: 1fr; } body.pg-report .pg-r .stats { grid-template-columns: 1fr; } body.pg-report .pg-r .stat + .stat { border-left: 0; border-top: 1px solid var(--pg-line, rgba(13, 21, 36, .10)); } body.pg-report .pg-r .stat { grid-template-columns: 96px 1fr; align-items: center; padding: 20px 4px; } body.pg-report .pg-r .stat b { font-size: 2.2rem; } body.pg-report .pg-r .toc { padding-left: 20px; } body.pg-report .pg-r .toc li { grid-template-columns: 32px minmax(0, 1fr); } body.pg-report .pg-r .toc .pg { grid-column: 2; grid-row: 3; line-height: 1.4; } body.pg-report .pg-r .spec-list div { grid-template-columns: 1fr; gap: 6px; } body.pg-report .pg-r .faq-list details p { padding-right: 0; } body.pg-report .pg-r .fields { grid-template-columns: 1fr; } body.pg-report .pg-r .steps { grid-template-columns: 1fr; gap: 28px; } body.pg-report .pg-r .steps-wrap .road { left: 27px; right: auto; top: 28px; bottom: 28px; width: 2px; height: auto; background: repeating-linear-gradient(180deg, rgba(13,21,36,.22) 0 14px, transparent 14px 26px); } body.pg-report .pg-r .steps-wrap .road i { width: auto; right: 0; height: calc(var(--p) * 100%); transform-origin: top; } .js body.pg-report .pg-r .steps-wrap.pre .road i { transform: scaleY(0); } body.pg-report .pg-r .steps li { grid-template-columns: 56px 1fr; justify-items: start; text-align: left; column-gap: 20px; row-gap: 4px; } body.pg-report .pg-r .steps .marker { grid-row: span 3; } body.pg-report .pg-r .steps small { margin-top: 4px; } body.pg-report .pg-r .cards { grid-template-columns: 1fr; } body.pg-report .pg-r .more-head { flex-direction: column; align-items: start; } body.pg-report .pg-r .pg-buy-card { grid-template-columns: 1fr; } body.pg-report .pg-r .drawer { top: auto; height: 92vh; height: 92svh; width: 100%; border-radius: 22px 22px 0 0; transform: translateY(104%); } body.pg-report .pg-r .fcard .rcard-tile { aspect-ratio: 16 / 10; } body.pg-report .pg-r .fcard .rcard-tile .cover { --w: 34%; } body.pg-report .pg-r .lib-head { flex-direction: column; align-items: start; } body.pg-report .pg-r .method { grid-template-columns: 1fr; } body.pg-report .pg-r .method li + li { border-left: 0; border-top: 1px solid var(--pg-line, rgba(13, 21, 36, .10)); } body.pg-report .pg-r .fit { grid-template-columns: 1fr; } } @media (prefers-reduced-motion: reduce) { body.pg-report .pg-r *, body.pg-report .pg-r *::before, body.pg-report .pg-r *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } .js body.pg-report .pg-r .rise.pre { transform: none; opacity: 1; } .js body.pg-report .pg-r .steps-wrap.pre .road i { transform: none; } .js body.pg-report .pg-r .cover.pre .sheet { transform: translateX(calc(var(--i) * .9cqi)) rotate(calc(var(--i) * 2.1deg)); } .js body.pg-report .pg-r .r-visual .cover.pre { transform: rotate(-2.5deg); } } /* ---------- Build-only styles: the Elementor containers and Elementor's own form, in the prototype's look ---------- */ /* The site kit colours every heading grey; on report pages headings follow their section (dark text, white on the dark bands) */ body.pg-report .pg-r h1, body.pg-report .pg-r h2, body.pg-report .pg-r h3, body.pg-report .pg-r h4 { color: inherit; } body.pg-report .pg-r .pg-anchor { display: block; height: 0; } body.pg-report .pg-r .pg-wrap { width: 100%; max-width: calc(var(--wrap) + var(--gutter) * 2); margin-inline: auto; padding-block: 0; padding-inline: var(--gutter); } body.pg-report .pg-r .pg-success-tpl { display: none; } /* Elementor form → the prototype form */ body.pg-report .pg-r .pg-form-home .e-form-base { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; padding: 0; align-items: start; } body.pg-report .pg-r .pg-form-home .pg-field { display: grid; gap: 6px; min-width: 0; padding: 0; } body.pg-report .pg-r .pg-form-home .pg-field-full, body.pg-report .pg-r .pg-form-home .e-form-submit-button-base, body.pg-report .pg-r .pg-form-home .e-form-success-message-base, body.pg-report .pg-r .pg-form-home .e-form-error-message-base, body.pg-report .pg-r .pg-form-home .pg-under { grid-column: 1 / -1; } body.pg-report .pg-r .pg-form-home .e-form-label-base { font-size: .78rem; line-height: 1.6; font-weight: 500; color: var(--pg-slate, #4F5966); } body.pg-report .pg-r .pg-form-home .pg-req .e-form-label-base::after { content: "*"; color: var(--pg-error, #E5484D); margin-left: 2px; } body.pg-report .pg-r .pg-form-home .pg-opt .e-form-label-base::after { content: "Optional"; margin-left: 8px; font-weight: 400; color: var(--pg-mute, #646D7A); } body.pg-report .pg-r .pg-form-home .e-form-input-base, body.pg-report .pg-r .pg-form-home select, body.pg-report .pg-r .pg-form-home textarea { width: 100%; height: auto; margin: 0; font: inherit; font-size: .95rem; color: var(--pg-ink, #0D1524); padding: 12px 13px; border: 0; border-radius: 10px; background-color: var(--pg-field, #F5F6F8); box-shadow: 0 0 0 1px transparent inset; appearance: none; -webkit-appearance: none; transition: box-shadow .15s, background-color .15s; } body.pg-report .pg-r .pg-form-home select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%234F5966' stroke-width='1.6'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 13px center; padding-right: 34px; } body.pg-report .pg-r .pg-form-home textarea { resize: vertical; min-height: 64px; line-height: 1.45; } body.pg-report .pg-r .pg-form-home .e-form-input-base:focus, body.pg-report .pg-r .pg-form-home select:focus, body.pg-report .pg-r .pg-form-home textarea:focus { outline: none; background-color: #fff; box-shadow: 0 0 0 1px var(--pg-ink, #0D1524) inset, 0 0 0 4px rgba(63,127,234,.16); } body.pg-report .pg-r .pg-form-home .pg-hidden { display: none; } body.pg-report .pg-r .pg-form-home .e-form-submit-button-base { width: 100%; margin-top: 6px; padding: 16px 24px; border: 0; border-radius: 999px; background: var(--pg-ink, #0D1524); color: #fff; font: 500 .95rem/1 var(--pg-font, "Geist", sans-serif); letter-spacing: -.005em; box-shadow: 0 1px 0 rgba(255,255,255,.12) inset, 0 6px 20px -8px rgba(13,21,36,.5); transition: transform .2s var(--ease), background-color .2s; cursor: pointer; } body.pg-report .pg-r .pg-form-home .e-form-submit-button-base:hover { background: var(--pg-ink-hover, #1B2740); transform: translateY(-1px); } /* Sending: Elementor marks the form and disables the button while it submits (repeat clicks are ignored). Show it on the button. */ body.pg-report .pg-r .pg-form-home form[data-atomic-form-submitting] .e-form-submit-button-base { position: relative; color: transparent; cursor: progress; transform: none; opacity: 1; } body.pg-report .pg-r .pg-form-home form[data-atomic-form-submitting] .e-form-submit-button-base::after { content: "Sending\2026"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding-left: 26px; color: #fff; white-space: nowrap; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fff' stroke-width='2'%3E%3Ccircle cx='8' cy='8' r='6.5' stroke-opacity='.3'/%3E%3Cpath d='M8 1.5A6.5 6.5 0 0 1 14.5 8' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 8 8' to='360 8 8' dur='.8s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E") no-repeat 0 50% / 16px 16px; } @media (prefers-reduced-motion: reduce) { body.pg-report .pg-r .pg-form-home form[data-atomic-form-submitting] .e-form-submit-button-base::after { background-image: none; padding-left: 0; } } body.pg-report .pg-r .pg-form-home .pg-under { margin: 4px 0 0; font-size: .82rem; color: var(--pg-slate, #4F5966); text-align: center; } body.pg-report .pg-r .pg-form-home .e-form-success-message-base { display: none !important; } /* our own success panel replaces it */ body.pg-report .pg-r .pg-form-home .e-form-error-message-base { border-radius: 10px; font-size: .85rem; } body.pg-report .pg-r .pg-form-home.is-done form { display: none; } body.pg-report .pg-r .drawer .pg-form-card-head { display: none; } /* The form card's head and the buy card sit inside Elementor containers */ body.pg-report .pg-r .pg-form-card { padding: clamp(22px, 3vw, 32px); } body.pg-report .pg-r .pg-final-grid { padding-block: 0; } body.pg-report .pg-r .rbar-cover { display: block; width: 30px; flex: none; } @media (max-width: 780px) { body.pg-report .pg-r .pg-form-home .e-form-base { grid-template-columns: 1fr; } } /* overflow: hidden on the wrapper (the prototype had it on ) stops the contents preview from sticking; clip doesn't */ html body.pg-report .pg-r { overflow-x: clip; overflow-y: visible; } /* Icons inside report cards */ body.pg-report .pg-r .go svg { width: 14px; height: 14px; } /* ---------- The Research page: Elementor-built copy (headings, panels, buttons) in the prototype's look ---------- */ body.pg-report .pg-r .pg-head { display: grid; gap: 18px; justify-items: center; text-align: center; max-width: 760px; margin-inline: auto; padding: 0; } body.pg-report .pg-r .pg-band-ahero .pg-head { position: relative; max-width: 900px; } body.pg-report .pg-r .pg-head-left { justify-items: start; text-align: left; margin: 0; max-width: none; } body.pg-report .pg-r .pg-lib-head { margin-bottom: 24px; } body.pg-report .pg-r .pg-eyebrow { display: block; margin: 0; cursor: auto; font: 500 var(--t-label)/1 var(--pg-font-label); letter-spacing: .08em; text-transform: uppercase; color: var(--pg-slate); } body.pg-report .pg-r .pg-a-title { display: block; margin: 0; cursor: auto; max-width: 21ch; font: 400 clamp(2.5rem, min(5.4vw, 8.6vh), 4.6rem)/1.02 var(--pg-font); letter-spacing: -.045em; color: var(--pg-ink); text-wrap: balance; } body.pg-report .pg-r .pg-h2 { display: block; margin: 0; cursor: auto; font: 400 var(--t-h2)/1.04 var(--pg-font); letter-spacing: -.035em; color: inherit; text-wrap: balance; } body.pg-report .pg-r .pg-h3 { display: block; margin: 0; cursor: auto; font: 400 1.6rem/1.08 var(--pg-font); letter-spacing: -.03em; color: inherit; text-wrap: balance; } body.pg-report .pg-r .pg-lead { display: block; margin: 0; cursor: auto; max-width: 60ch; font-size: var(--t-lead); line-height: 1.6; color: var(--pg-slate); text-wrap: pretty; } body.pg-report .pg-r .pg-p { display: block; margin: 0; cursor: auto; max-width: 46ch; font-size: 1rem; line-height: 1.6; color: var(--pg-slate); text-wrap: pretty; } body.pg-report .pg-r .pg-featured-label { display: block; margin-bottom: 16px; } body.pg-report .pg-r .pg-fit { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-top: 16px; padding: 0; } body.pg-report .pg-r .pg-panel { display: grid; gap: 14px; align-content: start; justify-items: start; border-radius: var(--r-lg); padding: clamp(26px, 3.4vw, 40px); background: var(--pg-paper); color: var(--pg-ink); box-shadow: 0 0 0 1px var(--pg-line) inset; } body.pg-report .pg-r .pg-panel-ink { background: var(--pg-ink); color: #fff; box-shadow: none; } body.pg-report .pg-r .pg-panel .pg-eyebrow { color: var(--pg-blue-text); } body.pg-report .pg-r .pg-panel-ink .pg-eyebrow { color: #9AA6B8; } body.pg-report .pg-r .pg-panel-ink .pg-p { color: #A7B2C3; } body.pg-report .pg-r .pg-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; margin-top: 8px; border: 0; border-radius: 999px; padding: 14px 24px; font: 500 .95rem/1 var(--pg-font); letter-spacing: -.005em; text-align: center; text-decoration: none; white-space: nowrap; cursor: pointer; transition: transform .2s var(--ease), background-color .2s, box-shadow .2s, color .2s; } body.pg-report .pg-r .pg-btn-ghost { background: transparent; color: var(--pg-ink); box-shadow: 0 0 0 1px var(--pg-line-2) inset; } body.pg-report .pg-r .pg-btn-ghost:hover { background: rgba(13,21,36,.04); } body.pg-report .pg-r .pg-btn-light { background: #fff; color: var(--pg-ink); } body.pg-report .pg-r .pg-btn-light:hover { background: #EEF2F8; transform: translateY(-1px); } @media (max-width: 780px) { body.pg-report .pg-r .pg-fit { grid-template-columns: 1fr; } } /* ---------- Fixes after the first archive review ---------- */ /* The theme makes every