/* Product overview: readable study output, with a compact setup walkthrough. */
.page-product main { overflow: clip; }
.product-hero { display:grid; grid-template-columns: .95fr 1.05fr; gap:28px 64px; align-items:center; padding-block:70px 36px; }
.product-intro h1 { font-size:clamp(42px,4.5vw,62px); line-height:1.08; letter-spacing:-.055em; max-width:540px; }
.product-intro .eyebrow { margin-bottom:22px; color:var(--ink); }
.product-lede { max-width:475px; font-size:16px; line-height:1.85; color:var(--muted); margin-top:25px; }
.product-actions { display:flex; flex-wrap:wrap; align-items:center; gap:12px 23px; margin-top:29px; }
.product-price { margin-top:17px; font-size:12px; color:var(--muted); }
.product-window { min-width:0; background:#fff; border:1px solid #d5dce9; border-radius:12px; overflow:hidden; }
.hero-report { box-shadow:0 12px 40px #20232d08; }
.product-window-top { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:16px 25px; border-bottom:1px solid #e4e8ef; font-size:11px; font-weight:600; }
.sample-label { font-size:10px; font-weight:500; color:var(--muted); background:#f0f3fa; padding:4px 9px; border-radius:4px; }
.hero-report-body { padding:29px 30px 26px; }
.report-kicker { display:block; font-size:11px; color:var(--muted); font-weight:500; }
.hero-report h2 { font-size:27px; letter-spacing:-.035em; line-height:1.25; margin-top:10px; }
.report-meta { font-size:11px; color:var(--muted); margin-top:11px; }
.product-bars { display:grid; gap:17px; margin-top:28px; }
.product-bars > div { display:grid; grid-template-columns:1fr auto; gap:8px; font-size:13px; }
.product-bars b { font-weight:600; font-variant-numeric:tabular-nums; }
.product-track { grid-column:1/-1; height:8px; border-radius:2px; background:#eff2f9; overflow:hidden; }
.product-track i { display:block; height:100%; background:var(--accent); border-radius:2px; }
.report-observation { margin-top:29px; border-top:1px solid #e4e8ef; padding-top:17px; }
.report-observation > span { font-size:10px; color:var(--muted); text-transform:uppercase; letter-spacing:.08em; }
.report-observation p { font-size:12px; line-height:1.75; margin-top:5px; }
.hero-report figcaption { display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px 15px; align-items:center; padding:12px 25px; background:#f8faff; font-size:10px; color:var(--muted); border-top:1px solid #e4e8ef; }
.hero-report figcaption a { display:inline-flex; align-items:center; min-height:32px; color:var(--ink); text-decoration:underline; text-underline-offset:4px; }
.product-disclosure { grid-column:1/-1; margin-top:6px; font-size:11px; color:var(--muted); line-height:1.9; }
.product-disclosure a { margin-left:9px; color:var(--ink); text-decoration:underline; text-underline-offset:4px; }
.product-section { padding-block:68px; border-top:1px solid var(--line); }
.product-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:30px; }
.product-section-head .eyebrow,.product-included .eyebrow { margin-bottom:13px; }
.product-section h2 { font-size:clamp(32px,3.1vw,43px); line-height:1.15; max-width:570px; letter-spacing:-.045em; }
.product-section-head > p { max-width:375px; color:var(--muted); font-size:14px; line-height:1.8; }
.product-tabs { display:flex; gap:30px; padding:0 30px; border-bottom:1px solid var(--line); overflow-x:auto; }
.product-tabs a { display:flex; align-items:center; flex-shrink:0; min-height:64px; border-bottom:2px solid transparent; font-size:13px; font-weight:500; color:var(--muted); }
.product-tabs a:hover { color:var(--ink); }
.product-tabs a[aria-selected="true"] { color:var(--ink); border-bottom-color:var(--ink); }
.product-panel { display:grid; grid-template-columns:.8fr 1.2fr; gap:60px; padding:42px; align-items:center; min-height:400px; }
.product-panel[hidden] { display:none; }
.product-panel + .product-panel { border-top:1px solid var(--line); }
.product-panel[role="tabpanel"] { border-top:0; }
.deliverable-copy h3 { font-size:30px; line-height:1.2; letter-spacing:-.04em; margin-top:18px; }
.deliverable-copy > p { font-size:14px; line-height:1.85; color:var(--muted); margin-top:17px; max-width:340px; }
.deliverable-copy .text-link { margin-top:15px; }
.report-paper { min-width:0; background:#f8faff; border:1px solid #e1e6f0; border-radius:6px; padding:25px 28px; }
.paper-heading { display:flex; justify-content:space-between; flex-wrap:wrap; gap:5px 12px; border-bottom:1px solid #dfe5ef; padding-bottom:15px; margin-bottom:20px; font-size:10px; color:var(--muted); }
.report-paper h4 { font-size:16px; line-height:1.5; font-weight:600; letter-spacing:-.02em; margin:16px 0 8px; }
.report-paper p { font-size:12px; line-height:1.85; color:var(--muted); }
.paper-note { border-left:2px solid #9aa8cb; padding-left:13px; margin-top:20px; font-size:12px; line-height:1.8; }
.report-paper .sample-footnote { font-size:10px; margin-top:20px; line-height:1.75; }
.product-example-note { display:flex; flex-wrap:wrap; justify-content:space-between; gap:8px 20px; align-items:center; border-top:1px solid #e4e8ef; padding:10px 30px; font-size:10px; color:var(--muted); }
.product-example-note a { text-decoration:underline; text-underline-offset:4px; min-height:32px; display:inline-flex; align-items:center; }
.product-table-scroll { overflow-x:auto; margin-top:18px; }
.product-table { width:100%; border-collapse:collapse; font-size:12px; white-space:nowrap; }
.product-table caption { text-align:left; font-size:11px; color:var(--muted); padding-bottom:12px; }
.product-table th,.product-table td { padding:11px 8px; text-align:right; border-bottom:1px solid #e0e5ef; }
.product-table th { font-weight:500; }
.product-table th:first-child { text-align:left; padding-left:0; }
.product-table thead { color:var(--muted); }
.product-table .sample-base { font-size:10px; color:var(--muted); }
.workbook-sheets { margin-top:15px; }
.workbook-sheets > div { padding:10px 0; border-bottom:1px solid #e0e5ef; }
.workbook-sheets > div:last-child { border:0; padding-bottom:0; }
.workbook-sheets dt { font-size:12px; font-weight:600; }
.workbook-sheets dd { font-size:11px; margin-top:1px; color:var(--muted); }
.setup-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:26px; }
.setup-grid > article { min-width:0; display:flex; flex-direction:column; }
.setup-heading { display:flex; gap:12px; align-items:baseline; }
.setup-heading > span { color:var(--muted); font-size:11px; }
.setup-heading h3 { font-size:19px; letter-spacing:-.03em; line-height:1.4; }
.setup-grid > article > p { color:var(--muted); font-size:13px; line-height:1.8; margin:12px 0 22px; max-width:300px; }
.setup-screen { flex:1; padding:24px; background:#fff; border:1px solid #dce2ee; border-radius:7px; }
.screen-label { display:block; color:var(--muted); font-size:10px; font-weight:500; }
.setup-screen > p { font-size:13px; line-height:1.8; margin-top:13px; }
.screen-caption { display:block; font-size:10px; color:var(--muted); border-top:1px solid #e1e6ef; padding-top:14px; margin-top:22px; }
.setup-detail { display:flex; justify-content:space-between; gap:12px; font-size:10px; border-top:1px solid #e1e6ef; padding-top:12px; margin-top:14px; }
.setup-detail > span { color:var(--muted); }
.setup-detail b { font-weight:500; }
.setup-options { list-style:none; margin:14px 0 0; padding:0; display:grid; gap:8px; font-size:11px; }
.setup-options li { display:flex; align-items:center; gap:9px; }
.setup-options li::before { content:''; width:11px; height:11px; border:1px solid #a9b3c6; border-radius:50%; }
.setup-note { font-size:11px; line-height:1.8; margin-top:22px; color:var(--muted); }
.setup-note a { text-decoration:underline; text-underline-offset:3px; }
.product-use-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:26px; }
.product-use-grid > a { border-top:1px solid #c6cedd; padding-top:19px; }
.product-use-grid > a > span { font-size:10px; color:var(--muted); }
.product-use-grid h3 { font-size:24px; margin-top:16px; letter-spacing:-.035em; }
.product-use-grid p { margin-top:13px; font-size:13px; color:var(--muted); line-height:1.8; }
.product-use-grid a:hover h3 { text-decoration:underline; text-underline-offset:5px; }
.product-included { display:grid; grid-template-columns:1fr 1.1fr; gap:70px; padding-bottom:80px; }
.product-included > div > p:not(.eyebrow) { font-size:14px; color:var(--muted); line-height:1.85; margin-top:20px; }
.product-included .text-link { margin-top:14px; }
.product-included > dl { display:grid; grid-template-columns:1fr 1fr; gap:30px; }
.product-included > dl > div { border-top:1px solid #ccd4e2; padding-top:17px; }
.product-included dt { font-size:24px; line-height:1.4; font-weight:500; letter-spacing:-.035em; }
.product-included dd { font-size:12px; line-height:1.8; color:var(--muted); margin-top:7px; }
@media(min-width:1500px){.product-hero{padding-top:85px;padding-bottom:42px}}
@media(max-width:1100px){.product-hero{gap:26px 35px}.product-intro h1{font-size:47px}.product-lede{font-size:14px}.product-actions{gap:10px 15px}.product-actions .button{padding-inline:23px}.product-actions .text-link{font-size:12px}.hero-report-body{padding:25px}.product-panel{gap:35px;padding:32px}.product-section-head>p{max-width:320px}.setup-grid{gap:20px}.setup-heading h3{font-size:17px}.setup-screen{padding:20px}}
@media(max-width:850px){.product-hero{grid-template-columns:1fr;padding-top:45px;gap:28px}.product-intro{max-width:650px}.product-intro h1{font-size:52px;max-width:620px}.product-lede{max-width:580px;font-size:15px}.hero-report{width:100%;max-width:650px}.product-disclosure{max-width:650px;margin:0}.product-panel{grid-template-columns:1fr;gap:26px}.deliverable-copy{max-width:600px}.deliverable-copy h3{margin-top:10px}.deliverable-copy>p{max-width:580px;margin-top:12px}.report-paper{max-width:none}.product-section-head{display:block}.product-section-head>p{max-width:580px;margin-top:18px}.product-section-head>.text-link{margin-top:12px}.setup-grid{grid-template-columns:1fr}.setup-grid>article{display:grid;grid-template-columns:1fr 1.15fr;gap:0 28px}.setup-grid>article>p{grid-column:1;margin-top:12px}.setup-screen{grid-column:2;grid-row:1/3}.setup-heading{align-self:end}.setup-heading h3{font-size:20px}.product-use-grid{grid-template-columns:1fr 1fr;gap:32px}.product-included{gap:35px;grid-template-columns:.8fr 1.2fr}.product-included dt{font-size:21px}}
@media(max-width:600px){.product-hero{padding-block:36px 28px;gap:26px}.product-intro h1{font-size:42px}.product-intro .eyebrow{margin-bottom:17px}.product-lede{font-size:14px;margin-top:20px}.product-actions{margin-top:23px;gap:10px 18px}.product-price{font-size:11px;margin-top:14px}.product-window-top{padding:13px 18px}.hero-report-body{padding:22px 20px}.hero-report h2{font-size:24px}.report-meta{font-size:10px}.hero-report figcaption{padding:10px 18px}.product-disclosure{font-size:10px}.product-disclosure a{margin-left:0;display:block;width:fit-content;min-height:30px}.product-section{padding-block:43px}.product-section h2{font-size:34px}.product-section-head{margin-bottom:25px}.product-section-head>p{font-size:13px}.product-tabs{gap:23px;padding-inline:20px}.product-tabs a{min-height:55px;font-size:12px}.product-panel{padding:25px 20px;gap:25px;min-height:0}.deliverable-copy h3{font-size:27px}.deliverable-copy>p{font-size:13px}.report-paper{padding:20px 17px}.report-paper h4{font-size:15px}.product-example-note{padding:12px 20px;gap:3px}.product-table{font-size:11px}.product-table th,.product-table td{padding-inline:7px}.setup-grid{gap:28px}.setup-grid>article{display:flex}.setup-heading h3{font-size:20px}.setup-heading{align-self:stretch}.setup-grid>article>p{max-width:100%;margin-bottom:16px}.setup-screen{padding:23px}.product-use-grid{gap:27px 23px}.product-use-grid h3{font-size:22px}.product-use-grid p{font-size:12px}.product-included{grid-template-columns:1fr;gap:27px}.product-included>dl{gap:25px 20px}.product-included dt{font-size:22px}}
@media(max-width:360px){.product-intro h1{font-size:36px}.product-actions{gap:9px}.product-actions .button{padding-inline:20px}.product-actions .text-link{font-size:11px}.product-panel{padding-inline:15px}.report-paper{padding-inline:13px}.product-table{font-size:10px}.product-table th,.product-table td{padding-inline:5px}.product-section h2{font-size:30px}}
@media(max-width:600px){.product-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:6px 16px 0;overflow:visible}.product-tabs a{justify-content:center;text-align:center;padding:9px 5px;min-height:49px;line-height:1.5}}

/* Keep introductions attached to their headings and separate the lower sections. */
.product-setup .product-section-head,.product-results .product-section-head { display:block; }
.product-setup .product-section-head > p,.product-results .product-section-head > p { max-width:640px; margin-top:17px; }
.product-setup .product-section-head { margin-bottom:38px; }
.likert-bars { gap:12px; margin-top:23px; }
.likert-bars > div { font-size:12px; gap:6px; }
.likert-bars .product-track { height:7px; }
.likert-options { list-style:none; padding:0; margin:17px 0 0; display:grid; gap:9px; font-size:11px; }
.likert-options li { display:flex; align-items:center; gap:10px; }
.likert-options li > span { display:flex; align-items:center; justify-content:center; flex:0 0 22px; height:22px; border:1px solid #d6deec; border-radius:4px; font-size:10px; color:var(--muted); }
.product-table th:first-child { white-space:normal; min-width:105px; }
.product-use-cases { padding-bottom:48px; }
.product-use-grid { gap:16px; }
.product-use-grid > a { padding:25px; background:#fff; border:1px solid #d5dce9; border-radius:8px; transition:border-color .15s; }
.product-use-grid > a:hover { border-color:#99a7c5; }
.product-use-grid h3 { margin-top:22px; font-size:23px; }
.product-use-grid > .product-audience-use { grid-column:1/-1; display:grid; grid-template-columns:24px 220px 1fr; gap:20px; align-items:center; }
.product-audience-use h3,.product-audience-use p { margin:0; }
@media(max-width:600px){.product-use-grid>.product-audience-use{grid-template-columns:24px 1fr;gap:9px 12px}.product-audience-use p{grid-column:2}}
.product-included { padding:38px; border:1px solid #cbd4e3; border-radius:10px; margin-block:22px 76px; gap:32px; grid-template-columns:1fr; }
.product-included > div { display:grid; grid-template-columns:1fr auto; column-gap:35px; align-items:center; }
.product-included .eyebrow,.product-included h2 { grid-column:1; }
.product-included h2 { font-size:32px; line-height:1.2; max-width:none; letter-spacing:-.045em; }
.product-included > div > p:not(.eyebrow) { grid-column:1; margin-top:15px; }
.product-included .text-link { grid-column:2; grid-row:2/4; margin:0; }
.product-included > dl { grid-template-columns:repeat(4,minmax(0,1fr)); gap:25px; }
.product-included > dl > div { border-top:0; padding:0; }
.product-included > dl { border-top:1px solid #cbd4e3; padding-top:28px; }
.product-included dt { font-size:23px; }
@media(max-width:1000px){.product-use-grid{grid-template-columns:1fr 1fr}.product-included>dl{grid-template-columns:1fr 1fr;row-gap:26px}}
@media(max-width:600px){.product-setup .product-section-head{margin-bottom:28px}.product-use-grid{grid-template-columns:1fr;gap:12px}.product-use-grid>a{padding:21px;display:grid;grid-template-columns:24px 1fr;gap:9px 12px}.product-use-grid>a>span{padding-top:4px}.product-use-grid h3{margin:0;font-size:22px}.product-use-grid p{grid-column:2;margin:0}.product-included{padding:25px 21px;margin-block:8px 44px;gap:24px}.product-included>div{display:block}.product-included h2{font-size:29px}.product-included .text-link{margin-top:14px}.product-included>dl{gap:24px 16px;padding-top:23px}.product-included dt{font-size:19px}.product-included dd{font-size:11px}.likert-bars>div{font-size:11px}}