@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f7f3;color:#101d1a;font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d7ddd7;margin:0 5%}.logo{font-size:32px;letter-spacing:-2px}.logo:first-letter{color:#16a970}sup{font-size:11px;vertical-align:top;letter-spacing:0}nav{display:flex;gap:30px;font-size:13px}.contact{border:1px solid #ccd4cd;border-radius:30px;padding:14px 22px;font-size:13px}main>section{padding:80px 5%}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:9px}i{background:#16c784;width:7px;height:7px;border-radius:100%}h1{font-size:clamp(60px,8vw,122px);letter-spacing:-7px;font-weight:500;line-height:1.04;margin:30px 0 45px}h1 em{font-style:normal;color:#12845b}.hero{position:relative}.intro{position:absolute;right:7%;top:230px;display:flex;gap:65px;align-items:end}p{line-height:1.8;color:#69736e;font-size:14px}.circle{font-size:34px;border-radius:50%;border:1px solid #ccd4cd;padding:10px 22px}.stage{position:relative;background:#e2e9e1;border-radius:8px;overflow:hidden;scroll-margin-top:20px}.stage-top{position:absolute;top:25px;left:28px;right:28px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px;z-index:1;pointer-events:none}#canvas{height:590px;width:100%}canvas{display:block;touch-action:none}.stage-bottom{position:absolute;bottom:25px;left:28px;right:28px;display:flex;align-items:end;justify-content:space-between;pointer-events:none}.stage-bottom h2{font-size:25px;letter-spacing:-1px;margin:7px 0}.stage-bottom small{font-size:9px;letter-spacing:2px}.stage-bottom span{font-size:11px;color:#6b776e}.controls{display:flex;gap:6px;pointer-events:auto}button{font:inherit;cursor:pointer;border:1px solid #ced7cc;background:#f7f9f3;padding:12px 16px;border-radius:24px;font-size:11px}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.tabs button{display:flex;justify-content:space-between;padding:23px;border-radius:4px;background:transparent}.tabs .active{background:#142a22;color:white}.note{font-size:10px}.note a{text-decoration:underline}h2{font-size:clamp(35px,4.5vw,64px);font-weight:500;line-height:1.1;letter-spacing:-3px}.split{display:flex;justify-content:space-between;align-items:center}#cozum article{display:grid;grid-template-columns:60px 1fr 1fr 30px;gap:25px;align-items:center;border-top:1px solid #d2dad2;padding:20px 0}#cozum article span{font-size:11px;color:#778378}h3{font-size:21px;font-weight:500}#cozum article b{font-size:25px;font-weight:400}.process{background:#e9eee7}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:60px}.steps small{font-size:10px;letter-spacing:2px;color:#52806b}.steps div{border-top:1px solid #bdcbbb;padding-top:25px}.end{background:#102b21;color:white;position:relative;min-height:550px}.end h2{font-size:75px}.end p{color:#b6c9bf}form{position:absolute;right:6%;top:110px;width:38%;display:grid;gap:12px}input,select,textarea{font:inherit;color:white;background:#1c392e;border:1px solid #3a5144;padding:15px;border-radius:4px;min-width:0}textarea{height:100px}form button{background:#16c784;color:#082c20;font-weight:bold;border:0}form small{font-size:10px;color:#a9bfb3}footer{display:flex;justify-content:space-between;align-items:center;padding:35px 5%;font-size:11px}@media(max-width:750px){header{height:80px}nav{display:none}h1{letter-spacing:-4px}.intro{position:static;justify-content:space-between;margin-bottom:30px}.hero{padding-top:45px}#canvas{height:500px}.stage-bottom{display:block}.controls{margin-top:15px}.stage-top{font-size:7px}.stage-bottom h2{font-size:22px}.tabs{gap:5px}.tabs button{padding:14px 8px;font-size:9px;gap:5px}.split{display:block}#cozum article{grid-template-columns:25px 1fr 20px;gap:12px}#cozum article p{grid-column:2;grid-row:2;margin:0}#cozum article b{grid-column:3;grid-row:1}.steps{grid-template-columns:1fr;gap:25px}form{position:static;width:100%}.end h2{font-size:55px}.end{padding-top:60px}footer span:nth-child(2){display:none}main>section{padding-left:5%;padding-right:5%}}