:root{--ink:#142c2c;--muted:#536865;--paper:#f8f9f5;--green:#1e6352;--line:#d7e0d9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #c28125;outline-offset:6px}.wrap{width:min(1120px,calc(100% - 64px));margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:28px 0;border-bottom:1px solid var(--line)}.brand{font-size:27px;font-weight:800;letter-spacing:-1px;line-height:1.2}.brand span{display:block;font-size:11px;letter-spacing:1.5px;font-weight:500;text-transform:uppercase;margin-top:5px}nav{display:flex;gap:30px;font-size:14px}nav a:last-child{color:var(--green);font-weight:bold}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:65px;align-items:center;padding:100px 0 110px}.eyebrow{font-size:11px;font-weight:bold;letter-spacing:2px;color:var(--green);margin:0 0 24px}h1{font-size:clamp(42px,5.2vw,66px);letter-spacing:-3px;line-height:1.08;margin:0 0 28px;font-weight:500}h2{font-size:clamp(30px,3.7vw,44px);letter-spacing:-1.5px;line-height:1.2;margin:0 0 24px;font-weight:500}.intro{font-size:19px;color:var(--muted);max-width:480px;margin-bottom:32px}.button{display:inline-flex;gap:32px;justify-content:space-between;align-items:center;background:var(--green);color:white;padding:15px 22px;border-radius:4px;font-size:14px;font-weight:bold}.button:hover{background:#164b3e}.small{font-size:12px;color:var(--muted);margin-top:20px}.diagram{background:#e6ede5;border:1px solid #d3ded3;border-radius:12px;padding:28px;box-shadow:0 18px 40px #183e2510;transform:none}.diagram-top{font-size:9px;letter-spacing:1.5px;display:flex;align-items:center;gap:8px}.dot{width:7px;height:7px;border-radius:50%;background:var(--green)}.cloud{padding:46px 0 25px;text-align:center;font-size:35px;letter-spacing:-1.5px;line-height:1.2}.cloud span{color:var(--green)}.line{height:40px;width:1px;background:#9cb7a6;margin:auto}.nodes{display:flex;gap:8px;border-top:1px solid #9cb7a6;padding-top:18px;justify-content:center}.nodes span{position:relative;font-size:10px;padding:9px;background:var(--paper);border:1px solid #cfdbce;border-radius:4px}.diagram-bottom{text-align:center;font-size:10px;margin-top:36px;color:var(--muted)}.services{padding:80px 0;background:#fff;border-block:1px solid var(--line)}.section-head{max-width:600px;margin-bottom:45px}.section-head>p:last-child{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 35px}.grid article{padding:28px 0;border-top:1px solid var(--line)}.number{font-size:11px;color:var(--green)}h3{font-size:19px;letter-spacing:-.4px;margin:17px 0 12px}.grid p{font-size:14px;color:var(--muted);margin:0}.about{display:grid;grid-template-columns:1fr 2fr;gap:60px;padding:90px 0}.about p:not(.eyebrow){max-width:640px;color:var(--muted)}.text-link{display:inline-block;margin-top:12px;border-bottom:1px solid var(--green);color:var(--green);font-size:14px}.contact{background:#173d34;color:#f8f9f5;padding:75px 0}.contact .eyebrow{color:#abc9b8}.contact p:not(.eyebrow){color:#c5d8cf;max-width:580px;margin-bottom:28px}.contact .button{background:#e5eddf;color:#173d34}.contact .button:hover{background:white}footer{display:flex;justify-content:space-between;gap:20px;padding:30px 0;font-size:11px;color:var(--muted)}.skip{position:absolute;left:16px;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}@media(max-width:800px){.hero{grid-template-columns:1fr;padding:60px 0;gap:40px}.diagram{max-width:440px;width:100%;transform:none}.grid{grid-template-columns:repeat(2,1fr)}.about{grid-template-columns:1fr;gap:10px;padding:60px 0}}@media(max-width:480px){.wrap{width:calc(100% - 36px)}header{gap:20px}.brand{font-size:23px}nav{gap:14px;font-size:12px}nav a:nth-child(2){display:none}h1{letter-spacing:-2px}.grid{grid-template-columns:1fr}.services,.contact{padding:55px 0}footer{flex-wrap:wrap}footer span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.nodes span::before{content:"";position:absolute;width:1px;height:18px;background:#9cb7a6;left:50%;bottom:100%;transform:translateX(-50%)}
