:root{color-scheme:light;--green:#0b5d4b;--ink:#172420;--muted:#53645d;--line:#dce6e1;--soft:#f4f9f6;font-family:system-ui,sans-serif;color:var(--ink);background:#fff}
*{box-sizing:border-box}
body{margin:0}
a{color:inherit;text-underline-offset:4px}
a:hover{color:var(--green)}
:focus-visible{outline:2px solid var(--green);outline-offset:4px}
.skip{position:absolute;left:12px;top:-100px;background:white;padding:12px;z-index:1}
.skip:focus{top:12px}
.frame{max-width:1120px;margin:auto;border-inline:1px solid var(--line)}
.top,.footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px clamp(16px,4vw,40px);border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:750;font-size:19px;letter-spacing:-.04em}
.eyebrow,.demo figcaption{font:600 11px ui-monospace,monospace;letter-spacing:.12em}
nav{display:flex;flex-wrap:wrap;gap:10px 20px}
nav a{font-size:14px;text-decoration:none}
.hero{text-align:center;padding:clamp(56px,9vw,110px) 20px clamp(80px,8vw,104px);background:linear-gradient(to bottom,#fff 40%,transparent),repeating-linear-gradient(90deg,transparent 0 79px,#edf3ef 79px 80px);border-bottom:1px solid var(--line)}
.eyebrow{color:var(--green)}
.dot{display:inline-block;background:var(--green);width:7px;height:7px;border-radius:50%;margin-right:5px}
h1,h2,h3,p,figure{margin:0}
h1{font-size:clamp(41px,8vw,92px);line-height:1;letter-spacing:-.075em;margin:18px auto 22px}
em{font-style:normal;color:var(--green)}
.hero-assistant{display:block;margin-top:.18em;color:#000;font-size:.75em;line-height:1.12}
p{color:var(--muted);line-height:1.65}
.hero>p{max-width:530px;margin:auto;font-size:clamp(16px,2vw,19px)}
.actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:24px 0 38px}
.button,button{border:1px solid var(--line);border-radius:7px;background:white;padding:11px 14px;font:600 14px system-ui;text-decoration:none;color:var(--ink);cursor:pointer}
.primary,.primary:hover{background:var(--green);color:white;border-color:var(--green)}
.button:hover,button:hover{box-shadow:0 0 0 2px #0b5d4b25}
.demo{max-width:820px;margin:auto;text-align:left;background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden;box-shadow:0 10px 28px #173f2810}
.demo figcaption{font-size:14px;display:flex;justify-content:space-between;gap:8px;padding:13px 17px;color:var(--muted);background:var(--soft)}
blockquote{margin:0;padding:19px 17px;font-size:clamp(18px,2.5vw,26px);font-weight:600;text-align:center;}
.section{padding:55px clamp(16px,6vw,72px);scroll-margin-top:12px}
h2{font-size:clamp(30px,5vw,52px);line-height:1.1;letter-spacing:-.055em;margin:10px 0 12px}
.endpoint{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:7px;padding:10px 12px;margin-top:18px;background:var(--soft)}
code{color:var(--green);overflow-wrap:anywhere}
.status{min-height:26px;color:var(--green);font-size:13px;padding-top:3px}
.clients{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden}
article{padding:17px;background:white}
article h3{font-size:16px;margin-bottom:6px}
article p,.more{font-size:14px}
.more{margin-top:12px}
.footer{border-top:1px solid var(--line);border-bottom:0}
@media(max-width:740px){.clients{grid-template-columns:repeat(2,1fr)}.footer nav{justify-content:flex-end}}
@media(max-width:380px){.top nav{gap:6px 10px}.top nav a{font-size:12px}.clients{grid-template-columns:1fr}}

.top nav{align-items:center}
.top nav a{font-family:inherit;font-weight:500;line-height:1.4}
.example-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;min-height:130px;padding:8px;border-top:1px solid var(--line)}
.example-row button{grid-row:1;width:36px;height:44px;padding:0;font-size:23px;color:var(--green)}
.example-row button:first-child{grid-column:1}
.example-row button:last-child{grid-column:3}
.example-row>div{grid-column:2;grid-row:1}
.portals{margin:clamp(48px,6vw,72px) auto 0}
.portals h2{font-size:clamp(17px,2vw,21px);letter-spacing:-.02em}
.portals ul{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;margin:16px 0 0;padding:0;list-style:none}
.portals li{font-size:clamp(18px,3vw,28px);font-weight:750;letter-spacing:-.045em;color:var(--green)}

#hero-assistant-name::after{content:"";display:inline-block;width:.045em;height:.8em;margin-inline-start:.08em;background:currentColor}

.legal h1{font-size:clamp(36px,7vw,72px);letter-spacing:-.055em}
.legal p,.legal ul{max-width:72ch}
.legal ul{padding-inline-start:1.25rem;color:var(--muted);line-height:1.65}
.legal li+li,.legal p+p{margin-top:.75rem}
.legal section{margin-top:28px}
.legal h2{font-size:24px;letter-spacing:-.03em}

.coverage{border-bottom:1px solid var(--line)}
.coverage-grid{margin:24px 0 0;padding:0;list-style:none}
.coverage-grid li{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:3px 8px;padding:9px 12px;background:#fff;font-size:14px}
.coverage-grid span{font-size:12px;color:var(--green)}
.coverage-grid .upcoming,.coverage-grid .upcoming span{color:var(--muted)}

@media(min-width:741px){.coverage-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}

.coverage-grid .region-name{font-size:inherit}