:root{--d2-bg:#071526;--d2-bg2:#0a2037;--d2-blue:#1687f8;--d2-blue2:#405cf1;--d2-cyan:#21d4e8;--d2-ink:#10243d;--d2-muted:#64798f;--d2-line:#dce8f3;--d2-soft:#f5f9fd;--d2-green:#13b981;--d2-shadow:0 22px 65px rgba(8,31,64,.10)}
.dev2-page{overflow:hidden;background:#fff;color:var(--d2-ink)}.dev2-page *{box-sizing:border-box}.dev2-page h1,.dev2-page h2,.dev2-page h3,.dev2-page strong{font-family:"Plus Jakarta Sans",sans-serif}.dev2-page p,.dev2-page a,.dev2-page button,.dev2-page li,.dev2-page span{font-family:"Manrope",sans-serif}.dev2-hero{position:relative;isolation:isolate;padding:104px 0 0;color:#fff;background:linear-gradient(135deg,#061426 0%,#09213d 58%,#08172d 100%)}.dev2-grid{position:absolute;z-index:-3;inset:0;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.78) 72%,transparent 100%)}.dev2-glow{position:absolute;z-index:-2;border-radius:50%;filter:blur(2px);pointer-events:none}.dev2-glow-a{top:-160px;left:-120px;width:480px;height:480px;background:radial-gradient(circle,rgba(32,189,255,.16),transparent 68%)}.dev2-glow-b{right:-180px;bottom:60px;width:500px;height:500px;background:radial-gradient(circle,rgba(112,84,246,.15),transparent 68%)}.dev2-hero-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(460px,.97fr);gap:74px;align-items:center}.dev2-breadcrumb{justify-content:flex-start!important;margin-bottom:23px}.dev2-breadcrumb a,.dev2-breadcrumb span{color:#93aac2!important}.dev2-kicker{display:inline-flex;align-items:center;gap:8px;color:#1688ef;font-size:.65rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.dev2-kicker-dark{padding:8px 12px;border:1px solid rgba(98,211,255,.2);border-radius:999px;color:#8ce8ff;background:rgba(44,180,255,.075)}.dev2-kicker-light{color:#b9f5ff}.dev2-hero h1{max-width:780px;margin:21px 0 20px;color:#fff;font-size:clamp(2.85rem,5.2vw,5.05rem);line-height:1.025;letter-spacing:-.055em}.dev2-hero h1 strong{display:block;color:#72e5ff;background:linear-gradient(90deg,#74edff,#5ea8ff 52%,#a98cff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.dev2-hero-lead{max-width:715px;margin:0;color:#b8cade;font-size:1.02rem;line-height:1.75}.dev2-hero-lead strong{color:#f1f8ff}.dev2-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:29px}.dev2-btn{display:inline-flex;min-height:53px;align-items:center;justify-content:center;gap:9px;padding:0 20px;border:1px solid transparent;border-radius:14px;font-size:.75rem;font-weight:900;text-decoration:none!important;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.dev2-btn:hover{transform:translateY(-2px)}.dev2-btn-primary{color:#fff!important;background:linear-gradient(135deg,#178cf8,#4459ed);box-shadow:0 15px 34px rgba(24,132,246,.26)}.dev2-btn-primary:hover{box-shadow:0 19px 44px rgba(24,132,246,.34)}.dev2-btn-ghost{border-color:rgba(144,194,230,.22);color:#e2f0fd!important;background:rgba(255,255,255,.04)}.dev2-btn-ghost:hover{border-color:rgba(104,222,255,.35);background:rgba(255,255,255,.07)}.dev2-proof-row{display:flex;flex-wrap:wrap;gap:13px 19px;margin-top:23px;color:#8ba4bd;font-size:.64rem}.dev2-proof-row span{display:flex;align-items:center;gap:6px}.dev2-proof-row i{color:#54e5ae;font-size:.58rem}
.dev2-hero-visual{position:relative;min-height:520px;display:grid;place-items:center}.dev2-blueprint{position:relative;width:min(100%,540px);overflow:hidden;border:1px solid rgba(112,200,255,.18);border-radius:24px;background:rgba(8,28,50,.78);box-shadow:0 36px 86px rgba(0,0,0,.32);backdrop-filter:blur(13px)}.dev2-blueprint:before{position:absolute;inset:0;content:"";pointer-events:none;background:linear-gradient(115deg,transparent 35%,rgba(91,220,255,.05),transparent 68%);transform:translateX(-100%);animation:d2Sheen 7s ease-in-out infinite}.dev2-blueprint-top{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;height:46px;padding:0 14px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(5,17,32,.65)}.dev2-blueprint-top>span{display:flex;gap:5px}.dev2-blueprint-top>span i{width:6px;height:6px;border-radius:50%;background:#36516a}.dev2-blueprint-top>span i:first-child{background:#ff6a78}.dev2-blueprint-top>span i:nth-child(2){background:#ffc45c}.dev2-blueprint-top>span i:last-child{background:#41d79a}.dev2-blueprint-top b{justify-self:center;color:#6f8ba5;font-size:.55rem;font-weight:700}.dev2-blueprint-top>i{color:#48d9a0;font-size:.58rem}.dev2-blueprint-body{padding:28px}.dev2-project-badge{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:21px;padding:13px 14px;border:1px solid rgba(115,191,235,.10);border-radius:12px;background:rgba(255,255,255,.022)}.dev2-project-badge span{color:#6f8aa4;font-size:.55rem;text-transform:uppercase;letter-spacing:.12em}.dev2-project-badge strong{color:#d8f3ff;font-size:.7rem}.dev2-pipeline{display:grid;gap:9px}.dev2-pipeline article{display:grid;grid-template-columns:37px minmax(0,1fr) 34px;align-items:center;gap:12px;padding:12px 13px;border:1px solid rgba(119,186,226,.08);border-radius:13px;color:#7893ac;background:rgba(255,255,255,.018);transition:border-color .25s ease,background .25s ease,transform .25s ease,opacity .25s ease;opacity:.68}.dev2-pipeline article>span{display:grid;width:37px;height:37px;place-items:center;border-radius:10px;color:#5c7893;background:rgba(255,255,255,.04);font-size:.55rem;font-weight:900}.dev2-pipeline article strong,.dev2-pipeline article small{display:block}.dev2-pipeline article strong{color:#93abc1;font-size:.69rem}.dev2-pipeline article small{margin-top:3px;color:#58738d;font-size:.5rem}.dev2-pipeline article>i{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;color:#56738d;background:rgba(255,255,255,.035);font-size:.61rem}.dev2-pipeline article.active{transform:translateX(4px);border-color:rgba(92,218,255,.28);background:linear-gradient(90deg,rgba(36,175,244,.09),rgba(75,85,233,.04));opacity:1}.dev2-pipeline article.active>span{color:#061827;background:#64e5f1}.dev2-pipeline article.active strong{color:#ecf9ff}.dev2-pipeline article.active>i{color:#62e4ff;background:rgba(45,186,244,.10);box-shadow:0 0 22px rgba(54,194,255,.14)}.dev2-blueprint-footer{display:flex;gap:8px;margin-top:20px;padding-top:17px;border-top:1px solid rgba(255,255,255,.06)}.dev2-blueprint-footer span{display:flex;align-items:center;gap:5px;padding:6px 8px;border-radius:8px;color:#68849e;background:rgba(255,255,255,.025);font-size:.5rem}.dev2-blueprint-footer i{color:#45cfee}.dev2-trust-strip{display:flex;align-items:center;gap:14px;min-height:76px;margin-top:31px;border-top:1px solid rgba(255,255,255,.07);overflow:hidden;color:#6e89a4;white-space:nowrap;font-size:.57rem}.dev2-trust-strip strong{margin-right:auto;color:#a8bfd4;font-size:.62rem}.dev2-trust-strip i{width:3px;height:3px;border-radius:50%;background:#258fca}
.dev2-section{padding:94px 0}.dev2-solutions{background:#f5f9fd}.dev2-section-head{max-width:820px;margin-bottom:36px}.dev2-section-head h2{margin:9px 0 12px;color:var(--d2-ink);font-size:clamp(2rem,3.8vw,3.35rem);line-height:1.08;letter-spacing:-.042em}.dev2-section-head p{margin:0;color:var(--d2-muted);font-size:.83rem;line-height:1.7}.dev2-section-head-row{display:flex;max-width:none;align-items:end;justify-content:space-between;gap:35px}.dev2-section-head-row>div:first-child{max-width:820px}.dev2-carousel-controls{display:flex;gap:8px;flex:0 0 auto}.dev2-carousel-controls button{display:grid;width:46px;height:46px;place-items:center;border:1px solid #d5e4f0;border-radius:14px;cursor:pointer;color:#26445f;background:#fff;box-shadow:0 8px 22px rgba(8,31,64,.05);transition:transform .2s ease,border-color .2s ease,color .2s ease}.dev2-carousel-controls button:hover{transform:translateY(-2px);border-color:#9ecff3;color:#0f87e9}.dev2-carousel{overflow:hidden}.dev2-carousel-track{display:grid;grid-auto-columns:calc((100% - 32px)/3);grid-auto-flow:column;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:4px 2px 18px}.dev2-carousel-track::-webkit-scrollbar{display:none}.dev2-solution-card{display:flex;min-height:345px;scroll-snap-align:start;flex-direction:column;padding:25px;border:1px solid #dce8f3;border-radius:20px;background:#fff;box-shadow:0 13px 34px rgba(8,31,64,.045);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.dev2-solution-card:hover{transform:translateY(-4px);border-color:#b4daf7;box-shadow:0 22px 49px rgba(8,31,64,.09)}.dev2-solution-icon{display:grid;width:47px;height:47px;place-items:center;border-radius:14px;color:#1688ee;background:linear-gradient(135deg,#e9f7ff,#eef1ff);font-size:1.05rem}.dev2-solution-card>span{margin-top:19px;color:#3e98e3;font-size:.56rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.dev2-solution-card h3{margin:7px 0 9px;font-size:1.08rem}.dev2-solution-card p{margin:0;color:#687c91;font-size:.72rem;line-height:1.65}.dev2-solution-card ul{display:grid;gap:6px;margin:17px 0 20px;padding:14px 0 0;border-top:1px solid #edf3f7;list-style:none}.dev2-solution-card li{display:flex;align-items:center;gap:6px;color:#536b82;font-size:.62rem}.dev2-solution-card li i{color:#18af79;font-size:.52rem}.dev2-solution-card>a{display:flex;align-items:center;gap:7px;margin-top:auto;color:#1388ed;font-size:.62rem;font-weight:850;text-decoration:none}.dev2-carousel-meta{display:grid;grid-template-columns:minmax(160px,.34fr) minmax(0,1.66fr);gap:30px;align-items:center;margin-top:15px;padding-top:22px;border-top:1px solid #deebf4}.dev2-progress{height:4px;overflow:hidden;border-radius:999px;background:#dce8f1}.dev2-progress span{display:block;width:12%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#17a4f6,#4b61ef);transition:width .2s ease}.dev2-carousel-meta p{margin:0;color:#536a80;font-size:.83rem;line-height:1.65}.dev2-carousel-meta strong{color:#153650}
.dev2-process{background:#fff}.dev2-process-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(500px,1.18fr);gap:86px;align-items:center}.dev2-process-copy h2{margin:10px 0 15px;font-size:clamp(2rem,3.6vw,3.3rem);line-height:1.09;letter-spacing:-.042em}.dev2-process-copy>p{max-width:610px;margin:0;color:#647a90;font-size:.82rem;line-height:1.75}.dev2-process-note{display:grid;grid-template-columns:34px 1fr;gap:11px;max-width:600px;margin-top:24px;padding:13px;border:1px solid #dce8f3;border-radius:14px;background:#f7fbfe;color:#647a90;font-size:.65rem;line-height:1.55}.dev2-process-note>i{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;color:#198cef;background:#e8f5ff}.dev2-process-note strong{color:#26465f}.dev2-text-link{display:inline-flex;align-items:center;gap:7px;margin-top:22px;color:#1489ee!important;font-size:.67rem;font-weight:900;text-decoration:none!important}.dev2-timeline{position:relative;display:grid;gap:8px;padding-left:53px}.dev2-timeline-line{position:absolute;top:22px;bottom:22px;left:20px;width:2px;overflow:hidden;border-radius:3px;background:#dce8f1}.dev2-timeline-line span{display:block;width:100%;height:0;background:linear-gradient(to bottom,#22c9e9,#168af2,#6558ec);transition:height 1.8s cubic-bezier(.2,.7,.2,1)}.dev2-timeline.is-running .dev2-timeline-line span{height:100%}.dev2-timeline article{position:relative;display:grid;grid-template-columns:42px 1fr;gap:14px;padding:14px 15px;border:1px solid #e1ebf4;border-radius:16px;background:#fbfdff;opacity:.58;transform:translateX(9px);transition:opacity .4s ease,transform .4s ease,border-color .4s ease,background .4s ease}.dev2-timeline article:before{position:absolute;top:27px;left:-42px;width:15px;height:15px;border:4px solid #edf4f8;border-radius:50%;content:"";background:#b9cbd9;transition:background .3s ease,box-shadow .3s ease,border-color .3s ease}.dev2-timeline.is-running article{opacity:1;transform:translateX(0)}.dev2-timeline.is-running article:nth-of-type(2){transition-delay:.2s}.dev2-timeline.is-running article:nth-of-type(3){transition-delay:.55s}.dev2-timeline.is-running article:nth-of-type(4){transition-delay:.9s}.dev2-timeline.is-running article:nth-of-type(5){transition-delay:1.25s}.dev2-timeline.is-running article:before{background:#27cbea;border-color:#d9f8fc;box-shadow:0 0 0 5px rgba(39,203,234,.08)}.dev2-timeline article>b{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;color:#1687ee;background:#eaf6ff;font-size:.58rem}.dev2-timeline article span{color:#1889ed;font-size:.52rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.dev2-timeline article h3{margin:4px 0 4px;font-size:.78rem}.dev2-timeline article p{margin:0;color:#74879a;font-size:.61rem;line-height:1.55}
.dev2-custom{position:relative;isolation:isolate;overflow:hidden;padding:84px 0;color:#fff;background:linear-gradient(125deg,#0879df 0%,#175bd9 50%,#5c48e4 100%)}.dev2-custom-pattern{position:absolute;z-index:-1;inset:0;background-image:radial-gradient(circle at 10% 15%,rgba(255,255,255,.16),transparent 22%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:auto,52px 52px,52px 52px}.dev2-custom-grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(530px,1.22fr);gap:65px;align-items:center}.dev2-custom-copy h2{margin:10px 0 13px;color:#fff;font-size:clamp(2rem,3.55vw,3.25rem);line-height:1.08;letter-spacing:-.04em}.dev2-custom-copy p{max-width:590px;margin:0;color:#d8e8ff;font-size:.79rem;line-height:1.7}.dev2-custom-copy p strong{color:#fff}.dev2-btn-white{margin-top:22px;color:#1269ce!important;background:#fff;box-shadow:0 14px 34px rgba(3,34,93,.18)}.dev2-compare{overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:#06192e;box-shadow:0 26px 65px rgba(2,23,60,.24)}.dev2-compare>div{display:grid;grid-template-columns:1fr 1fr;min-height:61px;align-items:center;border-bottom:1px solid rgba(255,255,255,.07)}.dev2-compare>div:last-child{border-bottom:0}.dev2-compare span,.dev2-compare strong{padding:15px 18px;font-size:.64rem}.dev2-compare span{color:#718ba5;border-right:1px solid rgba(255,255,255,.07)}.dev2-compare strong{color:#dff8ff;font-weight:750}.dev2-compare-head{min-height:50px!important;background:#041323}.dev2-compare-head span{color:#819ab2!important;font-size:.53rem!important;text-transform:uppercase;letter-spacing:.1em}.dev2-compare-head strong{color:#65e7fa!important;font-size:.53rem!important;text-transform:uppercase;letter-spacing:.1em}
.dev2-faq{background:#f6f9fc}.dev2-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;align-items:start}.dev2-faq-grid article{overflow:hidden;border:1px solid #dce8f2;border-radius:15px;background:#fff}.dev2-faq-grid button{display:flex;width:100%;min-height:64px;align-items:center;justify-content:space-between;gap:15px;padding:15px 17px;border:0;cursor:pointer;color:#17314a;background:transparent;text-align:left;font-size:.68rem;font-weight:850}.dev2-faq-grid button i{color:#2393e9;transition:transform .2s ease}.dev2-faq-grid article.open button i{transform:rotate(45deg)}.dev2-faq-grid article>div{display:none;padding:0 17px 17px}.dev2-faq-grid article.open>div{display:block}.dev2-faq-grid p{margin:0;color:#687d91;font-size:.65rem;line-height:1.7}.dev2-final{position:relative;isolation:isolate;overflow:hidden;padding:88px 0;color:#fff;background:#07182c}.dev2-final-glow{position:absolute;z-index:-1;top:-280px;left:50%;width:780px;height:500px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(37,178,255,.20),rgba(93,76,239,.08) 45%,transparent 70%)}.dev2-final-inner{max-width:850px!important;text-align:center}.dev2-final-inner h2{margin:12px 0 12px;color:#fff;font-size:clamp(2.35rem,4.6vw,4.15rem);line-height:1.03;letter-spacing:-.05em}.dev2-final-inner p{margin:0 auto;color:#a8bcd0;font-size:.83rem;line-height:1.7}.dev2-actions-center{justify-content:center}.dev2-mobile-cta{display:none}.dev2-reveal{transform:translateY(18px);opacity:0;transition:transform .62s cubic-bezier(.2,.75,.2,1),opacity .62s ease}.dev2-reveal.is-visible{transform:translateY(0);opacity:1}@keyframes d2Sheen{0%,72%,100%{transform:translateX(-120%)}84%{transform:translateX(120%)}}
@media(max-width:1100px){.dev2-hero-grid,.dev2-process-grid,.dev2-custom-grid{grid-template-columns:1fr;gap:46px}.dev2-hero-visual{min-height:auto;width:min(100%,680px);margin:auto}.dev2-carousel-track{grid-auto-columns:calc((100% - 16px)/2)}.dev2-process-copy{max-width:760px}.dev2-custom-copy{max-width:760px}.dev2-compare{width:100%}}
@media(max-width:760px){.dev2-hero{padding-top:85px}.dev2-hero h1{font-size:clamp(2.35rem,11vw,3.55rem)}.dev2-hero-lead{font-size:.9rem}.dev2-actions{display:grid}.dev2-btn{width:100%}.dev2-proof-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.dev2-blueprint-body{padding:18px}.dev2-blueprint{border-radius:18px}.dev2-project-badge{display:grid;gap:4px}.dev2-pipeline article{grid-template-columns:35px minmax(0,1fr) 30px;padding:10px}.dev2-blueprint-footer{overflow:auto}.dev2-trust-strip{justify-content:flex-start;overflow:auto;scrollbar-width:none}.dev2-trust-strip strong{display:none}.dev2-section{padding:72px 0}.dev2-section-head-row{display:block}.dev2-carousel-controls{margin-top:20px}.dev2-carousel-track{grid-auto-columns:86%}.dev2-carousel-meta{grid-template-columns:1fr;gap:15px}.dev2-carousel-meta p{font-size:.76rem}.dev2-process-grid{gap:36px}.dev2-timeline{padding-left:43px}.dev2-timeline-line{left:16px}.dev2-timeline article:before{left:-35px}.dev2-custom{padding:70px 0}.dev2-compare{overflow-x:auto}.dev2-compare>div{min-width:590px}.dev2-faq-grid{grid-template-columns:1fr}.dev2-final{padding:75px 0 102px}.dev2-final-inner h2{font-size:2.55rem}.dev2-mobile-cta{position:fixed;z-index:930;right:10px;bottom:10px;left:10px;display:flex;min-height:54px;align-items:center;justify-content:center;gap:8px;padding:0 16px;border:1px solid rgba(255,255,255,.18);border-radius:15px;color:#fff!important;background:linear-gradient(135deg,#178cf8,#435aed);box-shadow:0 18px 40px rgba(5,27,65,.33);font-size:.7rem;font-weight:900;text-decoration:none!important;transform:translateY(90px);opacity:0;transition:transform .25s ease,opacity .25s ease}.dev2-mobile-cta.visible{transform:translateY(0);opacity:1}}
@media(max-width:470px){.dev2-proof-row{grid-template-columns:1fr}.dev2-carousel-track{grid-auto-columns:92%}.dev2-compare span,.dev2-compare strong{padding:14px 12px}}
@media(prefers-reduced-motion:reduce){.dev2-reveal{transform:none!important;opacity:1!important;transition:none!important}.dev2-blueprint:before{animation:none!important}.dev2-carousel-track{scroll-behavior:auto!important}.dev2-timeline-line span{transition:none!important}.dev2-timeline article{transition:none!important}}


/* ================================================================
   Data Reset Desenvolvimento v3 — conversão, movimento sutil e SEO
   ================================================================ */

/* Hero mais curto e com hierarquia mais direta */
.dev2-hero{padding-top:82px}
.dev2-hero-grid{grid-template-columns:minmax(0,1.08fr) minmax(400px,.92fr);gap:58px}
.dev2-breadcrumb{margin-bottom:17px}
.dev2-hero h1{max-width:690px;margin:16px 0 15px;font-size:clamp(2.55rem,4.55vw,4.35rem);line-height:1.01}
.dev2-hero-lead{max-width:650px;font-size:.92rem;line-height:1.68}
.dev2-actions{margin-top:23px}
.dev2-proof-row{margin-top:18px}
.dev2-hero-visual{min-height:405px}
.dev2-blueprint{width:min(100%,465px);border-radius:20px;box-shadow:0 25px 65px rgba(0,0,0,.25)}
.dev2-blueprint-top{height:40px}
.dev2-blueprint-body{padding:20px}
.dev2-project-badge{margin-bottom:13px;padding:10px 11px}
.dev2-pipeline{gap:7px}
.dev2-pipeline article{grid-template-columns:32px minmax(0,1fr) 29px;gap:10px;padding:9px 10px;border-radius:11px}
.dev2-pipeline article>span{width:32px;height:32px;border-radius:9px}
.dev2-pipeline article>i{width:27px;height:27px}
.dev2-blueprint-footer{padding-top:11px}

/* Bolhas discretas e independentes do conteúdo */
.dev3-bubbles{position:absolute;z-index:-1;inset:0;overflow:hidden;pointer-events:none}
.dev3-bubbles i{position:absolute;display:block;width:7px;height:7px;border:1px solid rgba(255,255,255,.38);border-radius:50%;background:rgba(255,255,255,.10);box-shadow:0 0 14px rgba(255,255,255,.06);animation:dev3Bubble 8s ease-in-out infinite}
.dev3-bubbles i:nth-child(1){top:17%;left:7%;width:5px;height:5px;animation-delay:-1s}
.dev3-bubbles i:nth-child(2){top:30%;left:20%;width:9px;height:9px;animation-delay:-4.5s}
.dev3-bubbles i:nth-child(3){top:68%;left:12%;width:6px;height:6px;animation-delay:-2.2s}
.dev3-bubbles i:nth-child(4){top:21%;left:54%;width:4px;height:4px;animation-delay:-6s}
.dev3-bubbles i:nth-child(5){top:73%;left:47%;width:8px;height:8px;animation-delay:-3.2s}
.dev3-bubbles i:nth-child(6){top:15%;right:12%;width:6px;height:6px;animation-delay:-5.3s}
.dev3-bubbles i:nth-child(7){top:46%;right:5%;width:10px;height:10px;animation-delay:-1.9s}
.dev3-bubbles i:nth-child(8){bottom:13%;right:25%;width:5px;height:5px;animation-delay:-7s}
.dev3-bubbles i:nth-child(9){bottom:26%;left:34%;width:4px;height:4px;animation-delay:-3.9s}
@keyframes dev3Bubble{0%,100%{transform:translate3d(0,0,0) scale(.85);opacity:.20}45%{transform:translate3d(5px,-14px,0) scale(1.18);opacity:.52}70%{transform:translate3d(-3px,-8px,0) scale(1);opacity:.30}}

/* Tecnologias: mais conteúdo sem transformar a faixa em ruído */
.dev2-trust-strip{align-items:flex-start;gap:20px;padding:19px 0 22px}
.dev2-trust-strip>strong{flex:0 0 285px;line-height:1.5}
.dev3-tech-list{display:flex;flex:1;flex-wrap:wrap;gap:7px}
.dev3-tech-list span{display:inline-flex!important;align-items:center;min-height:28px;padding:5px 9px;border:1px solid rgba(131,190,229,.11);border-radius:999px;color:#819ab3!important;background:rgba(255,255,255,.025);font-size:.53rem!important;font-weight:750;letter-spacing:.02em;text-transform:none!important}

/* Carousel realmente automático; aparência permanece controlada */
.dev2-carousel{position:relative}
.dev2-carousel-track{overscroll-behavior-inline:contain}
.dev2-carousel.is-autoplaying:after{position:absolute;right:5px;bottom:4px;width:5px;height:5px;border-radius:50%;content:"";background:#20bdf2;box-shadow:0 0 0 4px rgba(32,189,242,.08);animation:dev3Pulse 1.8s ease-in-out infinite}

/* Timeline: ponto percorre a linha e etapas pulsam quando alcançadas */
.dev2-timeline{--runner-y:22px;--line-progress:0%;isolation:isolate}
.dev2-timeline-line{overflow:visible}
.dev2-timeline-line span{height:var(--line-progress)!important;transition:height .75s cubic-bezier(.25,.75,.25,1);box-shadow:0 0 12px rgba(37,181,241,.22)}
.dev3-timeline-runner{position:absolute;z-index:4;top:0;left:13px;display:grid;width:16px;height:16px;place-items:center;transform:translateY(var(--runner-y));border:3px solid #e8fbff;border-radius:50%;background:#28cce9;box-shadow:0 0 0 7px rgba(40,204,233,.10),0 0 25px rgba(40,204,233,.45);transition:transform .75s cubic-bezier(.25,.75,.25,1),opacity .2s ease}
.dev3-timeline-runner i{width:5px;height:5px;border-radius:50%;background:#fff;animation:dev3RunnerPulse 1.05s ease-in-out infinite}
.dev2-timeline article{opacity:.62;transform:none}
.dev2-timeline article:before{z-index:3}
.dev2-timeline article.dev3-complete{opacity:.88;border-color:#cdeaf3;background:#f9fdff}
.dev2-timeline article.dev3-complete:before{background:#74ddec;border-color:#e4fbff;box-shadow:0 0 0 4px rgba(39,203,234,.06)}
.dev2-timeline article.dev3-active{opacity:1;border-color:#8dddec;background:linear-gradient(90deg,#f4fdff,#fbfdff);box-shadow:0 14px 34px rgba(12,119,166,.08)}
.dev2-timeline article.dev3-active:before{background:#19c6e6;border-color:#defaff;box-shadow:0 0 0 6px rgba(25,198,230,.12),0 0 20px rgba(25,198,230,.34);animation:dev3NodePulse 1.05s ease-in-out infinite}
.dev2-timeline article.dev3-active>b{color:#fff;background:linear-gradient(135deg,#19bfe8,#2489f0);box-shadow:0 8px 20px rgba(24,141,237,.18)}
@keyframes dev3RunnerPulse{0%,100%{transform:scale(.72);opacity:.55}50%{transform:scale(1.25);opacity:1}}
@keyframes dev3NodePulse{0%,100%{transform:scale(.92)}50%{transform:scale(1.11)}}
@keyframes dev3Pulse{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}

/* FAQ organizado por intenção de busca e leitura */
.dev3-faq-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.dev3-faq-group{overflow:hidden;border:1px solid #dce8f2;border-radius:20px;background:rgba(255,255,255,.58)}
.dev3-faq-group>header{padding:18px 18px 14px;border-bottom:1px solid #e3edf5;background:linear-gradient(145deg,#fff,#f8fbfe)}
.dev3-faq-group>header span,.dev3-faq-group>header small{display:block}
.dev3-faq-group>header span{color:#15324d;font-family:"Plus Jakarta Sans",sans-serif;font-size:.79rem;font-weight:850}
.dev3-faq-group>header small{margin-top:5px;color:#7a8da0;font-size:.58rem;line-height:1.5}
.dev3-faq-group .dev2-faq-grid{display:grid;grid-template-columns:1fr;gap:0}
.dev3-faq-group .dev2-faq-grid article{border:0;border-bottom:1px solid #e8eff5;border-radius:0;background:#fff}
.dev3-faq-group .dev2-faq-grid article:last-child{border-bottom:0}
.dev3-faq-group .dev2-faq-grid button{min-height:58px;padding:14px 16px;font-size:.64rem;line-height:1.45}
.dev3-faq-group .dev2-faq-grid article>div{padding:0 16px 15px}
.dev3-faq-group .dev2-faq-grid p{font-size:.61rem;line-height:1.72}

@media(max-width:1100px){
  .dev2-hero-grid{grid-template-columns:1fr;gap:24px}.dev2-hero-copy{max-width:800px}.dev2-hero-visual{width:min(100%,560px)}
  .dev3-faq-groups{grid-template-columns:1fr 1fr}.dev2-trust-strip{display:block}.dev2-trust-strip>strong{display:block;margin-bottom:12px}.dev3-tech-list{width:100%}
}
@media(max-width:760px){
  .dev2-hero{padding-top:72px}.dev2-hero h1{font-size:clamp(2.25rem,10vw,3.15rem)}.dev2-hero-lead{font-size:.85rem}.dev2-hero-visual{max-width:520px}.dev2-blueprint{width:min(100%,430px)}
  .dev3-bubbles i:nth-child(2),.dev3-bubbles i:nth-child(7){display:none}.dev3-faq-groups{grid-template-columns:1fr}.dev3-timeline-runner{left:9px}.dev2-trust-strip{padding-top:16px}.dev3-tech-list{gap:6px}.dev3-tech-list span{font-size:.5rem!important}
}
@media(max-width:470px){.dev2-hero-visual{max-width:100%}.dev2-blueprint-body{padding:14px}.dev2-pipeline article{grid-template-columns:30px minmax(0,1fr) 26px}.dev2-pipeline article>span{width:30px;height:30px}.dev2-pipeline article small{display:none}}
@media(prefers-reduced-motion:reduce){.dev3-bubbles i,.dev3-timeline-runner i,.dev2-timeline article.dev3-active:before,.dev2-carousel.is-autoplaying:after{animation:none!important}.dev3-timeline-runner{transition:none!important}}


/* ================================================================
   Data Reset Desenvolvimento v4
   Ajustes de navegação, timeline e ordem comercial
   ================================================================ */

:root{
  --dev4-process-border:#dcefff;
  --dev4-node:#2d3944;
  --dev4-node-border:#dce4eb;
}

/* O header do site é sobreposto/fixo: cria área segura para breadcrumb. */
.dev2-hero{
  padding-top:118px;
}
.dev2-breadcrumb{
  position:relative;
  z-index:4;
}

/* Mantém o hero compacto apesar do espaço extra para o menu. */
.dev2-hero-visual{
  min-height:390px;
}
.dev2-trust-strip{
  min-height:68px;
  margin-top:22px;
}

/* Como trabalhamos: borda e quadrado do número compartilham a mesma família visual. */
.dev2-timeline article{
  border-color:var(--dev4-process-border);
}
.dev2-timeline article>b{
  border:1px solid var(--dev4-process-border);
  background:var(--dev4-process-border);
}

/* Nós fixos ficam neutros; o runner azul é quem comunica progresso. */
.dev2-timeline article:before,
.dev2-timeline article.dev3-complete:before,
.dev2-timeline article.dev3-active:before{
  left:-40px;
  width:15px;
  height:15px;
  border:4px solid var(--dev4-node-border);
  background:var(--dev4-node);
}
.dev2-timeline article.dev3-complete:before{
  background:#465460;
  border-color:#dce4eb;
  box-shadow:0 0 0 4px rgba(42,60,74,.055);
}
.dev2-timeline article.dev3-active:before{
  background:#26323d;
  border-color:#dfe7ed;
  box-shadow:
    0 0 0 6px rgba(25,198,230,.10),
    0 0 18px rgba(25,198,230,.16);
  animation:none;
}

/* Runner perfeitamente centralizado na linha e sobre o nó. */
.dev3-timeline-runner{
  left:13px;
  width:16px;
  height:16px;
  border:3px solid rgba(235,252,255,.98);
  background:#1bc7e6;
  box-shadow:
    0 0 0 6px rgba(27,199,230,.11),
    0 0 24px rgba(27,199,230,.42);
}
.dev3-timeline-runner:after{
  position:absolute;
  inset:-9px;
  border:1px solid rgba(27,199,230,.26);
  border-radius:50%;
  content:"";
  animation:dev4RunnerHalo 1.25s ease-out infinite;
}
@keyframes dev4RunnerHalo{
  0%{transform:scale(.62);opacity:.9}
  75%,100%{transform:scale(1.38);opacity:0}
}

/* Cards ganham destaque quando o ponto chega neles sem trocar o nó fixo de cor. */
.dev2-timeline article.dev3-active{
  border-color:#89ddec;
  background:linear-gradient(90deg,#f4fdff,#fbfdff);
}
.dev2-timeline article.dev3-complete{
  border-color:var(--dev4-process-border);
}

/* CTA vem antes; FAQ encerra a narrativa antes do footer. */
.dev2-faq{
  border-top:1px solid #e8f0f6;
}

/* Social/SEO não precisa interferir no layout, mas mantém imagem social fora do fluxo. */

@media(max-width:760px){
  .dev2-hero{
    padding-top:102px;
  }
  .dev2-timeline article:before,
  .dev2-timeline article.dev3-complete:before,
  .dev2-timeline article.dev3-active:before{
    left:-34px;
  }
  .dev3-timeline-runner{
    left:9px;
  }
}

@media(prefers-reduced-motion:reduce){
  .dev3-timeline-runner:after{
    animation:none!important;
  }
}


/* ==================================================================
   Data Reset Desenvolvimento V5 — Timeline reconstruída
   Os nós são elementos reais; runner e rail usam o mesmo eixo.
   ================================================================== */

.dev2-timeline{
    --dev5-rail-x: 23px;
    --dev5-side-space: 61px;
    --dev5-node-size: 18px;
    --dev5-runner-size: 20px;
    --dev5-rail-top: 0px;
    --dev5-rail-height: 0px;
    position:relative;
    isolation:isolate;
    display:grid;
    gap:12px;
    padding-left:var(--dev5-side-space);
}

/* Desativa definitivamente as bolinhas antigas em pseudo-elemento. */
.dev2-timeline article:before,
.dev2-timeline article.dev3-active:before,
.dev2-timeline article.dev3-complete:before,
.dev2-timeline.is-running article:before{
    display:none!important;
    content:none!important;
}

/* Trilho: posição e altura calculadas pelos centros reais dos nós. */
.dev2-timeline-line{
    position:absolute!important;
    z-index:0;
    top:var(--dev5-rail-top)!important;
    bottom:auto!important;
    left:calc(var(--dev5-rail-x) - 1.5px)!important;
    width:3px!important;
    height:var(--dev5-rail-height)!important;
    overflow:visible!important;
    border-radius:999px!important;
    background:linear-gradient(
        to bottom,
        #d5e1ea,
        #e2eaf0
    )!important;
    box-shadow:inset 0 0 0 1px rgba(106,137,160,.04);
}

.dev2-timeline-line:before{
    position:absolute;
    inset:-8px -7px;
    z-index:-1;
    border-radius:999px;
    content:"";
    background:linear-gradient(
        to bottom,
        rgba(44,174,238,.025),
        rgba(36,198,226,.05),
        rgba(71,91,235,.025)
    );
}

.dev2-timeline-line span{
    display:block!important;
    width:100%!important;
    height:var(--line-progress)!important;
    max-height:100%;
    border-radius:999px;
    background:linear-gradient(
        to bottom,
        #1ba7ef 0%,
        #1bc9df 54%,
        #5368ed 100%
    )!important;
    box-shadow:
        0 0 10px rgba(25,179,230,.18),
        0 0 22px rgba(25,179,230,.08);
    transition:height .74s cubic-bezier(.22,.78,.24,1)!important;
}

/* Cards */
.dev2-timeline article{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:44px minmax(0,1fr);
    gap:15px;
    align-items:center;
    min-height:96px;
    padding:15px 17px;
    border:1px solid #dcefff!important;
    border-radius:18px;
    background:
        linear-gradient(135deg,#fff 0%,#fbfdff 100%)!important;
    opacity:1!important;
    transform:none!important;
    box-shadow:
        0 8px 26px rgba(15,51,81,.025),
        inset 0 1px 0 rgba(255,255,255,.9);
    transition:
        border-color .32s ease,
        box-shadow .32s ease,
        transform .32s ease,
        background .32s ease!important;
}

.dev2-timeline article>b{
    position:relative;
    z-index:2;
    display:grid;
    width:44px;
    height:44px;
    place-items:center;
    border:1px solid #cce8ff!important;
    border-radius:13px;
    color:#1687ee;
    background:linear-gradient(
        145deg,
        #eaf7ff,
        #dfefff
    )!important;
    box-shadow:0 5px 14px rgba(21,137,238,.055);
    font-size:.59rem;
    transition:
        color .3s ease,
        background .3s ease,
        box-shadow .3s ease,
        transform .3s ease;
}

/* Nó fixo real. */
.dev5-timeline-node{
    position:absolute;
    z-index:5;
    top:50%;
    left:calc(
        var(--dev5-rail-x)
        - var(--dev5-side-space)
        - (var(--dev5-node-size) / 2)
    );
    display:grid;
    width:var(--dev5-node-size);
    height:var(--dev5-node-size);
    place-items:center;
    transform:translateY(-50%);
    border:4px solid #e9eff4;
    border-radius:50%;
    background:#303b45;
    box-shadow:
        0 0 0 3px rgba(47,59,69,.045),
        0 4px 10px rgba(18,39,56,.08);
    box-sizing:border-box!important;
    transition:
        border-color .3s ease,
        background .3s ease,
        box-shadow .3s ease;
}

.dev5-timeline-node i{
    display:none;
}

/* Runner: o JS posiciona pelo centro real do nó. */
.dev3-timeline-runner{
    position:absolute!important;
    z-index:8!important;
    top:0!important;
    left:calc(
        var(--dev5-rail-x)
        - (var(--dev5-runner-size) / 2)
    )!important;
    display:grid!important;
    width:var(--dev5-runner-size)!important;
    height:var(--dev5-runner-size)!important;
    place-items:center;
    transform:translateY(var(--runner-y))!important;
    box-sizing:border-box!important;
    border:3px solid #ffffff!important;
    border-radius:50%;
    background:#18c5df!important;
    box-shadow:
        0 0 0 5px rgba(24,197,223,.11),
        0 0 21px rgba(24,197,223,.34)!important;
    transition:
        transform .72s cubic-bezier(.24,.76,.25,1),
        opacity .2s ease!important;
}

.dev3-timeline-runner i{
    display:block;
    width:5px;
    height:5px;
    border-radius:50%;
    background:#fff;
    box-shadow:0 0 8px rgba(255,255,255,.9);
    animation:dev5RunnerCore 1.05s ease-in-out infinite;
}

.dev3-timeline-runner:before{
    position:absolute;
    inset:-8px;
    border:1px solid rgba(24,197,223,.27);
    border-radius:50%;
    content:"";
    animation:dev5RunnerHalo 1.25s ease-out infinite;
}

.dev3-timeline-runner:after{
    display:none!important;
    content:none!important;
}

@keyframes dev5RunnerCore{
    0%,100%{transform:scale(.82);opacity:.86}
    50%{transform:scale(1.22);opacity:1}
}

@keyframes dev5RunnerHalo{
    0%{transform:scale(.58);opacity:.9}
    76%,100%{transform:scale(1.45);opacity:0}
}

/* Etapa atual */
.dev2-timeline article.dev3-active{
    transform:translateX(4px)!important;
    border-color:#76d7ea!important;
    background:
        linear-gradient(
            105deg,
            rgba(237,252,255,.98),
            #fff 50%,
            #fbfdff
        )!important;
    box-shadow:
        0 15px 36px rgba(21,116,171,.075),
        inset 3px 0 0 rgba(26,193,222,.65);
}

.dev2-timeline article.dev3-active>b{
    color:#fff;
    border-color:#1aa9ee!important;
    background:linear-gradient(
        135deg,
        #16a8f0,
        #1b9ee9
    )!important;
    box-shadow:
        0 8px 20px rgba(20,148,230,.22),
        0 0 0 4px rgba(20,148,230,.055);
    transform:translateY(-1px);
}

/* Etapas já percorridas ficam apenas levemente confirmadas. */
.dev2-timeline article.dev3-complete{
    border-color:#dcefff!important;
    background:#fcfeff!important;
    box-shadow:0 7px 22px rgba(15,51,81,.02);
}

.dev2-timeline article.dev3-complete .dev5-timeline-node{
    background:#3e4b56;
    border-color:#e7edf2;
}

/* Texto */
.dev2-timeline article span:not(.dev5-timeline-node){
    color:#1788ed;
}

.dev2-timeline article h3{
    margin:5px 0 4px;
    color:#132b45;
    font-size:.8rem;
    line-height:1.35;
}

.dev2-timeline article p{
    color:#75889b;
    font-size:.61rem;
    line-height:1.58;
}

/* Desktop largo: um pouco mais de respiro. */
@media(min-width:1200px){
    .dev2-process-grid{
        gap:92px;
    }
    .dev2-timeline{
        gap:11px;
    }
}

/* Tablet */
@media(max-width:980px){
    .dev2-timeline{
        --dev5-rail-x:21px;
        --dev5-side-space:56px;
    }
}

/* Mobile */
@media(max-width:760px){
    .dev2-process-grid{
        gap:34px!important;
    }

    .dev2-timeline{
        --dev5-rail-x:17px;
        --dev5-side-space:46px;
        --dev5-node-size:16px;
        --dev5-runner-size:18px;
        gap:10px;
        padding-left:var(--dev5-side-space)!important;
    }

    .dev2-timeline-line{
        left:calc(var(--dev5-rail-x) - 1px)!important;
        width:2px!important;
    }

    .dev2-timeline article{
        grid-template-columns:40px minmax(0,1fr);
        gap:12px;
        min-height:92px;
        padding:13px 13px;
        border-radius:16px;
    }

    .dev2-timeline article>b{
        width:40px;
        height:40px;
        border-radius:12px;
    }

    .dev2-timeline article.dev3-active{
        transform:none!important;
        box-shadow:
            0 10px 26px rgba(21,116,171,.065),
            inset 3px 0 0 rgba(26,193,222,.62);
    }
}

@media(max-width:480px){
    .dev2-timeline{
        --dev5-rail-x:14px;
        --dev5-side-space:39px;
        --dev5-node-size:15px;
        --dev5-runner-size:17px;
    }

    .dev2-timeline article{
        grid-template-columns:36px minmax(0,1fr);
        gap:10px;
        min-height:90px;
        padding:12px;
    }

    .dev2-timeline article>b{
        width:36px;
        height:36px;
        border-radius:11px;
        font-size:.54rem;
    }

    .dev2-timeline article h3{
        font-size:.73rem;
    }

    .dev2-timeline article p{
        font-size:.57rem;
    }
}

@media(prefers-reduced-motion:reduce){
    .dev3-timeline-runner,
    .dev3-timeline-runner i,
    .dev3-timeline-runner:before{
        animation:none!important;
        transition:none!important;
    }
}
