:root {
  --blue: #0066ff;
  --blue-light: #19a7ff;
  --yellow: #ffd700;
  --navy: #07182d;
  --night: #0a1d34;
  --night-2: #0d223a;
  --graphite: #18222d;
  --steel: #8393a5;
  --ice: #eaf2ff;
  --cloud: #f6f8fb;
  --line-dark: rgba(255,255,255,.12);
  --line-light: #dce2e8;
  --white: #fff;
  --shell: 1240px;
  --font: Inter, "Segoe UI", Arial, sans-serif;
  --mono: "Noto Sans Mono", "Roboto Mono", Consolas, monospace;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 84px; }
body {
  margin: 0;
  overflow-x: hidden;
  background: var(--navy);
  color: var(--white);
  font-family: var(--font);
  font-size: 16px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
body.menu-open { overflow: hidden; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; }
button, input, textarea { font: inherit; }
button { cursor: pointer; }
:focus-visible { outline: 3px solid var(--yellow); outline-offset: 4px; }
.shell { width: min(calc(100% - 72px), var(--shell)); margin-inline: auto; }
.skip-link {
  position: fixed;
  z-index: 1000;
  top: 8px;
  left: 8px;
  padding: 10px 14px;
  border-radius: 6px;
  background: var(--yellow);
  color: var(--navy);
  font-weight: 800;
  transform: translateY(-150%);
}
.skip-link:focus { transform: translateY(0); }

h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { margin-bottom: 24px; line-height: 1.05; letter-spacing: -.045em; }
h1 { font-size: clamp(3.1rem, 5vw, 5.1rem); }
h2 { font-size: clamp(2.2rem, 3.8vw, 3.55rem); }
h3 { font-size: clamp(1.2rem, 1.55vw, 1.5rem); }
h1 em, h2 span { color: var(--blue-light); font-style: normal; }
.eyebrow {
  display: flex;
  align-items: center;
  gap: 11px;
  margin: 0 0 22px;
  color: var(--blue-light);
  font-family: var(--mono);
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.eyebrow::before {
  width: 32px;
  height: 2px;
  background: currentColor;
  content: "";
}
.eyebrow--yellow { color: var(--yellow); }
.eyebrow--yellow > span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--yellow);
  box-shadow: 0 0 18px rgba(255,215,0,.8);
}
.eyebrow--yellow::before { display: none; }
.button {
  display: inline-flex;
  min-height: 58px;
  align-items: center;
  justify-content: center;
  gap: 18px;
  padding: 15px 26px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: .94rem;
  font-weight: 800;
  line-height: 1.1;
  text-decoration: none;
  transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease, color 180ms ease;
}
.button:hover { transform: translateY(-3px); }
.button--primary { background: var(--blue); color: var(--white); box-shadow: 0 15px 40px rgba(0,102,255,.28); }
.button--primary:hover { background: #0875ff; }
.button--ghost { border-color: rgba(255,255,255,.34); background: rgba(7,24,45,.28); color: var(--white); backdrop-filter: blur(10px); }
.button--ghost:hover { border-color: var(--white); background: rgba(255,255,255,.08); }
.button--yellow { min-width: 236px; background: var(--yellow); color: var(--navy); box-shadow: 0 16px 44px rgba(255,215,0,.2); }

/* Header */
.site-header {
  position: fixed;
  z-index: 200;
  top: 0;
  right: 0;
  left: 0;
  border-bottom: 1px solid rgba(255,255,255,.09);
  background: linear-gradient(180deg, rgba(3,14,29,.88), rgba(3,14,29,.24));
  transition: background 220ms ease, backdrop-filter 220ms ease, box-shadow 220ms ease;
}
.site-header.scrolled { background: rgba(5,19,36,.93); box-shadow: 0 10px 34px rgba(0,0,0,.18); backdrop-filter: blur(16px); }
.header-inner { display: flex; min-height: 88px; align-items: center; justify-content: space-between; gap: 44px; }
.brand { display: block; flex: 0 0 auto; text-decoration: none; }
.brand img { width: 184px; height: auto; object-fit: contain; filter: drop-shadow(0 4px 12px rgba(0,0,0,.16)); }
.navigation { display: flex; align-items: center; gap: 40px; }
.navigation nav { display: flex; align-items: center; gap: 34px; }
.navigation nav a { position: relative; color: #d6e0eb; font-size: .9rem; font-weight: 700; text-decoration: none; }
.navigation nav a::after {
  position: absolute;
  right: 0;
  bottom: -13px;
  left: 0;
  height: 2px;
  background: var(--blue-light);
  content: "";
  transform: scaleX(0);
  transition: transform 180ms ease;
}
.navigation nav a:hover, .navigation nav a.active { color: var(--white); }
.navigation nav a:hover::after, .navigation nav a.active::after { transform: scaleX(1); }
.header-cta {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  gap: 12px;
  padding: 10px 18px;
  border: 1px solid rgba(255,255,255,.24);
  border-radius: 999px;
  color: var(--white);
  font-size: .85rem;
  font-weight: 800;
  text-decoration: none;
  transition: background-color 180ms ease, border-color 180ms ease;
}
.header-cta:hover { border-color: var(--blue); background: var(--blue); }
.menu-button {
  display: none;
  width: 48px;
  height: 48px;
  padding: 12px;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 50%;
  background: rgba(7,24,45,.62);
}
.menu-button span { display: block; height: 2px; margin: 5px 0; background: var(--white); transition: transform 180ms ease, opacity 180ms ease; }
.menu-button[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.menu-button[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.menu-button[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* Hero */
.hero {
  position: relative;
  display: flex;
  min-height: max(760px, 100svh);
  align-items: center;
  overflow: hidden;
  background: var(--navy);
}
.hero-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 55% 50%; }
.hero-overlay {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 74% 42%, rgba(0,102,255,.16), transparent 28%),
    linear-gradient(90deg, rgba(4,16,32,.96) 0%, rgba(4,16,32,.82) 42%, rgba(4,16,32,.36) 72%, rgba(4,16,32,.5) 100%),
    linear-gradient(180deg, rgba(4,16,32,.5), transparent 30%, rgba(4,16,32,.75) 100%);
}
.hero-grid {
  position: absolute;
  inset: 0;
  opacity: .17;
  background-image:
    linear-gradient(rgba(255,255,255,.16) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.16) 1px, transparent 1px);
  background-size: 96px 96px;
  mask-image: linear-gradient(90deg, #000, transparent 72%);
}
.hero-content { position: relative; z-index: 2; display: flex; min-height: max(760px, 100svh); align-items: center; padding: 150px 0 200px; }
.hero-copy { width: min(760px, 70%); }
.hero-copy h1 { max-width: 690px; margin-bottom: 24px; font-size: clamp(2.6rem, 4.15vw, 4.35rem); }
.hero-lead { max-width: 640px; margin-bottom: 0; color: #d5e0eb; font-size: clamp(1.05rem, 1.7vw, 1.3rem); line-height: 1.62; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 38px; align-items: center; }
.hero-cta-image { display: inline-flex; width: min(100%, 236px); flex: 0 0 auto; text-decoration: none; transition: transform 180ms ease, filter 180ms ease; }
.hero-cta-image img { display: block; width: 100%; height: auto; }
.hero-cta-image:hover { transform: translateY(-3px); filter: brightness(1.03); }
.hero-cta-image--secondary { width: min(100%, 218px); }
.hero-metrics {
  position: absolute;
  z-index: 3;
  right: 0;
  bottom: 0;
  left: 0;
  border-top: 1px solid rgba(255,255,255,.15);
  background: rgba(5,20,38,.76);
  backdrop-filter: blur(16px);
}
.metrics-grid { display: grid; grid-template-columns: repeat(3, 1fr); }
.metric { display: grid; min-height: 124px; grid-template-columns: auto 1fr; align-items: center; gap: 20px; padding: 22px 34px; border-right: 1px solid rgba(255,255,255,.13); }
.metric:first-child { padding-left: 0; }
.metric:last-child { padding-right: 0; border-right: 0; }
.metric strong { color: var(--white); font-size: clamp(1.6rem, 2.6vw, 2.35rem); letter-spacing: -.04em; line-height: 1; }
.metric span { max-width: 210px; color: #9eafc2; font-size: .82rem; line-height: 1.45; }
/* Shared section rhythm */
.section-dark, .solutions, .method, .identity, .contact-layout { padding: 132px 0; }
.company { padding: 118px 0; }
.section-title--center { max-width: 850px; margin: 0 auto 66px; text-align: center; }
.section-title--center .eyebrow { justify-content: center; }
.section-title h2 { margin-bottom: 22px; }
.section-title > p:last-child { max-width: 700px; margin: 0 auto; color: #97a8ba; font-size: 1.05rem; }

/* Why */
.why {
  position: relative;
  background:
    radial-gradient(circle at 50% 0, rgba(0,102,255,.1), transparent 28%),
    var(--navy);
}
.why::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(25,167,255,.7), transparent);
  content: "";
}
.principles-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.principle {
  position: relative;
  display: flex;
  min-height: 370px;
  flex-direction: column;
  justify-content: flex-end;
  padding: 30px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 18px;
  background: #10243b;
  transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}
.principle:hover { border-color: rgba(25,167,255,.58); box-shadow: 0 24px 60px rgba(0,0,0,.24); transform: translateY(-7px); }
.principle-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 500ms ease; }
.principle:hover .principle-photo { transform: scale(1.045); }
.principle-photo-shade { position: absolute; z-index: 1; inset: 0; background: linear-gradient(180deg, rgba(3,15,29,.12) 0%, rgba(3,15,29,.38) 43%, rgba(3,15,29,.98) 100%); }
.principle-code { position: absolute; z-index: 2; top: 26px; left: 30px; color: #d4e4f3; font-family: var(--mono); font-size: .66rem; font-weight: 800; letter-spacing: .12em; text-shadow: 0 2px 12px rgba(0,0,0,.5); }
.principle h3, .principle p { position: relative; z-index: 2; }
.principle h3 { margin-bottom: 13px; }
.principle p { margin: 0; color: #c6d3df; font-size: .92rem; line-height: 1.58; }

/* Services */
.solutions { background: #0a1c32; }
.solutions-heading { display: grid; grid-template-columns: 1.15fr .6fr; gap: 70px; align-items: end; margin-bottom: 60px; }
.solutions-heading h2 { margin-bottom: 0; }
.solutions-heading > p { margin-bottom: 8px; color: #93a5b8; font-size: 1.04rem; }
.services-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.service-card {
  position: relative;
  display: flex;
  min-height: 390px;
  flex-direction: column;
  justify-content: space-between;
  padding: 28px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 18px;
  background: linear-gradient(155deg, rgba(255,255,255,.055), rgba(255,255,255,.018));
  transition: border-color 220ms ease, transform 220ms ease, box-shadow 220ms ease;
}
.service-card:hover { border-color: rgba(25,167,255,.55); box-shadow: 0 24px 60px rgba(0,0,0,.22); transform: translateY(-6px); }
.service-card--wide { grid-column: span 2; }
.service-card > div:last-child { position: relative; z-index: 2; }
.service-card > div:last-child > p { margin: 0 0 9px; color: #8295a9; font-family: var(--mono); font-size: .66rem; letter-spacing: .07em; text-transform: uppercase; }
.service-card h3 { max-width: 450px; margin-bottom: 12px; font-size: clamp(1.55rem, 2.1vw, 2.1rem); }
.service-detail { display: block; max-width: 540px; color: #afbdcb; font-size: .9rem; line-height: 1.58; }
.service-card--image { min-height: 500px; justify-content: flex-end; }
.service-card--photo { justify-content: flex-end; }
.service-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 54% 50%; transition: transform 550ms ease; }
.service-card:hover .service-photo { transform: scale(1.035); }
.service-photo-shade { position: absolute; z-index: 1; inset: 0; background: linear-gradient(180deg, rgba(4,16,32,.07) 0%, rgba(4,16,32,.32) 42%, rgba(4,16,32,.98) 100%); }
.service-card--image > div:last-child > p, .service-card--photo > div:last-child > p { color: #d1deea; }
.service-card--image .service-detail, .service-card--photo .service-detail { max-width: 660px; color: #d8e2ec; }

/* Experience */
.experience { position: relative; min-height: 820px; overflow: hidden; background: var(--navy); }
.experience-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 46%; }
.experience-overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(4,16,32,.98) 0%, rgba(4,16,32,.9) 44%, rgba(4,16,32,.52) 74%, rgba(4,16,32,.68) 100%); }
.experience-inner { position: relative; z-index: 2; display: grid; min-height: 820px; grid-template-columns: 1fr .72fr; gap: 110px; align-items: center; padding: 110px 0; }
.experience-copy h2 { max-width: 680px; }
.experience-copy > p:not(.eyebrow) { max-width: 620px; color: #c1cfdd; font-size: 1.08rem; }
.text-link { display: inline-flex; align-items: center; gap: 14px; margin-top: 22px; padding-bottom: 8px; border-bottom: 1px solid var(--yellow); color: var(--white); font-weight: 800; text-decoration: none; }
.text-link span { color: var(--yellow); transition: transform 180ms ease; }
.text-link:hover span { transform: translateX(5px); }
.experience-index { border-top: 1px solid rgba(255,255,255,.28); backdrop-filter: blur(6px); }
.experience-index > div { display: grid; gap: 8px; padding: 27px 0; border-bottom: 1px solid rgba(255,255,255,.24); }
.experience-index strong { font-size: 1.16rem; }
.experience-index p { margin: 0; color: #a7b8c9; font-size: .9rem; }

/* Method */
.method { background: var(--cloud); color: var(--graphite); }
.method-heading { display: grid; grid-template-columns: 190px 1fr .55fr; gap: 48px; align-items: end; margin-bottom: 70px; }
.method-heading .eyebrow { align-self: start; }
.method-heading h2 { margin: 0; color: var(--navy); }
.method-heading > p:last-child { margin: 0 0 9px; color: var(--steel); }
.method-flow { display: grid; grid-template-columns: repeat(4,1fr); margin: 0; padding: 0; border-top: 1px solid #bdc8d3; list-style: none; }
.method-flow li { position: relative; min-height: 240px; padding: 70px 30px 30px 0; border-right: 1px solid #bdc8d3; }
.method-flow li:not(:first-child) { padding-left: 30px; }
.method-flow li:last-child { padding-right: 0; border-right: 0; }
.method-flow li::before { position: absolute; top: -5px; left: 0; width: 10px; height: 10px; border: 2px solid var(--cloud); border-radius: 50%; background: var(--blue); box-shadow: 0 0 0 1px var(--blue); content: ""; }
.method-flow li:not(:first-child)::before { left: 30px; }
.method-flow strong { display: block; margin-bottom: 10px; color: var(--navy); font-size: 1.35rem; }
.method-flow p { max-width: 225px; margin: 0; color: var(--steel); font-size: .92rem; }

/* Identity */
.identity {
  position: relative;
  background:
    radial-gradient(circle at 82% 18%, rgba(0,102,255,.15), transparent 25%),
    linear-gradient(135deg,#061529,#0a2038 60%,#07182d);
}
.identity::before { position: absolute; inset: 0; opacity: .12; background-image: linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size: 84px 84px; content: ""; }
.identity > .shell { position: relative; z-index: 2; }
.identity-intro { max-width: 850px; margin-bottom: 70px; }
.mission-grid { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid rgba(255,255,255,.2); border-bottom: 1px solid rgba(255,255,255,.2); }
.mission-grid article { min-height: 270px; padding: 38px 48px 38px 0; }
.mission-grid article:first-child { border-right: 1px solid rgba(255,255,255,.2); }
.mission-grid article:last-child { padding-right: 0; padding-left: 48px; }
.mission-grid span, .values > span { display: block; margin-bottom: 30px; color: var(--yellow); font-family: var(--mono); font-size: .72rem; font-weight: 800; letter-spacing: .12em; }
.mission-grid p { max-width: 540px; margin: 0; color: #c3d0dd; font-size: 1.06rem; line-height: 1.7; }
.values { display: grid; grid-template-columns: 190px 1fr; gap: 30px; padding: 48px 0; border-bottom: 1px solid rgba(255,255,255,.2); }
.values ul { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px 30px; margin: 0; padding: 0; list-style: none; }
.values li { position: relative; padding-left: 16px; color: #c3d0dd; font-size: .93rem; }
.values li::before { position: absolute; top: .7em; left: 0; width: 6px; height: 6px; border-radius: 50%; background: var(--blue-light); content: ""; }
/* Contact */
.contact { background: #061528; }
.contact-top { position: relative; overflow: hidden; border-bottom: 1px solid rgba(255,255,255,.16); background: linear-gradient(120deg,#004fd4,#007cff 58%,#0066ff); }
.contact-top::before { position: absolute; top: -180px; right: -80px; width: 520px; height: 520px; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; box-shadow: 0 0 0 70px rgba(255,255,255,.04),0 0 0 140px rgba(255,255,255,.025); content: ""; }
.contact-cta { position: relative; z-index: 2; display: grid; min-height: 440px; grid-template-columns: 1fr auto; gap: 70px; align-items: center; }
.contact-cta h2 { max-width: 850px; margin: 0; }
.contact-cta h2 span { color: var(--yellow); }
.contact-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 100px; align-items: start; }
.contact-info > p { max-width: 520px; color: #becbd8; font-size: 1.1rem; }
.contact-lines { margin-top: 50px; border-top: 1px solid rgba(255,255,255,.18); }
.contact-lines a { display: grid; gap: 5px; padding: 19px 0; border-bottom: 1px solid rgba(255,255,255,.18); text-decoration: none; }
.contact-lines span { color: var(--blue-light); font-family: var(--mono); font-size: .68rem; letter-spacing: .1em; }
.contact-lines strong { font-size: .95rem; overflow-wrap: anywhere; }
.contact-form { padding: 42px; border-radius: 18px; background: var(--white); color: var(--graphite); box-shadow: 0 28px 80px rgba(0,0,0,.24); }
.form-heading { display: grid; margin-bottom: 28px; }
.form-heading span { color: var(--blue); font-family: var(--mono); font-size: .7rem; font-weight: 800; letter-spacing: .11em; }
.form-heading strong { margin-top: 6px; color: var(--navy); font-size: 1.65rem; }
.form-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 17px; }
.form-fields label { display: grid; gap: 7px; color: #3b4855; font-size: .84rem; font-weight: 800; }
.form-fields label.full { grid-column: 1 / -1; }
input, textarea { width: 100%; border: 1px solid var(--line-light); border-radius: 8px; background: #f4f7fa; color: var(--graphite); padding: 12px 13px; }
input { min-height: 48px; }
textarea { min-height: 126px; resize: vertical; }
input:focus, textarea:focus { border-color: var(--blue); background: var(--white); outline: 3px solid rgba(0,102,255,.14); }
.button--form { width: 100%; margin-top: 20px; border-radius: 8px; background: var(--blue); color: var(--white); }
.button--form:hover { background: #0059df; }
.form-note { margin: 13px 0 0; color: var(--steel); font-size: .75rem; line-height: 1.5; }
.form-status { min-height: 22px; margin: 7px 0 0; color: #316524; font-size: .8rem; }

/* Footer */
.site-footer { position: relative; overflow: hidden; border-top: 3px solid var(--blue); background: #030e1c; }
.footer-glow { position: absolute; top: -260px; left: 4%; width: 470px; height: 470px; border: 1px solid rgba(0,102,255,.1); border-radius: 50%; box-shadow: 0 0 0 68px rgba(0,102,255,.022),0 0 0 132px rgba(0,102,255,.014); }
.footer-main { position: relative; z-index: 2; display: grid; grid-template-columns: 1.4fr .55fr 1fr 54px; gap: 70px; align-items: start; padding: 54px 0 34px; }
.footer-brand img { width: 188px; height: auto; object-fit: contain; filter: drop-shadow(0 5px 16px rgba(0,0,0,.16)); }
.footer-brand p { max-width: 360px; margin: 15px 0 0; color: #9aadc0; font-size: .9rem; line-height: 1.5; }
.footer-column { display: grid; align-content: start; gap: 10px; }
.footer-column > span { margin-bottom: 6px; color: var(--yellow); font-family: var(--mono); font-size: .68rem; font-weight: 800; letter-spacing: .13em; }
.footer-column a, .footer-column p { margin: 0; color: #a7b7c7; font-size: .86rem; text-decoration: none; overflow-wrap: anywhere; }
.footer-column a:hover { color: var(--white); }
.back-top { display: flex; width: 50px; height: 50px; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; color: var(--white); font-size: 1.35rem; text-decoration: none; transition: background-color 180ms ease, border-color 180ms ease; }
.back-top:hover { border-color: var(--blue); background: var(--blue); }
.footer-bottom { position: relative; z-index: 2; display: flex; justify-content: space-between; gap: 30px; padding: 14px 0 16px; border-top: 1px solid rgba(255,255,255,.1); color: #64778a; font-family: var(--mono); font-size: .62rem; letter-spacing: .08em; text-transform: uppercase; }

/* Motion */
.js [data-reveal] { opacity: 0; transform: translateY(26px); transition: opacity 700ms ease, transform 700ms cubic-bezier(.2,.7,.2,1); }
.js [data-reveal].visible { opacity: 1; transform: translateY(0); }
.principles-grid [data-reveal]:nth-child(2), .services-grid [data-reveal]:nth-child(2), .method-flow [data-reveal]:nth-child(2) { transition-delay: 80ms; }
.principles-grid [data-reveal]:nth-child(3), .services-grid [data-reveal]:nth-child(3), .method-flow [data-reveal]:nth-child(3) { transition-delay: 160ms; }
.principles-grid [data-reveal]:nth-child(4), .services-grid [data-reveal]:nth-child(4), .method-flow [data-reveal]:nth-child(4) { transition-delay: 240ms; }

@media (max-width: 1080px) {
  .shell { width: min(calc(100% - 52px), var(--shell)); }
  .header-inner { gap: 24px; }
  .navigation { gap: 26px; }
  .navigation nav { gap: 22px; }
  .principles-grid { grid-template-columns: 1fr 1fr; }
  .experience-inner { gap: 62px; }
  .method-heading { grid-template-columns: 160px 1fr .5fr; gap: 32px; }
  .contact-layout { gap: 62px; }
  .footer-main { grid-template-columns: 1.2fr .55fr 1fr 50px; gap: 40px; }
}

@media (max-width: 860px) {
  .shell { width: min(calc(100% - 40px), var(--shell)); }
  .site-header { background: rgba(5,19,36,.9); backdrop-filter: blur(14px); }
  .header-inner { min-height: 78px; }
  .brand img { width: 166px; }
  .menu-button { display: block; }
  .navigation {
    position: fixed;
    top: 78px;
    right: 0;
    left: 0;
    display: grid;
    visibility: hidden;
    gap: 24px;
    padding: 26px 20px 30px;
    border-top: 1px solid rgba(255,255,255,.1);
    background: rgba(5,19,36,.98);
    opacity: 0;
    transform: translateY(-10px);
    transition: opacity 180ms ease, transform 180ms ease, visibility 180ms ease;
  }
  .navigation.open { visibility: visible; opacity: 1; transform: translateY(0); }
  .navigation nav { display: grid; gap: 0; }
  .navigation nav a { padding: 14px 0; border-bottom: 1px solid rgba(255,255,255,.12); font-size: 1rem; }
  .navigation nav a::after { display: none; }
  .header-cta { justify-content: center; }
  .hero { min-height: 980px; align-items: flex-start; }
  .hero-photo { object-position: 60% 50%; }
  .hero-overlay { background: linear-gradient(180deg,rgba(4,16,32,.56),rgba(4,16,32,.84) 42%,rgba(4,16,32,.98) 75%); }
  .hero-grid { mask-image: linear-gradient(#000,transparent 75%); }
  .hero-content { min-height: 980px; align-items: flex-start; padding: 154px 0 360px; }
  .hero-copy { width: 100%; }
  .hero-copy h1 { max-width: 680px; }
  .hero-lead { max-width: 580px; }
  .hero-metrics { background: rgba(5,20,38,.9); }
  .metrics-grid { grid-template-columns: 1fr; }
  .metric { min-height: 96px; padding: 17px 0; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.13); }
  .metric:last-child { border-bottom: 0; }
  .section-dark, .solutions, .method, .identity, .contact-layout { padding: 96px 0; }
  .principles-grid { gap: 14px; }
  .solutions-heading, .experience-inner, .method-heading, .contact-cta, .contact-layout { grid-template-columns: 1fr; }
  .solutions-heading { gap: 24px; }
  .services-grid { grid-template-columns: 1fr 1fr; }
  .service-card--wide { grid-column: span 2; }
  .experience, .experience-inner { min-height: 900px; }
  .experience-inner { align-content: center; gap: 56px; }
  .experience-overlay { background: linear-gradient(180deg,rgba(4,16,32,.82),rgba(4,16,32,.94)); }
  .method-heading { gap: 22px; }
  .method-flow { grid-template-columns: 1fr 1fr; }
  .method-flow li:nth-child(2) { border-right: 0; }
  .method-flow li:nth-child(3), .method-flow li:nth-child(4) { border-top: 1px solid #bdc8d3; }
  .method-flow li:nth-child(3) { padding-left: 0; }
  .method-flow li:nth-child(3)::before { left: 0; }
  .values { grid-template-columns: 1fr; }
  .contact-cta { min-height: 430px; gap: 38px; justify-items: start; padding: 80px 0; }
  .contact-layout { gap: 60px; }
  .footer-main { grid-template-columns: 1fr 1fr; min-height: auto; }
  .back-top { position: absolute; right: 0; bottom: 48px; }
}

@media (max-width: 590px) {
  .shell { width: min(calc(100% - 32px), var(--shell)); }
  h1 { font-size: clamp(2.8rem, 13vw, 3.6rem); }
  h2 { font-size: clamp(2.05rem, 10vw, 2.75rem); }
  .hero { min-height: 1020px; }
  .hero-photo { object-position: 66% 50%; }
  .hero-content { min-height: 1020px; padding-top: 132px; }
  .hero-actions { display: grid; }
  .hero-actions .button { width: 100%; }
  .metric { grid-template-columns: 105px 1fr; gap: 16px; }
  .metric strong { font-size: 1.55rem; }
  .section-title--center { margin-bottom: 44px; text-align: left; }
  .section-title--center .eyebrow { justify-content: flex-start; }
  .principles-grid, .services-grid, .mission-grid, .form-fields, .footer-main { grid-template-columns: 1fr; }
  .principle { min-height: 300px; }
  .service-card, .service-card--wide { grid-column: auto; min-height: 365px; }
  .experience, .experience-inner { min-height: 980px; }
  .method-flow { grid-template-columns: 1fr; border-top: 0; }
  .method-flow li, .method-flow li:not(:first-child) { min-height: auto; padding: 42px 0 30px; border-top: 1px solid #bdc8d3; border-right: 0; }
  .method-flow li:not(:first-child)::before { left: 0; }
  .method-flow p { max-width: none; }
  .mission-grid { border-bottom: 0; }
  .mission-grid article, .mission-grid article:last-child { min-height: auto; padding: 32px 0; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.2); }
  .values ul { grid-template-columns: 1fr; }
  .contact-cta { min-height: 520px; }
  .button--yellow { width: 100%; }
  .contact-form { padding: 28px 20px; }
  .form-fields label.full { grid-column: auto; }
  .footer-main { gap: 32px; padding: 44px 0 28px; }
  .back-top { right: 0; bottom: 42px; }
  .footer-bottom { display: grid; padding: 14px 70px 16px 0; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; scroll-behavior: auto !important; transition-duration: .01ms !important; }
  .js [data-reveal] { opacity: 1; transform: none; }
}

/* Content architecture update */
.login-link {
  position: relative;
  display: inline-flex;
  width: 42px;
  height: 42px;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(255,255,255,.23);
  border-radius: 50%;
  color: var(--white);
  text-decoration: none;
  transition: border-color 180ms ease, background-color 180ms ease, color 180ms ease;
}
.login-link svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.login-link:hover { border-color: var(--blue-light); background: rgba(0,102,255,.2); color: var(--white); }
.login-tooltip {
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  width: max-content;
  padding: 6px 9px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 5px;
  background: #041426;
  color: #dce9f5;
  font-family: var(--mono);
  font-size: .65rem;
  font-weight: 700;
  letter-spacing: .05em;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-4px);
  transition: opacity 180ms ease, transform 180ms ease;
}
.login-link:hover .login-tooltip, .login-link:focus-visible .login-tooltip { opacity: 1; transform: translateY(0); }
.hero-signature {
  margin: 22px 0 0;
  color: #e6eff8;
  font-size: .94rem;
  font-weight: 700;
  letter-spacing: .01em;
}
.hero-signature::before {
  display: inline-block;
  width: 24px;
  height: 1px;
  margin: 0 10px 5px 0;
  background: var(--yellow);
  content: "";
}
.metrics-grid .metric strong { font-size: clamp(1.35rem, 2vw, 2rem); letter-spacing: -.035em; }

.company {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  border-top: 1px solid rgba(147,188,224,.14);
  border-bottom: 1px solid rgba(147,188,224,.14);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), inset 0 -1px 0 rgba(255,255,255,.03);
  background: linear-gradient(115deg, #081b30, #0d2742);
}
.company::before {
  position: absolute;
  inset: 0;
  opacity: .52;
  background:
    linear-gradient(90deg, rgba(7,24,45,.97) 0%, rgba(7,24,45,.95) 28%, rgba(7,24,45,.88) 48%, rgba(7,24,45,.76) 66%, rgba(7,24,45,.86) 100%),
    radial-gradient(circle at 16% 20%, rgba(0,102,255,.10), transparent 28%),
    url('servico-projetos-v1.webp') right center / cover no-repeat;
  content: "";
}
.company::after {
  position: absolute;
  right: -9%;
  bottom: -145px;
  width: 500px;
  height: 500px;
  border: 1px solid rgba(25,167,255,.14);
  border-radius: 50%;
  box-shadow: 0 0 0 58px rgba(25,167,255,.028), 0 0 0 118px rgba(25,167,255,.014);
  content: "";
}
.company-layout { position: relative; z-index: 1; display: grid; grid-template-columns: .72fr 1.28fr; gap: clamp(56px, 9vw, 136px); align-items: center; }
.company-heading h2 { max-width: 470px; margin-bottom: 0; }
.company-copy { max-width: 735px; padding-top: 12px; }
.company-copy > p { margin-bottom: 17px; color: #d3dee8; font-size: 1.01rem; line-height: 1.72; }
.company-copy > p:last-of-type { margin-bottom: 0; }
.company-statement {
  margin-top: 43px !important;
  padding-top: 23px;
  border-top: 1px solid rgba(255,255,255,.2);
  color: var(--white) !important;
  font-size: clamp(1.22rem, 2vw, 1.62rem) !important;
  font-weight: 700;
  letter-spacing: -.025em;
  line-height: 1.3 !important;
}

.services-grid--technical { grid-template-columns: repeat(3, 1fr); }
.service-card--technical {
  min-height: 390px;
  justify-content: space-between;
  background:
    linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,.018)),
    #0c2038;
}
.service-card--technical::before {
  position: absolute;
  top: 0;
  right: 0;
  width: 110px;
  height: 110px;
  border-top: 1px solid rgba(25,167,255,.28);
  border-right: 1px solid rgba(25,167,255,.28);
  border-radius: 0 18px 0 80px;
  content: "";
}
.service-icon {
  position: relative;
  z-index: 2;
  display: flex;
  width: 50px;
  height: 50px;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(25,167,255,.42);
  border-radius: 12px;
  color: var(--blue-light);
  background: rgba(0,102,255,.11);
}
.service-icon svg { width: 29px; height: 29px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.service-card--technical > div:last-child > p { color: var(--blue-light); }
.service-card--technical h3 { font-size: clamp(1.38rem, 1.8vw, 1.75rem); }
.service-card--technical .service-detail { color: #b9c8d6; }

.work {
  position: relative;
  overflow: hidden;
  padding: 132px 0;
  background:
    radial-gradient(circle at 84% 18%, rgba(0,102,255,.28), transparent 23%),
    linear-gradient(120deg, #05182f, #07182d 68%, #061426);
}
.work-orbit {
  position: absolute;
  top: -360px;
  right: -120px;
  width: 820px;
  height: 820px;
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 50%;
  box-shadow: 0 0 0 78px rgba(255,255,255,.028), 0 0 0 156px rgba(255,255,255,.016);
}
.work-intro { position: relative; z-index: 1; display: grid; grid-template-columns: .82fr 1.18fr; gap: 80px; align-items: end; margin-bottom: 68px; }
.work-intro h2 { max-width: 650px; margin: 0; }
.work-intro > p:last-child { max-width: 650px; margin: 0; color: #b9c8d7; font-size: 1.03rem; }
.work-intro .eyebrow { grid-column: 1 / -1; margin-bottom: 0; }
.work-flow { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin: 0; padding: 0; border-top: 1px solid rgba(255,255,255,.24); list-style: none; }
.work-flow li { position: relative; min-height: 234px; padding: 36px 28px 30px 0; border-right: 1px solid rgba(255,255,255,.17); }
.work-flow li:not(:first-child) { padding-left: 28px; }
.work-flow li:last-child { padding-right: 0; border-right: 0; }
.work-flow li::before { position: absolute; top: -5px; left: 0; width: 9px; height: 9px; border: 2px solid var(--navy); border-radius: 50%; background: var(--yellow); content: ""; }
.work-flow li:not(:first-child)::before { left: 28px; }
.work-flow li > span { display: block; margin-bottom: 34px; color: var(--yellow); font-family: var(--mono); font-size: .68rem; font-weight: 800; letter-spacing: .11em; }
.work-flow strong { display: block; margin-bottom: 10px; color: var(--white); font-size: 1.35rem; }
.work-flow p { max-width: 220px; margin: 0; color: #aebfd0; font-size: .92rem; line-height: 1.57; }

.contexts { padding: 132px 0; background: var(--cloud); color: var(--graphite); }
.contexts-layout { display: grid; grid-template-columns: .78fr 1.22fr; gap: clamp(54px, 10vw, 150px); align-items: start; }
.contexts-intro h2, .safety-intro h2 { color: var(--navy); }
.contexts-intro > p:not(.eyebrow), .safety-copy > p { max-width: 530px; color: #5e7183; font-size: 1.03rem; }
.context-list { border-top: 1px solid #bbc7d2; }
.context-list article { display: grid; grid-template-columns: 56px 1fr; gap: 20px; padding: 27px 0; border-bottom: 1px solid #bbc7d2; }
.context-list span, .safety-points span { color: var(--blue); font-family: var(--mono); font-size: .72rem; font-weight: 800; letter-spacing: .08em; }
.context-list h3 { margin: 0 0 8px; color: var(--navy); font-size: 1.22rem; letter-spacing: -.025em; }
.context-list p { max-width: 600px; margin: 0; color: #627486; font-size: .94rem; }

.safety { padding: 126px 0; background: #eaf2ff; color: var(--graphite); }
.safety-intro { display: grid; grid-template-columns: .72fr 1.28fr; gap: clamp(54px, 10vw, 150px); align-items: start; }
.safety-intro .eyebrow { grid-column: 1 / -1; margin-bottom: 0; }
.safety-intro h2 { max-width: 590px; margin: 0; }
.safety-copy > p { max-width: 570px; margin-bottom: 14px; }
.safety-copy > p:last-child { margin-bottom: 0; }
.safety-points { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; margin-top: 68px; border-top: 1px solid #b8c8d8; }
.safety-points article { min-height: 190px; padding: 30px 28px 24px 0; border-right: 1px solid #b8c8d8; }
.safety-points article:not(:first-child) { padding-left: 28px; }
.safety-points article:last-child { padding-right: 0; border-right: 0; }
.safety-points h3 { margin: 26px 0 8px; color: var(--navy); font-size: 1.22rem; }
.safety-points p { max-width: 230px; margin: 0; color: #5e7183; font-size: .92rem; }

.brand-block {
  position: relative;
  overflow: hidden;
  padding: 145px 0;
  background:
    radial-gradient(circle at 72% 40%, rgba(0,102,255,.28), transparent 27%),
    linear-gradient(120deg, #031326, #07182d 60%, #061427);
}
.brand-block::before { position: absolute; inset: 0; opacity: .14; background-image: linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px), linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px); background-size: 86px 86px; content: ""; }
.brand-orbit { position: absolute; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; }
.brand-orbit--one { top: -240px; right: -40px; width: 650px; height: 650px; box-shadow: 0 0 0 70px rgba(255,255,255,.035), 0 0 0 140px rgba(255,255,255,.018); }
.brand-orbit--two { right: 20%; bottom: -270px; width: 400px; height: 400px; border-color: rgba(25,167,255,.23); }
.brand-block-inner { position: relative; z-index: 1; }
.brand-block h2 { max-width: 860px; margin-bottom: 26px; font-size: clamp(2.75rem, 5vw, 5rem); }
.brand-block > .shell > p:last-child { color: #c6d4e1; font-size: 1.08rem; line-height: 1.65; }

.contact { background: #061528; }
.contact-layout--simple { display: grid; grid-template-columns: .76fr 1.24fr; gap: clamp(56px, 10vw, 130px); align-items: start; padding: 130px 0; }
.contact-info h2 { max-width: 510px; }
.contact-info > .eyebrow { color: var(--yellow); }
.contact-info > p:not(.eyebrow) { max-width: 520px; color: #becbd8; font-size: 1.04rem; }
.contact-lines { margin-top: 38px; }
.contact-lines a { display: block; padding: 17px 0; }
.contact-lines strong { color: var(--white); }
.contact-lines > p { margin: 0; padding: 17px 0; border-bottom: 1px solid rgba(255,255,255,.18); color: #c3cfda; font-size: .95rem; }
.button--whatsapp { margin-top: 30px; border-color: rgba(255,255,255,.3); background: transparent; color: var(--white); }
.button--whatsapp:hover { border-color: #25d366; background: #25d366; color: #062033; }
.contact-form { border-radius: 14px; }


/* Contact refinement: integrated dark panel */
.contact {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  border-top: 1px solid rgba(141,183,222,.12);
  background:
    radial-gradient(circle at 78% 32%, rgba(0,102,255,.11), transparent 28%),
    linear-gradient(120deg, #051426 0%, #071a30 54%, #0a2038 100%);
}
.contact::before {
  position: absolute;
  inset: 0;
  opacity: .15;
  background-image:
    linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
  background-size: 92px 92px;
  mask-image: linear-gradient(90deg, transparent 0%, #000 46%, #000 100%);
  content: "";
}
.contact-orbit {
  position: absolute;
  z-index: 0;
  border: 1px solid rgba(25,167,255,.15);
  border-radius: 50%;
  pointer-events: none;
}
.contact-orbit--one { top: -220px; right: -170px; width: 620px; height: 620px; box-shadow: 0 0 0 68px rgba(25,167,255,.025); }
.contact-orbit--two { bottom: -250px; left: 24%; width: 420px; height: 420px; border-color: rgba(255,215,0,.08); }
.contact-layout--simple {
  position: relative;
  z-index: 1;
  grid-template-columns: .9fr 1.1fr;
  gap: clamp(72px, 8vw, 118px);
  align-items: center;
  padding: 122px 0;
}
.contact-info h2 { max-width: 520px; margin-bottom: 26px; }
.contact-info > p:not(.eyebrow) { max-width: 500px; color: #c6d3df; font-size: 1.02rem; line-height: 1.72; }
.contact-lines { max-width: 470px; margin-top: 36px; border-top: 1px solid rgba(255,255,255,.16); }
.contact-lines a,
.contact-lines > p { display: grid; gap: 4px; margin: 0; padding: 17px 0; border-bottom: 1px solid rgba(255,255,255,.16); text-decoration: none; }
.contact-lines span { color: var(--blue-light); font-family: var(--mono); font-size: .66rem; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.contact-lines strong { color: #edf5fc; font-size: .93rem; font-weight: 700; overflow-wrap: anywhere; }
.button--whatsapp { margin-top: 28px; border-color: rgba(255,255,255,.25); background: rgba(255,255,255,.025); backdrop-filter: blur(8px); }
.button--whatsapp:hover { border-color: rgba(37,211,102,.9); background: rgba(37,211,102,.95); color: #061528; }
.contact-form--dark {
  position: relative;
  padding: 40px;
  overflow: hidden;
  border: 1px solid rgba(126,177,224,.24);
  border-radius: 20px;
  background: linear-gradient(155deg, rgba(16,45,75,.97), rgba(10,31,53,.97));
  color: var(--white);
  box-shadow: 0 30px 80px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.035);
}
.contact-form--dark::before {
  position: absolute;
  top: 0;
  right: 40px;
  left: 40px;
  height: 2px;
  background: linear-gradient(90deg, var(--yellow) 0 54px, rgba(25,167,255,.8) 54px 100%);
  content: "";
}
.contact-form--dark .form-heading { margin-bottom: 28px; }
.contact-form--dark .form-heading span { color: var(--yellow); }
.contact-form--dark .form-heading strong { margin-top: 7px; color: var(--white); font-size: 1.55rem; letter-spacing: -.025em; }
.contact-form--dark .form-heading p { max-width: 500px; margin: 8px 0 0; color: #9fb2c5; font-size: .87rem; line-height: 1.55; }
.contact-form--dark .form-fields { gap: 17px; }
.contact-form--dark .form-fields label { color: #e1ebf4; font-size: .82rem; }
.contact-form--dark input,
.contact-form--dark textarea {
  border-color: rgba(152,188,221,.2);
  background: rgba(4,20,37,.56);
  color: var(--white);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}
.contact-form--dark input::placeholder,
.contact-form--dark textarea::placeholder { color: #7f93a7; opacity: 1; }
.contact-form--dark input:focus,
.contact-form--dark textarea:focus {
  border-color: var(--blue-light);
  background: rgba(4,20,37,.76);
  outline: 3px solid rgba(25,167,255,.12);
}
.contact-form--dark .button--form {
  min-height: 56px;
  margin-top: 20px;
  border-radius: 10px;
  background: linear-gradient(90deg, #0066ff, #0879ff);
  box-shadow: 0 14px 34px rgba(0,102,255,.22);
}
.contact-form--dark .button--form:hover { background: linear-gradient(90deg, #0874ff, #1689ff); }
.contact-form--dark .form-note { margin-top: 14px; color: #8196aa; font-size: .73rem; }
.contact-form--dark .form-status { color: #a9c9ff; }

@media (max-width: 780px) {
  .contact-layout--simple { gap: 54px; padding: 88px 0; }
  .contact-form--dark { padding: 30px 22px; }
  .contact-form--dark::before { right: 22px; left: 22px; }
}

.footer-slogan { color: #bac8d5 !important; font-size: .91rem !important; line-height: 1.55; }

@media (max-width: 960px) {
  .company-layout, .contexts-layout, .safety-intro { grid-template-columns: 1fr; gap: 40px; }
  .company-heading h2 { max-width: 650px; }
  .work-intro { grid-template-columns: 1fr; gap: 22px; }
  .work-intro .eyebrow { grid-column: auto; }
  .work-flow { grid-template-columns: 1fr 1fr; }
  .work-flow li:nth-child(2) { border-right: 0; }
  .work-flow li:nth-child(3), .work-flow li:nth-child(4) { border-top: 1px solid rgba(255,255,255,.17); }
  .work-flow li:nth-child(3) { padding-left: 0; }
  .work-flow li:nth-child(3)::before { left: 0; }
  .contact-layout--simple { gap: 60px; }
}

@media (max-width: 860px) {
  .navigation { align-items: stretch; }
  .login-link { width: 48px; height: 48px; margin-top: 4px; }
  .login-tooltip { display: none; }
  .company, .work, .contexts, .safety, .brand-block { padding: 96px 0; }
  .services-grid--technical { grid-template-columns: 1fr 1fr; }
  .service-card--technical { min-height: 360px; }
  .safety-points { margin-top: 52px; }
  .contact-layout--simple { grid-template-columns: 1fr; padding: 96px 0; }
}

@media (max-width: 590px) {
  .hero { min-height: 1110px; }
  .hero-content { min-height: 1110px; padding-bottom: 405px; }
  .hero-signature { font-size: .87rem; }
  .metrics-grid .metric strong { font-size: 1.34rem; }
  .services-grid--technical, .work-flow, .safety-points { grid-template-columns: 1fr; }
  .service-card--technical { min-height: 335px; }
  .work-flow { border-top: 0; }
  .work-flow li, .work-flow li:not(:first-child) { min-height: auto; padding: 33px 0 30px; border-top: 1px solid rgba(255,255,255,.17); border-right: 0; }
  .work-flow li:not(:first-child)::before { left: 0; }
  .work-flow li > span { margin-bottom: 18px; }
  .safety-points article, .safety-points article:not(:first-child) { min-height: auto; padding: 27px 0; border-right: 0; border-bottom: 1px solid #b8c8d8; }
  .safety-points article:last-child { border-bottom: 0; }
  .brand-block h2 { font-size: clamp(2.45rem, 11vw, 3.4rem); }
  .contact-layout--simple { padding: 82px 0; }
}

/* Home refinement: concise, technical and image-led */
.hero--refined { min-height: max(680px, 88svh); }
.hero--refined .hero-content { min-height: max(680px, 88svh); padding: 138px 0 112px; }
.hero--refined .hero-copy { width: min(760px, 76%); }
.hero--refined .hero-lead { max-width: 670px; }

.credentials {
  position: relative;
  z-index: 4;
  padding: 18px 0;
  border-bottom: 1px solid rgba(143,181,218,.22);
  background: #06172b;
  color: var(--white);
}
.credentials-banners {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  align-items: stretch;
}
.credential-banner {
  position: relative;
  overflow: hidden;
  min-height: 0;
  aspect-ratio: 3 / 1;
  border: 1px solid rgba(163,202,239,.24);
  border-radius: 8px;
  background: #0a223c;
  transition: transform 220ms ease, border-color 220ms ease, box-shadow 220ms ease;
}
.credential-banner:hover {
  transform: translateY(-4px);
  border-color: rgba(25,167,255,.48);
  box-shadow: 0 18px 38px rgba(0,0,0,.24);
}
.credential-banner-art {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: contain;
  object-position: center;
  transition: transform 320ms ease, filter 220ms ease;
}
.credential-banner:hover .credential-banner-art {
  transform: scale(1.015);
  filter: brightness(1.03) saturate(1.02);
}

.company-layout--compact { align-items: center; }
.company-layout--compact .company-heading h2 { max-width: 560px; }
.company-layout--compact .company-copy { max-width: 760px; }
.company-layout--compact .company-copy > p { max-width: 760px; margin-bottom: 17px; font-size: 1rem; line-height: 1.68; }
.company-signature { margin-top: 12px; color: #f0f6fc; font-size: 1.04rem; font-weight: 800; line-height: 1.5; }

.solutions--visual { background: #081b30; }
.solutions-heading--compact { margin-bottom: 48px; }
.solutions-heading--compact > p { max-width: 470px; margin: 0; line-height: 1.55; }
.services-grid--visual { grid-template-columns: repeat(3, 1fr); }
.service-card--visual { min-height: 355px; justify-content: flex-end; padding: 28px; background: #0b2139; }
.service-card--visual::before { position: absolute; z-index: 2; top: 24px; left: 24px; width: 36px; height: 2px; border: 0; border-radius: 0; background: var(--yellow); content: ""; }
.service-card--visual .service-photo { filter: saturate(.84) contrast(1.06); }
.service-card--visual .service-photo-shade { background: linear-gradient(180deg, rgba(3,14,28,.04) 0%, rgba(3,14,28,.25) 35%, rgba(3,14,28,.96) 100%); }
.service-card--visual > div:last-child { position: relative; z-index: 2; }
.service-card--visual > div:last-child > p { margin: 0 0 8px; color: #ddecfa; font-family: var(--mono); font-size: .875rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.service-card--visual h3 { margin-bottom: 10px; font-size: clamp(1.35rem, 1.8vw, 1.72rem); }
.service-card--visual .service-detail { color: #d5e1eb; font-size: .95rem; line-height: 1.5; }


.footer-brand p { margin-top: 15px; }

@media (max-width: 960px) {
  .credentials-band { grid-template-columns: 1fr 1fr 1fr; }
  .credentials-intro { grid-column: span 1; }
  .credentials-trace { grid-column: span 2; padding-right: 0; }
  .credentials-trace svg { max-width: 230px; }
  .credential { min-height: 116px; }
  .services-grid--visual { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 590px) {
  .hero--refined { min-height: 720px; }
  .hero--refined .hero-content { min-height: 720px; padding: 124px 0 80px; }
  .hero--refined .hero-copy { width: 100%; }
  .hero-actions { gap: 12px; }
  .hero-cta-image, .hero-cta-image--secondary { width: min(100%, 248px); }
  .credentials-band { display: grid; grid-template-columns: 1fr 1fr; min-height: 0; padding: 25px 0 0; }
  .credentials-intro { grid-column: 1 / -1; grid-template-columns: 11px 1fr; padding: 0 0 19px; }
  .credentials-trace { display: none; }
  .credential { min-height: 128px; padding: 23px 16px 23px 0; border-top: 1px solid #d4e0eb; border-left: 0; }
  .credential:nth-of-type(4) { padding-left: 18px; border-left: 1px solid #d4e0eb; }
  .credential:last-child { grid-column: 1 / -1; padding-left: 0; }
  .credential::before { top: -1px; left: 0; width: 34px; height: 2px; }
  .credential:nth-of-type(4)::before { left: 18px; }
  .company-layout--compact .company-copy { padding-top: 0; }
  .company { padding: 92px 0; }
  .company-layout--compact .company-copy > p { font-size: .98rem; }
  .company-signature { font-size: 1rem; }
  .services-grid--visual { grid-template-columns: 1fr; }
  .service-card--visual { min-height: 330px; }
}

@media (max-width: 780px) {
  .credentials { padding: 14px 0; }
  .credentials-banners {
    grid-template-columns: 1fr;
    gap: 10px;
    width: min(calc(100% - 40px), 560px);
  }
  .credential-banner { min-height: 0; aspect-ratio: 3 / 1; }
}


/* Solutions detail page */
.service-card-link { color: inherit; text-decoration: none; cursor: pointer; }
.service-card-link .service-more {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin-top: 16px;
  color: #e8f3ff;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .015em;
  opacity: .78;
  transition: color 180ms ease, opacity 180ms ease;
}
.service-card-link .service-more b { color: var(--yellow); font-size: 1rem; transition: transform 180ms ease; }
.service-card-link:hover .service-more { color: var(--white); opacity: 1; }
.service-card-link:hover .service-more b { transform: translateX(4px); }


.solutions-page-body { background: var(--cloud); color: var(--graphite); }
.solutions-page-hero {
  position: relative;
  display: flex;
  min-height: 650px;
  align-items: center;
  overflow: hidden;
  background: var(--navy);
}
.solutions-page-hero-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 60% 50%; filter: saturate(.76) contrast(1.08); }
.solutions-page-hero-overlay {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 72% 38%, rgba(0,102,255,.16), transparent 27%),
    linear-gradient(90deg, rgba(4,16,32,.99) 0%, rgba(4,16,32,.94) 42%, rgba(4,16,32,.56) 74%, rgba(4,16,32,.78) 100%),
    linear-gradient(180deg, rgba(4,16,32,.54), transparent 30%, rgba(4,16,32,.86) 100%);
}
.solutions-page-grid { position: absolute; inset: 0; opacity: .17; background-image: linear-gradient(rgba(255,255,255,.14) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.14) 1px, transparent 1px); background-size: 92px 92px; mask-image: linear-gradient(90deg, #000, transparent 78%); }
.solutions-page-orbit { position: absolute; border: 1px solid rgba(25,167,255,.16); border-radius: 50%; pointer-events: none; }
.solutions-page-orbit--one { width: 580px; height: 580px; right: -180px; top: -260px; box-shadow: 0 0 0 72px rgba(25,167,255,.024), 0 0 0 145px rgba(25,167,255,.014); }
.solutions-page-orbit--two { width: 360px; height: 360px; left: -220px; bottom: -240px; }
.solutions-page-hero-inner { position: relative; z-index: 2; padding: 178px 0 106px; color: var(--white); }
.solutions-page-hero-inner h1 { max-width: 900px; margin-bottom: 26px; font-size: clamp(2.9rem, 5vw, 5.15rem); }
.solutions-page-hero-inner > p:last-of-type { max-width: 820px; margin: 0; color: #ced9e4; font-size: clamp(1.04rem, 1.55vw, 1.22rem); line-height: 1.72; }
.solutions-page-hero-line { display: flex; max-width: 700px; align-items: center; gap: 14px; margin-top: 38px; color: #edf6ff; font-family: var(--mono); font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.solutions-page-hero-line i { width: 42px; height: 1px; background: linear-gradient(90deg, var(--blue), rgba(255,255,255,.25)); }

.solutions-navigator { position: relative; z-index: 3; padding: 74px 0 82px; border-top: 1px solid rgba(255,255,255,.07); border-bottom: 1px solid rgba(255,255,255,.08); background: #07182d; color: var(--white); }
.solutions-navigator::before { position: absolute; inset: 0; opacity: .15; background-image: linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size: 76px 76px; content:""; mask-image: linear-gradient(90deg,#000,transparent 88%); }
.solutions-navigator > .shell { position: relative; z-index: 1; }
.solutions-navigator-heading { display: grid; grid-template-columns: 1.1fr .75fr; gap: 70px; align-items: end; margin-bottom: 36px; }
.solutions-navigator-heading h2 { max-width: 720px; margin: 0; font-size: clamp(2.15rem, 3.5vw, 3.45rem); }
.solutions-navigator-heading > p { max-width: 520px; margin: 0 0 6px; color: #9fb2c6; font-size: 1rem; line-height: 1.65; }
.solutions-navigator-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.solutions-nav-card { position: relative; display: grid; min-height: 178px; align-content: start; padding: 26px 58px 24px 26px; overflow: hidden; border: 1px solid rgba(158,198,235,.18); border-radius: 14px; background: linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.014)); color: var(--white); text-decoration: none; transition: transform 220ms ease, border-color 220ms ease, background 220ms ease, box-shadow 220ms ease; }
.solutions-nav-card::before { position:absolute; top:0; left:0; width:48px; height:2px; background:var(--yellow); content:""; }
.solutions-nav-card::after { position:absolute; right:-44px; bottom:-64px; width:150px; height:150px; border:1px solid rgba(25,167,255,.12); border-radius:50%; content:""; }
.solutions-nav-card small { margin-bottom: 12px; color: var(--yellow); font-family: var(--mono); font-size:.68rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.solutions-nav-card strong { margin-bottom: 10px; font-size: 1.28rem; line-height:1.18; letter-spacing:-.025em; }
.solutions-nav-card span { color:#aebed0; font-size:.86rem; line-height:1.5; }
.solutions-nav-card b { position:absolute; right:24px; top:25px; color:var(--blue-light); font-size:1.2rem; transition:transform 180ms ease; }
.solutions-nav-card:hover { transform:translateY(-5px); border-color:rgba(25,167,255,.5); background:linear-gradient(145deg,rgba(0,102,255,.11),rgba(255,255,255,.022)); box-shadow:0 20px 48px rgba(0,0,0,.24); }
.solutions-nav-card:hover b { transform:translateX(4px); }

.solution-detail { position:relative; overflow:hidden; scroll-margin-top: 92px; padding: 118px 0; }
.solution-detail--light { background: linear-gradient(135deg,#f7f9fc,#eef4fa); color: var(--graphite); }
.solution-detail--dark { background: linear-gradient(118deg,#061629,#0b2742); color: var(--white); }
.solution-detail-grid-bg { position:absolute; inset:0; opacity:.34; background-image:linear-gradient(rgba(7,24,45,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(7,24,45,.045) 1px,transparent 1px); background-size:86px 86px; mask-image:linear-gradient(90deg,#000,transparent 86%); }
.solution-detail--dark .solution-detail-grid-bg { opacity:.16; background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); }
.solution-detail-grid { position:relative; z-index:1; display:grid; grid-template-columns:1.08fr .92fr; gap:clamp(58px,8vw,112px); align-items:center; }
.solution-detail-grid--reverse { grid-template-columns:.92fr 1.08fr; }
.solution-detail-copy h2 { max-width:700px; margin-bottom:24px; color:var(--navy); font-size:clamp(2.25rem,3.7vw,3.75rem); }
.solution-detail--dark .solution-detail-copy h2 { color:var(--white); }
.solution-detail-copy > p:not(.eyebrow):not(.solution-outcome) { max-width:700px; margin-bottom:16px; color:#526274; font-size:1.02rem; line-height:1.72; }
.solution-detail--dark .solution-detail-copy > p:not(.eyebrow):not(.solution-outcome) { color:#c3d1de; }
.solution-scope { max-width:730px; margin-top:30px; }
.solution-scope > span { display:block; margin-bottom:10px; color:var(--blue); font-family:var(--mono); font-size:.7rem; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.solution-detail--dark .solution-scope > span { color:var(--yellow); }
.solution-list { display:grid; gap:0; max-width:730px; margin:0; padding:0; list-style:none; border-top:1px solid #d3dee8; }
.solution-detail--dark .solution-list { border-color:rgba(255,255,255,.15); }
.solution-list li { position:relative; padding:14px 0 14px 23px; border-bottom:1px solid #d3dee8; color:#354555; font-size:.93rem; line-height:1.55; }
.solution-detail--dark .solution-list li { border-color:rgba(255,255,255,.15); color:#d7e1eb; }
.solution-list li::before { position:absolute; top:22px; left:0; width:7px; height:7px; border-radius:50%; background:var(--blue); box-shadow:0 0 0 4px rgba(0,102,255,.07); content:""; }
.solution-detail--dark .solution-list li::before { background:var(--yellow); box-shadow:0 0 0 4px rgba(255,215,0,.07); }
.solution-outcome { max-width:700px; margin:26px 0 0; padding:18px 20px; border-left:3px solid var(--blue); background:rgba(0,102,255,.055); color:#344657; font-size:.94rem; line-height:1.6; }
.solution-detail--dark .solution-outcome { border-left-color:var(--yellow); background:rgba(255,255,255,.035); color:#d8e3ed; }
.solution-outcome strong { color:var(--navy); }
.solution-detail--dark .solution-outcome strong { color:var(--white); }
.solution-detail-media { position:relative; margin:0; overflow:hidden; border-radius:16px; background:#0c2038; box-shadow:0 28px 72px rgba(7,24,45,.17); aspect-ratio:4 / 3; }
.solution-detail--dark .solution-detail-media { border:1px solid rgba(255,255,255,.11); box-shadow:0 28px 72px rgba(0,0,0,.26); }
.solution-detail-media::before { position:absolute; z-index:2; top:20px; left:20px; width:38px; height:3px; background:var(--yellow); content:""; }
.solution-detail-media::after { position:absolute; inset:0; border:1px solid rgba(255,255,255,.13); border-radius:inherit; background:linear-gradient(180deg,transparent 58%,rgba(3,14,28,.72) 100%); content:""; pointer-events:none; }
.solution-detail-media img { width:100%; height:100%; object-fit:cover; transition:transform 650ms ease,filter 300ms ease; }
.solution-detail-media:hover img { transform:scale(1.035); filter:saturate(1.03); }
.solution-detail-media figcaption { position:absolute; z-index:3; right:22px; bottom:18px; left:22px; color:#edf5fc; font-family:var(--mono); font-size:.68rem; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }

.solutions-integration { position:relative; overflow:hidden; padding:104px 0; background:#07182d; color:var(--white); }
.solutions-integration-grid { position:absolute; inset:0; opacity:.16; background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); background-size:78px 78px; }
.solutions-integration-inner { position:relative; z-index:1; display:grid; grid-template-columns:.85fr 1.15fr; gap:90px; align-items:start; }
.solutions-integration-heading h2 { max-width:620px; margin-bottom:20px; font-size:clamp(2.2rem,3.5vw,3.5rem); }
.solutions-integration-heading > p:last-child { max-width:570px; margin:0; color:#aebfd0; line-height:1.68; }
.solutions-integration-flow { border-top:1px solid rgba(255,255,255,.18); }
.solutions-integration-flow article { position:relative; display:grid; grid-template-columns:150px 1fr; gap:26px; padding:25px 0; border-bottom:1px solid rgba(255,255,255,.15); }
.solutions-integration-flow article::before { position:absolute; left:0; top:-2px; width:34px; height:2px; background:var(--blue-light); content:""; }
.solutions-integration-flow span { color:var(--yellow); font-family:var(--mono); font-size:.69rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }
.solutions-integration-flow strong { color:var(--white); font-size:1.08rem; }
.solutions-integration-flow p { grid-column:2; margin:-16px 0 0; color:#9eb0c2; font-size:.9rem; line-height:1.55; }

.solutions-cta { position:relative; overflow:hidden; padding:96px 0; border-top:1px solid rgba(255,255,255,.1); background:linear-gradient(120deg,#09213a,#0b3154); color:var(--white); }
.solutions-cta::after { position:absolute; right:-170px; top:-210px; width:520px; height:520px; border:1px solid rgba(25,167,255,.15); border-radius:50%; box-shadow:0 0 0 70px rgba(25,167,255,.026),0 0 0 140px rgba(25,167,255,.014); content:""; }
.solutions-cta-inner { position:relative; z-index:1; display:grid; grid-template-columns:1fr auto; gap:70px; align-items:center; }
.solutions-cta h2 { max-width:780px; margin-bottom:18px; font-size:clamp(2.2rem,3.8vw,3.8rem); }
.solutions-cta p:last-child { max-width:700px; margin:0; color:#c2d1df; font-size:1.04rem; line-height:1.65; }
.solutions-cta-button { min-width:250px; }

@media (max-width: 960px) {
  .solutions-navigator-heading { grid-template-columns:1fr; gap:20px; }
  .solutions-navigator-grid { grid-template-columns:repeat(2,1fr); }
  .solution-detail { padding:90px 0; }
  .solution-detail-grid, .solution-detail-grid--reverse { grid-template-columns:1fr; gap:44px; }
  .solution-detail-grid--reverse .solution-detail-media { order:2; }
  .solution-detail-grid--reverse .solution-detail-copy { order:1; }
  .solution-detail-media { aspect-ratio:16 / 9; }
  .solutions-integration-inner { grid-template-columns:1fr; gap:46px; }
  .solutions-cta-inner { grid-template-columns:1fr; gap:34px; }
}

@media (max-width: 590px) {
  .solutions-page-hero { min-height:650px; }
  .solutions-page-hero-inner { padding:146px 0 80px; }
  .solutions-page-hero-inner h1 { font-size:clamp(2.5rem,12vw,3.45rem); }
  .solutions-page-hero-line { flex-wrap:wrap; gap:10px; }
  .solutions-page-hero-line i { width:22px; }
  .solutions-navigator { padding:62px 0; }
  .solutions-navigator-grid { grid-template-columns:1fr; }
  .solutions-nav-card { min-height:0; }
  .solution-detail { padding:72px 0; }
  .solution-detail-copy h2 { font-size:clamp(2rem,10vw,3rem); }
  .solution-detail-copy > p:not(.eyebrow):not(.solution-outcome) { font-size:.97rem; }
  .solution-list li { font-size:.9rem; }
  .solution-detail-media { border-radius:12px; aspect-ratio:4 / 3; }
  .solutions-integration { padding:76px 0; }
  .solutions-integration-flow article { grid-template-columns:1fr; gap:8px; }
  .solutions-integration-flow p { grid-column:1; margin:0; }
  .solutions-cta { padding:76px 0; }
}

/* v1.0.12 - visual balance and responsive system */
@media (min-width: 1081px) {
  .solution-detail { padding: 112px 0; }
  .solution-detail-grid,
  .solution-detail-grid--reverse {
    grid-template-columns: minmax(0, 1.04fr) minmax(430px, .96fr);
    gap: clamp(54px, 6.2vw, 96px);
    align-items: stretch;
  }
  .solution-detail-grid--reverse {
    grid-template-columns: minmax(430px, .96fr) minmax(0, 1.04fr);
  }
  .solution-detail-copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
    padding: 12px 0;
  }
  .solution-detail-media {
    width: 100%;
    min-height: 540px;
    height: 100%;
    aspect-ratio: auto;
    align-self: stretch;
    border-radius: 18px;
  }
  .solution-detail-media img {
    height: 100%;
    min-height: 540px;
    object-fit: cover;
  }
  .solution-detail-media::before {
    top: 24px;
    left: 24px;
    width: 46px;
  }
  .solution-detail-media figcaption {
    right: 26px;
    bottom: 22px;
    left: 26px;
    font-size: .7rem;
  }
  .solution-detail-media:hover img { transform: scale(1.025); }

  #engenharia-projetos .solution-detail-media img { object-position: 52% 50%; }
  #fiscalizacao-gestao .solution-detail-media img { object-position: 48% 50%; }
  #subestacoes-linhas .solution-detail-media img { object-position: 50% 48%; }
  #ensaios-comissionamento .solution-detail-media img { object-position: 50% 50%; }
  #protecao-controle .solution-detail-media img { object-position: 52% 50%; }
  #laudos-treinamentos .solution-detail-media img { object-position: 50% 50%; }
}

/* Make the solution selector feel like part of the Orbital system, not a generic menu. */
.solutions-navigator {
  position: relative;
  overflow: hidden;
  border-top: 1px solid rgba(126,177,224,.12);
  border-bottom: 1px solid rgba(126,177,224,.12);
}
.solutions-navigator::before {
  position: absolute;
  top: -260px;
  right: -210px;
  width: 560px;
  height: 560px;
  border: 1px solid rgba(25,167,255,.1);
  border-radius: 50%;
  box-shadow: 0 0 0 68px rgba(25,167,255,.018), 0 0 0 136px rgba(25,167,255,.01);
  content: "";
  pointer-events: none;
}
.solutions-navigator-grid { position: relative; z-index: 1; }
.solutions-nav-card {
  min-height: 190px;
  border-color: rgba(158,198,235,.2);
  background:
    linear-gradient(145deg, rgba(0,102,255,.06), rgba(255,255,255,.018)),
    rgba(5,22,41,.78);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}
.solutions-nav-card::after {
  right: -54px;
  bottom: -72px;
  width: 172px;
  height: 172px;
  border-color: rgba(25,167,255,.13);
  box-shadow: 0 0 0 28px rgba(25,167,255,.018);
}
.solutions-nav-card strong { font-size: 1.32rem; }
.solutions-nav-card span { max-width: 290px; }

/* Tablet: intentionally stack image and copy before the layout gets cramped. */
@media (max-width: 1080px) {
  .solutions-page-hero-inner { max-width: 820px; }
  .solutions-page-hero-inner h1 { max-width: 760px; }
  .solutions-navigator { padding: 82px 0; }
  .solutions-navigator-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
  .solutions-nav-card { min-height: 166px; }

  .solution-detail { padding: 88px 0; }
  .solution-detail-grid,
  .solution-detail-grid--reverse {
    grid-template-columns: 1fr;
    gap: 38px;
    align-items: start;
  }
  .solution-detail-grid--reverse .solution-detail-copy { order: 1; }
  .solution-detail-grid--reverse .solution-detail-media { order: 2; }
  .solution-detail-copy { max-width: 820px; }
  .solution-detail-copy h2 { max-width: 760px; }
  .solution-detail-copy > p:not(.eyebrow):not(.solution-outcome),
  .solution-scope,
  .solution-list,
  .solution-outcome { max-width: 820px; }
  .solution-detail-media {
    width: 100%;
    min-height: 0;
    aspect-ratio: 16 / 8.5;
    border-radius: 16px;
  }
  .solution-detail-media img { width: 100%; height: 100%; object-fit: cover; }
  .solutions-integration-inner { gap: 40px; }

  /* Home/tablet pass */
  .hero--refined .hero-copy { width: min(720px, 88%); }
  .company-layout--compact { gap: 34px; }
  .company-layout--compact .company-copy { max-width: 820px; }
  .services-grid--visual { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .service-card--visual { min-height: 350px; }
  .contact-layout--simple { gap: 48px; }
}

/* Mobile: one-column reading flow and touch-friendly navigation. */
@media (max-width: 780px) {
  html { scroll-padding-top: 76px; }
  .shell { width: min(calc(100% - 36px), var(--shell)); }
  .header-inner { min-height: 74px; }
  .navigation { top: 74px; }
  .brand img { width: 154px; }

  .solutions-page-hero { min-height: 610px; }
  .solutions-page-hero-photo { object-position: 64% center; }
  .solutions-page-hero-inner { min-height: 610px; padding: 128px 0 64px; }
  .solutions-page-hero-inner h1 { max-width: 100%; font-size: clamp(2.35rem, 10vw, 3.2rem); }
  .solutions-page-hero-inner > p:not(.eyebrow) { max-width: 100%; font-size: .98rem; line-height: 1.65; }
  .solutions-page-hero-line { margin-top: 28px; gap: 8px; }
  .solutions-page-hero-line span { font-size: .62rem; }

  .solutions-navigator { padding: 64px 0; }
  .solutions-navigator-heading { margin-bottom: 28px; }
  .solutions-navigator-heading h2 { font-size: clamp(2rem, 9vw, 2.75rem); }
  .solutions-navigator-grid { grid-template-columns: 1fr; gap: 10px; }
  .solutions-nav-card {
    min-height: 0;
    padding: 22px 54px 21px 21px;
    border-radius: 12px;
  }
  .solutions-nav-card small { margin-bottom: 7px; }
  .solutions-nav-card strong { margin-bottom: 7px; font-size: 1.16rem; }
  .solutions-nav-card span { font-size: .84rem; }

  .solution-detail { padding: 68px 0; }
  .solution-detail-grid,
  .solution-detail-grid--reverse { gap: 30px; }
  .solution-detail-copy h2 { margin-bottom: 20px; font-size: clamp(2rem, 9.5vw, 2.8rem); }
  .solution-detail-copy > p:not(.eyebrow):not(.solution-outcome) { font-size: .96rem; line-height: 1.67; }
  .solution-scope { margin-top: 24px; }
  .solution-list li { padding: 13px 0 13px 22px; font-size: .89rem; }
  .solution-outcome { margin-top: 22px; padding: 16px 16px; font-size: .9rem; }
  .solution-detail-media { aspect-ratio: 4 / 3; border-radius: 12px; }
  .solution-detail-media::before { top: 16px; left: 16px; width: 34px; }
  .solution-detail-media figcaption { right: 16px; bottom: 14px; left: 16px; font-size: .61rem; }

  .solutions-integration { padding: 68px 0; }
  .solutions-integration-heading h2 { font-size: clamp(2rem, 9vw, 2.75rem); }
  .solutions-integration-flow article { padding: 22px 0; }
  .solutions-cta { padding: 68px 0; }
  .solutions-cta h2 { font-size: clamp(2.05rem, 9.5vw, 2.9rem); }
  .solutions-cta-button { width: 100%; min-width: 0; }

  /* Home/mobile pass */
  .hero--refined { min-height: 690px; }
  .hero--refined .hero-content { min-height: 690px; padding: 116px 0 68px; }
  .hero--refined .hero-copy { width: 100%; }
  .hero-copy h1 { max-width: 100%; font-size: clamp(2.35rem, 10.5vw, 3.2rem); }
  .hero-lead { max-width: 100%; font-size: 1rem; line-height: 1.6; }
  .hero-actions { display: flex; gap: 10px; margin-top: 28px; }
  .hero-cta-image,
  .hero-cta-image--secondary { width: min(100%, 235px); }
  .credentials { padding: 12px 0; }
  .credentials-banners { width: min(100%, 620px); gap: 9px; }
  .company { padding: 78px 0; }
  .company-layout--compact { gap: 28px; }
  .solutions { padding: 78px 0; }
  .solutions-heading--compact { gap: 18px; margin-bottom: 34px; }
  .services-grid--visual { grid-template-columns: 1fr; gap: 12px; }
  .service-card--visual { min-height: 310px; }
  .contact-layout--simple { padding: 78px 0; gap: 42px; }
  .contact-form--dark { padding: 27px 20px; border-radius: 16px; }
  .form-fields { grid-template-columns: 1fr; }
  .form-fields label.full { grid-column: auto; }
  .footer-main { grid-template-columns: 1fr; gap: 28px; padding: 38px 0 24px; }
  .footer-brand img { width: 170px; }
  .back-top { position: absolute; right: 0; bottom: 34px; }
  .footer-bottom { padding: 13px 64px 15px 0; }
}

@media (max-width: 430px) {
  .shell { width: min(calc(100% - 28px), var(--shell)); }
  .hero-actions { display: grid; grid-template-columns: 1fr; }
  .hero-cta-image,
  .hero-cta-image--secondary { width: min(100%, 252px); }
  .solutions-page-hero-inner { padding-top: 118px; }
  .solutions-page-hero-line i { width: 16px; }
  .solution-detail { padding: 60px 0; }
  .solution-detail-media { aspect-ratio: 1.12 / 1; }
  .contact-form--dark { padding: 24px 17px; }
}

/* v1.0.13 - solution photography baseline */
@media (min-width: 1081px) {
  .solution-detail-grid,
  .solution-detail-grid--reverse {
    grid-template-columns: minmax(0, 1.02fr) minmax(440px, .98fr);
    align-items: center;
  }
  .solution-detail-grid--reverse {
    grid-template-columns: minmax(440px, .98fr) minmax(0, 1.02fr);
  }
  .solution-detail-media {
    height: auto;
    min-height: 0;
    aspect-ratio: 4 / 3;
    align-self: center;
  }
  .solution-detail-media img {
    min-height: 0;
    height: 100%;
    object-fit: cover;
  }
  #engenharia-projetos .solution-detail-media img { object-position: 50% 50%; }
  #fiscalizacao-gestao .solution-detail-media img { object-position: 44% 50%; }
  #subestacoes-linhas .solution-detail-media img { object-position: 50% 50%; }
  #ensaios-comissionamento .solution-detail-media img { object-position: 50% 50%; }
  #protecao-controle .solution-detail-media img { object-position: 50% 50%; }
  #laudos-treinamentos .solution-detail-media img { object-position: 50% 50%; }
}

/* v1.0.20 — Soluções: imagem lateral em proporção real, sem background-cover/zoom */
.solutions-page-body .solution-detail-media {
  aspect-ratio: 16 / 9;
}
.solutions-page-body .solution-detail-media img {
  display: block;
  width: 100%;
  height: auto;
  min-height: 0;
  aspect-ratio: 16 / 9;
  object-fit: contain;
  object-position: center center;
}
.solutions-page-body .solution-detail-media:hover img {
  transform: none;
  filter: none;
}

@media (min-width: 1024px) {
  .solutions-page-body .solution-detail--immersive {
    padding: 82px 0;
  }

  /* Remove o fundo ampliado da v1.0.19. A fotografia volta a ser um elemento real do layout. */
  .solutions-page-body .solution-detail--immersive::before,
  .solutions-page-body .solution-detail--immersive.solution-detail--photo-left::before {
    display: none !important;
    content: none !important;
  }

  .solutions-page-body .solution-detail--immersive .solution-detail-grid,
  .solutions-page-body .solution-detail--immersive .solution-detail-grid--reverse {
    width: min(calc(100% - 72px), 1440px);
    max-width: none;
    margin-inline: auto;
    display: grid;
    gap: 0;
    align-items: center;
  }

  /* Texto à esquerda, imagem maior à direita. */
  .solutions-page-body .solution-detail--immersive .solution-detail-grid {
    grid-template-columns: minmax(430px, .88fr) minmax(0, 1.12fr);
  }

  /* Seções alternadas: imagem à esquerda e texto à direita. */
  .solutions-page-body .solution-detail--immersive .solution-detail-grid--reverse {
    grid-template-columns: minmax(0, 1.12fr) minmax(430px, .88fr);
  }

  .solutions-page-body .solution-detail--immersive .solution-detail-copy,
  .solutions-page-body .solution-detail--immersive.solution-detail--dark .solution-detail-copy {
    grid-column: auto;
    max-width: none;
    padding: 22px 54px 22px 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
  }

  .solutions-page-body .solution-detail--immersive.solution-detail--photo-left .solution-detail-copy {
    grid-column: auto;
    padding: 22px 0 22px 54px;
  }

  .solutions-page-body .solution-detail--immersive .solution-detail-copy h2 {
    font-size: clamp(2.25rem, 3vw, 3.35rem);
  }

  .solutions-page-body .solution-detail--immersive .solution-detail-copy > p:not(.eyebrow):not(.solution-outcome) {
    font-size: .98rem;
    line-height: 1.68;
  }

  .solutions-page-body .solution-detail--immersive .solution-scope {
    margin-top: 24px;
  }

  .solutions-page-body .solution-detail--immersive .solution-list li {
    padding-top: 11px;
    padding-bottom: 11px;
  }

  .solutions-page-body .solution-detail--immersive .solution-list li::before {
    top: 19px;
  }

  .solutions-page-body .solution-detail--immersive .solution-outcome {
    margin-top: 20px;
  }

  .solutions-page-body .solution-detail--immersive .solution-detail-media {
    position: relative;
    display: block;
    width: 100%;
    min-height: 0;
    height: auto;
    align-self: center;
    margin: 0;
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    aspect-ratio: 16 / 9;
  }

  .solutions-page-body .solution-detail--immersive .solution-detail-media::before {
    display: none;
  }

  /* Transição suave entre fotografia e conteúdo, sem ampliar ou recortar a imagem. */
  .solutions-page-body .solution-detail--immersive .solution-detail-media::after {
    position: absolute;
    inset: 0;
    z-index: 2;
    border: 0;
    border-radius: 0;
    background: linear-gradient(90deg, rgba(247,249,252,.98) 0%, rgba(247,249,252,.64) 5%, rgba(247,249,252,.15) 12%, rgba(247,249,252,0) 20%);
    content: "";
    pointer-events: none;
  }

  .solutions-page-body .solution-detail--dark .solution-detail-media::after {
    background: linear-gradient(90deg, rgba(6,22,41,.98) 0%, rgba(6,22,41,.64) 5%, rgba(6,22,41,.15) 12%, rgba(6,22,41,0) 20%);
  }

  .solutions-page-body .solution-detail--photo-left .solution-detail-media::after {
    background: linear-gradient(270deg, rgba(6,22,41,.98) 0%, rgba(6,22,41,.64) 5%, rgba(6,22,41,.15) 12%, rgba(6,22,41,0) 20%);
  }

  .solutions-page-body .solution-detail--light.solution-detail--photo-left .solution-detail-media::after {
    background: linear-gradient(270deg, rgba(247,249,252,.98) 0%, rgba(247,249,252,.64) 5%, rgba(247,249,252,.15) 12%, rgba(247,249,252,0) 20%);
  }

  .solutions-page-body .solution-detail--immersive .solution-detail-media figcaption {
    display: none;
  }
}

@media (max-width: 1023px) {
  .solutions-page-body .solution-detail-media,
  .solutions-page-body .solution-detail-media img {
    aspect-ratio: 16 / 9;
  }
  .solutions-page-body .solution-detail-media img {
    object-fit: contain;
  }
}