:root{--ink:#162821;--green:#155d48;--lime:#d9ff72;--cream:#f5f1e8;--paper:#fffdf8;--muted:#6c756f;--line:#dce0da;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.6}h1,h2,h3,.brand{font-family:Manrope,sans-serif;line-height:1.08}a{color:inherit;text-decoration:none}.header{height:82px;padding:0 max(5vw,24px);display:flex;align-items:center;gap:42px;border-bottom:1px solid #e7e8e3;background:rgba(255,253,248,.92);backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}.brand{font-size:20px;font-weight:800;margin-right:auto;display:flex;align-items:center;gap:9px}.brand span{display:grid;place-items:center;background:var(--ink);color:var(--lime);width:31px;height:31px;border-radius:50%;font-size:17px}.header nav{display:flex;gap:30px;font-size:14px;font-weight:600}.header nav a:hover{color:var(--green)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:0;border-radius:99px;padding:15px 23px;background:var(--ink);color:white;font-weight:700;cursor:pointer;transition:.25s}.btn:hover{background:var(--green);transform:translateY(-2px)}.btn-small{padding:11px 18px;font-size:13px}.menu{display:none;background:none;border:0;font-size:24px}.hero{min-height:690px;padding:92px max(6vw,30px) 70px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:6vw;overflow:hidden;background:radial-gradient(circle at 80% 35%,#e6f6dc 0,transparent 32%)}.eyebrow,.kicker{color:var(--green);font-size:12px;letter-spacing:2px;font-weight:800}.eyebrow i{display:inline-block;width:7px;height:7px;background:#6dbb43;border-radius:50%;margin-right:7px}.hero h1{font-size:clamp(48px,5.6vw,83px);letter-spacing:-4px;margin:22px 0}.hero h1 em{font-style:normal;color:var(--green)}.hero-copy>p{font-size:18px;color:var(--muted);max-width:620px}.hero-actions{display:flex;align-items:center;gap:28px;margin:35px 0}.text-link{font-weight:700;font-size:14px}.trust{display:flex;align-items:center;gap:14px;margin-top:45px}.faces{display:flex}.faces b{width:37px;height:37px;display:grid;place-items:center;border-radius:50%;background:#d9cdbd;border:3px solid var(--paper);margin-left:-8px;font-size:10px}.faces b:first-child{margin-left:0}.trust>div:last-child{display:flex;flex-direction:column}.trust span{color:#e2992e;letter-spacing:2px;font-size:12px}.trust small{color:var(--muted)}.hero-visual{position:relative;min-height:520px}.dashboard-card{position:absolute;inset:44px 10px 20px 30px;background:#fff;border-radius:18px;box-shadow:0 30px 80px #194d332b;overflow:hidden;transform:rotate(1.5deg);border:1px solid #dde7df}.browser-bar{height:42px;background:#eff1ed;display:flex;align-items:center;padding:0 15px;gap:6px}.browser-bar i{width:8px;height:8px;border-radius:50%;background:#c4cbc3}.browser-bar span{margin:auto;font-size:9px;background:white;padding:4px 55px;border-radius:9px;color:#849088}.mock-nav{padding:23px 28px;display:flex;justify-content:space-between;font-size:10px}.mock-body{position:relative;margin:0 16px;height:360px;padding:62px 42px;color:white;background:#234f3f;overflow:hidden}.mock-body small{letter-spacing:2px}.mock-body h3{font-size:43px;margin:13px 0 30px}.mock-body button{background:var(--lime);border:0;border-radius:20px;padding:10px 18px}.shape{position:absolute;width:270px;height:360px;border-radius:50% 50% 20% 20%;background:linear-gradient(145deg,#c2b090,#f2dcbc);right:-45px;top:40px;transform:rotate(25deg)}.orbit{position:absolute;border:1px solid #aecbb8;border-radius:50%;width:500px;height:500px;right:-90px;top:0}.orbit-two{width:380px;height:380px;right:-30px;top:65px}.metric{position:absolute;background:white;border:1px solid #e1e7df;border-radius:14px;padding:13px 17px;display:flex;align-items:center;gap:11px;box-shadow:0 15px 40px #203c2620}.metric>span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#eff9e7;color:var(--green)}.metric div{display:flex;flex-direction:column}.metric b{font-family:Manrope}.metric small{color:var(--muted);font-size:10px}.metric-one{left:-5px;bottom:48px}.metric-two{right:-6px;top:48px}.logos{text-align:center;padding:32px 5vw;border-block:1px solid #e6e7e2}.logos p{font-size:10px;letter-spacing:2px;color:#929a94}.logos div{display:flex;justify-content:center;gap:8vw;filter:grayscale(1);opacity:.55}.logos b{font-size:18px}.section{max-width:1200px;margin:auto;padding:110px 30px}.intro{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:end;padding-bottom:45px}.intro h2,.projects h2,.faq h2,.contact h2,.method h2{font-size:clamp(38px,4.2vw,62px);letter-spacing:-2.5px;margin:15px 0}.intro>p,.projects-head p{color:var(--muted);font-size:18px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-top:20px}.service-grid article{padding:34px;border:1px solid var(--line);border-radius:var(--radius);position:relative;transition:.25s}.service-grid article:hover{background:var(--cream);transform:translateY(-5px)}.service-grid article>span{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#e7f4df;color:var(--green);font-size:21px}.service-grid small{position:absolute;right:25px;top:25px;color:#a0aaa3}.service-grid h3{font-size:24px;margin:35px 0 12px}.service-grid p{color:var(--muted)}.service-grid a{font-weight:700;font-size:13px}.dark{background:var(--ink);color:white}.method{display:grid;grid-template-columns:.85fr 1.15fr;gap:9vw}.method-copy{position:sticky;top:120px;align-self:start}.method .kicker{color:#a9d992}.method-copy>p{color:#b9c4be;margin-bottom:30px}.btn-light{background:var(--lime);color:var(--ink)}.steps article{display:flex;gap:35px;padding:28px 0;border-bottom:1px solid #ffffff24}.steps article>b{color:var(--lime);font-family:Manrope}.steps h3{font-size:23px;margin:0 0 8px}.steps p{color:#aebbb4;margin:0}.projects-head{display:flex;align-items:end;justify-content:space-between}.projects-head p{max-width:370px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:55px}.project-screen{height:430px;border-radius:20px;padding:55px;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.project-screen small{letter-spacing:2px}.project-screen h3{font-size:48px}.project-screen>span{font-size:170px;opacity:.45}.project-a .project-screen{background:#b9c1a8;color:#223229}.project-b .project-screen{background:#d9a985;color:#422a21}.project>h3{margin:22px 0 4px;font-size:21px}.project>p{margin:0;color:var(--muted);font-size:13px}.numbers{display:grid;grid-template-columns:repeat(4,1fr);max-width:1140px;margin:0 auto 110px;background:var(--lime);border-radius:20px;padding:42px}.numbers div{text-align:center;border-right:1px solid #1e432f33}.numbers div:last-child{border:0}.numbers b{font:800 38px Manrope;display:block}.numbers span{font-size:12px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:9vw}.accordion details{border-bottom:1px solid var(--line);padding:22px 0}.accordion summary{font:700 18px Manrope;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.accordion summary i{font-style:normal;font-size:25px}.accordion details[open] i{transform:rotate(45deg)}.accordion p{color:var(--muted);padding-right:40px}.contact{background:#e9f1e5}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw}.contact-grid>div:first-child>p{color:var(--muted);font-size:17px}.contact-note{display:flex;gap:14px;margin-top:35px}.contact-note>b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--green);color:white}.contact-note span{display:flex;flex-direction:column}.contact-note small{color:var(--muted)}.form-card{background:white;padding:38px;border-radius:22px;box-shadow:0 25px 70px #24493114}.form-card>h3{font-size:25px;margin:0}.form-card>p{font-size:11px;color:var(--muted)}form label{display:block;font-size:12px;font-weight:700;margin-top:15px}.two{display:grid;grid-template-columns:1fr 1fr;gap:13px}input,select,textarea{font:inherit;width:100%;border:1px solid #d8ddd7;border-radius:9px;padding:12px 13px;margin-top:6px;background:#fbfcfa;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #155d4815}textarea{height:95px;resize:vertical}.check{display:flex;align-items:flex-start;gap:8px}.check input{width:auto;margin-top:4px}.submit{width:100%;margin-top:20px}.errors{background:#fff1ee;color:#a13b2c;padding:12px;border-radius:8px;font-size:13px}.success{text-align:center;padding:60px 10px}.success>b{display:grid;place-items:center;width:65px;height:65px;margin:auto;border-radius:50%;background:var(--lime);font-size:28px}.honey{position:absolute;left:-9999px}footer{background:#102119;color:white;padding:60px max(6vw,30px) 30px;display:grid;grid-template-columns:1fr 1fr;gap:30px}footer .brand span{background:var(--lime);color:var(--ink)}footer p{color:#98aaa0;max-width:450px}footer>div{display:flex;justify-content:flex-end;gap:25px;font-size:13px}footer>small{grid-column:1/-1;border-top:1px solid #ffffff20;padding-top:25px;color:#809289}.reveal{animation:up .8s ease both}@keyframes up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@media(max-width:900px){.header nav,.header>.btn{display:none}.menu{display:block}.header.open nav{position:absolute;display:flex;flex-direction:column;top:81px;left:0;right:0;padding:25px;background:white}.hero{grid-template-columns:1fr;padding-top:60px}.hero-visual{min-height:460px}.intro,.method,.faq,.contact-grid{grid-template-columns:1fr}.method-copy{position:static}.service-grid{grid-template-columns:1fr}.project-screen{height:340px;padding:30px}.project-screen h3{font-size:35px}.numbers{margin-inline:25px;grid-template-columns:1fr 1fr;gap:25px}.numbers div:nth-child(2){border:0}.logos div{flex-wrap:wrap}.projects-head{display:block}}@media(max-width:600px){.hero{padding-inline:20px}.hero h1{font-size:45px;letter-spacing:-2.5px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-visual{min-height:390px}.dashboard-card{inset:30px 0}.mock-body{height:280px;padding:35px 20px}.mock-body h3{font-size:31px}.shape{width:170px;height:260px}.metric-two{right:-15px}.section{padding:75px 20px}.project-grid{grid-template-columns:1fr}.project-screen{height:300px}.project-screen>span{font-size:90px}.two{grid-template-columns:1fr}.form-card{padding:24px}.numbers{padding:28px 12px}.numbers b{font-size:27px}footer{grid-template-columns:1fr}footer>div{justify-content:flex-start;flex-wrap:wrap}footer>small{grid-column:auto}}