@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap");
:root{--io-purple-deep:#25014B;--io-purple-shadow:#4D0BAB;--io-lilac-primary:#7819EA;--io-lilac-bright:#9751F4;--io-lavender-light:#EBCCFC;--io-lavender-mid:#BF89FB;--io-purple-ink:#25014B;--io-text-muted:#665679;--io-border-soft:#E8D9FF;--io-bg-soft:#F8F5FE;--white:#fff;--shadow:0 18px 45px rgba(37,1,75,.075);--io-font-heading:'Outfit',Arial,sans-serif;--io-font-body:'Inter',Arial,sans-serif;--io-radius-card:16px;--io-radius-button:10px;--io-space-unit:8px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:white;color:var(--io-purple-ink);font-family:'Inter',Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}svg{width:22px;height:22px}h1,h2,h3,h4{font-family:Outfit,Arial,sans-serif;line-height:1.16;letter-spacing:-.046em;margin:0}h1{font-size:clamp(2.5rem,4.4vw,4.6rem)}h2{font-size:clamp(1.9rem,3.2vw,3rem)}h3{font-size:1.2rem}p{margin:0 0 16px}ul{padding-left:22px}li{margin-bottom:9px}.wrap{width:min(1190px,calc(100% - 48px));margin-inline:auto}.section{padding:92px 0}.bg-soft{background:var(--io-bg-soft)}.bg-dark{background:linear-gradient(125deg,#25014B,#4D0BAB);color:#fff}.muted{color:var(--io-text-muted)}.light-muted{color:#BF89FB}.overline{font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#7819EA;margin-bottom:14px;display:flex;gap:11px;align-items:center}.overline:before{content:'';width:24px;height:3px;background:var(--io-lilac-bright);border-radius:4px}.overline.light{color:#BF89FB}.lead{font-size:1.13rem;line-height:1.85;color:var(--io-text-muted);max-width:780px}.section-head{max-width:770px;margin-bottom:42px}.section-head h2{margin-bottom:17px}.section-head p{color:var(--io-text-muted);font-size:1.05rem}.section-head.center{text-align:center;margin-inline:auto}.section-head.center .overline{justify-content:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 23px;border-radius:10px;min-height:50px;border:1px solid transparent;font-weight:800;font-size:14px;transition:transform .2s,background .2s,color .2s;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn svg{width:18px;height:18px}.btn-primary{background:var(--io-lilac-bright);color:#25014B}.btn-primary:hover{background:#9751F4}.btn-blue{background:var(--io-lilac-primary);color:white}.btn-blue:hover{background:#4D0BAB}.btn-ghost{border-color:#BF89FB;color:var(--io-lilac-primary);background:transparent}.btn-ghost:hover{background:#EBCCFC}.btn-outline-white{border-color:#7819EA;color:#fff;background:rgba(255,255,255,.04)}.btn-outline-white:hover{background:rgba(255,255,255,.14)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}.site-header{height:82px;position:sticky;top:0;z-index:80;background:rgba(255,255,255,.97);border-bottom:1px solid #EBCCFC;backdrop-filter:blur(12px)}.nav{height:100%;display:flex;align-items:center;gap:34px}.brand img{width:176px;height:auto;max-height:62px;object-fit:contain}.navlinks{margin-left:auto;display:flex;gap:27px;align-items:center}.navlinks a,.navlinks summary{font-size:13px;font-weight:800;color:#4D0BAB;cursor:pointer;white-space:nowrap;list-style:none}.navlinks a:hover,.navlinks summary:hover{color:var(--io-lilac-primary)}.navlinks details{position:relative}.navlinks summary::-webkit-details-marker{display:none}.navlinks summary svg{width:13px;height:13px;vertical-align:middle}.submenu{position:absolute;top:31px;left:-17px;min-width:235px;background:white;border:1px solid var(--io-border-soft);border-radius:13px;padding:11px;box-shadow:var(--shadow);display:grid;gap:2px}.submenu a{padding:10px 12px;border-radius:7px}.submenu a:hover{background:var(--io-bg-soft)}.navcta{min-height:43px;padding:10px 14px;font-size:12px}.menu-btn{display:none;margin-left:auto;background:transparent;border:none;padding:8px}.mobile-menu{display:none}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 10%,#4D0BAB 0%,transparent 40%),linear-gradient(120deg,#25014B,#4D0BAB);color:#fff}.hero .wrap{min-height:580px;padding:85px 0 92px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:48px}.hero h1{max-width:720px}.hero h1 em{font-style:normal;color:#9751F4}.hero p{color:#BF89FB;font-size:1.09rem;max-width:630px;line-height:1.82;margin-top:25px}.pill{display:inline-flex;border:1px solid #7819EA;color:#BF89FB;background:#4D0BAB;border-radius:99px;padding:7px 13px;margin-bottom:20px;font-size:12px;letter-spacing:.02em;font-weight:800}.visual{position:relative;min-height:355px;display:grid;place-items:center}.mock{border:1px solid #9751F455;background:#EBCCFC;border-radius:17px;width:min(100%,490px);box-shadow:0 36px 65px #0008;overflow:hidden;transform:rotate(-3deg)}.mock-top{height:44px;background:#ffffff;display:flex;align-items:center;gap:7px;padding:15px;border-bottom:1px solid #EBCCFC}.mock-top i{width:8px;height:8px;background:#EBCCFC;border-radius:50%}.mock-top i:first-child{background:#f7aa9a}.mock-top i:nth-child(2){background:#9751F4}.mock-top i:nth-child(3){background:#90dcc1}.mock-body{padding:22px 23px 27px;color:#4D0BAB;min-height:278px}.mock-heading{font-size:17px;font-weight:900;margin-bottom:6px}.mock-tiny{color:#9751F4;font-size:11px}.mock-hero{margin-top:18px;border-radius:9px;background:linear-gradient(120deg,#4D0BAB,#7819EA);color:#fff;padding:18px 17px;min-height:81px}.mock-hero b{font-size:14px}.mock-hero p{font-size:10px;color:#BF89FB;margin:5px 0 0}.mock-blocks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.mock-blocks span{border:1px solid #EBCCFC;border-radius:7px;background:#fff;height:53px;padding:10px;color:#7819EA;font-size:10px}.mock-blocks strong{display:block;font-size:14px;color:#7819EA}.float-flag{position:absolute;border-radius:11px;background:white;box-shadow:0 15px 35px #0004;color:#4D0BAB;padding:12px 15px;font-size:12px;font-weight:800;right:1%;bottom:10px}.float-flag svg{width:18px;height:18px;color:var(--io-lilac-bright);vertical-align:middle}.subhero{background:linear-gradient(110deg,#25014B,#4D0BAB);color:white;padding:90px 0 96px;overflow:hidden}.subhero h1{max-width:920px}.subhero p{max-width:760px;color:#BF89FB;font-size:1.08rem;line-height:1.8;margin-top:24px}.breadcrumb{font-size:13px;color:#9751F4;margin-bottom:24px}.breadcrumb a:hover{text-decoration:underline}.section .overline{margin-bottom:16px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.card{padding:30px;border-radius:17px;background:#fff;border:1px solid #EBCCFC;box-shadow:0 8px 25px rgba(17,54,73,.035);height:100%}.card h3{margin:15px 0 12px}.card p{color:var(--io-text-muted);line-height:1.75;margin:0;font-size:15px}.card .ico{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;color:var(--io-lilac-primary);background:#EBCCFC}.card .ico svg{width:23px;height:23px}.card>a{color:var(--io-lilac-primary);font-weight:800;font-size:13px;display:inline-flex;gap:7px;align-items:center;margin-top:22px}.card>a svg{width:16px;height:16px}.proof-bar{padding:21px 0;border-bottom:1px solid #EBCCFC;background:#fff}.proof-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px}.proof-inner span{display:flex;align-items:center;gap:8px;font-size:13px;color:#7819EA;font-weight:700}.proof-inner svg{color:#7819EA;width:17px;height:17px}.client-area{padding:70px 0 82px;background:#fff;overflow:hidden}.client-title{text-align:center}.client-title h2{font-size:2rem}.client-title p{color:var(--io-text-muted);margin:12px auto 32px}.marquee{overflow:hidden;position:relative;width:100%;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}.logo-track{display:flex;align-items:center;gap:18px;width:max-content;animation:logo-rail 38s linear infinite}.marquee:hover .logo-track{animation-play-state:paused}@keyframes logo-rail{to{transform:translateX(-50%)}}.logo-cell{width:208px;height:108px;background:white;border:1px solid #EBCCFC;border-radius:14px;display:flex;align-items:center;justify-content:center;padding:14px;flex:none}.logo-cell img{max-width:100%;max-height:72px;object-fit:contain}.metric{padding:28px;background:#EBCCFC;border-left:4px solid var(--io-lilac-bright);border-radius:12px}.metric b{font-size:25px;font-family:Outfit;letter-spacing:-.05em}.metric span{color:var(--io-text-muted);display:block;font-size:14px;line-height:1.6;margin-top:8px}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:58px}.feature-box{border:1px solid #BF89FB;background:linear-gradient(135deg,#EBCCFC,#fff);border-radius:20px;padding:34px}.feature-box h3{margin-bottom:17px}.checklist{padding:0;margin:0;list-style:none}.checklist li{display:flex;align-items:flex-start;gap:11px;margin-bottom:15px}.checklist svg{color:#7819EA;min-width:20px;margin-top:3px}.checklist strong{display:block}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.feature-item{border-radius:12px;background:#fff;border:1px solid #EBCCFC;padding:22px 16px;min-height:127px}.feature-item svg{color:var(--io-lilac-primary);width:22px;height:22px}.feature-item b{display:block;margin-top:12px;font-size:14px}.feature-item small{display:block;color:var(--io-text-muted);margin-top:5px;line-height:1.5}.steps{counter-reset:step}.step{display:flex;gap:21px;padding:22px 0;border-bottom:1px solid #EBCCFC}.step:before{counter-increment:step;content:'0' counter(step);color:#7819EA;font-family:Outfit;font-weight:900;font-size:25px;line-height:1}.step b{display:block;margin-bottom:6px}.step p{color:var(--io-text-muted);margin:0}.banner{background:linear-gradient(110deg,#25014B,#4D0BAB);color:#fff;border-radius:23px;padding:43px;display:flex;align-items:center;justify-content:space-between;gap:36px}.banner h2{font-size:2.1rem}.banner p{color:#BF89FB;max-width:670px;margin-top:13px;margin-bottom:0}.banner .btn{flex:none}.faq-list{max-width:940px;margin-inline:auto;display:grid;gap:10px}.faq-list details{border:1px solid #EBCCFC;background:white;border-radius:12px;padding:0 22px}.faq-list summary{padding:20px 30px 20px 0;font-weight:800;cursor:pointer;position:relative;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:2px;top:18px;color:var(--io-lilac-primary);font-size:24px}.faq-list details[open] summary:after{content:'−'}.faq-list p{color:var(--io-text-muted);margin:0;padding:0 0 21px;line-height:1.8}.cards-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.blog-card{background:white;border-radius:15px;overflow:hidden;border:1px solid #EBCCFC;display:flex;flex-direction:column}.blog-thumb{height:138px;background:linear-gradient(125deg,#4D0BAB,#7819EA);display:grid;place-items:center;color:white;position:relative}.blog-thumb span{font-family:Outfit;font-size:40px;font-weight:800;opacity:.16;letter-spacing:-.07em}.blog-thumb svg{position:absolute;width:50px;height:50px;color:#9751F4}.blog-text{padding:22px;display:flex;flex-direction:column;flex:1}.blog-tag{font-size:10px;color:#7819EA;letter-spacing:.1em;font-weight:900;text-transform:uppercase;margin-bottom:11px}.blog-text h3{font-size:17px;line-height:1.45;margin:0 0 10px}.blog-text p{color:var(--io-text-muted);font-size:14px;line-height:1.65;flex:1}.blog-text a{font-weight:800;color:#7819EA;font-size:13px}.blog-nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:25px}.blog-nav button{background:white;border:1px solid #BF89FB;border-radius:50px;padding:9px 16px;color:#7819EA;font-weight:800;font-size:12px}.blog-nav button.active{background:#7819EA;border-color:#7819EA;color:#fff}.blog-search{margin-bottom:22px;border:1px solid #BF89FB;background:white;border-radius:11px;padding:13px 16px;width:min(470px,100%)}.blog-empty{display:none;padding:25px;color:var(--io-text-muted)}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:60px;align-items:start}.article{max-width:810px}.article>p,.article section>p{color:#7819EA;font-size:16px;line-height:1.94}.article h2{font-size:29px;margin:39px 0 18px}.article h3{font-size:20px;margin:26px 0 12px}.article ul{color:#7819EA;line-height:1.85}.article li{margin-bottom:10px}.article .intro{font-size:18px;line-height:1.9;color:#4D0BAB}.article blockquote{background:#EBCCFC;border-left:4px solid var(--io-lilac-bright);margin:28px 0;padding:19px 24px;color:#4D0BAB;font-weight:700}.article-aside{position:sticky;top:110px;background:#EBCCFC;border-radius:17px;padding:26px}.article-aside p{color:var(--io-text-muted);font-size:14px}.sources{font-size:12px;color:#7819EA;line-height:1.9;margin-top:55px;padding:24px;background:#EBCCFC;border-radius:12px}.sources a{color:#4D0BAB;text-decoration:underline;word-break:break-all}.contact-grid{display:grid;grid-template-columns:.83fr 1.17fr;gap:48px;align-items:start}.contact-info{padding:34px;background:linear-gradient(160deg,#25014B,#4D0BAB);color:white;border-radius:18px}.contact-info p{color:#BF89FB}.contact-info h2{font-size:2rem;margin-bottom:18px}.contact-info a{display:block;color:#BF89FB;font-size:15px;margin:17px 0;word-break:break-all}.form-panel{padding:32px;border-radius:17px;border:1px solid #EBCCFC;background:white;box-shadow:var(--shadow)}.form-panel h3{margin-bottom:21px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field label{display:block;font-size:12px;font-weight:900;color:#7819EA;margin-bottom:8px}.field input,.field select,.field textarea{width:100%;background:white;border:1px solid #BF89FB;border-radius:9px;min-height:47px;padding:11px 13px;outline-color:#7819EA;color:#4D0BAB}.field textarea{min-height:119px;resize:vertical}.field.full{grid-column:1/-1}.consent{font-size:12px;color:#7819EA;display:flex;align-items:flex-start;gap:9px;margin:16px 0}.consent input{margin-top:4px}.form-help{font-size:11px;color:#7819EA;margin-top:12px}.form-status{font-size:13px;margin-top:13px;color:#7819EA}.footer{background:#25014B;color:#BF89FB;padding:62px 0 22px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(2,1fr);gap:70px}.footer-brand{width:188px;margin-bottom:15px;background:transparent;padding:0;border-radius:0}.footer p{max-width:360px;color:#9751F4;font-size:13px}.footer h3{font-size:15px;color:white;margin-bottom:17px}.footer a{display:block;margin:11px 0;font-size:13px;color:#BF89FB}.footer a:hover{color:#fff}.footer-bottom{border-top:1px solid #4D0BAB;margin-top:43px;padding-top:20px;color:#9751F4;font-size:12px}.whatsapp{position:fixed;z-index:99;bottom:22px;right:22px;width:62px;height:62px;border-radius:50%;background:#25d366;color:white;box-shadow:0 9px 26px #0f603d66;display:grid;place-items:center;transition:.2s}.whatsapp:hover{transform:scale(1.075);background:#1cbd57}.whatsapp svg{width:34px;height:34px;fill:currentColor}.sr-only{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(0,0,0,0)}:focus-visible{outline:3px solid #7819EA;outline-offset:3px}.notice{padding:13px 15px;border:1px solid #BF89FB;background:#EBCCFC;border-radius:10px;font-size:13px;color:#7819EA;margin-top:20px}
@media(max-width:1000px){.navlinks{gap:13px}.navlinks a,.navlinks summary{font-size:11px}.navcta{display:none}.hero .wrap{gap:20px}.grid4,.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.wrap{width:min(100% - 32px,1190px)}.site-header{height:74px}.brand img{width:147px}.navlinks{display:none}.menu-btn{display:block}.mobile-menu{display:none;position:absolute;top:74px;left:0;right:0;background:white;padding:14px 23px 24px;box-shadow:0 18px 30px #25014B29;max-height:calc(100dvh - 74px);overflow:auto}.mobile-menu.open{display:grid;gap:2px}.mobile-menu a,.mobile-menu summary{padding:12px 8px;border-bottom:1px solid #EBCCFC;font-weight:800;color:#4D0BAB;font-size:14px}.mobile-menu details a{display:block;padding-left:24px}.mobile-menu summary{cursor:pointer}.hero .wrap{grid-template-columns:1fr;padding:62px 0 70px;min-height:auto}.hero h1{font-size:clamp(2.2rem,8vw,3.6rem)}.visual{min-height:300px}.mock{max-width:465px}.subhero{padding:58px 0 65px}.grid3,.cards-row,.contact-grid,.split,.article-layout{grid-template-columns:1fr}.grid2{grid-template-columns:1fr}.section{padding:64px 0}.feature-grid{grid-template-columns:repeat(2,1fr)}.banner{padding:27px;display:block}.banner .btn{margin-top:22px}.article-aside{position:static}.footer-grid{grid-template-columns:1fr 1fr;gap:25px}.footer-grid>div:first-child{grid-column:1/-1}.logo-cell{width:165px;height:95px}.logo-cell img{max-height:63px}.contact-grid{gap:20px}.whatsapp{width:56px;height:56px;right:17px;bottom:17px}}
@media(max-width:520px){.fields{grid-template-columns:1fr}.field.full{grid-column:auto}.grid3,.grid4,.feature-grid{grid-template-columns:1fr 1fr;gap:12px}.grid3 .card{grid-column:span 2}.card{padding:24px}.banner h2{font-size:1.6rem}.section-head h2{font-size:1.9rem}.hero p{font-size:1rem}.visual{min-height:265px}.mock{transform:rotate(-1deg)}.logo-cell{width:152px;height:82px}.logo-cell img{max-height:57px}.float-flag{right:0;bottom:0}.form-panel{padding:20px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.logo-track{animation:none}.marquee{overflow-x:auto;mask-image:none}}


.intranet-hero .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:42px;align-items:center}
.intranet-hero .subhero-copy{max-width:680px}
.intranet-hero .subhero-visual{display:flex;justify-content:flex-end}
.hero-mockup{margin:0;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:16px;box-shadow:0 20px 60px rgba(5,17,27,.25)}
.hero-mockup img,.hero-mockup video{display:block;width:100%;max-width:640px;height:auto;border-radius:18px}
.hero-mockup figcaption{margin-top:12px;font-size:13px;line-height:1.5;color:#EBCCFC}
@media (max-width: 980px){.intranet-hero .wrap{grid-template-columns:1fr}.intranet-hero .subhero-visual{justify-content:flex-start}.hero-mockup{padding:12px}.hero-mockup img{max-width:100%}}


/* Vídeo demonstrativo de intranet: sem áudio, reprodução automática e responsiva. */
.hero-mockup .intranet-demo-video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#25014B;border-radius:16px}
@media (prefers-reduced-motion:reduce){.hero-mockup .intranet-demo-video{scroll-behavior:auto}}

/* Capas originais dos artigos Intranet One */
.blog-thumb{height:auto;aspect-ratio:16/9;overflow:hidden;background:#4D0BAB}
.blog-thumb img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .3s ease}
.blog-card:hover .blog-thumb img{transform:scale(1.035)}
.blog-author{font-size:12px;font-weight:800;color:#7819EA;margin:0 0 10px}
.article-byline{font-size:14px!important;line-height:1.4!important;font-weight:800;color:#BF89FB!important;margin-top:13px!important}
.article-cover{margin:0 0 35px;border-radius:16px;overflow:hidden;background:#4D0BAB;box-shadow:0 12px 32px rgba(0,40,69,.12)}
.article-cover img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
@media(prefers-reduced-motion:reduce){.blog-thumb img{transition:none}.blog-card:hover .blog-thumb img{transform:none}}

/* Intranet One V11: BI showcase and consistent dropdown interaction */
.bi-hero .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);align-items:center;gap:42px}
.bi-hero .bi-copy{min-width:0}
.bi-hero h1{font-size:clamp(2.3rem,3.7vw,4.1rem)}
.bi-video-frame{position:relative;min-width:0;border-radius:19px;overflow:hidden;box-shadow:0 20px 70px #25014B99;border:1px solid #BF89FB38;background:#EBCCFC}
.bi-video-frame video{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}
.bi-video-frame::after{content:'Demonstração • dados fictícios';position:absolute;left:10px;bottom:9px;font-size:10px;font-weight:800;letter-spacing:.03em;color:#fff;background:#25014Bd6;padding:5px 9px;border-radius:6px;pointer-events:none}
.navlinks details[open]>summary{color:var(--io-lilac-primary)}
.navlinks details[open]>.submenu{z-index:120}
@media(max-width:1020px){.bi-hero .wrap{grid-template-columns:1fr}.bi-hero .bi-video-frame{max-width:780px}}
@media(prefers-reduced-motion:reduce){.bi-video-frame video{animation:none}}

/* Datas editoriais dos artigos */
.blog-date,.article-byline{font-size:13px;color:#7819EA;line-height:1.6}.blog-date{margin:5px 0 9px}.article-byline{margin:6px 0 18px}.article-byline strong{color:inherit}

/* Identidade Intranet One */
.brand img{width:210px;max-height:70px;height:auto;object-fit:contain}.btn-primary{background:#7819EA;color:#fff}.btn-primary:hover{background:#4D0BAB;color:#fff}.hero,.subhero{background:radial-gradient(circle at 80% 15%,#7819EA50,transparent 42%),linear-gradient(125deg,#25014B,#4D0BAB);color:#fff}.hero h1 em,.subhero h1 span{color:#BF89FB!important}.pill{border-color:#9751F4;color:#EBCCFC;background:#4D0BAB}.overline{color:#7819EA}.bg-dark{background:linear-gradient(125deg,#25014B,#4D0BAB)}.mock-hero{background:linear-gradient(120deg,#4D0BAB,#7819EA)}.bi-video-frame img,.hero-mockup img{width:100%;height:auto;display:block}.bi-video-frame::after{content:'Ilustração conceitual';background:#25014Bdd}.navlinks a:hover,.navlinks summary:hover{color:#7819EA}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.service-grid .service-card{background:white;border:1px solid #E8D9FF;border-radius:16px;padding:26px}.service-grid .service-card h3{margin:0 0 10px}@media(max-width:750px){.service-grid{grid-template-columns:1fr}}

/* Vídeo de demonstração da Intranet One integrado ao portal */
.hero-mockup .intranet-demo-video{width:100%;height:auto;aspect-ratio:910/512;object-fit:contain;display:block;border-radius:16px;background:#25014B}\n
/* Mockup Power BI com tela fiel ao material de referencia da Intranet One */
.bi-reference-mockup{margin:0;position:relative;background:#fff}
.bi-reference-mockup img{display:block;width:100%;height:auto;aspect-ratio:1100/628;object-fit:contain}
.bi-reference-mockup::after{content:none!important}
.bi-reference-mockup .bi-preview-caption{position:absolute;right:9px;bottom:9px;left:auto;margin:0;background:rgba(37,1,75,.86);color:#fff;padding:6px 9px;border-radius:6px;font-size:10px;font-weight:600;line-height:1.35;max-width:80%}
@media(max-width:650px){.bi-reference-mockup .bi-preview-caption{font-size:9px;padding:4px 6px;max-width:88%}}


/* INTRANET ONE — TEMA CLARO CORPORATIVO v2
   Superfícies neutras em todo o site; a marca roxa permanece
   em CTAs, estados ativos, ícones e faixas finais de destaque. */
:root {
  --io-purple-ink: #1D2939;
  --io-text-muted: #667085;
  --io-border-soft: #E6EAF0;
  --io-bg-soft: #F7F9FC;
  --white: #FFFFFF;
  --ink: #1D2939;
  --muted: #667085;
  --line: #E6EAF0;
  --bg: #F7F9FC;
  --blue: #7819EA;
  --orange: #7819EA;
  --shadow: 0 12px 35px rgba(29, 41, 57, .055);
}
html { color-scheme: light; }
body { background:#FFFFFF; color:#1D2939; }
h1,h2,h3,h4 { color:#1D2939; }
a:focus-visible,button:focus-visible,summary:focus-visible,
input:focus-visible,select:focus-visible,textarea:focus-visible {
  outline:3px solid #9751F4;
  outline-offset:3px;
}
.site-header {
  background:rgba(255,255,255,.97);
  border-bottom:1px solid #E6EAF0;
  box-shadow:0 2px 14px rgba(29,41,57,.035);
}
.navlinks a,.navlinks summary { color:#344054; }
.navlinks a:hover,.navlinks summary:hover,.navlinks details[open]>summary {
  color:#7819EA;
}
.submenu {
  background:#FFFFFF;
  border:1px solid #E6EAF0;
  box-shadow:0 16px 35px rgba(29,41,57,.10);
}
.submenu a:hover,.mobile-menu a:hover {background:#F7F9FC;}
.mobile-menu {
  background:#FFFFFF;
  border-bottom:1px solid #E6EAF0;
  box-shadow:0 12px 25px rgba(29,41,57,.08);
}
.mobile-menu a,.mobile-menu summary {color:#344054;}

/* Cabeçalhos: branco/cinza substituem os fundos roxos completos. */
.hero {
  background:radial-gradient(circle at 86% 16%,rgba(120,25,234,.055),transparent 36%),#FFFFFF;
  color:#1D2939;
}
.subhero {
  background:linear-gradient(180deg,#F7F9FC 0%,#FFFFFF 100%);
  color:#1D2939;
  border-bottom:1px solid #E6EAF0;
}
.hero h1,.subhero h1 {color:#1D2939;}
.hero h1 em,.subhero h1 span {color:#7819EA!important;}
.hero p,.subhero p {color:#667085;}
.hero .light-muted,.subhero .light-muted {color:#667085;}
.breadcrumb,.breadcrumb a {color:#667085;}
.pill {
  border:1px solid #E6D7FA;
  background:#F6F0FF;
  color:#6820BD;
  font-weight:700;
}
.btn-primary,.btn-orange {
  background:#7819EA;
  border-color:#7819EA;
  color:#FFFFFF;
}
.btn-primary:hover,.btn-orange:hover {
  background:#4D0BAB;
  border-color:#4D0BAB;
  color:#FFFFFF;
}
.btn-blue,.btn-ghost {
  background:#FFFFFF;
  color:#6816C6;
  border:1px solid #D8C1F7;
}
.btn-blue:hover,.btn-ghost:hover {
  background:#F6F0FF;
  color:#4D0BAB;
  border-color:#9751F4;
}
.btn-outline-white {
  border:1px solid #D0D5DD;
  background:#FFFFFF;
  color:#344054;
}
.btn-outline-white:hover {
  background:#F7F9FC;
  color:#1D2939;
  border-color:#98A2B3;
}
.hero .btn-outline-white,.subhero .btn-outline-white {
  background:#FFFFFF;
  color:#344054;
  border-color:#D0D5DD;
}

/* Mockup: o roxo permanece dentro da demonstração, não ao redor. */
.mock {
  transform:none;
  background:#FFFFFF;
  border:1px solid #E6EAF0;
  box-shadow:0 22px 55px rgba(29,41,57,.12);
}
.mock-top {background:#FFFFFF;border-bottom-color:#E6EAF0;}
.mock-body {background:#FFFFFF;color:#1D2939;}
.mock-tiny {color:#667085;}
.mock-blocks span {background:#FFFFFF;border-color:#E6EAF0;color:#667085;}
.mock-blocks strong {color:#4D0BAB;}
.float-flag {
  color:#344054;
  background:#FFFFFF;
  border:1px solid #E6EAF0;
  box-shadow:0 14px 35px rgba(29,41,57,.12);
}
.hero-mockup {
  background:#FFFFFF;
  border:1px solid #E6EAF0;
  box-shadow:0 20px 55px rgba(29,41,57,.13);
}
.hero-mockup figcaption {color:#667085;}
.bi-video-frame {
  background:#FFFFFF;
  border:1px solid #E6EAF0;
  box-shadow:0 20px 50px rgba(29,41,57,.12);
}

/* Cards e áreas de leitura */
.section.bg-soft,.bg-soft {background:#F7F9FC;}
.proof-bar {background:#F7F9FC;border-color:#E6EAF0;}
.proof-inner span {color:#475467;}
.proof-inner svg {color:#7819EA;}
.section-head h2,.section-head p,.lead {color:#1D2939;}
.section-head p,.lead {color:#667085;}
.muted {color:#667085;}
.overline {color:#7819EA;}
.overline:before {background:#7819EA;}
.card,.feature-item,.service-grid .service-card,.blog-card,.faq-list details {
  background:#FFFFFF;
  border:1px solid #E6EAF0;
  box-shadow:0 8px 24px rgba(29,41,57,.045);
}
.card .ico {
  background:#F6F0FF;
  color:#7819EA;
}
.card p,.service-grid .service-card p {color:#667085;}
.feature-box {
  background:#FFFFFF;
  border:1px solid #E6EAF0;
  box-shadow:0 8px 24px rgba(29,41,57,.045);
}
.feature-item svg,.checklist svg {color:#7819EA;}
.step:before {background:#7819EA;}
.step p {color:#667085;}
.notice {
  background:#F7F9FC;
  border:1px solid #E6EAF0;
  color:#475467;
}
.client-area {background:#FFFFFF;}

/* Blog: interface neutra e cores das capas menos intensas. */
.blog-nav button {
  background:#FFFFFF;
  border:1px solid #E6EAF0;
  color:#475467;
}
.blog-nav button:hover {
  color:#7819EA;
  border-color:#CDB2F6;
  background:#F6F0FF;
}
.blog-nav button.active {
  background:#7819EA;
  border-color:#7819EA;
  color:#FFFFFF;
}
.blog-search {background:#FFFFFF;border:1px solid #D0D5DD;color:#1D2939;}
.blog-search::placeholder {color:#98A2B3;}
.blog-text p,.blog-date,.blog-author {color:#667085;}
.blog-tag,.blog-text a {color:#6816C6;}
.blog-thumb,.article-cover {background:#F7F9FC;}
.blog-thumb img,.article-cover img {
  filter:saturate(.76) brightness(1.06) contrast(.98);
}
.article .intro,.article>p,.article section>p {color:#475467;}
.article-aside {
  background:#F7F9FC;
  border:1px solid #E6EAF0;
}
.article-byline,.article-byline strong {
  color:#667085!important;
}
.article-cover {box-shadow:0 10px 27px rgba(29,41,57,.09);}

/* Contato e formulários: mesmo padrão das outras seções. */
.contact-info {
  background:#FFFFFF;
  color:#1D2939;
  border:1px solid #E6EAF0;
  box-shadow:0 8px 24px rgba(29,41,57,.05);
}
.contact-info h2,.contact-info h3 {color:#1D2939;}
.contact-info p {color:#667085;}
.contact-info a {color:#6816C6;}
.form-panel {border:1px solid #E6EAF0;background:#FFFFFF;box-shadow:var(--shadow);}
.field label {color:#344054;}
.field input,.field select,.field textarea {
  border:1px solid #D0D5DD;
  background:#FFFFFF;
  color:#1D2939;
}
.field input:focus,.field select:focus,.field textarea:focus {border-color:#7819EA;}
.consent,.form-help {color:#667085;}

/* Preservamos roxo profundo somente na faixa de CTA e no rodapé. */
.banner {
  background:linear-gradient(115deg,#25014B,#4D0BAB);
  color:#FFFFFF;
  box-shadow:0 16px 35px rgba(37,1,75,.12);
}
.banner h2,.banner h3 {color:#FFFFFF;}
.banner p {color:#E9DDF7;}
.banner .btn-primary,.banner .btn-blue,.banner .btn-orange {
  background:#FFFFFF;
  color:#4D0BAB;
  border:1px solid #FFFFFF;
}
.banner .btn-primary:hover,.banner .btn-blue:hover,.banner .btn-orange:hover {
  background:#F0E7FA;
  border-color:#F0E7FA;
  color:#25014B;
}
.banner .btn-outline-white {
  color:#FFFFFF;
  background:transparent;
  border-color:rgba(255,255,255,.65);
}
.banner .btn-outline-white:hover {background:rgba(255,255,255,.12);}
.footer {background:#25014B;color:#E9DDF7;}
.footer h3 {color:#FFFFFF;}
.footer p,.footer a {color:#E9DDF7;}
.footer a:hover {color:#FFFFFF;}
.footer-bottom {border-color:rgba(255,255,255,.18);color:#D7C5EF;}

@media(max-width:800px) {
  .hero {background:#FFFFFF;}
  .subhero {background:#F7F9FC;}
  .hero-mockup,.bi-video-frame {box-shadow:0 12px 35px rgba(29,41,57,.10);}
}
@media(prefers-reduced-motion:reduce){
  .btn,.blog-thumb img {transition:none;}
}

/* BLOG_READING_TIME_V1: estimativas calculadas a partir do texto de cada artigo. */
.blog-read-time{display:flex;align-items:center;gap:6px;font-size:12px;line-height:1.45;font-weight:600;color:#667085;margin:1px 0 12px}
.blog-read-time span[aria-hidden]{font-size:14px;color:#7819EA}
.article-byline .article-reading-time{color:#667085!important;font-weight:500;white-space:nowrap}
@media(max-width:600px){.article-byline .article-reading-time{white-space:normal;display:inline-block}}
/* Approved new light-theme blog covers should be displayed at their authored colors. */
.blog-thumb img,.article-cover img{filter:none}