/* ComputeOps platform landing */
.platform-hero{background:#e9eff2;border-bottom:1px solid var(--line);position:relative;overflow:hidden}
.platform-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(20,75,156,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(20,75,156,.055) 1px,transparent 1px);background-size:64px 64px;pointer-events:none}
.platform-hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;padding:46px 0 50px}
.platform-hero h1{font-size:clamp(44px,5vw,64px);line-height:1;letter-spacing:-.055em;margin:0 0 12px;font-weight:800;color:#06090b}
.platform-hero h1 span{display:block;font-size:clamp(24px,2.4vw,32px);line-height:1.4;letter-spacing:-.025em;font-weight:500;color:#38515e;margin-top:10px}
.platform-kpis{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #becbd1;border-bottom:1px solid #becbd1;padding:13px 0;margin:20px 0}
.platform-kpis>div{padding:0 13px;border-right:1px solid #cbd6db}.platform-kpis>div:first-child{padding-left:0}.platform-kpis>div:last-child{border-right:0}
.platform-kpis b{display:block;font-size:23px;line-height:1;color:#173d5a;margin-bottom:5px}.platform-kpis span{display:block;font-size:10px;color:#647981;line-height:1.4}
.platform-visual{min-width:0}
.platform-image{height:390px;background:#fff;border:1px solid var(--line-strong);display:flex;align-items:center;justify-content:center;padding:16px}
.platform-image img{width:100%;height:100%;object-fit:contain}
.platform-visual-tags{display:flex;justify-content:space-between;gap:10px;margin-top:8px;font:9px/1.4 var(--mono);letter-spacing:.05em;color:#5f747e}
.series-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.series-card{border:1px solid var(--line);background:rgba(255,255,255,.45);padding:18px;min-height:180px;display:flex;flex-direction:column;transition:.2s}
.series-card:hover{border-color:var(--blue);background:#fff}
.series-en{font:9px/1 var(--mono);letter-spacing:.09em;color:var(--blue);margin-bottom:10px}
.series-card b{font-size:18px;color:#1a3543;margin-bottom:8px}
.series-card p{font-size:12px;line-height:1.75;color:#566a73;margin:0 0 16px;flex:1}
.series-card i{font-style:normal;font-size:10px;color:#1f5b8b}
.platform-products{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.platform-product{display:flex;flex-direction:column;border:1px solid var(--line);background:#fff;padding:10px 12px 13px;position:relative;transition:.2s}
.platform-product:hover{border-color:var(--blue);box-shadow:0 4px 14px rgba(20,55,80,.06)}
.platform-product img{width:100%;height:135px;object-fit:contain;margin-bottom:8px}
.platform-product span{font:9px/1.3 var(--mono);color:#1f5b8b;margin-bottom:3px}
.platform-product b{font-size:13px;line-height:1.45;color:#1f3542;font-weight:650;margin-bottom:4px}
.platform-product small{font-size:10px;color:#73848b}
.platform-product i{position:absolute;right:10px;top:8px;font-style:normal;color:#85a2b2}
.platform-empty{border:1px dashed #b9c8ce;background:rgba(255,255,255,.3);padding:28px;text-align:center}
.platform-empty span{font:9px/1 var(--mono);letter-spacing:.08em;color:#8a9ba2}.platform-empty b{display:block;margin:8px 0 4px;font-size:16px;color:#3d5965}.platform-empty p{font-size:11px;color:#72838a;margin:0}
.platform-consult{border-bottom:0;display:flex;align-items:center;justify-content:space-between;gap:30px}
.platform-consult h2{font-size:28px;margin:0 0 5px;color:#1b3340}.platform-consult p{font-size:12px;color:#61757d;margin:0}
@media(max-width:940px){
 .platform-hero-grid{grid-template-columns:1fr;padding:30px 0 34px;gap:24px}
 .platform-image{height:300px;order:-1}
 .series-grid{grid-template-columns:1fr 1fr}
 .platform-products{grid-template-columns:1fr 1fr}
 .platform-consult{display:block}.platform-consult .btn{margin-top:18px}
}
@media(max-width:560px){
 .platform-kpis{grid-template-columns:1fr 1fr}.platform-kpis>div{border-bottom:1px solid #cbd6db;padding:8px 10px 8px 0}.platform-kpis>div:nth-child(even){padding-left:10px;border-left:1px solid #cbd6db;border-right:0}
 .series-grid,.platform-products{grid-template-columns:1fr}
 .platform-image{height:240px}
 .platform-hero h1{font-size:42px}
}

/* FrontOps platform adjustments */
body.cesipc-frontops-v3 .series-grid{grid-template-columns:repeat(5,1fr)}
@media(max-width:940px){body.cesipc-frontops-v3 .series-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){body.cesipc-frontops-v3 .series-grid{grid-template-columns:1fr}}

/* CleanOps platform adjustments */
body.cesipc-cleanops-v3 .series-grid{grid-template-columns:repeat(3,1fr)}
@media(max-width:940px){body.cesipc-cleanops-v3 .series-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){body.cesipc-cleanops-v3 .series-grid{grid-template-columns:1fr}}

/* FieldOps platform adjustments */
body.cesipc-fieldops-v3 .series-grid{grid-template-columns:repeat(2,1fr)}
@media(max-width:700px){body.cesipc-fieldops-v3 .series-grid{grid-template-columns:1fr}}

/* Platform directory layout */
.pd-nav{position:sticky;top:146px;z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}
.pd-nav-inner{display:flex;align-items:center;gap:22px;min-height:52px}
.pd-nav-inner>b{font:10px/1 var(--mono);letter-spacing:.08em;color:#5f747e;white-space:nowrap}
.pd-nav-links{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.pd-nav-links::-webkit-scrollbar{display:none}
.pd-nav-links a{display:block;padding:16px 12px 14px;font-size:12px;color:#3b5663;border-bottom:2px solid transparent;white-space:nowrap}
.pd-nav-links a:hover{color:var(--blue);border-color:var(--blue)}
.pd-overview{padding-top:46px}
.pd-overview-grid{display:grid;grid-template-columns:repeat(var(--pd-cols,4),minmax(0,1fr));gap:8px}
.pd-series-card{border:1px solid var(--line);border-left:3px solid var(--blue);background:#fff;padding:18px 18px 16px;display:flex;flex-direction:column;min-height:168px;transition:.2s}
.pd-series-card:hover{box-shadow:0 8px 24px rgba(20,55,80,.08);transform:translateY(-1px)}
.pd-series-card span{font:9px/1 var(--mono);letter-spacing:.09em;color:var(--blue);margin-bottom:9px}
.pd-series-card b{font-size:16px;line-height:1.45;color:#1a3543;margin-bottom:7px}
.pd-series-card p{font-size:11px;line-height:1.7;color:#62757d;margin:0 0 12px;flex:1}
.pd-series-card i{font-style:normal;font-size:10px;color:#1f5b8b}
.pd-series{border-top:1px solid var(--line);padding:58px 0;scroll-margin-top:208px}
.pd-series:nth-of-type(even){background:#f7f9fa}
.pd-series-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:58px;align-items:start}
.pd-aside{position:sticky;top:226px;align-self:start}
.pd-no{font:9px/1 var(--mono);letter-spacing:.09em;color:var(--blue);margin-bottom:14px}
.pd-aside h2{font-size:27px;line-height:1.25;letter-spacing:-.03em;margin:0 0 12px;color:#142d3b}
.pd-aside>p{font-size:12px;line-height:1.85;color:#5f737c;margin:0 0 18px}
.pd-points{list-style:none;margin:0;padding:0;border-top:1px solid #dbe3e7}
.pd-points li{position:relative;padding:10px 0 10px 18px;border-bottom:1px solid #e3e9ec;font-size:11px;line-height:1.6;color:#455e69}
.pd-points li:before{content:"";position:absolute;left:0;top:16px;width:6px;height:6px;background:var(--blue)}
.pd-count{margin-top:18px;display:flex;align-items:baseline;gap:8px}
.pd-count b{font-size:32px;line-height:1;color:#173d5a}.pd-count span{font-size:10px;color:#73858c}
.pd-models{min-width:0}
.pd-model-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.pd-model{border:1px solid #dbe3e7;border-left:3px solid #1f5b8b;background:#fff;padding:13px 14px 11px;display:flex;flex-direction:column;min-height:104px;transition:.16s}
.pd-model:hover{border-color:#1f5b8b;box-shadow:0 5px 16px rgba(20,55,80,.07)}
.pd-model span{font:10px/1.35 var(--mono);letter-spacing:.01em;color:#173d5a;margin-bottom:6px}
.pd-model p{font-size:11px;line-height:1.55;color:#62757d;margin:0 0 9px;flex:1}
.pd-model i{font-style:normal;font-size:9px;color:#1f5b8b}
.pd-empty{border:1px dashed #b9c8ce;padding:28px;text-align:center}.pd-empty span{font:9px/1 var(--mono);letter-spacing:.08em;color:#8a9ba2}.pd-empty b{display:block;margin:8px 0 4px;font-size:16px;color:#3d5965}.pd-empty p{font-size:11px;color:#72838a;margin:0}
@media(max-width:1100px){.pd-series-grid{grid-template-columns:250px minmax(0,1fr);gap:36px}.pd-model-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:940px){
 .pd-nav{top:94px}.pd-nav-inner{gap:10px}.pd-nav-inner>b{display:none}
 .pd-overview-grid{grid-template-columns:1fr 1fr}.pd-series-grid{grid-template-columns:1fr;gap:26px}
 .pd-aside{position:static}.pd-model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pd-series{scroll-margin-top:156px;padding:40px 0}
}
@media(max-width:560px){.pd-overview-grid,.pd-model-grid{grid-template-columns:1fr}.pd-hero .platform-kpis{grid-template-columns:1fr 1fr}.pd-series-card{min-height:auto}.pd-aside h2{font-size:24px}}
.pd-subgroup + .pd-subgroup{margin-top:28px}
.pd-subhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px;padding:0 0 8px;border-bottom:1px solid #dbe3e7;font-size:13px;line-height:1.4;color:#1d3c4d;font-weight:650}
.pd-subhead i{font-style:normal;font:9px/1 var(--mono);letter-spacing:.04em;color:#7b8e96;white-space:nowrap}
