/* Shared styles for the segment landing pages (/accessibility, /agencies). Same tokens as the homepage. */
:root{--ink:#0B1220;--graphite:#475569;--line:#D8E0EA;--paper:#F8FBFE;--surface:#fff;--sunk:#EEF2F7;--blue:#0369A1;--blue-soft:#E0F2FE;--cyan:#0E7490;--green:#047857;--red:#B42318;--amber:#B54708;--grid:rgba(148,163,184,.22);--fa:rgba(56,189,248,.16);--fb:rgba(16,185,129,.08);--fc:rgba(3,105,161,.3);--fh:rgba(125,211,252,.35)}
@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ink:#E6EDF5;--graphite:#A9B6C6;--line:#1E2A3B;--paper:#0A1220;--surface:#101B2D;--sunk:#0C1626;--blue:#38BDF8;--blue-soft:#0C2A40;--cyan:#22D3EE;--green:#34D399;--red:#F97066;--amber:#FDB022;--grid:rgba(30,42,59,.9);--fa:rgba(56,189,248,.15);--fb:rgba(16,185,129,.09);--fc:rgba(34,211,238,.42);--fh:rgba(186,230,253,.16);color-scheme:dark}}
:root[data-theme=dark]{--ink:#E6EDF5;--graphite:#A9B6C6;--line:#1E2A3B;--paper:#0A1220;--surface:#101B2D;--sunk:#0C1626;--blue:#38BDF8;--blue-soft:#0C2A40;--cyan:#22D3EE;--green:#34D399;--red:#F97066;--amber:#FDB022;--grid:rgba(30,42,59,.9);--fa:rgba(56,189,248,.15);--fb:rgba(16,185,129,.09);--fc:rgba(34,211,238,.42);--fh:rgba(186,230,253,.16);color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.6 "Source Sans 3",system-ui,sans-serif;
  background-image:radial-gradient(620px circle at 84% 120px,var(--fa),transparent 70%),radial-gradient(110px circle at 78% 175px,var(--fh),transparent 70%),radial-gradient(22px circle at 71.5% 262px,var(--fc),transparent 72%),radial-gradient(11px circle at 67.5% 318px,var(--fc),transparent 72%),radial-gradient(34px circle at 62% 398px,var(--fa),transparent 72%),radial-gradient(7px circle at 58.5% 452px,var(--fc),transparent 72%),radial-gradient(700px circle at 4% 980px,var(--fb),transparent 70%),radial-gradient(620px circle at 98% 2050px,var(--fa),transparent 70%),radial-gradient(16px circle at 91% 2140px,var(--fc),transparent 72%),radial-gradient(560px circle at 8% 3000px,var(--fb),transparent 70%);background-repeat:no-repeat}
.page{max-width:1080px;margin:0 auto;padding:28px 24px 64px}
a{color:var(--blue);text-underline-offset:3px}
a:focus-visible,.btn:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:9px}
nav{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}
.brand img{width:44px;height:44px}
.word{font:800 21px/1 "Plus Jakarta Sans",sans-serif;letter-spacing:-.02em}.word span{color:var(--cyan)}
.navlinks{display:flex;gap:10px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 20px;border-radius:9px;background:var(--blue);color:#fff;font-weight:600;font-size:16px;text-decoration:none}
@media (prefers-color-scheme:dark){:where(:root:not([data-theme=light])) .btn{color:#0A1220}}
:where(:root[data-theme=dark]) .btn{color:#0A1220}
.btn.ghost{background:transparent;border:1.5px solid var(--line);color:var(--ink)}
.btn.ghost:hover{border-color:var(--blue)}
.eyebrow{font:600 13px/1.4 "JetBrains Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);margin:0}
h1{font:800 clamp(36px,6.5vw,58px)/1.05 "Plus Jakarta Sans",sans-serif;letter-spacing:-.03em;margin:14px 0 18px;text-wrap:balance}
h2{font:800 clamp(26px,4vw,34px)/1.15 "Plus Jakarta Sans",sans-serif;letter-spacing:-.02em;margin:0 0 14px;text-wrap:balance}
h3{font:700 20px/1.3 "Plus Jakarta Sans",sans-serif;margin:0}
.lead{font-size:21px;color:var(--graphite);max-width:760px;margin:0 0 22px;text-wrap:pretty}
.ctas{display:flex;gap:12px;flex-wrap:wrap}
header.intro{margin:56px 0 24px}
section{margin:64px 0}
.card{background:var(--surface);border:1px solid var(--line);border-radius:14px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:22px}
.grid.wide{grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}
.item{padding:22px 24px;display:grid;gap:8px;align-content:start}
.item p{margin:0;color:var(--graphite)}
.num{font:600 13px/1 "JetBrains Mono",monospace;color:var(--cyan);letter-spacing:.08em}
.law{padding:22px 24px;border-left:4px solid var(--blue);background:var(--surface);border-radius:0 14px 14px 0;max-width:820px}
.law p{margin:0 0 10px}.law p:last-child{margin:0}
.note{font-size:16px;color:var(--graphite)}
.sample{padding:22px 24px;display:grid;gap:12px;max-width:820px}
.sample header{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}
.sev{font:600 12px/1 "JetBrains Mono",monospace;letter-spacing:.08em;text-transform:uppercase;padding:5px 8px;border-radius:6px;border:1.5px solid currentColor;color:var(--red)}
.sample p{margin:0;color:var(--graphite)}.sample p b{color:var(--ink)}
.fix{color:var(--ink)!important}.fix:before{content:"Fix: ";font-weight:600;color:var(--green)}
pre{font:500 14px/1.6 "JetBrains Mono",monospace;background:#0B1220;color:#E6EDF5;padding:14px 16px;border-radius:10px;overflow-x:auto;margin:0}
pre .del{color:#F97066}pre .add{color:#34D399}
.price{padding:26px 28px;display:grid;gap:10px;max-width:820px}
.price .big{font:800 36px/1 "Plus Jakarta Sans",sans-serif}
.price p{margin:0;color:var(--graphite)}
.faq details{background:var(--surface);border:1px solid var(--line);border-radius:12px;max-width:820px}
.faq details+details{margin-top:10px}
.faq summary{cursor:pointer;padding:16px 20px;font-weight:600;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq details p{margin:0;padding:0 20px 16px;color:var(--graphite)}
.pt{font-size:17px;color:var(--graphite);margin:16px 0 0}
footer{margin-top:64px;padding-top:24px;border-top:1px solid var(--line);font-size:15px;color:var(--graphite)}
footer p{margin:0 0 6px}
@media (max-width:640px){.page{padding:20px 16px 48px}.item,.sample,.price{padding:18px}}