@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap");

:root{color-scheme:light;--paper:#f6f4ee;--ink:#1d2c26;--muted:#617067;--line:#dcded4;--green:#255c44;--lime:#d9f1aa;--mono:"DM Mono",monospace;--display:Outfit,"DM Sans",sans-serif;--body:"DM Sans",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);line-height:1.55}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #58a879;outline-offset:4px}::selection{background:var(--lime)}.wrap{max-width:1240px;margin:0 auto;padding-left:32px;padding-right:32px}.skip{position:absolute;left:16px;top:-100px;padding:10px;background:white;z-index:10}.skip:focus{top:12px}
.site-header{height:90px;display:flex;align-items:center;gap:45px;border-bottom:1px solid var(--line)}.brand{font-family:var(--display);font-size:24px;font-weight:700;letter-spacing:-.07em;white-space:nowrap;display:inline-flex;align-items:center;gap:10px}.brand-mark{background:var(--green);color:var(--lime);border-radius:11px;width:34px;height:34px;display:grid;place-items:center;font-size:22px;letter-spacing:-.12em;padding-right:3px}.site-header nav{display:flex;gap:30px;margin-left:auto}.site-header nav a,.header-link{font-size:13px;font-weight:700}.site-header nav a:hover,.header-link:hover,.text-link:hover{color:#2e8a5d}.header-link{padding:10px 16px;border:1px solid var(--ink);border-radius:6px;margin-left:12px;white-space:nowrap}
.hero{min-height:665px;padding-top:85px;padding-bottom:95px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:55px}.eyebrow,.feature-index{font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--green)}.status-dot{width:8px;height:8px;display:inline-block;background:#5aa672;border-radius:50%;margin-right:8px;box-shadow:0 0 0 4px rgba(90,166,114,.16)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--display);font-weight:600;letter-spacing:-.06em;line-height:1.07}h1{font-size:clamp(48px,5.3vw,77px);margin:25px 0 25px}h1 em,h2 em{font-style:normal;color:#498261}.lead{max-width:555px;font-size:18px;color:#52635a;line-height:1.75}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0 22px}.button{display:inline-flex;align-items:center;gap:22px;border-radius:7px;padding:14px 20px;font-weight:700;font-size:13px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--green);color:white}.primary:hover{background:#367251}.secondary{border:1px solid #bfc9bd}.fine-print{font-size:12px;color:var(--muted)}
.diagram{border:1px solid #ccdbce;background:#eaf0e6;border-radius:15px;padding:24px;box-shadow:14px 14px 0 #e7e8dc}.diagram-top{display:flex;justify-content:space-between;font:500 10px var(--mono);color:#648270;letter-spacing:.13em;margin-bottom:28px}.diagram-node{display:flex;align-items:center;gap:17px;padding:19px;background:#fffefa;border:1px solid #d8e1d5;border-radius:10px;box-shadow:0 4px 12px #25452a0d}.node-icon{font-size:26px;color:#4b8060;background:#e8f1e2;border-radius:8px;width:48px;height:48px;display:grid;place-items:center;flex-shrink:0}.diagram-node div{display:flex;flex-direction:column;line-height:1.4;min-width:0}.diagram-node small{font:500 10px var(--mono);letter-spacing:.1em;color:#719078}.diagram-node strong{font-family:var(--display);font-size:18px}.diagram-node div span{font:11px var(--mono);color:#728177;margin-top:4px}.node-tag{margin-left:auto;background:#e8f1e2;border-radius:5px;padding:4px 8px;font:12px var(--mono)}.diagram-node.exit{border-color:#b5d4bb}.diagram-line{height:63px;border-left:2px dashed #94b79b;margin-left:43px;display:flex;align-items:center;padding-left:18px}.diagram-line span{font:11px var(--mono);color:#66826e}.diagram-line.final-line{height:43px}.destination{border-radius:8px;background:var(--green);color:white;padding:16px 21px;font-weight:600;font-size:14px}.destination span:last-child{float:right}.diagram-note{margin-top:19px;font:11px var(--mono);color:#64806d;text-align:center}
.section{padding-top:105px;padding-bottom:110px}.section-intro{max-width:680px}.section h2,.start-band h2{font-size:clamp(38px,4vw,56px);margin:16px 0 20px}.section-intro>p:last-child{color:var(--muted);max-width:580px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}.feature{border:1px solid var(--line);background:#fbfaf5;border-radius:9px;padding:29px;min-height:218px}.feature h3{font-family:var(--display);font-size:23px;letter-spacing:-.035em;margin:32px 0 8px}.feature p{color:var(--muted);font-size:14px;margin:0;line-height:1.7}.start-band{background:#213e30;color:#f6f4ee}.start-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center;padding-top:95px;padding-bottom:100px}.start-band .eyebrow{color:#b4db9c}.start-band h2 em{color:#b6e1a4}.start-band p:not(.eyebrow){color:#c1d1c3;max-width:400px}.text-link{display:inline-block;margin-top:15px;border-bottom:1px solid #a9d492;padding-bottom:5px;color:#d9f1aa;font-weight:700;font-size:14px}.terminal{background:#14241d;border:1px solid #55705b;border-radius:11px;overflow:hidden;box-shadow:15px 15px 0 #162d20}.terminal-title{border-bottom:1px solid #395345;padding:14px 22px;font:10px var(--mono);letter-spacing:.12em;color:#a8bbaa;display:flex;gap:12px}.terminal-title span:last-child{margin-left:auto}.lights{color:#b9d798;letter-spacing:.2em}.terminal pre{padding:23px;margin:0;overflow-x:auto;color:#e9efe3;font:12px/2 var(--mono)}.terminal .comment{color:#789586}.terminal .prompt{color:#c3e99c}.terminal-foot{border-top:1px solid #395345;color:#a5c6a8;padding:12px 22px;font:11px var(--mono)}.more{display:grid;grid-template-columns:1fr 1fr;gap:80px}.more-links a{border-bottom:1px solid var(--line);padding:20px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:700}.more-links a:first-child{border-top:1px solid var(--line)}.more-links a span:last-child{font-size:12px;font-weight:500;color:var(--green)}.more-links a:hover{color:#2e8a5d}.site-footer{border-top:1px solid var(--line);padding-top:30px;padding-bottom:40px;display:flex;align-items:center;gap:30px;color:var(--muted);font-size:12px}.site-footer .brand{color:var(--ink)}.site-footer p{margin:0}.site-footer>span{margin-left:auto}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:35px;padding-top:65px}.diagram{max-width:580px}.start-grid{gap:35px}.site-header{gap:20px}.site-header nav{gap:15px}}@media(max-width:650px){.wrap{padding-left:20px;padding-right:20px}.site-header{height:72px}.site-header nav{display:none}.header-link{margin-left:auto}.hero{padding-top:55px;padding-bottom:65px}.hero h1{font-size:clamp(46px,10vw,70px)}.lead{font-size:16px}.section{padding-top:70px;padding-bottom:75px}.feature-grid,.start-grid,.more{grid-template-columns:1fr}.feature-grid{gap:12px;margin-top:30px}.feature{min-height:0}.feature h3{margin-top:18px}.start-grid{padding-top:70px;padding-bottom:80px}.more{gap:10px}.site-footer{flex-wrap:wrap;gap:10px 20px}.site-footer>span{margin-left:0;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
