:root{--ink:#112e43;--accent:#2162ba;--paper:#f6f9fb;--soft:#e8f0f6;--line:#d4e0e8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.8 'DM Sans',sans-serif}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.demo-banner{padding:10px 6%;display:flex;justify-content:space-between;gap:20px;background:#101d35;color:white;font-size:9px;letter-spacing:1px}.demo-banner a{letter-spacing:0}header{display:flex;align-items:center;justify-content:space-between;padding:25px 6%;gap:25px;max-width:1600px;margin:auto}.demo-brand{font:700 32px/1 Manrope,sans-serif;letter-spacing:-1.5px}.demo-brand small{display:block;font:8px 'DM Sans',sans-serif;letter-spacing:1.5px;margin-top:10px}.demo-button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--accent);color:white;border:0;padding:15px 21px;font-size:12px;font-weight:500;cursor:pointer}.demo-button:hover{filter:brightness(1.12)}nav{display:flex;gap:30px;align-items:center;font-size:12px}.demo-hero{max-width:1600px;margin:auto;display:grid;grid-template-columns:1fr 1.05fr;padding:35px 6% 65px;gap:6%;align-items:center}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:600}h1{font:500 clamp(55px,5.8vw,90px)/1.04 Manrope,sans-serif;letter-spacing:-5px;margin:28px 0}h2{font:500 45px/1.2 Manrope,sans-serif;letter-spacing:-2px}h3{font:600 22px Manrope,sans-serif;letter-spacing:-.6px}.demo-copy>p{font-size:14px;max-width:370px;color:#5b6d7a;line-height:1.9}.demo-copy>.demo-button{margin-top:30px}.hero-caption{display:block;font-size:9px;margin-top:23px;color:#73838f}.demo-image{height:540px;background:var(--soft);overflow:hidden}.demo-image img{height:100%;width:100%;object-fit:cover}.climate .demo-image img{object-fit:contain}.demo-services{padding:80px 6%;max-width:1600px;margin:auto;border-top:1px solid var(--line)}.demo-services h2{margin-top:20px}.demo-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:45px}.demo-service-grid article{border-top:1px solid var(--line);padding-top:20px}.service-no{font-size:10px;color:var(--accent)}.demo-service-grid h3{margin:25px 0 15px}.demo-service-grid p{font-size:13px;line-height:1.9;max-width:300px;color:#5b6d7a}.demo-service-grid a{display:inline-block;margin-top:25px;font-size:11px;border-bottom:1px solid var(--line)}.disclosure{font-size:10px;line-height:1.9;margin-top:30px;opacity:.7}.demo-process{background:var(--soft);padding:75px 6%;display:grid;grid-template-columns:1fr 1fr;gap:12%}.demo-process h2{margin-top:20px;max-width:430px}.demo-process article{border-top:1px solid var(--line);padding:25px 0;display:flex;gap:25px}.demo-process article>span{font-size:10px;color:var(--accent)}.demo-process article h3{font-size:19px}.demo-process article p{font-size:12px;line-height:1.9;margin-top:10px}.demo-contact{background:var(--ink);color:white;padding:75px 6%;display:grid;grid-template-columns:1fr 1fr;gap:12%}.demo-contact h2{margin:20px 0}.demo-contact>div>p{font-size:13px;max-width:370px;opacity:.75}.demo-contact .demo-button{margin-top:25px}.contact-example{border:1px solid #ffffff30;padding:30px}.contact-example p{margin-block:17px;font-size:13px}.contact-example small{font-size:10px;line-height:1.7;display:block;opacity:.7;margin-top:15px}form{display:grid;gap:20px}label{display:grid;gap:9px;font-size:11px}input,select,textarea{background:#ffffff09;border:1px solid #ffffff40;color:white;padding:12px;width:100%;min-width:0;border-radius:0;font-size:13px}select option{color:#102e43;background:white}textarea{min-height:110px;resize:vertical}textarea::placeholder{color:#ffffff70}form .demo-button{margin:0}.demo-status{font-size:12px}footer{display:flex;justify-content:space-between;gap:25px;font-size:10px;padding:25px 6%}.build{--ink:#363d30;--accent:#626f45;--paper:#f8f6ef;--soft:#e9e8dc;--line:#d5d7c7}.build .demo-brand{font-family:Georgia,serif;font-weight:400;font-size:38px}.build h1,.build h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-3px}.build .demo-image{border-radius:180px 180px 0 0}.food{--ink:#28251f;--accent:#c74c24;--paper:#f5eacb;--soft:#ebdcb8;--line:#d4c49c}.food .demo-brand{font-weight:800;letter-spacing:-2px;font-size:38px}.food h1{font-weight:800;letter-spacing:-5px}.food .demo-image{border-radius:250px 250px 8px 8px}.food h2{font-weight:700}.food .demo-contact .demo-button{background:#f1cb64;color:#28251f}@media(max-width:800px){.demo-hero{gap:4%}h1{font-size:54px;letter-spacing:-3px}.demo-image{height:420px}h2{font-size:36px}nav{gap:20px;font-size:11px}.demo-brand{font-size:27px}.demo-button{padding:13px 16px;font-size:11px;gap:20px}.demo-process,.demo-contact{gap:7%}.contact-example{padding:20px}.demo-service-grid{gap:25px}.demo-service-grid h3{font-size:19px}.demo-copy>p{font-size:13px}}@media(max-width:560px){.demo-banner{font-size:6px;gap:15px;letter-spacing:.7px}.demo-brand{font-size:27px}.demo-brand small{font-size:6px}header{padding-block:23px}nav>a:not(.demo-button){display:none}nav .demo-button{font-size:10px;padding:12px}.demo-hero{grid-template-columns:1fr;gap:30px;padding-top:20px;padding-bottom:45px}h1{font-size:61px;letter-spacing:-3.7px;margin-block:22px}h2{font-size:35px;letter-spacing:-1.5px}.eyebrow{font-size:8px;letter-spacing:1.5px}.demo-copy>p{font-size:13px;max-width:none}.demo-image{height:370px}.hero-caption{font-size:8px}.demo-services{padding-block:50px}.demo-service-grid{grid-template-columns:1fr;gap:25px;margin-top:30px}.demo-service-grid h3{margin-block:15px 10px;font-size:22px}.demo-service-grid p{max-width:none}.demo-service-grid a{margin-top:15px}.demo-process,.demo-contact{grid-template-columns:1fr;gap:30px;padding-block:50px}.demo-process h2{max-width:none}.demo-contact .demo-button{font-size:11px}.contact-example{padding:23px}select,textarea{font-size:16px}footer{font-size:8px;gap:20px}.build .demo-brand{font-size:30px}.food .demo-brand{font-size:31px}.food h1{font-size:59px;letter-spacing:-4px}.food .demo-image{height:380px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
