@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap');

:root{
  --trilha-paper:#F7F7F4;
  --trilha-surface:#FFFFFF;
  --trilha-sand:#EDF2F5;
  --trilha-stone:#607181;
  --trilha-ink:#0B1826;
  --trilha-green:#062A5B;
  --trilha-green-dark:#0B1826;
  --trilha-earth:#F0147B;
  --trilha-ochre:#B47A32;
  --trilha-indigo:#697E91;
  --trilha-line:rgba(96,113,129,.20);
  --trilha-shadow:0 8px 24px rgba(11,24,38,.06);
  --font-display:"Manrope","Helvetica Neue",Helvetica,Arial,system-ui,sans-serif;
  --font-sans:"Manrope","Helvetica Neue",Helvetica,Arial,system-ui,sans-serif;

  /* compatibility with V0.10.1 */
  --paper:var(--trilha-paper);
  --paper-warm:var(--trilha-sand);
  --stone:#D5D0C6;
  --sand:var(--trilha-sand);
  --botanical:var(--trilha-green);
  --botanical-deep:var(--trilha-green-dark);
  --rust:var(--trilha-earth);
  --ochre:var(--trilha-ochre);
  --indigo:var(--trilha-indigo);
  --ink:var(--trilha-ink);
  --line:var(--trilha-line);
  --white:var(--trilha-surface);
  --deep:var(--trilha-green);
  --deep2:#465A50;
  --terracotta:var(--trilha-earth);
  --terracotta-deep:#A50B55;
  --cream:var(--trilha-paper);
  --cream-2:var(--trilha-sand);
}

html,body{background:var(--trilha-paper)}
body{
  font-family:var(--font-sans)!important;
  color:var(--trilha-ink);
  font-weight:400;
}
button,input,select,textarea{font-family:var(--font-sans)}
h1,h2,h3{font-family:var(--font-sans)!important;color:var(--trilha-ink)}
.eyebrow{
  color:#607181!important;
  letter-spacing:.15em;
  font-weight:650!important;
}
.lead{color:#334454}
.container{width:min(1200px,calc(100% - 52px))}

/* ---------------------------------------------------------
   Brand
   --------------------------------------------------------- */
.brand,
.site-brand{
  gap:0!important;
}
.brand-mark,
.site-brand-mark,
.mark{
  display:none!important;
}
.trilha-wordmark{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  min-width:220px;
}
.trilha-wordmark strong{
  font-family:var(--font-sans)!important;
  font-size:20px!important;
  line-height:1!important;
  letter-spacing:.115em!important;
  font-weight:700!important;
  color:var(--trilha-ink)!important;
}
.trilha-wordmark small{
  display:block;
  margin-top:5px!important;
  font-family:var(--font-sans)!important;
  font-size:8.5px!important;
  line-height:1.15!important;
  text-transform:uppercase;
  letter-spacing:.16em!important;
  color:#607181!important;
  white-space:nowrap;
}
.trilha-wordmark .founder{
  margin-top:4px;
  font-size:8px;
  line-height:1.2;
  color:#85827b;
  letter-spacing:.07em;
}

/* ---------------------------------------------------------
   Shared navigation
   --------------------------------------------------------- */
nav,.site-nav{
  background:rgba(243,240,232,.95)!important;
  border-bottom:1px solid rgba(41,43,41,.085)!important;
  box-shadow:none;
}
.nav-inner,.site-nav-inner{height:78px!important}
.navlinks,.site-navlinks{
  gap:23px!important;
  font-size:12px!important;
  font-weight:560!important;
}
.navlinks a,.site-navlinks a{opacity:.72}
.navlinks a:hover,.site-navlinks a:hover{opacity:1}
.btn-primary,.site-btn-primary{
  background:var(--trilha-green)!important;
  color:#fff!important;
}
.btn-primary:hover,.site-btn-primary:hover{background:var(--trilha-green-dark)!important}
.btn-outline,.site-btn-secondary{
  border-color:rgba(48,72,61,.22)!important;
  color:var(--trilha-green)!important;
}

/* ---------------------------------------------------------
   Landing: hero
   --------------------------------------------------------- */
.hero{
  position:relative!important;
  isolation:isolate;
  overflow:hidden!important;
  background:var(--trilha-paper)!important;
  padding:102px 0 98px!important;
}
.hero:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-2!important;
  background:
    linear-gradient(90deg,rgba(162,111,85,.035),transparent 36%),
    radial-gradient(circle at 78% 30%,rgba(48,72,61,.055),transparent 30%)!important;
  pointer-events:none;
}
.hero-grid{position:relative;z-index:2;gap:76px!important}
.hero h1{
  font-size:clamp(58px,6.8vw,92px)!important;
  max-width:930px;
  font-weight:570!important;
  letter-spacing:-.052em!important;
  line-height:.96!important;
}
.hero .lead{max-width:800px}
.hero-meta{
  border-top-color:rgba(96,113,129,.18)!important;
}
.hero-meta div{color:#70736d!important}
.hero-meta b{color:var(--trilha-ink)!important}

/* Abstract system arcs: expansion/capacity, never botanical */
.trilha-routes{
  position:absolute;
  z-index:0;
  width:min(720px,55vw);
  aspect-ratio:1;
  right:-170px;
  top:38px;
  pointer-events:none;
  opacity:.67;
}
.trilha-routes span{
  position:absolute;
  border:1px solid rgba(6,42,91,.14);
  border-radius:50%;
  inset:0;
}
.trilha-routes span:nth-child(2){inset:12%}
.trilha-routes span:nth-child(3){inset:24%;border-color:rgba(240,20,123,.16)}
.trilha-routes span:nth-child(4){inset:36%}
.trilha-routes span:nth-child(5){inset:48%;border-color:rgba(96,113,129,.14)}
.trilha-routes:after{
  content:"";
  position:absolute;
  left:50%;top:-6%;bottom:-6%;
  width:1px;
  background:linear-gradient(180deg,transparent,rgba(96,113,129,.18),transparent);
}

/* signature line */
.chromatic-rule{height:3px!important;gap:0!important;width:154px!important;border-radius:999px;overflow:hidden}
.chromatic-rule span{height:2px!important}
.chromatic-rule .c1,.chromatic-rule span:nth-child(1){background:var(--trilha-stone)!important;flex:1.30}
.chromatic-rule .c2,.chromatic-rule span:nth-child(2){background:var(--trilha-ochre)!important;flex:.95}
.chromatic-rule .c3,.chromatic-rule span:nth-child(3){background:var(--trilha-earth)!important;flex:1.10}
.chromatic-rule .c4,.chromatic-rule span:nth-child(4){background:var(--trilha-green)!important;flex:1.05}
.chromatic-rule .c5,.chromatic-rule span:nth-child(5){background:var(--trilha-indigo)!important;flex:.85}

/* ---------------------------------------------------------
   Thesis — editorial, not environmental
   --------------------------------------------------------- */
.statement{
  background:#EDF2F5!important;
  color:var(--trilha-ink)!important;
}
.statement h2{
  font-family:var(--font-sans)!important;
  font-size:clamp(44px,5vw,64px)!important;
  font-weight:560!important;
  letter-spacing:-.045em!important;
  line-height:1.02!important;
}
.statement-quote{
  color:var(--trilha-green-dark)!important;
  font-family:var(--font-sans)!important;
  font-weight:500!important;
}
.pill{
  background:rgba(255,255,255,.70)!important;
  border-color:rgba(96,113,129,.20)!important;
  color:#334454!important;
}

/* ---------------------------------------------------------
   Roda: core visual asset
   --------------------------------------------------------- */
.wheel-section{
  background:#F7F7F4!important;
}
.wheel-hero-card,.wheel-large{
  background:rgba(255,255,255,.96)!important;
  border:1px solid rgba(96,113,129,.18)!important;
  border-radius:20px!important;
  box-shadow:var(--trilha-shadow)!important;
}
.wheel-top b{
  font-family:var(--font-sans)!important;
  font-weight:600!important;
}
.ring{stroke:rgba(96,113,129,.18)!important}
.axis,.radar-axis{stroke:rgba(96,113,129,.20)!important}
.current-poly{
  fill:rgba(96,113,129,.10)!important;
  stroke:var(--trilha-green)!important;
}
.current-dot{fill:var(--trilha-green)!important}
.required-poly{
  fill:rgba(240,20,123,.035)!important;
  stroke:var(--trilha-earth)!important;
}
.legend-line{border-color:var(--trilha-green)!important}
.legend-line.required{border-color:var(--trilha-earth)!important}
.wheel-summary,.wheel-focus{background:#EDF2F5!important}
.wheel-summary b,.wheel-focus-status{color:var(--trilha-earth)!important}
.wheel-focus-title{color:var(--trilha-green)!important}
.four-layers{
  border-top:1px solid rgba(41,43,41,.08);
}
.layer{
  background:rgba(255,255,255,.58)!important;
  border-color:rgba(41,43,41,.08)!important;
  border-radius:10px!important;
}
.layer:hover,.layer.is-selected{
  background:rgba(255,255,255,.96)!important;
}
.layer.is-selected::before{background:var(--trilha-earth)!important}

/* ---------------------------------------------------------
   Areas of work — more editorial, less SaaS
   --------------------------------------------------------- */
#atuacao{
  background:var(--trilha-paper)!important;
}
.service-wrap{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
  border-top:1px solid rgba(96,113,129,.18)!important;
}
.service{
  margin:0!important;
  padding:36px 8px!important;
  border-radius:0!important;
  border-bottom:1px solid rgba(96,113,129,.18)!important;
  box-shadow:none!important;
}
.service:hover,.service.is-selected{
  background:rgba(237,242,245,.72)!important;
  transform:none!important;
  box-shadow:none!important;
}
.service.is-selected{
  box-shadow:inset 2px 0 0 var(--trilha-earth)!important;
}
.service::after{right:10px!important}
.service-no{
  font-family:var(--font-sans)!important;
  color:var(--trilha-stone)!important;
  font-size:22px!important;
  letter-spacing:-.035em!important;
  font-weight:600!important;
}
.service:hover .service-no,.service.is-selected .service-no{
  color:var(--trilha-earth)!important;
}
.service h3{font-size:21px!important}
.service p{color:#607181!important}
.service-line{
  background:transparent!important;
  border-color:rgba(96,113,129,.22)!important;
  color:#334454!important;
}
.service-line:hover,.service-line.is-active{
  background:var(--trilha-green)!important;
  border-color:var(--trilha-green)!important;
  color:#fff!important;
}

/* ---------------------------------------------------------
   Method / diagnostic / audiences / experience
   --------------------------------------------------------- */
#metodo{
  background:#EDF2F5!important;
}
#metodo h2{font-weight:560!important}
#metodo .statement-quote{
  font-family:var(--font-sans)!important;
  font-size:clamp(29px,3.2vw,43px)!important;
  line-height:1.12!important;
  letter-spacing:-.035em!important;
  font-weight:540!important;
  color:var(--trilha-ink)!important;
}

.diag{
  background:#0B1826!important;
}
.diag:after{display:none!important}
.diag h2,.diag h3{color:#fff!important}
.diag p,.diag .lead{color:#DDE6EC!important}
.diag .eyebrow{color:#D7E2E9!important}
.diag-card{
  background:#FFFFFF!important;
  border-radius:16px!important;
}
.diag-card h3{color:var(--trilha-ink)!important}
.diag-card .eyebrow{color:#607181!important}
.diag-card .small{color:#75736d!important}
.diag .btn-light{
  background:var(--trilha-surface)!important;
  color:var(--trilha-green)!important;
}
.diag .btn-outline{
  color:#fff!important;
  border-color:rgba(255,255,255,.28)!important;
}

.embedded-diagnostic{
  background:#EDF2F5!important;
}
.diagnostic-frame-wrap{
  background:var(--trilha-surface)!important;
  border-color:rgba(41,43,41,.09)!important;
  box-shadow:none!important;
}
.diagnostic-disclaimer p{color:#607181!important}

.section:has(.sector-row){
  background:#FFFFFF!important;
}
.sector{
  background:transparent!important;
  border-color:rgba(96,113,129,.22)!important;
  color:#334454!important;
  border-radius:999px!important;
}
.sector:hover{
  background:#EDF2F5!important;
  color:var(--trilha-green-dark)!important;
}

#experiencia{
  background:#F7F7F4!important;
}
#experiencia .timeline-row{border-color:rgba(96,113,129,.18)!important}
#experiencia .timeline-row b{color:var(--trilha-green-dark)!important}

#sobre{
  background:#EDF2F5!important;
}
#sobre .about-portrait{
  border-color:rgba(96,113,129,.20)!important;
  box-shadow:0 12px 28px rgba(41,43,41,.06)!important;
}
.about-role{
  display:block;
  margin-top:8px;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.11em;
  color:#75736d;
}
.why-trilha{
  margin-top:25px;
  padding-top:19px;
  border-top:1px solid rgba(96,113,129,.18);
}
.why-trilha .why-title{
  font-family:var(--font-sans)!important;
  font-size:22px;
  line-height:1.05;
  font-weight:600;
  letter-spacing:-.025em;
  color:var(--trilha-green-dark);
  margin-bottom:9px;
}
.why-trilha p{
  max-width:680px;
  color:#607181;
  font-size:13px;
}

/* ---------------------------------------------------------
   CTA / Footer
   --------------------------------------------------------- */
#contato{
  background:var(--trilha-paper)!important;
}
.cta{
  background:#0B1826!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:18px!important;
}
.cta .eyebrow{color:#D7E2E9!important}
.cta .lead{color:#DDE6EC!important}
.cta .btn-light{
  background:#FFFFFF!important;
  color:var(--trilha-green-dark)!important;
}
.footer{
  background:#0B1826!important;
  color:#FFFFFF!important;
  border-top:0!important;
}
.footer .trilha-wordmark strong{color:#FFFFFF!important}
.footer .trilha-wordmark small,.footer .trilha-wordmark .founder{color:#B7C3CC!important}
.footer-links a{opacity:.72}.footer-links a:hover{opacity:1}

/* ---------------------------------------------------------
   Insights
   --------------------------------------------------------- */
.insights-hero{
  background:var(--trilha-paper)!important;
  position:relative;
  overflow:hidden;
}
.insights-hero:after{
  content:"";
  position:absolute;
  right:-190px;top:-170px;
  width:520px;height:520px;
  border:1px solid rgba(6,42,91,.12);
  border-radius:50%;
  box-shadow:
    0 0 0 65px rgba(0,0,0,0),
    0 0 0 66px rgba(240,20,123,.08),
    0 0 0 132px rgba(0,0,0,0),
    0 0 0 133px rgba(6,42,91,.07);
  pointer-events:none;
}
.insights-hero h1{
  font-size:clamp(52px,6vw,78px)!important;
}
.posts-section{background:#F7F7F4!important}
.post-card{
  background:rgba(255,255,255,.86)!important;
  border-color:rgba(96,113,129,.18)!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
.post-card:hover{
  background:var(--trilha-surface)!important;
  transform:translateY(-2px);
}
.post-meta,.read-more{color:var(--trilha-earth)!important}
.filters .filter.is-active,.filter.is-active{
  background:var(--trilha-green)!important;
  color:#fff!important;
}
footer .domain{color:#9BA9B5!important}

/* Article */
.article-head .eyebrow{color:var(--trilha-earth)!important}
.article-head h1{font-family:var(--font-sans)!important;font-weight:570!important;letter-spacing:-.045em!important}
.article-body h2{font-family:var(--font-sans)!important;font-weight:580!important;letter-spacing:-.03em!important}
.article-body blockquote{border-left-color:var(--trilha-earth)!important}

/* ---------------------------------------------------------
   Diagnostic page
   --------------------------------------------------------- */
.site-nav{
  background:rgba(243,240,232,.96)!important;
}
.site-brand .trilha-wordmark strong{font-size:22px!important}
.site-brand .trilha-wordmark small{font-size:8px!important}
.progress{background:#DDD8CF!important}
.progress>div{background:var(--trilha-earth)!important}
body:has(#screen-access){
  background:var(--trilha-paper)!important;
}
body:has(#screen-access) .wrap{max-width:980px!important}
body:has(#screen-access) .panel{
  border-color:rgba(96,113,129,.18)!important;
  background:rgba(255,255,255,.92)!important;
  border-radius:16px!important;
  box-shadow:none!important;
}
body:has(#screen-access) .panel.hero{
  padding:42px!important;
  background:rgba(255,255,255,.90)!important;
}
body:has(#screen-access) .panel.hero:before{display:none!important}
body:has(#screen-access) h1{
  font-size:clamp(44px,5vw,68px)!important;
  font-weight:570!important;
}
body:has(#screen-access) .publication-intro,
body:has(#screen-access) .objective-summary{
  background:#EDF2F5!important;
  border-color:rgba(41,43,41,.08)!important;
}
body:has(#screen-access) .objective-card{
  background:var(--trilha-surface)!important;
  border-color:rgba(96,113,129,.18)!important;
}
body:has(#screen-access) .objective-card:has(input:checked){
  background:#FCEEF4!important;
  border-color:var(--trilha-green)!important;
}
body:has(#screen-access) .primary{
  background:var(--trilha-green)!important;
}
body:has(#screen-access) .refine-panel{
  background:#0B1826!important;
}

/* ---------------------------------------------------------
   Conversation page
   --------------------------------------------------------- */
body:has(#conversationForm){
  background:var(--trilha-paper)!important;
}
body:has(#conversationForm) .wrap{max-width:860px!important}
body:has(#conversationForm) h1{
  font-family:var(--font-sans)!important;
  font-weight:580!important;
  letter-spacing:-.045em!important;
}
body:has(#conversationForm) .panel{
  background:var(--trilha-surface)!important;
  border-color:rgba(96,113,129,.18)!important;
  border-radius:16px!important;
  box-shadow:none!important;
}
body:has(#conversationForm) button{
  background:var(--trilha-green)!important;
}
body:has(#conversationForm) .contact-choice label:has(input:checked){
  border-color:var(--trilha-green)!important;
  background:#EDF2F5!important;
}

/* ---------------------------------------------------------
   Responsive
   --------------------------------------------------------- */
@media(max-width:1020px){
  .container{width:min(1180px,calc(100% - 40px))}
  .trilha-routes{right:-240px;width:700px;opacity:.45}
}
@media(max-width:920px){
  .hero{padding:78px 0 76px!important}
  .hero-grid{gap:42px!important}
  .trilha-routes{right:-300px;top:250px}
  .trilha-wordmark{min-width:0}
}
@media(max-width:640px){
  .container{width:min(100% - 30px,1200px)}
  .nav-inner,.site-nav-inner{height:70px!important}
  .trilha-wordmark strong{font-size:20px!important}
  .trilha-wordmark small{font-size:7.5px!important;max-width:210px;white-space:normal}
  .hero{padding:64px 0 70px!important}
  .hero h1{font-size:49px!important}
  .trilha-routes{width:520px;right:-330px;top:390px;opacity:.35}
  .statement h2{font-size:46px!important}
  .service{padding:28px 4px!important}
  .service-no{font-size:24px!important}
  body:has(#screen-access) .panel.hero{padding:26px!important}
}
@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}

/* V1 pre-publication: public principles replace internal method layers */
.four-layers{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.four-layers .layer{cursor:default!important}
.four-layers .layer:hover{transform:none!important}
@media(max-width:820px){.four-layers{grid-template-columns:1fr!important}}


/* =========================================================
   V1 header system: full line until it no longer fits,
   then CTA + hamburger. No navigation label wraps.
   ========================================================= */
.nav-inner,.site-nav-inner{
  position:relative;
  gap:20px;
}
.navlinks,.site-navlinks{
  flex-wrap:nowrap!important;
  white-space:nowrap!important;
  min-width:0;
}
.navlinks>a,.site-navlinks>a{
  white-space:nowrap!important;
  flex:0 0 auto!important;
}
.navlinks .btn,.site-navlinks .site-btn,
.mobile-nav-actions .btn,.mobile-nav-actions .site-btn{
  white-space:nowrap!important;
  flex:0 0 auto!important;
}

.mobile-nav-actions{
  display:none;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  margin-left:auto;
  flex:0 0 auto;
}
.mobile-nav-actions .mobile-read-cta{
  margin:0!important;
  white-space:nowrap!important;
  min-width:max-content;
  line-height:1!important;
}
.mobile-menu-toggle{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:inline-flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:5px;
  padding:0;
  border:1px solid rgba(48,72,61,.18);
  border-radius:999px;
  background:rgba(250,248,243,.66);
  color:var(--trilha-green);
  cursor:pointer;
}
.mobile-menu-toggle span{
  display:block;
  width:17px;
  height:1.5px;
  border-radius:4px;
  background:currentColor;
  transition:transform .18s ease,opacity .18s ease;
}
.mobile-menu-toggle[aria-expanded="true"] span:nth-child(1){
  transform:translateY(6.5px) rotate(45deg);
}
.mobile-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.mobile-menu-toggle[aria-expanded="true"] span:nth-child(3){
  transform:translateY(-6.5px) rotate(-45deg);
}

.mobile-menu-panel{
  display:none;
  position:absolute;
  z-index:100;
  top:calc(100% + 1px);
  right:0;
  width:min(320px,calc(100vw - 30px));
  padding:10px;
  border:1px solid rgba(96,113,129,.18);
  border-radius:14px;
  background:rgba(250,248,243,.985);
  box-shadow:0 18px 46px rgba(96,113,129,.20);
}
.mobile-menu-panel.is-open{display:block}
.mobile-menu-panel a{
  display:flex;
  align-items:center;
  min-height:42px;
  padding:10px 12px;
  border-radius:9px;
  color:var(--trilha-ink)!important;
  text-decoration:none;
  font-size:12px;
  font-weight:570;
  white-space:nowrap;
}
.mobile-menu-panel a:hover,
.mobile-menu-panel a.nav-active{
  background:var(--trilha-sand);
  color:var(--trilha-green-dark)!important;
}

/* existing mobile fallbacks are superseded */
.mobile-cta,
.site-mobile-home{display:none!important}

/* preserve full desktop menu with adequate but responsive spacing */
@media(min-width:1041px) and (max-width:1180px){
  .navlinks,.site-navlinks{
    gap:14px!important;
    font-size:11.5px!important;
  }
  .navlinks .btn,.site-navlinks .site-btn{
    padding:10px 12px!important;
    font-size:11.5px!important;
  }
  .trilha-wordmark{min-width:188px}
  .trilha-wordmark strong{font-size:19px!important}
  .trilha-wordmark small{font-size:7.8px!important;letter-spacing:.13em!important}
}

/* switch before any item needs to wrap */
@media(max-width:1040px){
  .navlinks,.site-navlinks{display:none!important}
  .mobile-nav-actions{display:flex!important}
  .nav-inner,.site-nav-inner{
    height:72px!important;
  }
}

/* very narrow screens: keep brand, CTA and hamburger only */
@media(max-width:620px){
  .nav-inner,.site-nav-inner{
    gap:10px!important;
    width:min(100% - 24px,1200px)!important;
  }
  .trilha-wordmark{
    min-width:0!important;
    flex:1 1 auto;
  }
  .trilha-wordmark strong{
    font-size:17px!important;
    letter-spacing:.10em!important;
  }
  .trilha-wordmark small{
    display:none!important;
  }
  .mobile-nav-actions{gap:6px}
  .mobile-nav-actions .mobile-read-cta{
    padding:10px 12px!important;
    font-size:11px!important;
  }
  .mobile-menu-toggle{
    width:40px;
    height:40px;
    flex-basis:40px;
  }
}
@media(max-width:390px){
  .mobile-nav-actions .mobile-read-cta{
    padding:9px 10px!important;
    font-size:10.5px!important;
  }
  .trilha-wordmark strong{font-size:16px!important}
}

/* Final typography safeguard: Trilha V1 is fully sans-serif */
.statement h2,
.statement-quote,
.service-no,
.step-num,
.card h3,
.wheel-top b,
.wheel-principle,
.why-trilha .why-title,
.article-head h1,
.article-body h2,
body:has(#conversationForm) h1{
  font-family:var(--font-sans)!important;
}


/* =========================================================
   V1.1 connection layer: descriptor, sitemap and short contact
   ========================================================= */
.trilha-wordmark small .brand-strategy,
.trilha-wordmark small .brand-development{
  display:inline;
}
.trilha-wordmark small .brand-development:before{
  content:" ";
}

/* keep institutional connection visible in compact header */
@media(max-width:620px){
  .trilha-wordmark small{
    display:block!important;
    margin-top:4px!important;
    white-space:normal!important;
    font-size:7px!important;
    line-height:1.18!important;
    letter-spacing:.075em!important;
    max-width:138px!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .trilha-wordmark small .brand-strategy,
  .trilha-wordmark small .brand-development{
    display:block;
  }
  .trilha-wordmark small .brand-development:before{content:""}
}
@media(max-width:390px){
  .trilha-wordmark small{
    font-size:6.6px!important;
    max-width:132px!important;
  }
}

/* footer sitemap mirrors the header architecture */
.footer-inner{
  align-items:flex-start!important;
}
.footer-map{
  margin-left:auto;
  max-width:610px;
}
.footer-map-title{
  margin-bottom:11px;
  font-size:8px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.14em;
  color:#9DA8A1;
  font-weight:650;
}
.footer-links{
  display:flex!important;
  justify-content:flex-end;
  gap:9px 18px!important;
  flex-wrap:wrap!important;
  font-size:11.5px!important;
}
.footer-links a{
  white-space:nowrap;
}
.footer-links .footer-read-link{
  color:#F0D5C7!important;
  opacity:1!important;
}
@media(max-width:820px){
  .footer-inner{
    flex-direction:column;
    align-items:flex-start!important;
    gap:30px!important;
  }
  .footer-map{
    margin-left:0;
    max-width:none;
    width:100%;
  }
  .footer-links{
    justify-content:flex-start;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px 18px!important;
  }
}

/* direct contact form */
.contact-cta{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);
  gap:58px;
  align-items:start;
}
.contact-copy{
  padding-top:8px;
}
.contact-copy h2{
  max-width:690px;
}
.contact-linkedin{
  display:inline-flex;
  margin-top:18px;
  color:#F1EEE7;
  font-size:12px;
  font-weight:600;
  border-bottom:1px solid rgba(255,255,255,.25);
  padding-bottom:3px;
}
.contact-form{
  background:#F5F1E9;
  color:var(--trilha-ink);
  border-radius:16px;
  padding:26px;
  box-shadow:0 18px 46px rgba(0,0,0,.10);
}
.contact-form-head{
  padding-bottom:18px;
  border-bottom:1px solid rgba(96,113,129,.18);
  margin-bottom:18px;
}
.contact-form-head .eyebrow{
  color:var(--trilha-earth)!important;
}
.contact-form-head h3{
  font-size:22px!important;
  line-height:1.18!important;
  margin:7px 0 0;
  color:var(--trilha-ink)!important;
}
.contact-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:13px 12px;
}
.contact-field{
  min-width:0;
}
.contact-field-full{
  grid-column:1/-1;
}
.contact-field label{
  display:block;
  margin-bottom:6px;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:650;
  color:#696B66;
}
.contact-field.is-required label:after{
  content:" *";
}
.contact-field input,
.contact-field select,
.contact-field textarea{
  width:100%;
  border:1px solid rgba(96,113,129,.22);
  border-radius:9px;
  background:#FCFAF5;
  color:var(--trilha-ink);
  padding:11px 12px;
  font-size:13px;
  outline:none;
}
.contact-field textarea{
  resize:vertical;
  min-height:104px;
}
.contact-field input:focus,
.contact-field select:focus,
.contact-field textarea:focus{
  border-color:var(--trilha-green);
  box-shadow:0 0 0 3px rgba(48,72,61,.07);
}
.contact-consent{
  margin-top:12px;
  font-size:9.5px;
  line-height:1.45;
  color:#77766F;
}
.contact-form-actions{
  display:flex;
  align-items:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:16px;
}
.contact-submit{
  margin:0!important;
}
.contact-submit:disabled{
  opacity:.55;
  cursor:wait;
}
.contact-form-status{
  font-size:10.5px;
  color:#8A5142;
}
.contact-form-status.is-success{
  color:var(--trilha-green);
}
.contact-honeypot{
  position:absolute!important;
  left:-10000px!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
}
@media(max-width:930px){
  .contact-cta{
    grid-template-columns:1fr;
    gap:34px;
  }
}
@media(max-width:620px){
  .contact-form{
    padding:20px 17px;
  }
  .contact-form-grid{
    grid-template-columns:1fr;
  }
  .contact-field-full{
    grid-column:auto;
  }
}


/* =========================================================
   V1.2 header: institutional descriptor remains one line
   ========================================================= */
.trilha-wordmark small .brand-strategy,
.trilha-wordmark small .brand-development{
  display:inline!important;
}
.trilha-wordmark small .brand-development:before{
  content:" "!important;
}

@media(max-width:620px){
  .nav-inner,.site-nav-inner{
    min-height:88px!important;
    height:88px!important;
    align-items:flex-start!important;
    padding-top:13px!important;
    padding-bottom:25px!important;
  }
  .brand,.site-brand{
    align-self:flex-start;
  }
  .trilha-wordmark{
    position:static!important;
    min-width:0!important;
  }
  .trilha-wordmark strong{
    font-size:17px!important;
    line-height:1!important;
  }
  .trilha-wordmark small{
    display:block!important;
    position:absolute!important;
    left:0!important;
    bottom:8px!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
    font-size:7.4px!important;
    line-height:1!important;
    letter-spacing:.105em!important;
  }
  .trilha-wordmark small .brand-strategy,
  .trilha-wordmark small .brand-development{
    display:inline!important;
  }
  .mobile-nav-actions{
    align-self:flex-start!important;
  }
  .mobile-menu-panel{
    top:88px!important;
  }
}
@media(max-width:390px){
  .trilha-wordmark small{
    font-size:6.9px!important;
    letter-spacing:.075em!important;
  }
}


/* =========================================================
   Experience behind Trilha
   ========================================================= */
.experience-intro{
  margin-bottom:42px;
}
.experience-groups{
  display:grid;
  gap:54px;
}
.experience-group{
  border-top:1px solid rgba(96,113,129,.20);
  padding-top:24px;
}
.experience-group-head{
  display:grid;
  grid-template-columns:minmax(180px,.34fr) minmax(0,1fr);
  gap:32px;
  align-items:start;
  margin-bottom:20px;
}
.experience-group-label{
  font-size:10px;
  line-height:1.35;
  text-transform:uppercase;
  letter-spacing:.13em;
  font-weight:700;
  color:var(--trilha-earth);
}
.experience-group-context{
  max-width:700px;
  font-size:13px;
  line-height:1.55;
  color:#656861;
}
.experience-org-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.experience-org{
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  gap:24px;
  min-height:160px;
  padding:24px;
  border:1px solid rgba(96,113,129,.18);
  border-radius:13px;
  background:rgba(250,248,243,.55);
  align-items:center;
}
.experience-brand{
  min-height:82px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px;
  border-right:1px solid rgba(41,43,41,.09);
}
.experience-brand img{
  display:block;
  max-width:118px;
  max-height:58px;
  width:auto;
  height:auto;
  object-fit:contain;
  filter:grayscale(1) brightness(0);
  opacity:.83;
  mix-blend-mode:multiply;
}
.experience-logo-fallback{
  display:none;
  color:var(--trilha-ink);
  font-size:12px;
  line-height:1.1;
  font-weight:750;
  letter-spacing:.03em;
  text-align:center;
  text-transform:uppercase;
}
.experience-org-copy h3{
  margin:0 0 7px;
  font-size:17px!important;
  font-weight:650!important;
  letter-spacing:-.025em!important;
}
.experience-org-copy p{
  margin:0!important;
  font-size:12.5px;
  line-height:1.58;
  color:#5F625D!important;
}
.consulting-experience{
  display:grid;
  grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);
  gap:38px;
  align-items:start;
}
.consulting-experience-copy{
  padding-right:12px;
}
.consulting-experience-copy h3{
  margin:0 0 10px;
  font-size:24px!important;
}
.consulting-experience-copy p{
  color:#5F625D;
  font-size:13px;
  line-height:1.62;
}
.client-logo-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.client-logo-card{
  min-height:122px;
  display:grid;
  grid-template-rows:68px auto;
  align-items:center;
  padding:16px;
  border:1px solid rgba(96,113,129,.18);
  border-radius:12px;
  background:rgba(250,248,243,.56);
}
.client-logo-visual{
  height:62px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.client-logo-visual img{
  display:block;
  max-width:125px;
  max-height:49px;
  width:auto;
  height:auto;
  object-fit:contain;
  filter:grayscale(1) brightness(0);
  opacity:.83;
  mix-blend-mode:multiply;
}
.client-logo-name{
  padding-top:10px;
  border-top:1px solid rgba(41,43,41,.08);
  color:var(--trilha-ink);
  font-size:10px;
  font-weight:650;
  line-height:1.25;
  text-align:center;
}
.client-logo-fallback{
  display:none;
  font-size:12px;
  font-weight:750;
  letter-spacing:.02em;
  text-align:center;
  color:var(--trilha-ink);
}
@media(max-width:980px){
  .experience-org-list{
    grid-template-columns:1fr;
  }
  .consulting-experience{
    grid-template-columns:1fr;
  }
}
@media(max-width:640px){
  .experience-group-head{
    grid-template-columns:1fr;
    gap:7px;
  }
  .experience-org{
    grid-template-columns:110px minmax(0,1fr);
    gap:17px;
    padding:18px 16px;
  }
  .experience-brand{
    min-height:72px;
    padding:7px 12px 7px 0;
  }
  .experience-brand img{
    max-width:92px;
    max-height:50px;
  }
  .client-logo-grid{
    grid-template-columns:1fr 1fr;
  }
}
@media(max-width:430px){
  .experience-org{
    grid-template-columns:1fr;
  }
  .experience-brand{
    border-right:0;
    border-bottom:1px solid rgba(41,43,41,.09);
    justify-content:flex-start;
    padding:0 0 15px;
  }
  .client-logo-grid{
    grid-template-columns:1fr;
  }
}

/* Founder LinkedIn */
.founder-linkedin{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:22px;
  padding:10px 14px;
  border:1px solid rgba(41,43,41,.22);
  border-radius:999px;
  color:var(--trilha-ink)!important;
  background:transparent;
  font-size:11px;
  line-height:1;
  font-weight:650;
  text-decoration:none;
}
.founder-linkedin:hover{
  background:var(--trilha-ink);
  color:var(--trilha-paper)!important;
}
.footer .founder a{
  color:inherit!important;
  text-decoration:none;
  border-bottom:1px solid rgba(174,183,177,.35);
}
.footer .founder a:hover{
  color:#FFFFFF!important;
  border-bottom-color:#FFFFFF;
}


/* =========================================================
   V1.3 local charcoal logos
   ========================================================= */
.experience-brand img,
.client-logo-visual img{
  filter:none !important;
  opacity:1 !important;
  mix-blend-mode:normal !important;
}


/* =========================================================
   V1.4 mobile brand lockup refinement
   TRILHA + institutional descriptor remain visually connected.
   ========================================================= */
@media(max-width:620px){
  .nav-inner,.site-nav-inner{
    min-height:70px!important;
    height:70px!important;
    align-items:center!important;
    padding-top:0!important;
    padding-bottom:0!important;
    gap:10px!important;
  }

  .brand,.site-brand{
    align-self:center!important;
    min-width:0!important;
    flex:1 1 auto!important;
  }

  .trilha-wordmark{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:flex-start!important;
    min-width:0!important;
    flex:1 1 auto!important;
  }

  .trilha-wordmark strong{
    font-size:17px!important;
    line-height:1!important;
    letter-spacing:.10em!important;
  }

  .trilha-wordmark small{
    position:static!important;
    display:block!important;
    width:auto!important;
    max-width:none!important;
    margin-top:5px!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
    font-size:6.6px!important;
    line-height:1!important;
    letter-spacing:.085em!important;
  }

  .trilha-wordmark small .brand-strategy,
  .trilha-wordmark small .brand-development{
    display:inline!important;
  }

  .trilha-wordmark small .brand-development:before{
    content:" "!important;
  }

  .mobile-nav-actions{
    align-self:center!important;
    flex:0 0 auto!important;
  }

  .mobile-menu-panel{
    top:70px!important;
  }
}

@media(max-width:390px){
  .nav-inner,.site-nav-inner{
    gap:7px!important;
  }
  .trilha-wordmark strong{
    font-size:15px!important;
  }
  .trilha-wordmark small{
    font-size:5.8px!important;
    letter-spacing:.055em!important;
  }
  .mobile-nav-actions .mobile-read-cta{
    padding:9px 9px!important;
    font-size:10px!important;
  }
}


/* Gate 2 — home legal microstyles after removing legal.css from home */
.contact-consent a,.footer-legal a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
.footer-legal{display:block;margin-top:7px;font-size:8px;line-height:1.25;letter-spacing:.04em;color:#8f9993}
.footer-legal a:hover{color:#f4f1ea}

/* Gate 2 — diagnostic result contrast and readability */
body:has(#screen-access) .panel.reportHero{background:#30483d!important;color:#fffdf8!important;border-color:rgba(255,255,255,.08)!important;box-shadow:0 18px 48px rgba(36,52,45,.12)!important}
body:has(#screen-access) .reportHero h1{color:#fffdf8!important}
body:has(#screen-access) .reportHero .kicker{color:#c9d8d0!important}
body:has(#screen-access) .reportHero .lead{color:#e2ebe6!important}
body:has(#screen-access) .reportHero .objective-summary{background:rgba(255,253,248,.08)!important;border:1px solid rgba(255,255,255,.14)!important;color:#f4f1e9!important}
body:has(#screen-access) .reportHero .objective-summary b{color:#fffdf8!important}
body:has(#screen-access) .reportHero .objective-summary span{color:#d9e3dd!important;opacity:1!important}
body:has(#screen-access) .reportHero .result-metric{background:rgba(255,253,248,.085)!important;border:1px solid rgba(255,255,255,.08)!important}
body:has(#screen-access) .reportHero .result-metric span{color:#c8d6cf!important}
body:has(#screen-access) .reportHero .result-metric b{color:#fffdf8!important}


/* =========================================================
   TRILHA V1 — brand asset + design-system final overrides
   ========================================================= */
.trilha-wordmark{display:flex;flex-direction:column;align-items:flex-start;min-width:174px}
.trilha-wordmark strong{font-size:0!important;line-height:0!important;letter-spacing:0!important;width:142px;height:38px;display:block;background:url('/assets/brand/trilha-wordmark.png') left center/contain no-repeat}
.trilha-wordmark small{margin-top:4px!important;color:var(--trilha-stone)!important;font-size:7.5px!important;letter-spacing:.12em!important}
.footer .trilha-wordmark strong{filter:brightness(0) invert(1)}
.footer .trilha-wordmark small,.footer .trilha-wordmark .founder{color:#B7C3CC!important}
.trilha-routes span{border-color:rgba(6,42,91,.12)!important}
.trilha-routes span:nth-child(3){border-color:rgba(240,20,123,.18)!important}
.trilha-routes span:nth-child(5){border-color:rgba(96,113,129,.15)!important}
.chromatic-rule{width:36px!important;height:2px!important;display:block!important;background:var(--trilha-earth)!important}
.chromatic-rule span{display:none!important}
.btn,.site-btn{border-radius:8px!important}
.btn-primary,.site-btn-primary{background:var(--trilha-green)!important}
.btn-primary:hover,.site-btn-primary:hover{background:var(--trilha-green-dark)!important}
.btn:focus-visible,.site-btn:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--trilha-earth);outline-offset:3px}
.wheel-hero-card,.wheel-large,.card,.diag-card,.service-line,.panel{border-radius:10px!important}
.current-poly{fill:rgba(96,113,129,.10)!important;stroke:#607181!important}
.current-dot{fill:#062A5B!important}
.required-poly{fill:none!important;stroke:#F0147B!important}
.legend-line{border-color:#607181!important}.legend-line.required{border-color:#F0147B!important}
.wheel-summary b,.wheel-focus-status,.post-meta,.read-more,.article-head .eyebrow{color:#F0147B!important}
.layer.is-selected::before,.service.is-selected{border-color:#F0147B!important}
.service.is-selected{box-shadow:inset 2px 0 0 #F0147B!important}
#contato{background:#F7F7F4!important}.cta{background:#062A5B!important}
.diag{background:#062A5B!important}
.statement{background:#0B1826!important;color:#fff!important}.statement h2,.statement-quote{color:#fff!important}.statement .lead{color:#D7E2E9!important}.statement .eyebrow{color:#B7C3CC!important}.pill{background:transparent!important;border-color:rgba(255,255,255,.22)!important;color:#E7EDF1!important}
#sobre{background:#EDF2F5!important}#experiencia{background:#FFFFFF!important}#metodo{background:#EDF2F5!important}.wheel-section{background:#F7F7F4!important}
.section:has(.sector-row){background:#FFFFFF!important}.posts-section{background:#F7F7F4!important}
@media(max-width:620px){.trilha-wordmark strong{width:112px;height:30px}.trilha-wordmark small{display:none!important}.trilha-wordmark{min-width:112px!important}}


/* =========================================================
   TRILHA V1.5 — dynamic brand header + thesis contrast
   Requested review 2026-09-07
   ========================================================= */

/* Brand structures */
.brand-logo-full,
.site-brand-logo-full{
  display:block;
  width:268px;
  max-width:100%;
  height:auto;
}
.brand-compact,
.site-brand-compact{
  display:none;
  align-items:center;
  min-width:0;
  gap:11px;
}
.brand-icon-img,
.site-brand-icon-img{
  display:block;
  width:42px;
  height:42px;
  object-fit:contain;
  flex:0 0 42px;
}
.brand-descriptor,
.site-brand-descriptor{
  display:block;
  color:#062A5B;
  font-size:9px;
  line-height:1.18;
  text-transform:uppercase;
  letter-spacing:.115em;
  font-weight:650;
  white-space:nowrap;
}
.brand-descriptor .descriptor-accent,
.site-brand-descriptor .descriptor-accent{color:#062A5B}

/* At the top: institutional blue bar + complete transparent lockup */
nav,
.site-nav{
  background:#062A5B!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
  box-shadow:none!important;
  transition:background .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
.nav-inner,.site-nav-inner{
  height:84px!important;
  min-height:84px!important;
  transition:height .22s ease,min-height .22s ease!important;
}
nav .navlinks a,
.site-nav .site-navlinks a{
  color:#FFFFFF!important;
  opacity:.78!important;
}
nav .navlinks a:hover,
.site-nav .site-navlinks a:hover,
nav .navlinks a.nav-active,
.site-nav .site-navlinks a.nav-active{opacity:1!important;color:#FFFFFF!important}
nav .navlinks a.nav-active:not(.btn)::after,
.site-nav .site-navlinks a.nav-active:not(.site-btn)::after{background:#F0147B!important}
nav .btn-primary,
.site-nav .site-btn-primary,
nav .mobile-read-cta{
  background:#F0147B!important;
  color:#FFFFFF!important;
}
nav .btn-primary:hover,
.site-nav .site-btn-primary:hover,
nav .mobile-read-cta:hover{background:#D80D6D!important}
nav .mobile-menu-toggle,
.site-nav .mobile-menu-toggle{
  color:#FFFFFF!important;
  border-color:rgba(255,255,255,.32)!important;
  background:rgba(255,255,255,.08)!important;
}

/* Scrolled state: white bar + icon + institutional descriptor */
nav.is-scrolled,
.site-nav.is-scrolled{
  background:rgba(255,255,255,.97)!important;
  border-bottom-color:rgba(96,113,129,.16)!important;
  box-shadow:0 8px 28px rgba(11,24,38,.07)!important;
}
nav.is-scrolled .nav-inner,
.site-nav.is-scrolled .site-nav-inner{
  height:72px!important;
  min-height:72px!important;
}
nav.is-scrolled .brand-logo-full,
.site-nav.is-scrolled .site-brand-logo-full{display:none!important}
nav.is-scrolled .brand-compact,
.site-nav.is-scrolled .site-brand-compact{display:flex!important}
nav.is-scrolled .navlinks a,
.site-nav.is-scrolled .site-navlinks a{
  color:#0B1826!important;
  opacity:.72!important;
}
nav.is-scrolled .navlinks a:hover,
.site-nav.is-scrolled .site-navlinks a:hover,
nav.is-scrolled .navlinks a.nav-active,
.site-nav.is-scrolled .site-navlinks a.nav-active{color:#062A5B!important;opacity:1!important}
nav.is-scrolled .btn-primary,
.site-nav.is-scrolled .site-btn-primary,
nav.is-scrolled .mobile-read-cta{
  background:#062A5B!important;
  color:#FFFFFF!important;
}
nav.is-scrolled .btn-primary:hover,
.site-nav.is-scrolled .site-btn-primary:hover,
nav.is-scrolled .mobile-read-cta:hover{background:#0B1826!important}
nav.is-scrolled .mobile-menu-toggle,
.site-nav.is-scrolled .mobile-menu-toggle{
  color:#062A5B!important;
  border-color:rgba(6,42,91,.18)!important;
  background:#FFFFFF!important;
}

/* Mobile preserves the same two-state logic without forcing awkward wraps. */
@media(max-width:1040px){
  .brand-logo-full,.site-brand-logo-full{width:232px}
  .nav-inner,.site-nav-inner{height:78px!important;min-height:78px!important}
  nav.is-scrolled .nav-inner,.site-nav.is-scrolled .site-nav-inner{height:70px!important;min-height:70px!important}
}
@media(max-width:620px){
  .nav-inner,.site-nav-inner{
    height:74px!important;
    min-height:74px!important;
    padding-top:0!important;
    padding-bottom:0!important;
    align-items:center!important;
  }
  .brand,.site-brand{align-self:center!important;flex:1 1 auto!important;min-width:0!important}
  .brand-logo-full,.site-brand-logo-full{width:176px}
  .brand-compact,.site-brand-compact{gap:8px}
  .brand-icon-img,.site-brand-icon-img{width:36px;height:36px;flex-basis:36px}
  .brand-descriptor,.site-brand-descriptor{
    font-size:6.8px;
    letter-spacing:.075em;
    white-space:normal;
    max-width:120px;
  }
  nav.is-scrolled .nav-inner,.site-nav.is-scrolled .site-nav-inner{height:66px!important;min-height:66px!important}
  .mobile-nav-actions{align-self:center!important}
  .mobile-menu-panel{top:calc(100% + 1px)!important}
}
@media(max-width:390px){
  .brand-logo-full,.site-brand-logo-full{width:154px}
  .brand-icon-img,.site-brand-icon-img{width:32px;height:32px;flex-basis:32px}
  .brand-descriptor,.site-brand-descriptor{font-size:6px;max-width:108px}
}

/* Thesis: deliberate high-contrast editorial break. */
.statement{
  background:#0B1826!important;
  color:#FFFFFF!important;
}
.statement:before{border-color:rgba(255,255,255,.12)!important}
.statement .eyebrow,
.statement .eyebrow[style]{color:#AFC2D0!important}
.statement h2{
  color:#FFFFFF!important;
  text-shadow:none!important;
}
.statement-quote{color:#FFFFFF!important}
.statement .lead,
.statement .lead[style]{color:#D7E2E9!important}
.statement .pill{
  background:rgba(255,255,255,.035)!important;
  border-color:rgba(255,255,255,.22)!important;
  color:#EFF4F7!important;
}

/* Experience category titles stay blue, not pink. */
#experiencia .experience-group-label{
  color:#062A5B!important;
  font-weight:700!important;
}

/* Footer uses the same complete lockup on transparent background. */
.footer-brand-block{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.footer-logo-full{display:block;width:252px;max-width:100%;height:auto}
.footer-brand-meta{display:flex;flex-direction:column;gap:5px}
.footer-brand-meta .founder,
.footer-brand-meta .footer-legal{margin:0!important;color:#B7C3CC!important;font-size:8px;line-height:1.25;letter-spacing:.05em}
.footer-brand-meta a:hover{color:#FFFFFF!important}
@media(max-width:620px){.footer-logo-full{width:220px}}

.standalone-brand{margin-bottom:70px!important}.standalone-logo-full{display:block;width:280px;max-width:100%;height:auto}@media(max-width:650px){.standalone-brand{margin-bottom:48px!important}.standalone-logo-full{width:235px}}

/* V1.5.1 — final header polish */
@media(min-width:1181px){
  .brand-logo-full,.site-brand-logo-full{width:292px}
}
nav.is-scrolled .navlinks a.btn-primary,
.site-nav.is-scrolled .site-navlinks a.site-btn-primary{
  color:#FFFFFF!important;
  opacity:1!important;
}
.footer-logo-full{width:272px}

/* =========================================================
   V1.5.2 — vector brand lockup + HTML descriptor
   Removes embedded tagline and keeps positioning as live text.
   ========================================================= */
.brand-full,
.site-brand-full{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:2px;
  min-width:0;
  flex:0 0 auto;
}
.brand-logo-full,
.site-brand-logo-full{
  width:232px!important;
  max-width:100%;
  height:auto;
}
.brand-full-descriptor,
.site-brand-full-descriptor{
  display:block;
  margin-left:2px;
  color:#FFFFFF;
  font-size:7.5px;
  line-height:1.15;
  text-transform:uppercase;
  letter-spacing:.13em;
  font-weight:650;
  white-space:nowrap;
}
nav.is-scrolled .brand-full,
.site-nav.is-scrolled .site-brand-full{
  display:none!important;
}
nav.is-scrolled .brand-logo-full,
.site-nav.is-scrolled .site-brand-logo-full{
  display:block!important;
}
.brand-icon-img,
.site-brand-icon-img{
  object-fit:contain;
}

/* The descriptor remains real HTML text in both header states. */
.brand-descriptor,
.site-brand-descriptor{
  text-transform:none!important;
  letter-spacing:.02em!important;
  font-size:10px!important;
  font-weight:600!important;
  line-height:1.2!important;
  color:#062A5B!important;
}

/* Footer: vector logo, positioning statement outside the artwork. */
.footer-brand-block{gap:5px!important}
.footer-logo-full{
  width:250px!important;
  max-width:100%;
  height:auto;
}
.footer-brand-descriptor{
  color:#FFFFFF;
  font-size:9px;
  line-height:1.25;
  font-weight:600;
  letter-spacing:.015em;
  margin-top:1px;
}
.footer-brand-meta{margin-top:8px}

/* Standalone conversation page uses the dark vector on light background. */
.standalone-brand-link{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:5px;
}
.standalone-logo-full{width:280px!important;height:auto}
.standalone-brand-descriptor{
  color:#062A5B;
  font-size:10px;
  line-height:1.25;
  font-weight:600;
  letter-spacing:.015em;
}

@media(min-width:1181px){
  .brand-logo-full,.site-brand-logo-full{width:238px!important}
}
@media(max-width:1040px){
  .brand-logo-full,.site-brand-logo-full{width:214px!important}
  .brand-full-descriptor,.site-brand-full-descriptor{font-size:7px}
}
@media(max-width:620px){
  .brand-logo-full,.site-brand-logo-full{width:164px!important}
  .brand-full-descriptor,.site-brand-full-descriptor{
    font-size:6.1px;
    letter-spacing:.085em;
  }
  .brand-descriptor,.site-brand-descriptor{
    font-size:7px!important;
    line-height:1.12!important;
    max-width:105px!important;
    white-space:normal!important;
  }
  .brand-icon-img,.site-brand-icon-img{
    width:34px!important;
    height:34px!important;
    flex-basis:34px!important;
  }
  .footer-logo-full{width:226px!important}
  .footer-brand-descriptor{font-size:8.5px}
  .standalone-logo-full{width:235px!important}
  .standalone-brand-descriptor{font-size:9px}
}
@media(max-width:420px){
  .brand-logo-full,.site-brand-logo-full{width:150px!important}
  .brand-full-descriptor,.site-brand-full-descriptor{font-size:5.5px}
  .brand-descriptor,.site-brand-descriptor{font-size:6.5px!important;max-width:92px!important}
}


/* =========================================================
   TRILHA V1.5.3 — header proportion + app icon polish
   2026-09-07
   ========================================================= */
/* Menu: slightly smaller lockup, more breathing room. The header-specific
   vector also reduces the stylized T ~4% so its height matches the wordmark. */
.brand-logo-full,
.site-brand-logo-full{
  width:208px!important;
}
.brand-full,
.site-brand-full{
  gap:4px!important;
}
.brand-full-descriptor,
.site-brand-full-descriptor{
  margin-left:0!important;
  font-size:6.8px!important;
  letter-spacing:.12em!important;
}
.nav-inner,.site-nav-inner{
  height:84px!important;
  min-height:84px!important;
}
@media(min-width:1181px){
  .brand-logo-full,.site-brand-logo-full{width:214px!important}
}
@media(max-width:1040px){
  .brand-logo-full,.site-brand-logo-full{width:194px!important}
  .brand-full-descriptor,.site-brand-full-descriptor{font-size:6.4px!important}
}
@media(max-width:620px){
  .brand-logo-full,.site-brand-logo-full{width:148px!important}
  .brand-full-descriptor,.site-brand-full-descriptor{
    font-size:5.5px!important;
    letter-spacing:.08em!important;
  }
}
@media(max-width:420px){
  .brand-logo-full,.site-brand-logo-full{width:136px!important}
  .brand-full-descriptor,.site-brand-full-descriptor{font-size:5px!important}
}

/* =========================================================
   TRILHA V1.5.4 — subtler header lockup + refreshed portrait
   2026-09-07
   ========================================================= */
/* Menu: reduce visual dominance, give more breathing room,
   keep the compact brand elegant and less attention-seeking. */
.brand-logo-full,
.site-brand-logo-full{
  width:182px!important;
}
.brand-full,
.site-brand-full{
  gap:5px!important;
}
.brand-full-descriptor,
.site-brand-full-descriptor{
  font-size:6.2px!important;
  letter-spacing:.115em!important;
}
.brand-compact,
.site-brand-compact{
  gap:10px!important;
}
.brand-icon-img,
.site-brand-icon-img{
  width:30px!important;
  height:30px!important;
  flex:0 0 30px!important;
}
.brand-descriptor,
.site-brand-descriptor{
  font-size:9px!important;
  line-height:1.18!important;
}
.nav-inner,.site-nav-inner{
  height:80px!important;
  min-height:80px!important;
}
@media(min-width:1181px){
  .brand-logo-full,.site-brand-logo-full{width:188px!important}
}
@media(max-width:1040px){
  .brand-logo-full,.site-brand-logo-full{width:170px!important}
  .brand-full-descriptor,.site-brand-full-descriptor{font-size:5.9px!important}
  .brand-icon-img,.site-brand-icon-img{width:28px!important;height:28px!important;flex-basis:28px!important}
  .brand-descriptor,.site-brand-descriptor{font-size:8.5px!important}
}
@media(max-width:620px){
  .brand-logo-full,.site-brand-logo-full{width:138px!important}
  .brand-full-descriptor,.site-brand-full-descriptor{
    font-size:5.1px!important;
    letter-spacing:.075em!important;
  }
  .brand-icon-img,.site-brand-icon-img{width:26px!important;height:26px!important;flex-basis:26px!important}
  .brand-descriptor,.site-brand-descriptor{font-size:6.8px!important;max-width:98px!important}
  .nav-inner,.site-nav-inner{height:74px!important;min-height:74px!important}
}
@media(max-width:420px){
  .brand-logo-full,.site-brand-logo-full{width:126px!important}
  .brand-full-descriptor,.site-brand-full-descriptor{font-size:4.8px!important}
  .brand-descriptor,.site-brand-descriptor{font-size:6.2px!important;max-width:88px!important}
}