:root{--canvas:#f7f4ed;--sand:#ddd1bc;--sage:#526556;--sage2:#879686;--oak:#b98355;--ink:#20231f;--white:#fcfbf7;--line:rgba(32,35,31,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-family:"Courier New",Courier,monospace}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}:focus-visible{outline:3px solid rgba(82,101,86,.35);outline-offset:4px}
.header{align-items:center;background:rgba(247,244,237,.96);border-bottom:1px solid var(--line);display:grid;gap:28px;grid-template-columns:1fr auto auto;min-height:104px;padding:10px clamp(24px,4vw,64px);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}
.brand img{height:88px;width:88px;object-fit:contain}.header nav{display:flex;gap:clamp(22px,3vw,48px)}.header nav a{font-weight:700}.header-cta{background:var(--sage);border-radius:10px;color:white;font-weight:700;padding:18px 24px}
.hero{display:grid;grid-template-columns:43% 57%;min-height:780px;padding:28px 0 42px 4vw}.hero-copy{align-self:center;padding:60px clamp(28px,5vw,82px) 60px 0}.eyebrow{color:var(--sage);font-size:14px;font-weight:700;letter-spacing:.13em;margin:0 0 30px;text-transform:uppercase}
h1,h2,h3{font-weight:700;letter-spacing:-.045em}h1{font-size:clamp(48px,4.6vw,72px);line-height:1.08;margin:0}h2{font-size:clamp(40px,4vw,62px);line-height:1.1;margin:0}.lead{font-size:19px;line-height:1.65;margin:34px 0 0;max-width:650px}
.actions{display:flex;flex-wrap:wrap;gap:18px;margin-top:36px}.button{align-items:center;border:1px solid transparent;border-radius:10px;display:inline-flex;font-weight:700;justify-content:center;min-height:60px;padding:16px 24px;transition:.18s ease}.button:hover{transform:translateY(-2px)}.primary{background:var(--sage);color:white}.secondary{border-color:var(--sage);color:var(--sage)}
.proofs{display:grid;gap:12px;margin-top:52px}.proofs span{border-top:1px solid var(--line);font-size:14px;padding-top:13px}.hero-media{border-radius:28px 0 0 28px;min-height:710px;overflow:hidden;position:relative}.hero-media>img{height:100%;object-fit:cover;width:100%}.chemie-card{align-items:center;background:#4f6f59;border-radius:18px;bottom:42px;box-shadow:0 16px 42px rgba(40,48,40,.28);color:#fff;display:flex;gap:24px;left:-38px;max-width:430px;padding:27px 32px;position:absolute}.chemie-card .leaf{align-items:center;border:2px solid rgba(255,255,255,.9);border-radius:50%;color:#fff;display:flex;font-size:36px;height:78px;justify-content:center;width:78px}.chemie-card strong{font-size:20px;line-height:1.5}
.section{padding:120px clamp(24px,7vw,112px)}.intro{background:var(--white);display:grid;gap:70px;grid-template-columns:1fr 1fr}.intro>p{font-size:18px;line-height:1.8;margin:45px 0 0}
.service-grid{background:var(--white);display:grid;gap:18px;grid-template-columns:repeat(3,1fr);padding:0 clamp(24px,7vw,112px) 120px}.service-grid article{background:var(--canvas);border:1px solid var(--line);min-height:530px;overflow:hidden;padding:0 36px 36px}.service-image{height:220px;margin:0 -36px 30px;max-width:none;object-fit:cover;width:calc(100% + 72px)}.service-grid article>span{color:var(--oak);font-size:20px}.service-grid h3{font-size:26px;margin:28px 0 18px}.service-grid p,.audience-grid p{color:#555b54;line-height:1.75}
.split{display:grid;grid-template-columns:1fr 1fr}.split>img{height:100%;min-height:700px;object-fit:cover;width:100%}.split>div{background:var(--sage);color:white;display:flex;flex-direction:column;justify-content:center;padding:80px clamp(32px,6vw,100px)}.split .eyebrow{color:#d8e1da}.split>div>p:not(.eyebrow){font-size:18px;line-height:1.75;margin-top:32px}.split ul{display:grid;gap:18px;line-height:1.55;list-style:"✓  ";padding-left:24px}
.audience-grid{border-bottom:1px solid var(--line);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px}.audience-grid article{min-height:240px;padding:34px}.audience-grid article+article{border-left:1px solid var(--line)}.audience-grid h3{font-size:25px}
.region{background:#e8eee8;display:grid;gap:70px;grid-template-columns:.85fr 1.15fr;padding:100px clamp(24px,7vw,112px)}.region-copy>p{font-size:18px;line-height:1.8;margin:0}.region-tags{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.region-tags span{background:rgba(255,255,255,.72);border:1px solid rgba(82,101,86,.25);border-radius:999px;color:var(--sage);font-size:14px;font-weight:700;padding:12px 16px}
.contact{background:var(--ink);color:white;padding:120px clamp(24px,12vw,190px);text-align:center}.contact .eyebrow{color:#b8cbbf}.contact>p:not(.eyebrow){color:#d5d7d3;font-size:18px;line-height:1.7;margin:28px auto 0;max-width:720px}.contact .actions{justify-content:center}.light{background:white;color:var(--ink)}.dark-outline{border-color:rgba(255,255,255,.7)}
footer{align-items:center;background:#141613;color:#e6e8e4;display:grid;gap:38px;grid-template-columns:1fr auto auto;padding:36px clamp(24px,5vw,76px)}footer a{color:#c6cac4;line-height:1.8}.footer-brand{align-items:center;display:flex;gap:18px}.footer-brand img{height:74px;width:74px}
.legal{margin:0 auto;max-width:980px;padding:80px 24px 120px}.legal h1{font-size:52px}.legal h2{font-size:28px;margin-top:48px}.legal p,.legal li{line-height:1.75}.back{color:var(--sage);display:inline-block;font-weight:700;margin-bottom:40px}
@media(max-width:1000px){.header{grid-template-columns:1fr auto}.header nav{display:none}.hero{grid-template-columns:1fr;padding-left:24px}.hero-media{border-radius:28px 0 0 28px;min-height:520px}.chemie-card{left:20px}.intro,.split,.region{grid-template-columns:1fr}.service-grid,.audience-grid{grid-template-columns:1fr}.audience-grid article+article{border-left:0;border-top:1px solid var(--line)}}
@media(max-width:650px){.header{min-height:76px;padding:6px 16px}.brand img{height:64px;width:64px}.header-cta{font-size:13px;padding:13px}.hero{padding:0}.hero-copy{padding:62px 24px}.hero-media{border-radius:0;min-height:420px}.chemie-card{bottom:18px;left:18px;right:18px}.proofs{margin-top:38px}.actions{flex-direction:column}.button{width:100%}.section{padding:80px 24px}.intro{gap:20px}.service-grid{padding:0 24px 80px}.split>div{padding:70px 24px}.region{gap:28px;padding:74px 24px}.region-tags{display:grid}.audience-grid article{padding-left:0;padding-right:0}footer{align-items:start;grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
