/* ─── Hero ─── */
.pe-hero{background:linear-gradient(135deg,#0F2238 0%,#14395a 58%,#0F2238 100%);color:#fff;padding:88px 0 56px;border-bottom:4px solid var(--o2)}
.pe-hero .rail{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:44px;align-items:end}
.pe-kicker{font-family:var(--f-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#fdba74;font-weight:800}
.pe-hero h1{font-family:var(--f-head);font-size:clamp(38px,5vw,66px);letter-spacing:-.04em;line-height:1.02;margin:14px 0}
.pe-hero p{font-size:16px;line-height:1.75;color:rgba(255,255,255,.78);max-width:850px;text-align:left;hyphens:none}
.pe-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.pe-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:8px;text-decoration:none;font-weight:800;font-family:var(--f-head);font-size:13px;transition:all .15s}
.pe-btn.primary{background:var(--o2);color:#fff}
.pe-btn.primary:hover{background:var(--o1)}
.pe-btn.secondary{background:rgba(255,255,255,.1);border:1.5px solid rgba(255,255,255,.2);color:rgba(255,255,255,.85)}
.pe-btn.secondary:hover{background:rgba(255,255,255,.16);color:#fff}
/* ─── Subnav ─── (clean tab style, no dark bg) */
.cat-subnav{position:sticky;top:60px;background:#fff;border-bottom:2px solid #E2E8F0;z-index:600;overflow-x:auto;scrollbar-width:none;box-shadow:0 1px 4px rgba(15,34,56,.04)}
.cat-subnav::-webkit-scrollbar{display:none}
.cat-subnav .rail{display:flex;align-items:center;gap:0;padding:0;min-height:48px}
.cat-subnav-label{font-family:var(--f-mono);font-size:9px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#8BAAC6;padding:0 18px 0 0;border-right:1px solid #E2E8F0;margin-right:8px;white-space:nowrap;flex-shrink:0;line-height:48px}
.cat-subnav a{white-space:nowrap;text-decoration:none;color:#5A7494;font-family:var(--f-head);font-size:13px;font-weight:600;padding:0 18px;line-height:48px;border-bottom:2.5px solid transparent;transition:color .15s,border-color .15s;display:block}
.cat-subnav a:hover{color:#0F2238;border-bottom-color:#E5551A}
/* ─── Section ─── */
.pe-section{padding:56px 0;background:var(--paper)}
.pe-section.white{background:#fff}
.pe-title{font-family:var(--f-head);font-size:clamp(26px,3vw,42px);line-height:1.1;color:var(--t1);margin:0 0 12px}
.pe-desc{color:var(--t2);font-size:15px;line-height:1.7;max-width:860px;text-align:left;hyphens:none}
/* ─── Grid cards ─── */
.pe-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pe-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.pe-card{background:#fff;border:1px solid var(--ln);border-radius:18px;padding:24px;text-decoration:none;color:inherit;box-shadow:0 8px 26px rgba(15,34,56,.05);display:flex;flex-direction:column;min-height:192px;transition:transform .18s,box-shadow .18s,border-color .18s}
.pe-card:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(15,34,56,.1);border-color:rgba(229,85,26,.38)}
.pe-card h3{font-family:var(--f-head);font-size:18px;line-height:1.25;color:var(--t1);margin:0 0 10px}
.pe-card p{font-size:13px;color:var(--t2);line-height:1.65;margin:0}
.pe-link{margin-top:auto;color:var(--o2);font-weight:800;font-size:12px;padding-top:16px}
/* ─── Workflow ─── */
.workflow{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:24px}
.wf-step{position:relative;background:#fff;border:1px solid var(--ln);border-top:3px solid var(--o2);border-radius:14px;padding:18px 14px;min-height:104px}
.wf-step:not(:last-child):after{content:'→';position:absolute;right:-12px;top:42%;color:var(--o2);font-weight:900}
.wf-step b{font-family:var(--f-head);font-size:13px;color:var(--t1);line-height:1.25}
.standards-card{border-left:4px solid var(--o2)}
/* ─── Group blocks ─── */
.group-block{margin:34px 0 46px}
.group-head{display:flex;gap:20px;align-items:flex-end;justify-content:space-between;margin-bottom:14px}
.group-title{font-family:var(--f-head);font-size:24px;font-weight:800;color:var(--t1);margin:0;letter-spacing:-.01em}
.group-desc{font-size:13.5px;color:var(--t2);line-height:1.65;max-width:780px;margin:8px 0 0;text-align:left;hyphens:none}
.group-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0 20px}
.group-gallery img{width:100%;height:148px;object-fit:contain;background:#fff;border:1px solid var(--ln);border-radius:12px;padding:12px;transition:transform .25s}
.cat-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pe-pcard{height:100%}
.pe-pcard .pcard-name{min-height:42px}
.pe-pcard .pcard-desc{min-height:74px}
.note-box{background:#fff7ed;border:1px solid #fed7aa;border-left:5px solid var(--o2);border-radius:14px;padding:18px;color:#9a3412;font-size:13px;line-height:1.65;margin-top:22px}
/* ─── PE footer line ─── */
.pe-footer-line{background:#F7F9FC;border-top:1px solid #E2E8F0;padding:14px 0}
.pe-footer-line .rail{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.pe-footer-text{font-size:13px;color:#8BAAC6}
.pe-footer-link{font-family:var(--f-head);font-size:13px;font-weight:700;color:var(--o2);text-decoration:none;display:flex;align-items:center;gap:4px}
.pe-footer-link:hover{color:var(--o1)}
/* ─── Responsive ─── */
@media(max-width:1050px){.pe-hero .rail{grid-template-columns:1fr}.pe-grid,.pe-grid.four,.cat-products{grid-template-columns:repeat(2,1fr)}.workflow{grid-template-columns:repeat(3,1fr)}.wf-step:after{display:none}.group-gallery{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.pe-grid,.pe-grid.four,.cat-products,.workflow{grid-template-columns:1fr}.group-head{display:block}.pe-hero{padding:68px 0 42px}.group-gallery{grid-template-columns:1fr}.pe-pcard .pcard-desc,.pe-pcard .pcard-name{min-height:auto}}