*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#11201d}a{text-decoration:none;color:inherit}.wrap{width:min(1160px,92%);margin:auto}header{height:80px;background:#fff;border-bottom:1px solid #e8eeea;position:sticky;top:0;z-index:50}.nav{height:100%;width:min(1160px,92%);margin:auto;display:flex;align-items:center;gap:30px}.logo{font-weight:800;letter-spacing:.7px;display:flex;align-items:center;gap:8px}.logo span{width:34px;height:34px;border-radius:8px;background:#0d6b52;color:white;display:grid;place-items:center}.logo em{font-style:normal;color:#77827e;font-size:11px;font-weight:500;letter-spacing:1.5px}nav{margin-left:auto;display:flex;gap:28px}nav a{font-size:13px;font-weight:600;color:#596762}.navbtn,.btn.green{background:#0d6b52;color:#fff}.navbtn{padding:11px 18px;border-radius:7px;font-size:12px;font-weight:800}.menu{display:none;border:0;background:none;font-size:24px}.hero{background:linear-gradient(120deg,#edf5f0,#fff 60%,#e8f1ec);min-height:620px;display:flex;align-items:center}.hero-in{padding:90px 0}.eyebrow,label{font-size:10px;letter-spacing:2px;font-weight:800;color:#0d6b52}.hero h1{font-size:clamp(48px,7vw,82px);line-height:1.02;letter-spacing:-4px;margin:18px 0}.hero h1 strong,h2 strong{color:#0d6b52}.hero p{max-width:650px;color:#60706a;font-size:17px;line-height:1.8}.actions{display:flex;gap:12px;margin-top:30px}.btn{display:inline-block;padding:14px 21px;border-radius:7px;font-size:12px;font-weight:800}.btn.light{background:#fff;border:1px solid #d4dfd9}.trust{margin-top:28px;font-size:11px;color:#7b8782}.strip{background:#11201d;color:white;display:grid;grid-template-columns:repeat(4,1fr);padding:25px max(4%,calc((100% - 1160px)/2));gap:20px}.strip div{border-right:1px solid #33423d;padding-left:20px}.strip div:first-child{padding-left:0}.strip div:last-child{border:0}.strip b,.strip span{display:block}.strip b{font-size:17px}.strip span{font-size:10px;color:#9fada7;text-transform:uppercase;letter-spacing:1px}.section,.about{padding:100px 0}.head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:50px}.head h2,.about h2,.contact h2{font-size:42px;line-height:1.1;letter-spacing:-2px;margin:12px 0}.head>p{max-width:410px;color:#66736e;font-size:14px;line-height:1.8}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.grid article{border:1px solid #dce5df;border-radius:10px;padding:28px;min-height:235px;transition:.2s}.grid article:hover{transform:translateY(-4px);box-shadow:0 18px 40px #11201d0b}.grid i{font-style:normal;color:#0d6b52;font-weight:800;font-size:11px}.grid h3{font-size:19px;margin:30px 0 8px}.grid p{font-size:13px;color:#687570;line-height:1.7}.grid a{font-size:11px;color:#0d6b52;font-weight:800}.dark{background:#11201d;color:white;padding:100px 0}.dark .head p{color:#aab7b1}.dark label{color:#a9d3c5}.dark h2 strong{color:#74b9a5}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #34433e;border-bottom:1px solid #34433e}.steps div{padding:30px 25px;border-right:1px solid #34433e}.steps div:last-child{border:0}.steps b{color:#74b9a5;font-size:11px}.steps h3{font-size:18px}.steps p{font-size:12px;color:#9eaba6}.about{background:#f5f7f3}.aboutgrid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.brandbox{height:430px;border-radius:12px;background:linear-gradient(145deg,#0d6b52,#14352d);display:flex;flex-direction:column;align-items:center;justify-content:center;color:white}.brandbox b{font-size:45px;letter-spacing:5px}.brandbox span{letter-spacing:6px;font-size:14px;color:#b8d5cb}.brandbox small{margin-top:28px;letter-spacing:1.8px;color:#9fc1b6;font-size:9px}.about p{color:#66736e;font-size:14px;line-height:1.8}.contact{background:#f7f9f7}.contactgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:45px}.person,.quote{background:white;border:1px solid #dce5df;border-radius:10px;padding:22px;margin-bottom:12px}.person small{display:block;color:#87938e;font-size:9px;letter-spacing:1.5px;font-weight:800}.person a{display:block;margin-top:5px;font-size:15px;font-weight:700;color:#0d6b52}.quote{padding:35px}.quote h3{font-size:24px;margin:0 0 8px}.quote p{color:#687570;font-size:13px;margin-bottom:22px}footer{background:#11201d;color:white;padding:30px 0}footer .wrap{display:flex;justify-content:space-between;align-items:center}footer small{color:#899892;font-size:10px}.floating-quote{position:fixed;right:20px;top:50%;transform:translateY(-50%);background:#0d6b52;color:white;border-radius:9px;padding:12px 14px;z-index:60;box-shadow:0 10px 30px #0003;font-size:12px;font-weight:800;display:flex;gap:10px;align-items:center}.floating-quote span{width:28px;height:28px;border-radius:6px;background:#fff;color:#0d6b52;display:grid;place-items:center}.floating-quote b{font-size:16px}.fx{position:fixed;right:18px;bottom:18px;width:225px;background:#11201d;color:#fff;border-radius:9px;z-index:70;box-shadow:0 12px 35px #0004;overflow:hidden}.fxhead{height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #ffffff12}.fxhead strong{font-size:9px;letter-spacing:1px}.fxhead strong:first-letter{color:#39bd8b}.fxhead button{border:0;background:none;color:#b2bdb8;font-size:18px}.fxbody{padding:9px 12px 11px}.fxbody>div{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid #ffffff10;font-size:10px}.fxbody span{color:#a0ada7}.fxbody small{display:block;color:#687873;font-size:8px;margin-top:7px}.fx.min{width:42px}.fx.min .fxbody{display:none}.fx.min .fxhead{padding:0;justify-content:center}.fx.min .fxhead strong{display:none}
@media(max-width:800px){nav{display:none}.menu{display:block;margin-left:auto}.navbtn{display:none}.hero{min-height:590px}.hero h1{font-size:48px}.grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.aboutgrid,.contactgrid{grid-template-columns:1fr}.head{display:block}.head>p{margin-top:20px}.strip{grid-template-columns:1fr 1fr}.floating-quote{top:auto;bottom:88px;transform:none}.fx{bottom:12px;right:12px}.aboutgrid{gap:45px}}
@media(max-width:520px){.hero h1{font-size:41px;letter-spacing:-2px}.actions{flex-direction:column;align-items:flex-start}.grid,.steps{grid-template-columns:1fr}.section,.about,.dark{padding:75px 0}.head h2,.about h2,.contact h2{font-size:34px}.brandbox{height:320px}.strip{grid-template-columns:1fr 1fr}.strip div:nth-child(2){border:0}.floating-quote{right:12px}.fx{width:200px}}