/* Brand-led styling: Elektromind teal, silver, white and deep charcoal */
:root{--navy:#08243d;--teal:#087f8c;--cyan:#18a8b5;--silver:#e8eef0;--ink:#172a32;--muted:#60727a;--bg:#f4f8f8;--white:#fff;--orange:#d88945;--line:#d5e3e5}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Montserrat,Arial,sans-serif;color:var(--ink);line-height:1.65;background:#fff}a{text-decoration:none;color:inherit}header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.98);border-bottom:1px solid var(--line);box-shadow:0 4px 18px #08243d0b}.nav{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:10px 24px}.brand img{height:54px;width:auto;object-fit:contain}nav{display:flex;align-items:center;gap:20px;font-size:13px;font-weight:700;color:var(--navy)}nav>a, .drop-label{padding:12px 0;display:inline-block}nav a:hover,nav a.active{color:var(--teal)}.dropdown{position:relative}.dropdown-menu{display:none;position:absolute;top:100%;left:-14px;min-width:235px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 35px #08243d20}.dropdown-menu a{display:block;padding:9px 12px;border-radius:7px;font-weight:600}.dropdown-menu a:hover{background:#eaf6f6}.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu{display:block}.navbtn,.btn{display:inline-block;padding:12px 19px;background:var(--teal);color:#fff;border:0;border-radius:7px;font-weight:700;cursor:pointer}.btn:hover,.navbtn:hover{background:var(--navy);color:#fff}.hero{background:linear-gradient(125deg,#08243d 0%,#0b4b60 62%,#0a7d84 100%);color:#fff;padding:76px 24px}.hero-in{max-width:1220px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}.eyebrow,.kicker{font-size:12px;letter-spacing:2px;color:#9be3df;font-weight:800}.hero h1{font-size:clamp(36px,4.3vw,58px);line-height:1.12;margin:16px 0 20px;font-weight:800}.hero p{font-size:17px;color:#e0eeee;max-width:700px;margin-bottom:28px}.hero-img{height:390px;border-radius:22px;background:linear-gradient(120deg,#08243d22,#087f8c22),url('assets/electrical-electronic-system.png') center/contain no-repeat,#f2f7f7;border:1px solid #ffffff55;box-shadow:0 22px 55px #00151e55}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn.alt{background:transparent;border:1px solid #a4d9d7;color:#fff}.section{padding:68px 24px}.container{max-width:1220px;margin:auto}.light{background:var(--bg)}.head{text-align:center;max-width:850px;margin:0 auto 38px}.head h2,.section-title{font-size:clamp(27px,3vw,36px);line-height:1.22;color:var(--navy);margin-bottom:10px}.head p{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:0 10px 32px #08243d0b;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 16px 35px #08243d15}.card-body,.inside{padding:23px}.card h3{color:var(--navy);font-size:18px;margin-bottom:8px}.card p{color:var(--muted);font-size:14px}.icon{font-size:29px;margin-bottom:10px}.card-img,.product-card img{height:210px;width:100%;object-fit:contain;background:#edf4f4;padding:12px}.tag{display:inline-block;color:var(--teal);font-size:11px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;margin-bottom:7px}.band{background:linear-gradient(110deg,var(--navy),var(--teal));color:#fff;text-align:center;padding:54px 24px}.band h2{font-size:clamp(28px,3vw,38px)}.band p{color:#e0eeee;margin:8px auto 20px;max-width:800px}.banner{background:linear-gradient(110deg,var(--navy),var(--teal));color:#fff;text-align:center;padding:50px 24px}.banner h2{font-size:clamp(28px,3vw,38px)}.banner p{color:#e0eeee;margin:8px auto 0;max-width:850px}.feature{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center}.feature img{width:100%;max-height:400px;object-fit:contain;background:#edf4f4;border-radius:16px}.feature h2{font-size:34px;color:var(--navy);line-height:1.2;margin-bottom:15px}.feature p{color:var(--muted);margin-bottom:16px}.pill-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.pill{border:1px solid #b8d6d8;border-radius:30px;padding:8px 13px;font-size:12px;color:var(--navy);background:#f4fbfb}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.form{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px}.form input,.form textarea,.form select{width:100%;padding:12px;border:1px solid #c9d9dc;border-radius:7px;margin:6px 0 14px;font:inherit}.form textarea{height:130px}.form label{font-size:13px;font-weight:700;color:var(--navy)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;background:#fff;font-size:13px}th,td{border:1px solid var(--line);padding:12px;text-align:left;vertical-align:top}th{background:var(--navy);color:#fff}footer{background:#061a2b;color:#c4d3d7;padding:42px 24px 20px}.foot{max-width:1220px;margin:auto;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:34px}.foot-logo{height:48px;max-width:260px;object-fit:contain;background:#fff;padding:5px 10px;border-radius:6px;margin-bottom:12px}.ft{color:#fff;font-weight:800;margin-bottom:10px}.foot p,.foot a{font-size:13px;margin:5px 0}.foot a:hover{color:#7de0d8}.copy{text-align:center;border-top:1px solid #ffffff20;margin-top:28px;padding-top:16px;font-size:12px}.cta{background:#eaf6f5;border:1px solid #c6e4e1;padding:28px;border-radius:16px;text-align:center}.cta h2{color:var(--navy);margin-bottom:8px}.cta p{color:var(--muted);margin-bottom:18px}.subnav{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;margin-top:22px}.subnav a{border:1px solid #ffffff66;padding:8px 12px;border-radius:24px;font-size:12px}.subnav a:hover{background:#fff;color:var(--navy)}.notice{font-size:12px;color:var(--muted);margin-top:12px}
@media(max-width:900px){.nav{flex-wrap:wrap}.brand img{height:44px}nav{gap:12px;flex-wrap:wrap;font-size:12px}.hero-in,.feature,.contact-grid{grid-template-columns:1fr}.hero-img{height:280px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.foot{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.nav{justify-content:center;padding:10px 14px}.brand img{height:40px}nav{justify-content:center;gap:11px}.dropdown-menu{left:auto;right:0}.hero{padding:48px 18px}.section{padding:48px 18px}.grid{grid-template-columns:1fr}.foot{grid-template-columns:1fr}.hero-img{height:230px}}

/* Final refinement: Times New Roman throughout, logo palette, contained imagery */
:root{--navy:#102a31;--teal:#087f8c;--cyan:#19a6ad;--silver:#e8eef0;--ink:#172a32;--muted:#52676d;--bg:#f3f7f7;--white:#fff;--orange:#d88945;--line:#cbdcde}
html{scroll-behavior:smooth}body{font-family:"Times New Roman",Times,serif!important;color:var(--ink);background:#fff}
button,input,select,textarea{font-family:"Times New Roman",Times,serif}
h1,h2,h3,h4,p,li,nav,a,td,th,label{font-family:"Times New Roman",Times,serif}
header{background:#fff;border-bottom:2px solid var(--teal)}
.brand{display:flex;align-items:center;gap:10px;min-width:260px}.brand:before{content:"";display:block;width:48px;height:48px;flex:0 0 48px;background:url('assets/elektromind_icon.png') center/contain no-repeat}
.brand img{height:52px;max-width:min(300px,35vw);object-fit:contain}
.hero{background:linear-gradient(120deg,#f7fbfb 0%,#e7f2f2 58%,#d3e9e9 100%);color:var(--navy);padding:42px 24px 34px;border-bottom:1px solid var(--line)}
.hero-in{max-width:1280px;grid-template-columns:1fr 1.05fr;gap:34px}
.hero .eyebrow{color:var(--teal);letter-spacing:1.7px}
.hero h1{color:#102a31;font-size:clamp(36px,4vw,56px);font-weight:700;line-height:1.04;margin:12px 0 16px}
.hero p{color:#435a60;font-size:18px;line-height:1.55}
.hero-img{height:350px;border-radius:4px;background:url('assets/electrical-electronic-system.png') center/contain no-repeat,#fff;border:1px solid #cbdcde;box-shadow:0 12px 28px #102a3114}
.btn,.navbtn{background:var(--teal);border-radius:3px}.btn.alt{color:var(--teal);border-color:var(--teal)}
.pill{border-radius:3px;background:#fff;border-color:#b8d0d2}
.section{padding:48px 24px}.head h2,.section-title,.feature h2{font-family:"Times New Roman",Times,serif}
.home-brandline{display:flex;align-items:center;gap:18px;margin:0 auto 18px;max-width:1280px;padding:0 24px;color:var(--teal);font-weight:bold;letter-spacing:1px}
.home-brandline img{width:70px;height:70px;object-fit:contain;border:1px solid var(--line);border-radius:50%;background:#fff}
.home-sector-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.home-sector{border:1px solid var(--line);background:#fff;padding:20px;border-top:4px solid var(--teal);min-height:150px}
.home-sector h3{color:var(--navy);font-size:20px;margin-bottom:8px}.home-sector p{font-size:15px;color:var(--muted)}
/* Prevent all product photography from overflowing its card/page frame */
img{max-width:100%;height:auto}.card-img,.product-card img,.feature img,.product-image,.product-hero img{display:block;width:100%;max-width:100%;height:clamp(180px,24vw,320px);max-height:320px;object-fit:contain;object-position:center;background:#f3f7f7;padding:12px;overflow:hidden;border-radius:4px}
.card,.product-card,.feature,.container,.grid{min-width:0;max-width:100%}.card{overflow:hidden}.grid>*{min-width:0}
.erp-gallery{display:grid;grid-template-columns:1fr;gap:18px;margin:28px 0}.erp-gallery img{width:100%;height:auto;max-height:760px;object-fit:contain;object-position:top center;background:#071e37;border:1px solid var(--line);border-radius:5px}
.erp-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0}.erp-feature{border:1px solid var(--line);border-top:3px solid var(--teal);padding:16px;background:#f8fbfb}.erp-feature h3{margin-bottom:6px;color:var(--navy)}
.booking-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;align-items:start}.booking-panel{background:#f1f7f7;border:1px solid var(--line);padding:24px;border-radius:5px}.booking-panel h2{margin-bottom:10px}.booking-form{background:#fff;border:1px solid var(--line);padding:24px;border-radius:5px}.booking-form label{display:block;font-weight:bold;font-size:15px;margin:8px 0 3px}.booking-form input,.booking-form select,.booking-form textarea{width:100%;padding:11px;border:1px solid #bfd0d3;border-radius:3px;font-size:16px}.booking-form textarea{min-height:100px}.booking-form .btn{margin-top:12px}
@media(max-width:900px){.home-sector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.booking-grid{grid-template-columns:1fr}.erp-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-in{grid-template-columns:1fr}.hero-img{height:280px}}
@media(max-width:600px){.brand{min-width:0}.brand:before{width:38px;height:38px;flex-basis:38px}.brand img{height:38px;max-width:65vw}.home-sector-grid,.erp-feature-grid{grid-template-columns:1fr}.hero{padding:32px 16px}.hero-img{height:230px}.section{padding:36px 16px}}

/* Final layout refinement: consistent page edges, restrained imagery and readable content */
html { overflow-x: clip; }
body { font-family: "Times New Roman", Times, serif !important; overflow-x: clip; }
h1,h2,h3,h4,h5,h6,p,li,a,label,button,input,select,textarea,th,td { font-family: "Times New Roman", Times, serif; }
.nav, .container, .hero-in, .foot { width: min(100% - 40px, 1220px); max-width: 1220px; margin-left: auto; margin-right: auto; }
.nav { padding-left: 0; padding-right: 0; }
section, footer { max-width: 100%; }
img, picture, video, canvas, svg { max-width: 100%; }
.card, .feature, .grid, .contact-grid, .form, .table-wrap { min-width: 0; }
.card-img, .product-card img, .feature img { max-width: 100%; object-fit: contain; }
.product-card img { height: 220px; padding: 14px; }
.feature > *, .grid > *, .contact-grid > * { min-width: 0; }
.feature p, .feature li, .card p, .inside p, .inside li { overflow-wrap: anywhere; }
ul, ol { padding-left: 1.35rem; margin: .55rem 0 1rem; }
li { padding-left: .18rem; margin-bottom: .35rem; }
.erp-visual { width: min(100%, 900px); margin: 0 auto 34px; padding: 14px; background: #f4f8f8; border: 1px solid var(--line); border-radius: 14px; }
.erp-visual img { display: block; width: 100%; max-height: 430px; object-fit: contain; margin: auto; }
.demo-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-bottom: 16px; }
.form label { display: block; margin-bottom: 12px; font-weight: 700; }
.form input, .form select, .form textarea { display: block; width: 100%; max-width: 100%; margin-top: 5px; padding: 11px 12px; border: 1px solid var(--line); border-radius: 7px; background: #fff; }
.form-note { font-size: 13px; color: var(--muted); margin-top: 12px; }
@media (max-width: 760px) {
  .nav, .container, .hero-in, .foot { width: min(100% - 28px, 1220px); }
  .demo-grid { grid-template-columns: 1fr; }
  .hero-in, .feature, .contact-grid { grid-template-columns: 1fr; }
  nav { gap: 10px; flex-wrap: wrap; }
}

/* Home hero refresh: no oversized trainer brochure; structured capability showcase */
.hero-img { display:none !important; }
.hero-in { align-items:center; gap:clamp(24px,4vw,58px); }
.hero-showcase { min-width:0; width:100%; display:grid; grid-template-columns:.82fr 1.18fr; gap:12px; min-height:350px; }
.showcase-main { border-radius:16px; padding:28px 24px; background:linear-gradient(145deg,#073b45,#087f8c 70%,#14a4ad); color:#fff; display:flex; flex-direction:column; justify-content:center; box-shadow:0 16px 38px rgba(8,75,82,.15); }
.showcase-kicker { font-size:11px; letter-spacing:.17em; font-weight:bold; color:#c9f7f4; }
.showcase-main h2 { font-size:clamp(28px,3vw,42px); line-height:1.03; margin:18px 0 12px; color:#fff; }
.showcase-main p { color:#e8fbfa; font-size:16px; }
.showcase-tags { display:flex; flex-wrap:wrap; gap:7px; margin-top:18px; }
.showcase-tags span { border:1px solid rgba(255,255,255,.5); border-radius:3px; padding:6px 8px; font-size:9px; letter-spacing:.08em; }
.showcase-tiles { display:grid; grid-template-columns:1fr 1fr; grid-template-rows:1fr 1fr; gap:12px; }
.showcase-tile { display:flex; flex-direction:column; justify-content:flex-end; gap:6px; padding:18px; border:1px solid #c5dddd; border-radius:12px; color:#12383e; text-decoration:none; min-height:150px; background:linear-gradient(135deg,#fff,#e1f2f1); position:relative; overflow:hidden; }
.showcase-tile:before { content:""; position:absolute; width:130px; height:130px; border:1px solid rgba(8,127,140,.22); border-radius:50%; right:-34px; top:-34px; box-shadow:0 0 0 14px rgba(8,127,140,.05),0 0 0 28px rgba(8,127,140,.035); }
.showcase-tile span { color:#087f8c; font-size:12px; letter-spacing:.12em; }
.showcase-tile b { font-size:17px; position:relative; }
.showcase-tile small { color:#49686d; line-height:1.4; position:relative; }
.tile-lab { background:linear-gradient(135deg,#f8ffff,#d9eeee); }
.tile-industry { background:linear-gradient(135deg,#f4f7f7,#e3e9e9); }
.tile-training { grid-column:1 / -1; min-height:105px; background:linear-gradient(110deg,#e8f6f5,#fff); }
.training-intro-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.training-mode { padding:26px; border:1px solid var(--line); border-radius:14px; background:linear-gradient(145deg,#fff,#eff8f7); position:relative; min-width:0; }
.mode-number,.training-index { color:var(--teal); font-weight:bold; letter-spacing:.12em; font-size:12px; }
.training-mode h2 { margin:10px 0; }
.mode-highlight { color:var(--teal); font-weight:bold; font-size:17px; }
.training-mode ul { padding-left:22px; }
.training-heading { margin-top:48px; }
.training-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.training-card { border:1px solid var(--line); border-radius:12px; padding:22px; background:#fff; min-width:0; display:flex; flex-direction:column; align-items:flex-start; }
.training-card h3 { margin:10px 0; }
.training-card p { color:var(--muted); }
.training-card details { margin:6px 0 14px; width:100%; }
.training-card summary { color:var(--teal); cursor:pointer; font-weight:bold; }
.training-card ul { padding-left:20px; }
.delivery-chip { margin-top:auto; display:inline-block; background:#e3f4f2; color:#075e67; border-radius:30px; padding:6px 10px; font-size:12px; }
.training-cta { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-top:32px; padding:24px; background:#eaf5f4; border-radius:12px; }
.training-cta h2 { margin:0 0 8px; }
.training-cta p { margin:0; }
.cad-samples { margin-top:42px; }
.cad-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.cad-card { border:1px solid var(--line); border-radius:12px; padding:14px; background:#fff; min-width:0; }
.cad-sheet { background:#fbfdfd; border:1px solid #d4e2e2; padding:8px; }
.cad-sheet svg { display:block; width:100%; height:auto; }
.cad-card h3 { margin:14px 0 6px; }
.cad-card p { color:var(--muted); }
@media(max-width:850px) {
 .hero-showcase { grid-template-columns:1fr; }
 .showcase-main { min-height:240px; }
 .showcase-tiles { grid-template-rows:auto auto; }
 .training-cards,.cad-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:580px) {
 .training-intro-grid,.training-cards,.cad-grid { grid-template-columns:1fr; }
 .training-cta { align-items:flex-start; flex-direction:column; }
 .showcase-tiles { grid-template-columns:1fr; }
 .tile-training { grid-column:auto; }
}

/* Final requested refinements */
body { font-family: "Times New Roman", Times, serif; }
.showcase-tile { padding: 24px; }
.showcase-tile b { font-size: clamp(20px, 2vw, 27px); line-height: 1.2; }
.showcase-tile small { font-size: 14px; }
.training-fee { margin: 10px 0 14px; color: var(--navy); font-size: 14px; }
.training-expert-note { margin: 0 0 20px; padding: 14px 18px; background: #eaf6f5; border-left: 4px solid var(--teal); color: var(--navy); }
.erp-gallery { display: grid; grid-template-columns: 1fr; gap: 24px; margin: 24px auto 0; max-width: 1100px; }
.erp-gallery figure { margin: 0; padding: 12px; border: 1px solid var(--line); border-radius: 10px; background: #fff; }
.erp-gallery img { display: block; width: 100%; max-width: 100%; height: auto; max-height: 820px; object-fit: contain; margin: auto; }
.erp-gallery figcaption { padding: 10px 4px 2px; color: var(--navy); font-weight: bold; text-align: center; }
@media (max-width: 760px) { .showcase-tile b { font-size: 22px; } }

/* Latest requested updates */
.showcase-tiles { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(2, minmax(150px, auto)); }
.tile-training { grid-column: auto; min-height: 150px; }
.tile-sdr { background: linear-gradient(135deg, #f4fbfb, #d9eeed); }
.tile-sdr b { font-size: clamp(20px, 1.8vw, 25px); }
@media (max-width: 760px) {
  .showcase-tiles { grid-template-columns: 1fr; grid-template-rows: auto; }
  .tile-training { grid-column: auto; }
}