:root { --ink: #1d2730; --muted: #61717d; --line: #d5dce0; --navy: #0b2637; --blue: #236b88; --paper: #fbfcfc; }
* { box-sizing: border-box; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: Manrope, Arial, sans-serif; }
.method-header, .method-footer { display: flex; align-items: center; justify-content: space-between; max-width: 1200px; margin: 0 auto; padding: 24px 32px; }
.brand { color: var(--ink); font-family: "DM Mono", monospace; font-size: 14px; font-weight: 500; letter-spacing: 0; text-decoration: none; }.brand span { color: var(--blue); }
nav { display: flex; gap: 24px; } nav a, .method-footer a { color: var(--ink); font-size: 13px; text-decoration: none; } nav a:hover, .method-footer a:hover { color: var(--blue); }
main { max-width: 1200px; margin: 0 auto; padding: 50px 32px 0; }.eyebrow, .step { color: var(--blue); font-family: "DM Mono", monospace; font-size: 11px; letter-spacing: 0; text-transform: uppercase; }.eyebrow span { display: inline-block; width: 38px; height: 1px; margin: 0 10px 3px; background: currentColor; }
.method-intro { max-width: 760px; padding: 54px 0 86px; } h1, h2, p { margin-top: 0; } h1, h2 { font-family: "Playfair Display", Georgia, serif; font-weight: 500; } h1 { max-width: 650px; margin-bottom: 22px; font-size: clamp(46px, 7vw, 78px); line-height: 1.02; } h2 { font-size: 27px; line-height: 1.18; }.lead { max-width: 680px; color: var(--muted); font-size: 17px; line-height: 1.75; }
.method-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.method-grid article { min-height: 285px; padding: 34px 32px 34px 0; }.method-grid article + article { padding-left: 32px; border-left: 1px solid var(--line); }.method-grid h2 { margin: 50px 0 15px; font-size: 25px; }.method-grid p, .status-list p, .method-limits p, .correction-section p { color: var(--muted); font-size: 14px; line-height: 1.7; }
.status-section { padding: 94px 0; }.status-list { margin-top: 28px; border-top: 1px solid var(--line); }.status-list article { display: grid; grid-template-columns: 170px 1fr; gap: 26px; padding: 28px 0; border-bottom: 1px solid var(--line); }.status-list h2 { margin-bottom: 8px; font-size: 25px; }.provider-state { align-self: start; width: max-content; padding: 6px 9px; border-radius: 2px; font-family: "DM Mono", monospace; font-size: 10px; letter-spacing: 0; text-transform: uppercase; }.verified { color: #17613b; background: #e3f3ea; }.reviewed { color: #85550d; background: #fff3d8; }.hold { color: #8d3c3c; background: #fae8e8; }
.coverage-section { display:grid; grid-template-columns:1fr 1fr; gap:40px 80px; border-top:1px solid var(--line); padding:84px 0; }.coverage-section h2 { margin:0; font-size:40px; }.coverage-section>p { max-width:460px; margin:28px 0 0; color:var(--muted); font-size:14px; line-height:1.7; }.coverage-links { display:grid; grid-column:1 / -1; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); }.coverage-links a { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:17px 0; color:var(--ink); border-bottom:1px solid var(--line); font-size:14px; text-decoration:none; }.coverage-links a:nth-child(4n+2),.coverage-links a:nth-child(4n+3),.coverage-links a:nth-child(4n+4) { padding-left:20px; border-left:1px solid var(--line); }.coverage-links a:hover { color:var(--blue); }.coverage-links svg { width:15px; height:15px; }
.review-section { display:grid; grid-template-columns:.4fr .6fr; gap:80px; padding:84px 0; border-top:1px solid var(--line); }.review-section h2 { margin:0 0 15px; font-size:40px; }.review-section p:not(.eyebrow) { max-width:610px; margin:0; color:var(--muted); font-size:14px; line-height:1.75; }
.review-sampling { display:grid; grid-template-columns:1fr 1fr; gap:80px; padding:0 0 84px; border-top:1px solid var(--line); }.review-sampling>div { padding-top:32px; }.review-sampling h2 { max-width:430px; margin:0; font-size:40px; }.review-sampling p:not(.eyebrow) { max-width:600px; margin:0 0 16px; color:var(--muted); font-size:14px; line-height:1.75; }.review-sampling p:not(.eyebrow):last-child { margin-bottom:0; }
.method-limits { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; padding: 64px; background: var(--navy); color: white; }.method-limits h2 { margin-bottom: 0; font-size: 40px; }.method-limits .eyebrow { color: #9bd0dd; }.method-limits p { color: #d0e0e5; }.correction-section { max-width: 740px; padding: 100px 0; }.correction-section h2 { margin-bottom: 14px; font-size: 44px; }.correction-section p { max-width: 620px; margin-bottom: 28px; }.primary-button { display: inline-flex; gap: 9px; align-items: center; padding: 13px 18px; color: white; background: var(--blue); border-radius: 3px; font-size: 13px; text-decoration: none; }.primary-button:hover { background: #19566f; }.primary-button svg, .method-footer svg { width: 15px; height: 15px; }.method-footer { border-top: 1px solid var(--line); font-family: "DM Mono", monospace; font-size: 12px; }.method-footer a { display: inline-flex; align-items: center; gap: 6px; }
@media (max-width: 700px) { .method-header, .method-footer, main { padding-left: 20px; padding-right: 20px; }.method-header { align-items: flex-start; gap: 18px; } nav { flex-direction: column; gap: 9px; text-align: right; }.method-intro { padding: 38px 0 62px; }.method-grid, .method-limits, .coverage-section, .review-section, .review-sampling { grid-template-columns: 1fr; }.method-grid article, .method-grid article + article { min-height: 0; padding: 26px 0; border-left: 0; }.method-grid article + article { border-top: 1px solid var(--line); }.method-grid h2 { margin-top: 28px; }.status-section { padding: 68px 0; }.status-list article { grid-template-columns: 1fr; gap: 17px; }.coverage-section { gap:12px; padding:68px 0; }.coverage-section h2,.review-section h2,.review-sampling h2 { font-size:34px; }.coverage-section>p { margin:0; }.coverage-links { grid-template-columns:1fr; }.coverage-links a:nth-child(4n+2),.coverage-links a:nth-child(4n+3),.coverage-links a:nth-child(4n+4) { padding-left:0; border-left:0; }.review-section { gap:18px; padding:68px 0; }.review-sampling { gap:0; padding-bottom:68px; }.method-limits { gap: 26px; padding: 34px 24px; }.method-limits h2 { font-size: 34px; }.correction-section { padding: 76px 0; }.correction-section h2 { font-size: 36px; } }