:root{font-family:UbuntuLocal,'Ubuntu Sans',Arial,sans-serif;color:var(--cor-texto);background:var(--cor-fundo)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit}.skip{position:absolute;z-index:20;top:-100px;left:16px;background:var(--cor-texto);color:var(--cor-fundo);padding:12px}.skip:focus{top:12px}a:focus-visible,button:focus-visible{outline:3px solid var(--cor-acento);outline-offset:4px}.site-header{height:100px;max-width:1280px;margin:auto;border-bottom:1px solid var(--cor-divisor);padding:0 18px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:block;flex:none;line-height:0}.brand img{width:240px;height:auto}.desktop-nav{display:flex;align-items:center;gap:34px;font-size:15px;font-weight:500}.desktop-nav a{text-decoration:none}.desktop-nav a:hover,.mobile-nav a:hover{text-decoration:underline;text-underline-offset:5px}.contact-link{margin-left:12px;color:var(--cor-link);text-decoration:underline!important;text-underline-offset:5px}.menu-button,.mobile-nav{display:none}.hero{max-width:1280px;margin:auto;min-height:710px;padding:100px 18px 0}.hero-copy{max-width:100%}.eyebrow{display:flex;align-items:flex-start;gap:10px;margin:0 0 28px;color:var(--cor-texto-secundario);font-weight:500;font-size:13px;line-height:1.35;letter-spacing:.075em;text-transform:uppercase}.marker{width:9px;height:9px;flex:none;background:var(--cor-texto);margin-top:4px}h1{max-width:1000px;margin:0;font-size:clamp(54px,6vw,86px);line-height:1.03;letter-spacing:-.045em;font-weight:700}.subtitle{max-width:640px;margin:28px 0 0;font-size:22px;line-height:1.45}.actions{display:flex;gap:12px;align-items:stretch}.button{min-height:54px;padding:15px 22px;display:inline-flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;font-weight:500;font-size:16px;line-height:1.25;border:1px solid transparent;transition:background .18s,color .18s}.button.primary{background:var(--cor-acento);color:var(--cor-sobre-acento)}.button.primary:hover{background:var(--cor-acento-hover)}.button.secondary{background:var(--cor-superficie);color:var(--cor-texto);border-color:var(--cor-superficie)}.button.secondary:hover{background:var(--cor-superficie-forte);border-color:var(--cor-superficie-forte)}.field-wrap{position:relative;height:108px}.formation-field{width:100%;height:100%;overflow:hidden}.formation-field svg{display:block;width:100%;height:100%}.formation-field rect{transform-box:fill-box;transform-origin:center;transition:none}.formation-field rect.enter{animation:form .72s cubic-bezier(.2,.7,.25,1) both;animation-delay:var(--delay)}@keyframes form{from{transform:translate(var(--dx),var(--dy));opacity:.04}to{transform:translate(0,0);opacity:1}}.next{max-width:1280px;margin:auto;min-height:240px;padding:60px 18px}.next h2{margin:0;font-size:clamp(28px,3vw,42px);line-height:1.15}.anchors{height:1px}.v1 .hero{padding-top:100px}.v1 .actions{margin-top:44px}.v1 .field-wrap{margin-top:72px;margin-left:calc((min(100vw,1280px) - 100vw)/2 - 18px);width:100vw}.v1 .next{border-top:1px solid var(--cor-divisor)}.v2 .hero,.v3 .hero{padding-top:100px}.v2 .field-wrap,.v3 .field-wrap{margin-top:40px;height:88px;width:100%}.v2 .actions,.v3 .actions{padding-top:18px;border-top:2px solid var(--cor-texto);margin-top:-12px}.v2 .next{border-top:1px solid var(--cor-divisor)}.v3 .hero{min-height:690px}.bridge{max-width:1280px;margin:auto;height:180px;padding:0 18px}.bridge-line{width:2px;height:100%;background:var(--cor-texto);transform-origin:top;transform:scaleY(var(--thread-progress,1))}.v3 .next{position:relative;padding-top:38px}.v3 .section-marker{position:absolute;top:33px;left:14px;width:10px;height:10px;background:var(--cor-texto)}.v3 .next h2{padding-left:22px}.track{display:flex;justify-content:space-between;align-items:center;position:relative;margin-top:45px;max-width:900px}.track:before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:var(--cor-texto)}.track span{position:relative;width:11px;height:11px;background:var(--cor-texto)}.track span:last-child{background:var(--cor-fundo);border:2px solid var(--cor-texto)}
@media(max-width:720px){.site-header{height:76px;padding:0 20px}.brand img{width:240px}.desktop-nav{display:none}.menu-button{display:block;border:1px solid var(--cor-borda-controle);background:var(--cor-superficie);color:var(--cor-texto);min-width:64px;min-height:44px;font:500 15px UbuntuLocal,'Ubuntu Sans',Arial,sans-serif}.mobile-nav:not([hidden]){display:flex;position:absolute;z-index:5;top:76px;left:0;right:0;padding:12px 20px 20px;background:var(--cor-fundo);box-shadow:0 12px 16px #172b3224;flex-direction:column;gap:0}.mobile-nav a{padding:13px 0;min-height:44px;text-decoration:none;border-bottom:1px solid var(--cor-divisor)}.hero,.v1 .hero,.v2 .hero,.v3 .hero{padding:70px 20px 0;min-height:768px}.eyebrow{font-size:11px;letter-spacing:.055em;margin-bottom:28px}.marker{width:8px;height:8px;margin-top:3px}h1{font-size:clamp(43px,11.3vw,50px);max-width:340px;line-height:1.04;letter-spacing:-.04em}.subtitle{font-size:17px;line-height:1.48;margin-top:24px;max-width:350px}.actions{flex-direction:column;gap:10px}.button{width:100%;min-height:52px;font-size:14px;padding:12px 8px}.v1 .actions{margin-top:32px}.v1 .field-wrap{margin-top:38px;margin-left:-20px;width:100vw;height:88px}.v2 .field-wrap,.v3 .field-wrap{height:72px;margin-top:32px}.v2 .actions,.v3 .actions{padding-top:16px;margin-top:-5px}.v2 .hero,.v3 .hero{min-height:768px}.bridge{height:90px;padding:0 20px}.v3 .next{padding-top:28px}.v3 .section-marker{top:26px;left:16px}.v3 .next h2{font-size:28px}.track{height:180px;flex-direction:column;align-items:flex-start;margin-left:4px}.track:before{left:4px;right:auto;top:0;bottom:0;width:2px;height:auto}.track span{width:10px;height:10px}}
@media(max-width:370px){.brand img{width:220px}.site-header{padding-inline:14px}.hero,.v1 .hero,.v2 .hero,.v3 .hero{padding-inline:16px}.v1 .field-wrap{margin-left:-16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.formation-field rect.enter{animation:none!important}.button{transition:none}.bridge-line{transform:none!important}}
.v2 .hero-copy,.v3 .hero-copy{display:flex;flex-direction:column}
.v2 .actions,.v3 .actions{order:1;margin-top:32px;padding:0;border:0}
.v2 .field-wrap,.v3 .field-wrap{order:2;margin-top:7px;border-bottom:2px solid var(--cor-texto)}
.v3 .hero{min-height:0}
@media(max-width:720px){.v2 .actions,.v3 .actions{margin-top:32px}.v2 .field-wrap,.v3 .field-wrap{margin-top:7px}.v3 .hero{min-height:0}}

/* V3: o mesmo eixo sai da base, atravessa a rolagem e entra na trilha. */
.v3 .bridge{position:relative;height:440px}
.v3 .bridge-line{position:absolute;left:18px;top:0;width:2px;height:100%;background:var(--cor-texto);transform-origin:top;transform:scaleY(var(--thread-progress,1))}
.v3 .bridge-corner{position:absolute;z-index:1;left:13px;top:-6px;width:12px;height:12px;background:var(--cor-acento)}
.v3 .bridge-head{position:absolute;z-index:1;left:15px;top:calc(var(--thread-tip,100%) - 4px);width:8px;height:8px;background:var(--cor-acento)}
.v3 .next{position:relative;min-height:660px;padding:52px 18px 130px}
.v3 .next::before{content:"";position:absolute;left:18px;top:0;width:2px;height:var(--join-height,180px);background:var(--cor-texto);opacity:var(--thread-reached,1)}
.v3 .next h2{padding-left:26px;max-width:950px}
.v3 .next .track{margin-top:72px}
.v3 .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;max-width:900px;padding:0;margin:20px 0 0;list-style:none}
.v3 .steps li{min-width:0}.v3 .steps h3{font-size:18px;line-height:1.25;margin:0 0 9px}.v3 .steps p{font-size:15px;line-height:1.5;color:var(--cor-texto-secundario);margin:0}
@media(max-width:720px){
  .v3 .bridge{height:420px;padding:0 20px}
  .v3 .bridge-line{left:20px}
  .v3 .bridge-corner{left:15px}
  .v3 .bridge-head{left:17px}
  .v3 .next{padding:52px 20px 120px;min-height:0}
  .v3 .next::before{left:20px;height:var(--join-height,170px)}
  .v3 .next h2{padding-left:24px}
  .v3 .next .track{display:none}
  .v3 .steps{display:block;margin:55px 0 0;padding:0 0 0 25px;border-left:2px solid var(--cor-texto)}
  .v3 .steps li{position:relative;min-height:150px;padding:0 0 42px;max-width:310px}
  .v3 .steps li::before{content:"";position:absolute;left:-31px;top:3px;width:10px;height:10px;background:var(--cor-texto)}
  .v3 .steps li:last-child::before{background:var(--cor-fundo);border:2px solid var(--cor-texto);width:8px;height:8px}
  .v3 .steps h3{font-size:17px}.v3 .steps p{font-size:15px}
}
@media(prefers-reduced-motion:reduce){.v3 .bridge-line{transform:none!important}.v3 .bridge-head{top:calc(100% - 4px)!important}.v3 .next::before{opacity:1!important}}
.v3 .formation-field rect.enter{animation-duration:1.55s}
.v3 .bridge{height:320px}
@media(max-width:720px){.v3 .bridge{height:280px}}

/* Estudos de imagem da abertura; o texto segue em camada legível sobre papel. */
.image-side .hero{position:relative}
.image-side .hero-copy{width:56%;position:relative;z-index:1}
.image-side h1{font-size:clamp(52px,5vw,70px)}
.image-side .subtitle{font-size:19px;max-width:610px}
.image-side .button{font-size:14px;padding-inline:14px}
.image-side .hero-visual{position:absolute;right:18px;top:100px;width:39%;height:430px;margin:0}
.image-side .hero-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:72% center}
.image-side .hero-visual figcaption,.image-backdrop .image-note{font:500 11px/1.3 UbuntuLocal,'Ubuntu Sans',Arial,sans-serif;color:var(--cor-texto-secundario);letter-spacing:.02em}
.image-side .hero-visual figcaption{margin-top:9px}
.image-backdrop .hero{position:relative;isolation:isolate}
.image-backdrop .hero::before{content:"";position:absolute;z-index:-1;right:18px;top:72px;width:74%;height:350px;background-image:linear-gradient(90deg,var(--cor-fundo) 3%,rgba(247,245,239,.92) 35%,rgba(247,245,239,.08) 100%),url('assets/hero-abstract-ai-study.png');background-size:cover;background-position:center,70% center;opacity:.78}
.image-backdrop .image-note{position:absolute;right:18px;top:548px;margin:0}
@media(max-width:720px){
  .image-side .hero-copy{width:100%}.image-side h1{font-size:clamp(43px,11.3vw,50px)}.image-side .subtitle{font-size:17px}
  .image-side .hero-visual{position:static;width:100%;height:auto;margin:24px 0 0}
  .image-side .hero-visual img{height:190px;object-position:70% center}
  .image-side .hero-visual figcaption{margin-top:7px}
  .image-backdrop .hero::before{top:62px;right:0;width:100%;height:278px;background-image:linear-gradient(90deg,rgba(247,245,239,.95),rgba(247,245,239,.65)),url('assets/hero-abstract-ai-study.png');background-position:center,70% center;opacity:.44}
  .image-backdrop .image-note{position:static;margin:14px 0 25px;font-size:10px}
}