/* About follows the reference page's light editorial layout. Keep other pages unchanged. */
.ng-about{background:#fff;color:#505050;--about-unit:clamp(9px,.76389vw,10px);--about-gap:calc(var(--about-unit)*5);--about-space:calc(var(--about-unit)*10)}
.about-page{font-size:calc(var(--about-unit)*1.6);line-height:1.6}
.about-wrap{width:calc(100% - var(--about-unit)*15.4);max-width:1140px;margin-inline:auto}
.about-page h1,.about-page h2,.about-page h3{color:#161616;letter-spacing:-.025em}
.about-page h2{font-size:calc(var(--about-unit)*3);font-weight:400;line-height:1.25}
.about-page h2 strong{font-weight:600}
.about-mobile-break{display:none}
.about-page .button{font-size:calc(var(--about-unit)*1.4);min-height:calc(var(--about-unit)*5);padding:calc(var(--about-unit)*1.3) calc(var(--about-unit)*2.4);gap:12px;align-self:flex-start;border:0;font-weight:500}
.about-page .button .icon{width:18px;height:18px}
.about-section{padding-block:var(--about-space)}
.about-gray{background:#f5f5f5}
.about-hero{position:relative;isolation:isolate;overflow:hidden;background:#090a54;color:#fff}
.about-hero-image{position:absolute;inset:-5% 0;width:100%;height:110%;object-fit:cover;object-position:50% 50%;z-index:-1}
.about-hero-content{padding-top:calc(var(--about-unit)*30.75);padding-bottom:var(--about-space)}
.about-hero h1{font-size:calc(var(--about-unit)*5);line-height:1.1;font-weight:600;color:#fff;max-width:1000px;letter-spacing:-.035em}
.about-hero p{font-size:calc(var(--about-unit)*1.8);line-height:1.6;max-width:760px;margin-top:var(--about-gap);font-weight:600}
.about-hero .button{margin-top:var(--about-gap)}
.about-intro{min-height:calc(var(--about-unit)*45.14)}
.about-intro-copy{max-width:calc(100% * .72)}
.about-intro .about-prose{margin-top:calc(var(--about-unit)*6.3);font-size:calc(var(--about-unit)*1.8);line-height:1.6}
.about-prose p+p{margin-top:calc(var(--about-unit)*2)}
.about-prose ul{padding-left:22px;margin-block:22px}
.about-prose li+li{margin-top:10px}
.about-prose strong{color:#161616}
.about-quote-section{min-height:calc(var(--about-unit)*50)}
.about-quote{margin:0;width:66.6667%;min-height:calc(var(--about-unit)*30);background:#fff;padding:calc(var(--about-unit)*4) calc(var(--about-unit)*2.5) calc(var(--about-unit)*2.5);display:flex;flex-direction:column;justify-content:space-between;gap:calc(var(--about-unit)*3)}
.about-quote>p{font-size:calc(var(--about-unit)*1.6);line-height:1.6}
.about-quote-author{display:flex;gap:calc(var(--about-unit)*1.6);align-items:center;background:transparent;padding:0;border:0}
.about-quote-author img{width:calc(var(--about-unit)*6.5);height:calc(var(--about-unit)*6.5);object-fit:cover;border-radius:50%}
.about-quote-author strong{display:block;color:#161616;font-size:calc(var(--about-unit)*1.6);font-weight:500}
.about-quote-author span{font-size:calc(var(--about-unit)*1.4);display:block;margin-top:4px}
.about-split{display:grid;grid-template-columns:minmax(0,1fr) 50%;gap:calc(var(--about-unit)*6);align-items:center}
.about-image-first{grid-template-columns:50% minmax(0,1fr)}
.about-feature-image{width:100%;aspect-ratio:1;object-fit:cover}
.about-feature-copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--about-gap)}
.about-numbers h2{margin-bottom:calc(var(--about-unit)*6)}
.about-number-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--about-unit)*4);align-items:start}
.about-number{background:#fff;padding:calc(var(--about-unit)*2.5);aspect-ratio:1.0417;display:flex;flex-direction:column;justify-content:space-between;gap:30px;color:#161616}
.about-number:nth-child(2){margin-top:calc(var(--about-unit)*6)}
.about-number:nth-child(3){margin-top:calc(var(--about-unit)*12)}
.about-number:nth-child(4){margin-top:calc(var(--about-unit)*-12)}
.about-number strong{font-size:calc(var(--about-unit)*6);line-height:1.1;font-weight:600;letter-spacing:-.03em}
.about-number span{font-size:calc(var(--about-unit)*1.4);color:#505050}
.about-reference-caption{font-size:12px;line-height:1.7;color:#727272}
.about-numbers>.about-wrap>.about-reference-caption{margin-top:24px}
.about-section-heading{display:grid;grid-template-columns:1fr 1fr;gap:var(--about-gap);align-items:start;margin-bottom:var(--about-gap)}
.about-section-heading>p{max-width:430px;justify-self:end}
.about-section-heading>p>span{font-size:12px;color:#727272}
.about-people-grid{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:calc(var(--about-unit)*5);margin:0;padding:0}
.about-people-grid li{min-width:0}
.about-people-grid img{width:100%;aspect-ratio:1;object-fit:cover;filter:grayscale(1)}
.about-person-name{padding-top:calc(var(--about-unit)*2);min-height:calc(var(--about-unit)*9)}
.about-person-name h3{font-size:calc(var(--about-unit)*1.8);font-weight:600;line-height:1.4;letter-spacing:-.02em}
.about-person-name span{display:block;margin-top:5px;font-size:calc(var(--about-unit)*1.4);line-height:1.6}
.about-cta{background:#101811 url('why-netguru.png') center/cover no-repeat;padding:var(--about-space) 0;text-align:center;min-height:calc(var(--about-unit)*52.36);display:flex;align-items:center}
.about-cta h2{color:#fff;max-width:850px;margin:auto;font-size:calc(var(--about-unit)*4);line-height:1.25}
.about-cta .button{margin-top:var(--about-gap)}
/* The source uses a white footer on this page. */
.ng-about .site-footer{background:#fff;color:#505050;border-color:#ddd;--line:#dedede;--muted:#505050}
.ng-about .site-footer .brand,.ng-about .site-footer h2{color:#161616}
.ng-about .footer-cases a>img,.ng-about .partner-logos img{filter:brightness(0)}
.ng-about .footer-details p,.ng-about .footer-details>div>a:not(.button),.ng-about .footer-bottom,.ng-about .reference-note{color:#505050}
.ng-about .site-footer .button.outline{border-color:#161616;color:#161616}
.ng-about .site-footer .button.outline:hover{background:#161616;color:#fff}
.about-footer-certificates{display:flex;align-items:center;gap:35px;min-height:96px}
.about-footer-certificates img{width:80px;height:85px;object-fit:contain;filter:brightness(0)}
.ng-about .site-footer .container{width:calc(100% - var(--about-unit)*15.4);max-width:1140px}
.ng-about .site-header{color:#fff}
.ng-about .site-header.is-scrolled,.ng-about .site-header.has-open,.ng-about.menu-open .site-header{background:#fff;color:#161616;border-color:#e5e5e5}
.ng-about .site-header.is-scrolled .header-contact,.ng-about .site-header.has-open .header-contact{border-color:#161616}
.ng-about .site-header.is-scrolled .header-contact:hover,.ng-about .site-header.has-open .header-contact:hover{background:#161616;color:#fff}
.ng-about .site-header.is-scrolled .mobile-toggle>span,.ng-about.menu-open .mobile-toggle>span{background:#161616}
.ng-about .mega-menu,.ng-about .mobile-nav{background:#fff;color:#161616;border-color:#dedede}
.ng-about .mega-menu .eyebrow,.ng-about .mega-inner p:not(.eyebrow){color:#666}
.ng-about .mega-links a,.ng-about .mobile-nav>a{border-color:#ddd}
@media(min-width:1440px){.about-wrap,.ng-about .site-footer .container{max-width:1280px}.about-hero-content{padding-top:310px}}
@media(max-width:960px){
  .about-wrap,.ng-about .site-footer .container{width:calc(100% - 64px)}
  .about-split,.about-image-first{gap:36px}
  .about-people-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
  .about-intro-copy{max-width:85%}
  .about-hero-content{padding-top:200px}
}
@media(max-width:767px){
  .ng-about{--about-unit:10px;--about-gap:40px;--about-space:60px;--header:60px}
  .about-wrap,.ng-about .site-footer .container{width:calc(100% - 32px)}
  .about-page{font-size:15px;line-height:1.6}
  .about-page h2{font-size:27px;line-height:1.3}
  .about-page .button{font-size:13px;min-height:44px;padding:12px 24px;gap:10px}
  .about-hero-content{padding-top:145px;padding-bottom:60px;min-height:586px}
  .about-hero h1{font-size:40px;line-height:1.12;font-weight:600;letter-spacing:-.035em}
  .about-hero p{font-size:14px;line-height:1.6;margin-top:44px;max-width:340px}
  .about-desktop-break{display:none}
  .about-mobile-break{display:initial}
  .about-hero .button{margin-top:44px}
  .about-intro{min-height:0}
  .about-intro-copy{max-width:none}
  .about-intro .about-prose{font-size:15px;margin-top:44px}
  .about-quote-section{min-height:0}
  .about-quote{width:100%;padding:25px;min-height:290px;gap:35px}
  .about-quote>p{font-size:15px}
  .about-quote-author{gap:12px}
  .about-quote-author img{width:52px;height:52px}
  .about-quote-author strong{font-size:15px}
  .about-quote-author span{font-size:12px}
  .about-split,.about-image-first{grid-template-columns:minmax(0,1fr);gap:50px}
  .about-feature-copy{gap:40px}
  .about-image-first .about-feature-copy{grid-row:1}
  .about-numbers h2{margin-bottom:40px}
  .about-number-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  .about-number{padding:20px;aspect-ratio:1;gap:25px}
  .about-number:nth-child(n){margin-top:0}
  .about-number strong{font-size:40px}
  .about-number span{font-size:12px}
  .about-numbers>.about-wrap>.about-reference-caption{font-size:10px;margin-top:18px}
  .about-section-heading{grid-template-columns:1fr;gap:24px;margin-bottom:40px}
  .about-section-heading>p{justify-self:start;font-size:15px}
  .about-section-heading>p>span{font-size:11px}
  .about-people-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px}
  .about-person-name{padding-top:16px;min-height:100px}
  .about-person-name h3{font-size:17px;line-height:1.4;overflow-wrap:anywhere}
  .about-person-name span{font-size:13px;line-height:1.6}
  .about-cta{min-height:333px}
  .about-cta h2{font-size:27px;line-height:1.35}
  .ng-about .header-inner{width:calc(100% - 32px);height:60px}
  .ng-about .mobile-nav{top:var(--header)}
  .ng-about.admin-bar .mobile-nav{top:calc(var(--header) + 46px)}
  .ng-about .header-contact{display:none}
  .ng-about .mobile-toggle{margin-left:auto}
  .about-footer-certificates{gap:20px}
  .about-footer-certificates img{width:64px;height:75px}
}
@media(prefers-reduced-motion:reduce){.about-hero-image{transform:none}}