/* Versão autônoma para PHP/Apache */
:root{--font-manrope:"Manrope",Arial,sans-serif;--font-space-grotesk:"Space Grotesk","Manrope",Arial,sans-serif}

:root{--navy:#071b43;--blue:#087dca;--cyan:#09b8e9;--mint:#50dfc4;--paper:#fbfaf7;--text:#102347;--muted:#5d687a;--line:#dce4e9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.header{height:92px;display:flex;align-items:center;max-width:1380px;margin:auto;padding:0 46px;gap:38px;position:relative;z-index:20}.brand img{width:178px;height:64px;object-fit:contain;object-position:left center;filter:drop-shadow(0 1px 0 rgba(0,0,0,.03))}.nav{display:flex;gap:42px;margin:auto;font-size:15px;font-weight:600}.nav a{position:relative}.nav a:after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:2px;background:var(--blue);transition:.25s}.nav a:hover:after{width:100%}.header-cta{border:1px solid #cfd9df;padding:13px 18px;border-radius:10px;font-weight:700;font-size:14px;background:#fff}.header-cta span{color:var(--blue);margin-left:8px}.menu-toggle{display:none}.hero{min-height:780px;display:grid;grid-template-columns:41% 59%;max-width:1500px;margin:auto;padding:20px 42px 60px;overflow:hidden}.hero-copy{padding:110px 20px 40px 12px;position:relative;z-index:2}.eyebrow{display:inline-flex;gap:10px;align-items:center;padding:9px 14px;border-radius:40px;border:1px solid #aee5d8;background:#edfbf7;color:#167c70;font-size:14px;font-weight:700}.eyebrow i{width:8px;height:8px;background:#4cd7ba;border-radius:50%}.hero h1{font-size:clamp(48px,4.2vw,72px);line-height:1.02;letter-spacing:-4px;margin:27px 0 24px;max-width:700px}.hero h1 em{font-style:normal;color:var(--blue)}.hero-copy>p{font-size:20px;line-height:1.65;color:var(--muted);max-width:630px}.hero-actions{display:flex;gap:14px;margin-top:34px}.button{padding:18px 22px;border-radius:12px;font-weight:700;display:inline-flex;gap:28px;align-items:center}.primary{background:linear-gradient(135deg,#075bea,#078bcc);color:#fff;box-shadow:0 13px 28px rgba(5,105,220,.2)}.secondary{border:1px solid #ccd6db;background:#fff}.proof{display:flex;align-items:center;gap:14px;margin-top:50px}.proof b{font-size:22px}.proof span{padding-left:14px;border-left:1px solid #ccd5da;color:var(--muted);font-size:14px;max-width:210px}.hero-visual{position:relative;border-radius:72px 0 0 72px;min-height:660px;background:radial-gradient(circle at 80% 65%,#71fae8 0,rgba(94,241,231,.55) 25%,transparent 46%),linear-gradient(135deg,#1058ef 5%,#05aee8 55%,#42e6dd 100%);overflow:hidden;margin-left:20px}.hero-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.13) 1px,transparent 1px);background-size:130px 130px}.dashboard,.float-card,.automation-flow{position:absolute;background:rgba(255,255,255,.94);box-shadow:0 18px 38px rgba(5,36,83,.22);backdrop-filter:blur(8px)}.dashboard{left:17%;top:12%;width:52%;border-radius:16px;padding:27px}.dash-top{display:flex;justify-content:space-between;font-weight:700}.dash-top small{border:1px solid #dce3e8;padding:7px;border-radius:6px}.metric{margin-top:28px}.metric small{display:block;color:#657086}.metric strong{font-size:24px;display:inline-block;margin-top:6px}.metric b{font-size:11px;color:#15a68b;background:#def8ef;padding:6px;margin-left:12px;border-radius:15px}.chart{width:100%;height:135px;overflow:visible}.chart path{stroke:#0969f1;stroke-width:4;fill:none}.chart .chart-fill{stroke:none;fill:url(#none);opacity:.08}.dash-foot{display:flex;justify-content:space-between;color:#7b8495;font-size:11px}.float-card{border-radius:14px;padding:20px}.float-card small,.float-card strong{display:block}.float-card strong{font-size:26px;margin:7px 0}.float-card span{color:#38d3b3;font-size:11px;font-weight:700}.clients{right:4%;top:13%;width:25%;background:#082d5a;color:#fff}.tasks{right:3%;top:34%;width:25%;display:flex;align-items:center;justify-content:space-between}.tasks b{background:#46d8ba;color:white;padding:14px;border-radius:12px}.automation-flow{left:17%;right:2%;top:56%;height:76px;border-radius:14px;display:flex;align-items:center;justify-content:space-around;padding:14px;font-size:11px}.automation-flow>b{font-size:25px;color:#12aa8d}.automation-flow i{width:20px;border-top:2px dotted #55d8d0}.automation-flow span{background:#f7fafc;padding:11px;border-radius:8px}.conversion{left:7%;bottom:9%;width:23%}.status{right:4%;bottom:8%;width:29%;display:flex;align-items:center;gap:15px}.status strong{font-size:12px}.ring{border:10px solid #60e1ce;border-right-color:#e3f7f4;width:65px;height:65px;border-radius:50%;display:grid;place-items:center;font-weight:800}.trusted{height:100px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:30px;color:#6a7483;font-weight:700}.trusted i{width:5px;height:5px;border-radius:50%;background:#54d9bf}.section{padding:120px max(6vw,40px);max-width:1500px;margin:auto}.section-heading{display:grid;grid-template-columns:1fr .7fr;gap:100px;align-items:end}.section small,.contact small{color:var(--blue);font-weight:800;letter-spacing:2px}.section h2,.contact h2{font-size:clamp(38px,4vw,58px);line-height:1.06;letter-spacing:-2.5px;margin:18px 0}.section-heading p{color:var(--muted);font-size:18px;line-height:1.7}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:65px}.solution-grid article{padding:36px;border:1px solid var(--line);background:#fff;position:relative;min-height:330px}.solution-grid article:first-child{border-radius:20px 0 0 20px}.solution-grid article:last-child{border-radius:0 20px 20px 0}.solution-grid article>span{font-size:28px;color:var(--blue)}.solution-grid article>small{position:absolute;right:30px;color:#99a4ad}.solution-grid h3{font-size:24px;margin-top:65px}.solution-grid p,.project-grid p{color:var(--muted);line-height:1.6}.solution-grid a{display:block;margin-top:30px;font-weight:800;color:var(--blue)}.projects{background:#eef8fb;max-width:none}.projects>.section-title,.project-grid{max-width:1320px;margin-left:auto;margin-right:auto}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:55px}.project-grid article{padding:28px;border-radius:22px;min-height:470px;overflow:hidden}.case-blue{background:#0b75d8;color:white}.case-mint{background:#c9f6ec}.case-navy{background:#071f48;color:white}.project-grid article>small{color:inherit;opacity:.75}.project-grid h3{font-size:28px}.project-grid p{color:inherit;opacity:.8}.mini-ui{height:210px;background:rgba(255,255,255,.9);border-radius:16px;margin-bottom:27px;padding:20px;box-shadow:0 20px 50px rgba(3,31,70,.18)}.mini-ui>i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#45d9bd;margin-right:5px}.mini-ui div{margin-top:35px;display:flex;gap:9px;align-items:end}.mini-ui b{display:block;background:linear-gradient(#1c7ded,#62ddd2);width:28%;height:85px;border-radius:6px}.mini-ui b:nth-child(2){height:125px}.mini-ui b:nth-child(3){height:65px}.about{display:grid;grid-template-columns:1.2fr .8fr;gap:90px}.about-card>p{color:var(--muted);font-size:18px;line-height:1.7}.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:45px}.about-stats b,.about-stats span{display:block}.about-stats b{font-size:38px;color:var(--blue)}.about-stats span{font-size:13px;color:var(--muted)}.principles>div{padding:25px 0;border-bottom:1px solid var(--line)}.principles span{color:var(--blue);font-weight:800}.principles h3{font-size:21px}.principles p{color:var(--muted);line-height:1.6}.contact{background:linear-gradient(135deg,#071c44,#073d76);color:white;padding:110px max(7vw,40px);display:grid;grid-template-columns:1fr .8fr;gap:100px}.contact>div{max-width:670px;margin-left:auto}.contact>div>p{font-size:18px;color:#b7c9dc;line-height:1.7}.contact>div>a{display:inline-block;margin-top:22px;color:#5ce3ca;font-weight:800}.contact form{background:white;color:var(--text);border-radius:22px;padding:32px;max-width:520px}.contact label{display:block;font-size:13px;font-weight:800;margin-bottom:20px}.contact input,.contact textarea{display:block;width:100%;border:0;border-bottom:1px solid #ccd8df;padding:12px 0;font:inherit;outline:0}.contact textarea{height:80px;resize:none}.contact button{border:0;background:var(--blue);color:white;width:100%;padding:17px;border-radius:10px;font-weight:800;font-size:15px;display:flex;justify-content:space-between}.success{padding:40px 10px;text-align:center}.success b{font-size:24px;color:var(--blue)}footer{background:#04142f;color:#acbdd1;padding:45px max(6vw,40px);display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:center}.footer-brand img{width:150px}.footer-brand{filter:none}footer p{text-align:right}footer div{display:flex;gap:25px}footer small{text-align:right}.footer-brand img{object-position:left}.footer-brand{background:#fff;border-radius:8px;padding:0 12px;width:max-content}
@media(max-width:980px){.header{padding:0 20px;height:78px}.brand img{width:140px}.header-cta{display:none}.menu-toggle{display:block;border:0;background:transparent;font-size:25px;margin-left:auto}.nav{display:none;position:absolute;top:70px;left:20px;right:20px;background:#fff;padding:25px;border-radius:16px;box-shadow:0 20px 45px rgba(5,25,56,.2);flex-direction:column;gap:22px}.nav.open{display:flex}.hero{grid-template-columns:1fr;padding:0 18px 40px}.hero-copy{padding:65px 5px}.hero h1{letter-spacing:-2.5px}.hero-visual{margin:0;min-height:570px;border-radius:42px}.section-heading,.about,.contact{grid-template-columns:1fr;gap:45px}.solution-grid,.project-grid{grid-template-columns:1fr}.solution-grid article,.solution-grid article:first-child,.solution-grid article:last-child{border-radius:18px;margin-bottom:12px}.trusted{overflow:auto;justify-content:flex-start;padding:0 25px;white-space:nowrap}.section{padding:85px 25px}.contact{padding:80px 25px}.contact>div{margin:0}.contact form{max-width:none}footer{grid-template-columns:1fr}footer p,footer small{text-align:left}}
@media(max-width:620px){.hero-copy{padding-top:45px}.hero h1{font-size:43px}.hero-copy>p{font-size:17px}.hero-actions{flex-direction:column}.button{justify-content:space-between}.proof{margin-top:35px}.hero-visual{min-height:460px}.dashboard{left:6%;top:8%;width:72%;padding:17px}.dashboard .metric strong{font-size:18px}.clients{right:2%;top:10%;width:30%;padding:13px}.clients strong{font-size:20px}.tasks{right:2%;top:32%;width:35%;padding:12px}.tasks b{display:none}.automation-flow{left:5%;right:3%;top:57%;overflow:hidden}.automation-flow i{display:none}.automation-flow span{font-size:9px;padding:7px}.conversion{left:4%;bottom:6%;width:36%;padding:13px}.status{right:3%;bottom:5%;width:48%;padding:10px}.ring{width:50px;height:50px;border-width:7px;font-size:12px}.section h2,.contact h2{letter-spacing:-1.5px}.about-stats{grid-template-columns:1fr}.project-grid article{min-height:430px}footer div{flex-wrap:wrap}}

/* Cabeçalho de marca com contraste reforçado */
.header{height:106px;max-width:none;width:100%;margin:0;padding:0 max(4vw,46px);background:var(--navy);color:#fff;box-shadow:0 8px 24px rgba(4,20,47,.14)}
.brand{display:flex;align-items:center;gap:16px;flex-shrink:0}
.brand img{width:310px;height:94px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.18))}
.brand span{font-size:21px;font-weight:800;letter-spacing:.2px;color:#fff;padding-left:16px;border-left:1px solid rgba(255,255,255,.25)}
.header .nav a{color:#eaf5ff}
.header .nav a:after{background:var(--cyan)}
.header-cta{border-color:rgba(255,255,255,.28);color:var(--navy)}
.menu-toggle{color:#fff}
@media(max-width:980px){.header{height:88px;padding:0 20px}.brand img{width:190px;height:70px}.header .nav{top:80px}.header .nav a{color:var(--navy)}.footer-brand img{width:190px;height:70px}}
@media(max-width:620px){.brand{gap:10px}.brand img{width:158px;height:62px}.footer-brand img{width:180px;height:68px}}

/* Marca do rodapé sem caixa de fundo e com o mesmo destaque do cabeçalho */
.footer-brand{background:transparent;border-radius:0;padding:0;width:max-content}
.footer-brand img{width:310px;height:94px;object-fit:contain;object-position:left center}
@media(max-width:980px){.footer-brand img{width:190px;height:70px}}
@media(max-width:620px){.footer-brand img{width:180px;height:68px}}

/* Direção editorial contemporânea */
body{font-family:var(--font-manrope),Arial,sans-serif;overflow-x:hidden}
h1,h2,h3,.proof b,.metric strong,.float-card strong,.about-stats b{font-family:var(--font-space-grotesk),var(--font-manrope),sans-serif}
.hero h1{font-weight:600;letter-spacing:-.065em}
.section h2,.contact h2{font-weight:600;letter-spacing:-.055em}
.section h3{font-weight:650;letter-spacing:-.025em}
.eyebrow,.section small,.contact small{font-size:12px;letter-spacing:.14em;text-transform:uppercase}

/* Cabeçalho com comportamento de agência premium */
.header{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.09);transition:box-shadow .35s ease,background .35s ease}
.header:after{content:"";position:absolute;inset:auto 0 -1px;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),var(--mint),transparent);opacity:.32}
.header-cta,.button{transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,border-color .3s ease}
.header-cta:hover,.button:hover{transform:translateY(-3px)}
.header-cta:hover{box-shadow:0 12px 30px rgba(0,0,0,.18)}
.button span,.header-cta span{display:inline-block;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.button:hover span,.header-cta:hover span{transform:translate(4px,-2px)}

/* Entrada do primeiro quadro */
.hero-enter{animation:heroCopyIn .9s .08s both cubic-bezier(.16,1,.3,1)}
.hero-visual-enter{animation:heroVisualIn 1.05s .16s both cubic-bezier(.16,1,.3,1)}
.hero-visual:after{content:"";position:absolute;width:42%;aspect-ratio:1;border-radius:50%;right:-8%;bottom:-18%;background:rgba(255,255,255,.22);filter:blur(35px);animation:ambientGlow 7s ease-in-out infinite}
.dashboard{animation:dashboardIn .95s .55s both cubic-bezier(.16,1,.3,1),floatPanel 7s 1.6s ease-in-out infinite}
.clients{animation:cardIn .7s .82s both cubic-bezier(.16,1,.3,1),floatCard 5.5s 1.6s ease-in-out infinite}
.tasks{animation:cardIn .7s .94s both cubic-bezier(.16,1,.3,1),floatCardAlt 6.2s 1.7s ease-in-out infinite}
.automation-flow{animation:cardIn .75s 1.04s both cubic-bezier(.16,1,.3,1),floatPanel 7.5s 1.9s ease-in-out infinite}
.conversion{animation:cardIn .7s 1.12s both cubic-bezier(.16,1,.3,1),floatCardAlt 5.8s 1.8s ease-in-out infinite}
.status{animation:cardIn .7s 1.2s both cubic-bezier(.16,1,.3,1),floatCard 6.6s 1.9s ease-in-out infinite}
.chart path:first-child{stroke-dasharray:700;stroke-dashoffset:700;animation:drawChart 1.8s 1s forwards cubic-bezier(.4,0,.2,1)}
.ring{animation:ringPulse 3.2s 1.8s ease-in-out infinite}

/* Faixa contínua de competências */
.trusted{overflow:hidden;padding:0;justify-content:flex-start}
.trusted-track{width:max-content;display:flex;align-items:center;gap:30px;padding-left:30px;animation:marquee 24s linear infinite}
.trusted-track i{flex:0 0 5px;width:5px;height:5px;border-radius:50%;background:#54d9bf}
.trusted-track span{white-space:nowrap;text-transform:uppercase;letter-spacing:.11em;font-size:12px}

/* Revelação progressiva durante a rolagem */
[data-reveal]{opacity:0;transform:translateY(46px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}
[data-reveal].is-visible{opacity:1;transform:none}
.solution-grid article,.project-grid article{transition:opacity .7s var(--delay,0ms) ease,transform .7s var(--delay,0ms) cubic-bezier(.16,1,.3,1),box-shadow .35s ease,border-color .35s ease}
[data-reveal]:not(.is-visible) .solution-grid article,[data-reveal]:not(.is-visible) .project-grid article{opacity:0;transform:translateY(34px)}
.solution-grid article:hover{z-index:2;transform:translateY(-10px);border-color:rgba(8,125,202,.3);box-shadow:0 30px 70px rgba(6,46,85,.13)}
.solution-grid article>a b{display:inline-block;transition:transform .3s ease}
.solution-grid article:hover>a b{transform:translateX(7px)}
.project-grid article{position:relative;transition-delay:var(--delay,0ms)}
.project-grid article:hover{transform:translateY(-12px);box-shadow:0 34px 80px rgba(4,30,68,.24)}
.project-grid article:hover .mini-ui{transform:scale(1.035) rotate(-.6deg)}
.mini-ui{transition:transform .55s cubic-bezier(.16,1,.3,1)}
.mini-ui b{transform-origin:bottom;animation:barGrow 1.1s both cubic-bezier(.16,1,.3,1)}
.case-arrow{position:absolute;right:28px;bottom:26px;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.2);font-size:20px;transform:rotate(0);transition:transform .35s ease,background .35s ease}
.project-grid article:hover .case-arrow{transform:rotate(45deg);background:rgba(255,255,255,.32)}
.principles>div{transition:transform .35s ease,padding-left .35s ease}
.principles>div:hover{transform:translateX(8px);padding-left:8px}
.contact{position:relative;overflow:hidden}
.contact:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-130px;top:-230px;border:1px solid rgba(80,223,196,.24);box-shadow:0 0 0 70px rgba(80,223,196,.035),0 0 0 140px rgba(80,223,196,.025);animation:orb 12s linear infinite}
.contact>*{position:relative;z-index:1}
.contact form{transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease}
.contact form:hover{transform:translateY(-6px);box-shadow:0 28px 70px rgba(0,0,0,.2)}

@keyframes heroCopyIn{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}
@keyframes heroVisualIn{from{opacity:0;transform:translateX(55px) scale(.97)}to{opacity:1;transform:none}}
@keyframes dashboardIn{from{opacity:0;transform:translateY(28px) scale(.94)}to{opacity:1;transform:none}}
@keyframes cardIn{from{opacity:0;transform:translateY(24px) scale(.92)}to{opacity:1;transform:none}}
@keyframes floatPanel{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes floatCard{0%,100%{translate:0 0}50%{translate:0 -12px}}
@keyframes floatCardAlt{0%,100%{translate:0 0}50%{translate:0 9px}}
@keyframes ambientGlow{0%,100%{transform:scale(1);opacity:.45}50%{transform:scale(1.25);opacity:.75}}
@keyframes drawChart{to{stroke-dashoffset:0}}
@keyframes ringPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
@keyframes marquee{to{transform:translateX(-42%)}}
@keyframes barGrow{from{transform:scaleY(.15)}to{transform:scaleY(1)}}
@keyframes orb{to{transform:rotate(360deg)}}

@media(max-width:980px){
  .hero h1{letter-spacing:-.05em}
  .hero-visual-enter{animation-delay:.2s}
}
@media(max-width:620px){
  .hero h1{letter-spacing:-.045em}
  .solution-grid article:hover,.project-grid article:hover{transform:none}
  .trusted-track{animation-duration:18s}
}

/* Hero — explorar o próximo */
.astronaut-hero{background:#020d1f}
.astronaut-hero:before{background-image:linear-gradient(rgba(40,174,224,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(40,174,224,.08) 1px,transparent 1px);background-size:110px 110px;z-index:1;mix-blend-mode:screen}
.astronaut-hero:after{z-index:2;background:radial-gradient(circle,rgba(80,223,196,.28),transparent 68%);filter:blur(12px)}
.astronaut-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}
.astronaut-hero:hover>img{transform:scale(1.025)}
.orbit{position:absolute;border:1px solid rgba(74,218,208,.25);border-radius:50%;z-index:3;animation:orbitSpin 14s linear infinite}
.orbit i{position:absolute;width:8px;height:8px;border-radius:50%;background:#50dfc4;box-shadow:0 0 18px #50dfc4}
.orbit-one{width:290px;height:290px;right:-70px;top:80px}
.orbit-one i:first-child{left:25px;top:46px}.orbit-one i:nth-child(2){right:21px;top:95px}.orbit-one i:nth-child(3){left:110px;bottom:-4px}
.orbit-two{width:190px;height:190px;left:-58px;bottom:90px;animation-direction:reverse;animation-duration:11s}
.orbit-two i:first-child{right:12px;top:35px}.orbit-two i:last-child{left:18px;bottom:42px}
.tech-pulse{position:absolute;z-index:4;width:42px;height:42px;border:1px solid rgba(113,229,218,.34);background:rgba(5,35,72,.6);backdrop-filter:blur(8px);border-radius:12px;display:grid;place-items:center;color:#5ce3ca;box-shadow:0 10px 35px rgba(0,0,0,.22);animation:techFloat 5s ease-in-out infinite}
.pulse-one{left:9%;top:20%}.pulse-two{right:8%;top:39%;animation-delay:-1.8s}.pulse-three{right:17%;bottom:12%;animation-delay:-3.1s}
@keyframes orbitSpin{to{transform:rotate(360deg)}}
@keyframes techFloat{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-13px) rotate(3deg)}}
@media(max-width:620px){
  .astronaut-hero>img{object-position:center 60%}
  .orbit-one{width:220px;height:220px}.tech-pulse{width:36px;height:36px}
}

/* Logo do cabeçalho — arquivo recortado para ampliar a marca sem aumentar a barra */
.header>.brand img{width:220px;height:auto;max-height:72px;object-fit:contain;object-position:left center}
@media(max-width:1180px){.header>.brand img{width:180px}.header .nav{gap:25px}}
@media(max-width:980px){.header>.brand img{width:200px;max-height:58px}}
@media(max-width:620px){.header>.brand img{width:172px;max-height:50px}}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  [data-reveal]{opacity:1;transform:none}
}

/* 23 anos — narrativa de evolução */
.timeline-section{background:#04142f;color:#fff;padding:130px max(5vw,40px) 115px;overflow:hidden;position:relative}
.timeline-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 16% 18%,rgba(8,125,202,.24),transparent 32%),radial-gradient(circle at 87% 78%,rgba(80,223,196,.12),transparent 30%);pointer-events:none}
.timeline-heading,.timeline-track,.timeline-cta{position:relative;z-index:1}
.timeline-heading{max-width:1320px;margin:0 auto 78px;display:grid;grid-template-columns:.45fr 1fr .7fr;gap:55px;align-items:end}
.timeline-heading small{align-self:start;color:#5ce3ca;font-weight:800;letter-spacing:.18em}
.timeline-heading h2{font-family:var(--font-space-grotesk),sans-serif;font-size:clamp(46px,5vw,76px);line-height:.98;letter-spacing:-.06em;margin:0;font-weight:600}
.timeline-heading h2 em{font-style:normal;color:#44d9c2}
.timeline-heading p{color:#aebdd0;font-size:17px;line-height:1.75;margin:0}
.timeline-track{max-width:1380px;margin:auto;display:grid;grid-template-columns:repeat(6,1fr)}
.timeline-step{position:relative;padding:0 22px 28px 0;opacity:0;transform:translateY(30px);transition:opacity .7s var(--step-delay) ease,transform .7s var(--step-delay) cubic-bezier(.16,1,.3,1)}
.timeline-section.is-visible .timeline-step{opacity:1;transform:none}
.era-visual{height:150px;margin:0 18px 34px 0;display:grid;place-items:center;position:relative}
.device-screen{display:block;width:104px;height:72px;border:2px solid rgba(255,255,255,.8);border-radius:7px;background:linear-gradient(145deg,rgba(21,116,203,.72),rgba(8,27,67,.9));box-shadow:0 0 35px rgba(9,184,233,.2);position:relative;transition:.45s cubic-bezier(.16,1,.3,1)}
.device-screen:after{content:"";position:absolute;left:42%;bottom:-18px;width:18%;height:18px;border-left:2px solid rgba(255,255,255,.65);border-right:2px solid rgba(255,255,255,.65)}
.device-screen i{display:block;height:2px;background:rgba(92,227,202,.8);margin:14px 13px 0}
.device-screen i:nth-child(2){width:55%}.device-screen i:nth-child(3){width:36%}
.era-visual.crt .device-screen{border-radius:12px;width:105px;box-shadow:inset 0 0 0 7px #102957,0 18px 35px rgba(0,0,0,.25)}
.era-visual.phone .device-screen{width:49px;height:94px;border-radius:11px}
.era-visual.phone .device-screen:after{display:none}
.era-visual.cloud .device-screen{width:112px;height:76px;border-radius:10px}
.era-visual.data .device-screen{width:122px;height:78px;background:linear-gradient(135deg,#0a6ed1,#08a8c5)}
.era-visual.ai .device-screen{width:90px;height:90px;border-radius:50%;border-color:#4fe1c7;animation:ringPulse 3s infinite}
.era-visual.ai .device-screen:after,.era-visual.future .device-screen:after{display:none}
.era-visual.ai b,.era-visual.future b{position:absolute;font:700 20px var(--font-space-grotesk);color:#fff}
.era-visual.future .device-screen{width:112px;height:94px;border-radius:25px;background:linear-gradient(145deg,#087dca,#50dfc4);transform:rotate(-5deg)}
.timeline-step:hover .device-screen{transform:translateY(-9px) scale(1.05);box-shadow:0 18px 50px rgba(9,184,233,.35)}
.timeline-step:hover .future .device-screen{transform:translateY(-9px) rotate(0) scale(1.05)}
.timeline-dot{height:1px;background:rgba(158,184,210,.3);position:relative;margin-bottom:29px}
.timeline-dot i{position:absolute;width:13px;height:13px;border-radius:50%;left:0;top:-6px;background:#071b43;border:3px solid #4cddc4;box-shadow:0 0 0 6px rgba(76,221,196,.09),0 0 22px rgba(76,221,196,.48)}
.timeline-step strong{font:700 25px var(--font-space-grotesk);color:#5ce3ca}
.timeline-step h3{font:600 19px var(--font-space-grotesk);margin:12px 0}
.timeline-step p{font-size:13px;line-height:1.65;color:#91a4bb;margin:0;max-width:190px}
.timeline-cta{display:flex;width:max-content;align-items:center;gap:35px;margin:60px auto 0;padding:17px 23px;border:1px solid rgba(255,255,255,.28);border-radius:999px;font-weight:750;transition:.3s}
.timeline-cta:hover{background:#fff;color:#071b43;transform:translateY(-3px)}

/* Cabeçalho e rodapé com ritmo editorial */
.header{padding-left:max(4vw,54px);padding-right:max(4vw,54px)}
.header .nav{gap:34px}
.header-cta{border-radius:999px;padding:14px 20px}
.site-footer{display:block;background:#031027;padding:84px max(6vw,40px) 30px;color:#b9c7d7}
.footer-main{display:grid;grid-template-columns:1.7fr .55fr .55fr;gap:80px;max-width:1320px;margin:auto;padding-bottom:70px}
.footer-intro p{max-width:480px;text-align:left;text-wrap:balance;font:500 clamp(24px,2.35vw,36px)/1.18 var(--font-space-grotesk);letter-spacing:-.035em;color:#fff;margin:28px 0}
.footer-email{display:inline-block;color:#5ce3ca;font-weight:750}
.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding-top:22px}
.footer-column b{color:#fff;font-size:13px;letter-spacing:.13em;text-transform:uppercase;margin-bottom:10px}
.footer-column a{transition:color .25s,transform .25s}
.footer-column a:hover{color:#5ce3ca;transform:translateX(4px)}
.footer-bottom{max-width:1320px;margin:auto;padding-top:25px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;align-items:center}
.footer-bottom small{text-align:left}.footer-bottom a{font-size:13px;color:#fff}
.form-alert{padding:13px 15px;border-radius:10px;margin-bottom:22px;font-weight:700;font-size:14px}
.form-alert.success{color:#087461;background:#e4faf3;border:1px solid #a9ead9}
.form-alert.error{color:#9d2635;background:#fff0f2;border:1px solid #ffcbd2}
.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}

@media(max-width:980px){
  .timeline-heading{grid-template-columns:1fr;gap:22px}
  .timeline-track{grid-template-columns:repeat(3,1fr);row-gap:55px}
  .footer-main{grid-template-columns:1fr 1fr 1fr;gap:35px}
}
@media(max-width:620px){
  .timeline-section{padding:88px 24px 80px}
  .timeline-heading{margin-bottom:58px}
  .timeline-track{grid-template-columns:1fr}
  .timeline-step{display:grid;grid-template-columns:100px 1fr;padding:0 0 30px;column-gap:24px}
  .era-visual{grid-row:1/5;height:125px;margin:0}
  .device-screen{transform:scale(.78)}
  .timeline-dot{display:none}
  .timeline-step strong,.timeline-step h3,.timeline-step p{grid-column:2}
  .timeline-step h3{margin:7px 0}.timeline-step p{max-width:none}
  .timeline-cta{width:100%;justify-content:space-between;font-size:14px}
  .footer-main{grid-template-columns:1fr 1fr}
  .footer-intro{grid-column:1/-1;margin-bottom:20px}
  .footer-intro p{max-width:360px;font-size:28px}
  .footer-bottom{align-items:flex-start;gap:20px;flex-direction:column}
}
