/* v2.2 — 2026-09-02 */

  :root{
    --navy:#1a2948;
    --navy-deep:#0d1626;
    --steel:#2c4064;
    --tech-blue:#3d6b93;
    --tech-blue-light:#e4ecf4;
    --gold:#caa151;
    --gold-light:#e0c07f;
    --line:rgba(255,255,255,0.16);
    --muted:#aebccb;
    --white:#ffffff;
  }
  *{box-sizing:border-box;}
  html,body{margin:0;padding:0;}
  body{
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
    color:var(--white);
    background:var(--navy-deep);
    line-height:1.55;
    overflow-x:hidden;
  }
  a{color:inherit;text-decoration:none;}
  img{max-width:100%;display:block;}
  .wrap{max-width:1240px;margin:0 auto;padding:0 24px;}

  header{
    position:fixed;top:0;left:0;right:0;z-index:50;width:100%;
    background:linear-gradient(180deg, rgba(13,22,38,0.6) 0%, rgba(13,22,38,0.18) 70%, rgba(13,22,38,0) 100%);
    border-bottom:1px solid transparent;
    box-shadow:none;
    transition:background .35s ease, box-shadow .35s ease, border-color .35s ease;
  }
  header.scrolled{
    background:var(--navy-deep);
    border-bottom:1px solid var(--line);
    box-shadow:0 1px 10px rgba(0,0,0,0.35);
  }
  .nav-row{
    display:flex;align-items:center;justify-content:space-between;
    padding:10px 24px;max-width:1160px;margin:0 auto;
  }
  .logo{display:inline-flex;align-items:center;}
  .logo img{height:86px;width:auto;display:block;object-fit:contain;flex-shrink:0;}
  nav ul{
    display:flex;gap:26px;list-style:none;margin:0;padding:0;flex-wrap:wrap;
  }
  nav a{
    color:#f2f5f9;font-size:0.92rem;font-weight:600;
    padding:6px 0;border-bottom:2px solid transparent;
    text-shadow:0 1px 4px rgba(0,0,0,0.35);
    transition:color .2s, border-color .2s, text-shadow .2s;
  }
  nav a:hover, nav a.current{color:var(--gold-light);border-color:var(--gold-light);}
  header.scrolled nav a{color:#f2f5f9;font-weight:500;text-shadow:none;}
  header.scrolled nav a:hover, header.scrolled nav a.current{color:var(--gold-light);border-color:var(--gold-light);}
  .nav-toggle{display:none;background:none;border:none;color:#f2f5f9;font-size:1.6rem;cursor:pointer;}
  header.scrolled .nav-toggle{color:#f2f5f9;}

  @media (max-width:760px){
    nav ul{
      display:none;position:absolute;top:100%;left:0;right:0;
      background:var(--navy-deep);flex-direction:column;gap:0;
      border-top:1px solid var(--line);box-shadow:0 8px 14px rgba(0,0,0,0.35);
    }
    nav ul.open{display:flex;}
    nav a{display:block;padding:14px 24px;border-bottom:1px solid var(--line);color:#f2f5f9!important;text-shadow:none!important;}
    .nav-toggle{display:block;}
    .logo img{height:42px;width:auto;}
  }

  .hero{
    position:relative;
    min-height:78vh;
    display:flex;align-items:center;justify-content:center;
    overflow:hidden;
    color:var(--white);
    padding:90px 24px 64px;
    text-align:center;
  }
  .hero-bg{
    position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;
    animation:heroZoom 26s ease-in-out infinite alternate;
    will-change:transform;
  }
  .hero-overlay{
    position:absolute;inset:0;z-index:1;
    background-image:linear-gradient(180deg, rgba(13,22,38,0.72) 0%, rgba(13,22,38,0.55) 45%, rgba(13,22,38,0.85) 100%);
  }
  .hero-inner{
    position:relative;z-index:2;
    animation:heroFadeUp 1.1s ease-out both;
  }
  @keyframes heroZoom{from{transform:scale(1);}to{transform:scale(1.09);}}
  @keyframes heroFadeUp{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:translateY(0);}}
  @media (prefers-reduced-motion: reduce){
    .hero-bg{animation:none;}
    .hero-inner{animation:none;}
  }
  .hero h1{
    font-size:2.9rem;line-height:1.22;max-width:860px;margin:0 auto 22px;
    font-weight:700;text-shadow:0 2px 18px rgba(0,0,0,0.35);
  }
  .hero p.lede{
    max-width:640px;margin:0 auto 36px;color:#e4e8ee;font-size:1.12rem;
  }
  .btn{
    display:inline-block;padding:14px 26px;border-radius:4px;font-weight:700;
    font-size:0.92rem;transition:transform .15s, background .15s;border:1px solid transparent;
  }
  .btn-primary{background:var(--gold);color:var(--navy-deep);}
  .btn-primary:hover{background:#e0c07f;transform:translateY(-1px);}

  section{padding:52px 24px;position:relative;}
  .section-title{
    font-size:2rem;margin:0 0 14px;font-weight:700;color:var(--white);line-height:1.15;
  }
  .section-lede{color:var(--muted);max-width:600px;margin:0 0 20px;font-size:1.03rem;}
  .alt-bg{background:var(--navy);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}

  .card-grid{
    display:grid;grid-template-columns:repeat(4,1fr);gap:20px;
  }
  @media (max-width:900px){.card-grid{grid-template-columns:repeat(2,1fr);}}
  @media (max-width:560px){.card-grid{grid-template-columns:1fr;}}

  .flow-grid{gap:48px;}
  .flow-grid .card{position:relative;}
  .flow-grid .card:not(:last-child)::after{
    content:"\2192";position:absolute;top:50%;right:-30px;transform:translateY(-50%);
    font-size:2.2rem;font-weight:700;color:var(--gold);line-height:1;
  }
  @media (max-width:900px) and (min-width:561px){
    .flow-grid .card:nth-child(2)::after{
      content:"\2193";top:auto;bottom:-38px;left:50%;right:auto;transform:translateX(-50%);
    }
  }
  @media (max-width:560px){
    .flow-grid .card:not(:last-child)::after{
      content:"\2193";top:auto;bottom:-34px;left:50%;right:auto;transform:translateX(-50%);
      font-size:2rem;
    }
  }
  .card{
    background:var(--navy-deep);border:1px solid var(--line);border-radius:6px;
    padding:20px 18px;
    border-top:3px solid var(--tech-blue);
    box-shadow:0 1px 3px rgba(0,0,0,0.25);
    transition:border-color .2s, box-shadow .2s;
  }
  .card:hover{border-color:var(--tech-blue-light);box-shadow:0 4px 14px rgba(0,0,0,0.35);}
  .card h3{font-size:1rem;margin:0 0 10px;color:var(--white);}
  .card p{font-size:0.92rem;color:var(--muted);margin:0;}

  .tech-section{
    position:relative;
    background-color:var(--steel);
    background-image:radial-gradient(circle, rgba(255,255,255,0.14) 1.4px, transparent 1.4px);
    background-size:22px 22px;
  }

  .who-block{
    display:grid;grid-template-columns:1.1fr 0.9fr;gap:48px;align-items:start;
  }
  @media (max-width:800px){.who-block{grid-template-columns:1fr;}}
  .who-block p{color:var(--muted);margin:0 0 16px;font-size:1.02rem;}
  .link-more{color:var(--gold);font-weight:600;font-size:0.94rem;}
  .stat-box{
    background:var(--steel);color:var(--white);border-radius:6px;padding:22px;
  }
  .stat-box .divider{height:1px;background:rgba(255,255,255,0.12);margin:14px 0;}
  .stat-box .diff-item{font-size:0.9rem;color:#c3ccd8;line-height:1.5;}
  .stat-box .diff-tag{display:block;color:var(--gold);font-weight:700;font-size:0.95rem;margin-bottom:4px;}

  .region-band{
    position:relative;overflow:hidden;text-align:center;
    background-color:var(--navy-deep);color:var(--white);
  }
  .region-band .section-title{color:var(--white);}
  .region-band .section-lede{color:#c3ccd8;margin:0 auto 30px;}
  .region-stats{display:flex;justify-content:center;gap:60px;flex-wrap:wrap;margin-top:10px;}
  .region-stats div{min-width:140px;}
  .region-stats .num{font-size:1.9rem;font-weight:700;color:var(--gold);}
  .region-stats .cap{font-size:0.85rem;color:#aebccb;margin-top:4px;}
  .region-band::before{
    content:"";position:absolute;inset:-8%;z-index:0;
    background-image:url("images/other/Datacenter.png");
    background-size:cover;background-position:center;background-repeat:no-repeat;
    animation:regionMapDrift 90s ease-in-out infinite alternate;
    will-change:transform;
  }
  .region-band::after{
    content:"";position:absolute;inset:0;z-index:1;
    background-image:linear-gradient(180deg, rgba(13,22,38,0.88) 0%, rgba(13,22,38,0.7) 40%, rgba(13,22,38,0.88) 100%);
  }
  .region-band .wrap{position:relative;z-index:2;}
  @keyframes regionMapDrift{
    0%{transform:scale(1.08) translate(0, 0);}
    50%{transform:scale(1.14) translate(-1.6%, 1.2%);}
    100%{transform:scale(1.08) translate(0, 0);}
  }
  @media (prefers-reduced-motion: reduce){
    .region-band::before{animation:none;transform:scale(1.08);}
  }

  .leaders{
    display:grid;grid-template-columns:repeat(3,1fr);gap:24px;
  }
  @media (max-width:760px){.leaders{grid-template-columns:1fr;}}
  .leader-card{
    background:var(--navy-deep);border:1px solid var(--line);border-radius:6px;
    padding:26px;text-align:center;overflow:hidden;
  }
  .leader-photo{
    width:100%;height:auto;object-fit:cover;display:block;margin:0;border:none;border-radius:0;
  }
  .leader-card .leader-info{padding:16px 18px 18px;}
  .leader-card h3{margin:0 0 2px;font-size:1.05rem;color:var(--white);}
  .leader-card .role{color:var(--gold);font-size:0.85rem;font-weight:600;margin-bottom:10px;}
  .leader-card p{color:var(--muted);font-size:0.88rem;margin:0;}

  .contact-band{
    background:linear-gradient(160deg,var(--steel) 0%, var(--navy-deep) 100%);
    color:var(--white);
  }
  .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;}
  @media (max-width:800px){.contact-grid{grid-template-columns:1fr;}}
  @media (min-width:801px){.contact-top{margin-top:6rem;}}
  .contact-info a{color:var(--gold);font-weight:600;}
  .contact-info .row{margin-bottom:14px;font-size:0.98rem;}
  form{display:flex;flex-direction:column;gap:14px;}
  form input, form textarea{
    width:100%;padding:12px 14px;border-radius:4px;border:1px solid rgba(255,255,255,0.25);
    background:rgba(255,255,255,0.06);color:var(--white);font-family:inherit;font-size:0.95rem;
  }
  form input::placeholder, form textarea::placeholder{color:#aebccb;}
  form button{
    align-self:flex-start;background:var(--gold);color:var(--navy-deep);
    border:none;padding:13px 26px;border-radius:4px;font-weight:600;cursor:pointer;
    font-family:inherit;font-size:1rem;
  }
  .form-note{font-size:0.78rem;color:#aebccb;margin-top:6px;}

  footer{
    background:var(--navy-deep);color:#9fb0c1;padding:28px 24px 22px;
    font-size:0.85rem;
  }
  .footer-row{
    display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;
    max-width:1120px;margin:0 auto;align-items:center;
  }
  .footer-links{display:flex;gap:18px;flex-wrap:wrap;}
  .footer-links a:hover{color:var(--white);}
  .footer-credit{color:#6c7f92;display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
  .footer-credit img{height:22px;width:auto;display:block;opacity:0.92;}

  .eyebrow{
    display:inline-flex;align-items:center;gap:8px;
    font-size:0.76rem;font-weight:700;letter-spacing:0.16em;
    text-transform:uppercase;color:var(--gold);margin-bottom:18px;
  }
  .eyebrow::before{content:"";width:22px;height:1px;background:var(--gold);}

  .bio-link{
    display:inline-block;margin-top:12px;background:none;border:none;
    color:var(--gold);font-weight:600;font-size:0.85rem;cursor:pointer;
    padding:0;font-family:inherit;
  }
  .bio-link:hover{color:var(--gold-light);text-decoration:underline;}

  .leader-info .actions-row{
    display:flex;align-items:center;justify-content:center;gap:14px;
    margin-top:12px;
  }
  .leader-info .actions-row .bio-link{margin-top:0;}
  .li-link{
    display:inline-flex;align-items:center;gap:6px;
    color:var(--white);font-weight:600;font-size:0.85rem;
    padding-left:14px;border-left:1px solid var(--line);
    transition:color .2s;
  }
  .li-link svg{flex:none;}
  .li-link:hover{color:var(--gold);}
  .li-link-standalone{
    display:inline-flex;margin-top:3rem;padding-left:0;border-left:none;
  }

  .bio-modal-backdrop{
    position:fixed;inset:0;z-index:200;
    background:rgba(6,10,18,0.72);
    display:flex;align-items:center;justify-content:center;
    padding:24px;
  }
  .bio-modal-backdrop[hidden]{display:none;}
  .bio-modal{
    position:relative;background:var(--navy-deep);border:1px solid var(--line);
    border-top:3px solid var(--gold);border-radius:8px;
    max-width:480px;width:100%;padding:36px 30px 30px;
    box-shadow:0 20px 50px rgba(0,0,0,0.5);
  }
  .bio-modal-close{
    position:absolute;top:12px;right:14px;background:none;border:none;
    color:var(--muted);font-size:1.6rem;line-height:1;cursor:pointer;padding:4px;
  }
  .bio-modal-close:hover{color:var(--white);}
  .bio-modal-role{color:var(--gold);font-size:0.82rem;font-weight:700;letter-spacing:0.04em;text-transform:uppercase;margin-bottom:6px;}
  .bio-modal h3{margin:0 0 16px;font-size:1.3rem;color:var(--white);}
  .bio-modal p{color:var(--muted);font-size:0.95rem;line-height:1.6;margin:0;}

  .hero2{
    position:relative;padding:112px 24px 64px;overflow:hidden;
    min-height:72vh;display:flex;align-items:center;
  }
  .hero2-photo{
    position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;
    transform-origin:center center;
    animation:heroBreathe 18s ease-in-out infinite;
  }
  @keyframes heroBreathe{
    0%{transform:scale(1);}
    50%{transform:scale(1.06);}
    100%{transform:scale(1);}
  }
  @media (prefers-reduced-motion: reduce){
    .hero2-photo{animation:none;}
  }
  .hero2-photo-overlay{
    position:absolute;inset:0;z-index:1;
    background-image:linear-gradient(100deg, rgba(13,22,38,0.78) 0%, rgba(13,22,38,0.63) 38%, rgba(13,22,38,0.31) 62%, rgba(13,22,38,0.61) 100%),
                      linear-gradient(0deg, rgba(13,22,38,0.77) 0%, rgba(13,22,38,0.09) 30%);
  }
  .hero2-grid{
    display:grid;grid-template-columns:1.1fr 0.9fr;gap:20px;align-items:center;
    position:relative;z-index:3;width:100%;
  }
  @media (max-width:900px){.hero2-grid{grid-template-columns:1fr;}}
  .hero2 h1{
    font-size:clamp(2.4rem, 5.2vw, 4.4rem);
    font-weight:800;line-height:1.02;letter-spacing:-0.01em;margin:0 0 24px;
    text-shadow:0 2px 10px rgba(0,0,0,0.55), 0 8px 28px rgba(0,0,0,0.4);
  }
  .hero2 h1 .thin{font-weight:300;color:var(--muted);display:block;font-size:0.55em;}
  .hero2 h1 .thin .hl-claim{
    font-style:italic;color:#eef2f7;
    border-bottom:2px dashed rgba(255,255,255,0.55);
    padding-bottom:1px;
  }
  .hero2 p.lede{color:var(--muted);max-width:460px;font-size:1.08rem;margin:0 0 24px;text-shadow:0 1px 8px rgba(0,0,0,0.55);}
  .hero2 .eyebrow{text-shadow:0 1px 8px rgba(0,0,0,0.6);}

  .hero2-diagram{position:relative;height:420px;}
  .hero2-diagram svg{width:100%;height:100%;overflow:visible;}
  .schem-live{stroke:var(--gold);stroke-width:4;fill:none;filter:url(#goldGlow);}
  .schem-claim{stroke:rgba(255,255,255,0.6);stroke-width:2;fill:none;stroke-dasharray:5 6;}
  .schem-node{fill:var(--navy-deep);stroke:var(--gold);stroke-width:2.5;filter:url(#nodeShadow);}
  .schem-node.dim{stroke:rgba(255,255,255,0.65);}
  .schem-pulse{fill:var(--gold-light);filter:url(#goldGlow);opacity:0.95;}
  .schem-label{
    fill:var(--muted);font-size:11px;font-family:inherit;letter-spacing:0.04em;text-transform:uppercase;
    paint-order:stroke fill;stroke:rgba(6,10,18,0.85);stroke-width:3.5px;stroke-linejoin:round;
  }
  .schem-label.gold{fill:var(--gold-light);}
  .schem-label.warn{fill:#d7b3a8;}

  .hero2-legend{
    display:flex;flex-direction:column;gap:10px;margin-top:6px;
  }
  .hero2-legend-item{
    display:flex;align-items:center;gap:10px;
    font-size:0.82rem;color:#eef2f7;
    text-shadow:0 1px 4px rgba(0,0,0,0.7), 0 4px 14px rgba(0,0,0,0.5);
  }
  .legend-swatch{
    display:inline-block;width:26px;height:0;flex:none;
    border-top-width:3px;border-top-style:solid;
  }
  .swatch-competition{
    border-top-color:rgba(255,255,255,0.75);
    border-top-style:dashed;
  }
  .swatch-corefoundry{
    border-top-color:var(--gold);
    box-shadow:0 0 6px rgba(202,161,81,0.85);
  }

  .hero2-bg-grid{
    position:absolute;inset:0;z-index:2;opacity:0.35;
    background-image:linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px),
                      linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px);
    background-size:42px 42px;
  }

  .circuit{position:relative;padding-top:26px;}
  .circuit-line{
    position:absolute;left:26px;top:0;bottom:0;width:2px;
    background:repeating-linear-gradient(180deg, var(--gold) 0 6px, transparent 6px 12px);
  }
  @media (max-width:760px){.circuit-line{left:14px;}}

  .circuit-node{
    position:relative;padding-left:76px;margin-bottom:44px;
  }
  @media (max-width:760px){.circuit-node{padding-left:46px;margin-bottom:34px;}}
  .circuit-node:last-child{margin-bottom:0;}
  .circuit-node::before{
    content:attr(data-stage);
    position:absolute;left:14px;top:6px;width:26px;height:26px;
    border-radius:50%;background:var(--navy-deep);border:2px solid var(--gold);
    display:flex;align-items:center;justify-content:center;
    font-size:0.68rem;font-weight:800;color:var(--gold);line-height:1;
  }
  @media (max-width:760px){
    .circuit-node::before{left:2px;width:22px;height:22px;font-size:0.6rem;}
  }
  .circuit-node h3{margin:18px 0 8px;font-size:1.3rem;}
  .circuit-node p{color:var(--muted);max-width:560px;margin:0;font-size:0.95rem;}
  .circuit-node.offset{margin-left:0;}

  .wwd-layout{
    display:grid;grid-template-columns:1.35fr 0.85fr;gap:50px;align-items:start;
  }
  .wwd-image img{
    width:100%;height:auto;display:block;
    border:1px solid var(--line);
  }
  @media (max-width:900px){
    .wwd-layout{grid-template-columns:1fr;gap:36px;}
    .wwd-image{max-width:260px;margin:0 auto;opacity:0.82;}
  }

  .gauge2-section{background:var(--steel);}
  .gauge2-grid{display:grid;grid-template-columns:0.9fr 1.1fr;gap:50px;align-items:center;}
  @media (max-width:900px){.gauge2-grid{grid-template-columns:1fr;}}
  .dials{display:flex;gap:34px;flex-wrap:wrap;align-items:flex-end;justify-content:center;}
  .dial{text-align:center;}
  .dial svg{display:block;}
  .dial .dial-pct{font-size:1.5rem;font-weight:800;fill:var(--white);}
  .dial .dial-name{margin-top:10px;font-size:0.82rem;color:var(--muted);}
  .dial.big{transform:scale(1.18);margin:0 10px;}
  @media (max-width:500px){.dial.big{transform:scale(1);margin:0;}}

  .stat-band{
    position:relative;text-align:center;overflow:hidden;
    background-color:var(--navy-deep);
  }
  .stat-band::before{
    content:"";position:absolute;inset:-8%;z-index:0;
    background-image:url("images/other/Datacenter.png");
    background-size:cover;background-position:center;background-repeat:no-repeat;
    animation:mapDrift 90s ease-in-out infinite alternate;
    will-change:transform;
  }
  .stat-band::after{
    content:"";position:absolute;inset:0;z-index:1;
    background-image:linear-gradient(180deg, rgba(13,22,38,0.88) 0%, rgba(13,22,38,0.7) 40%, rgba(13,22,38,0.88) 100%);
  }
  .stat-band .wrap{position:relative;z-index:2;}
  @keyframes mapDrift{
    0%{transform:scale(1.08) translate(0, 0);}
    50%{transform:scale(1.14) translate(-1.6%, 1.2%);}
    100%{transform:scale(1.08) translate(0, 0);}
  }
  @media (prefers-reduced-motion: reduce){
    .stat-band::before{animation:none;transform:scale(1.08);}
  }
  .stat-band .stat-grid{
    display:flex;justify-content:center;gap:70px;flex-wrap:wrap;margin-top:26px;
  }
  .stat-band .stat-grid div{min-width:150px;}
  .stat-band .count{
    font-size:2.6rem;font-weight:800;color:var(--gold);line-height:1;
    font-variant-numeric:tabular-nums;
    text-shadow:0 2px 10px rgba(0,0,0,0.5);
  }
  .stat-band .cap{font-size:0.85rem;color:var(--muted);margin-top:8px;text-shadow:0 1px 6px rgba(0,0,0,0.6);}

  @media (prefers-reduced-motion: reduce){
    .schem-live, .dial-arc{transition:none !important;}
    .schem-pulse{display:none;}
  }