:root{color-scheme:light;--ink:#172a23;--muted:#4c6158;--green:#164638;--dark:#102d25;--lime:#d2fa86;--paper:#fff;--wash:#f3f7f3;--line:#d7e1d9;--mono:ui-monospace,"SF Mono",Consolas,monospace;--sans:"Avenir Next",Avenir,"Segoe UI",sans-serif}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.6 var(--sans)}
a{color:inherit;text-underline-offset:.22em}
a:focus-visible{outline:2px solid #437b47;outline-offset:5px}
img{display:block}
h1,h2,h3,p,figure,dl,dd{margin:0}
h1,h2,h3{line-height:1.06;letter-spacing:-.045em}
h1{font-size:clamp(3rem,5.1vw,4.65rem);font-weight:700}
h1 em{color:var(--green);font-style:normal}
h2{font-size:clamp(2.15rem,4.4vw,3.65rem);max-width:17ch}
h3{font-size:1.32rem;line-height:1.2}
.shell{width:min(1160px,calc(100% - 56px));margin-inline:auto}
.top,.foot{display:flex;align-items:center;justify-content:space-between;gap:24px}
.top{min-height:82px;border-bottom:1px solid var(--line)}
.brand{display:inline-flex;align-items:center;gap:10px;font-size:1.15rem;font-weight:750;letter-spacing:-.05em;text-decoration:none;white-space:nowrap}
.top nav,.foot nav{display:flex;gap:clamp(14px,3vw,36px);font-size:.9rem}
.top nav a,.foot nav a{text-decoration:none;color:var(--muted)}
.top nav a:hover,.foot nav a:hover{text-decoration:underline}
.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;border:1px solid transparent;border-radius:7px;padding:11px 16px;font-weight:700;font-size:.9rem;text-decoration:none;line-height:1.3;min-height:44px}
.outline{border-color:var(--line)}.outline:hover{background:var(--wash)}
.primary{background:var(--green);color:white}.primary:hover{background:var(--dark)}
.hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(28px,5vw,72px);padding-block:clamp(62px,9vw,120px)}
.eyebrow,.mini,.console figcaption,.console-foot,.caption{font-family:var(--mono);font-size:.72rem;letter-spacing:.09em}
.eyebrow{display:flex;align-items:center;gap:9px;font-weight:700;color:var(--green);margin-bottom:22px}
.dot,.approval-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#58924d;flex:none}
.lede{max-width:46ch;color:var(--muted);font-size:clamp(1.02rem,1.6vw,1.19rem);margin:22px 0 28px}
.caption{margin-top:13px;color:var(--muted);letter-spacing:.04em}
.console{overflow:hidden;border-radius:16px;background:var(--dark);color:#eff8ec;border:1px solid #2f5548;box-shadow:0 18px 46px #133a241c}
.console figcaption,.console-foot{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:15px 20px;color:#d3e5d9}
.console figcaption{border-bottom:1px solid #37574c}.console-foot{border-top:1px solid #37574c;font-size:.63rem}
.demo{border:1px solid #5f7c66;padding:2px 7px;border-radius:4px;white-space:nowrap}
.console-body{padding:clamp(17px,3vw,39px);background-image:radial-gradient(#5e86795e 1px,transparent 1px);background-size:15px 15px}
.prompt,.review{border:1px solid #4b685c;border-radius:9px;padding:15px;background:#214136}
.prompt,.review-head{display:flex;align-items:center;gap:12px}
.prompt p{font-weight:700}.console-icon{font:1.25rem var(--mono);color:var(--lime)}
.mini{display:block;font-size:.66rem;color:#c8dfcf}
.connector{height:25px;border-left:1px dashed #aac6ab;margin-left:25px}
.review{background:#f1f7ed;color:var(--ink);border-color:#e1ecda}
.review .mini,.endpoint .mini{color:var(--muted)}
.change{display:flex;gap:12px;align-items:center;margin:14px 0;font: .78rem var(--mono)}
.change span:nth-child(odd){padding:5px 8px;border-radius:4px;background:#e0e9dd}
.change span:last-child{background:#f4e8bd}
.approval{display:flex;align-items:center;gap:8px;border-top:1px solid #ccdacc;padding-top:11px;font-size:.83rem;font-weight:650}
.section{padding-block:clamp(53px,8vw,99px);scroll-margin-top:15px}
.tint{background:var(--wash);border-block:1px solid var(--line)}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;list-style:none;padding:0;margin:34px 0 0}
.steps li{border-top:1px solid #a5baa9;padding-top:18px}
.steps li>span{font: .79rem var(--mono);color:var(--green)}
.steps h3{margin:9px 0 7px}.steps p,.access-list dd,.connect p:not(.eyebrow),.legal p{color:var(--muted)}
.split,.connect{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,7vw,90px)}
.access-list>div{border-bottom:1px solid var(--line);padding:16px 0}.access-list>div:first-child{padding-top:0}
.access-list dt{font-weight:750}
.connect{align-items:center;border:1px solid var(--line);background:var(--wash);padding:clamp(22px,4vw,44px);border-radius:12px;margin-bottom:40px;scroll-margin-top:15px}
.connect p:not(.eyebrow){margin-top:14px;max-width:50ch}
.endpoint{display:grid;gap:11px;padding:17px;background:white;border:1px solid var(--line);border-radius:7px}
.endpoint code{font:1.15rem var(--mono);font-weight:700}.endpoint a{font-size:.9rem;color:var(--green)}
.foot{border-top:1px solid var(--line);padding-block:26px}
.legal{max-width:740px;margin-inline:auto;padding-block:60px}
.legal h1{font-size:clamp(2.5rem,6vw,4.6rem);margin-bottom:20px}
.legal h2{font-size:1.45rem;max-width:none;margin:26px 0 8px}
.legal p+p{margin-top:12px}
.legal a{overflow-wrap:anywhere}
.skip{position:absolute;top:6px;left:6px;z-index:1;background:var(--paper);padding:8px;transform:translateY(-150%)}
.skip:focus{transform:translateY(0)}
@media(max-width:800px){.top nav{display:none}.hero{grid-template-columns:1fr}.console{max-width:580px}.split,.connect{grid-template-columns:1fr}}
@media(max-width:520px){h1{font-size:clamp(2.15rem,10.35vw,3rem)}.shell{width:calc(100% - 32px)}.top{min-height:68px;gap:8px}.top .button{padding-inline:10px;gap:5px;font-size:.76rem}.top .brand{font-size:1rem;gap:6px}.top .brand img{width:29px;height:29px}.steps{grid-template-columns:1fr;gap:20px}.foot{align-items:flex-start;flex-direction:column;gap:14px}}