/* Figma RoleQuiz / Homepage / Desktop 1440 (2228:811). */
@font-face { font-family: Manrope; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/manrope-400.ttf') format('truetype'); }
@font-face { font-family: Manrope; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/manrope-600.ttf') format('truetype'); }
@font-face { font-family: Manrope; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/manrope-700.ttf') format('truetype'); }
@font-face { font-family: Manrope; font-style: normal; font-weight: 800; font-display: swap; src: url('../fonts/manrope-800.ttf') format('truetype'); }
@font-face { font-family: Inter; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/inter-700.ttf') format('truetype'); }
:root { --rq-blue: #0873c7; --rq-ink: #172e3f; --rq-muted: #536575; --rq-soft: #f0f7fd; --rq-space-section: 150px; --rq-content: 1320px; }
html { scroll-behavior: smooth; }
body.rolequiz-front-page { margin: 0; padding: 0; min-width: 320px; background: white; }
body.rolequiz-front-page .wp-site-blocks { padding: 0; }
body.rolequiz-front-page :where(.wp-block-shortcode,.wp-block-rolequiz-front-page) { margin: 0; max-width: none; }
.rq-figma-home, .rq-figma-home * { box-sizing: border-box; }
.rq-figma-home { width: 100%; color: var(--rq-ink); background: #fff; font-family: Manrope, sans-serif; font-size: 16px; line-height: 1.4; -webkit-font-smoothing: antialiased; }
.rq-figma-home :where(h1,h2,h3,h4,p,ul) { margin: 0; padding: 0; }
.rq-figma-home :where(h1,h2,h3,h4,p,strong,summary,nav a) { overflow-wrap: anywhere; }
.rq-figma-home :where(a) { color: inherit; text-decoration: none; }
.rq-figma-home :where(button,input) { font: inherit; color: inherit; }
.rq-figma-home :where(button,summary) { cursor: pointer; }
.rq-figma-home :where(img) { display: block; max-width: none; }
.rq-figma-home :where(a,button,input,summary):focus-visible { outline: 3px solid #087bfa; outline-offset: 5px; }
.rq-figma-home [hidden] { display: none !important; }
.rq-visually-hidden, .rq-skip-link:not(:focus) { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip-path: inset(50%); overflow: hidden; white-space: nowrap; }
.rq-skip-link:focus { position: fixed; z-index: 100; inset: 10px auto auto 10px; padding: 12px 20px; border-radius: 8px; background: white; }
.rq-hero { position: relative; min-height: 900px; display: grid; place-items: center; padding: 150px 60px; background: radial-gradient(ellipse 50% 50% at center, #f0f7fd 15.865%, #d7efff 89.423%, #d1edff 100%); }
.rq-topbar { position: absolute; inset: 40px 99px auto 88px; display: flex; justify-content: space-between; align-items: center; z-index: 10; }
.rq-language-control { position: relative; }
.rq-language-trigger { display: flex; align-items: center; justify-content: center; gap: 10px; width: 152px; height: 51px; padding: 0; border: 0; border-radius: 12px; background: transparent; font-size: 15px; font-weight: 700; }
.rq-language-trigger:hover, .rq-sign-in:hover { background: #ffffff70; }
.rq-language-menu { position: absolute; inset: calc(100% + 8px) auto auto 0; min-width: 200px; padding: 8px; background: white; border: 1px solid #c4dbf0; border-radius: 12px; box-shadow: 0 12px 30px #172e3f1a; }
.rq-language-menu a { display: flex; justify-content: space-between; padding: 10px 14px; border-radius: 6px; }
.rq-language-menu a:hover, .rq-language-menu a:focus-visible, .rq-language-menu a.is-active { background: #eef8ff; color: var(--rq-blue); }
.rq-language-menu svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; }
.rq-sign-in { display: grid; place-items: center; width: 102px; height: 51px; border-radius: 12px; font-size: 15px; font-weight: 700; }
.rq-hero-content { display: flex; flex-direction: column; align-items: center; gap: 50px; width: 100%; }
.rq-hero-heading { display: flex; flex-direction: column; align-items: center; gap: 25px; text-align: center; width: 100%; max-width: 1020px; }
.rq-brand { color: var(--rq-blue) !important; font-size: 28px; font-weight: 800; line-height: 38px; }
.rq-hero h1 { max-width: 1020px; font-size: 56px; font-weight: 800; line-height: 1.16; letter-spacing: -1.68px; }
.rq-learn-more { position: absolute; inset: auto 0 118px; width: 250px; margin-inline: auto; text-align: center; height: 32px; font-size: 18px; font-weight: 700; color: var(--rq-blue) !important; }
.rq-learn-more span { margin-inline-start: 8px; }
.rq-quiz-form { position: relative; isolation: isolate; display: flex; align-items: center; gap: 12px; width: min(740px,100%); min-height: 79px; padding: 8px; border: 1px solid #c4dbf0; border-radius: 16px; background: #fff; box-shadow: 0 12px 28px #172e471f; }
/* Keep the glow outside the input surface so it never intercepts pointer events. */
@property --rq-glow-angle { syntax: '<angle>'; initial-value: 0deg; inherits: false; }
.rq-quiz-form::before, .rq-quiz-form::after { content: ''; position: absolute; pointer-events: none; z-index: -1; inset: -2px; border-radius: inherit; padding: 2px; background: conic-gradient(from var(--rq-glow-angle), transparent 0% 55%, #5ebfff 68%, #087bfa 80%, #b2e7ff 90%, transparent 100%); mask: linear-gradient(#fff 0 0) content-box exclude, linear-gradient(#fff 0 0); animation: rq-border-glow 6s linear infinite; }
.rq-quiz-form::after { inset: -5px; padding: 5px; filter: blur(6px); opacity: .45; }
.rq-quiz-form:focus-within { border-color: #087bfa; box-shadow: 0 12px 28px #172e471f, 0 0 0 3px #087bfa18; }
@keyframes rq-border-glow { to { --rq-glow-angle: 360deg; } }
.rq-role-control { position: relative; flex: 1; min-width: 0; }
.rq-role-control input { width: 100%; height: 61px; padding: 18px; border: 0; outline: none; border-radius: 10px; background: transparent; font-size: 17px; line-height: 25px; }
.rq-role-control input::placeholder { color: var(--rq-muted); opacity: 1; }
.rq-role-control input:focus-visible { outline-offset: -3px; }
.rq-primary-button { flex: none; min-width: 141px; height: 51px; padding: 15px 24px; border: 0; border-radius: 12px; background: var(--rq-blue); color: #fff !important; font-size: 15px; line-height: 21px; font-weight: 700; transition: background-color .18s; }
.rq-primary-button:hover { background: #065da3; }
.rq-role-options { position: absolute; z-index: 20; inset: calc(100% + 18px) 0 auto; max-height: 270px; overflow-y: auto; list-style: none; padding: 8px !important; border: 1px solid #c4dbf0; border-radius: 12px; background: white; box-shadow: 0 12px 28px #172e471f; color: var(--rq-ink); }
.rq-role-options li { padding: 10px 12px; border-radius: 7px; cursor: pointer; font-size: 15px; }
.rq-role-options li:hover, .rq-role-options li[aria-selected=true] { background: #eef8ff; color: var(--rq-blue); }
.rq-section { padding: var(--rq-space-section) 60px; display: flex; flex-direction: column; align-items: center; gap: 50px; }
.rq-section-heading { display: flex; flex-direction: column; gap: 25px; width: min(1000px,100%); text-align: center; }
.rq-eyebrow { color: var(--rq-blue); font-size: 16px; font-weight: 700; line-height: 22px; }
.rq-section h2 { font-size: 43px; font-weight: 800; line-height: 1.3721; }
.rq-three-cards { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; width: min(var(--rq-content),100%); }
.rq-how-card { border: 1px solid #dfe7ef; border-radius: 16px; overflow: hidden; background: white; }
.rq-demo-area { height: 318px; display: grid; place-items: center; background: #eef8ff; }
.rq-demo-panel { width: 320px; height: 264px; padding: 16px 20px; border: 1px solid #d6e5f2; border-radius: 12px; background: white; display: flex; flex-direction: column; justify-content: space-between; box-shadow: 0 4px 12px #142e4d0f; color: #153458; }
.rq-demo-panel h3 { color: #101c42; font-size: 20px; font-weight: 800; line-height: 26px; }
.rq-demo-role { background: #f5faff; border: 1px solid #d8e8f5; border-radius: 7px; padding: 10px; font-size: 15px; line-height: 19px; color: #102443; }
.rq-demo-skill { display: flex; align-items: center; gap: 8px; font-size: 15px; line-height: 19px; }
.rq-demo-button { padding: 12px; border-radius: 9px; background: #087bfa; color: white; text-align: center; font-size: 17px; font-weight: 700; line-height: 22px; }
.rq-card-caption { height: 81px; padding: 0 18px; border-top: 1px solid #dfe8f0; display: flex; align-items: center; justify-content: center; text-align: center; color: #101c42; font-size: 20px; font-weight: 800; line-height: 26px; }
.rq-demo-chips { display: flex; gap: 10px; }
.rq-demo-chips > span { display: flex; gap: 10px; align-items: center; padding: 8px 10px 8px 12px; height: 35px; border-radius: 8px; background: #e4f3ff; font-size: 15px; font-weight: 700; line-height: 19px; }
.rq-demo-email { height: 40px; display: flex; align-items: center; justify-content: space-between; padding: 0 10px 0 12px; border: 1px solid #d1e0ed; border-radius: 7px; font-size: 13px; font-weight: 700; color: #708599; }
.rq-demo-result { width: 100%; font-size: 14px; font-weight: 700; line-height: 18px; }
.rq-demo-result > div:first-child { display: flex; justify-content: space-between; margin-bottom: 8px; }
.rq-progress-track { height: 9px; border-radius: 5px; background: #edf2f7; overflow: hidden; }
.rq-progress-track span { display: block; height: 9px; border-radius: 6px; }
.rq-green { color: #2e7d54; } .rq-green .rq-progress-track span { background: #8cd4ab; }
.rq-red { color: #b24a4f; } .rq-red .rq-progress-track span { background: #f59ea1; }
.rq-amber { color: #9e751f; } .rq-amber .rq-progress-track span { background: #f5cf6e; }
.rq-cost, .rq-reports { background: var(--rq-soft); }
.rq-cost h2, .rq-comparison h2 { color: #102443; font-size: 40px; line-height: 1.35; }
.rq-cost-content { width: min(var(--rq-content),100%); }
.rq-cost-card { display: flex; flex-direction: column; align-items: center; gap: 30px; height: 446px; padding: 18px; border-radius: 18px; background: white; }
.rq-cost-art { position: relative; width: 388px; height: 213.4px; flex: none; }
.rq-cost-copy { display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; width: 100%; padding-inline: 10px; line-height: 1.35; color: #102443; }
.rq-cost-copy h3 { font-size: 23px; font-weight: 800; }
.rq-cost-copy strong { font-size: 22px; font-weight: 800; color: #087bfa; }
.rq-cost-copy p { font-size: 17px; }
.rq-cost-copy small { font-size: 13px; color: #6d8199; }
.rq-sources { margin-top: 26px !important; font-size: 12px; line-height: 16px; text-align: center; color: #6d8199; }
.rq-sources a { text-decoration: underline; text-underline-offset: 2px; }
.rq-resume-art img { position: absolute; }
.rq-resume-backdrop { left: 20.0467px; top: 31.04px; }
.rq-resume-sheet { position: absolute; left: 39px; top: 31px; width: 126.1px; height: 159.727px; transform: rotate(-8deg); }
.rq-resume-sheet b { position: absolute; left: 14px; top: 12px; font: 700 14.873px Inter,sans-serif; color: #173954; }
.rq-resume-line { position: absolute; left: 13px; width: 100px; height: 17px; }
.rq-resume-line img:nth-child(1) { top: 6px; left: 0; }
.rq-resume-line img:nth-child(2) { left: 83px; }
.rq-resume-line img:nth-child(3) { left: 86.5px; top: 4px; }
.rq-performance-sheet { position: absolute; left: 206.61px; top: 22.957px; width: 148.087px; height: 166.193px; }
.rq-performance-sheet b { position: absolute; top: 9.38px; left: 15.2px; font: 700 12.933px/16.167px Inter,sans-serif; color: #173954; }
.rq-performance-line { position: absolute; left: 14.23px; width: 125px; height: 17px; }
.rq-performance-line img:nth-child(1) { top: 0; }
.rq-performance-line img:nth-child(2) { top: -5.59px; left: 104.43px; }
.rq-performance-line img:nth-child(3) { top: -1.39px; left: 108.63px; }
.rq-comparison-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; width: min(var(--rq-content),100%); }
.rq-story-column { display: flex; flex-direction: column; gap: 18px; min-height: 794px; padding: 20px; border-radius: 20px; background: #f2f5f9; }
.rq-rolequiz-way { background: #eef8ff; }
.rq-story-column > h3 { padding: 10px 0 12px; font-size: 30px; line-height: 40px; font-weight: 700; color: #1b3855; text-align: center; }
.rq-rolequiz-way > h3 { color: #0078ef; }
.rq-story-step { display: grid; grid-template-columns: 300px minmax(0,1fr); gap: 20px; align-items: center; min-height: 174px; }
.rq-story-art { width: 300px; height: 165px; position: relative; overflow: hidden; }
.rq-story-art img { width: 100%; height: 100%; object-fit: contain; }
.rq-story-step h4 { font-size: 23px; font-weight: 700; line-height: 1.4; color: #1b3855; margin-bottom: 4px; }
.rq-story-step p { font-size: 18px; line-height: 1.4; color: #6d7e91; }
.rq-story-takeaway { min-height: 94px; display: grid; place-content: center; padding: 18px 24px; border-radius: 12px; background: #ffffffb8; text-align: center; font-size: 22px; font-weight: 700; line-height: 29px; color: #293d57; }
.rq-reports h2 { font-size: 42px; line-height: 52px; }
.rq-report-grid { display: grid; grid-template-columns: 545fr 677fr; gap: 78px; align-items: center; width: min(1300px,100%); }
.rq-report-benefits { display: flex; flex-direction: column; gap: 16px; list-style: none; }
.rq-report-benefits li { display: flex; align-items: center; gap: 20px; min-height: 76px; padding: 20px; border: 1px solid #c2dbfa; border-radius: 14px; background: white; }
.rq-report-benefits li > span { width: 26px; flex: none; font-size: 25px; font-weight: 700; color: var(--rq-blue); }
.rq-report-benefits strong { font-size: 18px; font-weight: 800; line-height: 1.4; }
.rq-report { display: flex; flex-direction: column; gap: 18px; padding: 26px 32px 22px; border: 1px solid #bad6f5; border-radius: 24px; background: white; }
.rq-report-eyebrow { font-size: 13px; font-weight: 800; line-height: 18px; color: var(--rq-blue); }
.rq-report-person h3 { font-size: 28px; line-height: 38px; font-weight: 800; margin-bottom: 5px; }
.rq-report-person p { font-size: 18px; line-height: 25px; color: #758ca6; }
.rq-attempts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.rq-attempts > div { display: flex; flex-direction: column; gap: 10px; padding: 18px; border-radius: 15px; background: #e8f2ff; }
.rq-attempts > div + div { background: #e5f7ed; }
.rq-attempts h4 { font-size: 18px; line-height: 25px; font-weight: 800; }
.rq-attempts strong { font-size: 38px; line-height: 52px; font-weight: 800; }
.rq-attempts p { font-size: 13px; line-height: 18px; color: #758ca6; }
.rq-report table { width: 100%; border: 0; border-collapse: collapse; table-layout: fixed; }
.rq-report :where(th,td) { padding: 18px 0; border: 0; font-size: 18px; line-height: 25px; text-align: right; }
.rq-report th:first-child { width: 65%; text-align: left; }
.rq-report thead th { padding-top: 15px; font-size: 12px; line-height: 16px; font-weight: 800; color: #758ca6; }
.rq-report tbody th { font-weight: 400; }
.rq-report td { font-weight: 800; color: var(--rq-blue); }
.rq-report td:last-child { color: #0a8c4d; }
.rq-report-note { padding: 12px; border-radius: 8px; font-size: 14px; line-height: 19px; background: #f2f7fc; }
/* Translated labels can be longer than the English reference artwork. */
.rq-performance-sheet b { width: 116px; overflow-wrap: anywhere; }
.rq-resume-sheet b { width: 100px; overflow-wrap: anywhere; }
.rq-report th { overflow-wrap: anywhere; }
.rq-report td { white-space: nowrap; }
.rq-figma-home:not([data-rq-language="en"]) .rq-demo-area { min-height: 318px; height: auto; padding: 26px 12px; }
.rq-figma-home:not([data-rq-language="en"]) .rq-demo-panel { width: min(320px,100%); min-height: 264px; height: auto; gap: 8px; }
.rq-figma-home:not([data-rq-language="en"]) .rq-demo-email { min-height: 40px; height: auto; padding-block: 6px; gap: 8px; }
.rq-figma-home:not([data-rq-language="en"]) .rq-card-caption { min-height: 81px; height: auto; padding-block: 16px; }
.rq-demo-panel :where(span,h3) { min-width: 0; overflow-wrap: anywhere; }
.rq-final-cta { padding: 160px 60px; display: flex; flex-direction: column; gap: 32px; align-items: center; background: linear-gradient(#0e2e52,#2067b8); }
.rq-final-cta h2 { max-width: 800px; text-align: center; font-size: 46px; font-weight: 800; line-height: 53px; color: white; }
.rq-faqs { background: #f8fafc; }
.rq-faqs h2 { font-size: 42px; line-height: 52px; }
.rq-faq-list { display: flex; flex-direction: column; gap: 12px; width: min(1120px,100%); }
.rq-faq { padding: 24px 28px; border: 1px solid #d6e3f2; border-radius: 16px; background: white; }
.rq-faq summary { display: flex; align-items: center; justify-content: space-between; gap: 24px; list-style: none; font-size: 18px; font-weight: 600; line-height: 26px; }
.rq-figma-home .rq-faq summary:focus { outline: none; box-shadow: none; }
.rq-figma-home .rq-faq summary:focus-visible { color: #0873c7; text-decoration: underline; text-underline-offset: 4px; }
.rq-faq summary::-webkit-details-marker { display: none; }
.rq-faq summary img { flex: none; }
.rq-faq[open] summary img { transform: rotate(180deg); }
.rq-faq p { margin-top: 12px; min-height: 52px; font-size: 16px; line-height: 26px; color: #526373; }
.rq-footer { background: #172e3f; }
.rq-footer-grid { display: grid; grid-template-columns: 320px repeat(4,minmax(0,1fr)); gap: 40px; max-width: 1440px; margin-inline: auto; padding: 120px 80px 50px; }
.rq-footer-brand > a { display: block; margin-bottom: 16px; color: #5ebfff; font-size: 30px; font-weight: 800; line-height: 45px; }
.rq-footer-brand p { max-width: 290px; color: #b8d1e0; font-size: 16px; line-height: 24px; }
.rq-footer nav { display: flex; flex-direction: column; align-items: start; gap: 16px; }
.rq-footer nav h2 { color: white; font-size: 16px; font-weight: 700; line-height: 24px; }
.rq-footer nav a { color: #b8d1e0; font-size: 14px; line-height: 21px; }
.rq-footer a:hover { text-decoration: underline; }
.rq-copyright { background: #091826; color: #b8d1e0; font-size: 13px; line-height: 20px; padding: 32px max(40px,calc((100% - 1280px)/2)); }
[dir=rtl] .rq-topbar { flex-direction: row-reverse; }
[dir=rtl] .rq-report th:first-child { text-align: right; }
[dir=rtl] .rq-report :where(th,td):not(:first-child) { text-align: left; }
@media (max-width: 1250px) {
 .rq-section { padding-inline: 32px; }
 .rq-three-cards { gap: 18px; }
 .rq-demo-area { container-type: inline-size; }
 .rq-demo-panel { transform: scale(min(1,calc((100cqw - 24px)/320px))); }
 .rq-cost-card { container-type: inline-size; height: auto; min-height: 446px; }
 .rq-cost-art { transform: scale(min(1,calc(100cqw/388px))); transform-origin: top center; margin-bottom: min(0px,calc((100cqw - 388px)*.55)); }
 .rq-report-grid { gap: 32px; grid-template-columns: 1fr 1.15fr; }
 .rq-comparison-grid { gap: 18px; }
 .rq-story-step { grid-template-columns: 1fr; justify-items: center; gap: 8px; text-align: center; }
 .rq-story-column { gap: 24px; }
 .rq-footer-grid { grid-template-columns: 240px repeat(4,minmax(0,1fr)); gap: 24px; padding-inline: 40px; }
}
@media (max-width: 900px) {
 :root { --rq-space-section: 90px; }
 .rq-hero { min-height: 780px; padding-inline: 32px; }
 .rq-topbar { inset: 24px 24px auto; }
 .rq-hero h1 { font-size: 46px; letter-spacing: -1.2px; }
 .rq-learn-more { bottom: 70px; }
 .rq-section h2 { font-size: 34px; line-height: 1.3; }
 .rq-three-cards { grid-template-columns: 1fr; max-width: 500px; }
 .rq-cost-content { display: flex; flex-direction: column; align-items: center; }
 .rq-cost-art { transform: none; margin: 0; }
 .rq-cost-card { min-height: 420px; }
 .rq-report-grid { grid-template-columns: 1fr; max-width: 677px; }
 .rq-final-cta { padding: 100px 32px; }
 .rq-final-cta h2 { font-size: 38px; }
 .rq-footer-grid { grid-template-columns: repeat(4,minmax(0,1fr)); padding: 70px 32px 50px; }
 .rq-footer-brand { grid-column: 1 / -1; }
 .rq-footer-brand p { max-width: 450px; }
}
@media (max-width: 600px) {
 :root { --rq-space-section: 64px; }
 .rq-section { padding-inline: 20px; gap: 32px; }
 .rq-section-heading { gap: 18px; }
 .rq-section h2 { font-size: 29px; line-height: 1.3; }
 .rq-hero { min-height: 720px; min-height: max(640px,100svh); padding: 135px 20px 160px; }
 .rq-topbar { inset: 20px 12px auto; }
 .rq-language-trigger { width: 135px; }
 .rq-hero-heading { gap: 24px; }
 .rq-hero-content { gap: 36px; }
 .rq-brand { font-size: 25px; }
 .rq-hero h1 { font-size: 36px; letter-spacing: -.9px; line-height: 1.18; }
 .rq-learn-more { bottom: 65px; font-size: 16px; }
 .rq-quiz-form { padding: 6px; gap: 4px; min-height: 67px; border-radius: 14px; }
 .rq-role-control input { height: 53px; padding: 12px; font-size: 15px; }
 .rq-primary-button { min-width: 112px; height: 47px; padding: 12px; font-size: 14px; border-radius: 10px; }
 .rq-role-options { width: min(290px,calc(100vw - 56px)); }
 .rq-card-caption { font-size: 18px; }
 .rq-demo-area { height: 300px; }
 .rq-cost-card { padding: 16px; min-height: 410px; gap: 15px; }
 .rq-cost-art { transform: scale(min(1,calc(100cqw/388px))); margin-bottom: min(0px,calc((100cqw - 388px)*.55)); }
 .rq-cost-copy { padding: 0; }
 .rq-cost-copy h3 { font-size: 21px; }
 .rq-comparison-grid { grid-template-columns: 1fr; max-width: 500px; }
 .rq-story-column { min-height: auto; padding: 20px 14px; }
 .rq-story-column > h3 { text-align: center; font-size: 20px; }
 .rq-story-step { width: 100%; }
 .rq-story-step > div:last-child { max-width: 320px; }
 .rq-story-takeaway { font-size: 20px; }
 .rq-report-benefits li { gap: 12px; padding: 16px; }
 .rq-report-benefits strong { font-size: 16px; }
 .rq-report { padding: 24px 16px; border-radius: 20px; }
 .rq-attempts { gap: 12px; }
 .rq-attempts > div { padding: 14px 10px; }
 .rq-attempts h4 { font-size: 15px; }
 .rq-attempts strong { font-size: 32px; line-height: 43px; }
 .rq-attempts p { font-size: 12px; }
 .rq-report :where(th,td) { font-size: 14px; padding-block: 14px; }
 .rq-report th:first-child { width: 58%; }
 .rq-report thead th { font-size: 10px; }
 .rq-final-cta { padding: 85px 20px; }
 .rq-final-cta h2 { font-size: 32px; line-height: 1.2; }
 .rq-faq { padding: 20px; }
 .rq-faq summary { font-size: 16px; line-height: 24px; gap: 12px; }
 .rq-faq p { min-height: 0; font-size: 15px; line-height: 25px; }
 .rq-footer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 36px 24px; padding: 60px 24px 40px; }
 .rq-copyright { padding: 28px 24px; }
}
@media (max-width: 360px) { .rq-hero h1 { font-size: 32px; } .rq-story-art { transform: scale(.88); margin-inline: -18px; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .rq-quiz-form::before, .rq-quiz-form::after { animation: none; --rq-glow-angle: 45deg; } .rq-primary-button { transition: none; } }