:root{
  --home-ink:#14262d;
  --home-muted:#617177;
  --home-teal:#0f6668;
  --home-teal-dark:#083f43;
  --home-teal-soft:#e8f0ef;
  --home-paper:#f5f7f5;
  --home-white:#ffffff;
  --home-line:#d5dfdd;
  --home-max:1240px;
  --home-shadow:0 16px 40px rgba(8,63,67,.08);
}

.home-page{margin:0;background:var(--home-paper);color:var(--home-ink);font-family:Inter,Arial,sans-serif;line-height:1.6}
.home-page *{box-sizing:border-box}
.home-page a{text-decoration:none;color:inherit}
.home-wrap{width:min(var(--home-max),calc(100% - 48px));margin:0 auto}

/* ---------- HEADER ---------- */
.home-header{position:relative;background:var(--home-white);border-bottom:1px solid var(--home-line);z-index:5}
.home-header-inner{width:min(var(--home-max),calc(100% - 48px));margin:0 auto;min-height:104px;display:grid;grid-template-columns:minmax(300px,1fr) auto;align-items:center;gap:36px;padding:18px 0}
.home-brand{min-width:0}
.home-brand-title{display:block;font-family:Georgia,"Times New Roman",serif;font-size:24px;line-height:1.05;letter-spacing:.8px;text-transform:uppercase;font-weight:700;color:var(--home-ink)}
.home-brand-name{display:block;margin-top:6px;color:var(--home-teal);font-size:12px;font-weight:800;letter-spacing:4px;text-transform:uppercase}
.home-brand-line{display:block;margin-top:7px;color:#748388;font-size:8px;letter-spacing:1.45px;line-height:1.5}
.home-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px 18px;max-width:690px}
.home-nav a{position:relative;color:#304249;font-size:12px;line-height:1.2;padding:5px 0;transition:.2s}
.home-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--home-teal);transition:.2s}
.home-nav a:hover{color:var(--home-teal)}
.home-nav a:hover:after{right:0}

/* ---------- HERO ---------- */
.home-hero{position:relative;overflow:hidden;background:var(--home-white);border-bottom:1px solid var(--home-line)}
.home-hero:before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--home-teal)}
.home-hero-inner{width:min(var(--home-max),calc(100% - 48px));margin:0 auto;min-height:575px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);align-items:stretch;gap:0}
.home-hero-copy{padding:86px 58px 78px 0;display:flex;flex-direction:column;justify-content:center;position:relative}
.home-hero-copy:after{content:"";position:absolute;right:24px;top:18%;height:64%;width:1px;background:var(--home-line)}
.home-kicker{display:flex;align-items:center;gap:14px;color:var(--home-teal);font-size:10px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase}
.home-kicker:before{content:"";width:38px;height:2px;background:var(--home-teal)}
.home-hero h1{margin:22px 0 0;max-width:680px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(48px,6vw,76px);line-height:.98;letter-spacing:-2.8px;font-weight:400}
.home-hero h1 span{display:block;color:var(--home-teal)}
.home-hero-text{max-width:650px;margin:28px 0 30px;color:#5c6c71;font-family:Georgia,"Times New Roman",serif;font-size:17px;line-height:1.7}
.home-actions{display:flex;flex-wrap:wrap;gap:10px}
.home-btn{display:inline-flex;align-items:center;justify-content:center;min-height:47px;padding:0 21px;border:1px solid var(--home-teal);color:#fff;background:var(--home-teal);font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;transition:.2s}
.home-btn:hover{background:var(--home-teal-dark);border-color:var(--home-teal-dark);transform:translateY(-1px)}
.home-btn.alt{color:var(--home-teal);background:#fff}
.home-btn.alt:hover{color:#fff;background:var(--home-teal)}

/* Hero technical illustration */
.home-visual{position:relative;min-height:575px;overflow:hidden;background:linear-gradient(135deg,#edf4f2,#f9fbfa);border-left:1px solid var(--home-line)}
.home-visual-grid{position:absolute;inset:0;opacity:.42;background-image:linear-gradient(#aabfbd 1px,transparent 1px),linear-gradient(90deg,#aabfbd 1px,transparent 1px);background-size:42px 42px}
.home-industrial-image{position:absolute;right:5%;top:6%;width:45%;max-height:42%;object-fit:contain;opacity:.92;z-index:1;filter:drop-shadow(0 12px 22px rgba(8,63,67,.12))}
.material-flow{position:absolute;left:8%;top:50%;transform:translateY(-50%);width:58%;padding:22px;background:rgba(255,255,255,.96);border:1px solid #c6d5d2;box-shadow:var(--home-shadow);z-index:2}
.flow-title{margin-bottom:14px;color:var(--home-teal-dark);font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase}
.flow-step{position:relative;display:flex;align-items:center;min-height:40px;margin:7px 0;padding:0 12px;background:#fff;border:1px solid #ccd9d7;color:#263a40;font-size:10px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}
.flow-step:before{content:"";width:6px;height:6px;border:1px solid var(--home-teal);margin-right:9px;border-radius:50%}
.flow-step:not(:last-child):after{content:"↓";position:absolute;left:50%;bottom:-17px;color:var(--home-teal);font-size:11px;font-weight:700}
.flow-side{position:absolute;right:7%;top:50%;transform:translateY(-50%);width:25%;padding:22px 18px;background:var(--home-teal-dark);color:#fff;z-index:3;box-shadow:0 18px 40px rgba(8,63,67,.16)}
.flow-side strong{display:block;font-family:Georgia,serif;font-size:34px;line-height:1}
.flow-side small{display:block;margin:4px 0 18px;font-size:8px;letter-spacing:1.8px;font-weight:800}
.control-item{display:flex;align-items:center;gap:7px;margin:10px 0;font-size:8px;letter-spacing:.7px;font-weight:800;text-transform:uppercase}
.control-item:before{content:"";width:14px;height:14px;border:1px solid rgba(255,255,255,.6);border-radius:50%}
.flow-side hr{border:0;border-top:1px solid rgba(255,255,255,.25);margin:17px 0 12px}
.flow-side em{font-style:normal;font-size:7px;line-height:1.5;letter-spacing:1px;color:#dce9e7}

/* ---------- METRICS ---------- */
.home-metrics{background:var(--home-teal-dark);color:#fff;border-bottom:1px solid var(--home-line)}
.home-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}
.home-metric{position:relative;min-height:150px;padding:30px 26px;border-right:1px solid rgba(255,255,255,.16);overflow:hidden}
.home-metric:last-child{border-right:0}
.home-metric:after{content:"";position:absolute;left:26px;bottom:20px;width:52px;height:3px;background:var(--home-teal)}
.home-metric strong{display:block;font-family:Georgia,serif;font-size:31px;line-height:1.05;color:#fff}
.home-metric span{display:block;margin-top:7px;color:#d9e7e5;font-size:10px;font-weight:800;letter-spacing:1.6px;text-transform:uppercase}
.home-metric p{margin:7px 0 0;color:#a9c0be;font-size:11px;line-height:1.45}

/* ---------- COMMON SECTION ---------- */
.home-reference,.home-analytics,.home-resources{padding:92px 0}
.home-reference{background:var(--home-paper)}
.home-reference h2,.home-analytics h2,.home-resources h2{margin:0;color:var(--home-ink);font-family:Georgia,"Times New Roman",serif;font-size:clamp(32px,4vw,48px);line-height:1.05;font-weight:400;letter-spacing:-1.2px}
.home-reference-intro{max-width:850px;margin:18px 0 42px;color:var(--home-muted);font-family:Georgia,serif;font-size:16px;line-height:1.75}

/* ---------- FRAMEWORK CARDS ---------- */
.framework-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.framework{position:relative;min-height:245px;overflow:hidden;background:#fff;border:1px solid var(--home-line);box-shadow:0 6px 18px rgba(20,38,45,.035);transition:.25s}
.framework:before{content:"";position:absolute;right:0;top:0;width:42%;height:100%;background-image:var(--framework-image);background-size:cover;background-position:center;opacity:.13;filter:grayscale(1)}
.framework:after{content:"";position:absolute;left:0;top:0;width:4px;height:0;background:var(--home-teal);transition:.25s}
.framework:hover{transform:translateY(-4px);box-shadow:var(--home-shadow);border-color:#b9ccca}
.framework:hover:after{height:100%}
.framework:nth-child(1){--framework-image:url('/assets/diagrams/stores-illustration.svg')}
.framework:nth-child(2){--framework-image:url('/assets/diagrams/inventory-illustration.svg')}
.framework:nth-child(3){--framework-image:url('/assets/diagrams/purchase-illustration.svg')}
.framework:nth-child(4){--framework-image:url('/assets/diagrams/planning-illustration.svg')}
.framework:nth-child(5){--framework-image:url('/assets/diagrams/materials-illustration.svg')}
.framework:nth-child(6){--framework-image:url('/assets/diagrams/erp-illustration.svg')}
.framework:nth-child(7){--framework-image:url('/assets/diagrams/control-systems-illustration.svg')}
.framework:nth-child(8){--framework-image:url('/assets/diagrams/lean-illustration.svg')}
.framework:nth-child(9){--framework-image:url('/assets/diagrams/kpi-illustration.svg')}
.framework-body{position:relative;z-index:2;padding:28px 28px 24px;width:72%;min-height:245px;display:flex;flex-direction:column;align-items:flex-start}
.framework h3{margin:0;color:var(--home-ink);font-family:Georgia,serif;font-size:22px;line-height:1.15;font-weight:600}
.framework p{margin:13px 0 20px;color:#637277;font-size:12px;line-height:1.65}
.framework a,.analytics-link,.resource-link{margin-top:auto;color:#075f87;font-size:11px;font-weight:800;letter-spacing:.8px}
.framework a:hover,.analytics-link:hover,.resource-link:hover{color:var(--home-teal-dark)}

/* ---------- ANALYTICS ---------- */
.home-analytics{background:#fff;border-top:1px solid var(--home-line);border-bottom:1px solid var(--home-line)}
.home-section-label{display:flex;align-items:center;gap:12px;margin-bottom:13px;color:var(--home-teal);font-size:9px;font-weight:800;letter-spacing:2.3px;text-transform:uppercase}
.home-section-label:before{content:"";width:34px;height:2px;background:var(--home-teal)}
.home-analytics-intro,.home-resources-intro{display:grid;grid-template-columns:1fr .75fr;gap:60px;align-items:end;margin-bottom:38px}
.home-analytics-intro p,.home-resources-intro p{margin:0;color:var(--home-muted);font-family:Georgia,serif;font-size:15px;line-height:1.7}
.analytics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.analytics-card{position:relative;min-height:205px;padding:26px 24px 22px;background:var(--home-paper);border:1px solid var(--home-line);overflow:hidden;transition:.25s}
.analytics-card:before{content:"";position:absolute;right:-30px;top:-30px;width:105px;height:105px;border:1px solid rgba(15,102,104,.25);border-radius:50%}
.analytics-card:after{content:"";position:absolute;right:18px;top:18px;width:32px;height:32px;border:1px solid rgba(15,102,104,.45);border-radius:50%}
.analytics-card:hover{transform:translateY(-3px);background:#fff;box-shadow:var(--home-shadow)}
.analytics-card h3{margin:0;color:var(--home-ink);font-family:Georgia,serif;font-size:19px;line-height:1.2}
.analytics-card p{margin:12px 0 20px;color:#647378;font-size:12px;line-height:1.65}
.analytics-link{display:inline-block}
.analytics-note{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:22px;padding:18px 22px;background:var(--home-teal-soft);border-left:4px solid var(--home-teal)}
.analytics-note strong{color:var(--home-teal-dark);font-size:10px;letter-spacing:1.4px;text-transform:uppercase}
.analytics-note span{color:#42575c;font-family:Georgia,serif;font-size:14px}

/* ---------- RESOURCES ---------- */
.home-resources{background:var(--home-paper)}
.resources-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.resource-card{position:relative;min-height:260px;overflow:hidden;background:#fff;border:1px solid var(--home-line);transition:.25s}
.resource-card:before{content:"";position:absolute;inset:auto 0 0;height:70px;background:linear-gradient(transparent,var(--home-teal-soft));opacity:.65}
.resource-card:nth-child(1){--resource-image:url('/assets/diagrams/tools-illustration.svg')}
.resource-card:nth-child(2){--resource-image:url('/assets/diagrams/templates-illustration.svg')}
.resource-card:nth-child(3){--resource-image:url('/assets/diagrams/case-studies-illustration.svg')}
.resource-card:nth-child(4){--resource-image:url('/assets/diagrams/frameworks-illustration.svg')}
.resource-card:after{content:"";position:absolute;right:14px;top:14px;width:86px;height:86px;background-image:var(--resource-image);background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.17}
.resource-card:hover{transform:translateY(-4px);box-shadow:var(--home-shadow)}
.resource-body{position:relative;z-index:2;padding:28px;min-height:260px;display:flex;flex-direction:column}
.resource-type{color:var(--home-teal);font-size:8px;font-weight:800;letter-spacing:1.8px}
.resource-card h3{margin:12px 0 10px;color:var(--home-ink);font-family:Georgia,serif;font-size:20px;line-height:1.2}
.resource-card p{margin:0 0 18px;color:#66767b;font-size:12px;line-height:1.65}

/* ---------- FOOTER ---------- */
.home-footer{background:var(--home-teal-dark);color:#dce8e6}
.home-footer-inner{width:min(var(--home-max),calc(100% - 48px));min-height:88px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;font-size:10px;letter-spacing:.5px}
.home-footer-inner>div:last-child{text-align:right}
.home-footer a{color:#fff;font-weight:800}
.home-footer a:hover{text-decoration:underline}
.site-map-link{text-align:center}

/* ---------- RESPONSIVE ---------- */
@media(max-width:1050px){
  .home-header-inner{grid-template-columns:1fr;gap:12px}
  .home-nav{justify-content:flex-start;max-width:none}
  .home-hero-inner{grid-template-columns:1fr}
  .home-hero-copy{padding:72px 0 62px}
  .home-hero-copy:after{display:none}
  .home-visual{min-height:500px;border-left:0;border-top:1px solid var(--home-line)}
  .framework-grid{grid-template-columns:repeat(2,1fr)}
  .resources-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .home-wrap,.home-header-inner,.home-hero-inner,.home-footer-inner{width:min(100% - 32px,1240px)}
  .home-header-inner{min-height:auto;padding:17px 0}
  .home-brand-title{font-size:19px}
  .home-brand-line{font-size:7px;letter-spacing:1px}
  .home-nav{gap:6px 13px}
  .home-nav a{font-size:10px}
  .home-hero h1{font-size:48px;letter-spacing:-1.8px}
  .home-hero-text{font-size:15px}
  .home-visual{min-height:480px}
  .home-industrial-image{right:3%;top:4%;width:43%}
  .material-flow{left:4%;width:67%;padding:15px}
  .flow-step{font-size:8px;min-height:36px}
  .flow-side{right:3%;width:27%;padding:16px 12px}
  .flow-side strong{font-size:27px}
  .home-metrics-grid{grid-template-columns:repeat(2,1fr)}
  .home-metric{min-height:130px;padding:24px 18px}
  .home-metric:nth-child(2){border-right:0}
  .home-reference,.home-analytics,.home-resources{padding:65px 0}
  .home-analytics-intro,.home-resources-intro{grid-template-columns:1fr;gap:14px}
  .framework-grid,.analytics-grid,.resources-grid{grid-template-columns:1fr}
  .framework,.framework-body{min-height:210px}
  .framework-body{width:78%;padding:24px}
  .analytics-note{display:block}
  .analytics-note span{display:block;margin-top:8px}
  .home-footer-inner{grid-template-columns:1fr;text-align:center;padding:22px 0}
  .home-footer-inner>div:last-child{text-align:center}
}
@media(max-width:480px){
  .home-hero-copy{padding:58px 0 50px}
  .home-hero h1{font-size:42px}
  .home-visual{min-height:430px}
  .home-industrial-image{opacity:.55}
  .material-flow{top:55%;width:71%}
  .flow-side{top:55%;width:25%;padding:12px 9px}
  .control-item{font-size:6.5px}
  .home-metric strong{font-size:25px}
}

/* ==========================================================
   HOME PREMIUM READABILITY + CONTRAST PATCH
   ========================================================== */
.home-page{
  font-size:16px;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

/* Stronger, easier-to-read typography */
.home-page h1,
.home-page h2,
.home-page h3,
.home-page strong,
.home-page .home-brand-title{
  font-weight:800;
}

.home-brand-title{
  font-size:25px;
}
.home-brand-name{font-size:13px}
.home-brand-line{font-size:9px}
.home-nav a{font-size:13px;font-weight:600}

.home-hero-inner{
  min-height:620px;
  gap:34px;
}
.home-hero-copy{
  padding:82px 18px 82px 0;
}
.home-hero h1{
  max-width:760px;
  font-family:Inter,Arial,sans-serif;
  font-size:clamp(52px,6vw,78px);
  line-height:.96;
  letter-spacing:-3px;
  font-weight:800;
}
.home-hero h1 span{font-weight:800}
.home-hero-text{
  max-width:700px;
  margin:30px 0 34px;
  font-family:Inter,Arial,sans-serif;
  font-size:18px;
  line-height:1.65;
  font-weight:500;
  color:#43565d;
}
.home-btn{
  min-height:52px;
  padding:0 24px;
  font-size:12px;
  font-weight:800;
}

/* Realistic industrial photograph behind the technical graphic.
   Pexels marks this photograph as free to use on its photo page. */
.home-visual{
  min-height:620px;
  border:1px solid #c9d8d5;
  border-radius:8px;
  background-image:
    linear-gradient(135deg,rgba(8,63,67,.72),rgba(8,63,67,.24) 58%,rgba(8,63,67,.58)),
    url('https://images.pexels.com/photos/36398150/pexels-photo-36398150.jpeg?cs=srgb&dl=pexels-willians-huerta-2157111846-36398150.jpg&fm=jpg');
  background-size:cover;
  background-position:center;
  box-shadow:0 24px 55px rgba(8,63,67,.14);
}
.home-visual-grid{
  opacity:.15;
  background-size:38px 38px;
}
.home-industrial-image{
  right:4%;
  top:7%;
  width:43%;
  max-height:34%;
  opacity:.98;
  filter:drop-shadow(0 14px 25px rgba(0,0,0,.22));
  background:rgba(255,255,255,.82);
  border-radius:5px;
  padding:8px;
}
.material-flow{
  left:5%;
  top:52%;
  width:58%;
  padding:24px;
  border:2px solid rgba(255,255,255,.9);
  border-radius:6px;
  background:rgba(255,255,255,.97);
  box-shadow:0 22px 48px rgba(0,0,0,.22);
}
.flow-title{
  font-size:12px;
  font-weight:900;
}
.flow-step{
  min-height:45px;
  margin:8px 0;
  padding:0 14px;
  color:#17343b;
  font-size:11px;
  font-weight:900;
  letter-spacing:.5px;
  border:1px solid #b8ccca;
  box-shadow:0 2px 7px rgba(8,63,67,.05);
}
.flow-step:before{flex:0 0 auto}

/* Critical contrast fix: all text on the deep-teal 4R panel is white. */
.flow-side{
  right:5%;
  top:52%;
  width:27%;
  padding:24px 19px;
  border:2px solid rgba(255,255,255,.34);
  border-radius:5px;
  background:#073c40;
  color:#fff !important;
  box-shadow:0 24px 48px rgba(0,0,0,.25);
}
.flow-side strong,
.flow-side small,
.flow-side em,
.flow-side .control-item,
.flow-side .control-item span{
  color:#fff !important;
}
.flow-side strong{font-size:40px;font-weight:900}
.flow-side small{font-size:9px;font-weight:900}
.control-item{
  margin:12px 0;
  font-size:9px;
  font-weight:900;
  line-height:1.3;
}
.flow-side hr{border-top-color:rgba(255,255,255,.34)}
.flow-side em{font-size:8px;font-weight:700}

/* Metrics: high-contrast white typography on teal. */
.home-metric strong,
.home-metric span,
.home-metric p{color:#fff !important}
.home-metric span{opacity:.92}
.home-metric p{opacity:.82;font-size:12px;font-weight:500}
.home-metric:after{background:#70b7b5}

/* Section headings */
.home-reference,.home-analytics,.home-resources{padding:100px 0}
.home-reference h2,
.home-analytics h2,
.home-resources h2{
  font-family:Inter,Arial,sans-serif;
  font-weight:800;
  font-size:clamp(34px,4.2vw,52px);
  letter-spacing:-1.8px;
}
.home-reference-intro,
.home-analytics-intro p,
.home-resources-intro p{
  font-family:Inter,Arial,sans-serif;
  font-size:17px;
  line-height:1.75;
  font-weight:500;
}

/* More visible, colourful framework illustrations */
.framework{
  min-height:270px;
  border-radius:8px;
  box-shadow:0 10px 25px rgba(20,38,45,.055);
}
.framework:before{
  width:48%;
  opacity:.28;
  filter:none;
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center right;
}
.framework-body{
  min-height:270px;
  width:70%;
  padding:32px 30px 28px;
}
.framework h3{
  font-family:Inter,Arial,sans-serif;
  font-size:23px;
  font-weight:800;
  line-height:1.18;
}
.framework p{
  font-size:14px;
  line-height:1.7;
  font-weight:500;
  color:#53666c;
}
.framework a,.analytics-link,.resource-link{
  font-size:12px;
  font-weight:900;
}

/* Subtle photographic accents without replacing the site's technical diagrams. */
.home-reference{position:relative;overflow:hidden}
.home-reference:after{
  content:"";
  position:absolute;
  right:-70px;
  top:155px;
  width:300px;
  height:190px;
  border-radius:14px;
  background-image:
    linear-gradient(90deg,rgba(245,247,245,.95),rgba(245,247,245,.08)),
    url('https://images.pexels.com/photos/1267327/pexels-photo-1267327.jpeg?cs=srgb&dl=pexels-elevate-1267327.jpg&fm=jpg');
  background-size:cover;
  background-position:center;
  opacity:.20;
  transform:rotate(-3deg);
  pointer-events:none;
}
.home-reference .home-wrap{position:relative;z-index:1}

.analytics-card h3,
.resource-card h3{
  font-family:Inter,Arial,sans-serif;
  font-weight:800;
}
.analytics-card p,
.resource-card p{
  font-size:13px;
  line-height:1.7;
  font-weight:500;
}

/* Keep all clickable text unmistakably readable */
.home-page a{font-weight:600}
.home-page .home-nav a{font-weight:700}
.home-page .home-btn{font-weight:900}

/* Generous, symmetrical mobile margins */
@media(max-width:760px){
  .home-wrap,
  .home-header-inner,
  .home-hero-inner,
  .home-footer-inner{width:calc(100% - 36px);max-width:none}
  .home-header-inner{padding:16px 0 18px}
  .home-brand-title{font-size:21px}
  .home-nav{gap:8px 13px}
  .home-nav a{font-size:11px}
  .home-hero-inner{gap:18px}
  .home-hero-copy{padding:62px 0 50px}
  .home-hero h1{font-size:46px;line-height:1.0;letter-spacing:-2px}
  .home-hero-text{font-size:16px;line-height:1.65}
  .home-visual{min-height:540px}
  .home-industrial-image{width:46%;max-height:27%;right:3%;top:4%}
  .material-flow{left:4%;top:54%;width:68%;padding:16px}
  .flow-step{font-size:9px;min-height:38px}
  .flow-side{right:3%;top:54%;width:25%;padding:15px 10px}
  .flow-side strong{font-size:30px}
  .control-item{font-size:7px;margin:9px 0}
  .flow-side em{font-size:6.5px}
  .home-reference:after{display:none}
  .home-reference,.home-analytics,.home-resources{padding:72px 0}
  .home-reference h2,.home-analytics h2,.home-resources h2{font-size:34px}
  .home-reference-intro,.home-analytics-intro p,.home-resources-intro p{font-size:15px}
  .framework,.framework-body{min-height:235px}
  .framework-body{width:72%;padding:26px 22px}
  .framework h3{font-size:21px}
  .framework p{font-size:13px}
}

@media(max-width:480px){
  .home-wrap,
  .home-header-inner,
  .home-hero-inner,
  .home-footer-inner{width:calc(100% - 28px)}
  .home-brand-title{font-size:19px}
  .home-brand-name{font-size:11px;letter-spacing:3px}
  .home-brand-line{font-size:7px;letter-spacing:.8px}
  .home-nav{gap:7px 10px}
  .home-nav a{font-size:9px}
  .home-hero-copy{padding:54px 0 44px}
  .home-hero h1{font-size:40px}
  .home-hero-text{font-size:15px}
  .home-actions{gap:8px}
  .home-btn{min-height:48px;padding:0 15px;font-size:10px}
  .home-visual{min-height:450px}
  .home-industrial-image{width:44%;max-height:25%}
  .material-flow{top:56%;width:70%;padding:13px}
  .flow-title{font-size:9px}
  .flow-step{font-size:7.5px;min-height:34px;padding:0 9px;margin:6px 0}
  .flow-side{top:56%;width:25%;padding:12px 8px}
  .flow-side strong{font-size:26px}
  .flow-side small{font-size:6px;letter-spacing:1px;margin-bottom:12px}
  .control-item{font-size:6px;gap:5px;margin:7px 0}
  .control-item:before{width:11px;height:11px}
  .flow-side em{font-size:5.5px}
  .home-metric{padding:22px 15px}
  .home-metric strong{font-size:25px}
  .home-metric p{font-size:10px}
}

/* ==========================================================
   HOME CORRECTION #13 — LARGE TYPE + CARD-AS-LINK + BRAND
   ========================================================== */
.home-page{
  font-size:18px;
  line-height:1.75;
}

/* Premium professional masthead treatment */
.home-brand-title{
  position:relative;
  display:inline-block;
  font-family:Georgia,"Times New Roman",serif !important;
  font-size:clamp(28px,2.8vw,38px) !important;
  line-height:1.05 !important;
  letter-spacing:1.6px !important;
  font-weight:800 !important;
  text-transform:uppercase;
  color:#102d34 !important;
  text-shadow:0 1px 0 #fff, 0 2px 10px rgba(8,63,67,.08);
  padding-bottom:9px;
}
.home-brand-title:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:74%;
  height:4px;
  background:linear-gradient(90deg,#0f6668 0%,#2a9b98 55%,rgba(42,155,152,0) 100%);
  border-radius:4px;
}
.home-brand-name{
  font-size:15px !important;
  letter-spacing:5px !important;
  font-weight:900 !important;
  margin-top:9px !important;
}
.home-brand-line{
  font-size:10px !important;
  letter-spacing:1.7px !important;
  font-weight:700 !important;
}
.home-nav a{
  font-size:15px !important;
  font-weight:800 !important;
  padding:7px 0 !important;
}

/* Global readable scale: body copy and controls are substantially larger. */
.home-page p,
.home-page li,
.home-page a,
.home-page span,
.home-page label,
.home-page button{
  font-size:1.5em;
}
/* Reset the structural navigation/brand elements to their intentional sizes. */
.home-nav a{font-size:15px !important}
.home-brand-name{font-size:15px !important}
.home-brand-line{font-size:10px !important}

.home-hero-text{
  font-size:23px !important;
  line-height:1.7 !important;
  font-weight:600 !important;
}
.home-btn{
  min-height:58px !important;
  padding:0 28px !important;
  font-size:15px !important;
  font-weight:900 !important;
  letter-spacing:1.1px;
}

/* Framework: the whole card is the link; no extra Explore label is needed. */
.framework-link{
  display:block;
  color:inherit;
  cursor:pointer;
}
.framework-link .framework-body{width:72%}
.framework-link h3{
  font-size:30px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
}
.framework-link p{
  font-size:18px !important;
  line-height:1.7 !important;
  font-weight:600 !important;
  margin-bottom:0 !important;
}
.framework-link:hover h3{color:var(--home-teal-dark)}

/* Analytics cards: entire card is clickable; remove Open Tool wording. */
.analytics-card h3{
  font-size:27px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
}
.analytics-card p{
  font-size:18px !important;
  line-height:1.7 !important;
  font-weight:600 !important;
}

/* Resources: entire card is clickable; remove Explore/View wording. */
.resource-card h3{
  font-size:27px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
}
.resource-card p{
  font-size:18px !important;
  line-height:1.7 !important;
  font-weight:600 !important;
}
.resource-type{
  font-size:12px !important;
  font-weight:900 !important;
  letter-spacing:2px !important;
}

/* Section labels: "Management Principle" is deliberately doubled from its
   original small presentation and all section labels are made prominent. */
.home-section-label,
.home-section-label *{
  font-size:18px !important;
  line-height:1.3 !important;
  font-weight:900 !important;
  letter-spacing:2.4px !important;
}
.analytics-note{
  min-height:74px !important;
  padding:18px 24px !important;
}
.analytics-note strong{
  font-size:36px !important;
  line-height:1.1 !important;
  font-weight:900 !important;
}
.analytics-note span{
  font-size:24px !important;
  line-height:1.35 !important;
  font-weight:700 !important;
}

/* Major headings */
.home-reference h2,
.home-analytics h2,
.home-resources h2{
  font-size:clamp(42px,4.6vw,64px) !important;
  line-height:1.08 !important;
  font-weight:900 !important;
}
.home-reference-intro,
.home-analytics-intro p,
.home-resources-intro p{
  font-size:22px !important;
  line-height:1.75 !important;
  font-weight:600 !important;
}
.home-section-label + .home-analytics-intro,
.home-section-label + .home-resources-intro{margin-top:8px}

/* Metrics */
.home-metric strong{font-size:40px !important;font-weight:900 !important}
.home-metric span{font-size:14px !important;font-weight:900 !important}
.home-metric p{font-size:16px !important;line-height:1.55 !important;font-weight:600 !important}

/* Hero visual text */
.flow-title{font-size:15px !important}
.flow-step{font-size:15px !important;min-height:50px !important;font-weight:900 !important}
.flow-side strong{font-size:48px !important}
.flow-side small{font-size:12px !important}
.control-item{font-size:12px !important;margin:14px 0 !important}
.flow-side em{font-size:11px !important}

/* Footer remains readable without becoming visually heavy. */
.home-footer-inner{font-size:13px !important}
.home-footer-inner a{font-size:13px !important}

@media(max-width:900px){
  .home-brand-title{font-size:30px !important}
  .home-nav a{font-size:14px !important}
  .home-hero-text{font-size:20px !important}
  .framework-link h3{font-size:26px !important}
  .framework-link p{font-size:16px !important}
  .analytics-card h3,.resource-card h3{font-size:24px !important}
  .analytics-card p,.resource-card p{font-size:16px !important}
  .home-reference-intro,.home-analytics-intro p,.home-resources-intro p{font-size:19px !important}
  .analytics-note strong{font-size:30px !important}
  .analytics-note span{font-size:21px !important}
}

@media(max-width:760px){
  .home-wrap,.home-header-inner,.home-hero-inner,.home-footer-inner{width:calc(100% - 34px) !important}
  .home-brand-title{font-size:27px !important;letter-spacing:1px !important}
  .home-brand-name{font-size:13px !important;letter-spacing:4px !important}
  .home-brand-line{font-size:9px !important}
  .home-nav a{font-size:13px !important}
  .home-hero h1{font-size:52px !important}
  .home-hero-text{font-size:19px !important}
  .home-btn{font-size:14px !important;min-height:56px !important}
  .home-reference h2,.home-analytics h2,.home-resources h2{font-size:42px !important}
  .home-reference-intro,.home-analytics-intro p,.home-resources-intro p{font-size:18px !important}
  .framework-link h3{font-size:25px !important}
  .framework-link p{font-size:16px !important}
  .analytics-card h3,.resource-card h3{font-size:23px !important}
  .analytics-card p,.resource-card p{font-size:16px !important}
  .home-section-label{font-size:18px !important}
  .analytics-note strong{font-size:27px !important}
  .analytics-note span{font-size:19px !important}
  .home-metric strong{font-size:34px !important}
  .home-metric span{font-size:12px !important}
  .home-metric p{font-size:14px !important}
}

@media(max-width:480px){
  .home-wrap,.home-header-inner,.home-hero-inner,.home-footer-inner{width:calc(100% - 28px) !important}
  .home-brand-title{font-size:23px !important}
  .home-brand-name{font-size:11px !important;letter-spacing:3.5px !important}
  .home-brand-line{font-size:8px !important}
  .home-nav a{font-size:12px !important}
  .home-hero h1{font-size:44px !important}
  .home-hero-text{font-size:18px !important}
  .home-reference h2,.home-analytics h2,.home-resources h2{font-size:36px !important}
  .home-reference-intro,.home-analytics-intro p,.home-resources-intro p{font-size:17px !important}
  .framework-link h3{font-size:23px !important}
  .framework-link p{font-size:15px !important}
  .analytics-card h3,.resource-card h3{font-size:21px !important}
  .analytics-card p,.resource-card p{font-size:15px !important}
  .home-section-label{font-size:18px !important}
  .analytics-note{padding:16px 18px !important}
  .analytics-note strong{font-size:24px !important}
  .analytics-note span{font-size:17px !important}
  .flow-title{font-size:12px !important}
  .flow-step{font-size:11px !important}
  .flow-side strong{font-size:32px !important}
  .flow-side small{font-size:9px !important}
  .control-item{font-size:9px !important}
  .flow-side em{font-size:8px !important}
}


/* ============================================================
   HOME THEME CORRECTION #14
   High-contrast CTA typography
   ============================================================ */

/* Professional Reference / Analytical Tools and all primary
   homepage CTA buttons use white text on the teal surface. */
.home-page .home-btn,
.home-page .home-btn:visited,
.home-page .home-btn.alt,
.home-page .home-btn.alt:visited {
  color: #ffffff !important;
  background: var(--home-teal) !important;
  border-color: var(--home-teal) !important;
  text-shadow: none !important;
  font-weight: 900 !important;
}

.home-page .home-btn:hover,
.home-page .home-btn.alt:hover {
  color: #ffffff !important;
  background: var(--home-teal-dark) !important;
  border-color: var(--home-teal-dark) !important;
}

/* Keep the arrow equally visible. */
.home-page .home-btn::after,
.home-page .home-btn.alt::after {
  color: #ffffff !important;
}


/* ============================================================
   HOME THEME CORRECTION #15
   HERO CTA — maximum contrast and bold typography
   ============================================================ */

/* First CTA: teal-filled button — white, heavy text. */
.home-page .home-actions a.home-btn:not(.alt),
.home-page .home-actions a.home-btn:not(.alt):visited,
.home-page .home-actions a.home-btn:not(.alt) span {
  color: #ffffff !important;
  background: #0f6668 !important;
  border-color: #0f6668 !important;
  font-weight: 900 !important;
  font-size: 16px !important;
  letter-spacing: .8px !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* Second CTA: retain the outlined white surface, but make its
   typography strongly bold and highly readable. */
.home-page .home-actions a.home-btn.alt,
.home-page .home-actions a.home-btn.alt:visited,
.home-page .home-actions a.home-btn.alt span {
  color: #0f6668 !important;
  background: #ffffff !important;
  border-color: #0f6668 !important;
  font-weight: 900 !important;
  font-size: 16px !important;
  letter-spacing: .8px !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

/* Hover states remain high contrast. */
.home-page .home-actions a.home-btn:not(.alt):hover,
.home-page .home-actions a.home-btn:not(.alt):focus {
  color: #ffffff !important;
  background: #083f43 !important;
  border-color: #083f43 !important;
}

.home-page .home-actions a.home-btn.alt:hover,
.home-page .home-actions a.home-btn.alt:focus {
  color: #ffffff !important;
  background: #0f6668 !important;
  border-color: #0f6668 !important;
}

/* Mobile: keep the same readable weight and scale. */
@media (max-width: 650px) {
  .home-page .home-actions a.home-btn {
    font-size: 15px !important;
    font-weight: 900 !important;
    min-height: 56px !important;
  }
}


/* ============================================================
   HOME VISUAL REDESIGN — PREMIUM INDUSTRIAL INFOGRAPHIC EDITION
   Content unchanged; visual system only.
   ============================================================ */
.home-page{background:#eef3f1;color:#102a30}
.home-header{background:#fff;box-shadow:0 8px 28px rgba(8,63,67,.07);border-bottom:0}
.home-header:after{content:"";display:block;height:4px;background:linear-gradient(90deg,#083f43 0 18%,#0f6668 18% 58%,#d08a34 58% 76%,#c65b52 76% 100%)}
.home-brand-title{font-family:Arial,Helvetica,sans-serif!important;font-size:30px!important;font-weight:900!important;letter-spacing:1px!important;line-height:1!important;color:#082f34!important}
.home-brand-title:after{content:"";display:block;width:86px;height:4px;margin-top:9px;background:linear-gradient(90deg,#0f6668,#d08a34);border-radius:5px}
.home-brand-name{font-size:14px!important;letter-spacing:4px!important;margin-top:10px!important}
.home-brand-line{font-size:9px!important;color:#52676c!important}
.home-nav a{font-weight:800!important;color:#27444b!important}
.home-nav a:after{height:3px}

.home-hero{background:linear-gradient(135deg,#fff 0%,#f8fbfa 55%,#eaf3f1 100%);border-bottom:0}
.home-hero:before{height:6px;background:linear-gradient(90deg,#083f43,#0f6668,#3479a8,#d08a34,#c65b52)}
.home-hero-inner{min-height:690px;grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);gap:44px}
.home-hero-copy{padding:86px 10px 82px 0}
.home-hero-copy:after{right:-22px;background:#cbd9d6;height:70%;top:15%}
.home-kicker{font-size:12px!important;letter-spacing:3px!important;font-weight:900!important}
.home-kicker:before{width:52px;height:3px}
.home-hero h1{font-size:clamp(55px,6.3vw,86px)!important;letter-spacing:-3.6px!important;line-height:.93!important}
.home-hero h1 span{color:#0f6668!important}
.home-hero-text{font-size:19px!important;line-height:1.7!important;color:#42585e!important;max-width:680px}
.home-actions{gap:14px}
.home-btn{min-height:58px!important;padding:0 28px!important;font-size:13px!important;font-weight:900!important;border-radius:6px!important;box-shadow:0 8px 18px rgba(8,63,67,.10)}

.home-visual{min-height:690px!important;border:0!important;border-radius:18px!important;background:#dfecea!important;box-shadow:0 28px 65px rgba(8,63,67,.16)!important;overflow:hidden}
.home-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.90),rgba(225,239,236,.70));z-index:0}
.home-visual-grid{opacity:.13!important;background-size:44px 44px!important;z-index:1}
.home-lifecycle-infographic{position:absolute;inset:34px 30px auto 30px;width:calc(100% - 60px);height:auto;max-height:48%;object-fit:contain;z-index:2;filter:drop-shadow(0 12px 22px rgba(8,63,67,.12))}
.home-industrial-image{display:none!important}
.material-flow{left:5%;top:auto;bottom:6%;width:57%;padding:21px!important;background:rgba(255,255,255,.98)!important;border:2px solid #c1d4d1!important;border-radius:12px!important;z-index:4!important}
.flow-title{font-size:13px!important;color:#083f43!important;margin-bottom:12px!important}
.flow-step{min-height:40px!important;font-size:10px!important;border-radius:5px!important;margin:6px 0!important}
.flow-side{right:5%;top:auto;bottom:6%;width:30%;padding:22px 17px!important;border-radius:12px!important;background:#083f43!important;z-index:5!important}
.flow-side strong{font-size:44px!important}
.control-item{font-size:9px!important}

.home-metrics{background:#083f43!important}
.home-metrics-grid{grid-template-columns:repeat(4,1fr)}
.home-metric{min-height:165px;padding:34px 28px!important}
.home-metric strong{font-size:36px!important;font-weight:900!important}
.home-metric span{font-size:11px!important;letter-spacing:1.7px!important}
.home-metric p{font-size:13px!important}
.home-metric:after{width:72px;height:4px}

.home-reference{background:#eef3f1!important;padding:108px 0!important}
.home-reference h2,.home-analytics h2,.home-resources h2{font-size:clamp(38px,4.4vw,58px)!important;font-weight:900!important}
.home-reference-intro,.home-analytics-intro p,.home-resources-intro p{font-size:18px!important;line-height:1.75!important}
.framework-grid{gap:22px!important}
.framework{min-height:285px!important;border:0!important;border-radius:14px!important;background:#fff!important;box-shadow:0 12px 34px rgba(20,38,45,.07)!important}
.framework:before{width:50%!important;opacity:.22!important}
.framework:after{width:6px!important}
.framework-body{min-height:285px!important;padding:34px!important;width:72%!important}
.framework h3{font-size:24px!important;font-weight:900!important}
.framework p{font-size:14px!important;line-height:1.7!important}

.home-analytics{background:#fff!important;padding:108px 0!important}
.home-section-label{font-size:11px!important;font-weight:900!important;letter-spacing:2.8px!important}
.home-decision-graphic{margin:0 0 34px;padding:12px;background:#f5f9f8;border:1px solid #d4e2df;border-radius:16px;box-shadow:0 12px 28px rgba(8,63,67,.06)}
.home-decision-graphic img{display:block;width:100%;height:auto}
.analytics-grid{gap:18px!important}
.analytics-card{min-height:220px!important;border:0!important;border-radius:12px!important;background:#f1f6f4!important;box-shadow:0 8px 24px rgba(20,38,45,.055)!important}
.analytics-card h3{font-size:21px!important;font-weight:900!important}
.analytics-card p{font-size:14px!important;line-height:1.7!important}
.analytics-note{border-radius:8px!important;padding:22px 26px!important}
.analytics-note strong{font-size:13px!important;font-weight:900!important}
.analytics-note span{font-size:18px!important;font-weight:700!important}

.home-resources{background:#eef3f1!important;padding:108px 0!important}
.resources-grid{gap:20px!important}
.resource-card{min-height:275px!important;border:0!important;border-radius:14px!important;box-shadow:0 12px 30px rgba(20,38,45,.07)!important}
.resource-body{min-height:275px!important;padding:32px!important}
.resource-type{font-size:10px!important;font-weight:900!important;letter-spacing:2px!important}
.resource-card h3{font-size:22px!important;font-weight:900!important}
.resource-card p{font-size:14px!important;line-height:1.7!important}

.home-footer{background:#062f34!important}
.home-footer-inner{font-size:11px!important}

@media(max-width:1050px){
 .home-hero-inner{grid-template-columns:1fr;gap:28px}
 .home-hero-copy{padding-right:0}
 .home-hero-copy:after{display:none}
 .home-visual{min-height:680px!important}
 .home-metrics-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
 .home-brand-title{font-size:24px!important}
 .home-hero h1{font-size:50px!important}
 .home-hero-text{font-size:17px!important}
 .home-visual{min-height:620px!important}
 .home-lifecycle-infographic{inset:20px 12px auto 12px;width:calc(100% - 24px);max-height:48%}
 .material-flow{left:4%;bottom:5%;width:68%!important}
 .flow-side{right:4%;bottom:5%;width:26%!important;padding:17px 11px!important}
 .home-metrics-grid{grid-template-columns:1fr 1fr}
 .home-reference,.home-analytics,.home-resources{padding:76px 0!important}
 .home-decision-graphic{margin-bottom:26px}
}
@media(max-width:480px){
 .home-brand-title{font-size:21px!important}
 .home-brand-line{font-size:7px!important}
 .home-hero h1{font-size:43px!important}
 .home-visual{min-height:570px!important}
 .home-lifecycle-infographic{max-height:43%}
 .material-flow{width:72%!important;padding:14px!important}
 .flow-step{font-size:8px!important;min-height:34px!important}
 .flow-side{width:24%!important;padding:12px 8px!important}
 .flow-side strong{font-size:29px!important}
 .control-item{font-size:6.5px!important}
 .home-metrics-grid{grid-template-columns:1fr}
}

/* =========================================================
   HOMEPAGE LAYOUT NORMALIZATION
   Desktop uses the same composition as the approved
   mobile "Desktop Site" view.
   ========================================================= */

/* Header: brand above navigation, same compact composition */
.home-header-inner {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
}

.home-brand {
  width: 100% !important;
}

.home-nav {
  width: 100% !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  justify-content: flex-start !important;
  align-items: center !important;
  white-space: nowrap !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
}

/* Hero: one controlled vertical composition */
.home-hero-inner {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 42px !important;
  align-items: start !important;
}

.home-hero-copy {
  width: 100% !important;
  max-width: 760px !important;
  min-width: 0 !important;
}

.home-hero-copy h1 {
  max-width: 760px !important;
}

.home-hero-text {
  max-width: 700px !important;
}

/* Material-flow visual stays completely below the headline */
.home-visual {
  position: relative !important;
  width: 100% !important;
  max-width: 1100px !important;
  min-width: 0 !important;
  margin: 0 auto !important;
  left: auto !important;
  right: auto !important;
  top: auto !important;
  bottom: auto !important;
}

/* Keep the visual itself contained */
.material-flow {
  max-width: 720px !important;
}

.flow-side {
  max-width: 300px !important;
}

/* Prevent desktop text/visual overlap */
.home-hero,
.home-hero-inner,
.home-hero-copy,
.home-visual {
  overflow: visible !important;
}

/* Large screens should retain the same proportions rather
   than switching to the old overlapping two-column design. */
@media (min-width: 1100px) {
  .home-hero-inner {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  .home-hero-copy {
    max-width: 760px !important;
  }

  .home-visual {
    min-height: 520px !important;
  }
}