*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;color:#171a17;background:#f8faf6;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #657c24;outline-offset:6px}.header{padding:26px 5%;display:flex;align-items:center;justify-content:space-between;background:#c7ff45}.logo{width:166px;display:block}.header nav{display:flex;align-items:center;gap:32px;font-size:14px;font-weight:600}.nav-cta{border:1px solid #171a17;border-radius:100px;padding:13px 21px}.nav-cta span{margin-left:24px}.hero{background:#c7ff45;padding:50px 6% 0;overflow:hidden}.eyebrow{font-size:12px;font-weight:700;letter-spacing:1.6px;margin-bottom:32px}.hero h1{font-size:clamp(60px,8.9vw,142px);line-height:.98;letter-spacing:-.065em;font-weight:700;margin:0;position:relative;max-width:1300px}.hero h1 span{color:#425326}.hero h1 i{position:absolute;right:2%;bottom:0;font-style:normal;font-size:clamp(150px,26vw,380px);line-height:1;font-weight:400;letter-spacing:-.08em}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:40px 0 52px;max-width:1150px}.hero-bottom p{max-width:455px;font-size:18px;line-height:1.55}.button{border:0;border-radius:100px;padding:20px 27px;display:inline-flex;gap:50px;justify-content:space-between;align-items:center;cursor:pointer;font-weight:600;font-size:16px}.dark{background:#171a17;color:#fff}.button:hover{background:#35412b}.button span{font-size:24px}.hero-foot{border-top:1px solid #171a1745;display:flex;justify-content:space-between;padding:23px 0;font-size:12px;letter-spacing:1px;font-weight:700}.section{padding:100px 6%}h2{font-size:clamp(36px,4.4vw,66px);line-height:1.06;letter-spacing:-.055em;margin:0;font-weight:600}em{font-style:normal;color:#677c41}.intro-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:65px}p{line-height:1.65;font-size:17px}.intro p:first-child{margin-top:0}.intro p{color:#586052}.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.tags span{padding:9px 12px;border:1px solid #cbd0c5;border-radius:40px;font-size:13px}.solutions{padding-top:65px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:50px}.section-heading>p{max-width:310px;color:#586052}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cbd0c5;border-bottom:1px solid #cbd0c5}.service-grid article{padding:32px 28px 32px 0;display:flex;flex-direction:column}.service-grid article+article{padding-left:28px;border-left:1px solid #cbd0c5}.number{font-size:14px;color:#677c41}.service-grid h3{font-size:28px;letter-spacing:-1px;margin:42px 0 8px}.service-grid p{color:#586052;margin-bottom:36px;flex:1}.service-note{font-size:11px;font-weight:700;letter-spacing:.8px;line-height:1.6}.mobile-feature{background:#171a17;color:#f8faf6;display:grid;grid-template-columns:1fr 2fr;gap:40px}.feature-label{font-size:13px;line-height:1.5;letter-spacing:1px;color:#c7ff45}.mobile-feature h2 span{color:#c7ff45}.mobile-feature p{max-width:630px;color:#bec5b8;margin:28px 0 40px}.feature-list{display:flex;gap:25px;flex-wrap:wrap;border-top:1px solid #4b5246;padding-top:25px;font-size:14px}.process ol{padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:35px;margin-top:65px}.process li>span{font-size:14px;background:#c7ff45;border-radius:50%;width:40px;height:40px;display:grid;place-items:center}.process h3{font-size:24px;letter-spacing:-.6px;margin-top:25px}.process li p{font-size:16px;color:#586052}.process-note{font-size:13px;color:#586052;border-top:1px solid #cbd0c5;padding-top:25px;margin-top:40px}.project{background:#e8eedf;display:grid;grid-template-columns:1.1fr 1fr;gap:70px}.project p{color:#586052}.project form{max-width:500px;width:100%}label{display:block;font-size:14px;font-weight:600;margin:0 0 10px}input,textarea,select{width:100%;border:1px solid #bbc5ae;background:#f8faf6;border-radius:8px;padding:15px;color:#171a17;margin-bottom:22px;font-size:16px}textarea{resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid #677c41;outline-offset:2px}.project .button{width:100%}small{font-size:12px;line-height:1.5;display:block;margin-top:14px;color:#586052}#result{margin-top:30px;border-top:1px solid #bbc5ae;padding-top:25px}.copy{padding:12px 20px;background:#c7ff45;border:1px solid #677c41;border-radius:50px;cursor:pointer}#feedback{font-size:14px}footer{background:#171a17;color:#fff;padding:45px 6%;display:flex;gap:25px;align-items:center;justify-content:space-between}footer p{font-size:14px}footer>a:not(:first-child),footer>span{font-size:12px;color:#c2cab9}.footer-logo{width:140px}.brand-wrap{max-width:1050px;margin:auto}.brand-logo{width:min(100%,540px);margin:35px 0}.swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:35px 0}.swatch{padding:45px 20px;border-radius:12px;min-height:130px;border:1px solid #bbc5ae}.brand-wrap h2{margin-top:60px;font-size:35px}.brand-wrap .button{margin-top:25px}@media(min-width:1600px){.section,.hero,.header,footer{padding-left:max(6%,calc((100vw - 1400px)/2));padding-right:max(6%,calc((100vw - 1400px)/2))}}@media(max-width:760px){.header{padding:18px 6%}.logo{width:135px}.header nav>a:not(.nav-cta){display:none}.nav-cta{font-size:12px;padding:11px 13px}.nav-cta span{margin-left:6px}.hero{padding-top:34px}.hero .eyebrow{font-size:10px;letter-spacing:1px;max-width:260px;line-height:1.7}.hero h1{font-size:clamp(52px,12.5vw,95px)}.hero h1 i{font-size:26vw;right:1%;bottom:4px}.hero-bottom{display:block;padding:25px 0 35px}.hero-bottom p{font-size:16px;max-width:350px}.hero-bottom .button{margin-top:12px}.hero-foot{font-size:10px;line-height:1.5;gap:25px}.hero-foot span{max-width:160px}.section{padding:65px 6%}.intro-grid,.project,.mobile-feature{grid-template-columns:1fr;gap:30px}.intro-grid{gap:32px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{max-width:100%}.service-grid{grid-template-columns:1fr}.service-grid article{padding:25px 0!important;border-left:0!important}.service-grid article+article{border-top:1px solid #cbd0c5}.service-grid h3{margin-top:24px}.service-grid p{margin-bottom:23px}.process ol{grid-template-columns:1fr 1fr;gap:25px;margin-top:40px}.process h3{font-size:22px}.feature-list{display:grid;gap:18px}.project form{max-width:none}footer{flex-wrap:wrap;gap:20px}footer p{width:50%;margin:0}footer>span{margin-left:auto}.swatches{grid-template-columns:1fr}.eyebrow{line-height:1.5} }@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.portfolio{padding-top:25px}.portfolio-card{background:#171a17;color:#f8faf6;display:grid;grid-template-columns:1.2fr 1fr;gap:50px;padding:55px;align-items:end;border-radius:12px}.portfolio-card:hover .portfolio-link{text-decoration:underline}.portfolio-title .eyebrow{color:#c7ff45;display:block}.portfolio-title h3{font-size:clamp(48px,6.5vw,90px);line-height:1;letter-spacing:-.06em;margin:45px 0 0}.portfolio-title h3 span{color:#c7ff45}.portfolio-detail>span:first-child{font-size:12px;letter-spacing:1px}.portfolio-detail p{color:#bec5b8}.portfolio-link{display:flex;justify-content:space-between;align-items:center;color:#c7ff45;font-size:20px;border-top:1px solid #4b5246;padding-top:22px;margin-top:30px}.portfolio-link b{font-size:35px;font-weight:400}.portfolio-detail small{color:#bec5b8;overflow-wrap:anywhere}.testimonials{padding-top:30px}.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:45px}.quote-grid figure{margin:0;padding:28px 0;border-top:1px solid #cbd0c5;display:flex;flex-direction:column}.quote-mark{color:#677c41;font-size:65px;line-height:.9}.quote-grid blockquote{margin:15px 0 30px;line-height:1.75;font-size:16px;color:#414b3c;flex:1}.quote-grid figcaption{font-size:15px;font-weight:700}.contact-link{display:inline-block;text-decoration:underline;text-underline-offset:4px;color:#171a17}.copy{margin-top:15px}@media(max-width:760px){.portfolio-card{grid-template-columns:1fr;padding:30px;gap:35px}.quote-grid{grid-template-columns:1fr;gap:5px}.portfolio-title h3{margin-top:28px}.portfolio{padding-top:10px}.testimonials{padding-top:0}.project .button{gap:14px;font-size:15px}.quote-grid blockquote{margin-bottom:22px}footer>a:not(:first-child){line-height:1.5}}

footer{flex-wrap:wrap}footer a,.contact-link{overflow-wrap:anywhere}

.benefits{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:70px;background:#e8eedf}.benefits-heading h2{font-size:clamp(34px,3.6vw,54px);max-width:560px}.benefits-list{border-top:1px solid #bbc5ae;min-width:0}.benefit{border-bottom:1px solid #bbc5ae}.benefit summary{display:flex;align-items:center;gap:16px;cursor:pointer;list-style:none;padding:24px 0;min-height:80px}.benefit summary::-webkit-details-marker{display:none}.benefit summary:focus-visible{outline:2px solid #677c41;outline-offset:5px}.benefit-number{font-size:13px;color:#586052;flex-shrink:0}.benefit h3{font-size:20px;line-height:1.35;letter-spacing:-.4px;font-weight:600;margin:0;flex:1;min-width:0}.benefit-toggle{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border:1px solid #a7b49b;border-radius:50%;font-size:27px;background:#f8faf6;color:#171a17}.benefit summary:hover .benefit-toggle,.benefit[open] .benefit-toggle{background:#c7ff45;border-color:#a1ca45}.collapse-icon{display:none}.benefit[open] .expand-icon{display:none}.benefit[open] .collapse-icon{display:inline}.benefit>p{margin:0;padding:0 58px 26px 32px;font-size:17px;line-height:1.7;color:#414b3c}@media(max-width:900px){.benefits{grid-template-columns:1fr;gap:35px}.benefits-heading h2{max-width:720px}}@media(max-width:480px){.benefit summary{gap:10px}.benefit h3{font-size:18px;overflow-wrap:break-word}.benefit-toggle{width:38px;height:38px}.benefit>p{padding:0 0 24px 26px;font-size:16px}}