.content-page{background:#f7f5ef;color:var(--ink)}.content-page .site-header{background:#fff;color:var(--navy)}.content-page .brand img{object-fit:contain}.content-hero{padding:clamp(70px,10vw,130px) clamp(20px,7vw,110px);background:linear-gradient(125deg,#071b35,#164f69);color:#fff}.content-hero>div{max-width:1050px}.content-hero h1{font:800 clamp(44px,7vw,82px)/1.02 Inter,system-ui,sans-serif;letter-spacing:-.04em;margin:18px 0}.content-hero p{max-width:760px;color:#d7e3eb;font-size:clamp(17px,2vw,21px);line-height:1.75}.content-shell{max-width:1180px;margin:auto;padding:80px 20px 110px}.content-shell h2{font:800 clamp(30px,4vw,48px)/1.15 Inter,system-ui,sans-serif;color:var(--navy);margin:12px 0 20px}.content-shell>section{margin-bottom:78px}.content-shell .intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.content-shell p{color:var(--muted);line-height:1.8}.value-grid,.service-grid,.contact-grid,.faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.value-grid article,.service-grid article,.contact-grid article,.faq-grid article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px}.value-grid b,.service-grid b{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#fff0cc;color:#8b5d05}.value-grid h3,.service-grid h3,.contact-grid h3,.faq-grid h3{color:var(--navy);font:750 20px/1.3 Inter,system-ui,sans-serif}.process{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden}.process article{padding:28px;background:#fff}.process strong{color:#a56c00}.boundary{padding:30px;border-left:5px solid var(--gold);background:#fff5dc}.content-cta{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:38px;border-radius:18px;background:var(--navy);color:#fff}.content-cta h2{color:#fff;margin:0}.content-cta a{display:inline-block;white-space:nowrap;background:var(--gold);color:var(--navy);padding:14px 20px;border-radius:999px;font-weight:800}.contact-form{max-width:760px;display:grid;grid-template-columns:1fr 1fr;gap:14px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px}.contact-form label{display:grid;gap:7px;font-weight:700;color:var(--navy)}.contact-form .wide{grid-column:1/-1}.contact-form input,.contact-form textarea{width:100%;border:1px solid #c7d1d9;border-radius:9px;padding:14px;font:inherit}.contact-form button{grid-column:1/-1;border:0;background:var(--gold);color:var(--navy);padding:15px;border-radius:9px;font-weight:800}.contact-form small{grid-column:1/-1;color:var(--muted)}.contact-grid a{color:#936300;font-weight:800}.floating-whatsapp,.floating-wa{min-height:52px}.content-page footer{margin-top:0}@media(max-width:900px){.content-shell .intro,.value-grid,.service-grid,.contact-grid,.faq-grid,.process{grid-template-columns:1fr 1fr}.content-cta{align-items:flex-start;flex-direction:column}}@media(max-width:620px){.content-shell{padding:55px 18px 80px}.content-shell .intro,.value-grid,.service-grid,.contact-grid,.faq-grid,.process,.contact-form{grid-template-columns:1fr}.contact-form .wide,.contact-form button,.contact-form small{grid-column:auto}.content-hero{padding:60px 18px}.content-hero h1{font-size:44px}}
.content-page footer div{flex-wrap:wrap}

.about-hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 82% 18%, rgba(230, 163, 35, .19), transparent 32%),
    linear-gradient(125deg, #071b35, #164f69);
}

.content-hero.about-hero > .about-hero-inner {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(330px, .72fr);
  gap: clamp(42px, 6vw, 88px);
  align-items: center;
  max-width: 1220px;
  margin: 0 auto;
}

.about-hero-copy h1 {
  max-width: 760px;
  font-size: clamp(44px, 5.7vw, 74px);
}

.about-hero-visual {
  position: relative;
  margin: 0;
  overflow: hidden;
  aspect-ratio: 1;
  border: 1px solid rgba(255, 255, 255, .24);
  border-radius: 26px;
  background: #0d2b36;
  box-shadow: 0 34px 80px rgba(0, 0, 0, .32);
}

.about-hero-visual::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .08);
}

.about-hero-visual img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-hero-visual figcaption {
  position: absolute;
  right: 18px;
  bottom: 18px;
  left: 18px;
  padding: 12px 14px;
  border: 1px solid rgba(255, 255, 255, .18);
  border-radius: 12px;
  color: #eef5f4;
  background: rgba(4, 19, 38, .73);
  backdrop-filter: blur(12px);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
}

@media(max-width:980px){
  .content-hero.about-hero > .about-hero-inner {
    grid-template-columns: 1fr;
  }

  .about-hero-visual {
    width: min(620px, 100%);
  }
}

@media(max-width:620px){
  .content-hero.about-hero > .about-hero-inner {
    gap: 34px;
  }

  .about-hero-visual {
    border-radius: 18px;
  }

  .about-hero-visual figcaption {
    right: 12px;
    bottom: 12px;
    left: 12px;
    font-size: 11px;
  }
}