/* One material family, three native controls; no cropping or painted labels. */
#complior-foundation .cf-hero{grid-template-columns:.9fr 1.1fr;gap:clamp(28px,3vw,58px);padding-top:64px;padding-bottom:58px}
#complior-foundation h1.cf-chain-title{font-size:clamp(44px,3.9vw,76px);line-height:1.13;letter-spacing:-.03em;max-width:none;margin:20px 0 28px}
#complior-foundation .cf-chain-title>span,#complior-foundation .cf-chain-title>em{display:block;white-space:nowrap}
#complior-foundation .cf-lead{max-width:42ch;line-height:1.65;color:#e1eee7}
#complior-foundation .cf-sublead{max-width:42ch}
#complior-foundation .cf-map-heading{display:block;padding:0;margin-bottom:24px}
#complior-foundation .cf-map-heading h2{font-size:clamp(24px,1.85vw,32px);line-height:1.24;letter-spacing:-.025em;color:#f5faf9;font-weight:600;margin:0;scroll-margin-top:32px}
#complior-foundation #cf-map-title span{font:inherit;letter-spacing:inherit;color:var(--cf-mint);white-space:normal;display:inline;max-width:none;padding:0;text-align:left}
#complior-foundation .cf-map-heading .cf-map-hint{font-size:14px;line-height:1.5;color:#bed3c7;margin:10px 0 0;max-width:none}
#complior-foundation .cf-map-heading p.cf-map-hint span{font:inherit;display:inline;letter-spacing:0;color:inherit;padding:0;margin-left:5px;white-space:normal;max-width:none}
#complior-foundation .cf-detail-panel{scroll-margin-top:32px}
#complior-foundation .cf-detail-panel h2:focus-visible,#complior-foundation #cf-map-title:focus-visible{outline:2px solid #33765c;outline-offset:7px;border-radius:2px}
#complior-foundation #cf-map-title:focus-visible{outline-color:#b3dfc8}
#complior-foundation .cf-detail-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:28px}
#complior-foundation .cf-detail .cf-detail-link{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:52px;max-width:100%;padding:13px 24px;margin:0;border:1px solid #33765c;border-radius:999px;background:#33765c;color:#fff;font-size:17px;line-height:1.45;font-weight:600;text-decoration:none;transition:background 160ms}
#complior-foundation .cf-detail .cf-detail-link>span{font-size:21px;line-height:1;flex-shrink:0}
#complior-foundation .cf-detail .cf-detail-link:hover{background:#245840;border-color:#245840}
#complior-foundation .cf-detail .cf-detail-link:focus-visible,#complior-foundation .cf-back-to-map:focus-visible{outline:3px solid #33765c;outline-offset:5px}
#complior-foundation .cf-back-to-map{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:#245e47;font-size:14px;text-underline-offset:4px;text-decoration:underline}
.no-js #complior-foundation .cf-map-hint{display:none}
#complior-foundation .cf-chain-scene{position:relative;width:calc(100% + 8%);margin:0 -4% 18px;aspect-ratio:1942/809;isolation:isolate}
#complior-foundation .cf-chain-image{display:block;width:100%;height:auto;max-width:none;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 14%,#000 87%,transparent);mask-composite:intersect;transform-origin:50% 80%}
#complior-foundation .cf-chain-hit{position:absolute;top:27%;height:51%;width:27%;min-height:44px;min-width:44px;padding:0;border:0;border-radius:8px;background:transparent;cursor:pointer;appearance:none;display:flex;align-items:center;justify-content:center}
#complior-foundation .cf-chain-hit-01{left:17%;top:23%}
#complior-foundation .cf-chain-hit-02{left:44%;top:29%;width:21%}
#complior-foundation .cf-chain-hit-03{left:65%;top:37%;width:21%}
#complior-foundation .cf-chain-number{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid #dceee5;background:#112e2b;color:#f5faf9;border-radius:50%;font-size:13px;line-height:1;transition:background 180ms,color 180ms;box-shadow:0 2px 9px #081d1840}
#complior-foundation .cf-chain-hit[aria-pressed=true] .cf-chain-number{background:#b3dfc8;border-color:#b3dfc8;color:#112e2b}
#complior-foundation .cf-chain-hit:hover .cf-chain-number{border-width:2px}
#complior-foundation .cf-chain-hit:focus-visible{outline:0}
#complior-foundation .cf-chain-hit:focus-visible .cf-chain-number{outline:3px solid #fff;outline-offset:5px}
#complior-foundation .cf-capabilities{margin:0;gap:16px}
#complior-foundation .cf-capability{min-height:100px;cursor:pointer}
#complior-foundation .cf-capability strong{font-size:16px}
#complior-foundation .cf-capability small{font-size:13px;margin-left:23px}
#complior-foundation .cf-map-note{margin-left:0;margin-right:0}
@media(max-width:1100px) and (min-width:901px){#complior-foundation .cf-hero{grid-template-columns:.95fr 1.05fr;gap:25px}#complior-foundation h1.cf-chain-title{font-size:3.95vw}#complior-foundation .cf-capability strong{font-size:14px}#complior-foundation .cf-capability small{font-size:12px}#complior-foundation .cf-map-heading{flex-wrap:wrap;gap:6px}}
@media(max-width:900px){#complior-foundation .cf-hero{grid-template-columns:1fr;gap:32px;padding:44px 6% 36px}#complior-foundation h1.cf-chain-title{font-size:clamp(38px,7vw,60px)}#complior-foundation .cf-map{max-width:720px;margin:8px auto 0}#complior-foundation .cf-chain-scene{margin-bottom:18px}#complior-foundation .cf-lead{max-width:46ch}#complior-foundation .cf-sublead{max-width:52ch}}
@media(max-width:600px){#complior-foundation .cf-hero{padding-top:32px;gap:28px}#complior-foundation h1.cf-chain-title{font-size:clamp(31px,10.15vw,52px);margin:16px 0 24px}#complior-foundation .cf-kicker{font-size:11px}#complior-foundation .cf-lead{font-size:18px;line-height:1.55}#complior-foundation .cf-sublead{font-size:15px;line-height:1.6}#complior-foundation .cf-map-heading{gap:8px;margin-bottom:12px;align-items:center}#complior-foundation .cf-map-heading span:first-child{font-size:13px;max-width:23ch}#complior-foundation .cf-map-heading span:last-child{font-size:11px;white-space:nowrap;max-width:none;line-height:1.5}#complior-foundation .cf-chain-scene{width:calc(100% + 12%);margin:0 -6% 22px}#complior-foundation .cf-chain-number{width:32px;height:32px;font-size:12px}#complior-foundation .cf-capabilities{grid-template-columns:1fr;gap:0;margin:0}#complior-foundation .cf-capability{min-height:76px;display:grid;grid-template-columns:1fr auto;gap:0 12px;padding:13px 0;align-items:center}#complior-foundation .cf-capability strong{font-size:17px}#complior-foundation .cf-capability small{grid-column:1;margin:5px 0 0 23px;font-size:13px}#complior-foundation .cf-capability::after{content:'↓';grid-column:2;grid-row:1/3;color:#b3dfc8;font-size:18px}#complior-foundation .cf-map-note{margin-top:12px;gap:14px}#complior-foundation .cf-map-note>span{font-size:12px}}
@media(prefers-reduced-motion:reduce){#complior-foundation .cf-chain-image{transform:none!important}#complior-foundation .cf-chain-number{transition:none}}
@media(max-width:600px){#complior-foundation .cf-map-heading{margin-bottom:24px}#complior-foundation .cf-map-heading h2{font-size:24px;line-height:1.3;max-width:none}#complior-foundation #cf-map-title span{display:block}#complior-foundation .cf-map-heading .cf-map-hint{font-size:14px;margin-top:10px}#complior-foundation .cf-detail .cf-detail-link{width:100%;font-size:16px;padding:13px 20px}#complior-foundation .cf-detail-actions{margin-top:24px;gap:8px}}
@media(prefers-reduced-motion:reduce){#complior-foundation .cf-detail .cf-detail-link{transition:none}}

/* Bounded first-screen trial: retain the weight, reduce competing text levels. */
#complior-foundation .cf-hero>div>.cf-kicker{letter-spacing:.1em;font-weight:500}
#complior-foundation #cf-panel-infrastruktur{column-gap:clamp(36px,5vw,88px)}
#complior-foundation #cf-panel-infrastruktur h2{letter-spacing:-.025em;line-height:1.2}
#complior-foundation #cf-panel-infrastruktur>.cf-proof-list{border-top:0}
#complior-foundation #cf-panel-infrastruktur .cf-proof-list>div{padding:18px 0;gap:16px}
#complior-foundation #cf-panel-infrastruktur .cf-proof-list>div:first-child{padding-top:0}
#complior-foundation #cf-panel-infrastruktur .cf-proof-list h3{font-weight:500;font-size:19px;line-height:1.4}
#complior-foundation #cf-panel-infrastruktur .cf-proof-list p{max-width:53ch;font-size:16px;line-height:1.65;margin-top:7px}
@media(max-width:600px){
 #complior-foundation .cf-hero .cf-lead{font-size:18px;line-height:1.6;max-width:40ch}
 #complior-foundation #cf-panel-infrastruktur{row-gap:26px}
 #complior-foundation #cf-panel-infrastruktur .cf-proof-list>div{padding:15px 0;gap:12px}
 #complior-foundation #cf-panel-infrastruktur .cf-proof-list h3{font-size:18px}
}

/* Extend the approved reading rhythm only to the KMS/HSM and IAM explanations. */
#complior-foundation :is(#cf-panel-dataskydd,#cf-panel-identitet){column-gap:clamp(36px,5vw,88px)}
#complior-foundation :is(#cf-panel-dataskydd,#cf-panel-identitet) h2{letter-spacing:-.025em;line-height:1.2}
#complior-foundation :is(#cf-panel-dataskydd,#cf-panel-identitet)>.cf-proof-list{border-top:0}
#complior-foundation :is(#cf-panel-dataskydd,#cf-panel-identitet) .cf-proof-list>div{padding:18px 0;gap:16px}
#complior-foundation :is(#cf-panel-dataskydd,#cf-panel-identitet) .cf-proof-list>div:first-child{padding-top:0}
#complior-foundation :is(#cf-panel-dataskydd,#cf-panel-identitet) .cf-proof-list h3{font-weight:500;font-size:19px;line-height:1.4}
#complior-foundation :is(#cf-panel-dataskydd,#cf-panel-identitet) .cf-proof-list p{max-width:53ch;line-height:1.65;margin-top:7px}
@media(max-width:600px){
 #complior-foundation :is(#cf-panel-dataskydd,#cf-panel-identitet){row-gap:26px}
 #complior-foundation :is(#cf-panel-dataskydd,#cf-panel-identitet) .cf-proof-list>div{padding:15px 0;gap:12px}
 #complior-foundation :is(#cf-panel-dataskydd,#cf-panel-identitet) .cf-proof-list h3{font-size:18px}
}