/* Release 0.4.2 — EPLAN Engineering */
.eplan-hero{
  position:relative;
  overflow:hidden;
  padding:92px 0 78px;
  background:
    radial-gradient(circle at 82% 20%,rgba(244,191,0,.22),transparent 27%),
    linear-gradient(135deg,#07182d 0%,#0b2a47 62%,#123e5c 100%);
  color:#fff;
}
.eplan-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:55px;align-items:center}
.eplan-kicker{display:block;margin-bottom:14px;color:#f4bf00;font-size:12px;font-weight:900;letter-spacing:1.55px}
.eplan-hero h1{max-width:780px;font-size:clamp(43px,6vw,72px);line-height:1.02;letter-spacing:-2px}
.eplan-hero p{max-width:720px;margin-top:20px;color:#d7e3ed;font-size:19px;line-height:1.65}
.eplan-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.eplan-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}
.eplan-badges span{padding:8px 11px;border:1px solid rgba(255,255,255,.21);border-radius:999px;color:#e7eff5;font-size:12px;font-weight:750}

.eplan-panel{
  position:relative;
  min-height:435px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:20px;
  background:rgba(5,19,34,.78);
  box-shadow:0 28px 80px rgba(0,0,0,.3);
  padding:23px;
}
.eplan-panel-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid rgba(255,255,255,.12)}
.eplan-panel-top strong{font-size:14px}
.eplan-window-dots{display:flex;gap:6px}
.eplan-window-dots i{display:block;width:8px;height:8px;border-radius:50%;background:#f4bf00}
.eplan-window-dots i:nth-child(2){opacity:.55}.eplan-window-dots i:nth-child(3){opacity:.25}
.eplan-schematic{position:relative;height:325px;margin-top:17px;border-radius:12px;background:
 linear-gradient(rgba(120,162,194,.09) 1px,transparent 1px),
 linear-gradient(90deg,rgba(120,162,194,.09) 1px,transparent 1px),
 #081d31;background-size:23px 23px;overflow:hidden}
.eplan-wire{position:absolute;height:2px;background:#f4bf00;transform-origin:left center}
.eplan-wire.v{width:2px;height:auto}
.eplan-symbol{position:absolute;display:flex;align-items:center;justify-content:center;border:2px solid #9ec2dc;background:#0a253c;color:#fff;font-size:11px;font-weight:850}
.eplan-symbol.box{width:60px;height:42px}.eplan-symbol.coil{width:54px;height:32px;border-radius:16px}.eplan-symbol.terminal{width:25px;height:25px;border-radius:50%}
.eplan-label{position:absolute;color:#89a9bf;font-size:9px;font-family:monospace}
.eplan-sheet-tag{position:absolute;right:14px;bottom:13px;padding:8px 10px;border:1px solid rgba(255,255,255,.16);background:#0c2a43;color:#dce8f0;font-size:10px;font-family:monospace}

.eplan-section{padding:82px 0}.eplan-section.alt{background:#f4f7fa}
.eplan-heading{max-width:790px;margin-bottom:34px}.eplan-heading h2{font-size:clamp(31px,4vw,49px);line-height:1.08}.eplan-heading p{margin-top:12px;color:#627081;font-size:18px}
.eplan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.eplan-card{padding:27px;border:1px solid #e1e8ee;border-radius:16px;background:#fff;box-shadow:0 13px 36px rgba(7,24,45,.06)}
.eplan-card .number{display:flex;width:35px;height:35px;align-items:center;justify-content:center;border-radius:50%;background:#fff2b5;color:#6f5000;font-size:12px;font-weight:900}
.eplan-card h3{margin:17px 0 8px;font-size:23px}.eplan-card p{color:#647184}.eplan-card ul{margin:14px 0 0;padding-left:18px;color:#536171}.eplan-card li{margin:7px 0}
.eplan-process{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;counter-reset:eplanstep}
.eplan-process article{padding:23px;border:1px solid #e2e8ee;border-radius:14px;background:#fff}
.eplan-process article:before{counter-increment:eplanstep;content:counter(eplanstep);display:flex;width:32px;height:32px;align-items:center;justify-content:center;margin-bottom:16px;border-radius:50%;background:#07182d;color:#fff;font-weight:900}
.eplan-process h3{font-size:19px}.eplan-process p{margin-top:7px;color:#647184;font-size:14px}
.eplan-highlight{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;padding:38px;border-radius:20px;background:#07182d;color:#fff}
.eplan-highlight p{margin-top:12px;color:#c8d5df}.eplan-highlight ul{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:0;padding:0;list-style:none}
.eplan-highlight li{padding:13px;border:1px solid rgba(255,255,255,.14);border-radius:10px;color:#e4edf4;font-size:13px}
.eplan-highlight li:before{content:"✓";margin-right:8px;color:#f4bf00;font-weight:900}
.eplan-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:35px;border-left:5px solid #f4bf00;border-radius:18px;background:#fff3b8}
.eplan-cta h2{font-size:31px}.eplan-cta p{margin-top:7px;color:#596675}

/* Homepage EPLAN block */
.home-eplan-promo{padding:72px 0;background:#f4f7fa}
.home-eplan-box{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;padding:34px;border:1px solid #e2e8ee;border-radius:18px;background:#fff;box-shadow:0 15px 40px rgba(7,24,45,.07)}
.home-eplan-box span{color:#a87700;font-size:12px;font-weight:900;letter-spacing:1.3px}
.home-eplan-box h2{margin-top:8px;font-size:clamp(28px,4vw,43px)}
.home-eplan-box p{max-width:780px;margin-top:10px;color:#647184;font-size:17px}

/* Services overview EPLAN card without external image */
.eplan-service-art{position:relative;min-height:250px;background:
 linear-gradient(rgba(7,24,45,.08) 1px,transparent 1px),
 linear-gradient(90deg,rgba(7,24,45,.08) 1px,transparent 1px),
 #eaf0f4;background-size:25px 25px;overflow:hidden}
.eplan-service-art:before,.eplan-service-art:after{content:"";position:absolute;border:3px solid #0a2b47;background:#fff}
.eplan-service-art:before{width:95px;height:64px;left:18%;top:28%}
.eplan-service-art:after{width:65px;height:42px;right:17%;bottom:22%;border-radius:22px}
.eplan-service-line{position:absolute;left:31%;right:26%;top:45%;height:4px;background:#d49a21}
.eplan-service-line:after{content:"";position:absolute;right:-4px;top:-5px;width:14px;height:14px;border-radius:50%;background:#d49a21}

@media(max-width:960px){
  .eplan-hero-grid,.eplan-highlight{grid-template-columns:1fr}
  .eplan-panel{max-width:650px}
  .eplan-grid{grid-template-columns:1fr 1fr}
  .eplan-process{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  .eplan-hero{padding:68px 0 55px}.eplan-hero h1{letter-spacing:-1px}
  .eplan-grid,.eplan-process,.eplan-highlight ul{grid-template-columns:1fr}
  .eplan-panel{min-height:370px;padding:16px}.eplan-schematic{height:285px}
  .eplan-cta,.home-eplan-box{display:block}
  .eplan-cta a,.home-eplan-box a{margin-top:18px}
}