:root{--bg:#fff;--text:#1a1a1a;--muted:#5c5c5c;--line:#e4e4e4;--accent:#14707a;--accent-dark:#0f5a62;--accent-tint:#eaf4f5;--font:system-ui, sans-serif;--step-0:clamp(1rem, .96rem + .19vw, 1.125rem);--step-2:clamp(1.5rem, 1.33rem + .74vw, 2rem);--step-4:clamp(2.125rem, 1.75rem + 1.67vw, 3.25rem);--space-section:clamp(3rem, 8vw, 6rem);--radius:.5rem}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--step-0);margin:0;line-height:1.6}img{max-width:100%;height:auto;display:block}a{color:var(--accent)}h1,h2,h3{text-wrap:balance;line-height:1.15}h1{font-size:var(--step-4);letter-spacing:-.02em;margin:0 0 1rem;font-weight:800}h2{font-size:var(--step-2);letter-spacing:-.01em;margin:2.5rem 0 1rem;font-weight:700}h2:first-child{margin-top:0}h3{font-size:var(--step-0);margin:2rem 0 .5rem}p,li{max-width:65ch}.container{max-width:64rem;margin:0 auto;padding:0 1rem}section{padding:var(--space-section) 0}.band{background:var(--accent-tint)}.narrow{max-width:44rem}.prose{max-width:44rem;padding-top:var(--space-section);padding-bottom:var(--space-section)}.muted{color:var(--muted)}.small{font-size:.875rem}.lead{font-size:1.25em}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.site-header nav,.site-footer p:last-child{flex-wrap:wrap;align-items:center;gap:0 1.25rem;display:flex}.site-header nav{justify-content:flex-end;padding-top:1rem;padding-bottom:1rem}.site-header nav a{color:var(--text);text-decoration:none}.site-header nav a,.site-footer p:last-child a{padding:.75rem 0;display:inline-block}.site-header nav a:hover{color:var(--accent)}.site-footer{border-top:1px solid var(--line);color:var(--muted);padding:2rem 0;font-size:.875rem}.site-footer a{color:var(--muted)}.button,.button-secondary{border:2px solid var(--accent);border-radius:var(--radius);padding:.75rem 1.25rem;font-weight:600;text-decoration:none;display:inline-block}.button{background:var(--accent);color:#fff}.button:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.button-secondary{color:var(--accent);background:0 0}.button-secondary:hover{background:var(--accent-tint)}.frame{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);display:block;overflow:hidden;box-shadow:0 20px 60px #0000001a}.frame:before{content:"● ● ●   " attr(data-url);border-bottom:1px solid var(--line);color:var(--muted);white-space:nowrap;background:#f6f6f6;padding:.4rem .75rem;font-size:.75rem;display:block;overflow:hidden}.table-scroll{overflow-x:auto}.guide table,.product table{border-collapse:collapse;margin:1.5rem 0;font-size:.9375rem}.guide th,.guide td,.product th,.product td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:.6rem .75rem .6rem 0}.guide thead th,.product thead th{font-weight:700}.guide tbody th{font-weight:600}.guide td code,.guide p code,.guide li code,.product code{overflow-wrap:anywhere;background:#f4f4f4;border-radius:.25rem;padding:.1em .3em;font-size:.9em}.guide pre{border:1px solid var(--line);border-radius:var(--radius);background:#f6f6f6;max-width:100%;padding:1rem;font-size:.875rem;line-height:1.5;overflow-x:auto}.guide pre code{font-size:inherit;background:0 0;padding:0}.step span{width:fit-content;font-size:var(--step-0);border-radius:var(--radius);background:var(--accent-tint);color:var(--accent);margin-bottom:.5rem;padding:.1em .5em;font-weight:700;display:block}.callout{border-left:4px solid var(--accent);background:var(--accent-tint);border-radius:0 var(--radius) var(--radius) 0;margin:2rem 0;padding:1rem 1.25rem}.callout p:last-child{margin-bottom:0}.sources{color:var(--muted);font-size:.875rem}.lead-form{gap:1.25rem;max-width:44rem;display:grid}.lead-form label,.lead-form legend{margin-bottom:.35rem;font-weight:600;display:block}.lead-form input[type=email],.lead-form input[type=text]{border-radius:var(--radius);width:100%;font:inherit;border:1px solid #bbb;padding:.65rem .75rem}.lead-form fieldset{border:0;margin:0;padding:0}.lead-form .choices{flex-wrap:wrap;gap:.5rem 1.25rem;display:flex}.lead-form .choices label{margin:0;font-weight:400}.lead-form button{font:inherit;cursor:pointer}.lead-form .hp{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}
