.icon{display:inline-block;width:22px;height:22px;flex:0 0 auto;vertical-align:middle;fill:none;overflow:visible}
.button>span,.login-link>span,.text-link>span,.zoom-hint>span,.faq-list summary>span{display:inline-flex;align-items:center;justify-content:center}
.button .icon{width:22px;height:22px;transition:transform .25s}.button:hover .icon{transform:translate(2px,-2px)}
.login-link .icon{width:19px;height:19px}.login-link:hover .icon{transform:translateX(2px)}
.text-link .icon,.hero-demo-link .icon{width:19px;height:19px}.zoom-hint .icon{width:18px;height:18px}
.benefits li{align-items:flex-start;gap:15px}.benefits li>.icon{width:21px;height:21px;color:var(--green);margin-top:1px}
.faq-list .icon{width:20px;height:20px}.dialog-close{display:inline-flex;align-items:center;justify-content:center}
.dialog-close .icon{width:23px;height:23px}.hero-demo-link>span{display:inline-flex}
[data-magnet]{position:relative;isolation:isolate}.magnet-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;display:block}
.practice-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:end;margin-bottom:58px}
.practice-heading h2{font-size:clamp(34px,3.8vw,54px)}.practice-heading>p{font-size:16px;line-height:1.85;color:var(--muted);max-width:440px;padding-bottom:3px}
.practice-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.practice-case{border-top:1px solid var(--line)}.practice-case:last-child{border-bottom:1px solid var(--line)}
.practice-case summary{display:grid;grid-template-columns:42px 1fr 24px;gap:19px;align-items:center;padding:24px 0;cursor:pointer;list-style:none;min-height:108px}
.practice-case summary::-webkit-details-marker{display:none}.case-icon{display:flex;align-items:center;justify-content:center;width:42px;height:46px;color:var(--green)}
.case-icon>.icon{width:29px;height:29px}.practice-case summary small{display:block;font-size:11px;letter-spacing:.06em;line-height:1.6;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.practice-case summary strong{display:block;font-size:22px;font-weight:500;line-height:1.35;letter-spacing:-.025em;text-wrap:balance}
.case-toggle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--green);transition:transform .25s}.case-toggle .icon{width:18px;height:18px}
.practice-case[open] .case-toggle{transform:rotate(45deg)}.practice-case[open] summary strong{color:var(--green)}
.case-body{padding:0 25px 30px 61px;font-size:14px;line-height:1.85;color:var(--muted)}.case-benefit{color:var(--green);margin-top:16px}
.case-body .text-link{margin-top:18px;font-size:13px;gap:18px;color:var(--green)}
.practice-visual{margin:0;position:sticky;top:115px;min-width:0;padding:23px;background:#e7ece1;border:1px solid #c9d2c2;border-radius:12px;box-shadow:0 22px 50px -42px #1f443680}
.practice-visual-label{display:flex;align-items:center;gap:10px;color:var(--green);font-size:12px;line-height:1.6;margin-bottom:22px}.practice-visual-label>.mono{font-size:11px;margin-left:auto;white-space:nowrap}
.practice-visual picture{display:flex;align-items:center;justify-content:center;aspect-ratio:1.25;background:#10231b url('assets/gitter-punkte-dunkel-4k.png') center/1440px auto;border-radius:7px;overflow:hidden}
.practice-visual img{width:100%;height:100%;max-height:420px;object-fit:contain}.practice-visual figcaption{font-size:18px;line-height:1.55;letter-spacing:-.025em;color:var(--green);margin-top:25px;max-width:390px;min-height:84px}
.practice-image-note{font-size:11px;line-height:1.6;color:#50664f;border-top:1px solid #c9d2c2;padding-top:15px;margin-top:18px}
.practice-planned{margin-top:70px;padding:34px 35px 25px;border:1px solid var(--line);border-radius:10px;background:#efeee6}
.planned-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:28px}
.planned-heading .eyebrow{margin:0}.planned-status{font-size:11px;line-height:1.5;color:#556348;border:1px solid #bac6ae;border-radius:4px;padding:6px 11px;white-space:nowrap}
.planned-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.planned-grid article+article{border-left:1px solid var(--line);padding-left:30px}
.planned-icon{display:block;margin-bottom:23px;color:var(--green)}.planned-icon .icon{width:28px;height:28px}
.planned-grid h3{font-size:20px;line-height:1.4;font-weight:500;margin-bottom:14px}.planned-grid p{font-size:13px;color:var(--muted);line-height:1.85}
.planned-footnote{margin-top:28px;color:var(--muted);font-size:11px;line-height:1.7}
.practice-end{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:38px}
.practice-end p{font-size:16px;line-height:1.7;color:var(--muted)}.practice-end strong{font-weight:500;color:var(--green)}
.workflow{border-top:1px solid var(--line)}
@media(max-width:1100px){.practice-heading{gap:40px}.practice-grid{gap:35px}.practice-case summary{grid-template-columns:32px 1fr 24px;gap:12px}.case-icon{width:32px}.case-body{padding-left:44px}.practice-visual{padding:17px}.planned-grid{gap:24px}.planned-grid article+article{padding-left:24px}.practice-case summary strong{font-size:20px}}
@media(max-width:800px){.practice-heading{grid-template-columns:1fr;gap:25px}.practice-heading>p{max-width:570px}.practice-grid{grid-template-columns:1fr}.practice-visual{position:static;max-width:580px;width:100%;margin:auto}.practice-visual picture{aspect-ratio:1.55}.practice-visual figcaption{min-height:0;max-width:none}.planned-grid{grid-template-columns:1fr;gap:25px}.planned-grid article{display:grid;grid-template-columns:34px 1fr;column-gap:18px}.planned-grid article+article{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}.planned-icon{grid-row:1/3;margin:0}.planned-grid h3{font-size:21px}.planned-grid p{font-size:14px}.practice-end{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.practice-heading{margin-bottom:34px;gap:23px}.practice-heading h2{font-size:35px;line-height:1.13}.practice-heading>p{font-size:15px;line-height:1.85}.practice-case summary{padding:22px 0;grid-template-columns:28px 1fr 18px;gap:12px;min-height:106px}.case-icon{width:28px}.case-icon>.icon{width:26px;height:26px}.practice-case summary strong{font-size:20px;line-height:1.4}.practice-case summary small{font-size:10px;margin-bottom:6px;letter-spacing:.04em}.case-body{padding:0 0 24px 40px;font-size:14px}.case-body .text-link{font-size:13px}.case-toggle{width:18px}.practice-grid{gap:30px}.practice-visual{padding:17px;border-radius:9px}.practice-visual-label{font-size:11px;gap:8px;margin-bottom:16px}.practice-visual-label>.mono{font-size:10px}.practice-visual picture{aspect-ratio:.65}.practice-visual img{max-height:none}.practice-visual figcaption{font-size:18px;margin-top:20px}.practice-image-note{font-size:11px}.practice-planned{margin-top:40px;padding:23px 20px 22px}.planned-heading{align-items:flex-start;gap:12px;margin-bottom:25px}.planned-heading .eyebrow{font-size:10px;line-height:1.8;max-width:150px}.planned-status{font-size:10px;padding:5px 8px}.planned-grid article{column-gap:12px;grid-template-columns:27px 1fr}.planned-icon .icon{width:26px;height:26px}.planned-grid h3{font-size:20px;line-height:1.4}.planned-grid p{font-size:14px}.planned-footnote{font-size:12px;line-height:1.8}.practice-end{padding-top:28px;gap:24px}.practice-end p{font-size:14px}.practice-end .button{width:100%;justify-content:space-between;font-size:13px}}
@media(prefers-reduced-motion:reduce){.magnet-canvas{display:none}.button:hover .icon,.login-link:hover .icon{transform:none}}