body.turnkey-topic-body{--topic-ink:#071d3c;--topic-navy:#002442;--topic-blue:#087bbd;--topic-cyan:#21bde4;--topic-orange:#ff8816;--topic-paper:#f1f8fd;background:#f1f8fd;color:var(--topic-ink)}
.turnkey-topic-main{overflow:hidden;background:linear-gradient(180deg,#eef7fd 0%,#fff 42%,#eaf4fc 100%);padding:26px 0 94px}
body.turnkey-topic-body main.turnkey-topic-main{background:linear-gradient(180deg,#eef7fd 0%,#fff 42%,#eaf4fc 100%) !important}
.topic-wrap{width:min(1320px,calc(100% - 56px));margin-inline:auto}
.topic-breadcrumb{display:flex;gap:10px;align-items:center;margin:0 auto 18px;color:#59748c;font-size:13px}
.topic-breadcrumb a{color:#176798;text-decoration:none}.topic-breadcrumb a:hover{text-decoration:underline}
.topic-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);gap:clamp(28px,5vw,82px);align-items:center;min-height:520px;padding:clamp(36px,5.3vw,78px);overflow:hidden;border:1px solid rgba(32,91,137,.12);border-radius:32px;background:radial-gradient(ellipse at 78% 16%,#fff 0,#f5faff 42%,#deedf9 100%);box-shadow:0 24px 72px rgba(22,67,104,.09)}
.topic-hero:before{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(130deg,transparent 15%,rgba(121,179,220,.12) 15.2%,transparent 32%),linear-gradient(24deg,transparent 65%,rgba(147,198,231,.13) 65.2%,transparent 80%);pointer-events:none}
.topic-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 16px;color:#284b6d;font-size:12px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}
.topic-eyebrow:before{width:30px;height:3px;border-radius:9px;background:var(--topic-orange);content:""}
.topic-hero h1{max-width:760px;margin:0;color:var(--topic-ink);font-size:clamp(40px,5.25vw,72px);font-weight:800;letter-spacing:-.055em;line-height:1.01}
.topic-hero h1 em{color:var(--topic-blue);font-style:normal}
.topic-lede{max-width:700px;margin:23px 0 0;color:#294767;font-size:clamp(16px,1.35vw,20px);line-height:1.62}
.topic-collaboration{max-width:690px;margin:17px 0 0;color:#43617b;font-size:14px;line-height:1.6}
.topic-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:28px}
.topic-button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:54px;padding:0 24px;border:1px solid var(--topic-orange);border-radius:999px;background:var(--topic-orange);color:#fff;text-decoration:none;font-size:15px;font-weight:800;box-shadow:0 8px 20px rgba(233,113,13,.18);transition:transform .18s,background .18s}
.topic-button:hover{transform:translateY(-2px);background:#f07609;color:#fff}
.topic-button--outline{border-color:#7798b7;background:rgba(255,255,255,.58);color:var(--topic-ink)!important;-webkit-text-fill-color:var(--topic-ink)!important;box-shadow:none}
.topic-button--outline:hover{background:#fff;color:var(--topic-ink)!important;-webkit-text-fill-color:var(--topic-ink)!important}
.topic-visual{position:relative;min-height:330px;border-radius:24px;overflow:hidden;background:linear-gradient(145deg,#d9eafb,#f7fbff)}
.topic-visual img{display:block;width:100%;height:100%;min-height:330px;object-fit:cover}
.topic-visual--contain img{object-fit:contain;padding:22px}
.topic-image-note{position:absolute;right:14px;bottom:14px;max-width:calc(100% - 28px);padding:9px 13px;border:1px solid rgba(255,255,255,.44);border-radius:999px;background:rgba(0,37,70,.83);color:#fff;font-size:12px;font-weight:700;backdrop-filter:blur(8px)}
.topic-aside{position:relative;padding:28px;border:1px solid rgba(36,107,156,.2);border-radius:24px;background:rgba(255,255,255,.78);box-shadow:0 16px 44px rgba(25,71,109,.1)}
.topic-aside h2,.topic-section h2{margin:0;color:var(--topic-ink);font-size:clamp(26px,3vw,40px);font-weight:800;letter-spacing:-.04em;line-height:1.1}
.topic-aside p{margin:12px 0 0;color:#425f79;line-height:1.55}
.topic-number-list{display:grid;gap:0;margin:25px 0 0;padding:0;list-style:none}
.topic-number-list li{display:grid;grid-template-columns:44px 1fr;gap:12px;padding:15px 0;border-top:1px solid #d5e4f0;color:#21425e}
.topic-number-list b{color:#0a80b9;font-size:13px;letter-spacing:.08em}
.topic-number-list strong{display:block;color:#102e4b;font-size:15px}
.topic-number-list span{display:block;margin-top:4px;font-size:13px;line-height:1.4}
.topic-section{padding:clamp(48px,7vw,92px) 0 0}
.topic-section-header{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:25px}
.topic-section-header p{max-width:580px;margin:0;color:#4a6680;line-height:1.55}
.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.topic-card{min-height:188px;padding:24px;border:1px solid #d5e5f1;border-radius:22px;background:rgba(255,255,255,.88)}
.topic-card__index{display:inline-grid;width:36px;height:36px;place-items:center;border-radius:50%;background:#e8f5fc;color:#075e91;font-size:12px;font-weight:800}
.topic-card h3{margin:16px 0 8px;color:#092746;font-size:19px;line-height:1.2}
.topic-card p{margin:0;color:#4d6680;font-size:14px;line-height:1.55}
.topic-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:32px}
.topic-product{display:flex;min-height:235px;flex-direction:column;overflow:hidden;border:1px solid #d5e5f1;border-radius:20px;background:#fff;color:inherit;text-decoration:none;transition:transform .2s,box-shadow .2s}
.topic-product:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(14,54,88,.14)}
.topic-product img{width:100%;height:150px;object-fit:cover;background:#eaf4fb}
.topic-product strong{padding:15px 17px;color:#0b3153;font-size:15px}
.topic-capacities{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:32px}
.topic-capacity{display:flex;min-height:70px;align-items:center;justify-content:center;gap:15px;padding:10px 14px;border:1px solid #c4daea;border-radius:13px;background:#fff;color:#10334f!important;-webkit-text-fill-color:#10334f!important;text-align:left;text-decoration:none;box-shadow:0 2px 8px rgba(17,72,112,.025);transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}
.topic-capacity__icon{width:42px;height:32px;flex:0 0 42px;fill:none;stroke:#0a4d72;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.topic-capacity__copy{display:grid;gap:2px;line-height:1.12}
.topic-capacity__copy b{display:block;color:#0b1f3b!important;-webkit-text-fill-color:currentColor!important;font-size:18px;font-weight:750}
.topic-capacity__copy span{display:block;margin:0;color:#17314d!important;-webkit-text-fill-color:currentColor!important;font-size:14px}
.topic-capacity:is(:hover,:focus-visible){transform:translateY(-2px);border-color:#a8cbe2;background:#fafdff;color:#10334f!important;-webkit-text-fill-color:#10334f!important;box-shadow:0 7px 18px rgba(18,88,132,.1)}
.topic-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid #cbddea;border-radius:24px;background:#fff;overflow:hidden}
.topic-flow article{padding:28px 30px;border-right:1px solid #d7e5ef}.topic-flow article:last-child{border-right:0}
.topic-flow small{color:#ee7f10;font-size:12px;font-weight:900;letter-spacing:.15em}.topic-flow h3{margin:12px 0 8px;color:#0a2a49;font-size:20px}.topic-flow p{margin:0;color:#4c6880;font-size:14px;line-height:1.55}
.topic-band{margin-top:56px;padding:clamp(30px,4vw,52px);border-radius:26px;background:linear-gradient(120deg,#062944,#0c4165);color:#fff}
.topic-band h2{margin:0;color:#fff;font-size:clamp(25px,3.1vw,40px);letter-spacing:-.04em}.topic-band p{max-width:780px;margin:13px 0 0;color:#d5eaf7;line-height:1.6}
.topic-band .topic-button--outline{border-color:#62c5e8;background:transparent;color:#fff!important;-webkit-text-fill-color:#fff!important}.topic-band .topic-button--outline:hover{background:rgba(98,197,232,.14);color:#fff!important;-webkit-text-fill-color:#fff!important}
.topic-checks{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 26px;margin:22px 0 0;padding:0;list-style:none}
.topic-checks li{display:flex;gap:10px;align-items:start;color:#e8f5ff;line-height:1.5}.topic-checks li:before{width:9px;height:9px;flex:0 0 9px;margin-top:7px;border-radius:50%;background:var(--topic-orange);content:""}
.topic-aside .topic-checks li{color:#425f79}
.topic-next{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:66px;padding-top:24px;border-top:1px solid #cbddea;color:#49637a}
.topic-next a{color:#12699b;font-weight:800;text-decoration:none}.topic-next a:hover{text-decoration:underline}
.topic-hero--consultation{grid-template-columns:1fr .82fr;background:radial-gradient(ellipse at 76% 10%,#0a4d72,#042a49 48%,#021e37 100%);color:#fff}
.topic-hero--consultation h1{color:#fff}.topic-hero--consultation .topic-aside h2{color:var(--topic-ink)}.topic-hero--consultation h1 em{color:#55c9ed}.topic-hero--consultation .topic-eyebrow,.topic-hero--consultation .topic-lede,.topic-hero--consultation .topic-collaboration{color:#d4e8f5}.topic-hero--consultation .topic-aside .topic-eyebrow{color:#284b6d}.topic-hero--consultation .topic-aside{border-color:rgba(86,203,236,.36);background:rgba(255,255,255,.97)}.topic-hero--consultation .topic-button--outline{border-color:#59bfe5;background:transparent;color:#fff!important;-webkit-text-fill-color:#fff!important}.topic-hero--consultation .topic-button--outline:hover{background:rgba(89,191,229,.14);color:#fff!important;-webkit-text-fill-color:#fff!important}
.topic-hero--selection{grid-template-columns:1fr .9fr;min-height:440px;padding-bottom:46px}
.topic-hero--selection .topic-visual{box-shadow:0 18px 42px rgba(14,59,94,.17)}
.topic-hero--planning{grid-template-columns:.92fr 1.08fr;background:linear-gradient(110deg,#f8fbff,#e2f0fa)}
.topic-hero--planning .topic-visual{min-height:400px;clip-path:polygon(7% 0,100% 0,100% 100%,0 100%);border-radius:4px 24px 24px 4px}
.topic-hero--procurement{grid-template-columns:1.1fr .9fr;background:linear-gradient(120deg,#052540,#073e62 75%,#07547a);color:#fff}
.topic-hero--procurement h1,.topic-hero--procurement .topic-aside h2{color:#fff}.topic-hero--procurement h1 em{color:#00c4ef}.topic-hero--procurement .topic-eyebrow{color:#cce8f6}.topic-hero--procurement .topic-lede,.topic-hero--procurement .topic-collaboration{color:#d6e8f5}.topic-hero--procurement .topic-aside{border-color:rgba(245,172,86,.3);background:rgba(0,21,41,.48)}.topic-hero--procurement .topic-number-list li{border-color:rgba(255,255,255,.18);color:#dcebf5}.topic-hero--procurement .topic-number-list strong{color:#fff}.topic-hero--procurement .topic-number-list span{color:#c2dbea}.topic-hero--procurement .topic-aside .topic-checks li{color:#e8f5ff}
.topic-hero--installation{grid-template-columns:1.05fr .95fr;background:linear-gradient(110deg,#eef7fd 0%,#f7fbff 52%,#cfe5f5 100%)}
.topic-hero--installation .topic-visual{min-height:390px;transform:rotate(1.5deg);box-shadow:0 18px 42px rgba(9,49,81,.18)}
.topic-hero--training{grid-template-columns:.95fr 1.05fr;background:linear-gradient(125deg,#e4f2fb,#fff 52%,#d7eaf8)}
.topic-hero--training .topic-aside{border-top:5px solid var(--topic-orange);border-radius:8px 24px 24px 24px}
.topic-section--process .topic-flow{border-top:4px solid var(--topic-orange)}
.topic-section--plan .topic-grid .topic-card:nth-child(2){background:#eaf6fd}
.topic-section--supply .topic-flow{border-radius:2px 24px 24px 24px}
.topic-section--install .topic-flow{border:0;background:transparent;gap:14px}
.topic-section--install .topic-flow article{border:1px solid #d4e4ef;border-radius:20px;background:#fff}
.topic-section--handover .topic-checks{grid-template-columns:repeat(3,1fr)}
@media(max-width:900px){.topic-hero,.topic-hero--consultation,.topic-hero--selection,.topic-hero--planning,.topic-hero--procurement,.topic-hero--installation,.topic-hero--training{grid-template-columns:1fr;min-height:0}.topic-hero__content{max-width:760px}.topic-visual{max-height:430px}.topic-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-hero--planning .topic-visual{clip-path:none}.topic-hero--installation .topic-visual{transform:none}.topic-section-header{align-items:start;flex-direction:column}}
@media(max-width:620px){.turnkey-topic-main{padding-top:17px}.topic-wrap{width:calc(100% - 30px)}.topic-breadcrumb{font-size:12px}.topic-hero{gap:24px;padding:27px 22px;border-radius:22px}.topic-hero h1{font-size:clamp(36px,10vw,54px)}.topic-lede{font-size:16px}.topic-visual,.topic-visual img{min-height:250px}.topic-aside{padding:22px}.topic-grid,.topic-flow,.topic-checks,.topic-section--handover .topic-checks{grid-template-columns:1fr}.topic-flow article,.topic-flow article:last-child{border-right:0;border-bottom:1px solid #d7e5ef}.topic-flow article:last-child{border-bottom:0}.topic-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.topic-product{min-height:190px;border-radius:15px}.topic-product img{height:116px}.topic-product strong{padding:12px;font-size:13px}.topic-capacities{grid-template-columns:repeat(2,1fr);gap:9px}.topic-capacity{min-height:62px;justify-content:flex-start;gap:10px;padding:9px}.topic-capacity__icon{width:34px;height:28px;flex-basis:34px}.topic-capacity__copy b{font-size:15px}.topic-capacity__copy span{font-size:12px}.topic-band{margin-top:38px;padding:25px 21px}.topic-next{align-items:flex-start;flex-direction:column;margin-top:44px}.topic-button{min-height:50px;padding-inline:18px;font-size:14px}}