.web-hero{padding:90px 0 82px;position:relative;background:radial-gradient(circle at 78% 8%,rgba(201,240,106,.2),transparent 28%)}.web-hero-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:70px;align-items:center}.web-hero h1{font-size:clamp(48px,5.8vw,82px);line-height:.97;letter-spacing:-4px}.web-hero h1 em{font-style:normal;color:var(--green)}
.site-mockup{background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 35px 100px rgba(16,45,29,.16);overflow:hidden;transform:rotate(1.2deg)}.mockup-browser{height:43px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6px;padding:0 16px}.mockup-browser>span{width:8px;height:8px;border-radius:50%;background:#d8e2dc}.mockup-browser small{margin:auto;color:var(--muted);font-size:11px}.mockup-page{margin:16px;border:1px solid #e5e8df;min-height:370px;background:linear-gradient(130deg,#fbfbf5 30%,#e6e8d8)}.mockup-nav{display:flex;align-items:center;gap:22px;padding:18px 21px;font-size:10px}.mockup-nav b{margin-right:auto;letter-spacing:1px}.mockup-nav strong{background:#152d1e;color:#fff;border-radius:20px;padding:9px 13px;font-size:9px}.mockup-content{padding:72px 12%}.mockup-kicker{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#6e775a}.mockup-content h2{font-size:clamp(38px,5vw,64px);line-height:.93;letter-spacing:-3px;margin:14px 0}.mockup-content h2 i{font-style:normal;color:#788358}.mockup-content p{font-size:13px;color:#66716a}.mockup-cta{display:inline-block;margin-top:25px;background:#152d1e;color:#fff;border-radius:20px;padding:11px 16px;font-size:10px}.mockup-footer{display:flex;gap:20px;padding:13px 20px;background:#152d1e;color:#d5e0ce;font-size:9px}.mockup-footer b{color:#c9f06a}.mockup-footer span:last-child{margin-left:auto;color:#a9c8b5}
.proof-strip{border-block:1px solid var(--line);background:#fff}.proof-strip .container{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#839087;font-size:10px;letter-spacing:1.2px}.proof-strip span{color:var(--muted);text-transform:none;letter-spacing:0}.benefit-grid,.offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.benefit-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;min-height:250px}.benefit-icon{color:#699078;font-size:11px}.benefit-card h3{font-size:21px;margin:47px 0 10px}.benefit-card p,.offer-card p{color:var(--muted);font-size:14px}.tinted-section{background:#eef3ed;border-block:1px solid var(--line)}.offer-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:27px;display:flex;flex-direction:column;min-height:405px}.offer-card.featured{border:2px solid var(--green);box-shadow:0 16px 45px rgba(16,45,29,.08)}.offer-label{color:#4e7960;text-transform:uppercase;letter-spacing:1.5px;font-size:10px;font-weight:800}.offer-card h3{font-size:25px;margin:25px 0 10px}.offer-card ul{list-style:none;display:grid;gap:9px;margin:24px 0;font-size:13px}.offer-card li:before{content:'✓';color:#3d9260;margin-right:9px}.offer-card a{margin-top:auto;color:var(--green);text-decoration:none;font-weight:750;font-size:14px}.web-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.web-steps li{border-top:1px solid var(--line);padding-top:22px;display:grid;grid-template-columns:40px 1fr;gap:14px}.web-steps li>span{color:#699078;font-size:11px}.web-steps h3{font-size:18px;margin-bottom:8px}.web-steps p{color:var(--muted);font-size:14px}.case-highlight{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.case-copy h2{font-size:clamp(34px,4vw,52px);letter-spacing:-2px}.case-copy p{color:#aac1b2;max-width:540px;margin:20px 0}.case-tags{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0 32px}.case-tags span{border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:7px 11px;color:#d6e3da;font-size:11px}.case-window{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.2);transform:rotate(-1deg)}.case-window-top{display:flex;justify-content:space-between;padding:15px 18px;border-bottom:1px solid var(--line);font-size:10px;color:var(--muted)}.case-window-top b{color:#3d9260}.case-window-body{min-height:280px;padding:65px 45px;background:linear-gradient(130deg,#d9d6c7,#f5f0dc)}.case-window-body>span{font-weight:800;letter-spacing:3px;font-size:11px}.case-window-body h3{font-size:44px;line-height:.92;letter-spacing:-2px;margin:24px 0}.case-window-body i{background:#152d1e;color:#fff;border-radius:20px;padding:10px 14px;font-size:10px;font-style:normal}.workspace-teaser{background:#fff}.workspace-teaser-grid{display:grid;grid-template-columns:1fr .75fr;gap:90px;align-items:center}.workspace-teaser h2{font-size:clamp(34px,4vw,52px);letter-spacing:-2px;line-height:1.05}.workspace-teaser p{color:var(--muted);max-width:590px;margin:20px 0 28px}.workspace-teaser-card{background:var(--green-2);color:#fff;border-radius:22px;padding:45px;display:grid;gap:15px;min-height:220px}.workspace-teaser-card img{width:46px;height:46px}.workspace-teaser-card span{font-size:20px}.workspace-teaser-card b{color:#b7d1c0;font-size:13px;font-weight:500}
.light-cases{grid-template-columns:1fr 1fr}.case-study{background:#fff!important;border:1px solid var(--line)!important;border-radius:20px;padding:28px;color:var(--ink)}.case-grid.light-cases article>span.case-kicker,.case-study>span{font-size:10px;color:#4e7960;letter-spacing:1px}.case-study h2{font-size:30px;letter-spacing:-1px;margin:25px 0 10px;color:var(--ink)}.case-grid.light-cases article>p,.case-study>p{color:var(--muted);min-height:52px}.case-study-preview{display:grid;align-content:center;gap:18px;min-height:250px;margin:25px 0;background:linear-gradient(130deg,#d9d6c7,#f5f0dc);padding:35px;border-radius:14px}.case-study-preview>span{font-size:11px;font-weight:800;letter-spacing:3px;color:#27362c}.case-study-preview>b{font-size:42px;line-height:.92;letter-spacing:-2px;color:#27362c}.dark-preview{background:var(--green-2);color:#fff}.case-study-preview.dark-preview>span{color:#b7d1c0}.dark-preview>b{color:#c9f06a}.case-study .case-tags{margin:0}.case-study .case-tags span{border-color:var(--line);color:var(--muted)}
.references-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:end}.references-proof{background:var(--green-2);color:#fff;border-radius:20px;padding:30px;min-height:190px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 18px 50px rgba(16,45,29,.13)}.references-proof-label{font-size:10px;text-transform:uppercase;letter-spacing:1.5px;color:#a9c8b5}.references-proof strong{font-size:24px;line-height:1.08;letter-spacing:-.6px}.references-proof div{display:flex;gap:8px;flex-wrap:wrap}.references-proof div span{border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:6px 9px;color:#d6e3da;font-size:10px}.case-study-preview>i{font-style:normal;color:#607265;font-size:11px}.dark-preview>i{color:#b7d1c0}.reference-principles{background:#fff;border-block:1px solid var(--line)}.reference-principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden}.reference-principle-grid article{background:#fff;padding:28px;min-height:190px}.reference-principle-grid article>span{color:#699078;font-size:11px}.reference-principle-grid h3{font-size:20px;margin:35px 0 9px}.reference-principle-grid p{color:var(--muted);font-size:14px}
@media(max-width:900px){.web-hero-grid,.case-highlight,.workspace-teaser-grid,.references-hero-grid{grid-template-columns:1fr}.web-hero-grid{gap:50px}.site-mockup{transform:none}.benefit-grid,.offer-grid,.web-steps,.light-cases,.reference-principle-grid{grid-template-columns:1fr}.benefit-card,.offer-card{min-height:0}.case-highlight,.workspace-teaser-grid{gap:45px}.proof-strip .container{flex-wrap:wrap;justify-content:center;padding:22px 0}}@media(max-width:600px){.web-hero{padding:58px 0}.web-hero h1{font-size:46px;letter-spacing:-2.5px}.mockup-page{margin:9px;min-height:330px}.mockup-nav span{display:none}.mockup-content{padding:55px 9%}.mockup-content h2{font-size:44px}.case-window-body{padding:50px 28px}.case-window-body h3,.case-study-preview>b{font-size:38px}.workspace-teaser-card{padding:30px}.references-proof{min-height:170px}}
.check-hero{background:radial-gradient(circle at 80% 10%,rgba(201,240,106,.2),transparent 30%)}
.check-hero h1 em{font-style:normal;color:var(--green)}
.service-hero h1 em{font-style:normal;color:var(--green)}
.check-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:80px;align-items:start}
.check-intro h2{font-size:clamp(34px,4vw,52px);line-height:1.05;letter-spacing:-2px;margin-bottom:22px}
.check-intro>p{color:var(--muted);font-size:16px;max-width:570px}
.check-points{display:grid;gap:0;margin-top:35px;border-top:1px solid var(--line)}
.check-points article{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:19px 0;border-bottom:1px solid var(--line)}
.check-points article>span{color:#699078;font-size:11px}.check-points h3{font-size:18px;margin-bottom:4px}.check-points p{color:var(--muted);font-size:13px}
.case-study .case-kicker{font-size:10px;letter-spacing:1px;color:#4e7960}.case-study .case-tags{margin:0}.case-study .case-tags span{border-color:var(--line);color:var(--muted)}
@media(max-width:900px){.check-layout{grid-template-columns:1fr;gap:45px}}