/* TI-M Fachdienst Pro · P16 · isolated to .fdpro-page (no P15 layout changes). */
.fdpro-page {
  --fdpro-navy:#071e33;--fdpro-mid:#0e314d;--fdpro-deep:#06192a;
  --fdpro-teal:#71e3d8;--fdpro-muted:#acc6d3;--fdpro-white:#f4fbff;
  --fdpro-stroke:rgba(128,214,227,.22);
  position:relative;isolation:isolate;overflow:clip;background:var(--fdpro-navy);color:var(--fdpro-white);
  font-family:inherit;line-height:1.58;
}
.fdpro-page,.fdpro-page *{box-sizing:border-box}
.fdpro-page .wrap{width:min(100% - 48px,1240px);max-width:1240px;margin-inline:auto;position:relative}
.fdpro-page a{color:inherit;text-decoration:none}
.fdpro-page a:focus-visible,.fdpro-page summary:focus-visible{outline:3px solid #86f6e9;outline-offset:5px;border-radius:8px}
.fdpro-page h1,.fdpro-page h2,.fdpro-page h3{color:var(--fdpro-white);font-family:inherit;letter-spacing:-.046em;margin:0;line-height:1.13}
.fdpro-page h1{font-size:clamp(2.5rem,4.35vw,4.85rem);font-weight:850;max-width:15ch;overflow-wrap:anywhere}
.fdpro-page h2{font-size:clamp(2rem,3.05vw,3.3rem);font-weight:820;max-width:22ch}
.fdpro-page p{margin:0 0 1rem;line-height:1.68}
.fdpro-page .fdpro-radial{position:absolute;inset:0 0 auto;z-index:-1;height:1050px;background:radial-gradient(ellipse at 89% 23%,rgba(35,156,162,.24) 0%,transparent 47%),linear-gradient(125deg,#071c30 8%,#0b2a43 61%,#103c50 100%);pointer-events:none}
.fdpro-hero{position:relative;padding:29px 0 66px}
.fdpro-crumb{display:flex;align-items:center;gap:13px;color:#86deda;font-size:.78rem;font-weight:750;margin:0 0 42px}
.fdpro-crumb span{color:#aac6d1}
.fdpro-crumb a:hover{text-decoration:underline}
.fdpro-preview-note{display:inline-flex;gap:12px;align-items:center;border:1px solid #eece98;background:rgba(224,167,78,.11);border-radius:12px;color:#ffe2af;padding:10px 15px;font-size:.84rem;margin:0 0 25px!important}
.fdpro-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(25px,4.25vw,70px);align-items:center}
.fdpro-hero-copy{padding:15px 0 25px;min-width:0}
.fdpro-eyebrow,.fdpro-kicker{font-size:.73rem;color:#8cf6e8;letter-spacing:.16em;text-transform:uppercase;font-weight:850}
.fdpro-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:25px!important}
.fdpro-pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:#68e8d9;box-shadow:0 0 0 5px rgba(81,219,204,.14)}
.fdpro-lead{font-size:clamp(1.03rem,1.18vw,1.21rem);color:#c4dce7;max-width:58ch;margin:26px 0 20px!important;line-height:1.67}
.fdpro-status{display:inline-flex;align-items:flex-start;gap:8px;color:#97f1e5;background:rgba(90,210,203,.095);border:1px solid rgba(85,218,203,.25);border-radius:999px;padding:10px 16px;margin:2px 0 15px!important;font-size:.84rem;line-height:1.38!important}
.fdpro-status strong{color:inherit;font-weight:700}
.fdpro-caveat{max-width:64ch;color:#abc8d6;font-size:.86rem;margin:0 0 25px!important}
.fdpro-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.fdpro-btn{display:inline-flex;justify-content:center;align-items:center;gap:12px;border:1px solid transparent;border-radius:13px;padding:13px 20px;min-height:51px;font-size:.9rem;font-weight:760;line-height:1.35;transition:background .15s,border-color .15s,transform .15s;white-space:normal}
.fdpro-btn--primary{background:#6bdfd1;border-color:#6bdfd1;color:#062c3c!important}
.fdpro-btn--outline{border-color:rgba(195,236,243,.37);background:rgba(6,21,37,.22);color:#e9f9fc!important}
.fdpro-btn:hover{transform:translateY(-1px)}
.fdpro-btn--primary:hover{background:#a0f5e9;border-color:#a0f5e9}
.fdpro-btn--outline:hover{background:rgba(177,231,237,.12);border-color:#8ee9df}
.fdpro-pills{display:flex;flex-wrap:wrap;gap:9px;list-style:none;padding:0;margin:27px 0 0}
.fdpro-pills li{font-size:.75rem;font-weight:650;color:#bde0e8;border:1px solid rgba(138,206,220,.2);border-radius:999px;padding:7px 12px;background:rgba(132,198,214,.06)}
.fdpro-hero-architecture{min-width:0;border:1px solid rgba(96,198,216,.34);border-radius:29px;background:linear-gradient(155deg,rgba(8,37,59,.91),rgba(5,27,46,.97));box-shadow:0 35px 75px rgba(0,9,22,.24),inset 0 1px 0 rgba(233,252,255,.05);overflow:hidden}
.fdpro-window-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 21px;border-bottom:1px solid rgba(139,221,226,.13);color:#9bb9c8;font-size:.64rem;font-weight:800;letter-spacing:.12em}
.fdpro-window-dots{letter-spacing:.25em;color:#4592a1}
.fdpro-map-label{text-align:center;color:#ddf7ff;font-weight:800;font-size:clamp(1.02rem,1.25vw,1.25rem);margin:21px 10px 17px!important}
.fdpro-map{padding:0 clamp(17px,2vw,29px);display:flex;flex-direction:column;align-items:stretch}
.fdpro-node{border:1px solid rgba(119,207,224,.25);border-radius:16px;background:rgba(34,84,109,.28);overflow:clip;color:#ecfbff}
.fdpro-node--3{border-color:rgba(88,222,204,.72);background:linear-gradient(100deg,rgba(9,128,129,.27),rgba(20,80,104,.18))}
.fdpro-node--4{border-style:dashed;border-color:rgba(185,202,230,.4);background:rgba(58,69,111,.22)}
.fdpro-node summary{display:flex;align-items:center;gap:12px;padding:14px 15px;list-style:none;cursor:pointer}
.fdpro-node summary::-webkit-details-marker{display:none}
.fdpro-node summary:hover{background:rgba(122,226,224,.08)}
.fdpro-node-no{display:grid;place-items:center;flex:0 0 37px;width:37px;height:37px;border-radius:11px;background:rgba(76,216,211,.14);color:#87f5e5;font-weight:820;font-size:.8rem}
.fdpro-node-label{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}
.fdpro-node-label small{font-size:.59rem;letter-spacing:.115em;color:#8acbd6;font-weight:800;font-style:normal}
.fdpro-node-label strong{font-size:clamp(.86rem,1.02vw,1.02rem);font-weight:800;line-height:1.24}
.fdpro-node-label em{font-style:normal;font-size:.72rem;color:#b6ccd6;line-height:1.37}
.fdpro-node-plus{font-size:1.25rem;color:#9ceade}
.fdpro-node[open] .fdpro-node-plus{transform:rotate(45deg)}
.fdpro-node>p{color:#cee1e9;font-size:.79rem;line-height:1.52;margin:0!important;padding:0 16px 15px 64px}
.fdpro-flow-arrow{display:block;text-align:center;color:#70e9dc;font-size:1.25rem;line-height:1.2;padding:5px}
.fdpro-arch-bottom{display:flex;justify-content:space-between;gap:10px;color:#8dacbd;font-size:.67rem;letter-spacing:.045em;margin:21px 20px 18px;padding-top:15px;border-top:1px solid rgba(133,219,224,.17)}
.fdpro-hero-footnote{max-width:75ch;color:#91b6c5;font-size:.75rem;line-height:1.5;margin-top:17px;margin-left:auto;width:47%}
.fdpro-section-nav{border-block:1px solid rgba(128,214,227,.12);background:#09253d}
.fdpro-section-links{display:flex;flex-wrap:wrap;gap:5px 18px;padding-block:13px}
.fdpro-section-links a{font-size:.73rem;color:#a2c6d2;font-weight:720;padding:5px 2px}
.fdpro-section-links a:hover{color:#96f1e8}
.fdpro-section{padding:clamp(60px,8vw,106px) 0;border-bottom:1px solid rgba(129,209,222,.10);scroll-margin-top:85px}
.fdpro-split{display:grid;grid-template-columns:minmax(0, .95fr) minmax(0,1.05fr);gap:clamp(26px,6vw,105px);align-items:start}
.fdpro-section h2{margin:14px 0 25px}
.fdpro-section p{color:#b9d1dd;font-size:clamp(.93rem,1vw,1.06rem)}
.fdpro-prose p{max-width:65ch}
.fdpro-benefits{background:linear-gradient(135deg,rgba(18,61,84,.39),rgba(6,28,48,.5))}
.fdpro-section-head{max-width:850px;margin:0 0 32px}
.fdpro-section-head p{max-width:73ch}
.fdpro-benefit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.fdpro-benefit,.fdpro-use-card{min-width:0;padding:25px 21px;border:1px solid var(--fdpro-stroke);background:rgba(8,40,62,.60);border-radius:18px}
.fdpro-index{display:block;color:#88e6dc;font-size:.75rem;font-weight:800;letter-spacing:.11em;margin-bottom:22px}
.fdpro-benefit strong,.fdpro-use-card strong{display:block;color:#effcff;font-weight:810;letter-spacing:-.02em;line-height:1.23;font-size:1.13rem;margin-bottom:14px}
.fdpro-benefit p,.fdpro-use-card p{font-size:.85rem;margin:0;color:#b0cbd7}
.fdpro-boundaries{border:1px solid rgba(132,209,218,.22);border-radius:23px;padding:25px;background:rgba(5,26,45,.72)}
.fdpro-boundary{padding:21px;border-radius:15px;border:1px solid rgba(139,183,230,.32);display:flex;flex-direction:column;gap:8px;background:rgba(59,86,122,.12)}
.fdpro-boundary--core{border-color:rgba(96,224,210,.5);background:rgba(35,156,152,.14)}
.fdpro-boundary span{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:#91c4d2;font-weight:800}
.fdpro-boundary strong{color:#f0fbfe;font-size:1.19rem;line-height:1.23}
.fdpro-boundary small{font-size:.79rem;color:#b8cfda;line-height:1.45}
.fdpro-boundary-separator{display:flex;gap:13px;align-items:center;color:#a4b9cb;font-size:.68rem;letter-spacing:.11em;font-weight:800;padding:17px 8px}
.fdpro-boundary-separator span{font-size:1.3rem;font-weight:800;color:#89f5e8}
.fdpro-boundary-hint{margin:17px 0 0!important;font-size:.78rem!important;color:#9fc7d5!important}
.fdpro-arch-caption{font-size:.78rem;color:#9ebbc9;margin-top:24px!important}
.fdpro-status-section{background:#071f36}
.fdpro-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin:0 0 24px}
.fdpro-status-cell{border:1px solid rgba(143,195,216,.21);border-radius:16px;padding:21px;background:rgba(11,51,77,.43)}
.fdpro-status-cell strong{display:block;font-size:.97rem;color:#fff;line-height:1.25;margin-bottom:12px}
.fdpro-status-cell span:last-child{font-size:.79rem;color:#b6cdd8}
.fdpro-status-notice{display:grid;grid-template-columns:minmax(210px,.36fr) minmax(0,1fr);gap:23px;border:1px solid rgba(117,222,217,.30);border-radius:18px;padding:26px;background:rgba(21,72,90,.30)}
.fdpro-status-tag{color:#82eee1;font-size:.77rem;font-weight:820;line-height:1.5}
.fdpro-status-notice p{font-size:.87rem;max-width:80ch;margin-bottom:11px}
.fdpro-status-notice a,.fdpro-sources a{color:#90f4e7;font-size:.88rem;font-weight:760}
.fdpro-use-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.fdpro-use-note{margin-top:24px!important;font-size:.89rem!important;color:#b7ceda}
.fdpro-security{background:linear-gradient(110deg,rgba(17,57,83,.64),rgba(6,30,52,.9))}
.fdpro-sources{display:flex;flex-direction:column;gap:10px;border:1px solid var(--fdpro-stroke);border-radius:15px;padding:23px;margin-top:23px;font-size:.79rem;color:#b1cbd8}
.fdpro-sources strong{font-size:.9rem;color:#efffff}
.fdpro-faq-list{display:flex;flex-direction:column;gap:9px}
.fdpro-faq-item{border:1px solid var(--fdpro-stroke);border-radius:13px;background:rgba(11,48,70,.54);overflow:clip}
.fdpro-faq-item summary{display:flex;justify-content:space-between;align-items:start;gap:16px;list-style:none;cursor:pointer;color:#f3ffff;font-size:.95rem;font-weight:740;line-height:1.5;padding:17px 19px}
.fdpro-faq-item summary::-webkit-details-marker{display:none}
.fdpro-faq-item summary:hover{background:rgba(104,221,217,.09)}
.fdpro-faq-item[open] summary span:last-child{transform:rotate(45deg)}
.fdpro-faq-item summary span:last-child{font-size:1.3rem;line-height:1;color:#75eadc}
.fdpro-faq-item p{padding:0 19px 18px;margin:0!important;font-size:.86rem}
.fdpro-contact{background:radial-gradient(ellipse at 25% 50%,rgba(21,151,149,.26),transparent 65%),#0a2942;padding-block:clamp(69px,8vw,110px)}
.fdpro-contact-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:6vw;align-items:center}
.fdpro-contact-grid h2{max-width:18ch}
.fdpro-contact-grid p{max-width:58ch}
.fdpro-privacy-notice{font-size:.79rem!important;color:#b4d2db!important;border-left:2px solid #6adace;padding-left:14px;margin-top:23px!important}
.fdpro-contact-actions{display:flex;flex-direction:column;align-items:stretch;gap:13px;max-width:410px}
.fdpro-contact-actions p{margin-top:12px;font-size:.77rem;color:#9bb9c7}
@media (max-width:1100px){
 .fdpro-page h1{font-size:clamp(2.5rem,4.3vw,4.1rem)}
 .fdpro-benefit-grid,.fdpro-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .fdpro-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px}
 .fdpro-section{padding-block:70px}
}
@media (max-width:780px){
 .fdpro-page .wrap{width:min(100% - 36px,640px)}
 .fdpro-hero{padding-top:23px;padding-bottom:46px}
 .fdpro-crumb{margin-bottom:30px}
 .fdpro-hero-grid,.fdpro-split,.fdpro-contact-grid{grid-template-columns:minmax(0,1fr);gap:30px}
 .fdpro-hero-copy{padding:0}
 .fdpro-page h1{font-size:clamp(2.25rem,7vw,3.65rem)}
 .fdpro-hero-footnote{width:auto;margin-top:16px}
 .fdpro-hero-architecture{max-width:600px}
 .fdpro-status-notice{grid-template-columns:minmax(0,1fr)}
 .fdpro-use-grid{grid-template-columns:minmax(0,1fr)}
 .fdpro-section-links{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}
 .fdpro-section-links a{white-space:nowrap}
 .fdpro-section{padding-block:56px}
 .fdpro-split{gap:15px}
}
@media (max-width:440px){
 .fdpro-page .wrap{width:calc(100% - 28px)}
 .fdpro-page h1{font-size:clamp(2.12rem,9vw,2.8rem)}
 .fdpro-page h2{font-size:clamp(1.8rem,7.6vw,2.2rem)}
 .fdpro-hero-architecture{border-radius:20px}
 .fdpro-window-head{font-size:.54rem;padding-inline:15px}
 .fdpro-map{padding-inline:13px}
 .fdpro-node summary{padding:12px 10px;gap:9px}
 .fdpro-node-no{width:32px;height:32px;flex-basis:32px}
 .fdpro-node>p{padding-left:52px}
 .fdpro-benefit-grid,.fdpro-status-grid{grid-template-columns:minmax(0,1fr)}
 .fdpro-actions .fdpro-btn,.fdpro-contact-actions .fdpro-btn{width:100%}
 .fdpro-status{border-radius:14px}
 .fdpro-arch-bottom{flex-wrap:wrap}
}
@media (prefers-reduced-motion:reduce){.fdpro-page *, .fdpro-page *::before,.fdpro-page *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}