/* Ergänzende Gestaltung ausschließlich für die CLYDONIC-FM-Erklärseite. */
.system-page .platform-section--white .platform-eyebrow,.system-page .platform-section--soft .platform-eyebrow { color:#087d8b; }
.system-page .system-hero .platform-hero-inner { grid-template-columns:minmax(0,1.15fr) minmax(320px,.75fr); }
.system-page .system-hero h1 { max-width:890px; font-size:clamp(44px,4.3vw,62px); }
.system-page .system-hero h1 .system-nowrap { white-space:nowrap; }
.system-page .system-mobile-break { display:none; }
.system-page .system-hero .platform-lead { max-width:780px; }
.system-page .system-diagram { width:100%; padding:26px; border:1px solid rgba(144,232,229,.35); border-radius:28px; background:linear-gradient(155deg,rgba(255,255,255,.12),rgba(8,57,75,.56)); box-shadow:0 35px 75px rgba(2,18,29,.35); }
.system-page .system-diagram-label { display:block; margin-bottom:20px; color:#8ce8e9; font-size:10px; font-weight:900; letter-spacing:.17em; }
.system-page .system-diagram-track { position:relative; display:grid; grid-template-columns:38px 1fr; gap:14px; padding:13px 0; border-top:1px solid rgba(255,255,255,.13); }
.system-page .system-diagram-track>span { display:grid; place-items:center; width:34px; height:34px; border-radius:10px; background:#82e5e6; color:#073149; font-size:11px; font-weight:900; }
.system-page .system-diagram-track strong { display:block; color:#fff; font-size:18px; }
.system-page .system-diagram-track small { display:block; margin-top:2px; color:#bad4db; font-size:12px; line-height:1.45; }
.system-page .system-intro,.system-page .system-distinction { display:grid; grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr); gap:clamp(34px,6vw,100px); align-items:start; }
.system-page .system-intro .platform-heading,.system-page .system-distinction .platform-heading { margin:0; }
.system-page .system-intro-copy p,.system-page .system-distinction p { margin:0 0 19px; color:#465d6a; font-size:18px; line-height:1.7; }
.system-page .system-intro-copy p:last-child,.system-page .system-distinction p:last-child { margin-bottom:0; }
.system-page .system-intro-copy strong,.system-page .system-distinction strong { color:#0b354c; }
.system-page .system-distinction h2 { margin:0; font-size:clamp(38px,4.5vw,62px); line-height:1.08; letter-spacing:-.05em; }
.system-page .system-layers { display:grid; gap:11px; }
.system-page .system-layers article { display:grid; grid-template-columns:58px minmax(0,1fr) 190px; gap:22px; align-items:center; padding:24px 26px; border:1px solid #d7e6e8; border-radius:18px; background:#fff; box-shadow:0 12px 34px rgba(8,42,62,.035); }
.system-page .system-layer-no { display:grid; place-items:center; width:48px; height:48px; border-radius:13px; background:#e1f5f4; color:#007c89; font-size:13px; font-weight:900; }
.system-page .system-layers h3 { margin:0 0 7px; font-size:22px; line-height:1.2; }
.system-page .system-layers p { margin:0; color:#5d707b; font-size:15px; line-height:1.55; }
.system-page .system-layers a { color:#007488; font-size:13px; font-weight:850; justify-self:end; text-align:right; }
.system-page .system-layers a:hover,.system-page .system-scope-note a:hover { text-decoration:underline; text-underline-offset:4px; }
.system-page .system-two-paths { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px; }
.system-page .system-two-paths article { padding:35px; border:1px solid #2e5870; border-radius:22px; background:linear-gradient(145deg,#123851,#0b2c42); }
.system-page .system-path-tag { color:#8ce8e9; font-size:11px; font-weight:900; letter-spacing:.16em; }
.system-page .system-two-paths h3 { margin:20px 0 13px; font-size:29px; }
.system-page .system-two-paths p { margin:0; color:#bdd0d9; font-size:16px; line-height:1.65; }
.system-page .system-two-paths ul { margin:25px 0 0; padding-left:20px; color:#d5e7eb; line-height:1.75; }
.system-page .system-path-conclusion { margin:22px 0 0; padding:22px 28px; border-left:4px solid #83e8e7; border-radius:0 12px 12px 0; background:#123851; color:#bdd0d9; font-size:16px; }
.system-page .system-path-conclusion strong { color:#fff; }
.system-page .system-services { grid-template-columns:repeat(3,minmax(0,1fr)); }
.system-page .system-services .platform-card { min-height:230px; }
.system-page .system-scope-note { margin:26px 0 0; padding:22px 25px; border-radius:14px; background:#f1f6f7; color:#506774; font-size:15px; line-height:1.6; }
.system-page .system-scope-note a { color:#006f87; font-weight:850; }
.system-page .system-roles { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:13px; }
.system-page .system-roles article { padding:27px 23px; border-top:4px solid #0a9caa; border-radius:7px 7px 18px 18px; background:#fff; box-shadow:0 13px 30px rgba(8,42,62,.045); }
.system-page .system-roles span { color:#078c9b; font-size:10px; font-weight:900; letter-spacing:.14em; }
.system-page .system-roles h3 { margin:18px 0 10px; font-size:21px; }
.system-page .system-roles p { margin:0; color:#5d707b; font-size:14px; line-height:1.6; }
.system-page .system-start ol { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin:0; padding:0; list-style:none; }
.system-page .system-start li { padding:25px; border:1px solid #d7e6e8; border-radius:18px; background:#fff; }
.system-page .system-start li>span { color:#008a98; font-size:12px; font-weight:900; letter-spacing:.15em; }
.system-page .system-start h3 { margin:25px 0 9px; font-size:20px; }
.system-page .system-start li p { margin:0; color:#5d707b; font-size:14px; line-height:1.6; }
.system-page .system-related { grid-template-columns:repeat(3,minmax(0,1fr)); }
@media(max-width:1120px){.system-page .system-hero .platform-hero-inner{grid-template-columns:1fr}.system-page .system-roles,.system-page .system-start ol{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.system-page .system-intro,.system-page .system-distinction{grid-template-columns:1fr;gap:15px}.system-page .system-layers article{grid-template-columns:50px 1fr}.system-page .system-layers a{grid-column:2;justify-self:start;text-align:left}}
@media(max-width:760px){.system-page .system-hero h1{font-size:clamp(35px,10vw,54px)}.system-page .system-mobile-break{display:initial}.system-page .system-hero .platform-lead{font-size:18px}.system-page .system-diagram{padding:20px}.system-page .system-two-paths,.system-page .system-services,.system-page .system-roles,.system-page .system-start ol,.system-page .system-related{grid-template-columns:1fr}.system-page .system-layers article{padding:22px 19px;gap:12px}.system-page .system-layers h3{font-size:20px}.system-page .system-two-paths article{padding:27px}.system-page .system-intro-copy p,.system-page .system-distinction p{font-size:16px}.system-page .system-scope-note{padding:20px}}