:root{
  --green-900:#1F4D3A;
  --green-700:#2F6B52;
  --green-100:#EAF3ED;
  --green-050:#F4F8F5;
  --yellow:#F2B544;
  --paper:#F5F7F3;
  --cream:#FFFEFB;
  --muted:#566B5D;
  --line:#D5E0D8;
  --font-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
body{margin:0;background:linear-gradient(180deg,#FBFCFA 0,var(--paper) 100%);color:var(--green-900);font-family:var(--font-sans);font-size:16px;line-height:1.55}
a{color:var(--green-700)}
.sitehead{height:78px;display:flex;align-items:center;justify-content:space-between;width:min(1180px,calc(100% - 40px));margin:auto}
.logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:1.3125rem;line-height:1;text-decoration:none;color:var(--green-900)}
.logo-mark{width:36px;height:36px;border-radius:12px;background:var(--green-900);color:var(--yellow);display:grid;place-items:center;font-family:var(--font-sans);font-size:1.35rem;font-weight:900}
.logo-word .accent-de,.accent-de{color:var(--yellow)}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 18px;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:var(--green-900);font-family:var(--font-sans);font-size:1rem;font-weight:800;background:rgba(255,255,255,.9)}
.button.primary{background:var(--green-900);border-color:var(--green-900);color:#fff}
.button.secondary{background:var(--yellow);border-color:var(--yellow);color:var(--green-900)}
.button.ghost{background:transparent}
.hero{width:min(1180px,calc(100% - 40px));margin:35px auto 80px;display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}
.eyebrow{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:var(--green-700)}
.hero h1,.intro h2,.dark h2{font-family:var(--font-sans);font-weight:800;letter-spacing:-.04em;color:var(--green-900)}
.hero h1{font-size:clamp(3.25rem,7vw,5rem);line-height:.98;margin:12px 0 22px}
.hero p{font-size:1.25rem;color:var(--muted);max-width:720px}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0 18px}
.note{font-size:.8125rem;color:#748579}
.phone{width:min(380px,100%);margin:auto;border:10px solid var(--green-900);border-radius:40px;background:var(--cream);box-shadow:0 30px 70px rgba(31,77,58,.18);overflow:hidden}
.phonebar{height:58px;background:var(--green-900);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 22px}
.screen{padding:25px}
.screen small{color:var(--green-700);font-weight:800;letter-spacing:.05em}
.screen h2{font-family:var(--font-sans);font-size:2rem;line-height:1.08;letter-spacing:-.025em;color:var(--green-900)}
.mockcard{display:grid;gap:5px;padding:16px;background:var(--green-100);border-radius:16px;margin:12px 0;border:1px solid var(--line)}
.mockcard span{font-size:.8125rem;color:var(--muted)}
.mockrow{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}
.mockrow div{padding:12px 6px;background:#fff;border:1px solid var(--line);border-radius:13px;text-align:center}
.mockrow b,.mockrow span{display:block}.mockrow b{font-size:1.25rem;color:var(--green-900)}.mockrow span{font-size:.6875rem;color:var(--muted)}
.section{width:min(1180px,calc(100% - 40px));margin:100px auto}
.intro{max-width:880px}.intro h2{font-size:clamp(2.5rem,5vw,4rem);line-height:1.02;margin:12px 0 22px}.intro p{font-size:1.1875rem;color:var(--muted)}
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:45px}
.features article,.install-grid article{padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--cream)}
.features article>span{font-weight:900;color:var(--green-700);font-size:.875rem}.features h3{font-size:1.375rem;line-height:1.2;color:var(--green-900)}.features p,.install-grid p{color:var(--muted)}
.dark{background:var(--green-900);color:#fff;margin:100px 0;padding:80px max(20px,calc((100% - 1180px)/2));display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}
.dark h2{font-size:clamp(2.75rem,5vw,4rem);line-height:1.02;color:#fff;margin:12px 0 22px}.dark p{font-size:1.1875rem;color:#DCE8DF}.gold{color:var(--yellow)}
.venue{background:var(--cream);color:var(--green-900);padding:30px;border-radius:25px}.venue .tag{display:inline-flex;padding:6px 10px;border-radius:999px;background:var(--green-100);color:var(--green-700);font-weight:800;font-size:.75rem}.venue h3{font-size:1.75rem;line-height:1.2;margin-bottom:5px}.venue p{color:var(--muted)}.score{padding:12px 14px;border-radius:12px;background:var(--green-100);color:var(--green-900);font-weight:800;margin:18px 0}.venue button{border:0;border-radius:12px;min-height:48px;padding:0 15px;background:var(--yellow);font:800 1rem var(--font-sans);color:var(--green-900)}
.install-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:35px 0}.center{text-align:center}
footer{background:var(--green-100);padding:50px max(20px,calc((100% - 1180px)/2));display:flex;align-items:center;gap:25px;flex-wrap:wrap}footer p{color:var(--muted);margin-right:auto}
@media(max-width:800px){.sitehead{height:68px}.sitehead .ghost{display:none}.hero{grid-template-columns:1fr;gap:35px;margin-top:25px}.hero h1{font-size:3.5rem}.features,.install-grid{grid-template-columns:1fr 1fr}.dark{grid-template-columns:1fr;gap:30px}.phone{max-width:330px}}
@media(max-width:520px){.hero,.section{width:min(100% - 28px,1180px)}.hero h1{font-size:3rem}.hero p{font-size:1.125rem}.features,.install-grid{grid-template-columns:1fr}.dark{padding:60px 20px}.actions .button{width:100%}}