/* Basis-Reset (entspricht dem Tailwind-Preflight, auf den das Original-Stylesheet aufbaut) */
*,::before,::after{box-sizing:border-box;margin:0;padding:0;border:0 solid}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}
a{color:inherit;text-decoration:inherit}
svg{display:block;vertical-align:middle}
button,input{font:inherit;color:inherit;background-color:transparent;border-radius:0}
button{cursor:pointer}

.nav-actions{display:flex;align-items:center;gap:27px}.region-badge{display:inline-flex;align-items:center;gap:6px;color:#55717d;font-size:11px;font-weight:800;letter-spacing:.08em;white-space:nowrap}.region-flag{display:inline-block;width:17px;height:11px;background:linear-gradient(to bottom,#202020 0 33.333%,#d52731 33.333% 66.666%,#ffce00 66.666% 100%);box-shadow:0 0 0 1px #102b3c22;flex:none}@media(max-width:480px){.nav .brand{font-size:20px}.nav .brand-mark{width:60px!important;height:30px!important}.nav .face-mark{transform:scale(.75);transform-origin:left center}.nav .nav-actions{gap:11px}.nav .nav-cta{font-size:13px}}@media(max-width:380px){.nav .nav-cta{display:none}}

.brand-mark{width:80px!important;height:40px!important;border-radius:0!important;background:transparent!important;color:currentColor!important;display:block!important;position:relative;overflow:hidden;flex:none}.face-mark{position:absolute;inset:0;width:80px;height:40px;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.face-frame,.face-mouth,.face-bridge,.face-zero{transform-box:fill-box;transform-origin:center;transition:opacity .32s ease,transform .42s cubic-bezier(.2,.8,.2,1)}.brand:hover .face-t-cap{opacity:0;transform:scaleX(.12)}.brand:hover .face-l-foot{opacity:0;transform:scaleX(.12)}.brand:hover .face-mouth,.brand:hover .face-bridge{opacity:0;transform:scaleY(.2)}.signup .brand-mark{color:#fff!important}.signup .brand{color:white}footer .brand-mark{color:#102b3c!important}

.germany-dot{color:#fa6d45;font-size:17px;line-height:1}.task-card{position:absolute;right:0;top:23px;width:min(440px,100%);background:white;color:#102b3c;padding:24px;box-shadow:20px 22px 0 #264d63}.task-top{display:flex;align-items:center;justify-content:space-between}.task-symbol{width:42px;height:42px;border-radius:50%;background:#dbece1;color:#286a4c;display:grid;place-items:center;font-size:21px}.status{background:#e3f1e6;color:#346f4f;padding:7px 10px;font-size:12px;font-weight:800}.task-kicker{text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:800;color:#6f8894;margin:27px 0 10px}.task-card h2{font-size:30px;line-height:1.02;letter-spacing:-1.5px;margin:0;max-width:340px}.task-card>p:not(.task-kicker){font-size:15px;color:#53717e;line-height:1.45;margin:15px 0 24px;max-width:340px}.task-details{display:flex;justify-content:space-between;align-items:center;color:#5d7884;font-size:13px}.task-details strong{color:#1f5941;font-size:19px}.task-divider{height:1px;background:#d8e1e4;margin:21px 0 16px}.task-bottom{display:flex;justify-content:space-between;font-size:12px;font-weight:700;color:#385866}.task-bottom b{font-size:19px;color:#fa6d45}.section-text{color:#587080;font-size:16px;line-height:1.5;max-width:410px;margin:22px 0 0}

:root { --ink:#102b3c; --blue:#123a54; --orange:#fa6d45; --paper:#f8f5ef; --cream:#fffdf9; --mint:#cce4d3; }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif} a{color:inherit;text-decoration:none} .nav{height:84px;max-width:1220px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:24px;font-weight:800;letter-spacing:-1.4px;display:flex;align-items:center;gap:8px}.brand-mark{width:27px;height:27px;border-radius:8px;background:var(--orange);color:#fff;display:grid;place-items:center;font-size:21px;line-height:1;font-weight:400}.nav-links{display:flex;gap:35px;color:#315263;font-weight:600;font-size:15px}.nav-cta{font-weight:700;font-size:15px;border-bottom:2px solid var(--orange);padding-bottom:3px}.hero{min-height:615px;background:var(--blue);color:white;display:grid;grid-template-columns:1.05fr .95fr;gap:35px;padding:84px max(28px,calc((100vw - 1120px)/2));overflow:hidden}.hero-copy{max-width:590px;align-self:center}.eyebrow{display:flex;align-items:center;gap:9px;text-transform:uppercase;font-size:12px;letter-spacing:1.4px;font-weight:700;margin:0 0 23px}.eyebrow span{width:9px;height:9px;background:var(--orange);border-radius:50%}.hero h1,.how h2,.projects h2,.signup h2{font-size:clamp(48px,5.6vw,77px);letter-spacing:-4.5px;line-height:.98;margin:0;font-weight:800}.hero h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-4px;color:#b9d8c4}.hero-text{font-size:18px;line-height:1.55;max-width:480px;color:#d5e2e7;margin:29px 0}.hero-actions{display:flex;gap:25px;align-items:center}.button{border:0;border-radius:0;padding:15px 20px;font-size:15px;font-weight:800;cursor:pointer;display:inline-flex;gap:25px;align-items:center}.primary{background:var(--orange);color:white}.button b,.text-link b{font-size:19px}.text-link{font-size:15px;font-weight:700}.member-note{display:flex;align-items:center;gap:12px;margin-top:44px;color:#b7cbd4;font-size:13px}.faces,.avatars{display:flex}.faces i,.avatars i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:11px;font-weight:bold;border:2px solid var(--blue);margin-left:-7px;background:#dfaf7b;color:#17364b}.faces i:nth-child(2),.avatars i:nth-child(2){background:#8ca8ba}.faces i:nth-child(3),.avatars i:nth-child(3){background:#c78386}.hero-visual{position:relative;min-height:430px;align-self:center}.work-card{position:absolute;right:0;top:23px;width:min(440px,100%);background:white;color:var(--ink);padding:18px;box-shadow:20px 22px 0 #264d63}.card-head{display:flex;align-items:center;gap:10px;font-weight:800;font-size:14px}.card-head button{margin-left:auto;border:0;background:none;color:#6e8591}.room-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#d8ebdf;color:#2b7257}.shelf-scene{height:280px;margin-top:15px;background:#f2d49a;position:relative;overflow:hidden}.sun{position:absolute;width:145px;height:145px;border-radius:50%;background:#fd9c6e;left:23px;top:34px}.window{position:absolute;width:110px;height:170px;right:35px;top:23px;border:10px solid #f8f7f1;background:#a5cfdb}.window:before,.window:after{content:"";position:absolute;background:#f8f7f1}.window:before{left:42px;width:8px;height:100%}.window:after{top:73px;height:8px;width:100%}.plant{position:absolute;right:5px;bottom:20px;font-size:80px;color:#36745e;transform:rotate(-12deg)}.shelf{position:absolute;bottom:55px;left:40px;width:255px;height:70px;border-top:9px solid #965738;border-bottom:9px solid #965738;display:flex;align-items:end;gap:9px;padding-left:18px}.shelf b{height:43px;width:27px;background:#1e536d}.shelf b:nth-child(2){height:55px;background:#ed6751}.shelf b:nth-child(3){height:35px;background:#eee0bb}.shelf b:nth-child(4){height:50px;background:#e59c40}.shelf b:nth-child(5){height:42px;background:#498167}.tool{position:absolute;bottom:9px;left:72px;color:#814e36;font-size:36px}.card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:15px;font-size:13px}.card-foot span{color:#6a7f89}.card-foot .avatars i{border-color:white}.bubble{position:absolute;background:#fff;color:var(--ink);font-weight:800;font-size:14px;padding:13px 15px;box-shadow:0 12px 24px #071d2a55}.bubble-one{left:-25px;top:55px;transform:rotate(-6deg)}.bubble-two{right:-24px;bottom:4px;transform:rotate(4deg)}.visual-tag{position:absolute;left:0;bottom:37px;z-index:2;transform:rotate(-6deg);background:var(--mint);color:#1f5643;padding:10px 13px;font-weight:800;font-size:13px}.how{padding:118px max(28px,calc((100vw - 1120px)/2));display:grid;grid-template-columns:.95fr 1.05fr;gap:70px;background:var(--cream)}.how h2,.projects h2{font-size:48px;letter-spacing:-3px;line-height:1.02}.steps{display:grid;gap:0;border-top:1px solid #c6d0d3}.steps article{padding:23px 0 18px;display:grid;grid-template-columns:54px 1fr 1.25fr;gap:13px;border-bottom:1px solid #c6d0d3;align-items:baseline}.steps b{color:var(--orange);font-size:14px}.steps h3{font-size:18px;margin:0}.steps p{font-size:15px;color:#587080;line-height:1.45;margin:0}.projects{background:#d8e9de;padding:106px max(28px,calc((100vw - 1120px)/2));display:grid;grid-template-columns:1fr 1fr;gap:70px}.project-list{display:grid;gap:13px}.project{background:#f9f9f3;padding:17px;display:flex;align-items:center;gap:16px}.project-icon{height:45px;width:45px;display:grid;place-items:center;font-size:21px}.orange{background:#fdc6a4;color:#d55731}.blue{background:#bdd9e7;color:#276982}.green{background:#bde0c4;color:#3d7859}.project h3{margin:0 0 5px;font-size:16px}.project p{margin:0;font-size:13px;color:#648083}.round-arrow{margin-left:auto;width:33px;height:33px;border-radius:50%;background:#e8eee8;display:grid;place-items:center}.signup{padding:90px max(28px,calc((100vw - 1120px)/2));background:var(--orange);color:white;display:grid;grid-template-columns:1fr 1fr;gap:80px}.signup .brand-mark{background:#173d55}.signup h2{font-size:51px;letter-spacing:-3.2px;margin:29px 0 15px}.signup p{max-width:465px;font-size:17px;line-height:1.5}.signup form{align-self:center}.signup label{font-size:13px;font-weight:700;display:block;margin-bottom:8px}.signup form>div{display:flex}.signup input{padding:16px;border:0;flex:1;font-size:16px;min-width:0}.signup form .button{background:var(--ink);padding:15px 17px;white-space:nowrap}.signup small{display:block;margin-top:12px;color:#ffe2d8}.success{align-self:center;border:1px solid #ffffff80;padding:30px;font-size:18px;display:grid;gap:9px}.success span{font-size:14px;color:#ffe2d8}footer{max-width:1220px;padding:31px 28px;margin:auto;display:flex;align-items:center;gap:28px;color:#667e87;font-size:13px}footer .brand{font-size:19px;color:var(--ink)}footer .brand-mark{width:22px;height:22px;font-size:16px;border-radius:6px}footer span:last-child{margin-left:auto}@media(max-width:780px){.nav{height:70px;padding:0 18px}.nav-links{display:none}.hero{padding:61px 25px 68px;display:block}.hero h1{letter-spacing:-3.2px}.hero-visual{height:355px;min-height:0;margin-top:50px}.work-card{width:calc(100% - 17px);top:15px}.shelf-scene{height:210px}.window{height:135px;right:24px}.sun{width:115px;height:115px}.shelf{left:23px;width:195px}.bubble-one{left:-4px}.bubble-two{right:-2px}.how,.projects,.signup{display:block;padding:73px 25px}.how h2,.projects h2{font-size:39px}.steps{margin-top:42px}.steps article{grid-template-columns:38px 1fr;gap:8px}.steps p{grid-column:2}.project-list{margin-top:37px}.signup h2{font-size:42px}.signup form{margin-top:42px}.signup form>div{display:block}.signup form .button{width:100%;justify-content:space-between;margin-top:10px}footer{padding:25px 18px;gap:13px;flex-wrap:wrap}footer span:last-child{margin-left:0;width:100%}}

/* Ergänzungen für toolmates.de */
.brand{color:inherit}
.signup .contact-box{align-self:center;display:grid;gap:12px}
.signup .contact-box .button{background:var(--ink);justify-content:space-between;width:max-content;max-width:100%}
.signup .contact-box small{display:block;color:#ffe2d8;font-size:13px;line-height:1.5}
.signup .contact-box a.mail{font-weight:800;border-bottom:2px solid #fff;padding-bottom:2px}
.legal-links{display:flex;gap:20px}
.legal-links a{color:#315263;font-weight:700}
.legal-links a:hover,.legal-links a:focus-visible{text-decoration:underline}
a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.face-frame,.face-mouth,.face-bridge,.face-zero{transition:none}}
@media(max-width:780px){.signup .contact-box{margin-top:42px}.signup .contact-box .button{width:100%}}
@media(max-width:780px){
  .hero-visual{height:auto;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
  .hero-visual .task-card{position:relative;top:auto;right:auto;order:0}
  .hero-visual .visual-tag{position:static;order:1;margin-top:34px;transform:rotate(-3deg)}
  .hero-visual .bubble-two{position:static;order:2;align-self:flex-end;transform:rotate(3deg)}
  .hero-visual .bubble-one{top:-14px}
}

/* KI-Agenten-Abschnitt: nutzt das Layout von .projects */
.sand{background:#f2d49a;color:#8a5a1c}
.agents{background:var(--cream)}
.agents .project{background:#f3efe6}
.agents-note{margin:18px 0 0;color:#587080;font-size:14px;line-height:1.5;max-width:410px}
.project .status.planned{margin-left:auto;white-space:nowrap}