@font-face{font-family:Hero Archivo;src:url('../assets/hero-media/fonts/archivo.woff2') format('woff2');font-weight:100 900;font-stretch:62% 125%;font-display:swap}
@font-face{font-family:Hero Inter;src:url('../assets/hero-media/fonts/inter.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Hero Mono;src:url('../assets/hero-media/fonts/geist-mono.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Hero Serif;src:url('../assets/hero-media/fonts/instrument-serif-italic.woff2') format('woff2');font-style:italic;font-display:swap}

.hero{
  --hero-paper:#f2f1ee;--hero-ink:#101014;--hero-muted:#1010149e;--hero-faint:#1010146b;--hero-line:#10101429;
  --intro-instrument:1;
  position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;
  min-height:680px;height:calc(100svh - var(--header-height,48px));padding:40px 24px;
  overflow:hidden;background:var(--hero-paper);color:var(--hero-ink);z-index:2;
  font-family:Hero Inter,Arial,sans-serif;transition:background .3s,color .3s;
}
.hero:after{content:'';position:absolute;z-index:1;inset:auto 0 0;height:220px;background:linear-gradient(transparent,var(--hero-paper));pointer-events:none}
.hero-galaxy,.hero-fallback{position:absolute;inset:0;z-index:0;overflow:hidden}
.hero-galaxy canvas{display:block;width:100%;height:100%;pointer-events:none}
.hero-fallback{background:repeating-radial-gradient(circle at 50% 53%,transparent 0 105px,var(--hero-line) 106px 107px,transparent 108px 182px);pointer-events:none}
.has-webgl .hero-fallback{display:none}
.hero-fallback img{position:absolute;object-fit:cover;width:clamp(90px,13vw,210px);aspect-ratio:16/9;border-radius:10px;box-shadow:0 0 0 1px #0002;opacity:.9}
.hero-fallback img:nth-child(1){left:4%;top:8%;transform:rotate(3deg)}
.hero-fallback img:nth-child(2){right:6%;top:18%;transform:rotate(-3deg)}
.hero-fallback img:nth-child(3){left:8%;bottom:13%;transform:rotate(-2deg)}
.hero-fallback img:nth-child(4){right:10%;bottom:12%;transform:rotate(3deg)}
.hero-fallback img:nth-child(5){left:43%;top:3%;width:12%;filter:blur(2px)}
.hero-content{width:100%;max-width:1280px;margin:0 auto;position:relative;z-index:40;pointer-events:none;text-align:center;transform:none}
.hero-copy{position:relative;max-width:960px;margin:0 auto;padding:0;background:none;pointer-events:none}
.hero-copy:before{content:'';position:absolute;inset:-88px -128px;background:radial-gradient(closest-side,color-mix(in srgb,var(--hero-paper) 78%,transparent),transparent);pointer-events:none}
.hero h1.hero-wordmark{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;white-space:normal;
  margin:0 auto;font-family:Hero Archivo,Arial,sans-serif;font-weight:700;font-stretch:112%;font-size:clamp(42px,6.7vw,100px);line-height:.98;letter-spacing:-.055em;color:var(--hero-ink);
  text-shadow:0 0 .6vw color-mix(in srgb,var(--hero-paper) 92%,transparent),0 .25vw 2.4vw color-mix(in srgb,var(--hero-paper) 78%,transparent),0 .4vw 5vw color-mix(in srgb,var(--hero-paper) 55%,transparent)
}
.hero-wordmark:before{content:'';position:absolute;inset:-34% -6%;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);mask-image:radial-gradient(closest-side,#000 45%,transparent 100%);pointer-events:none}
.hero-wordmark>span{position:relative;display:block;text-align:center;will-change:transform,opacity}
.hero-wordmark em,.hero-highlight em{font-family:Hero Serif,Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.035em}
.hero h1.hero-wordmark em,.section-title .hero-highlight em{color:#101014}
.hero-highlight{position:relative;z-index:0;display:inline-block;isolation:isolate;padding:0 .075em}
.hero-highlight:before{content:'';position:absolute;z-index:-1;left:-.1em;right:-.08em;top:17%;bottom:7%;background:var(--lime);clip-path:polygon(2% 37%,6% 25%,13% 27%,17% 17%,26% 20%,33% 12%,41% 18%,50% 11%,58% 17%,67% 10%,76% 17%,84% 12%,92% 20%,99% 16%,96% 37%,100% 44%,97% 58%,99% 70%,94% 79%,86% 77%,81% 89%,72% 82%,64% 93%,54% 85%,46% 96%,36% 86%,29% 93%,20% 83%,13% 90%,9% 78%,3% 76%,5% 62%,0 55%);transform:rotate(-2deg)}
.hero-highlight:after{content:'';position:absolute;z-index:-1;left:-.16em;right:-.02em;top:31%;bottom:18%;background:var(--lime);opacity:1;clip-path:polygon(0 38%,8% 20%,19% 29%,27% 13%,38% 22%,48% 14%,59% 26%,69% 15%,80% 25%,91% 17%,100% 34%,96% 65%,87% 57%,78% 78%,66% 63%,57% 85%,46% 70%,35% 88%,24% 68%,15% 78%,8% 59%);transform:rotate(-1deg)}
.hero-audience-line{position:relative;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0 14px;margin:0 auto 28px;font-family:Hero Archivo,Arial,sans-serif;font-size:14px;font-weight:520;font-stretch:108%;line-height:1.1;letter-spacing:.14em;color:var(--hero-ink)}
.hero-audience-rule{width:24px;height:1px;flex:0 0 24px;background:#10101429}
.hero-audience-pill{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:9px 24px;border:1px solid #1010141c;border-radius:999px;background:#f2f1ee72;box-shadow:0 3px 15px #10101408;white-space:nowrap}
.hero-audience-prefix{color:var(--hero-faint);font-family:Hero Mono,monospace;font-size:12px;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}
.hero-audience-slot{display:inline-block;flex:0 1 auto;max-width:100%;width:max-content;overflow:hidden;vertical-align:baseline;white-space:nowrap;transition:width .42s cubic-bezier(.2,.75,.25,1)}
.hero-audience-word{display:inline-block;color:var(--hero-ink);font-family:Hero Serif,Georgia,serif;font-size:20px;font-style:italic;font-weight:400;letter-spacing:-.04em;text-transform:uppercase;white-space:nowrap;will-change:transform,opacity;transition:opacity .24s ease,transform .42s cubic-bezier(.2,.75,.25,1)}
.hero-audience-word.is-leaving{opacity:0;transform:translateY(-.3em)}
.hero-audience-word.is-entering{opacity:0;transform:translateY(.3em)}
.hero-wordmark svg{display:inline-block;width:.83526em;height:.7em;vertical-align:-.006em;max-width:none;filter:drop-shadow(0 0 .3vw color-mix(in srgb,var(--hero-paper) 85%,transparent))}
.hero h1{position:relative;margin:32px auto 0;font-family:Hero Archivo,Arial,sans-serif;font-size:36px;font-weight:550;font-stretch:110%;line-height:1.05;letter-spacing:-.03em;color:var(--hero-ink)}
.hero h1 em{font-family:Hero Serif,Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.03em;color:var(--hero-muted)}
.hero-copy>p{position:relative;max-width:760px;margin:16px auto 0;font-size:18px;line-height:1.625;color:var(--hero-muted)}
.hero-description-break{display:block}
.hero-cta-row{position:relative;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:28px;pointer-events:auto}
.hero .hero-cta-row .btn{min-height:48px;padding:0 24px;border-radius:0;font-family:Hero Mono,monospace;font-size:11px;line-height:1.25;font-weight:700;letter-spacing:.12em;text-transform:uppercase;gap:8px;box-shadow:none;transition:background .15s,color .15s,opacity .15s;transform:none}
.hero .hero-cta-row .btn-primary{background:#c5ff00;color:#101014;border:1px solid #c5ff00;box-shadow:inset 0 1px 0 #ffffff80}
.hero .hero-cta-row .btn-primary:hover{background:#c5ff00;color:#101014;opacity:1;box-shadow:0 8px 28px #c5ff0030}
.hero .hero-cta-row .btn-primary:active{animation:hero-cta-press .32s cubic-bezier(.2,.8,.25,1)}
@keyframes hero-cta-press{0%{transform:scale(1)}38%{transform:scale(1.055)}100%{transform:scale(1)}}
.hero .hero-cta-row .btn-outline{border:1px solid color-mix(in srgb,var(--hero-ink) 40%,transparent);background:var(--hero-paper);color:var(--hero-ink)}
.hero .hero-cta-row .btn-outline:hover{background:var(--hero-ink);color:var(--hero-paper);border-color:var(--hero-ink)}
.hero-cta-row .btn svg{width:16px;height:16px;flex:0 0 auto}
.hero-platforms{position:relative;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 12px;margin:28px auto 0;font-family:Hero Mono,monospace;font-size:11px;letter-spacing:.12em;line-height:1.5;text-transform:uppercase;color:var(--hero-faint);pointer-events:auto}
.hero-platforms i{width:auto;height:auto;background:none;font-style:normal;opacity:.65}
.hero-platform-item{--platform-gradient:linear-gradient(110deg,#ff7a00,#ff0069 55%,#d300c5);display:inline-flex;align-items:center;gap:7px;white-space:nowrap;transform-origin:center;transition:opacity .3s ease}
.hero-platform-item--shorts{--platform-gradient:linear-gradient(110deg,#ff4b4b,#f03 68%,#d90026)}
.hero-platform-item--tiktok{--platform-gradient:linear-gradient(110deg,#25f4ee 0%,#25f4ee 22%,#fe2c55 42%,#fe2c55 100%)}
.hero-platform-item--ads{--platform-gradient:linear-gradient(110deg,#4285f4,#4285f4)}
.hero-platform-label{display:inline-block;transition:color .25s ease}
.hero-platform-icon{display:inline-block;width:15px;height:15px;flex:0 0 15px;background:currentColor;mask-position:center;mask-size:contain;mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat}
.hero-platform-icon--reels{mask-image:url('../assets/icons/platform-reels.png');-webkit-mask-image:url('../assets/icons/platform-reels.png')}
.hero-platform-icon--shorts{mask-image:url('../assets/icons/platform-shorts.png');-webkit-mask-image:url('../assets/icons/platform-shorts.png')}
.hero-platform-icon--tiktok{mask-image:url('../assets/icons/platform-tiktok.png');-webkit-mask-image:url('../assets/icons/platform-tiktok.png')}
.hero-platform-icon--ads{mask-image:url('../assets/icons/platform-ads.png');-webkit-mask-image:url('../assets/icons/platform-ads.png')}
.hero-platform-item.is-active{animation:hero-platform-pulse 1.8s ease-in-out 1 both}
.hero-platform-item.is-active .hero-platform-label,.hero-platform-item.is-active .hero-platform-icon{background-image:var(--platform-gradient);background-size:200% 100%;animation:hero-platform-color-sweep 1.1s cubic-bezier(.2,.7,.2,1) both}
.hero-platform-item.is-active .hero-platform-label{background-clip:text;-webkit-background-clip:text;color:transparent}
@keyframes hero-platform-pulse{0%,100%{transform:scale(1);opacity:.88}50%{transform:scale(1.035);opacity:1}}
@keyframes hero-platform-color-sweep{from{background-position:100% 0}to{background-position:0 0}}
.hero-platforms a{display:inline-flex;align-items:center;gap:6px;transition:color .2s}
.hero-platforms a:hover{color:var(--hero-ink)}
.hero-platforms svg{height:14px;width:14px}
.hero-has-target{cursor:zoom-in}.hero-has-target a,.hero-has-target button{cursor:pointer}
.hero .btn:focus-visible{outline:2px solid #2d81ff;outline-offset:4px}

/* The reference's compact, ruled navigation, adapted to the existing links. */
body:has([data-galaxy-hero]){--header-height:48px}
body:has([data-galaxy-hero]) .hero{height:100svh;min-height:680px;margin-top:0;overflow:hidden;z-index:2}
body:has([data-galaxy-hero]) .site-header{position:fixed;inset:0 0 auto;height:64px;transform:translateY(-100%);opacity:0;visibility:hidden;pointer-events:none;background:transparent;border:0;backdrop-filter:none;-webkit-backdrop-filter:none;transition:transform .3s ease,opacity .25s ease,visibility .3s}
body:has([data-galaxy-hero]) .site-header.is-visible{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}
body:has([data-galaxy-hero]) .header-inner{width:min(calc(100% - 40px),1020px);max-width:none;height:48px;margin:8px auto 0;gap:0;border:1px solid #10101429;border-radius:999px;background:rgba(242,241,238,.42);backdrop-filter:blur(34px) saturate(1.12);-webkit-backdrop-filter:blur(34px) saturate(1.12);box-shadow:none;overflow:hidden;transition:background-color .65s ease,border-color .65s ease,backdrop-filter .65s ease,-webkit-backdrop-filter .65s ease}
body:has([data-galaxy-hero]) .brand{width:170px;flex:0 0 170px;height:48px;display:flex;align-items:center;justify-content:center;padding:0;border-right:1px solid #10101429;transition:border-color .65s ease}
body:has([data-galaxy-hero]) .brand img{display:block;flex:0 0 90px;width:90px;height:auto;max-width:100%;max-height:31px;object-fit:contain;transition:filter .65s ease}
body:has([data-galaxy-hero]) .brand svg{width:31px;height:30px}
body:has([data-galaxy-hero]) .desktop-nav{height:100%;margin:0 auto 0 10px;gap:6px}
body:has([data-galaxy-hero]) .desktop-nav a{font-family:Hero Mono,monospace;font-size:10px;font-weight:400;letter-spacing:.12em;padding:5px 7px;transition:color .55s ease,background-color .55s ease}
body:has([data-galaxy-hero]) .desktop-nav a.is-active{color:#f2f1ee;background:#101014}
body:has([data-galaxy-hero]) .desktop-nav a.is-active:after{display:none}
body:has([data-galaxy-hero]) .header-actions{gap:0;height:100%}
body:has([data-galaxy-hero]) .header-cta{height:48px;border:0;border-radius:0;background:var(--lime);color:#101014;box-shadow:none;font-family:Hero Mono,monospace;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:0 22px;gap:12px;transform:none}
body:has([data-galaxy-hero]) .header-cta:before{display:none}
body:has([data-galaxy-hero]) .header-cta:hover{background:#b4eb00;box-shadow:none;transform:none}
body:has([data-galaxy-hero]) .site-header.is-over-dark .header-inner{background:rgba(16,17,19,.58);border-color:rgba(242,241,238,.28)}
body:has([data-galaxy-hero]) .site-header.is-over-dark .brand{border-right-color:rgba(242,241,238,.28)}
body:has([data-galaxy-hero]) .site-header.is-over-dark .brand img{filter:brightness(0) invert(1)}
body:has([data-galaxy-hero]) .site-header.is-over-dark .desktop-nav a{color:rgba(242,241,238,.78)}
body:has([data-galaxy-hero]) .site-header.is-over-dark .desktop-nav a:hover{color:#fff}
body:has([data-galaxy-hero]) .site-header.is-over-dark .desktop-nav a.is-active{color:#101014;background:var(--lime)}
body:has([data-galaxy-hero]) .site-header.is-over-dark .menu-toggle span{background:#f2f1ee}
body:has([data-galaxy-hero]) .menu-toggle span{transition:background-color .55s ease,transform .2s,opacity .2s}
body:has([data-galaxy-hero]) .site-header.is-over-dark .mobile-nav{background:rgba(16,17,19,.94);border-color:rgba(242,241,238,.18);color:#f2f1ee}
body:has([data-galaxy-hero]) .site-header.is-over-dark .mobile-nav a{color:#f2f1ee;border-color:rgba(242,241,238,.14)}
body:has([data-galaxy-hero]) .site-header.is-over-dark .mobile-nav a:last-child{color:#101014;background:var(--lime)}

/* Standalone, literal reference view uses the same scene implementation. */

@media(min-width:1600px){.hero h1.hero-wordmark{font-size:clamp(100px,5.2vw,112px)}}
@media(max-width:1040px){
  body:has([data-galaxy-hero]) .desktop-nav{display:none}
  body:has([data-galaxy-hero]) .header-actions{margin-left:auto}
  body:has([data-galaxy-hero]) .header-actions{gap:6px;padding-right:6px}
  body:has([data-galaxy-hero]) .header-cta{padding-inline:18px}
  body:has([data-galaxy-hero]) .menu-toggle{height:48px;width:48px}
  body:has([data-galaxy-hero]) .mobile-nav{top:64px}
}
@media(max-width:760px){
  body:has([data-galaxy-hero]) .hero{height:100svh;min-height:650px;padding:48px 24px}
  .hero-content{margin:0;transform:none}
  .hero-copy{padding:0;max-width:100%;background:none}
  .hero-copy:before{inset:-70px -50px}
  .hero h1.hero-wordmark{font-size:clamp(36px,10.4vw,66px);letter-spacing:-.05em}
  .hero-audience-line{font-size:12px;gap:0 8px;margin-bottom:22px}
  .hero-audience-rule{width:14px;flex-basis:14px}
  .hero-audience-pill{min-height:40px;gap:9px;padding:7px 14px}
  .hero-audience-prefix{font-size:10px}
  .hero-audience-word{font-size:16px}
  .hero-copy>p{font-size:16px;line-height:1.625;max-width:340px;margin-top:16px}
  .hero-description-break{display:none}
  .hero-cta-row{margin-top:26px;gap:10px}
  .hero .hero-cta-row .btn{min-height:46px;padding-inline:16px;font-size:10px;white-space:nowrap}
  .hero-platforms{font-size:9px;gap:7px 8px;margin-top:24px}
  .hero-platform-item{gap:5px}
  .hero-platform-icon{width:13px;height:13px;flex-basis:13px}
  body:has([data-galaxy-hero]) .header-cta{height:34px;min-height:34px;border-radius:999px;font-size:9px;letter-spacing:.08em;padding:0 12px;gap:8px}
  body:has([data-galaxy-hero]) .header-cta-label{font-size:0}
  body:has([data-galaxy-hero]) .header-cta-label:after{content:"CONVERSAR";font-size:9px}
  body:has([data-galaxy-hero]) .header-cta>span[aria-hidden="true"]{font-size:13px}
  body:has([data-galaxy-hero]) .header-actions{gap:4px;padding-right:5px}
  body:has([data-galaxy-hero]) .menu-toggle{height:42px;width:42px;padding:9px}
  body:has([data-galaxy-hero]) .brand{width:138px;flex-basis:138px;padding:0}
  body:has([data-galaxy-hero]) .brand img{flex-basis:82px;width:82px;max-height:28px}
}
@media(max-width:380px){
  body:has([data-galaxy-hero]) .brand{width:120px;flex-basis:120px;padding:0}
  body:has([data-galaxy-hero]) .brand img{flex-basis:72px;width:72px;max-height:25px}
}
@media(max-width:380px){.hero{min-height:660px}.hero-audience-line{font-size:11px;gap:0 6px}.hero-audience-rule{width:10px;flex-basis:10px}.hero-audience-pill{gap:7px;padding-inline:10px}.hero-audience-prefix{font-size:9px}.hero-audience-word{font-size:15px}.hero .hero-cta-row .btn{font-size:9px;padding-inline:12px}.hero-platforms{font-size:8px}}
@media(max-width:760px){body:has([data-galaxy-hero]) .hero:after{height:160px}}
@media(prefers-reduced-motion:reduce){.hero *, .hero *:before{transition:none!important;will-change:auto!important}}
@media(prefers-reduced-motion:reduce){.hero-platform-item.is-active,.hero-platform-item.is-active .hero-platform-label,.hero-platform-item.is-active .hero-platform-icon{animation:none!important}}

/* A restrained hover scale gives the primary hero action clear feedback. */
.hero .hero-cta-row .btn-primary{transform:scale(1);transform-origin:center;transition:transform .22s var(--ease),background .15s,color .15s,opacity .15s,box-shadow .15s}
.hero .hero-cta-row .btn-primary:hover,.hero .hero-cta-row .btn-primary:focus-visible{transform:scale(1.045)}