:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:15px;color:#242522;background:#f5f5f1;--orange:#e37645;--muted:#72746e;--border:#e1e2db}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}a{color:inherit}.shell{max-width:1512px;margin:auto;padding:0 60px}.topbar{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:17px;text-decoration:none;font-size:18px;font-weight:650;letter-spacing:-.5px}.wordmark{font-weight:800;font-size:51px;line-height:1;letter-spacing:-6px;padding-right:5px}.brand-dot{color:var(--orange)}.brand small{display:block;font-size:8px;letter-spacing:2.4px;margin-top:7px;font-weight:500;color:#7d8076}.header-right{display:flex;align-items:center;gap:27px}.private{font-size:10px;color:#72776c;border:1px solid #dfe2d8;border-radius:30px;padding:10px 14px}.private i{display:inline-block;width:5px;height:5px;background:#7e9374;border-radius:50%;margin-right:7px}.logout{border:0;background:transparent;font-size:11px;cursor:pointer;padding:10px 0;color:#6c7065}.hero{padding:70px 0 45px}.hero-top{display:flex;justify-content:space-between;align-items:center}.eyebrow{font-size:9px;letter-spacing:2px;font-weight:650;color:#7b8073}.welcome{font-size:11px;color:#84877d}h1{font-size:clamp(46px,5.5vw,78px);font-weight:280;line-height:1.06;letter-spacing:-3.9px;margin:30px 0 23px}h1 strong{font-weight:650}p{font-size:13px;line-height:1.75;color:var(--muted)}.lead{font-size:16px;line-height:1.65;font-weight:350;color:#7b7d75}.hero-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:42px}.quick-stats{display:flex;gap:35px}.quick-stats>span{display:flex;align-items:center;gap:12px;font-size:10px;color:#818579}.quick-stats strong{font-size:24px;font-weight:400;letter-spacing:-1px;color:#414739}.quiet-link{font-size:10px;text-decoration:none;display:flex;gap:20px;color:#74796c}.quiet-link>span{color:var(--orange)}.workspace{border-top:1px solid var(--border);padding-top:42px;scroll-margin-top:25px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px;gap:30px}h2{font-size:34px;font-weight:300;line-height:1.2;letter-spacing:-1.2px;margin:14px 0 0}h2 strong{font-weight:650}.section-heading>p{font-size:11px;margin:0;line-height:1.7;text-align:right;color:#8a8e81}.tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.tool-card{background:white;border:1px solid #e3e5dd;border-radius:23px;padding:30px;display:flex;flex-direction:column;min-width:0;transition:transform .2s,box-shadow .2s}.tool-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #34452b09}.tool-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:36px}.tool-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#f5f0e8;color:#a58954}.tool-icon svg{width:29px;height:29px}.outbound .tool-icon{background:#eaf0e8;color:#75916d}.mail .tool-icon{background:#f9eee6;color:#c7835d}.tool-number{font-size:10px;color:#a0a394;letter-spacing:1px}.tool-card .eyebrow{font-size:8px;letter-spacing:1.5px;color:#a0a392}h3{font-size:clamp(25px,2.25vw,34px);font-weight:650;letter-spacing:-1.2px;margin:15px 0 12px;line-height:1.15;white-space:nowrap}.tool-line{font-size:12px;color:#62685a;margin:0 0 16px;font-weight:450}.tool-description{font-size:12px;line-height:1.85;color:#8a8f80;margin:0 0 25px;max-width:305px}.feature-tags{display:flex;flex-wrap:wrap;gap:6px;margin:auto 0 28px}.feature-tags span{font-size:8px;background:#f6f7f3;border:1px solid #eceee5;border-radius:20px;padding:7px 9px;color:#8b9280}.tool-footer{border-top:1px solid #eceee5;padding-top:22px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;font-weight:550;text-decoration:none;cursor:pointer;border:0;border-radius:10px;padding:15px 18px}.tool-button{background:#f1f3ec;color:#55614c;width:100%}.mail .tool-button{background:#f8eee6;color:#9d704c}.tool-button:hover{filter:brightness(.97)}.tool-footer small{display:block;font-size:8px;color:#a4a997;margin-top:12px}.workflow{display:flex;justify-content:center;align-items:center;gap:30px;margin-top:27px;background:#edeFE7;border-radius:13px;padding:20px;color:#8d9482;font-size:9px}.workflow b{font-size:8px;font-weight:500;margin-right:8px;color:#a0a991}.workflow i{font-style:normal;color:#aeb7a1}.websites{margin-top:65px}.websites-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.website-card{background:#efF0e9;border:1px solid #e4e7dc;border-radius:17px;padding:23px;text-decoration:none;transition:background .2s}.website-card:hover{background:#e8ebdf}.site-top{display:flex;justify-content:space-between;align-items:center;color:#969e8b;font-size:14px}.site-top small{font-size:8px;letter-spacing:.3px;color:#969d8b}.website-card strong{display:block;font-size:21px;letter-spacing:-.7px;font-weight:600;margin:20px 0 9px;color:#4e5844}.site-domain{font-size:9px;color:#919a84}.settings{margin-top:42px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);scroll-margin-top:25px}.settings summary{display:flex;justify-content:space-between;align-items:center;padding:23px 0;cursor:pointer;list-style:none;font-size:10px;color:#858c79}.settings summary::-webkit-details-marker{display:none}.settings-mark{font-size:18px;font-weight:300}.settings details[open] .settings-mark{transform:rotate(45deg)}.settings-inner{padding:0 0 25px}.settings-inner p{font-size:11px}.settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.settings-save{background:#e8ecdf;color:#5d694f;margin-top:20px}label{font-size:10px;color:#7d8472;display:block}input{display:block;width:100%;padding:14px;border:1px solid #dce1d3;background:#fafbf8;border-radius:10px;font-size:12px;color:#3e4835;margin:9px 0 20px}input:focus{outline:2px solid #b5c3a5;outline-offset:2px}.login-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:100px;align-items:center;min-height:calc(100vh - 205px);padding:60px 0}.login-intro h1{font-size:clamp(48px,5.2vw,74px);line-height:1.07;letter-spacing:-3.5px}.login-intro .lead{font-size:14px;margin-top:28px}.login-topics{display:flex;gap:18px;flex-wrap:wrap;margin-top:35px;color:#989e8c;font-size:9px}.login-topics>span{padding-left:10px;border-left:1px solid #dce1d3}.login-card{padding:42px;background:white;border:1px solid #e2e6db;border-radius:26px;max-width:450px;justify-self:end;width:100%}.lock-icon{width:45px;height:45px;background:#f3eee7;border-radius:13px;display:flex;align-items:center;justify-content:center;color:var(--orange);font-size:24px;margin-bottom:30px}.login-card h2{font-size:31px;margin-top:14px}.login-card>p{font-size:11px;margin:17px 0 27px}.primary{background:var(--orange);color:white;width:100%;padding:16px 19px;margin-top:4px}.primary:hover{background:#d86b3a}.login-note{border-top:1px solid #eef0e7;margin-top:28px;padding-top:18px;font-size:8px;color:#a0a590;display:flex;align-items:center;gap:7px}.tiny-dot{width:4px;height:4px;border-radius:50%;background:#9ba98d;display:inline-block}.alert{padding:15px 18px;background:#eaf1df;border-radius:10px;font-size:11px;line-height:1.7;color:#647a4b;margin:20px 0}.alert.error{background:#faede6;color:#a35f40}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:8px;color:#9da58e;padding:28px 0 35px;margin-top:25px}footer b{font-weight:400;color:#859173}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #bfd0a9;outline-offset:4px}@media(min-width:1600px){.shell{padding:0 80px}}@media(max-width:1100px){.shell{padding:0 35px}.tool-card{padding:24px}.tools-grid{gap:16px}h3{font-size:26px}.login-layout{gap:55px}.login-card{padding:32px}.button{font-size:10px;padding:14px}.feature-tags{gap:4px}.feature-tags span{padding:6px 7px;font-size:7px}}@media(max-width:850px){.tools-grid{grid-template-columns:1fr}.tool-card{padding:30px;display:grid;grid-template-columns:1fr 1fr;column-gap:40px}.tool-top{grid-column:1 / -1;margin-bottom:25px}.tool-card .eyebrow,h3,.tool-line{grid-column:1}.tool-description{grid-column:2;grid-row:2 / 5;margin:0}.feature-tags{grid-column:1;margin:15px 0 25px}.tool-footer{grid-column:2;grid-row:5 / 7;align-self:end}.websites-grid{grid-template-columns:1fr 1fr}.settings-grid{grid-template-columns:1fr}.settings-grid input{margin-bottom:5px}.login-layout{grid-template-columns:1fr;gap:35px;max-width:630px;margin:auto;padding:45px 0}.login-card{max-width:none;justify-self:stretch}.login-intro h1{font-size:58px}.login-topics{margin-top:25px}.workflow{gap:18px}.hero{padding-top:50px}}@media(max-width:540px){.shell{padding:0 21px}.topbar{height:90px}.brand{font-size:16px;gap:12px}.wordmark{font-size:43px}.brand small{font-size:7px;letter-spacing:1.7px}.private{display:none}.header-right{gap:10px}.logout{font-size:10px}.hero{padding-top:36px;padding-bottom:33px}.hero-top{display:block}.hero-top .welcome{display:block;margin-top:15px}.eyebrow{font-size:8px;letter-spacing:1.7px}h1{font-size:49px;letter-spacing:-2.5px;margin:25px 0 20px}.lead{font-size:13px}.hero-bottom{margin-top:30px}.quick-stats{gap:22px}.quick-stats>span{gap:8px;font-size:8px}.quick-stats strong{font-size:22px}.quiet-link{font-size:8px;gap:12px}.workspace{padding-top:30px}h2{font-size:29px}.section-heading{display:block;margin-bottom:24px}.section-heading>p{text-align:left;margin-top:18px;font-size:10px}.tool-card{display:flex;padding:27px}.tool-top{margin-bottom:28px}.tool-card .eyebrow{font-size:8px}h3{font-size:31px}.tool-description{max-width:none;margin-bottom:22px}.feature-tags{margin:0 0 25px}.feature-tags span{font-size:8px;padding:7px 9px}.button{font-size:11px;padding:15px 18px}.workflow{gap:11px;flex-wrap:wrap;justify-content:start;font-size:8px;padding:18px}.workflow b{margin-right:5px}.websites{margin-top:40px}.websites-grid{gap:12px}.website-card{padding:18px}.website-card strong{font-size:20px}.site-domain{font-size:9px}.site-top small{font-size:7px}.settings{margin-top:30px}.login-layout{padding:38px 0 20px;gap:28px}.login-intro h1{font-size:48px;letter-spacing:-2.5px}.login-card{padding:28px 24px}.login-card h2{font-size:29px}.login-topics{font-size:8px;gap:12px}.login-note{font-size:8px;line-height:1.6}footer{display:block;line-height:1.8;font-size:8px}footer>span{display:block}footer>span+span{margin-top:7px}}

/* Vier Generatoren: zwei Reihen mit je zwei breiten Kacheln. */
@media(min-width:851px){.tool-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:26px;padding:30px}.tool-top{grid-column:1 / -1;margin-bottom:24px}.tool-card .eyebrow,.tool-card h3,.tool-card .tool-line{grid-column:1}.tool-card .tool-description{grid-column:2;grid-row:2 / 5;margin:0;max-width:none}.feature-tags{grid-column:1;margin:20px 0 0;align-self:end}.tool-footer{grid-column:2;grid-row:5 / 7;align-self:end}.tool-card h3{font-size:clamp(22px,2vw,30px);white-space:normal;overflow-wrap:anywhere}.tool-button{gap:10px;padding:14px 12px;font-size:10px}.tool-footer small{line-height:1.6}.feature-tags span{line-height:1.5}}
.sichtwerk .tool-icon{background:#eceef8;color:#7b80aa}.sichtwerk .tool-button{background:#eff0f8;color:#646b92}