@layer base{:root{--gruen:#146b45;--gruen-bg:#e1f0e8;--gelb:#7a5e16;--gelb-bg:#f6efda;--rot:#8a3b12;--rot-bg:#f7e7df}*{box-sizing:border-box}body{margin:0;line-height:1.55}a{color:var(--blue);text-decoration:none}.wrap{max-width:1180px;margin:0 auto;padding:0 22px}h1,h2,h3,h4{margin:0}.muted{color:var(--slate2)}header{z-index:20;border-bottom:1px solid var(--line);position:sticky;top:0}header .in{align-items:center;gap:12px;max-width:1180px;height:62px;margin:0 auto;padding:0 22px;display:flex}.logo{align-items:center;gap:9px;font-size:18px;font-weight:800;display:flex}.spacer{flex:1}.btn{cursor:pointer;border:none;border-radius:4px;align-items:center;gap:7px;padding:10px 16px;font-family:inherit;font-size:14px;font-weight:700;display:inline-flex}.btn-cta{background:var(--cta);color:#fff}.btn-cta:hover{background:var(--cta-dark)}.btn-ghost{background:var(--blue-soft);color:var(--blue)}.demo{text-align:center;padding:6px;font-size:12.5px;font-weight:600}.s-tool section.block{padding:34px 0}.s-tool .sec-head{margin-bottom:18px}.s-tool .sec-head h2{letter-spacing:-.02em;font-size:24px}.s-tool .sec-head p{max-width:840px;margin:9px 0 0;font-size:14.5px}.s-tool .note{border:1px solid var(--line);color:var(--slate2);background:#fff;border-left:4px solid #a8730a;border-radius:7px;margin-top:24px;padding:15px 18px;font-size:12.5px}}