:root{--ink:#20211f;--muted:#565951;--paper:#f4f3ed;--line:#d2d5c9;--blue:#304ffe}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:5px}
a:focus-visible{outline:2px solid var(--blue);outline-offset:5px}
p{margin:0 0 18px}h1,h2,h3,p,li,a{overflow-wrap:anywhere}h1,h2,h3{text-wrap:balance}
.wrap{width:min(1240px,calc(100% - 80px));margin:auto}
header{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0}
.mark{display:block;width:42px;height:40px}
.wordmark{display:flex;flex-direction:column;gap:3px}
.wordmark strong{font-size:24px;line-height:1.1;letter-spacing:-.5px}
.wordmark span{font-size:14px;line-height:1.3;letter-spacing:.3px}
nav{display:flex;flex-wrap:wrap;gap:30px;font-size:14px}
nav a{min-height:44px;display:inline-flex;align-items:center;text-decoration:none;border-bottom:1px solid transparent}
nav a:hover,nav a[aria-current="page"]{color:var(--blue);border-color:var(--blue)}
.skip-link{position:fixed;top:12px;left:20px;z-index:10;padding:12px 18px;background:var(--ink);color:white;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
.eyebrow,.number{font:600 14px/1.5 Arial,Helvetica,sans-serif;letter-spacing:0;text-transform:none}
.eyebrow{display:flex;align-items:center;gap:10px}
.dot{width:6px;height:6px;border-radius:50%;background:var(--blue);display:inline-block;flex-shrink:0}
.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:40px;padding:64px 0 52px}
.hero h1{font-size:clamp(58px,6.6vw,88px);font-weight:500;line-height:1.06;letter-spacing:-3.5px;margin:24px 0}
.hero h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--blue);letter-spacing:-3px}
.hero p{max-width:44ch;font-size:18px;line-height:1.65;color:var(--muted)}
.button{display:inline-flex;gap:32px;align-items:center;text-decoration:none;background:var(--ink);color:var(--paper);font-size:15px;min-height:52px;padding:12px 22px;margin-top:10px;transition:background .2s}
.button:hover{background:var(--blue)}
.button span{font-size:22px;transition:transform .2s}
.button:hover span{transform:translate(2px,-2px)}
.specimen{min-width:0}
.specimen svg{width:100%;height:auto;display:block}

.status-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:20px 0;color:var(--muted);font-size:14px;line-height:1.5}
.status-strip span:first-child{color:var(--ink)}
.status-strip .dot{margin-right:7px}
.section{padding:72px 0}
.section-heading{display:grid;grid-template-columns:1fr 2.2fr;align-items:start;gap:40px;margin-bottom:36px}
.section-heading>.eyebrow{padding-top:8px}
h2{font-size:clamp(32px,3.6vw,46px);font-weight:400;line-height:1.18;letter-spacing:-1.2px;margin:0;max-width:24ch}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}
.tile{padding:28px 28px 0 0;display:flex;flex-direction:column}
.tile+.tile{border-left:1px solid var(--line);padding-left:28px}
.tile .number{color:var(--ink)}
.tile h3{font-size:24px;font-weight:500;line-height:1.3;letter-spacing:-.4px;margin:24px 0 14px}
.tile p,.section-heading p{font-size:16px;line-height:1.7;color:var(--muted);max-width:62ch}
.tile-symbol{color:var(--blue);margin-top:auto;padding-top:12px}
.tile-symbol svg{width:48px;height:48px;display:block;stroke:currentColor;stroke-width:2;fill:none}
.notice{font-size:14px;color:var(--muted);line-height:1.6;margin-top:28px;padding-top:20px;border-top:1px solid var(--line);max-width:80ch}
.about{border-top:1px solid var(--line)}
.about .section-heading{margin-bottom:0}
.about h2{margin-bottom:24px}
.contact{background:var(--blue);color:#fff;padding:44px;display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:12px}
.contact h2{font-size:clamp(34px,4vw,52px);margin:20px 0;max-width:20ch}
.contact p{max-width:42ch;font-size:16px;line-height:1.65;color:#fff;margin-bottom:0}
.contact a{display:inline-block;font-size:16px;padding:12px 0;white-space:nowrap}
.contact a:focus-visible{outline-color:white}
.footer{padding:20px 0 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;line-height:1.6;color:var(--muted)}
.footer a{display:inline-block;padding:12px 0;text-decoration:none}
.footer a:hover{text-decoration:underline}
main.section{max-width:760px;min-height:60vh}
main.section h1{font-size:clamp(36px,5vw,48px);font-weight:400;line-height:1.2;letter-spacing:-1px;margin:24px 0}
main.section h3{font-weight:500;font-size:23px;line-height:1.3;margin:32px 0 14px}
main.section p{font-size:16px;line-height:1.75}
main.section .eyebrow{color:var(--blue)}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.hero{gap:28px;padding:48px 0}.hero h1{font-size:clamp(48px,6.6vw,66px);letter-spacing:-2.5px}.hero h1 em{letter-spacing:-2px}.hero p{font-size:17px}.section-heading{grid-template-columns:1fr 2.2fr;gap:24px}.contact{align-items:flex-start;flex-direction:column;gap:12px}.footer{flex-wrap:wrap}.footer span:last-child{width:100%}}
@media(min-width:701px) and (max-width:900px){.tile{padding-right:18px}.tile+.tile{padding-left:18px}.tile h3{font-size:22px}.section-heading{grid-template-columns:1fr 2.6fr}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}header{padding:14px 0;flex-wrap:wrap;gap:8px}.mark{width:38px;height:36px}.wordmark strong{font-size:22px}.wordmark span{font-size:14px}nav{gap:24px;font-size:14px}.hero{grid-template-columns:1fr;padding:28px 0 24px;gap:16px}.hero h1{font-size:clamp(46px,10.6vw,66px);letter-spacing:-2px;margin:20px 0}.hero h1 em{letter-spacing:-2px}.hero p{font-size:17px;max-width:46ch}.specimen{max-width:370px;width:100%;margin:auto}.specimen svg{max-height:140px}.status-strip{flex-wrap:wrap;gap:8px 20px;padding:16px 0}.status-strip>span:last-child{display:none}.section{padding:40px 0}.section-heading{grid-template-columns:1fr;gap:12px;margin-bottom:24px}.section-heading>.eyebrow{padding:0}.grid{grid-template-columns:1fr}.tile,.tile+.tile{padding:24px 0;border-left:0;border-bottom:1px solid var(--line);position:relative}.tile h3{margin:18px 0 12px;padding-right:48px}.tile p{max-width:54ch;margin-bottom:0}.tile-symbol{position:absolute;right:0;top:54px;padding:0}.tile-symbol svg{width:32px;height:32px}.notice{border:0;margin-top:20px;padding:0}.contact{padding:28px 24px}.contact a{font-size:15px}.footer{gap:4px 20px;align-items:flex-start}main.section{padding:36px 0}}
@media(max-width:440px){header{gap:8px}nav{width:100%;justify-content:space-between}.hero h1{font-size:clamp(36px,10.7vw,44px);line-height:1.12;letter-spacing:-1.2px}.hero h1 em{letter-spacing:-1.8px}.contact{padding:26px 20px}.contact a{font-size:16px;white-space:normal;overflow-wrap:anywhere}.contact h2{font-size:32px}.footer span{max-width:100%}}
@media(max-width:700px){h2{font-size:30px;line-height:1.25;letter-spacing:-.6px}.about h2 br,.contact h2 br{display:none}#product h2{margin-bottom:16px}#product .product-link{margin-bottom:8px}#product .product-link>a{display:inline-flex;align-items:center;min-height:44px;padding:8px 0}.section-heading .notice{font-size:14px}.footer a{min-height:44px}.button{max-width:100%;gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.resource{max-width:840px;margin:auto;padding:64px 0}.resource h1{font-size:clamp(36px,5vw,64px);line-height:1.08;letter-spacing:-1.7px;font-weight:500;margin:18px 0 24px}.resource h2{font-size:28px;letter-spacing:-.5px;margin:38px 0 18px;max-width:none}.resource h3{font-size:20px;line-height:1.4;margin:24px 0 10px}.resource p,.resource li{font-size:17px;line-height:1.75}.resource li{margin:8px 0}.resource ul,.resource ol{padding-left:24px}.lede{font-size:20px!important;color:var(--muted)}.meta{font-size:14px!important;color:var(--muted)}.callout{padding:24px;background:#e9ebdf;border-radius:8px;margin:28px 0}.callout p:last-child{margin:0}.downloads{display:grid;grid-template-columns:1fr;gap:12px;margin:24px 0}.downloads a{border:1px solid var(--line);padding:18px 20px;display:block;text-decoration:none;min-height:48px}.downloads a:hover{border-color:var(--blue)}.downloads strong{display:block;font-size:18px}.downloads span{display:block;color:var(--muted);font-size:15px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:16px;margin:20px 0}th,td{padding:14px 12px;border:1px solid var(--line);text-align:left;vertical-align:top}th{font-weight:600;background:#e9ebdf}code{font:15px/1.7 ui-monospace,Menlo,monospace;overflow-wrap:anywhere}.resource .button{font-size:16px}.checklist li::marker{color:var(--blue);font-weight:bold}.related{padding:26px;border:1px solid var(--line);margin-top:40px}.related h2{margin-top:0}.related p{margin-bottom:12px}@media(max-width:700px){.resource{padding:36px 0}.resource h1{letter-spacing:-1px}.resource h2{font-size:27px}.callout{padding:20px}.resource p,.resource li{font-size:16px}.lede{font-size:18px!important}}@media print{header,.footer,.button,.skip-link{display:none}.wrap{width:100%}.resource{max-width:none;padding:0}body{background:white;color:black}.downloads a{border:1px solid #aaa}.resource h1{font-size:32px}.resource h2{font-size:23px}.resource p,.resource li{font-size:12px}.related{break-inside:avoid}}
.privacy-consent{border:1px solid var(--ink);background:#fffdf7;color:var(--ink);padding:12px 14px;box-shadow:0 6px 20px rgba(0,0,0,.12);font-size:15px;line-height:1.45}
.privacy-consent p{margin:0 0 10px}
.privacy-consent-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,7.5em),1fr));gap:8px}
.privacy-consent-actions button,#analytics-choice button{min-height:44px;margin:0;padding:8px 14px;border:1px solid var(--ink);font:inherit;font-weight:700;color:var(--ink);cursor:pointer}
.privacy-consent-allow{background:#dced86}.privacy-consent-decline,#analytics-choice button{background:#fffdf7}
.privacy-consent button:focus-visible,#analytics-choice button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
#analytics-choice{margin:0 0 18px}#analytics-choice p:empty{display:none}