:root{--navy:#061b46;--blue:#08345f;--orange:#ff4a12;--teal:#00758a;--sky:#43a5ef;--green:#008a55;--line:#cfd9e6;--soft:#f5f8fb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--navy);background:#fff}.site-header{height:116px;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(24px,4vw,56px);background:white;box-shadow:0 2px 18px rgba(8,27,70,.07);gap:24px}.brand img{width:min(500px,42vw);height:auto;display:block}.nav{display:flex;align-items:center;gap:clamp(22px,3.1vw,56px);font-weight:900;text-transform:uppercase;font-size:clamp(15px,1.05vw,20px);letter-spacing:.01em}.nav a{position:relative;color:var(--navy);text-decoration:none}.nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-14px;height:4px;background:var(--orange);border-radius:4px}.hero{min-height:704px;display:grid;grid-template-columns:39% 61%;gap:0;padding:0 clamp(24px,2.8vw,48px) 34px;align-items:center;background:radial-gradient(circle at 2% 35%,rgba(90,165,240,.16),transparent 24%),linear-gradient(90deg,rgba(255,255,255,.88),rgba(255,255,255,.82)),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='680'%3E%3Crect fill='%23f9faf8' width='900' height='680'/%3E%3Crect fill='%23ffffff' opacity='.85' x='20' y='0' width='58' height='680'/%3E%3Crect fill='%23ffffff' opacity='.8' x='102' y='0' width='80' height='680'/%3E%3Crect fill='%23e8efed' opacity='.45' x='650' y='350' width='170' height='22'/%3E%3Ccircle fill='%2375a867' opacity='.38' cx='610' cy='315' r='22'/%3E%3Ccircle fill='%2389b87d' opacity='.35' cx='640' cy='275' r='18'/%3E%3C/svg%3E");background-size:cover}.copy{padding-top:30px}.copy h1{margin:0 0 28px;font-family:"Arial Narrow","Impact",sans-serif;text-transform:uppercase;font-stretch:condensed;line-height:.98;letter-spacing:-.035em;font-size:clamp(58px,5.8vw,94px)}.copy h1 span,.copy h1 strong{display:block}.copy h1 span{color:var(--navy);font-weight:900}.copy h1 strong{color:var(--orange);font-weight:900}.copy p{max-width:640px;margin:0 0 34px;font-size:clamp(20px,1.7vw,26px);line-height:1.55;font-weight:650}.status{width:min(580px,100%);height:76px;border:3px solid var(--navy);border-radius:12px;background:rgba(255,255,255,.78);display:flex;align-items:center;justify-content:center;gap:22px;box-shadow:0 10px 20px rgba(6,27,70,.09);font-weight:900;text-transform:uppercase;font-size:clamp(22px,1.8vw,31px)}.gear{font-size:42px}.dashboard{background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:18px;padding:28px 26px;box-shadow:0 18px 32px rgba(6,27,70,.14)}.dash-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.dash-title h2,.dashboard h3{margin:0;font-size:24px}.dash-title span{font-size:18px;font-weight:800}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kpis article{border:1px solid var(--line);border-radius:12px;padding:18px 18px 14px;min-height:120px;position:relative}.kpis i{float:left;margin-right:12px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#dcedff;font-style:normal;font-size:28px}.kpis article:nth-child(2) i{background:#bfeee1}.kpis article:nth-child(3) i{background:#ffd8ca}.kpis article:nth-child(4) i{background:#ffd9d7}.kpis small{display:block;font-weight:900}.kpis b{display:block;font-size:34px;margin-top:4px}.kpis em{font-style:normal;font-size:15px;color:#009b55;font-weight:800}.kpis em.down{color:#ff2d10}.pipeline{position:relative;margin:24px 2% 28px;display:grid;grid-template-columns:repeat(5,1fr);text-align:center}.pipeline:before{content:"";position:absolute;left:7%;right:7%;top:25px;height:3px;background:#a7bdd7}.pipeline div{z-index:1}.pipeline span{margin:auto;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#2789dd;color:white;font-size:27px}.pipeline div:nth-child(3) span{background:var(--orange)}.pipeline div:nth-child(4) span{background:#09a7a8}.pipeline div:nth-child(5) span{background:var(--green)}.pipeline b,.pipeline strong{display:block}.pipeline b{margin-top:10px}.pipeline strong{font-size:26px}.lower{display:grid;grid-template-columns:1fr 1fr;gap:18px}.lower article{border:1px solid var(--line);border-radius:12px;padding:18px}.activity p{display:flex;justify-content:space-between;margin:14px 0;font-size:15px;font-weight:800}.health{display:grid;grid-template-columns:1fr 1fr;align-items:center}.health h3{grid-column:1/-1}.donut{width:180px;height:180px;border-radius:50%;background:conic-gradient(var(--orange) 0 25%,var(--teal) 25% 52%,var(--sky) 52% 75%,#dce2e8 75%);display:grid;place-items:center;margin:auto;position:relative}.donut:after{content:"";position:absolute;width:112px;height:112px;background:white;border-radius:50%}.donut b,.donut span{z-index:1}.donut b{font-size:42px}.donut span{margin-top:42px;position:absolute;font-weight:800}.health ul{list-style:none;margin:0;padding:0;font-weight:850}.health li{display:grid;grid-template-columns:18px 1fr 30px;gap:12px;margin:22px 0}.health li i{width:16px;height:16px;border-radius:4px;background:var(--orange)}.health li:nth-child(2) i{background:var(--teal)}.health li:nth-child(3) i{background:var(--sky)}footer{background:linear-gradient(115deg,#011c43,#053c68);color:white;padding:34px clamp(28px,4vw,58px) 34px}.tagline{display:flex;justify-content:center;align-items:center;gap:22px;text-transform:uppercase;font-weight:900;font-size:clamp(18px,1.7vw,27px);letter-spacing:.06em;border-bottom:1px solid rgba(255,255,255,.42);padding-bottom:30px}.tagline b{color:var(--orange)}.legal{display:flex;justify-content:space-between;gap:20px;padding-top:30px;font-size:clamp(16px,1.35vw,23px)}@media (max-width:900px){.site-header{height:auto;display:block;text-align:center}.brand img{width:min(420px,95vw);margin:auto}.nav{margin-top:18px;justify-content:center;flex-wrap:wrap;gap:18px;font-size:13px}.hero{grid-template-columns:1fr;padding:28px 20px}.copy h1{font-size:clamp(48px,14vw,72px)}.dashboard{margin-top:28px;padding:18px}.kpis,.lower{grid-template-columns:1fr}.pipeline{grid-template-columns:1fr;gap:18px;text-align:left}.pipeline:before{display:none}.pipeline div{display:grid;grid-template-columns:64px 1fr 60px;align-items:center}.pipeline b{margin-top:0}.health{grid-template-columns:1fr}.legal{display:grid;text-align:center}.tagline{text-align:center;font-size:16px;line-height:1.6}}@media (max-width:520px){.copy p{font-size:18px}.status{height:64px;font-size:18px}.gear{font-size:32px}.dashboard{border-radius:12px}.kpis article{min-height:auto}.dash-title h2,.dashboard h3{font-size:20px}}

/* Desktop containment refinement: preserves the approved mobile layout while correcting wide-screen balance. */
@media (min-width:901px){
  body{overflow-x:hidden;}
  .site-header{
    height:104px;
    padding:16px clamp(28px,3vw,48px);
    gap:28px;
  }
  .brand img{width:clamp(360px,29vw,455px);}
  .nav{
    flex:1;
    justify-content:flex-end;
    gap:clamp(28px,3.2vw,48px);
    font-size:clamp(14px,1vw,17px);
    white-space:nowrap;
  }
  .hero{
    min-height:680px;
    grid-template-columns:minmax(0,39%) minmax(0,61%);
    padding:0 clamp(32px,3.5vw,64px) 30px;
    column-gap:24px;
  }
  .copy{min-width:0;padding-top:12px;}
  .copy h1{
    font-size:clamp(66px,4.55vw,82px);
    line-height:1.02;
    letter-spacing:-.03em;
    margin-bottom:24px;
  }
  .copy p{
    max-width:560px;
    font-size:clamp(19px,1.28vw,22px);
    line-height:1.5;
    margin-bottom:28px;
  }
  .status{
    width:min(560px,100%);
    height:70px;
    font-size:clamp(20px,1.45vw,26px);
  }
  .dashboard{
    min-width:0;
    width:100%;
    padding:24px 24px;
    align-self:center;
    overflow:hidden;
  }
  .dash-title h2,.dashboard h3{font-size:22px;}
  .dash-title span{font-size:16px;}
  .kpis{gap:14px;}
  .kpis article{min-width:0;padding:16px 14px 12px;min-height:112px;}
  .kpis i{width:48px;height:48px;font-size:24px;margin-right:10px;}
  .kpis small{font-size:13px;line-height:1.2;}
  .kpis b{font-size:30px;}
  .kpis em{font-size:13px;white-space:nowrap;}
  .pipeline{margin:22px 1% 24px;}
  .pipeline span{width:54px;height:54px;font-size:24px;}
  .pipeline strong{font-size:24px;}
  .lower{gap:16px;}
  .lower article{min-width:0;padding:16px;}
  .activity p{font-size:14px;gap:12px;}
  .donut{width:160px;height:160px;}
  .donut:after{width:100px;height:100px;}
  .donut b{font-size:38px;}
  .health li{margin:18px 0;font-size:15px;}
}

@media (min-width:1400px){
  .site-header{padding-left:56px;padding-right:56px;}
  .hero{padding-left:56px;padding-right:56px;}
}