/* Secondary pages (privacy, sent, not sent, 404): same tokens and type scale, no motion. */
body{margin:0;background:var(--wtg-off-white);color:var(--wtg-charcoal);font-family:var(--wtg-font-sans);font-size:var(--wtg-body);line-height:var(--wtg-body-lh);-webkit-font-smoothing:antialiased}
a{color:inherit}
:focus-visible{outline:2px solid var(--wtg-blue);outline-offset:3px}
.skip{position:fixed;left:12px;top:-60px;background:var(--wtg-charcoal);color:var(--wtg-off-white);padding:10px 14px;font-family:var(--wtg-font-mono);font-size:var(--wtg-label);z-index:9}
.skip:focus{top:12px}
.p-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px clamp(20px,3.4vw,52px);border-bottom:1px solid var(--wtg-hairline)}
.p-head img{height:24px;width:auto;display:block}
.p-head a.back{font-weight:600;font-size:var(--wtg-ui);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.p-head a.back:hover{text-decoration:underline}
.lbl{font-family:var(--wtg-font-sans);font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--wtg-on-light-muted)}
main{max-width:760px;margin:0 auto;padding:clamp(56px,8vw,112px) clamp(20px,3.4vw,52px) clamp(64px,8vw,120px)}
h1{font-size:var(--wtg-h2);font-weight:800;line-height:var(--wtg-h2-lh);letter-spacing:var(--wtg-h2-track);margin:14px 0 22px;text-wrap:balance}
h2{font-size:var(--wtg-h3);font-weight:600;line-height:var(--wtg-h3-lh);letter-spacing:var(--wtg-h3-track);margin:44px 0 10px}
p,li{max-width:64ch}
ul{padding-left:1.2em}
li{margin:6px 0}
.lede{font-size:clamp(18px,1.4vw,21px)}
.btn{display:inline-flex;align-items:center;gap:12px;height:54px;padding:0 24px 0 28px;border-radius:999px;background:var(--wtg-blue);color:#fff;font-weight:600;font-size:var(--wtg-ui);text-decoration:none;margin-top:28px}
.btn:hover{background:var(--wtg-blue-hover)}
.p-foot{border-top:1px solid var(--wtg-hairline);padding:22px clamp(20px,3.4vw,52px);display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}
.p-foot a{color:var(--wtg-blue-text);font-weight:600}
/* Service pages and FAQ (scripts/make_pages.py) */
.p-cta{margin-top:56px;padding:28px 28px 32px;border:1px solid var(--wtg-hairline);border-radius:18px;background:var(--wtg-surface)}
.p-cta h2{margin-top:0}
.p-cta .btn{margin:8px 16px 0 0}
.p-or{display:inline-block;margin-top:12px;color:var(--wtg-on-light-muted)}
.p-or a{color:var(--wtg-blue-text);font-weight:600}
.p-related{margin-top:48px}
.p-related ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px}
.p-related a{color:var(--wtg-blue-text);font-weight:600;display:inline-block;min-height:44px;line-height:44px}
.p-related a[aria-current=page]{color:var(--wtg-charcoal);text-decoration:none}
main a{color:var(--wtg-blue-text)}
.p-head a.back{white-space:nowrap}
.cta-short{display:none}
@media (max-width:520px){.cta-long{display:none}.cta-short{display:inline}.p-head{padding:18px 16px}.p-head img{height:auto;width:min(220px,55vw)}}
/* demonstration report pages (tables, defect headings, notice) */
h3{font-size:var(--wtg-body);font-weight:600;line-height:var(--wtg-body-lh);margin:32px 0 8px}
.table-wrap{overflow-x:auto;margin:16px 0;border:1px solid var(--wtg-hairline)}
.table-wrap:focus-visible{outline:2px solid var(--wtg-blue);outline-offset:2px}
table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.45}
th,td{text-align:left;vertical-align:top;padding:8px 10px;border-bottom:1px solid var(--wtg-hairline)}
th{font-family:var(--wtg-font-sans);font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--wtg-on-light-muted)}
code{font-family:var(--wtg-font-mono);font-size:.9em;overflow-wrap:anywhere}
.demo-label{display:block;border-left:3px solid var(--wtg-blue);background:var(--wtg-surface);padding:14px 16px;margin:24px 0}
/* Articles link in the header (2026-11-02) and the "From the articles" section (rendered only when data/articles.json has entries) */
.p-head-r{display:inline-flex;align-items:center;gap:24px}
.p-art{font-weight:600;font-size:var(--wtg-ui);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.p-art:hover{text-decoration:underline}
@media (max-width:520px){.p-head-r{gap:14px}.p-head img{width:min(200px,48vw)}}
.p-articles{margin-top:56px;border-top:1px solid var(--wtg-hairline);padding-top:8px}
.art-list{list-style:none;padding:0}
.art-list li{border-bottom:1px solid var(--wtg-hairline);padding:14px 0;margin:0}
.art-list .lbl{margin:0}
.art-sum{margin:6px 0 0;color:var(--wtg-on-light-muted)}
/* Header fit (2026-11-02): with the Articles link added, the full logo plus "Request a consultation" overflowed between
   521 and 680 px. Use the short CTA and the smaller logo up to 720 px, and tighten the gaps below 340 px. */
@media (max-width:720px){.cta-long{display:none}.cta-short{display:inline}.p-head img{height:auto;width:min(200px,48vw)}.p-head-r{gap:14px}}
@media (max-width:340px){.p-head{gap:12px;padding-left:14px;padding-right:14px}.p-head-r{gap:10px}}
/* ---- UX round 2026-11-02 (TOP-10): header, first-screen CTA, at a glance, proof, who does the work, /contact, /sent ---- */
.p-head .p-logo{display:inline-flex;align-items:center;min-height:44px}
.p-svc{position:relative}
.p-svc summary{list-style:none;cursor:pointer;font-weight:600;font-size:var(--wtg-ui);min-height:44px;display:flex;align-items:center}
.p-svc summary::-webkit-details-marker{display:none}
.p-svc summary::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:-3px 0 0 8px}
.p-svc ul{position:absolute;right:0;top:100%;z-index:20;margin:6px 0 0;padding:8px;list-style:none;min-width:290px;background:var(--wtg-surface);border:1px solid var(--wtg-hairline);border-radius:12px;box-shadow:0 12px 30px -18px rgba(var(--wtg-shadow-rgb),.35)}
.p-svc li{margin:0}
.p-svc ul a{display:flex;align-items:center;min-height:44px;padding:0 12px;border-radius:8px;text-decoration:none;font-weight:600}
.p-svc ul a:hover{background:var(--wtg-off-white)}
@media (max-width:899px){.p-svc{display:none}}
.ph{display:inline-block;padding:0 6px;border:1px dashed var(--wtg-on-light-muted);border-radius:4px;font-weight:600;font-size:.9em}
.p-first{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin:28px 0 0}
.p-first .btn{margin-top:0}
.p-sample{font-weight:600;color:var(--wtg-blue-text);min-height:44px;display:inline-flex;align-items:center}
.p-glance{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:36px 0 8px;border-top:1px solid var(--wtg-charcoal);border-bottom:1px solid var(--wtg-hairline)}
.p-glance div{padding:14px 16px 16px 0}
.p-glance div + div{padding-left:16px;border-left:1px solid var(--wtg-hairline)}
.p-glance dt{font-size:14px;font-weight:600;color:var(--wtg-on-light-muted)}
.p-glance dd{margin:4px 0 0;font-size:16px;line-height:1.4}
@media (max-width:720px){.p-glance{grid-template-columns:1fr 1fr}.p-glance div:nth-child(3){padding-left:0;border-left:0}.p-glance div:nth-child(n+3){border-top:1px solid var(--wtg-hairline)}}
.p-proof{margin-top:44px;padding:24px 24px 18px;background:var(--wtg-surface);border:1px solid var(--wtg-hairline);border-radius:14px}
.p-proof h2{margin-top:0}
.p-proof-row{list-style:none;padding:0;margin:18px 0 6px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.p-proof-row li{margin:0;display:flex;flex-direction:column;gap:4px;padding-top:12px;border-top:1px solid var(--wtg-hairline)}
.p-proof-row strong{font-size:clamp(22px,2.2vw,28px);font-weight:700;letter-spacing:-.02em;line-height:1.15}
.p-proof-row span{font-size:15px;line-height:1.45;color:var(--wtg-on-light-muted)}
.p-proof a{font-weight:600;color:var(--wtg-blue-text);display:inline-flex;min-height:44px;align-items:center}
@media (max-width:620px){.p-proof-row{grid-template-columns:1fr}}
.p-who{display:grid;grid-template-columns:140px minmax(0,1fr);gap:24px;align-items:start;margin-top:48px;padding-top:28px;border-top:1px solid var(--wtg-hairline)}
.p-who h2{margin-top:0}
.p-photo{margin:0;aspect-ratio:1;display:flex;align-items:center;justify-content:center;text-align:center;font-size:13px;line-height:1.4;color:var(--wtg-on-light-muted);border:1px dashed var(--wtg-on-light-muted);border-radius:12px;background:var(--wtg-surface);padding:8px}
@media (max-width:480px){.p-who{grid-template-columns:96px minmax(0,1fr);gap:16px}}
/* LAUNCH=1 build without the photo: the text takes the full width */
.p-who.p-who-nophoto{grid-template-columns:minmax(0,1fr)}
.p-steps{padding-left:1.3em}
/* /contact */
main.p-wide{max-width:1120px}
.c-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:48px;margin-top:36px;align-items:start}
@media (max-width:860px){.c-grid{grid-template-columns:1fr;gap:36px}}
.c-next{padding:24px;background:var(--wtg-surface);border:1px solid var(--wtg-hairline);border-radius:14px}
.c-next h2{margin-top:0}
.c-next ol{padding-left:1.2em}
.c-next a{color:var(--wtg-blue-text);font-weight:600}
.cf-svc{border:0;padding:0;margin:0 0 24px;display:flex;flex-wrap:wrap;gap:10px}
.cf-svc legend{font-weight:600;margin-bottom:10px;padding:0}
.cf-svc label{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px;border:1px solid var(--wtg-hairline);border-radius:999px;background:var(--wtg-surface);cursor:pointer;font-size:15px;font-weight:600}
.cf-svc label:has(input:checked){border-color:var(--wtg-charcoal);box-shadow:inset 0 0 0 1px var(--wtg-charcoal)}
.cf-svc input{accent-color:var(--wtg-blue);width:18px;height:18px;margin:0}
.cf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 22px}
.cf-wide{grid-column:1/-1}
@media (max-width:620px){.cf-grid{grid-template-columns:1fr}}
.cf-field{display:flex;flex-direction:column;gap:8px}
.cf-field label{font-weight:600;font-size:15px}
.cf-field input,.cf-field textarea{font:inherit;font-size:var(--wtg-body);color:var(--wtg-charcoal);background:var(--wtg-surface);border:1px solid var(--wtg-on-light-muted);border-radius:6px;padding:12px 14px;min-height:48px;width:100%;box-sizing:border-box}
.cf-field textarea{min-height:140px;resize:vertical;line-height:1.5}
.cf-field input:focus-visible,.cf-field textarea:focus-visible{border-color:var(--wtg-blue);outline:2px solid var(--wtg-blue);outline-offset:0}
.cf-field [aria-invalid=true]{border-color:#B42318;border-width:2px}
.cf-hint{font-size:15px;color:var(--wtg-on-light-muted);margin:0}
.cf-err{margin:0;font-size:15px;font-weight:600;color:#B42318}
.cf-err:empty{display:none}
.cf-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.cf-foot{margin:22px 0 0}
.cf-foot .btn{margin-top:0;border:0;cursor:pointer;font-family:inherit}
.cf-privacy{font-size:15px;color:var(--wtg-on-light-muted)}
.cf-privacy a{color:var(--wtg-blue-text);font-weight:600}
.cf-status{font-weight:600;padding:12px 0 12px 16px;border-left:3px solid var(--wtg-hairline)}
.cf-status:empty{display:none}
.cf-status[data-kind=success]{border-left-color:var(--wtg-pass)}
.cf-status[data-kind=error]{border-left-color:#B42318}
.cf-svc label{max-width:100%;box-sizing:border-box;line-height:1.3;padding:8px 14px}
.cf-svc{min-width:0}.c-grid > *{min-width:0}
/* ---- Conversion round 2026-11-03: "Is this a fit?" block on service pages, free checklist page ---- */
.p-fit{margin-top:44px;padding-top:4px}
.p-fit > h2{margin-top:0}
.p-fit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--wtg-charcoal);border-bottom:1px solid var(--wtg-hairline)}
.p-fit-grid > div{padding:16px 18px 18px 0;min-width:0}
.p-fit-grid > div + div{padding-left:18px;border-left:1px solid var(--wtg-hairline)}
.p-fit h3{margin:0 0 8px;font-size:16px}
.p-fit p,.p-fit li{font-size:16px;line-height:1.5}
.p-fit ul,.p-fit ol{margin:0;padding-left:1.15em}
.p-fit p{margin:0}
@media (max-width:720px){.p-fit-grid{grid-template-columns:1fr}.p-fit-grid > div + div{padding-left:0;border-left:0;border-top:1px solid var(--wtg-hairline)}}
.p-magnet{max-width:none;margin:18px 0 0 !important;padding:14px 16px;background:var(--wtg-surface);border:1px solid var(--wtg-hairline);border-radius:12px}
.p-magnet a{font-weight:600}
.ck-toc{margin:32px 0 8px;padding:16px 20px;border:1px solid var(--wtg-hairline);border-radius:12px;background:var(--wtg-surface)}
.ck-toc .lbl{margin:0 0 6px}
.ck-toc ul{margin:0;padding:0;list-style:none}
.ck-toc li{margin:0}
.ck-toc a{display:block;padding:6px 0;line-height:1.4;font-weight:600}
.ck-sec{margin-top:8px}
.ck{list-style:none;padding:0;margin:14px 0 0;border-top:1px solid var(--wtg-hairline)}
.ck li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:start;margin:0;padding:12px 0;border-bottom:1px solid var(--wtg-hairline);max-width:none}
.ck input{width:24px;height:24px;margin:1px 0 0;accent-color:var(--wtg-blue)}
.ck label{cursor:pointer}
.ck input:checked + label{color:var(--wtg-on-light-muted)}
.ck-note{margin-top:28px;color:var(--wtg-on-light-muted);font-size:15px}
@media print{.p-head,.p-foot,.p-related,.p-cta,.ck-toc,.skip,.consent{display:none !important}main{padding:0;max-width:none}.ck li{break-inside:avoid}a{color:inherit;text-decoration:none}}
/* 2026-11-03: long unbroken tokens (field names, email addresses) could widen the page by 2 px at 300 px; wrap them only when they would overflow. */
p,li{overflow-wrap:break-word}

/* Service-page intro paragraph (approved positioning copy, inserted at build time from data/claims.json) */
.p-intro{margin-top:40px;max-width:68ch}
.p-intro ul{margin:12px 0 12px 1.2em}