/* Methodology page. Built from the product page's components (tc-product.css); this file adds the hero card stack, the four shelves (build steps, fairness, the two averages, research) and the text sections between them. */

/* Hero: an illustrative question report beside the 2022 research figures. Fluid: the visual takes its grid column's width up to 440px and the two cards stack in normal flow, the research card overlapping only the report's bottom padding, so nothing crops or covers a row at any width. Motion is the bars and meters growing in; reduced motion shows the finished state. */
.tc-marketing #main-content .acq-hero-grid > .tc-method-visual{zoom:1;justify-self:end;width:100%;max-width:440px;height:auto;position:relative;line-height:1.3;margin:0;display:flex;flex-direction:column}
.tc-methodology .acq-hero-grid > :first-child{padding-bottom:15px}
.tc-method-kicker{font:500 9px/1.4 'IBM Plex Mono',monospace;letter-spacing:.1em}
.tc-method-report{position:relative;align-self:flex-start;width:86%;box-sizing:border-box;padding:20px 22px;border-radius:14px;background:#fff;color:#19253b;box-shadow:0 18px 35px rgb(0 0 0 / 18%);animation:tc-method-enter .6s both}
.tc-method-report__top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#197453}
.tc-method-chip{padding:3px 8px;border-radius:999px;background:#f0f2f6;color:#64748b;font-size:10px;white-space:nowrap}
.tc-method-report > strong{display:block;margin:10px 0 14px;font-size:16px;font-weight:500;letter-spacing:-.01em}
.tc-method-metric{display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 0;border-top:1px solid #edf0f4;font-size:11px}
.tc-method-metric > span{color:#64748b}
.tc-method-metric em{font-style:normal;font-weight:600;color:#197453}
.tc-method-band,.tc-method-meter{position:relative;height:8px;border-radius:4px;background:#e6e9ef}
.tc-method-band__target{position:absolute;left:35%;width:40%;top:0;bottom:0;border-radius:4px;background:#9fe3c2}
.tc-method-band__dot{position:absolute;left:56%;top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:#1b1c40;box-shadow:0 0 0 2px #fff;animation:tc-method-slide .9s .5s both}
.tc-method-meter i{position:absolute;left:0;top:0;bottom:0;width:78%;border-radius:4px;background:#2ed18a;transform-origin:left;animation:tc-method-grow-x .8s .6s both}
.tc-method-pass{grid-column:2 / -1;display:flex;align-items:center;gap:7px;font-weight:600;color:#197453}
.tc-method-pass b{position:relative;flex:none;width:15px;height:15px;border-radius:50%;background:#2ed18a}
.tc-method-pass b::after{content:'';position:absolute;left:5px;top:2px;width:3px;height:7px;border:solid #163e32;border-width:0 2px 2px 0;transform:rotate(45deg)}
.tc-method-research-card{position:relative;z-index:1;align-self:flex-end;margin-top:-14px;width:64%;box-sizing:border-box;padding:16px 18px 14px;border-radius:14px;background:#252c49;color:#fff;box-shadow:0 18px 35px rgb(0 0 0 / 25%);animation:tc-method-enter .6s .25s both}
.tc-method-research-card > .tc-method-kicker{color:#2ed18a}
.tc-method-cols{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}
.tc-method-cols > div{display:grid;grid-template-rows:84px auto auto;justify-items:center;text-align:center}
.tc-method-cols b{align-self:end;width:56%;height:var(--h);border-radius:4px 4px 0 0;background:#2ed18a;transform-origin:bottom;animation:tc-method-grow-y .8s .5s both}
.tc-method-cols > div:nth-child(2) b{animation-delay:.6s}.tc-method-cols > div:nth-child(3) b{animation-delay:.7s}
.tc-method-cols span{margin-top:6px;font:500 12px/1 'IBM Plex Mono',monospace}
.tc-method-cols small{margin-top:4px;font-size:9px;line-height:1.25;color:#c4cfdd}
@keyframes tc-method-enter{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@keyframes tc-method-grow-x{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes tc-method-grow-y{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes tc-method-slide{from{left:10%}to{left:56%}}

/* Section copy beyond the product heading: same type as product-section-heading paragraphs. */
.tc-methodology .product-section-heading strong{color:#1b1c40}
.tc-method-lead,.tc-method-note{max-width:730px;margin-top:28px;font-size:16px;line-height:1.8;color:#526079}
.tc-method-note a{text-decoration:underline;text-underline-offset:3px}

/* Build steps: five product-style step columns joined by a line, each with a green tick. */
.tc-method-flow{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;margin:24px 0 56px;padding:0;list-style:none}
.tc-method-flow::before{content:'';position:absolute;left:11px;right:11px;top:11px;height:2px;background:#cdebdd}
.tc-method-flow li{position:relative;padding-top:40px}
.tc-method-flow li::before{content:'';position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;background:#2ed18a;box-shadow:0 0 0 5px #fff}
.tc-method-flow li::after{content:'';position:absolute;left:9px;top:5px;width:5px;height:10px;border:solid #163e32;border-width:0 2px 2px 0;transform:rotate(45deg)}
.tc-method-flow__label{display:block;font-size:12px;letter-spacing:.04em;color:#248263}
.tc-method-flow h3{font-size:18px;line-height:1.35;margin:10px 0}
.tc-method-flow p{font-size:14px;line-height:1.8;color:#526079}
.tc-method-flow a{text-decoration:underline;text-underline-offset:3px}

/* Research: bars and the exact table side by side, in product card style. */
.tc-method-research{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;margin-top:32px;align-items:start}
.tc-method-bars,.tc-method-table{margin:0;padding:26px;border:1px solid #dce4e8;border-radius:12px;background:#fff}
.tc-method-bars > .acq-eyebrow{margin:0 0 14px;color:#248263}
.tc-method-bar{display:grid;grid-template-columns:minmax(0,1fr) 2.6rem;gap:6px 12px;align-items:center;padding:8px 0}
.tc-method-bar p{grid-column:1 / -1;font-size:13px;line-height:1.35}
.tc-method-bar p strong{color:#1b1c40}
.tc-method-bar p span{display:block;color:#64748b;font-size:12px}
.tc-method-bar__track{height:10px;border-radius:5px;background:#e2e6ec;overflow:hidden}
.tc-method-bar__track i{display:block;height:100%;border-radius:5px;background:#2ed18a}
.tc-method-bar b{font:500 14px/1 'IBM Plex Mono',monospace;color:#1b1c40;text-align:right}
.tc-method-bar--ref{margin-top:6px;padding-top:14px;border-top:1px dashed #c9cfd8}
.tc-method-bar--ref .tc-method-bar__track i{background:#94a3b8}
.tc-method-bar--ref b{color:#64748b}
.tc-method-bars figcaption{margin-top:12px;color:#64748b;font-size:12px}
.tc-method-table{overflow:auto}


/* Text sections: product heading type over a measured reading column, neutral background, a hairline between neighbours. */
.tc-method-text{padding:64px 0}
.tc-method-text + .tc-method-text > .tv2-pad{border-top:1px solid #e3e7ec;padding-top:64px}
.tc-method-text + .tc-method-text{padding-top:0}
.tc-method-prose{max-width:760px;margin-top:28px}
.tc-method-prose > :first-child{margin-top:0}
.tc-method-prose p,.tc-method-prose li{font-size:16px;line-height:1.8;color:#526079}
.tc-method-prose p{margin:16px 0 0}
.tc-method-prose h3{margin:40px 0 0;font-size:21px;line-height:1.35;color:#1b1c40}
.tc-method-prose h3:first-child{margin-top:0}
.tc-method-prose h3 + p,.tc-method-prose h3 + ul{margin-top:10px}
.tc-method-prose ol,.tc-method-prose ul{display:grid;gap:12px;margin:16px 0 0;padding-left:22px}
.tc-method-prose ol{list-style:decimal}.tc-method-prose ul{list-style:disc}
.tc-method-prose li::marker{color:#248263;font-weight:600}
.tc-method-prose strong{color:#1b1c40}
.tc-method-prose a,.tc-method-flow a{color:#1b1c40;text-decoration:underline;text-underline-offset:3px}
.tc-method-prose--after{margin-top:36px}
.tc-method-sources{font-size:14px!important}

/* Full-width text layouts. Split: heading a third, body two thirds. Pair: two sections side by side. Grid2: two columns of blocks, split so their lengths match. Cols3: short notes across the container. */
.tc-method-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:64px;align-items:start}
.tc-method-split > .product-section-heading{max-width:none}
.tc-method-split .tc-method-prose,.tc-method-pair .tc-method-prose,.tc-method-grid2 .tc-method-prose,.tc-method-cols3.tc-method-prose{max-width:none}
.tc-method-split > .tc-method-prose{margin-top:4px}
.tc-method-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;align-items:start}
.tc-method-pair > div > .product-section-heading{max-width:none}
.tc-method-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 64px;align-items:start}
.tc-method-grid2 .tc-method-prose{margin:0 0 44px}
.tc-method-cols3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 40px;align-items:start}
.tc-method-cols3.tc-method-prose > p{margin-top:0}
.tc-method-beliefs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 40px;margin-top:4px}
.tc-method-beliefs > div{padding-top:14px;border-top:1px solid #e3e7ec}
.tc-method-beliefs span{font:500 11px/1.5 'IBM Plex Mono',monospace;letter-spacing:.06em;color:#248263}
.tc-method-beliefs p{margin-top:6px;font-size:15px;line-height:1.75;color:#526079}
.tc-method-beliefs strong{display:block;margin-bottom:4px;font-size:17px;line-height:1.4;color:#1b1c40}

/* Plain tables: library groups, standards and the research figures. */
.tc-method-table-simple{width:100%;border-collapse:collapse;font-size:15px;line-height:1.6}
.tc-method-table-simple th,.tc-method-table-simple td{padding:14px 16px 14px 0;border-bottom:1px solid #e3e7ec;text-align:left;vertical-align:top}
.tc-method-table-simple thead th{padding-top:0;font:500 11px/1.5 'IBM Plex Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:#64748b}
.tc-method-table-simple tbody th{width:32%;font-weight:600;color:#1b1c40}
.tc-method-table-simple td{color:#526079}
.tc-method-table-simple a{color:#1b1c40;text-decoration:underline;text-underline-offset:3px}
.tc-method-table-simple .tc-method-num{font-family:'IBM Plex Mono',monospace;white-space:nowrap}
.tc-method-table .tc-method-table-simple{font-size:13px}
.tc-method-table .tc-method-table-simple tbody th{width:auto}
.tc-method-prose .tc-method-table-simple + p{margin-top:24px}
#standards-we-follow .tc-method-table-simple tbody th{width:44%}

/* Shelves: neutral grey band, white cards, one green accent. */
.tc-methodology .tc-method-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.tc-method-shelf .product-suite-card,.tc-method-shelf .product-suite-card:nth-child(n){background:#fff}
.tc-method-check{position:relative;display:block;width:24px;height:24px;border-radius:50%;background:#2ed18a}
.tc-method-check::after{content:'';position:absolute;left:9px;top:5px;width:5px;height:10px;border:solid #163e32;border-width:0 2px 2px 0;transform:rotate(45deg)}
.tc-method-shelf .tc-method-flow li::before{box-shadow:0 0 0 5px #f5f7fa}

/* The two averages: a side-by-side pair, the assessment average leading in navy. */
.tc-method-averages__pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:32px 0 28px}
.tc-method-averages__pair article{padding:30px;border:1px solid #dce4e8;border-radius:12px;background:#fff}
.tc-method-averages__pair article:first-child{background:#1b1c40;border-color:#1b1c40;color:#fff}
.tc-method-averages__pair span{font:500 11px/1.5 'IBM Plex Mono',monospace;letter-spacing:.06em;color:#248263}
.tc-method-averages__pair article:first-child span{color:#2ed18a}
.tc-method-averages__pair h3{margin:10px 0 12px;font-size:22px;font-weight:500;line-height:1.3;color:#1b1c40}
.tc-method-averages__pair article:first-child h3{color:#fff}
.tc-method-averages__pair p{font-size:15px;line-height:1.75;color:#526079}
.tc-method-averages__pair article:first-child p{color:#c7ccdc}

@media(max-width:1023px){.tc-methodology .tc-method-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.tc-method-split,.tc-method-pair{grid-template-columns:1fr;gap:28px}.tc-method-pair{gap:56px}.tc-method-cols3{grid-template-columns:1fr}}
@media(max-width:700px){.tc-method-grid2{grid-template-columns:1fr}.tc-method-beliefs{grid-template-columns:1fr;gap:28px}.tc-method-text{padding:44px 0}.tc-method-text + .tc-method-text > .tv2-pad{padding-top:44px}.tc-methodology .tc-method-grid-4,.tc-method-averages__pair{grid-template-columns:1fr}.tc-method-averages__pair article{padding:24px}.tc-method-table-simple tbody th{width:40%}.tc-method-prose p,.tc-method-prose li{font-size:15px}}
@media(max-width:1023px){.tc-method-flow{grid-template-columns:1fr;gap:22px}.tc-method-flow::before{left:11px;right:auto;top:12px;bottom:12px;width:2px;height:auto}.tc-method-flow li{padding:0 0 0 44px}.tc-method-research{grid-template-columns:1fr}}
@media(max-width:700px){.tc-method-bars,.tc-method-table{padding:20px}}
@media(max-width:540px){.tc-marketing #main-content .acq-hero-grid > .tc-method-visual{justify-self:start;max-width:340px}.tc-method-report{width:100%;padding:16px}.tc-method-report > strong{font-size:14px}.tc-method-metric{grid-template-columns:minmax(0,40%) minmax(0,1fr) auto;gap:8px;font-size:10px}.tc-method-research-card{width:82%}}
@media(prefers-reduced-motion:reduce){.tc-method-visual *{animation:none!important}}
.tc-method-cols > .tc-method-cv b{background:transparent;border:1px dashed #c4cfdd;border-bottom:0;box-sizing:border-box;animation-delay:.8s}
.tc-method-cols > .tc-method-cv span,.tc-method-cols > .tc-method-cv small{color:#c4cfdd}