:root {
  --ink: #101514;
  --ink-soft: #18201e;
  --paper: #f3f0e8;
  --mist: #cbc9c0;
  --green: #72a884;
  --green-deep: #244638;
  --yellow: #d8bd55;
  --line: rgba(243,240,232,.2);
  --display: 'Space Grotesk', Arial, sans-serif;
  --body: 'Inter', Arial, sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
body { margin: 0; background: var(--ink); color: var(--paper); font-family: var(--body); overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }
button { cursor: pointer; }
.noise { pointer-events: none; position: fixed; inset: 0; z-index: 30; opacity: .035; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E"); }
.page-progress { height: 2px; background: rgba(243,240,232,.16); position: fixed; top: 0; left: 0; right: 0; z-index: 40; }
.page-progress span { display: block; width: 0; height: 100%; background: var(--yellow); transition: width .1s linear; }
.site-header { height: 86px; position: absolute; z-index: 20; top: 0; left: 0; right: 0; padding: 0 5.3vw; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(243,240,232,.17); }
.brand { display: flex; align-items: baseline; gap: 7px; width: max-content; letter-spacing: -.04em; }
.brand-mark { font: 700 29px/1 var(--display); letter-spacing: -.12em; }
.brand-name { font: 500 11px/1 var(--display); letter-spacing: .25em; }
.brand-logo { display: block; width: 83px; height: auto; }
.desktop-nav { display: flex; align-items: center; gap: clamp(18px, 2.8vw, 44px); margin-left: auto; margin-right: clamp(24px,4vw,72px); }
.desktop-nav a, .market-switch, .scroll-cue, .connection-label, .index-label, .section-label, .eyebrow, .capability-card span, .detail-type, label, .contact-top span, footer p { font: 500 10px/1.2 var(--body); letter-spacing: .14em; }
.desktop-nav a { color: rgba(243,240,232,.72); transition: color .25s; }
.desktop-nav a:hover { color: var(--paper); }
.header-actions { display: flex; align-items: center; gap: 25px; }
.market-switch { color: rgba(243,240,232,.5); white-space: nowrap; }
.market-switch strong { color: var(--paper); font-weight: 600; }
.market-switch b { color: var(--yellow); font-size: 12px; }
.menu-button { width: 32px; height: 32px; border: 0; background: transparent; display: none; flex-direction: column; gap: 6px; align-items: flex-end; justify-content: center; }
.menu-button i { display: block; width: 24px; height: 1px; background: var(--paper); transition: .25s; }
.menu-button i:last-child { width: 16px; }
.mobile-menu { display: none; }
.hero { min-height: max(720px, 100svh); padding: 150px 5.3vw 55px; position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: center; }
.hero-visual { position: absolute; inset: 0; background: url('assets/xs-brazil-hero.jpg') center/cover no-repeat, radial-gradient(circle at 78% 36%, rgba(43,103,92,.62), transparent 38%), linear-gradient(112deg, #0d1110 6%, #18211f 48%, #384d4b 100%); filter: saturate(.84) contrast(1.08); transform: scale(1.025); animation: heroIn 1.4s ease-out both; }
.hero-wash { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(10,14,13,.99) 0%, rgba(10,14,13,.89) 36%, rgba(10,14,13,.36) 68%, rgba(10,14,13,.24) 100%), linear-gradient(0deg, rgba(10,14,13,.6) 0%, transparent 36%); }
.hero-grid { position: absolute; inset: 0; opacity: .18; background-image: linear-gradient(rgba(243,240,232,.28) 1px, transparent 1px), linear-gradient(90deg, rgba(243,240,232,.28) 1px, transparent 1px); background-size: min(17vw,240px) min(17vw,240px); mask-image: linear-gradient(90deg, black, transparent 75%); }
.hero-copy { position: relative; z-index: 2; width: min(780px, 68vw); margin-top: 45px; }
.kicker { margin: 0 0 31px; color: var(--green); font: 600 10px/1.2 var(--body); letter-spacing: .16em; display: flex; align-items: center; gap: 10px; }
.kicker span { width: 27px; height: 1px; background: var(--yellow); display: block; }
.kicker em { font-style: normal; color: var(--yellow); }
h1,h2,h3,p { margin-top: 0; }
h1,h2,h3 { font-family: var(--display); letter-spacing: -.063em; font-weight: 500; }
h1 { font-size: clamp(55px, 7.8vw, 128px); line-height: .89; margin: 0; }
h1 i,h2 i { font-style: normal; color: var(--green); font-weight: 400; }
.hero-text { max-width: 475px; color: rgba(243,240,232,.7); font-size: 15px; line-height: 1.6; margin: 37px 0 34px; }
.hero-cta { display: flex; align-items: center; gap: 27px; }
.button { min-height: 49px; padding: 0 18px; display: inline-flex; gap: 30px; align-items: center; justify-content: space-between; border: 1px solid transparent; font: 500 11px/1 var(--body); letter-spacing: .08em; text-transform: uppercase; transition: .25s; }
.button b { font-size: 16px; font-weight: 400; transition: transform .25s; }
.button:hover b { transform: translate(3px,-3px); }
.button-primary { background: var(--paper); color: var(--ink); }
.button-primary:hover { background: var(--yellow); }
.text-link { font: 500 11px/1 var(--body); letter-spacing: .04em; border-bottom: 1px solid rgba(243,240,232,.48); padding: 0 0 7px; transition: .25s; }
.text-link span { padding-left: 12px; color: var(--yellow); }
.text-link:hover { border-color: var(--yellow); color: var(--yellow); }
.hero-index { position: absolute; z-index: 2; right: 5.3vw; bottom: 103px; display: flex; gap: 42px; }
.index-item { padding-left: 14px; border-left: 1px solid var(--green); display: flex; flex-direction: column; gap: 5px; }
.index-label { color: rgba(243,240,232,.46); }
.index-item strong { font: 500 15px/1 var(--display); letter-spacing: -.03em; }.index-item small { color: var(--green); font-size: 10px; }
.hero-route { position: absolute; z-index: 1; left: 40.5%; width: 53%; bottom: 19%; height: 160px; opacity: .62; }.hero-route svg { width: 100%; height: 100%; overflow: visible; }.hero-route path { fill: none; stroke: var(--yellow); stroke-width: 1; stroke-dasharray: 5 7; }.route-dot { width: 7px; height: 7px; border: 2px solid var(--yellow); background: var(--ink); border-radius: 50%; position: absolute; }.dot-sp { left: 0; top: 145px; }.dot-world { right: 0; top: 36px; }.route-city { position: absolute; color: var(--paper); font: 500 8px/1 var(--body); letter-spacing: .12em; }.city-sp { left: 12px; bottom: -1px; }.city-world { right: 12px; top: 16px; }.scroll-cue { position: absolute; z-index: 3; left: 5.3vw; bottom: 38px; color: rgba(243,240,232,.6); display: flex; align-items: center; gap: 12px; }.scroll-cue b { color: var(--yellow); font-size: 15px; animation: bounce 1.4s infinite; }
.proof-strip { min-height: 159px; border-bottom: 1px solid var(--line); background: var(--ink); display: grid; grid-template-columns: repeat(4,1fr); padding: 0 5.3vw; }.proof-strip>div { display: flex; gap: 16px; align-items: center; border-right: 1px solid var(--line); padding: 25px 26px; }.proof-strip>div:first-child { border-left: 1px solid var(--line); }.proof-number { color: var(--yellow); font: 500 11px/1 var(--body); }.proof-strip p { margin: 0; font: 500 11px/1.45 var(--body); letter-spacing: .08em; text-transform: uppercase; }
.section { padding: 140px 5.3vw; }.section-label { display: flex; gap: 22px; color: var(--green); }.section-label span { color: var(--yellow); }.section-label p { margin: 0; }.platform { background: var(--paper); color: var(--ink); }.platform-layout { margin-top: 82px; display: grid; grid-template-columns: 1.12fr .88fr; gap: clamp(42px,9vw,180px); }.eyebrow { color: var(--green); margin: 0 0 26px; }.platform h2,.appetite h2,.team h2,.contact h2 { font-size: clamp(43px,5vw,79px); line-height: .94; margin: 0; }.platform h2 i,.appetite h2 i,.team h2 i { color: var(--green-deep); }.platform-copy { max-width: 420px; padding-top: 13px; }.platform-copy p { font-size: 14px; color: #50605a; line-height: 1.68; }.platform-copy .lead,.lead { color: var(--ink); font: 500 23px/1.33 var(--display); letter-spacing: -.035em; }.text-link.inverse { color: var(--ink); border-color: rgba(16,21,20,.5); margin-top: 19px; display: inline-block; }.principles { margin-top: 140px; display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid rgba(16,21,20,.22); }.principles article { padding: 26px 32px 0 0; margin-right: 32px; }.principles article+article { border-left: 1px solid rgba(16,21,20,.22); padding-left: 32px; }.principles span { color: var(--green); font-size: 10px; letter-spacing: .15em; }.principles h3 { font-size: 24px; margin: 29px 0 12px; }.principles p { max-width: 250px; color: #50605a; font-size: 13px; line-height: 1.55; }
.connection-band { position: relative; background: var(--green-deep); padding: 47px 5.3vw 52px; overflow: hidden; }.connection-band:after { content:''; position:absolute; width: 42vw; height:42vw; border:1px solid rgba(243,240,232,.2); border-radius:50%; right:-12vw; top:-30vw; }.connection-label { color: var(--yellow); }.connection-flow { display: flex; align-items: center; justify-content: space-between; gap: 19px; max-width: 1180px; margin: 70px auto 31px; position:relative; z-index:1; }.connection-flow>div:not(.flow-line) { width: 225px; }.connection-flow span { display:block; color: var(--yellow); font-size:10px; margin-bottom: 13px; }.connection-flow strong { font: 500 clamp(21px,2.5vw,35px)/.98 var(--display); letter-spacing: -.05em; }.flow-line { flex:1; display:flex; align-items:center; gap: 8px; }.flow-line i { height: 1px; background: rgba(243,240,232,.45); flex:1; }.flow-line b { color: var(--yellow); font-weight:400; }.connection-band>p { position:relative; z-index:1; margin: 0; text-align: center; color: rgba(243,240,232,.65); font-size: 12px; }
.appetite { background: var(--ink); }.appetite-top { margin: 82px 0 73px; display: grid; grid-template-columns: 1.2fr .8fr; gap: 60px; align-items:end; }.appetite-top p { max-width: 350px; margin: 0; color: rgba(243,240,232,.64); line-height:1.58; font-size: 14px; }.capability-grid { display:grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.capability-card { text-align:left; border:0; border-right:1px solid var(--line); min-height: 268px; padding: 23px; background: transparent; color: var(--paper); position:relative; transition: .35s; }.capability-card:first-child{border-left:1px solid var(--line)}.capability-card:hover,.capability-card.active { background: var(--green-deep); }.capability-card span { color: rgba(243,240,232,.52); }.capability-card h3 { margin: 89px 0 0; font-size: clamp(19px,2vw,30px); line-height:.98; }.capability-card i { position:absolute; right:23px; bottom:22px; font-style:normal; color:var(--yellow); font-size:18px; }.capability-detail { min-height: 104px; display: grid; grid-template-columns: 58px 195px 1fr auto; gap: 18px; align-items:center; border-bottom: 1px solid var(--line); }.detail-index,.detail-type { color:var(--yellow);font-size:10px; letter-spacing:.15em; }.detail-type{margin:0}.detail-copy { max-width: 490px; margin:0; color:rgba(243,240,232,.72); font-size:13px;line-height:1.5; }.detail-link { color:var(--paper); font-size:11px; border-bottom: 1px solid rgba(243,240,232,.4); padding-bottom: 5px; }.detail-link b{ color:var(--yellow); margin-left: 13px; }
.market-portrait { min-height: 670px; display:grid; grid-template-columns:1fr 1fr; background: #a9b9b4; color:var(--ink); }.portrait-image { background: linear-gradient(180deg, rgba(17,21,20,.01),rgba(17,21,20,.52)), url('assets/xs-brazil-hero.jpg') center/cover no-repeat, #53645e; filter: grayscale(.72) contrast(1.06); min-height: 510px; }.portrait-content { padding: clamp(50px,8vw,140px) 8vw 50px; display:flex;flex-direction:column; }.portrait-content .eyebrow { color:var(--green-deep); }.portrait-content blockquote { font: 500 clamp(35px,4.4vw,70px)/.98 var(--display); letter-spacing: -.065em; margin: 43px 0 64px; }.portrait-annotation{margin-top:auto;display:flex;align-items:center;gap:20px;border-top:1px solid rgba(16,21,20,.35);padding-top:20px}.portrait-annotation span{font:500 13px var(--display);letter-spacing:-.03em}.portrait-annotation p{margin:0;font-size:9px;letter-spacing:.12em;line-height:1.55}
.team { background: var(--paper); color:var(--ink); }.team-layout { margin-top:82px;display:grid;grid-template-columns:1.15fr .85fr;gap:90px; }.team-layout>div { max-width: 440px; }.team-layout .lead { margin-bottom:42px; }.button-outline { border-color:rgba(16,21,20,.6);color:var(--ink); }.button-outline:hover { border-color:var(--green-deep);background:var(--green-deep);color:var(--paper); }.team-signal { margin-top:135px;border-top:1px solid rgba(16,21,20,.22);display:grid;grid-template-columns:1.2fr repeat(3,1fr);align-items:center; }.signal-ring { width:88px;height:88px;border:1px solid var(--green-deep);border-radius:50%;display:grid;place-items:center;margin-top:25px;color:var(--green-deep);font:600 21px var(--display);letter-spacing:-.1em;}.team-signal>div:not(.signal-ring){border-left:1px solid rgba(16,21,20,.22);min-height:113px;padding:29px 25px 10px}.team-signal p{color:var(--green-deep);font-size:9px;letter-spacing:.13em;margin:0 0 14px}.team-signal strong{font:500 15px/1.15 var(--display);letter-spacing:-.03em}
.contact { background: var(--ink-soft); padding: 81px 5.3vw 0; }.contact-top{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--line);padding-bottom:18px}.contact-top .eyebrow{margin:0}.contact-top span{color:var(--yellow)}.contact-main{padding:105px 0 145px;display:grid;grid-template-columns:1.24fr .76fr;gap:80px}.contact h2{font-size:clamp(43px,5.5vw,86px)}.contact h2 i{color:var(--yellow)}.contact-side{padding-top:18px;max-width:365px}.contact-side p{font-size:15px;line-height:1.65;color:rgba(243,240,232,.7);margin:0 0 35px}.button-light{background:var(--paper);color:var(--ink)}.button-light:hover{background:var(--yellow)}footer{min-height:128px;border-top:1px solid var(--line);display:grid;grid-template-columns:1.25fr 1fr 1.4fr auto;align-items:center;gap:15px}footer p{margin:0;color:rgba(243,240,232,.6);line-height:1.6;font-size:9px}footer>a:last-child{font-size:9px;letter-spacing:.12em;color:var(--yellow);white-space:nowrap}.footer-brand .brand-mark{font-size:25px}
.contact-dialog { border: 0; padding: 45px; width:min(570px, calc(100% - 30px)); background:var(--paper);color:var(--ink); box-shadow:0 20px 100px rgba(0,0,0,.55); }.contact-dialog::backdrop{background:rgba(7,10,9,.8);backdrop-filter:blur(7px)}.dialog-close{position:absolute;top:18px;right:20px;border:0;background:transparent;font-size:30px;font-weight:300;color:var(--ink)}.contact-dialog h2{font-size:55px;line-height:.9;margin:0 0 22px}.contact-dialog h2 i{color:var(--green-deep);font-style:normal}.contact-dialog>p:not(.eyebrow){max-width:400px;line-height:1.5;color:#53605b;font-size:14px;margin-bottom:28px}.contact-dialog form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-dialog label{display:flex;flex-direction:column;gap:8px;color:var(--green-deep);font-size:9px}.contact-dialog label:nth-of-type(3),.contact-dialog label:nth-of-type(4),.contact-dialog .button,.form-message{grid-column:span 2}.contact-dialog input,.contact-dialog textarea,.contact-dialog select{border:0;border-bottom:1px solid rgba(16,21,20,.3);background:transparent;padding:8px 0;color:var(--ink);font-size:13px;outline:0;border-radius:0}.contact-dialog input:focus,.contact-dialog textarea:focus,.contact-dialog select:focus{border-color:var(--green-deep)}.form-message{margin:0;font-size:12px;color:var(--green-deep);min-height:14px}
.reveal { animation: rise .8s cubic-bezier(.2,.7,.2,1) both; }.hero-copy .reveal:nth-child(2){animation-delay:.12s}.hero-copy .reveal:nth-child(3){animation-delay:.2s}.hero-copy .reveal:nth-child(4){animation-delay:.28s}@keyframes rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes heroIn{from{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1.025)}}@keyframes bounce{50%{transform:translateY(5px)}}
@media(max-width:900px){.site-header{height:70px;padding:0 25px}.desktop-nav,.market-switch{display:none}.menu-button{display:flex}.mobile-menu{position:fixed;z-index:19;inset:70px 0 auto;background:var(--ink);padding:24px 25px 30px;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:20px;transform:translateY(-140%);transition:.35s}.mobile-menu[hidden]{display:none}.mobile-menu.open{transform:none}.mobile-menu a{font:500 20px var(--display);letter-spacing:-.04em}.hero{padding:126px 25px 43px;min-height:700px}.hero-copy{width:min(620px, 100%);margin-top:0}.hero-index{right:25px;bottom:75px;gap:25px}.hero-route{left:33%;width:67%;bottom:25%}.scroll-cue{left:25px;bottom:26px}.proof-strip{padding:0 25px}.proof-strip>div{padding:20px 13px;gap:9px}.proof-strip p{font-size:12px}.section{padding:95px 25px}.platform-layout,.appetite-top,.team-layout,.contact-main{grid-template-columns:1fr;gap:35px}.platform-layout{margin-top:55px}.principles{margin-top:80px}.connection-band{padding-left:25px;padding-right:25px}.connection-flow{margin-top:50px}.connection-flow>div:not(.flow-line){width:170px}.connection-flow strong{font-size:25px}.capability-grid{grid-template-columns:repeat(2,1fr)}.capability-card:nth-child(3){border-left:1px solid var(--line)}.capability-detail{grid-template-columns:40px 130px 1fr}.detail-link{display:none}.market-portrait{min-height:unset}.portrait-content{padding:70px 7vw}.team-layout{margin-top:55px}.team-signal{margin-top:75px;grid-template-columns:1fr 1fr}.team-signal>div:not(.signal-ring){border-top:1px solid rgba(16,21,20,.22)}.contact{padding-left:25px;padding-right:25px}.contact-main{padding:80px 0}.hero-visual{background-position:60% center}}
@media(max-width:560px){.brand-mark{font-size:25px}.hero{min-height:680px}.hero-text{font-size:14px;margin:25px 0 27px}.hero-cta{align-items:flex-start;flex-direction:column;gap:23px}.hero-index{right:25px;left:auto;bottom:75px}.index-item:nth-child(2){display:none}.hero-route{display:none}.proof-strip{grid-template-columns:1fr 1fr}.proof-strip>div:nth-child(3){border-left:1px solid var(--line)}.proof-strip p{font-size:13px}.platform-copy .lead,.lead{font-size:20px}.principles{grid-template-columns:1fr}.principles article{padding:22px 0;margin:0;border-bottom:1px solid rgba(16,21,20,.22)}.principles article+article{border-left:0;padding-left:0}.principles h3{margin:12px 0}.connection-flow{flex-direction:column;align-items:flex-start;gap:18px}.connection-flow>div:not(.flow-line){width:100%}.flow-line{width:100%;padding-left:10px}.flow-line b{transform:rotate(90deg)}.connection-band>p{text-align:left;margin-top:26px}.appetite-top{margin:55px 0}.capability-card{min-height:210px;padding:16px}.capability-card h3{margin-top:68px;font-size:21px}.capability-card i{right:16px;bottom:15px}.capability-detail{grid-template-columns:30px 1fr;padding:18px 0;gap:10px}.detail-type{grid-column:2}.detail-copy{grid-column:1 / -1;font-size:12px}.market-portrait{grid-template-columns:1fr}.portrait-image{min-height:330px}.portrait-content{min-height:420px;padding:56px 25px}.portrait-content blockquote{margin:30px 0;font-size:47px}.team-signal{grid-template-columns:1fr}.signal-ring{margin-bottom:25px}.team-signal>div:not(.signal-ring){border-left:0;padding-left:0;min-height:auto;padding-top:20px;padding-bottom:20px}.contact-main{padding:70px 0 90px}.contact h2{font-size:47px}footer{padding:32px 0;grid-template-columns:1fr 1fr;gap:26px}footer>a:last-child{grid-column:span 2}.contact-dialog{padding:38px 24px}.contact-dialog h2{font-size:45px}.contact-dialog form{grid-template-columns:1fr}.contact-dialog label:nth-of-type(3),.contact-dialog label:nth-of-type(4),.contact-dialog .button,.form-message{grid-column:1}.contact-dialog label{grid-column:1 / -1!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important}}