:root{
  --blue:#223e88;
  --blue-deep:#142a66;
  --blue-dark:#0c1e4c;
  --ink:#111827;
  --muted:#64748b;
  --line:#e6eaf2;
  --soft:#f5f7fb;
  --white:#fff;
  --accent:#dce6ff;
  --shadow:0 24px 65px rgba(19,42,102,.14);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Manrope",sans-serif;color:var(--ink);background:#fff;line-height:1.65}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(1160px,calc(100% - 40px));margin:0 auto}
.site-header{position:absolute;inset:0 0 auto;z-index:20;border-bottom:1px solid rgba(255,255,255,.14)}
.nav-wrap{height:88px;display:flex;align-items:center;justify-content:space-between}
.brand{width:174px;height:88px;display:flex;align-items:center;justify-content:flex-start;overflow:visible}
.brand img{width:auto;height:auto;max-width:150px;max-height:76px;object-fit:contain;mix-blend-mode:normal}
.main-nav{display:flex;gap:30px;align-items:center;color:#fff;font-size:14px;font-weight:600}
.main-nav a{opacity:.9;transition:.2s}.main-nav a:hover{opacity:1}
.nav-cta{border:1px solid rgba(255,255,255,.4);padding:10px 17px;border-radius:999px}
.menu-toggle{display:none;background:none;border:0;width:42px;height:42px;padding:8px;cursor:pointer}
.menu-toggle span{display:block;height:2px;background:#fff;margin:6px 0}
/* ================================================================
   HERO / BANNER ROTATIVO
   ================================================================ */
.hero{
  min-height:760px;
  position:relative;
  display:flex;
  align-items:center;
  overflow:hidden;
  /* Cor de segurança caso alguma imagem não carregue. */
  background:linear-gradient(135deg,var(--blue-dark),var(--blue) 62%,#3459b0);
  color:#fff
}

/* Caixa que ocupa todo o fundo do banner. */
.hero-slider{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden
}

/* Cada foto fica sobreposta à anterior e alterna pela opacidade.
   As URLs das fotos estão no index.html, dentro de .hero-slider.

   EFEITO KEN BURNS / ZOOM SUAVE:
   - O slide entra em scale(1) e cresce lentamente até scale(1.09).
   - Para aumentar o zoom, use 1.12 ou 1.15.
   - Para reduzir o zoom, use 1.05 ou 1.06.
   - O tempo do zoom acompanha o tempo do banner (6s no script.js). */
.hero-slide{
  position:absolute;
  inset:-2%;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  opacity:0;
  transform:scale(1);
  transition:opacity 1.2s ease-in-out,transform 6.8s ease-out;
  will-change:opacity,transform
}
.hero-slide.active{
  opacity:1;
  transform:scale(1.09)
}

/* CAMADA AZUL SOBRE AS FOTOS
   Quer a foto mais visível? Diminua os valores .88 / .78 / .72.
   Quer a foto mais apagada? Aumente esses valores para perto de 1. */
.hero-photo-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(90deg,rgba(8,28,74,.92) 0%,rgba(23,55,130,.84) 48%,rgba(34,62,136,.75) 100%),
    rgba(34,62,136,.28);
  pointer-events:none
}

/* Grade técnica original fica acima da foto e abaixo do conteúdo. */
.hero-grid{position:absolute;inset:0;z-index:2;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to right,transparent,#000)}
.hero-shape{position:absolute;z-index:2;border:1px solid rgba(255,255,255,.13);transform:rotate(45deg)}
.hero-shape-one{width:520px;height:520px;right:-120px;top:120px}.hero-shape-two{width:280px;height:280px;right:160px;bottom:-180px}
.hero-content{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:center;padding-top:70px;position:relative;z-index:4}
.eyebrow,.section-kicker{font:700 12px/1.2 "Montserrat",sans-serif;letter-spacing:.18em;color:var(--blue)}
.eyebrow{color:#c9d7ff}
.hero h1{font:700 clamp(44px,6vw,74px)/1.05 "Montserrat",sans-serif;letter-spacing:-.04em;margin:20px 0 24px;max-width:820px}
.hero h1 span{color:#cfd9ff}
.hero-copy>p{font-size:18px;color:#e8edff;max-width:690px;margin:0 0 34px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:8px;font-size:14px;font-weight:800;transition:.2s}
.btn:hover{transform:translateY(-2px)}
.btn-light{background:#fff;color:var(--blue-dark)}.btn-outline{border:1px solid rgba(255,255,255,.4);color:#fff}.btn-primary{background:var(--blue);color:#fff}
.hero-card{position:relative;overflow:hidden;background:rgba(8,24,66,.55);border:1px solid rgba(255,255,255,.2);padding:30px;min-height:360px;backdrop-filter:blur(10px);box-shadow:0 30px 70px rgba(0,0,0,.18)}
.blueprint-lines{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.7%,rgba(255,255,255,.08) 50%,transparent 50.3%),linear-gradient(transparent 49.7%,rgba(255,255,255,.08) 50%,transparent 50.3%);background-size:70px 70px;opacity:.6}
.hero-card>*:not(.blueprint-lines){position:relative;z-index:2}
.hero-card-top{font:500 14px "Montserrat",sans-serif;letter-spacing:.15em;border-bottom:1px solid rgba(255,255,255,.16);padding-bottom:18px;margin-bottom:24px}.hero-card-top strong{display:block;font-size:20px;letter-spacing:.25em;margin-top:4px}
.hero-stat{display:grid;grid-template-columns:58px 1fr;align-items:center;border-bottom:1px solid rgba(255,255,255,.14);padding:17px 0}.hero-stat strong{font-size:28px;color:#c9d7ff}.hero-stat span{font-size:14px;color:#eef2ff}
/* Pontos do banner: clique para trocar manualmente de foto. */
.hero-dots{position:absolute;right:34px;bottom:28px;z-index:5;display:flex;gap:9px}
.hero-dot{width:8px;height:8px;border-radius:50%;border:1px solid rgba(255,255,255,.8);background:transparent;padding:0;cursor:pointer;transition:.25s}
.hero-dot.active{background:#fff;transform:scale(1.25)}
.scroll-hint{position:absolute;z-index:5;left:50%;bottom:26px;transform:translateX(-50%);font-size:20px;color:#fff;opacity:.65}
.section{padding:110px 0}.two-col{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}
.section-heading h2,.process-intro h2,.contact h2{font:700 clamp(34px,4vw,52px)/1.12 "Montserrat",sans-serif;letter-spacing:-.03em;margin:14px 0 0}
.about-copy>p{font-size:18px;color:#4b5563;margin-top:0}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.feature-row div{border-top:2px solid var(--blue);padding-top:16px}.feature-row span{color:var(--blue);font-weight:800;margin-right:6px}.feature-row strong{display:block}.feature-row small{display:block;color:var(--muted);margin-top:5px}
.services{background:var(--soft)}.centered{text-align:center;max-width:760px;margin:0 auto 52px}.centered p{color:var(--muted);font-size:17px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{background:#fff;border:1px solid var(--line);padding:30px;min-height:280px;position:relative;transition:.25s}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.service-card>span{position:absolute;right:24px;top:24px;color:#aeb9d2;font:700 12px "Montserrat"}.service-icon{font-size:32px;color:var(--blue);margin-bottom:36px}.service-card h3{font:700 22px "Montserrat";margin:0 0 12px}.service-card p{color:var(--muted);font-size:15px;margin:0}.service-card.featured{background:var(--blue);color:#fff;display:flex;flex-direction:column;justify-content:space-between}.service-card.featured p{color:#dce6ff}.service-card.featured a{font-weight:800}.mini-label{display:block;position:static!important;color:#bacbff!important;margin-bottom:18px;font-size:11px!important;letter-spacing:.12em}
.process{background:linear-gradient(135deg,var(--blue-dark),var(--blue));color:#fff}.process-intro{max-width:760px}.section-kicker.light{color:#c8d6ff}.process-intro p{color:#dce5ff;font-size:17px}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:62px;border-top:1px solid rgba(255,255,255,.2)}.step{padding:30px 28px 0 0;position:relative}.step:before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;background:#fff;border-radius:50%}.step b{display:block;color:#bdceff;font:700 13px "Montserrat";letter-spacing:.12em;margin-bottom:18px}.step h3{font:700 20px "Montserrat";margin:0 0 10px}.step p{color:#dce5ff;font-size:14px;margin:0}
.contact{padding:90px 0}.contact-card{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:center;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:60px}.contact h2{font-size:40px}.contact p{color:var(--muted)}.contact-actions{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.contact-actions span{color:var(--muted);font-size:13px}
footer{background:#091838;color:#fff;padding:52px 0 28px}.footer-wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:30px}.footer-brand img{width:auto;max-width:150px;max-height:104px;object-fit:contain;mix-blend-mode:normal}.footer-brand p{color:#aebbdc;font-size:14px}.footer-links{display:flex;justify-content:flex-end;gap:22px;font-size:14px;align-self:center}.copyright{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.1);padding-top:22px;margin-top:10px;color:#8190b3;font-size:12px}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}
@media (max-width:960px){.hero{min-height:820px}.hero-content{grid-template-columns:1fr;gap:36px;padding:145px 0 80px}.hero-card{max-width:520px}.two-col{grid-template-columns:1fr;gap:35px}.service-grid{grid-template-columns:repeat(2,1fr)}.timeline{grid-template-columns:repeat(2,1fr);row-gap:35px}.contact-card{grid-template-columns:1fr}.main-nav{position:absolute;top:88px;left:20px;right:20px;background:#0b1e4d;padding:22px;display:none;flex-direction:column;align-items:stretch;border:1px solid rgba(255,255,255,.14)}.main-nav.open{display:flex}.menu-toggle{display:block}.feature-row{grid-template-columns:1fr}.footer-wrap{grid-template-columns:1fr}.footer-links{justify-content:flex-start;flex-wrap:wrap}}
@media (max-width:640px){.container{width:min(100% - 28px,1160px)}.section{padding:78px 0}.nav-wrap{height:76px}.brand{width:132px;height:76px}.brand img{max-width:122px;max-height:66px}.main-nav{top:76px}.hero{min-height:760px}.hero-content{padding-top:120px}.hero h1{font-size:42px}.hero-copy>p{font-size:16px}.hero-card{min-height:auto}.service-grid{grid-template-columns:1fr}.timeline{grid-template-columns:1fr;border-top:0}.step{border-top:1px solid rgba(255,255,255,.2);padding-top:26px}.contact-card{padding:32px}.contact h2{font-size:32px}.footer-links{gap:14px}.hero-actions .btn{width:100%}}


/* Em telas pequenas escondemos os pontos para não disputar espaço com os botões. */
@media (max-width:640px){.hero-dots{display:none}}

/* ==================================================================
   VERSÃO MODERNA — ÍCONES, ELEMENTOS FLUTUANTES E WHATSAPP
   Tudo abaixo pode ser removido sem afetar a estrutura original.
   ================================================================== */
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
svg{display:block}

/* Padrão dos ícones SVG */
.service-icon svg,.feature-icon svg,.step-icon svg,.stat-icon svg,
.floating-engineering svg,.section-float svg,.contact-watermark svg{
  width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;
  stroke-linecap:round;stroke-linejoin:round
}

/* ---------------- HERO: elementos flutuantes ---------------- */
.floating-engineering{
  position:absolute;z-index:3;color:rgba(255,255,255,.34);
  border:1px solid rgba(255,255,255,.15);background:rgba(12,30,76,.22);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  box-shadow:0 18px 45px rgba(3,16,52,.16);pointer-events:none
}
.hero-float{width:62px;height:62px;padding:16px;border-radius:16px}
.float-a{left:4%;top:27%;animation:floatEngineering 5.8s ease-in-out infinite}
.float-b{right:5%;top:25%;width:74px;height:74px;padding:19px;animation:floatEngineering 7s ease-in-out infinite reverse}
.float-c{right:8%;bottom:14%;width:54px;height:54px;padding:13px;animation:floatEngineering 6.5s ease-in-out infinite 1s}
@keyframes floatEngineering{0%,100%{transform:translate3d(0,0,0) rotate(-2deg)}50%{transform:translate3d(0,-14px,0) rotate(3deg)}}

/* Ícones dentro do card do banner */
.hero-stat{grid-template-columns:36px 48px 1fr;gap:10px}
.stat-icon{width:30px;height:30px;padding:6px;border:1px solid rgba(255,255,255,.17);border-radius:9px;color:#c9d7ff}
.hero-card{border-radius:2px;transition:transform .3s ease,box-shadow .3s ease}
.hero-card:hover{transform:translateY(-5px);box-shadow:0 38px 85px rgba(0,0,0,.24)}

/* ---------------- SEÇÕES: ícones decorativos de fundo ---------------- */
.section-decorated{position:relative;overflow:hidden}
.section-float{position:absolute;width:180px;height:180px;color:rgba(34,62,136,.045);pointer-events:none;z-index:0}
.section-decorated>.container{position:relative;z-index:1}
.float-ruler{right:-30px;top:35px;transform:rotate(-15deg)}
.float-building{left:-35px;bottom:20px;transform:rotate(8deg)}
.process .section-float{color:rgba(255,255,255,.055)}
.float-helmet{right:4%;top:45px;width:210px;height:210px;transform:rotate(-8deg)}

/* Features / diferenciais */
.feature-row div{position:relative;padding:19px 14px 16px 0;transition:.25s}
.feature-row div:hover{transform:translateY(-4px)}
.feature-icon{display:flex!important;align-items:center;justify-content:center;width:38px;height:38px;padding:8px;border-radius:10px;background:#eef3ff;color:var(--blue)!important;margin:0 0 12px!important}
.feature-row strong{font-family:"Montserrat",sans-serif;font-size:15px}

/* Cards de serviço modernizados */
.service-card{overflow:hidden;border-radius:14px;box-shadow:0 10px 30px rgba(19,42,102,.035)}
.service-card:before{content:"";position:absolute;left:0;top:0;width:3px;height:0;background:var(--blue);transition:.35s ease}
.service-card:hover:before{height:100%}
.service-card:after{content:"";position:absolute;width:110px;height:110px;border:1px solid rgba(34,62,136,.06);border-radius:50%;right:-55px;bottom:-55px;transition:.35s}
.service-card:hover:after{transform:scale(1.18)}
.service-icon{width:48px;height:48px;padding:11px;border-radius:12px;background:#edf2ff;color:var(--blue);margin-bottom:30px;transition:.25s}
.service-card:hover .service-icon{transform:translateY(-3px) rotate(-3deg);background:var(--blue);color:#fff}
.service-card.featured .service-icon{background:rgba(255,255,255,.12);color:#fff}
.service-card.featured:before{background:#fff}
.service-card.featured:after{border-color:rgba(255,255,255,.1)}
.featured-icon{margin-bottom:18px}
.service-card.featured a{display:inline-flex;align-items:center;gap:8px}

/* Processo */
.step{transition:.25s ease}
.step:hover{transform:translateY(-4px)}
.step-icon{display:flex;width:42px;height:42px;padding:10px;margin-bottom:16px;border:1px solid rgba(255,255,255,.16);border-radius:12px;color:#d8e3ff;background:rgba(255,255,255,.055)}
.timeline .step:before{box-shadow:0 0 0 6px rgba(255,255,255,.07)}

/* Card de contato com detalhe técnico */
.contact-card{position:relative;overflow:hidden;border-radius:18px}
.contact-watermark{position:absolute;right:-30px;bottom:-60px;width:220px;height:220px;color:rgba(34,62,136,.045);pointer-events:none}
.contact-card>div:not(.contact-watermark){position:relative;z-index:1}

/* ---------------- BOTÃO WHATSAPP PULSANTE ----------------
   Mistura visual: botão sólido moderno + ondas pulsantes expansivas.
   O número/URL continua sendo configurado no index.html.
   ---------------------------------------------------------- */
.whatsapp-float{
  position:fixed;
  right:26px;
  bottom:26px;
  z-index:1000;
  width:66px;
  height:66px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background:#25D366;
  color:#fff;
  box-shadow:0 12px 32px rgba(18,105,57,.34),0 0 0 1px rgba(255,255,255,.18) inset;
  isolation:isolate;
  transition:transform .25s ease,box-shadow .25s ease;
  animation:whatsappHeartbeat 2.8s ease-in-out infinite;
}

/* Centro branco/verde: o desenho fica nítido mesmo em telas pequenas. */
.whatsapp-button-icon{
  position:relative;
  z-index:4;
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
}
.whatsapp-logo{width:42px;height:42px;overflow:visible}
.whatsapp-logo .wa-bubble{
  fill:none;
  stroke:#fff;
  stroke-width:4.1;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.whatsapp-logo .wa-phone{fill:#fff;stroke:none}

/* Duas ondas independentes criam o efeito pulsante visto em sites modernos. */
.whatsapp-pulse{
  position:absolute;
  inset:0;
  z-index:-1;
  border-radius:50%;
  background:rgba(37,211,102,.34);
  border:1px solid rgba(37,211,102,.58);
  pointer-events:none;
  animation:whatsappWave 2.25s cubic-bezier(.2,.6,.35,1) infinite;
}
.whatsapp-pulse-two{animation-delay:1.1s}

/* Etiqueta lateral, aparece no desktop ao passar o mouse. */
.whatsapp-label{
  position:absolute;
  right:80px;
  top:50%;
  min-width:128px;
  padding:10px 13px 9px;
  border-radius:10px;
  transform:translate(10px,-50%);
  opacity:0;
  pointer-events:none;
  background:#fff;
  color:#10265e;
  box-shadow:0 10px 30px rgba(7,24,62,.20);
  transition:opacity .22s ease,transform .22s ease;
  line-height:1.2;
  white-space:nowrap;
}
.whatsapp-label:after{
  content:"";
  position:absolute;
  right:-5px;
  top:50%;
  width:10px;
  height:10px;
  background:#fff;
  transform:translateY(-50%) rotate(45deg);
}
.whatsapp-label strong{display:block;font-size:12px;font-weight:800}
.whatsapp-label small{display:block;margin-top:3px;color:#25a85a;font-size:10px;font-weight:700;letter-spacing:.04em}

.whatsapp-float:hover{
  transform:translateY(-4px) scale(1.06);
  box-shadow:0 17px 40px rgba(18,105,57,.42),0 0 0 1px rgba(255,255,255,.22) inset;
  animation-play-state:paused;
}
.whatsapp-float:hover .whatsapp-label{opacity:1;transform:translate(0,-50%)}

@keyframes whatsappWave{
  0%{transform:scale(.94);opacity:.9}
  70%{opacity:.18}
  100%{transform:scale(1.72);opacity:0}
}
@keyframes whatsappHeartbeat{
  0%,55%,100%{transform:scale(1)}
  62%{transform:scale(1.07)}
  69%{transform:scale(1)}
  76%{transform:scale(1.045)}
  83%{transform:scale(1)}
}

/* Microinterações nos botões e links */
.btn,.nav-cta{position:relative;overflow:hidden}
.btn:after,.nav-cta:after{content:"";position:absolute;top:-60%;left:-35%;width:30%;height:220%;background:rgba(255,255,255,.18);transform:rotate(18deg) translateX(-220%);transition:.55s ease}
.btn:hover:after,.nav-cta:hover:after{transform:rotate(18deg) translateX(520%)}

/* Respeita usuários que preferem menos animação */
@media (prefers-reduced-motion:reduce){
  .hero-slide,.reveal,.floating-engineering,.whatsapp-float,.whatsapp-pulse,.btn:after,.nav-cta:after{animation:none!important;transition:none!important}
}

@media (max-width:960px){
  .float-a{left:2%;top:18%}.float-b{right:3%;top:39%}.float-c{display:none}
  .section-float{opacity:.7}
}
@media (max-width:640px){
  .hero-float{width:46px;height:46px;padding:11px;opacity:.65}
  .float-a{left:auto;right:16px;top:110px}.float-b{display:none}
  .hero-stat{grid-template-columns:32px 44px 1fr}
  .stat-icon{width:28px;height:28px}
  .section-float{width:120px;height:120px}
  .whatsapp-float{right:18px;bottom:18px;width:60px;height:60px}
  .whatsapp-button-icon,.whatsapp-logo{width:38px;height:38px}
  .whatsapp-label{display:none}
}

/* =========================================================
   CONTEÚDO INSTITUCIONAL 2026
   Novos blocos mantêm a linguagem leve e técnica do site.
   ========================================================= */
.experience-badge{margin-top:28px;display:inline-flex;align-items:center;gap:14px;padding:15px 19px;border:1px solid rgba(34,62,136,.16);border-radius:14px;background:#fff;box-shadow:0 12px 35px rgba(15,40,95,.07)}
.experience-badge strong{font-size:34px;line-height:1;color:var(--blue,#223e88)}
.experience-badge span{font-size:12px;line-height:1.35;text-transform:uppercase;letter-spacing:.08em;color:#52617d;font-weight:700}
.identity-section{background:#f6f8fc}
.identity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:42px}
.identity-card{position:relative;padding:30px;border:1px solid rgba(34,62,136,.10);background:#fff;border-radius:18px;box-shadow:0 14px 45px rgba(13,38,92,.06);transition:transform .3s ease,box-shadow .3s ease}
.identity-card:hover{transform:translateY(-5px);box-shadow:0 20px 55px rgba(13,38,92,.11)}
.identity-card>span{display:block;margin:19px 0 8px;font-size:11px;letter-spacing:.16em;font-weight:800;color:#5570b4}
.identity-card h3{margin:0 0 12px;font-size:22px;color:#10265e}
.identity-card p{margin:0;color:#65718a;line-height:1.75}
.purpose-card{background:linear-gradient(145deg,#10265e,#244b9e);border-color:transparent}
.purpose-card h3,.purpose-card p{color:#fff}.purpose-card>span{color:#c9d7ff}.purpose-card .service-icon{background:rgba(255,255,255,.12);color:#fff}
.values .section-heading{max-width:700px}
.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:42px;background:rgba(34,62,136,.12);border:1px solid rgba(34,62,136,.12);border-radius:18px;overflow:hidden}
.value-item{position:relative;min-height:205px;padding:27px;background:#fff;transition:background .25s ease,transform .25s ease}
.value-item:hover{background:#f6f8fc}
.value-item b{font-size:12px;letter-spacing:.12em;color:#8ba0d4}.value-item h3{margin:28px 0 9px;color:#10265e;font-size:18px}.value-item p{margin:0;color:#69758d;font-size:13px;line-height:1.65}
.experience-grid{grid-template-columns:repeat(3,1fr)}
@media(max-width:960px){.identity-grid{grid-template-columns:1fr}.values-grid{grid-template-columns:repeat(2,1fr)}.experience-grid{grid-template-columns:1fr}}
@media(max-width:640px){.values-grid{grid-template-columns:1fr}.value-item{min-height:auto}.experience-badge{margin-bottom:10px}}