
:root{--verd:#6f7638;--verd-fosc:#4f5628;--liquen:#d5d6bd;--paper:#fbfbf6;--text:#202318;--muted:#6b6f5d;--line:#dedfce;--white:#fff;--shadow:0 24px 70px rgba(31,35,24,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--paper);line-height:1.55;overflow-x:hidden}a{color:inherit}.container{width:min(1120px,calc(100% - 40px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(251,251,246,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:700;letter-spacing:.02em;z-index:60}.brand img{width:40px;height:40px;flex:0 0 auto}.brand span{line-height:1}.brand span small{display:block;font-weight:300;font-size:12px;color:var(--muted);margin-top:4px;letter-spacing:.06em}.menu{display:flex;gap:24px;align-items:center;font-size:14px}.menu a{text-decoration:none;color:var(--muted);transition:color .2s ease}.menu a:hover{color:var(--verd-fosc)}
.nav-toggle{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:999px;background:var(--white);color:var(--text);align-items:center;justify-content:center;cursor:pointer;z-index:60}.nav-toggle span,.nav-toggle span:before,.nav-toggle span:after{display:block;width:18px;height:2px;background:var(--text);border-radius:999px;transition:transform .2s ease,opacity .2s ease}.nav-toggle span:before,.nav-toggle span:after{content:"";position:relative}.nav-toggle span:before{top:-6px}.nav-toggle span:after{top:4px}body.menu-open .nav-toggle span{background:transparent}body.menu-open .nav-toggle span:before{transform:translateY(6px) rotate(45deg)}body.menu-open .nav-toggle span:after{transform:translateY(-6px) rotate(-45deg)}
.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--verd);color:white;background:var(--verd);padding:12px 18px;border-radius:999px;text-decoration:none;font-weight:650;font-size:15px;transition:transform .18s ease,background .18s ease}.button:hover{transform:translateY(-1px);background:var(--verd-fosc)}.button.secondary{background:transparent;color:var(--verd-fosc)}.button.secondary:hover{background:rgba(111,118,56,.08)}.kicker{color:var(--verd-fosc);text-transform:uppercase;font-size:13px;letter-spacing:.14em;font-weight:750}.section{padding:76px 0;border-bottom:1px solid var(--line)}.section-title{font-size:clamp(30px,4vw,48px);letter-spacing:-.035em;line-height:1.05;margin:0 0 22px}.two-col{display:grid;grid-template-columns:.9fr 1.3fr;gap:64px;align-items:start}.text-block p{font-size:18px;color:#353827;margin:0 0 18px}.hero{padding:96px 0 72px;border-bottom:1px solid var(--line)}h1{font-size:clamp(44px,7vw,86px);line-height:.98;margin:18px 0 24px;letter-spacing:-.05em}.lead{font-size:clamp(20px,2.7vw,31px);max-width:900px;color:#303421;line-height:1.22;letter-spacing:-.025em}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:var(--white);border:1px solid var(--line);border-radius:22px;padding:24px;min-height:210px;box-shadow:0 12px 40px rgba(31,35,24,.04)}.card .num{color:var(--verd);font-weight:750;font-size:14px}.card h3{font-size:22px;line-height:1.1;margin:20px 0 12px;letter-spacing:-.025em}.card p{color:var(--muted);margin:0}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.work{padding:28px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(180deg,#fff,#f6f6ec)}.work h3{font-size:25px;margin:0 0 10px;letter-spacing:-.025em}.work p{color:var(--muted);margin:0}.quote{background:var(--verd);color:white;border-radius:30px;padding:42px;font-size:clamp(27px,4vw,54px);line-height:1.05;letter-spacing:-.045em;box-shadow:var(--shadow)}.footer{padding:42px 0;color:var(--muted)}.footer-inner{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.page{padding:72px 0}.page h1{font-size:clamp(42px,6vw,72px)}.article{max-width:820px}.article p{font-size:18px}.article h2{margin-top:42px;font-size:30px}.form-box{background:white;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 12px 40px rgba(31,35,24,.04)}
@media(max-width:980px){.cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.container{width:min(100% - 28px,1120px)}.nav{min-height:68px}.brand img{width:36px;height:36px}.brand span{font-size:14px}.brand span small{font-size:10px}.nav-toggle{display:inline-flex}.menu{position:fixed;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:18px;padding:94px 28px 32px;background:rgba(251,251,246,.98);opacity:0;pointer-events:none;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease;font-size:30px;font-weight:700;letter-spacing:-.04em}.menu a{color:var(--text)}body.menu-open .menu{opacity:1;pointer-events:auto;transform:translateY(0)}.hero{padding:66px 0 50px}h1{font-size:clamp(42px,13vw,68px)}.lead{font-size:22px}.section{padding:56px 0}.two-col{grid-template-columns:1fr;gap:26px}.cards,.work-grid{grid-template-columns:1fr}.card,.work,.quote,.form-box{border-radius:22px}.quote{padding:30px;font-size:clamp(32px,10vw,48px)}.hero-actions{flex-direction:column;align-items:stretch}.button{width:100%}}
@media(max-width:420px){.container{width:min(100% - 22px,1120px)}.brand{gap:9px}.brand span small{display:none}.menu{font-size:27px}.text-block p,.article p{font-size:17px}.card,.work,.form-box{padding:22px}}
