@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--blue:#1555f5;--ink:#131b30;--muted:#687086;--line:#e3e7ef;--paper:#f5f7fb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;font-family:Manrope,system-ui,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #5583ff;outline-offset:6px}img{display:block;max-width:100%;height:auto}.wrap{width:min(1220px,calc(100% - 72px));margin:auto}.skip{position:fixed;top:-100px;z-index:100;background:white;padding:16px}.skip:focus{top:10px}header{border-bottom:1px solid var(--line)}.nav{height:100px;display:flex;align-items:center;justify-content:space-between}.logo{width:155px}.nav nav{display:flex;gap:34px;align-items:center;font-size:13px;font-weight:700}.nav-cta{padding:12px 18px;border:1px solid var(--line);border-radius:7px}.nav-cta span{margin-left:18px}.hero{padding-block:82px 88px;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--blue);margin:0 0 23px}h1{font-size:clamp(52px,6.4vw,86px);line-height:1.05;letter-spacing:-.065em;font-weight:600;margin:0}h1 em{color:var(--blue);font-style:normal}.lead{font-size:17px;line-height:1.8;color:var(--muted);max-width:415px;margin:24px 0 29px}.actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 23px;border-radius:7px;background:var(--blue);color:white;font-weight:700;font-size:12px;transition:transform .2s,background .2s}.button:hover{background:#0843dc;transform:translateY(-2px)}.plain{font-size:12px;font-weight:700}.hero-note{font-size:10px;color:var(--muted);margin-top:25px}.hero-showcase{display:block;border:1px solid #d8deea;border-radius:12px;overflow:hidden;box-shadow:0 22px 55px #16326514;transform:rotate(2deg);transition:transform .3s;background:#191816}.hero-showcase:hover{transform:rotate(0)}.preview-top{height:36px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;background:white;color:#777f90;font-size:8px;letter-spacing:.06em;border-bottom:1px solid var(--line)}.dots{font-size:7px;letter-spacing:2px;color:#c2c9d5}.hero-screen{height:338px;overflow:hidden;position:relative}.hero-screen iframe{width:1280px;height:850px;transform:scale(var(--preview-scale,.42));transform-origin:top left;border:0;pointer-events:none;position:absolute;inset:0}.hero-caption{display:flex;justify-content:space-between;background:#fff;padding:18px 17px;font-size:10px;font-weight:600}.portfolio{padding:75px 0 50px;background:var(--paper);border-block:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:42px}h2{font-size:clamp(32px,3.8vw,48px);letter-spacing:-.055em;line-height:1.14;font-weight:600;margin:0}.section-heading>p{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:4px}.projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.project-preview{display:block;position:relative;overflow:hidden;border:1px solid #dce1eb;border-radius:9px;background:white;transition:transform .25s,box-shadow .25s}.project-preview:hover{transform:translateY(-4px);box-shadow:0 14px 30px #172b4b16}.screen{height:270px;position:relative;overflow:hidden;background:#eee}.screen iframe{position:absolute;inset:0;width:1200px;height:900px;transform:scale(var(--preview-scale,.31));transform-origin:top left;pointer-events:none;border:0}.preview-hover{position:absolute;inset:auto 15px 15px auto;background:white;padding:11px 14px;border-radius:5px;font-size:10px;font-weight:800;box-shadow:0 5px 20px #0002}.project-info{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:22px 0 14px}.category{font-size:8px;font-weight:800;letter-spacing:.1em;color:var(--muted);margin:0 0 8px}h3{font-size:17px;letter-spacing:-.03em;margin:0;font-weight:700}.tag{font-size:8px;border:1px solid #dce1eb;border-radius:20px;padding:5px 8px;color:var(--muted)}.project-link{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid #dce1eb;font-size:11px;font-weight:800;color:var(--blue)}.portfolio-note{margin:29px 0 0;font-size:10px;color:var(--muted)}.services{padding-block:85px;display:grid;grid-template-columns:1fr 1.1fr;gap:80px}.service-intro{font-size:13px;line-height:1.8;color:var(--muted);max-width:300px;margin-top:20px}.service-list>div{display:flex;gap:24px;padding:23px 0;border-top:1px solid var(--line)}.service-list>div:last-child{border-bottom:1px solid var(--line)}.service-list>div>span{font-size:10px;color:var(--blue);padding-top:5px}.service-list p{font-size:12px;color:var(--muted);line-height:1.7;margin:9px 0 0}.contact{padding-bottom:70px}.contact-panel{background:var(--blue);color:white;border-radius:12px;padding:53px 57px;display:flex;justify-content:space-between;gap:50px;align-items:center}.contact .eyebrow{color:#c8d9ff}.contact-panel p:not(.eyebrow){font-size:12px;line-height:1.8;color:#d9e4ff;margin:20px 0 0}.contact-actions{display:flex;flex-direction:column;align-items:flex-start;gap:18px;font-size:12px}.white{background:white;color:var(--blue)}.white:hover{background:#eff4ff}.contact-actions>a:not(.button){font-size:11px}.contact-actions>a span{margin-left:10px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding-block:28px;gap:20px}footer .logo{width:110px}footer p,footer>a:last-child{font-size:10px;color:var(--muted)}
@media(min-width:1500px){.hero-screen{height:360px}}
@media(max-width:1000px){.hero{gap:30px}.projects{gap:16px}.project-info{align-items:flex-start;flex-direction:column}.screen{height:230px}.services{gap:40px}.contact-panel{padding:40px}}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.nav{height:78px}.logo{width:125px}.nav nav{gap:16px;font-size:11px}.nav nav>a:nth-child(2){display:none}.nav-cta{padding:10px}.nav-cta span{display:none}.hero{grid-template-columns:1fr;padding-block:49px 55px;gap:38px}.hero-text{max-width:520px}h1{font-size:64px}.lead{font-size:15px}.hero-showcase{transform:none}.hero-screen{height:310px}.portfolio{padding-block:49px 35px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:20px}.section-heading>p br{display:none}.projects{grid-template-columns:1fr;gap:31px}.screen{height:310px}.project-info{flex-direction:row;align-items:center;margin-top:17px}.project h3{font-size:20px}.category{font-size:9px}.tag{font-size:9px}.project-link{font-size:12px}.portfolio-note{line-height:1.8}.services{grid-template-columns:1fr;gap:25px;padding-block:55px}.service-intro{max-width:100%}.contact{padding-bottom:40px}.contact-panel{display:block;padding:33px 26px}.contact-actions{margin-top:30px}.contact-panel h2{font-size:38px}footer{flex-wrap:wrap;padding-block:20px}footer p{width:100%;order:3;margin:0}.eyebrow{font-size:9px;margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
/* WebUP: abertura azul e navegação central */
body{position:relative;isolation:isolate}.opening-background{position:absolute;z-index:-1;inset:0 0 auto;height:960px;background:radial-gradient(ellipse at 85% 12%,#3979ff80,transparent 55%),linear-gradient(180deg,#082c9d 0%,#1049dc 42%,#5588ee 64%,#dbe8ff 85%,#fff 100%);pointer-events:none}header{border:0;background:transparent}.nav{height:130px;display:grid;grid-template-columns:1fr auto 1fr;gap:20px;border-bottom:1px solid #ffffff30}.nav nav{color:#fff;justify-self:start}.center-brand{background:#fff;border-radius:12px;padding:7px 20px;box-shadow:0 8px 32px #001c6030}.center-brand .logo{width:218px}.social-links{display:flex;justify-self:end;gap:12px}.social-links a{width:44px;height:44px;display:grid;place-items:center;border:1px solid #ffffff55;border-radius:50%;color:white;background:#ffffff0b;transition:background .2s,transform .2s}.social-links a:hover{background:#ffffff25;transform:translateY(-2px)}.social-links svg{width:21px;height:21px}.hero{padding-top:80px;padding-bottom:112px;min-height:650px;gap:64px;color:#fff}.hero .eyebrow{color:#cee1ff}.hero h1 em{color:#bddbff}.hero .lead{color:#e1ebff}.hero .hero-note{color:#d3e2ff}.hero .button{background:#fff;color:#1248ce;box-shadow:0 9px 28px #00257925}.hero .button:hover{background:#e9f1ff}.hero .plain{display:inline-flex;gap:10px;align-items:center}.plain svg{width:19px;height:19px}.carousel{min-width:0;padding-inline:10px}.carousel-stage{position:relative}.hero-showcase{transform:none;border:1px solid #ffffff95;box-shadow:0 24px 60px #00144940;border-radius:13px}.hero-showcase:hover{transform:translateY(-3px)}.hero-caption{color:var(--ink);padding:20px}.hero-caption>span:first-child{font-size:13px;font-weight:800}.hero-caption>span:last-child{color:var(--blue)}.hero-screen{height:330px}.carousel-arrow{position:absolute;z-index:3;top:48%;transform:translateY(-50%);width:43px;height:43px;border:1px solid #e1e8fa;border-radius:50%;background:white;color:#174bd2;font-size:22px;box-shadow:0 5px 22px #00164c35;cursor:pointer}.carousel-arrow:hover{background:#e9f1ff}.carousel-arrow:focus-visible,.carousel-pagination button:focus-visible{outline:3px solid #8fc8ff;outline-offset:4px}.previous{left:-22px}.next{right:-22px}.carousel-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:23px;color:#fff;font-size:10px}.carousel-pagination{display:flex;gap:3px}.carousel-pagination button{width:28px;height:28px;border:0;background:transparent;cursor:pointer;padding:9px}.carousel-pagination button::after{content:'';display:block;width:9px;height:9px;border-radius:50%;background:#ffffff60}.carousel-pagination button[aria-current=true]::after{background:white;box-shadow:0 0 0 3px #ffffff20}.portfolio{background:linear-gradient(180deg,#ffffff00,#fff 100px);border:0;padding-top:55px}.contact-actions svg{width:22px;height:22px;flex-shrink:0}.contact-actions .button{gap:13px}footer{display:grid;grid-template-columns:1fr auto 1fr}footer>a:first-child{grid-column:2;grid-row:1}footer .logo{width:170px}footer p{grid-column:1;grid-row:1}footer>a:last-child{justify-self:end;grid-column:3;grid-row:1}
@media(max-width:1000px){.hero{gap:36px}.center-brand .logo{width:190px}.nav nav{gap:20px}.hero h1{font-size:62px}.hero-screen{height:280px}}
@media(max-width:760px){.opening-background{height:1230px;background:linear-gradient(180deg,#082c9d,#1555e6 54%,#81a6f3 79%,#fff 100%)}.nav{height:112px;grid-template-columns:1fr auto 1fr;gap:8px}.nav nav{font-size:10px}.center-brand{padding:5px 10px;border-radius:8px}.center-brand .logo{width:145px}.social-links{gap:5px}.social-links a{width:33px;height:33px}.social-links svg{width:17px;height:17px}.hero{padding-top:45px;padding-bottom:70px;gap:45px;min-height:0}.hero h1{font-size:66px}.carousel{padding-inline:12px}.hero-screen{height:300px}.carousel-arrow{width:37px;height:37px;font-size:20px}.previous{left:-18px}.next{right:-18px}.hero-caption{padding:17px 12px}.carousel-bottom{color:#12377e;font-weight:700}.carousel-pagination button::after{background:#2354b74d}.carousel-pagination button[aria-current=true]::after{background:#1248ce}.portfolio{padding-top:36px}footer{display:flex;flex-direction:column;gap:16px;text-align:center}footer p{width:auto;order:3}footer .logo{width:175px}}
@media(max-width:380px){.center-brand .logo{width:120px}.nav nav{font-size:9px}.social-links a{width:29px;height:29px}.hero h1{font-size:58px}.hero-screen{height:250px}}

/* WebUP v2: logo transparente, fluidez, serviços e contato */
body{overflow-x:clip}img{height:auto}
.center-brand{display:block;background:none;border-radius:0;padding:0;box-shadow:none}
.center-brand .logo{width:clamp(130px,17vw,200px)}
footer .logo{width:clamp(120px,14vw,150px)}
.hero h1{font-size:clamp(46px,6.4vw,86px)}
.hero-text,.carousel{min-width:0}
.service-list{display:grid;gap:16px;min-width:0}
.service-list p{margin:0}
.service-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;transition:transform .25s,box-shadow .25s,border-color .25s}
.service-card:hover{transform:translateY(-3px);border-color:#c9d6f5;box-shadow:0 16px 36px #1555f51a}
.service-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
.service-icon{width:46px;height:46px;flex:none;border-radius:12px;display:grid;place-items:center;background:#eaf0ff;color:var(--blue)}
.service-icon svg{width:24px;height:24px}
.url-pill{display:inline-flex;align-items:center;gap:8px;min-width:0;padding:8px 13px;border:1px solid var(--line);border-radius:999px;background:var(--paper);font-size:11px;font-weight:700;color:var(--muted)}
.url-pill svg{width:12px;height:12px;flex:none;color:#1a9d5b}
.url-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.url-text b{color:var(--blue);font-weight:800}
.service-card h3{font-size:19px}
.service-card p{font-size:13px;line-height:1.7;margin:8px 0 0;color:var(--muted)}
.checks{list-style:none;margin:18px 0 0;padding:18px 0 0;border-top:1px dashed var(--line);display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}
.checks li{display:flex;gap:9px;align-items:flex-start;font-size:12px;font-weight:600;line-height:1.45}
.checks svg{width:16px;height:16px;flex:none;margin-top:1px;color:var(--blue)}
@media(min-width:761px){.services>div:first-child{position:sticky;top:30px;align-self:start}}
.contact-panel2{position:relative;overflow:hidden;isolation:isolate;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,64px);align-items:center;padding:clamp(26px,5vw,64px);border-radius:24px;color:#fff;background:radial-gradient(60% 90% at 100% 0%,#4f8bff 0%,transparent 60%),radial-gradient(50% 80% at 0% 100%,#0a2ea6 0%,transparent 65%),linear-gradient(135deg,#0c3fcf,#1555f5)}
.contact-panel2::before{content:'';position:absolute;z-index:-1;top:-35%;right:-12%;width:min(520px,80%);aspect-ratio:1;border:1px solid #ffffff1f;border-radius:50%;box-shadow:0 0 0 46px #ffffff08,0 0 0 92px #ffffff05}
.contact-mark{position:absolute;z-index:-1;right:-30px;bottom:-50px;width:min(340px,55%);opacity:.08;pointer-events:none}
.contact-copy h2{font-size:clamp(34px,4.6vw,52px)}
.contact-copy>p:not(.eyebrow){font-size:14px;line-height:1.7;color:#dbe6ff;margin:18px 0 0;max-width:380px}
.contact-steps{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:12px}
.contact-steps li{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700}
.contact-steps b{width:28px;height:28px;flex:none;border-radius:50%;display:grid;place-items:center;background:#ffffff22;border:1px solid #ffffff44;font-size:12px}
.contact-cards{display:grid;gap:12px;min-width:0}
.contact-card{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:14px;background:#ffffff14;border:1px solid #ffffff33;transition:background .2s,transform .2s}
.contact-card:hover{background:#ffffff26;transform:translateY(-2px)}
.contact-card>svg{width:26px;height:26px;flex:none}
.contact-card span{display:grid;gap:2px;min-width:0;flex:1}
.contact-card small{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#c8d9ff}
.contact-card strong{font-size:15px;font-weight:800;overflow-wrap:anywhere}
.contact-card em{font-style:normal;font-size:16px}
.contact-card.primary{padding:20px;background:#fff;color:#1248ce;border-color:#fff;box-shadow:0 14px 34px #00124d40}
.contact-card.primary:hover{background:#eff4ff}
.contact-card.primary small{color:#5b79c9}
.contact-card.primary em{padding:9px 14px;border-radius:999px;background:var(--blue);color:#fff;font-size:12px;font-weight:800;white-space:nowrap}
@media(max-width:1000px){.center-brand .logo{width:clamp(130px,19vw,180px)}}
@media(max-width:860px){.contact-panel2{grid-template-columns:1fr}}
@media(max-width:760px){.hero h1{font-size:clamp(46px,14.5vw,72px)}.center-brand{padding:0}.center-brand .logo{width:clamp(110px,34vw,145px)}.nav{height:96px}.checks{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.checks{grid-template-columns:1fr}.service-card{padding:20px}.contact-card{padding:14px}.contact-card.primary{padding:16px}.contact-card strong{font-size:14px}}
@media(max-width:380px){.center-brand .logo{width:105px}.hero h1{font-size:clamp(42px,14vw,58px)}.url-pill{font-size:10px;padding:7px 10px}}
@media(prefers-reduced-motion:reduce){.service-card,.contact-card{transition:none}}
.contact-card.primary strong{white-space:nowrap}
@media(max-width:420px){.contact-card.primary{gap:10px;padding:14px}.contact-card.primary strong{font-size:13.5px}.contact-card.primary em{padding:8px 10px;font-size:11px}}
@media(max-width:340px){.contact-card.primary em{display:none}}

/* WebUP v3: setas em SVG + animações */
.arr{width:1.1em;height:1.1em;flex:none;display:inline-block;vertical-align:-.18em;margin-left:.45em;transition:transform .3s var(--ease,cubic-bezier(.22,1,.36,1))}
em .arr,.preview-top .arr,.carousel-arrow .arr{margin-left:0}
.preview-top .arr{width:12px;height:12px}
.hero-caption .arr{width:1.3em;height:1.3em}
.carousel-arrow{display:grid;place-items:center;padding:0}
.carousel-arrow .arr{width:20px;height:20px}
.contact-card em{display:grid;place-items:center}
.contact-card em .arr{width:18px;height:18px}
.contact-card.primary em{display:inline-flex;align-items:center;gap:6px}
.contact-card.primary em .arr{width:14px;height:14px}
a:hover .arr-ne{transform:translate(2px,-2px)}
a:hover .arr-down{transform:translateY(3px)}
a:hover .arr-up{transform:translateY(-3px)}
.carousel-arrow:hover .arr-left{transform:translateX(-3px)}
.carousel-arrow:hover .arr-right{transform:translateX(3px)}

:root{--ease:cubic-bezier(.22,1,.36,1)}
@keyframes rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes dropin{from{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:none}}
@keyframes drift{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(-60px,40px,0) scale(1.12)}}
@keyframes floatmark{from{transform:translateY(0) rotate(0)}to{transform:translateY(-14px) rotate(2deg)}}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 #1a9d5b55}50%{box-shadow:0 0 0 6px #1a9d5b00}}

/* Entrada da página */
.nav{animation:dropin .8s var(--ease) both}
.hero-text>*{animation:rise .9s var(--ease) both}
.hero-text>:nth-child(1){animation-delay:.10s}.hero-text>:nth-child(2){animation-delay:.18s}.hero-text>:nth-child(3){animation-delay:.28s}.hero-text>:nth-child(4){animation-delay:.38s}.hero-text>:nth-child(5){animation-delay:.48s}
.carousel{animation:rise 1s var(--ease) .3s both}
.opening-background{overflow:hidden}
.opening-background::after{content:'';position:absolute;top:60px;right:4%;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,#6ea3ff55,transparent 66%);animation:drift 16s ease-in-out infinite alternate;pointer-events:none}

/* Carrossel: transição entre modelos */
.hero-showcase{transition:transform .5s var(--ease),opacity .3s ease,box-shadow .3s ease}
.hero-showcase.is-leaving{opacity:0;transform:translateX(calc(var(--dir,1)*-30px)) scale(.97);pointer-events:none}
.hero-showcase.is-entering{opacity:0;transform:translateX(calc(var(--dir,1)*30px)) scale(.97);transition:none}
.carousel-pagination button{width:28px;transition:width .4s var(--ease)}
.carousel-pagination button[aria-current=true]{width:42px}
.carousel-pagination button::after{transition:width .4s var(--ease),background .3s,box-shadow .3s}
.carousel-pagination button[aria-current=true]::after{width:100%;border-radius:99px}
.carousel-arrow{transition:transform .25s var(--ease),background .2s,box-shadow .25s}
.carousel-arrow:hover{transform:translateY(-50%) scale(1.08);box-shadow:0 8px 26px #00164c45}
.carousel-arrow:active{transform:translateY(-50%) scale(.95)}

/* Botões e cards */
.button:active,.plain:active{transform:scale(.97)}
.button{box-shadow:0 9px 28px #00257918}
.project-preview{transition:transform .4s var(--ease),box-shadow .4s ease}
.project-preview:hover{transform:translateY(-6px);box-shadow:0 22px 44px #172b4b24}
.preview-hover{transition:opacity .3s ease,transform .4s var(--ease)}
@media(hover:hover){.preview-hover{opacity:0;transform:translateY(10px)}.project-preview:hover .preview-hover,.project-preview:focus-visible .preview-hover{opacity:1;transform:none}}
.project-link{transition:padding .3s var(--ease),color .2s}
.project:hover .project-link{padding-inline:6px}
.service-card{transition:transform .4s var(--ease),box-shadow .4s ease,border-color .3s}
.service-icon{transition:background .3s,color .3s,transform .4s var(--ease)}
.service-card:hover .service-icon{background:var(--blue);color:#fff;transform:rotate(-6deg) scale(1.06)}
.url-pill svg{border-radius:50%;animation:pulse 2.6s ease-in-out infinite}
.contact-card{transition:background .25s,transform .35s var(--ease),box-shadow .3s}
.contact-card:hover{transform:translateY(-3px)}
.contact-mark{animation:floatmark 9s ease-in-out infinite alternate}

/* Revelação ao rolar (só com JS; sem JS tudo aparece) */
.js [data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .85s var(--ease) var(--d,0ms),transform .85s var(--ease) var(--d,0ms)}
.js [data-reveal].in{opacity:1;transform:none}
.js [data-reveal] .checks li{opacity:0;transform:translateX(-8px)}
.js [data-reveal].in .checks li{opacity:1;transform:none;transition:opacity .5s ease,transform .6s var(--ease)}
.js [data-reveal].in .checks li:nth-child(1){transition-delay:.35s}.js [data-reveal].in .checks li:nth-child(2){transition-delay:.43s}.js [data-reveal].in .checks li:nth-child(3){transition-delay:.51s}.js [data-reveal].in .checks li:nth-child(4){transition-delay:.59s}

@media(prefers-reduced-motion:reduce){
  .nav,.hero-text>*,.carousel,.opening-background::after,.contact-mark,.url-pill svg{animation:none!important}
  .js [data-reveal],.js [data-reveal] .checks li{opacity:1!important;transform:none!important;transition:none!important}
  .arr,.hero-showcase,.project-preview,.service-card,.contact-card,.carousel-arrow{transition:none!important}
}

/* WebUP v4: passagem automática com barra de progresso e pausa */
.autoplay-track{position:relative;height:3px;margin:20px 10px 0;color:#fff;border-radius:99px;overflow:hidden}
.autoplay-track::before{content:'';position:absolute;inset:0;background:currentColor;opacity:.25}
.autoplay-fill{position:absolute;inset:0;display:block;background:currentColor;border-radius:inherit;transform:scaleX(0);transform-origin:left}
.autoplay-fill.run{animation:autofill var(--autoplay-ms,5000ms) linear forwards}
.autoplay-fill.is-paused{animation-play-state:paused}
@keyframes autofill{to{transform:scaleX(1)}}
.carousel-bottom{margin-top:12px}
.carousel-ctrls{display:flex;align-items:center;gap:8px}
.autoplay-toggle{width:28px;height:28px;display:grid;place-items:center;padding:0;border:1px solid #ffffff66;border-radius:50%;background:transparent;color:inherit;cursor:pointer;transition:background .2s,transform .25s var(--ease)}
.autoplay-toggle:hover{background:#ffffff26;transform:scale(1.08)}
.autoplay-toggle:focus-visible{outline:3px solid #8fc8ff;outline-offset:3px}
.autoplay-toggle svg{width:11px;height:11px}
.autoplay-toggle .i-play{display:none}
.autoplay-toggle[aria-pressed=true] .i-play{display:block}
.autoplay-toggle[aria-pressed=true] .i-pause{display:none}
@media(max-width:760px){.autoplay-track{color:#1248ce}.autoplay-toggle{border-color:#2354b74d}}