:root{--navy:#102c4a;--blue:#1765a3;--green:#2f692c;--text:#182b45}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Arial,Helvetica,sans-serif;background:white;line-height:1.42}.shell{max-width:1170px;margin:0 auto;padding-left:36px;padding-right:36px}h1,h2,h3{font-family:Georgia,'Times New Roman',serif}a{color:inherit}.site-header{background:#fff}.header-inner{min-height:104px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{display:flex;align-items:center;text-decoration:none;gap:18px;flex-shrink:0}.brand img{width:88px;height:87px;object-fit:contain}.brand strong{font-family:Georgia,serif;color:#143c32;font-size:24px;line-height:1.05;display:block}.brand small{font-size:9px;letter-spacing:2.1px;color:#183046;display:block;margin-top:8px;white-space:nowrap}.site-header nav{display:flex;gap:30px}.site-header nav a{text-decoration:none;font-size:14px;white-space:nowrap;padding-bottom:8px}.site-header nav .active{border-bottom:3px solid var(--green);color:var(--green)}.hero{height:380px;position:relative;overflow:hidden;background:#041d35}.hero-art{position:absolute;inset:0 0 0 35%;background-image:linear-gradient(to right,#041d35 0%,rgba(4,29,53,.15) 28%,rgba(4,29,53,.07) 100%),url('assets/tech-globe.png');background-size:cover;background-position:center}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(to right,rgba(1,22,42,.85) 0%,rgba(1,22,42,.36) 44%,transparent 76%);pointer-events:none}.hero-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;height:100%}.hero-copy{max-width:550px;color:white}.hero h1{font-size:57px;line-height:.98;margin:0 0 20px;letter-spacing:-1px}.hero p{font-size:18px;max-width:520px;margin:0 0 20px}.button{background:linear-gradient(90deg,#376b25,#508930);color:white;text-decoration:none;padding:14px 22px;border-radius:3px;font-weight:600;display:inline-block;font-size:14px}.hero-terms{line-height:2;font-size:13px;letter-spacing:1px;color:#fff;text-align:left;margin-right:12px;text-shadow:0 1px 5px #0018}.expertise{padding-top:10px;padding-bottom:18px;background:#fff}.expertise h2{text-align:center;font-size:39px;margin:8px 0 0;color:#102944}.section-intro{text-align:center;font-size:17px;margin:0 0 18px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.card{background:#f9fbfc;padding:24px 26px 19px;box-shadow:0 0 13px #dce5e94d;min-height:225px;display:flex;flex-direction:column}.card-heading{display:flex;align-items:center;gap:18px}.icon{width:70px;height:70px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;color:white;font-size:36px;font-weight:700}.green{background:radial-gradient(circle at 25% 25%,#5b9850,#235c21)}.blue{background:radial-gradient(circle at 25% 25%,#4597d7,#11578c)}.card h3{font-size:21px;line-height:1.1;color:#09274a;margin:0}.card p{font-size:16px;margin:18px 0 10px}.card a{margin-top:auto;text-decoration:none;color:var(--green);font-weight:700}.card:nth-child(2) a{color:var(--blue)}.experience{background:linear-gradient(90deg,#fff,#f1f8fc)}.experience-inner{display:grid;grid-template-columns:52% 48%;min-height:310px;padding-right:0}.experience-copy{padding:22px 22px 26px 0;z-index:1}.experience h2{font-size:37px;line-height:1.04;margin:0 0 12px;color:#112b49}.experience p{font-size:16px;margin:0 0 12px}.experience-image{background:url('assets/analytics-office.png') center/cover no-repeat;mask-image:linear-gradient(to right,transparent,#000 27%);-webkit-mask-image:linear-gradient(to right,transparent,#000 27%)}.outline-button{border:1.5px solid var(--green);color:var(--green);padding:10px 20px;border-radius:3px;display:inline-block;text-decoration:none;font-weight:700;font-size:14px}.publication{display:grid;grid-template-columns:33% 67%;align-items:center;gap:18px;padding-top:18px;padding-bottom:24px}.book-image{text-align:center}.book-image img{width:min(100%,275px);height:auto;display:inline-block}.eyebrow{font-weight:bold;letter-spacing:2px;color:var(--green);font-size:13px}.book-copy h2{font-size:32px;line-height:1.07;color:#102944;margin:4px 0}.book-copy p{font-size:15px;margin:5px 0}.book-copy .lead{font-weight:700;font-size:17px;margin:7px 0}.book-copy .outline-button{margin-top:12px}.contact-band{background:#063659;color:white;background-image:radial-gradient(circle at 30% 30%,#12618a33,transparent 35%),linear-gradient(120deg,#022744,#003b59)}.contact-inner{display:grid;grid-template-columns:26% 1fr auto;align-items:center;gap:25px;padding-top:15px;padding-bottom:15px}.contact-inner h2{font-size:29px;line-height:1.05;margin:0}.contact-inner p{border-left:1px solid #7ea2aa;padding-left:23px;font-size:14px;max-width:520px}.site-footer{background:#fafbfd}.footer-inner{display:flex;justify-content:space-between;align-items:center;padding-top:12px;padding-bottom:15px;gap:18px}.footer-brand img{height:63px;width:69px}.footer-brand strong{font-size:15px}.footer-brand small{font-size:8px}.site-footer nav{display:flex;justify-content:flex-end;gap:14px}.site-footer nav a{font-size:11px;text-decoration:none}.site-footer p{text-align:right;font-size:10px;color:#586377;margin:12px 0 0}@media(max-width:850px){.header-inner,.footer-inner{flex-direction:column;padding-top:10px;padding-bottom:14px}.site-header nav{gap:14px;flex-wrap:wrap;justify-content:center}.hero-terms{display:none}.hero h1{font-size:46px}.cards{grid-template-columns:1fr}.card{min-height:auto}.experience-inner{grid-template-columns:1fr;padding-right:36px}.experience-image{height:220px;mask-image:none;-webkit-mask-image:none}.publication{grid-template-columns:1fr}.contact-inner{grid-template-columns:1fr;gap:8px}.contact-inner p{border:0;padding:0}.footer-inner nav{justify-content:center}.site-footer p{text-align:center}}@media(max-width:560px){.shell{padding-left:18px;padding-right:18px}.brand img{width:67px;height:68px}.brand strong{font-size:18px}.brand small{font-size:7px;letter-spacing:1.4px}.hero{height:420px}.hero-art{inset:0 0 0 18%}.hero h1{font-size:44px}.hero p{font-size:16px}.expertise h2{font-size:33px}.desktop-only{display:none}.experience h2{font-size:31px}.book-copy h2{font-size:28px}.footer-brand{gap:8px}}

/* Prototype revision 2: show only the subtle capabilities lettering embedded at the right of the hero artwork. */
.hero-terms{display:none}
/* Feather the book art into the white page so the image's left-side shadow has no visible rectangular cutoff. */
.book-image img{-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.3) 7%,#000 18%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.3) 7%,#000 18%)}

/* About page */
.about-hero{background:linear-gradient(115deg,#071e34,#123c60);color:white;overflow:hidden}
.about-hero-inner{min-height:350px;display:grid;grid-template-columns:52% 48%;align-items:center;padding-right:0}
.about-hero-text{padding:35px 28px 35px 0;position:relative;z-index:1}
.about-hero .overline{font-size:12px;letter-spacing:2.8px;font-weight:700;color:#9dd2a4}
.about-hero h1{font-size:clamp(39px,4.3vw,59px);line-height:1.05;margin:18px 0}
.about-hero p{font-size:19px;max-width:540px}
.about-hero-visual{height:100%;min-height:350px;background:linear-gradient(90deg,#0b2941 0%,transparent 35%),url('assets/analytics-office.png') center/cover no-repeat}
.about-intro{display:grid;grid-template-columns:38% 62%;gap:30px;padding-top:65px;padding-bottom:55px}
.about-intro h2,.about-values h2,.about-team h2,.about-publication h2{font-size:clamp(31px,3vw,42px);line-height:1.13;color:#102944;margin:10px 0 18px}
.about-narrative p,.about-team p,.about-publication p{font-size:17px;line-height:1.67;margin:0 0 17px}
.about-values{padding:55px 0 65px;background:#f3f8fa;text-align:center}
.about-values h2{margin:0}.about-values .section-intro{margin:6px 0 26px}
.about-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:left}
.about-pillars article{background:white;padding:30px;box-shadow:0 8px 28px #12344a12;border-top:3px solid #387839}
.pillar-number{color:#2f692c;font-family:Georgia,serif;font-size:26px}
.about-pillars h3{font-size:22px;color:#102944;line-height:1.15;margin:16px 0 10px}
.about-pillars p{font-size:16px;line-height:1.6;margin:0}
.about-team{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:center;padding-top:68px;padding-bottom:68px}
.about-callout{background:#0b344f;color:white;padding:33px 35px;border-left:5px solid #5d9a4c}
.about-callout strong{font-family:Georgia,serif;font-size:24px}
.about-callout ul{padding-left:20px;margin-bottom:0;line-height:2}
.about-publication{background:#f8fafb}
.about-publication-inner{display:grid;grid-template-columns:34% 66%;align-items:center;gap:35px;padding-top:40px;padding-bottom:42px}
.about-book img{display:block;width:min(100%,285px);margin:auto;mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.3) 7%,#000 18%);-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.3) 7%,#000 18%)}
@media(max-width:850px){.about-hero-inner{grid-template-columns:1fr;padding-right:36px}.about-hero-visual{display:none}.about-intro,.about-team,.about-publication-inner{grid-template-columns:1fr;gap:20px}.about-pillars{grid-template-columns:1fr}}
@media(max-width:560px){.about-hero-inner{padding-right:18px}.about-intro{padding-top:37px;padding-bottom:30px}.about-values{padding:37px 0}.about-team{padding-top:42px;padding-bottom:42px}.about-publication-inner{padding-top:30px;padding-bottom:30px}}

/* Services page */
.services-hero{background:linear-gradient(90deg,rgba(3,23,42,.98),rgba(3,30,55,.84) 55%,rgba(8,46,78,.38)),url('assets/tech-globe.png') center 46%/cover no-repeat;color:#fff}
.services-hero-inner{padding-top:75px;padding-bottom:85px}.services-hero .overline{color:#a6d9b0;font-size:12px;letter-spacing:2.4px;font-weight:700}.services-hero h1{font-size:clamp(39px,5vw,62px);line-height:1.05;max-width:700px;margin:16px 0 20px}.services-hero p{font-size:19px;max-width:670px;margin:0;line-height:1.55}
.services-introduction{text-align:center;padding-top:60px;padding-bottom:56px}.services-introduction h2,.services-close h2{font-size:clamp(31px,3.5vw,43px);line-height:1.1;color:#102944;margin:10px 0 18px}.services-introduction p{font-size:17px;line-height:1.65;max-width:820px;margin:auto}
.service-detail{display:grid;grid-template-columns:31% 1fr;gap:55px;padding-top:60px;padding-bottom:65px;border-top:1px solid #e0e9ee}.service-alt{background:#f4f8fa}.service-alt .service-detail{border-top:0}.service-label{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.service-number{font:54px Georgia,serif;color:#aec6ce;line-height:1}.service-symbol{width:88px;height:88px;border-radius:50%;display:grid;place-items:center;font-size:49px;color:#fff}.service-label .eyebrow{font-size:12px}.service-content h2{font-size:clamp(30px,3.5vw,45px);line-height:1.1;color:#102944;margin:0 0 22px}.service-content p{font-size:17px;line-height:1.65;margin:0 0 17px}.service-topics{margin-top:24px;border-top:2px solid #dce8e9;padding-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:9px 22px}.service-topics strong{grid-column:1/-1;color:#2f692c;margin-bottom:2px}.service-topics span{font-size:15px}.service-topics span:before{content:'✓';color:#2f692c;margin-right:9px;font-weight:bold}.services-close{background:linear-gradient(90deg,#eef5f7,#fff);text-align:center;padding:58px 0 64px}.services-close p{font-size:17px;line-height:1.65;max-width:750px;margin:0 auto 24px}
@media(max-width:850px){.service-detail{grid-template-columns:1fr;gap:25px}.service-label{flex-direction:row;align-items:center;flex-wrap:wrap}.service-symbol{width:70px;height:70px;font-size:36px}.services-hero-inner{padding-top:55px;padding-bottom:65px}}
@media(max-width:560px){.services-hero h1{font-size:37px}.services-introduction{padding-top:42px;padding-bottom:42px}.service-detail{padding-top:38px;padding-bottom:40px}.service-topics{grid-template-columns:1fr}}

/* Clients Served and Contact pages */
.inner-hero{color:white;background:linear-gradient(90deg,#061a32 0%,rgba(5,34,61,.91) 52%,rgba(5,36,63,.55) 100%),url('assets/tech-globe.png') center 42%/cover no-repeat}
.inner-hero .shell{padding-top:72px;padding-bottom:74px}.inner-hero .overline{color:#bde9c0;letter-spacing:2.4px;font-size:12px;font-weight:700}.inner-hero h1{font-size:clamp(41px,5vw,62px);line-height:1.04;margin:13px 0 17px}.inner-hero p{font-size:19px;line-height:1.5;max-width:700px;margin:0}
.client-intro{padding-top:56px;padding-bottom:45px}.client-intro h2,.page-end-note h2,.contact-main h2{font-size:clamp(30px,3vw,42px);line-height:1.16;margin:10px 0 15px;color:#102944}.client-intro p,.page-end-note p{max-width:830px;font-size:17px;line-height:1.65;margin:0}
.client-background{background:#f4f8fa;padding:45px 0 60px}.client-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.client-category{background:#fff;border-top:4px solid #408047;padding:24px 30px;box-shadow:0 5px 21px #1030490d}.client-category h2{font-size:25px;margin:0 0 15px;color:#102944}.client-category ul{list-style:none;margin:0;padding:0;columns:2;column-gap:18px}.client-category li{break-inside:avoid;font-size:15px;line-height:1.75;color:#253d52}.page-end-note{padding-top:60px;padding-bottom:68px}.page-end-note p{margin-bottom:23px}
.contact-content{display:grid;grid-template-columns:1.3fr .85fr;gap:70px;padding-top:74px;padding-bottom:88px}.contact-main p{font-size:18px;line-height:1.66;max-width:630px}.email-button{font-size:17px;margin-top:14px;padding:16px 26px}.contact-email{margin-top:31px}.contact-email a{color:#216b39}.form-note{font-size:14px!important;color:#586b79}.contact-side{background:#f4f8fa;border-left:4px solid #478346;padding:33px 32px;align-self:start}.contact-side h3{font-size:27px;margin:13px 0}.contact-side ul{padding-left:20px;line-height:2;font-size:16px;margin-bottom:23px}
@media(max-width:800px){.client-grid{grid-template-columns:1fr}.contact-content{grid-template-columns:1fr;gap:35px}.client-category ul{columns:2}}
@media(max-width:520px){.inner-hero .shell{padding-top:48px;padding-bottom:50px}.client-grid{gap:16px}.client-category ul{columns:1}.client-intro{padding-top:35px;padding-bottom:30px}.contact-content{padding-top:43px;padding-bottom:50px}}

/* Version 6: visually align inner-page banners with the crisp, right-side globe of the Home hero.
   The artwork is the same original image asset, not a blurred duplicate. */
.services-hero, .inner-hero {
  background-color: #041d35;
  background-image: linear-gradient(to right,
     #041d35 0%, rgba(4,29,53,.97) 27%, rgba(4,29,53,.60) 48%, rgba(4,29,53,.02) 85%),
     url('assets/tech-globe.png');
  background-repeat: no-repeat;
  background-size: cover, auto 100%;
  background-position: center, right center;
}
.services-hero-inner, .inner-hero .shell {position:relative; z-index:1}
.contact-phone, .contact-location {margin-top:10px!important}
.contact-phone a {color:#216b39}
@media(max-width:700px){
  .services-hero,.inner-hero {
     background-image: linear-gradient(to right,rgba(4,29,53,.97),rgba(4,29,53,.81)), url('assets/tech-globe.png');
     background-position:center,right center;
  }
}

.client-footnote{margin-top:24px;margin-bottom:0;color:#506274;font-size:14px;line-height:1.55;font-style:italic}

/* Version 8: inner banners use the SAME technology artwork as the homepage,
   but a masked, full-height layer hides text artifacts embedded in the left
   side of the original bitmap.  The original proficiency list at far right
   stays visible, and artwork fades smoothly into the dark text backdrop. */
.services-hero, .inner-hero {
  position:relative;
  isolation:isolate;
  background:#041d35 !important;
  overflow:hidden;
}
.services-hero::before, .inner-hero::before {
  content:"";
  pointer-events:none;
  position:absolute;
  inset:0;
  z-index:-1;
  background-image:url('assets/tech-globe.png');
  background-repeat:no-repeat;
  background-size:auto 100%;
  background-position:right center;
  -webkit-mask-image:linear-gradient(to right, transparent 0%, transparent 46%, rgba(0,0,0,.16) 52%, rgba(0,0,0,.70) 63%, #000 74%);
  mask-image:linear-gradient(to right, transparent 0%, transparent 46%, rgba(0,0,0,.16) 52%, rgba(0,0,0,.70) 63%, #000 74%);
}
.services-hero-inner, .inner-hero .shell {position:relative; z-index:1;}
@media(max-width:700px){
  .services-hero::before,.inner-hero::before{
    opacity:.5;
    -webkit-mask-image:linear-gradient(to right,transparent 0%,transparent 52%,#000 85%);
    mask-image:linear-gradient(to right,transparent 0%,transparent 52%,#000 85%);
  }
}

/* Version 9: New, clean image asset; no baked-in title/body text.
   The source artwork contains one subtle proficiency list at far right.
   Left-side text is genuine HTML and the artwork fades behind it. */
.services-hero, .inner-hero {
  position:relative;
  isolation:isolate;
  background:#041b31 !important;
  overflow:hidden;
}
.services-hero::before, .inner-hero::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background: url('assets/tech-banner-clean.jpg') center center / cover no-repeat;
  -webkit-mask-image:none;
  mask-image:none;
  opacity:1;
}
.services-hero::after, .inner-hero::after {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:linear-gradient(90deg, #041b31 0%,rgba(4,27,49,.85) 28%, transparent 57%);
}
.services-hero-inner,.inner-hero .shell{position:relative;z-index:1}
@media(max-width:800px){
  .services-hero::before,.inner-hero::before{
     background-position:60% center;
     opacity:.74;
     -webkit-mask-image:none;mask-image:none;
  }
  .services-hero::after,.inner-hero::after{background:linear-gradient(90deg,rgba(4,27,49,.98),rgba(4,27,49,.8) 76%,rgba(4,27,49,.55));}
}
