@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--green:#163e34;--ink:#193c33;--cream:#f5f4ed;--muted:#64736a;--lime:#d4e8a1}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #829f4a;outline-offset:5px}header{height:104px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;border-bottom:1px solid #dce0d4}.brand{display:flex;align-items:center;gap:14px;font-family:Manrope,sans-serif;font-weight:800;font-size:25px;letter-spacing:-1px}.brand small{display:block;font:9px 'DM Sans',sans-serif;letter-spacing:2.7px;margin-top:3px}.mark{position:relative;font-size:43px;line-height:1;margin-right:7px}.mark span{position:absolute;font-size:24px;right:-13px;top:-7px}nav{display:flex;gap:32px;align-items:center;font-size:13px}nav a:hover{opacity:.65}.nav-cta{display:flex;gap:22px;border:1px solid #a7b6a6;border-radius:30px;padding:13px 20px}.menu{display:none}.hero{display:grid;grid-template-columns:1.06fr 1fr;min-height:720px}.hero-copy{padding:70px 5vw 0 6vw}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px}.hero .eyebrow{display:flex;align-items:center;gap:9px}.eyebrow>span{width:7px;height:7px;background:#779443;border-radius:100%}h1,h2,h3,p{margin-top:0}h1{font:500 clamp(44px,4.7vw,76px)/1.08 Manrope,sans-serif;letter-spacing:-3.5px;margin:28px 0}em{font-family:Georgia,serif;font-weight:400}h1 em{color:#698757}.hero-copy>p{font-size:16px;line-height:1.8;max-width:440px;color:var(--muted)}.actions{display:flex;align-items:flex-start;gap:24px;flex-wrap:wrap;margin-top:32px}.button{display:inline-flex;align-items:center;gap:26px;background:var(--green);color:white;border-radius:4px;padding:17px 23px;font-size:13px}.button:hover{background:#2f5645}.text-link{font-size:13px;display:inline-flex;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid #b0b9a7}.hero-foot{display:flex;justify-content:space-between;gap:16px;border-top:1px solid #dce0d4;margin-top:52px;padding:22px 0;font-size:8px;letter-spacing:1.3px}.hero-visual{background:#dce3cf;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:650px}.orbit{position:absolute;width:760px;height:760px;border:1px solid #bccab0;border-radius:50%;left:10%;top:10%}.orbit.second{width:570px;height:570px;top:22%;left:25%}.visual-note{position:absolute;top:34px;right:34px;font-size:11px;line-height:1.5;color:#627559}.demo{position:relative;z-index:1;width:310px;background:#fafbf7;border:7px solid #f3f5ef;border-radius:28px;box-shadow:0 30px 55px #21412f26;transform:rotate(-5deg);padding:16px 16px 10px;margin-top:-20px}.demo-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;padding-bottom:30px}.demo>small{font-size:8px;letter-spacing:1px;color:#7d8c72}.demo h2{font:500 25px/1.2 Manrope;margin:8px 0 18px;letter-spacing:-1px}.landscape{height:130px;background:#c6d5b8;border-radius:9px;position:relative;overflow:hidden}.sun{position:absolute;right:45px;top:20px;background:#ecebc6;width:32px;height:32px;border-radius:50%}.hill{position:absolute;border-radius:50%;width:340px;height:160px;transform:rotate(-15deg);left:-90px;top:70px;background:#79977b}.hill.back{left:100px;top:75px;background:#3d6854;transform:rotate(20deg)}.landscape>span{position:absolute;bottom:12px;left:13px;color:white;font-size:10px}.tabs{display:flex;margin:18px 0 6px;border-bottom:1px solid #dce0d4}.tabs button{flex:1;font-size:10px;background:none;border:0;padding:10px 0;color:#66715f}.tabs .active{color:var(--green);border-bottom:2px solid var(--green)}.demo-links button{display:flex;gap:10px;align-items:center;width:100%;border:0;border-bottom:1px solid #e6e9df;background:none;padding:15px 0;color:var(--green);text-align:left;font-size:10px}.demo-links button span{flex:1}.demo-links button:hover{background:#e8efdd}.demo-bottom{font-size:7px;text-align:center;padding:20px 0 0;color:#65745c}.demo-caption{position:absolute;bottom:28px;font-size:8px;letter-spacing:1px}.float-note{position:absolute;z-index:2;bottom:118px;right:22px;border:1px solid #d3dcc4;background:#edf2e5;padding:18px 24px;box-shadow:0 8px 20px #20352b12;font-size:11px;line-height:1.6;transform:rotate(4deg)}.float-note>span{float:left;font-size:28px;margin-right:13px;color:#6d8952}.demo-detail{position:absolute;inset:180px 12px auto;background:var(--green);color:white;padding:22px;box-shadow:0 10px 40px #0004;border-radius:10px;font-size:13px}.demo-detail p{font-size:12px;line-height:1.6;margin-top:15px}.demo-detail button{float:right;border:0;background:none;color:white;font-size:22px}.intro{padding:65px 6%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dce0d4;gap:40px}.intro p{font:400 30px/1.4 Manrope;margin:0;letter-spacing:-1px}.services{padding:100px 6%}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:48px}h2{font:500 43px/1.2 Manrope;letter-spacing:-1.7px;margin-top:18px}.section-heading p{max-width:370px;font-size:15px;line-height:1.8;color:var(--muted);margin:0 0 10px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.service-grid article{border-top:1px solid #a9b6a2;padding-top:26px}.service-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:33px}.service-top span{font-size:11px;color:#6c7c62}.service-grid small{font-size:9px;letter-spacing:1.5px}.service-grid h3{font:500 26px/1.25 Manrope;letter-spacing:-.9px;margin:15px 0}.service-grid p{font-size:14px;line-height:1.8;color:var(--muted);min-height:100px}.service-grid ul{list-style:none;padding:0;margin:23px 0 30px}.service-grid li{border-bottom:1px solid #dde1d6;padding:11px 0;font-size:12px}.service-grid li span{margin-right:12px;color:#6f8743}.service-grid article>a{display:flex;align-items:center;gap:13px;font-size:11px}.approach{padding:85px 6%;background:var(--green);color:#f5f4ed;display:grid;grid-template-columns:1fr 1fr;gap:12%}.approach>div>p{color:#b8c9ba;line-height:1.8;font-size:14px;max-width:410px}.approach .eyebrow{color:var(--lime)}.approach ol{padding:0;list-style:none}.approach li{display:flex;gap:24px;padding:23px 0;border-bottom:1px solid #456256}.approach li>span{font-size:11px;color:var(--lime);padding-top:4px}.approach h3{font:500 20px Manrope;margin-bottom:9px}.approach li p{font-size:13px;line-height:1.7;color:#b8c9ba;margin:0}.about{display:grid;grid-template-columns:.8fr 1fr;gap:12%;padding:100px 10%;align-items:center}.about-mark{background:#e3e8d8;min-height:350px;position:relative;display:flex;align-items:center;justify-content:center;font:800 180px Manrope;border-radius:180px 180px 10px 10px}.about-mark>span{font-size:105px;margin-top:-100px;margin-left:-15px;color:#779159}.about-mark small{position:absolute;bottom:32px;font:8px 'DM Sans';letter-spacing:2px}.about p{font-size:14px;color:var(--muted);line-height:1.9}.signature{font:500 22px Georgia;margin-top:28px}.signature small{display:block;font:8px 'DM Sans';letter-spacing:2px;margin-top:10px}.contact{text-align:center;background:#e4ead8;padding:85px 6%}.contact h2{font-size:53px;margin-bottom:20px}.contact p{font-size:14px;line-height:1.8;color:var(--muted)}.phone{display:inline-flex;align-items:center;gap:25px;font:500 32px Manrope;border-bottom:1px solid #9baa8c;padding:12px 0;margin:12px 0 25px}.email{font-size:16px}.email small{display:block;font-size:10px;margin-top:10px;color:#627259}footer{padding:32px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:#687563}footer .brand{font-size:20px;color:var(--green)}@media(min-width:1500px){body{max-width:1700px;margin:auto}}@media(max-width:1000px){nav{gap:18px}.hero-copy{padding:55px 4vw 0}h1{letter-spacing:-2px}.float-note{right:8px;padding:12px}.service-grid{gap:22px}.service-grid h3{font-size:22px}.service-grid p{min-height:150px}.intro p{font-size:25px}.about{gap:7%;padding:80px 6%}}@media(max-width:720px){header{height:85px;padding:0 6%}.brand{font-size:22px}.menu{display:block;background:none;border:0;color:var(--green)}nav{display:none;position:absolute;top:85px;left:0;right:0;padding:25px 6%;background:var(--cream);z-index:5;border-bottom:1px solid #ccc}nav.open{display:flex;align-items:stretch;flex-direction:column}.nav-cta{justify-content:space-between}.hero{grid-template-columns:1fr}.hero-copy{padding:42px 6% 0}h1{font-size:clamp(42px,12vw,58px)}.hero-copy>p{font-size:15px}.actions{gap:10px;margin-top:23px}.hero-foot{margin-top:30px}.hero-visual{min-height:610px}.visual-note{top:20px;right:20px}.float-note{right:18px;bottom:90px}.intro{padding:45px 6%;display:block}.intro p{font-size:25px;margin-top:20px}.services{padding:60px 6%}.section-heading{display:block;margin-bottom:35px}h2{font-size:34px}.service-grid{grid-template-columns:1fr;gap:40px}.service-grid p{min-height:0}.service-top{margin-bottom:24px}.service-grid h3{font-size:28px}.service-grid li{font-size:14px}.approach{padding:55px 6%;grid-template-columns:1fr;gap:20px}.about{grid-template-columns:1fr;gap:35px;padding:60px 6%}.about-mark{min-height:250px;max-width:320px;width:100%;margin:auto;font-size:140px}.about-mark>span{font-size:85px}.about-mark small{bottom:20px}.contact{padding:60px 6%}.contact h2{font-size:38px}.email{font-size:15px}footer{flex-wrap:wrap}footer>span:last-child{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.brand-symbol{width:44px;height:44px;flex-shrink:0}.about-mark>img{width:64%;max-width:240px;height:auto}.real-preview{display:flex;flex-direction:column;gap:18px;padding:24px 28px;align-items:stretch;justify-content:flex-start;min-height:720px}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:1px}.preview-toolbar a{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:0;border-bottom:1px solid #8ea484;padding-bottom:5px}.preview-frame{flex:1;min-height:600px;overflow:hidden;border:6px solid #f5f4ed;border-radius:16px;box-shadow:0 20px 40px #173b3022}.preview-frame iframe{display:block;width:100%;height:100%;min-height:600px;border:0;background:#163e34}.preview-foot{font-size:10px;text-align:center;color:#4c6551}.contact-email{display:inline-flex;align-items:center;justify-content:center;gap:20px;border-bottom:1px solid #91a47f;font:500 clamp(18px,2.6vw,36px) Manrope;padding:14px 0;margin:15px 0;overflow-wrap:anywhere}.contact-signature{margin-top:13px!important}.contact-email:hover{color:#627c46}@media(max-width:720px){.real-preview{padding:22px 15px;min-height:760px}.preview-frame,.preview-frame iframe{min-height:650px}.brand-symbol{width:38px;height:38px}.preview-toolbar{font-size:8px}.preview-toolbar a{font-size:10px}.contact-email{gap:8px}.contact-email svg{flex-shrink:0}}

.brand-story{flex-direction:column;align-items:flex-start;padding:55px 12%;background:#e0e6d4}.brand-story>img{width:110px;height:110px;margin:40px 0 15px}.brand-story h2{font-size:48px}.brand-story>p{line-height:1.8;color:var(--muted)}.solutions{padding:85px 6%;background:#ebeee3}.solutions .section-heading{margin-bottom:15px}.solutions .section-heading h2{max-width:650px}.solutions-lead{max-width:650px;line-height:1.8;color:var(--muted);margin-bottom:45px}.solution-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.solution-grid article{background:var(--cream);border:1px solid #d3dbcb;border-radius:12px;overflow:hidden}.product-art{height:320px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:30px}.guest-art{background:linear-gradient(90deg,#163e3466,#163e3422),url('/guest-demo/forest.jpg') center/cover}.guest-mini{width:260px;padding:24px;background:#183c32e8;color:#f5f4ed;border:1px solid #ffffff50;border-radius:16px;transform:rotate(-4deg)}.guest-mini small,.staff-mini small{font-size:8px;letter-spacing:1.5px}.guest-mini strong{display:block;font:30px Georgia;margin:17px 0}.guest-mini>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.guest-mini span{padding:12px 8px;border:1px solid #ffffff30;font-size:10px;border-radius:5px}.art-label{position:absolute;right:16px;bottom:14px;font-size:8px;letter-spacing:1.5px;background:var(--cream);padding:7px 10px;border-radius:30px}.staff-art{background:#d7dfce}.staff-mini{width:360px;background:#f8f8f2;border:1px solid #c5d0bb;border-radius:9px;padding:24px;box-shadow:0 12px 30px #163e3415;transform:rotate(3deg)}.staff-mini strong{display:block;font:600 24px Manrope;margin:13px 0}.mini-stats{display:flex;gap:12px;margin:18px 0}.mini-stats span{background:#e6ecdf;flex:1;padding:10px;font-size:10px}.mini-stats b{font-size:22px;display:block}.staff-mini p{font-size:10px;border-bottom:1px solid #dce2d6;padding-bottom:9px;margin-bottom:9px}.product-copy{padding:32px}.product-copy h3{font:500 28px/1.3 Manrope;letter-spacing:-1px;margin:16px 0}.product-copy p{color:var(--muted);font-size:14px;line-height:1.8;max-width:470px}.preview-disclosure{display:block;margin-top:12px;font-size:11px;color:var(--muted)}.product-art:hover .guest-mini,.product-art:hover .staff-mini{transform:rotate(0)}.contact>p{max-width:620px;margin:0 auto 24px}.contact .consultation{margin:10px 0 14px}.contact-hint{display:block;color:var(--muted);font-size:12px}.contact-email{font-size:22px}.contact-signature{margin-bottom:0!important}@media(max-width:1000px){nav{gap:12px;font-size:12px}.brand-story{padding:40px 9%}.brand-story h2{font-size:38px}}@media(max-width:720px){.brand-story{min-height:470px;padding:40px 8%}.brand-story>img{width:80px;height:80px;margin:25px 0 5px}.brand-story h2{font-size:36px}.solution-grid{grid-template-columns:1fr}.solutions{padding:60px 6%}.product-copy{padding:25px}.product-art{height:300px}.consultation{gap:12px}.contact-email{font-size:19px}}
