/* Neue Facheinzelseiten – eigenständiges Layout, bestehendes Site-CSS unverändert. */
.detail-page{background:#06111b;color:#f1f7fc}.detail-page h1,.detail-page h2,.detail-page h3{line-height:1.12}.detail-page .container{max-width:1280px}
.detail-page .sub-hero{position:relative;overflow:hidden;min-height:410px;border-bottom:1px solid #274155;background:radial-gradient(ellipse at 76% 30%,rgba(21,88,127,.22),transparent 51%),#071522}
.detail-page .sub-hero-grid{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:38px;padding:64px 0 70px}
.detail-page .sub-hero h1{font-size:clamp(42px,4.2vw,68px);font-weight:600;letter-spacing:-.045em;max-width:850px}.detail-page .sub-hero .lead{font-size:19px;line-height:1.6;max-width:730px;margin:22px 0 0}.detail-page .topic-visual{min-height:285px;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 50% 50%,rgba(26,105,165,.24),transparent 62%)}
.detail-page .topic-svg{width:min(100%,350px);height:auto;color:#59bbff;filter:drop-shadow(0 0 20px rgba(38,164,230,.23))}.detail-page .topic-visual:before{content:"";position:absolute;inset:11%;border:1px solid rgba(81,171,216,.12);border-radius:50%;box-shadow:0 0 0 35px rgba(38,112,161,.025),0 0 0 70px rgba(38,112,161,.025)}
.detail-page .topic-visual .topic-svg{position:relative;z-index:1}.detail-page .tiny-kicker{font-size:11px;letter-spacing:.23em;color:#98b5c9;font-weight:700;margin:0 0 18px}.detail-page .sub-intro{padding:78px 0;display:grid;grid-template-columns: .77fr 1.23fr;gap:60px;border-bottom:1px solid #233b4b}.detail-page .sub-intro h2{font-size:clamp(30px,3.2vw,49px);letter-spacing:-.04em}.detail-page .sub-intro p{font-size:19px;color:#c9d9e7;line-height:1.75}
.detail-page .detail-band{padding:82px 0}.detail-page .detail-band h2{font-size:clamp(32px,3.3vw,51px);margin-bottom:38px}.detail-page .panel-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.detail-page .detail-panel{padding:36px;border:1px solid #244052;border-radius:13px;background:linear-gradient(140deg,#0c2131,#091522)}.detail-page .detail-number{font-weight:700;font-size:12px;letter-spacing:.18em;color:#f4a765;margin-bottom:20px}.detail-page .detail-panel h3{font-size:27px;margin-bottom:14px}.detail-page .detail-panel p{color:#bcd0df;font-size:16px;margin-bottom:20px}.detail-page .detail-panel ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.detail-page .detail-panel li{padding-left:17px;position:relative;color:#dce7ef;font-size:15px}.detail-page .detail-panel li:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background:#5bbdff}
.detail-page .architecture-section{padding:82px 0;background:#091c2a;border-block:1px solid #284458}.detail-page .architecture-grid{display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:65px}.detail-page .architecture-copy h2{font-size:clamp(31px,3.3vw,50px);margin-bottom:22px}.detail-page .architecture-copy p{font-size:17px;color:#c1d5e2;line-height:1.7}.detail-page .diagram-box{min-height:340px;border-radius:14px;border:1px solid #315168;background:radial-gradient(circle at 50% 40%,rgba(39,124,183,.20),transparent 74%),#081521;display:flex;align-items:center;justify-content:center;padding:28px}
.detail-page .system-diagram{width:100%;color:#e9f6ff}.detail-page .ai-diagram{display:flex;align-items:center;gap:9px}.detail-page .diagram-node{flex:1;text-align:center;background:#0e2d40;border:1px solid #4a8db3;padding:20px 8px;border-radius:8px;font-size:15px;font-weight:650}.detail-page .diagram-node small{display:block;font-size:11px;color:#93bcd1;font-weight:400;margin-top:7px}.detail-page .diagram-node.core{border-color:#f1a56a;box-shadow:0 0 22px #ed996222}.detail-page .diagram-line{height:1px;width:22px;background:#f1a56a;flex-shrink:0}.detail-page .code-window{width:100%;border:1px solid #3b6c88;border-radius:13px;overflow:hidden;background:#071322}.detail-page .code-title{height:42px;background:#102638;display:flex;align-items:center;gap:6px;padding:0 17px}.detail-page .code-title i{width:8px;height:8px;border-radius:50%;background:#f6a66a}.detail-page .code-title i:nth-child(2){background:#5abdf9}.detail-page .code-title i:nth-child(3){background:#6ee1d0}.detail-page .code-title span{margin-left:auto;color:#9fb8c9;font-size:11px}.detail-page .code-lines{padding:24px;font-family:ui-monospace,monospace;font-size:14px;line-height:2.2;color:#c7d9ea}.detail-page .code-lines em{font-style:normal;margin-right:25px;color:#5c7d91}.detail-page .c-accent{color:#6abfff}.detail-page .c-orange{color:#f9aa70}
.detail-page .integration-row,.detail-page .infra-row{display:flex;gap:10px;justify-content:center}.detail-page .integration-row span,.detail-page .infra-unit{border:1px solid #3b7396;border-radius:8px;padding:14px 8px;background:#0c293a;text-align:center;flex:1;font-size:13px}.detail-page .integration-branches{text-align:center;color:#f1a86e;font-size:28px;letter-spacing:30px;padding:7px 0}.detail-page .integration-hub{max-width:75%;margin:auto;border:1px solid #f2aa69;background:#173042;padding:17px;text-align:center;border-radius:8px;font-weight:700}.detail-page .integration-hub small,.detail-page .infra-unit small{display:block;color:#a7bece;font-size:11px;font-weight:400;margin-top:5px}.detail-page .infra-visual{width:100%}.detail-page .infra-bus{height:45px;border-left:1px solid #62bfff;border-right:1px solid #62bfff;border-bottom:1px solid #62bfff;max-width:75%;margin:0 auto 15px}.detail-page .infra-row+.infra-bus{margin-top:16px}
.detail-page .usecases{padding:85px 0;border-bottom:1px solid #273e51}.detail-page .usecases h2{font-size:clamp(32px,3.3vw,50px);margin-bottom:35px}.detail-page .usecase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.detail-page .usecase{padding:28px 24px;border-top:2px solid #56b9f4;background:linear-gradient(180deg,#102438,#071522)}.detail-page .usecase-number{font-size:12px;color:#f1a569;letter-spacing:.15em}.detail-page .usecase h3{font-size:23px;margin:18px 0 12px}.detail-page .usecase p{color:#c2d5e4;font-size:15px}.detail-page .reality-note{margin-top:28px;color:#adc3d2;font-size:14px;max-width:850px}.detail-page .sub-contact{padding:90px 0 95px;background:radial-gradient(ellipse at 75% 40%,rgba(237,151,78,.09),transparent 46%)}.detail-page .sub-contact h2{font-size:clamp(34px,4vw,58px);max-width:840px;margin-bottom:19px}.detail-page .sub-contact p{font-size:18px;color:#c5d7e3;max-width:750px}.detail-page .sub-contact .btn{margin-top:26px}
@media(max-width:1000px){.detail-page .sub-hero-grid,.detail-page .sub-intro,.detail-page .architecture-grid{grid-template-columns:1fr}.detail-page .topic-visual{min-height:190px}.detail-page .topic-svg{max-height:195px}.detail-page .sub-hero-grid{padding:45px 0}.detail-page .usecase-grid{grid-template-columns:1fr}.detail-page .architecture-grid{gap:28px}}
@media(max-width:650px){.detail-page .panel-grid{grid-template-columns:1fr}.detail-page .detail-band,.detail-page .architecture-section,.detail-page .usecases,.detail-page .sub-intro,.detail-page .sub-contact{padding:55px 0}.detail-page .detail-panel{padding:24px}.detail-page .ai-diagram{flex-direction:column}.detail-page .diagram-line{width:1px;height:22px}.detail-page .diagram-box{padding:15px}.detail-page .sub-hero h1{font-size:36px}.detail-page .sub-hero .lead{font-size:17px}.detail-page .integration-row span,.detail-page .infra-unit{font-size:11px;padding:9px 4px}}