/* OTÁVIO MONTEIRO · INSTITUTIONAL PORTAL V3 */
:root{--navy:#08182d;--navy2:#0c2441;--navy3:#143759;--ink:#132741;--muted:#5b6c80;--line:#dce5ef;--blue:#2a5d99;--ice:#9bc7ff;--teal:#70d6d8;--paper:#f5f7fa;--white:#fff;font-family:"DM Sans",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--white);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img,svg{max-width:100%}.wrap{width:min(1200px,calc(100% - 72px));margin:0 auto}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.skip{position:absolute;left:-9999px;top:10px;background:#fff;color:#07172a;padding:10px;z-index:120}.skip:focus{left:10px}
:focus-visible{outline:3px solid #83d7ea;outline-offset:4px}
.topbar{background:#071426;border-bottom:1px solid #2a3c57;color:#b4c6df;font-size:9px;letter-spacing:.15em;font-weight:800}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;height:30px;gap:20px}
.top-dot{display:inline-block;width:6px;height:6px;background:var(--teal);border-radius:50%;margin-right:8px}
.site-header{position:sticky;top:0;z-index:80;background:rgba(255,255,255,.97);backdrop-filter:blur(18px);border-bottom:1px solid #dbe3ee}
.nav{height:84px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.brand{display:flex;align-items:center;gap:11px;flex:0 0 auto}.brand img{width:45px;height:45px;object-fit:contain}.brand strong{font:800 15px "Manrope";letter-spacing:.1em;display:block}.brand small{display:block;font-size:8px;font-weight:800;letter-spacing:.22em;margin-top:3px}
.nav-list{display:flex;gap:28px;align-items:center}.nav-list>a{font-size:12px;font-weight:800;color:#40536a;white-space:nowrap;transition:color .2s}.nav-list>a:hover,.nav-list>a[aria-current="page"]{color:#155799}
.nav-list .nav-cta{background:#0d2340;color:#fff;padding:16px 17px;display:inline-flex;align-items:center;gap:18px}.nav-list .nav-cta:hover{background:#244f85;color:#fff}
.nav-toggle{display:none;width:43px;height:43px;border:1px solid #cfd9e5;background:#fff;padding:10px;align-items:center;justify-content:center;flex-direction:column;gap:5px}.nav-toggle span{height:2px;width:19px;background:#132b48}
.masthead{position:relative;overflow:hidden;background:linear-gradient(116deg,#08172b,#102b4b);color:#fff}.masthead:before,.hero::before{content:"";position:absolute;inset:0;opacity:.22;background-image:linear-gradient(#a2c6e00e 1px,transparent 1px),linear-gradient(90deg,#a2c6e00e 1px,transparent 1px);background-size:48px 48px;pointer-events:none}
.masthead:after,.hero::after{content:"";position:absolute;width:650px;height:650px;border:1px solid rgba(155,200,245,.11);border-radius:50%;right:-230px;top:-300px;box-shadow:0 0 0 95px #7cb5f206,0 0 0 175px #7cb5f204;pointer-events:none}
.masthead .wrap{position:relative;z-index:1;padding:78px 0 83px}.breadcrumb{font-size:11px;color:#a8c9ea;font-weight:700;display:flex;align-items:center;gap:11px;flex-wrap:wrap}.breadcrumb a:hover{text-decoration:underline}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:800;color:#8dbce9;margin:31px 0 18px}.eyebrow:before{content:"";width:28px;height:1px;background:#b9a382;display:inline-block;vertical-align:middle;margin-right:13px}
h1,h2,h3,h4,p{margin-top:0}.masthead h1,.hero h1{font:800 clamp(39px,4.5vw,66px)/1.12 "Manrope";letter-spacing:-.06em;margin:0;max-width:920px}.masthead h1 em,.hero h1 em{font-style:normal;color:#aad1fd}.masthead-lead{color:#c3d3e7;font-size:16px;line-height:1.85;max-width:790px;margin:22px 0 0}
.primary-btn,.ghost-btn,.light-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:51px;padding:15px 19px;font-size:12px;font-weight:800;transition:transform .24s,background .24s,color .24s}.primary-btn{background:#0b2b50;color:#fff}.primary-btn:hover{background:#235a92;transform:translateY(-2px)}.light-btn{background:#fff;color:#0e2442}.light-btn:hover{background:#e3effe;transform:translateY(-2px)}.ghost-btn{border:1px solid #728fac66;color:#234e7d}.ghost-btn.dark{border-color:#8daed455;color:#eaf4ff}.ghost-btn:hover{background:#e7eff9;transform:translateY(-2px)}.ghost-btn.dark:hover{background:#ffffff16}.btn-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.btn-arrow{font-size:19px}
.hero{position:relative;overflow:hidden;background:linear-gradient(122deg,#071629 8%,#0b2342 66%,#16385d);color:#fff}.hero .wrap{position:relative;z-index:1}.hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:68px;align-items:center;min-height:610px;padding:70px 0}.hero h1{max-width:700px}.hero .hero-lead{font-size:17px;color:#c4d4e7;line-height:1.9;max-width:560px;margin:27px 0 0}.hero-stats{display:flex;gap:27px;margin-top:43px;padding-top:25px;border-top:1px solid #9cb5d034}.hero-stats>div{padding-right:26px;border-right:1px solid #9cb5d034}.hero-stats>div:last-child{border-right:0}.hero-stats strong{display:block;font:800 28px "Manrope"}.hero-stats small{color:#b0c6e0;font-size:10px}
.hero-tech{position:relative;padding:26px 0}.hero-tech:before{content:"";position:absolute;width:125%;aspect-ratio:1;border:1px solid #aacbf31c;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;box-shadow:0 0 0 60px #a4cbf207}
.tech-card{position:relative;background:linear-gradient(145deg,#173457,#0c2240);border:1px solid #87b7e93d;box-shadow:0 32px 75px #0006;border-radius:6px;padding:29px;overflow:hidden}.tech-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 90% 12%,#72b6ed1d,transparent 46%)}.tech-top{display:flex;justify-content:space-between;gap:10px;align-items:center;position:relative;color:#bccee6;font-size:9px;font-weight:800;letter-spacing:.14em}.tech-top b{color:#a4d6fa}.tech-on{font-size:8px;border:1px solid #a1c5e82f;background:#8cc4f014;padding:8px}.tech-on i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#84e0cb;margin-right:4px}.tech-card h3{font:800 25px "Manrope";margin:39px 0 9px;letter-spacing:-.03em;position:relative}.tech-card>p{font-size:12px;color:#acc4df;position:relative;margin:0}.tech-chart{margin-top:28px;border-bottom:1px solid #82a9c639;padding-bottom:18px}.tech-chart>span{font-size:9px;color:#90aed1;letter-spacing:.12em;font-weight:800}.tech-chart svg{display:block;width:100%;height:142px;margin-top:13px}.tech-foot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.tech-foot span{font-size:9px;letter-spacing:.08em;color:#98b8db}.tech-foot b{display:block;font-size:12px;color:#fff;margin-top:7px}
.proof{background:#fff;border-bottom:1px solid #e3e8ef;padding:24px 0 20px}.proof-title{text-transform:uppercase;font-size:9px;color:#77889d;font-weight:800;letter-spacing:.18em;text-align:center;margin:0 0 18px}.proof-logos{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;gap:18px;text-align:center}.proof-logos>span{font:800 14px "Manrope";color:#7f8d9d;line-height:1.15;overflow-wrap:anywhere}.proof-logos small{display:block;font:800 8px "DM Sans";letter-spacing:.1em;margin-top:5px}.proof-note{font-size:9px;color:#9ca9b8;text-align:center;margin:17px 0 0}
.section{padding:92px 0}.section.soft{background:var(--paper)}.section.dark{background:linear-gradient(130deg,#0a1b31,#0c2b4c);color:#fff}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:37px}.section-heading h2{font:800 clamp(30px,3.15vw,45px)/1.25 "Manrope";letter-spacing:-.05em;margin:13px 0 0;max-width:720px}.section-heading h2 em{font-style:normal;color:#3e73b2}.section.dark .section-heading h2 em{color:#9fc8f5}.section-heading>p{max-width:370px;line-height:1.85;color:#65768a;font-size:14px;margin:0}.section.dark .section-heading>p{color:#b6c9e1}.kicker{font-size:10px;font-weight:800;letter-spacing:.16em;color:#3d6fa7}.section.dark .kicker{color:#9cc9f6}.kicker:before{content:"";width:26px;height:1px;background:#b9a383;display:inline-block;vertical-align:middle;margin-right:12px}
.grid{display:grid;gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.portal-card{display:flex;flex-direction:column;min-width:0;min-height:256px;background:#fff;border:1px solid #e0e7ef;padding:27px;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden}.portal-card:before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:linear-gradient(90deg,#79b5ff,#77dace);transform:scaleX(0);transform-origin:left;transition:transform .25s}.portal-card:hover,.portal-card:focus-within{transform:translateY(-5px);border-color:#a9c3df;box-shadow:0 20px 55px #0c2d5314}.portal-card:hover:before,.portal-card:focus-within:before{transform:scaleX(1)}
.card-no{font:800 10px "Manrope";letter-spacing:.12em;color:#5285b8}.card-icon{height:48px;width:48px;display:grid;place-items:center;background:#ebf3fb;border:1px solid #dae5f1;color:#2b639d;border-radius:9px;margin:21px 0}.card-icon svg{width:26px;height:26px}.portal-card h3{font:800 19px/1.35 "Manrope";letter-spacing:-.03em;margin:0 0 10px}.portal-card p{font-size:13px;line-height:1.8;color:#697c8e;margin:0 0 24px}.card-link{font-size:11px;font-weight:800;letter-spacing:.025em;color:#2c659c;display:inline-flex;gap:14px;align-items:center;margin-top:auto}.card-link span{font-size:16px}.section.dark .portal-card{background:#112d4c;color:#fff;border-color:#325070}.section.dark .portal-card p{color:#bbcee5}.section.dark .card-icon{background:#244970;border-color:#47719a;color:#bce4ff}.section.dark .card-link{color:#b7dcff}.section.dark .card-no{color:#96bbeb}
.strip-cta{display:flex;align-items:center;justify-content:space-between;gap:22px;padding-top:35px}.strip-cta p{margin:0;font-size:14px;line-height:1.7;color:#73859b}.section.dark .strip-cta p{color:#b9cfe6}
.case-card{background:#fff;border:1px solid #e0e8f1;padding:29px;min-height:264px;display:flex;flex-direction:column}.case-card .case-sector{font-size:10px;font-weight:800;letter-spacing:.13em;color:#6482a5}.case-card h3{font:800 24px "Manrope";margin:28px 0 10px;letter-spacing:-.04em}.case-card p{font-size:13px;color:#66788b;line-height:1.8}.case-card a{margin-top:auto;padding-top:20px;font-size:11px;color:#2b619d;font-weight:800}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step{border-top:2px solid #9bc6f1;padding:18px 12px 0 0}.step strong{font:800 24px "Manrope";color:#aad1fa}.step h3{font:800 17px "Manrope";margin:15px 0 10px}.step p{color:#b3c9e3;font-size:13px;line-height:1.7}
.final-cta{background:linear-gradient(125deg,#0b223f,#153e64);color:#fff;position:relative;overflow:hidden}.final-cta:before{content:"";position:absolute;right:-140px;top:-180px;width:580px;height:580px;border:1px solid #ffffff13;border-radius:50%;box-shadow:0 0 0 85px #ffffff05}.final-cta .wrap{position:relative;display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;padding:63px 0}.final-cta h2{font:800 clamp(25px,3vw,42px) "Manrope";letter-spacing:-.045em;margin:11px 0}.final-cta p{font-size:14px;color:#bdd0e7;line-height:1.7;margin:0}
.site-footer{background:#071321;color:#fff;padding:50px 0 25px}.footer-top{display:flex;justify-content:space-between;gap:50px;padding-bottom:42px}.footer-top .brand{color:#fff}.footer-desc{color:#94a9c4;font-size:12px;line-height:1.8;max-width:320px;margin:15px 0}.footer-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;min-width:55%}.footer-links strong{font-size:11px;color:#e6f1ff;letter-spacing:.05em}.footer-links a{display:block;color:#a5bbd5;font-size:12px;margin-top:13px;line-height:1.4}.footer-links a:hover{text-decoration:underline;color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid #29405b;padding-top:24px;font-size:9px;font-weight:700;letter-spacing:.08em;color:#90a4bc}
.page-section{padding:72px 0}.page-section h2{font:800 clamp(26px,2.8vw,39px)/1.3 "Manrope";letter-spacing:-.045em;margin:0 0 20px}.page-section p{font-size:15px;line-height:1.9;color:#60728a}.text-stack{max-width:770px}.text-stack h3{font:800 21px "Manrope";margin:37px 0 13px}.text-stack ul{padding-left:23px;line-height:1.9;color:#5e7087}.text-stack li{margin:8px 0}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:70px;align-items:start}.detail-side{position:sticky;top:110px;background:#f2f6fa;border:1px solid #dae5ef;padding:26px}.detail-side strong{font:800 16px "Manrope"}.detail-side p{font-size:13px;line-height:1.7;margin:15px 0}.detail-side a.primary-btn{width:100%}.detail-side .mini-link{display:block;margin-top:18px;color:#315d94;font-weight:700;font-size:12px}.deliverables{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:25px 0 42px}.deliverables>div{background:#f4f7fb;border:1px solid #dfe8f0;padding:19px;line-height:1.55;font-size:13px;font-weight:700;color:#314d70}.deliverables>div:before{content:"✓";color:#2e7c92;margin-right:11px}
.pill-list{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.pill-list span{background:#ecf3fb;border:1px solid #d9e7f2;color:#426991;padding:9px 13px;font-size:11px;font-weight:800}
.related-section{background:#f4f7fa;border-top:1px solid #e2e8f0;padding:58px 0}.related-section h2{font:800 26px "Manrope";margin:0 0 25px}
.form-page{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.contact-info h2{font:800 38px/1.25 "Manrope";letter-spacing:-.045em}.contact-info p{line-height:1.85}.contact-info a:not(.primary-btn){color:#245a99;text-decoration:underline}.contact-info .contact-detail{border-top:1px solid #dbe4ed;padding:16px 0;font-size:14px}
.lead-form{background:#fff;border:1px solid #d7e2ee;padding:30px;box-shadow:0 18px 55px #0a2b5312}.lead-form h2{font:800 24px "Manrope";margin:0 0 24px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:17px}.field label{font-size:12px;color:#3b5370;font-weight:800}.field input,.field select,.field textarea{width:100%;background:#fbfdff;border:1px solid #cddbe9;color:#102640;padding:13px 12px;min-height:46px;border-radius:2px}.field textarea{resize:vertical;min-height:90px}.field small{color:#7e8ea2;font-size:10px}.checkbox-field{display:flex;gap:10px;align-items:start;font-size:11px;line-height:1.5;color:#50657c;margin:23px 0}.checkbox-field input{margin:2px 0}.lead-form button{width:100%;border:0;justify-content:space-between}.form-note{color:#8392a4;font-size:11px;line-height:1.7;margin-top:16px}.form-note a{text-decoration:underline}
.article-teaser{background:#fff;border:1px solid #dfe8f2;padding:27px;min-height:245px;display:flex;flex-direction:column}.article-teaser .tag{font-size:10px;letter-spacing:.1em;font-weight:800;color:#4a75a2}.article-teaser h3{font:800 19px/1.45 "Manrope";margin:25px 0 11px}.article-teaser p{color:#67798b;font-size:13px;line-height:1.78}.article-teaser a{margin-top:auto;color:#275f9f;font-size:11px;font-weight:800}
.floating-wa{position:fixed;bottom:20px;right:22px;width:52px;height:52px;border-radius:50%;background:#1fb969;color:#fff;z-index:40;display:grid;place-items:center;box-shadow:0 7px 25px #0003}.floating-wa svg{width:25px;height:25px}
@media(max-width:1100px){.nav-list{gap:17px}.nav-list>a{font-size:11px}.hero-grid{gap:30px}.grid.four{grid-template-columns:repeat(2,1fr)}.footer-links{min-width:58%}}
@media(max-width:900px){.nav-toggle{display:flex}.nav-list{display:none;position:absolute;top:84px;left:0;right:0;background:#fff;padding:26px 36px 32px;box-shadow:0 15px 38px #081c3221;flex-direction:column;align-items:stretch;gap:20px}.nav-list.open{display:flex}.nav-list>a{font-size:14px}.nav-list .nav-cta{justify-content:space-between}.hero-grid{grid-template-columns:1fr;padding:60px 0;gap:22px}.hero-tech{max-width:590px;width:100%;margin:auto}.footer-top{display:block}.footer-links{margin-top:40px}.detail-layout{grid-template-columns:1fr;gap:28px}.detail-side{position:static}.form-page{grid-template-columns:1fr}.section-heading{display:block}.section-heading>p{margin-top:20px}.steps{grid-template-columns:repeat(2,1fr)}.proof-logos{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.wrap{width:calc(100% - 36px)}.topbar .topright{display:none}.nav{height:70px}.nav-list{top:70px;padding:24px 18px}.brand img{width:40px;height:40px}.brand strong{font-size:12px}.brand small{font-size:7px}.masthead .wrap{padding:52px 0 58px}.masthead h1,.hero h1{font-size:clamp(35px,9vw,49px)}.hero-grid{min-height:0;padding:55px 0}.hero .hero-lead{font-size:15px}.tech-card{padding:20px}.tech-card h3{font-size:22px}.tech-chart svg{height:115px}.tech-foot b{font-size:10px}.hero-stats{gap:8px}.hero-stats>div{padding-right:12px}.hero-stats strong{font-size:23px}.hero-stats small{font-size:9px}.proof-logos{grid-template-columns:repeat(2,1fr);gap:22px}.section{padding:66px 0}.section-heading h2{font-size:32px}.grid.two,.grid.three,.grid.four{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.strip-cta,.final-cta .wrap{display:block}.strip-cta .primary-btn,.final-cta .primary-btn{margin-top:23px}.final-cta .wrap{padding:51px 0}.footer-links{grid-template-columns:repeat(2,1fr);gap:25px}.footer-top{padding-bottom:25px}.detail-layout{gap:20px}.deliverables{grid-template-columns:1fr}.lead-form{padding:23px 18px}.contact-info h2{font-size:30px}.section-heading>p{max-width:unset}.page-section{padding:55px 0}.floating-wa{width:48px;height:48px;right:14px;bottom:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}


/* CONTACT: compact two-step brief, optional company */
.lead-form-simple{max-width:560px;padding:34px 36px}
.lead-form-simple .form-overline{font-size:9px;font-weight:800;letter-spacing:.16em;color:#567eaa;margin:0 0 10px}
.lead-form-simple h2{margin:0 0 7px}
.lead-form-simple .form-intro{font-size:13px;line-height:1.5;color:#71839a;margin:0 0 26px}
.lead-form-simple .field{margin-bottom:20px}
.lead-form-simple .field input,
.lead-form-simple .field select{min-height:51px;font-size:14px;border-radius:4px}
.lead-form-simple .field label{font-size:12px;display:flex;align-items:baseline;gap:6px}
.lead-form-simple .field label small{font-weight:500;font-size:11px;color:#8192a6}
.lead-form-simple button[type="submit"]{margin-top:11px;min-height:55px;font-size:13px}
.lead-form-simple .form-note{font-size:10px;line-height:1.65;margin:14px 0 0}
@media(max-width:620px){.lead-form-simple{padding:27px 21px}.lead-form-simple .form-intro{margin-bottom:22px}}


/* CLIENT CASE · PIMENTA DE CHEIRO: qualitative premium editorial presentation */
.case-story-section .text-stack>h2{max-width:740px}
.case-story-section .text-stack>h3{font:800 23px/1.35 "Manrope",sans-serif;letter-spacing:-.035em;color:#142c4b;margin:42px 0 18px}
.case-story-section .text-stack>p{max-width:800px}
.case-pillar-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:27px 0 38px}
.case-pillar{position:relative;overflow:hidden;background:linear-gradient(150deg,#f6f9fc,#eaf1f8);border:1px solid #d9e5f1;padding:26px 24px 27px;transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.case-pillar::before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#315f9c,#73ced4);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.case-pillar:hover{border-color:#a4c2e0;box-shadow:0 14px 36px #133b5c14;transform:translateY(-3px)}
.case-pillar:hover::before{transform:scaleX(1)}
.case-pillar-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:9px;border:1px solid #d1e2f2;background:#e5f1fc;color:#276494;font-size:24px;margin-bottom:23px}
.case-pillar h4{font:800 17px/1.38 "Manrope",sans-serif;letter-spacing:-.03em;color:#183552;margin:0 0 12px}
.case-pillar p{font-size:13px!important;line-height:1.82!important;color:#627991!important;margin:0}
.case-confidentiality{background:#f3f6f9;border-left:3px solid #84a0bd;font-size:11px!important;line-height:1.8!important;color:#77899b!important;margin-top:36px!important;padding:18px 22px}
@media(max-width:780px){.case-pillar-grid{grid-template-columns:1fr}.case-pillar{padding:23px 21px}}
@media(prefers-reduced-motion:reduce){.case-pillar,.case-pillar::before{transition:none!important}.case-pillar:hover{transform:none!important}}

/* Entrada de e-mail transferida para a Central da Equipe */
.site-header .nav-list a[href="/e-mail/"]{display:none!important}


/* OM PREMIUM MOTION V1 — visual editorial, responsivo, sem dependências. */
:root { --om-scroll-progress: 0%; --om-ease: cubic-bezier(.22, 1, .36, 1); }

/* Barra de leitura e profundidade no menu */
body::before {
  content: ""; position: fixed; left: 0; top: 0; height: 3px; width: var(--om-scroll-progress);
  background: linear-gradient(90deg, #2b6eb5, #7ad2df, #d9bd91);
  box-shadow: 0 0 10px #5caddf55; z-index: 200; pointer-events: none;
}
.site-header {
  transition: background-color .3s ease, box-shadow .3s ease, border-color .3s ease;
}
.site-header.om-scrolled {
  background: rgba(255,255,255,.94);
  border-bottom-color: #ccdbe9;
  box-shadow: 0 16px 45px #081b3214;
}
.nav-list > a:not(.nav-cta) { position: relative; }
.nav-list > a:not(.nav-cta)::after {
  content: ""; display: block; position: absolute; left: 0; right: 0; bottom: -8px;
  height: 2px; background: linear-gradient(90deg, #1e5c9b, #76c6d8);
  transform-origin: left; transform: scaleX(0);
  transition: transform .35s var(--om-ease);
}
.nav-list > a:not(.nav-cta):hover::after,
.nav-list > a:not(.nav-cta):focus-visible::after,
.nav-list > a:not(.nav-cta)[aria-current="page"]::after { transform: scaleX(1); }

/* Cartões com profundidade e iluminação discreta */
.portal-card {
  isolation: isolate;
  transition: transform .36s var(--om-ease), box-shadow .36s ease, border-color .36s ease;
}
.portal-card::after {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  opacity: 0;
  background: radial-gradient(circle at var(--om-spot-x, 75%) var(--om-spot-y, 15%), #9bc9f61e, transparent 54%);
  transition: opacity .35s ease;
}
.portal-card:hover::after, .portal-card:focus-within::after { opacity: 1; }
.portal-card:hover, .portal-card:focus-within {
  transform: translate3d(0,-6px,0);
  box-shadow: 0 28px 65px #0c2d5322;
}
.section.dark .portal-card::after {
  background: radial-gradient(circle at var(--om-spot-x, 70%) var(--om-spot-y, 20%), #8ed3ed26, transparent 60%);
}
.card-icon { transition: transform .4s var(--om-ease), box-shadow .4s ease; }
.portal-card:hover .card-icon,.portal-card:focus-within .card-icon {
  transform: translate3d(0,-3px,0) scale(1.05);
  box-shadow: 0 8px 20px #2766a31c;
}
.card-link span,.btn-arrow { display: inline-block; transition: transform .32s var(--om-ease); }
.portal-card:hover .card-link span,.portal-card:focus-within .card-link span,
.primary-btn:hover .btn-arrow,.light-btn:hover .btn-arrow,.ghost-btn:hover .btn-arrow {
  transform: translate3d(3px,-2px,0);
}

/* Botões: reflexo suave, sem brilho excessivo */
.primary-btn, .light-btn, .ghost-btn, .nav-list .nav-cta {
  position: relative; overflow: hidden; isolation: isolate;
}
.primary-btn::before, .light-btn::before, .ghost-btn::before, .nav-list .nav-cta::before {
  content: ""; position: absolute; top: -50%; bottom: -50%; width: 35%; left: -65%;
  background: linear-gradient(90deg, transparent, #ffffff35, transparent);
  transform: skewX(-20deg); pointer-events: none; z-index: -1;
  transition: left .75s var(--om-ease);
}
.primary-btn:hover::before, .light-btn:hover::before,
.ghost-btn:hover::before, .nav-list .nav-cta:hover::before { left: 135%; }

/* Hero: material, iluminação e detalhes animados */
.hero, .masthead { background-size: 130% 130%; }
.tech-card {
  transition: transform .48s var(--om-ease), box-shadow .48s ease, border-color .48s ease;
  will-change: auto;
}
.tech-card::before {
  background: radial-gradient(circle at var(--om-spot-x, 85%) var(--om-spot-y, 16%), #9ad0ff2b, transparent 50%);
  transition: background .3s ease;
}
.tech-card:hover { transform: translate3d(0,-5px,0); box-shadow: 0 44px 85px #0007; border-color: #b5dfff70; }
.tech-on i { box-shadow: 0 0 0 0 #84e0cb55; animation: om-pulse 4s ease-out infinite; }
.proof-logos > span { transition: color .3s ease, transform .35s var(--om-ease); }
.proof-logos > span:hover { color: #2c578b; transform: translateY(-3px); }
.case-pillar { transition: transform .35s var(--om-ease), box-shadow .35s ease, border-color .35s ease; }
.case-pillar:hover { transform: translateY(-4px); box-shadow: 0 22px 38px #0e2b4a12; }

/* Entrada dos blocos à medida que aparecem — ativada apenas quando JS e Observer funcionam. */
html.om-motion [data-om-reveal] {
  transition: opacity .72s var(--om-ease), transform .72s var(--om-ease), box-shadow .3s ease, border-color .3s ease;
  transition-delay: var(--om-delay, 0ms);
}
html.om-motion [data-om-reveal]:not(.om-visible) {
  opacity: 0; transform: translate3d(0,18px,0);
}
html.om-motion [data-om-reveal].om-visible { opacity: 1; }
@keyframes om-pulse {
  0%, 100% { box-shadow: 0 0 0 0 #84e0cb33; }
  30% { box-shadow: 0 0 0 6px #84e0cb00; }
}
@media (hover: none), (pointer: coarse) {
  .portal-card:hover,.tech-card:hover,.case-pillar:hover { transform: none; }
  .portal-card:hover .card-icon { transform: none; }
  .nav-list > a:not(.nav-cta)::after { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  html.om-motion [data-om-reveal] { opacity: 1 !important; transform: none !important; transition: none !important; }
  .tech-on i { animation: none !important; box-shadow: none; }
  .portal-card,.tech-card,.case-pillar,.card-icon,
  .primary-btn,.light-btn,.ghost-btn { transition: none !important; }
}

/* Atalho flutuante acessível, afastado do botão de WhatsApp */
.om-backtop {
  position:fixed; bottom:92px; right:25px; z-index:90;
  display:grid; place-items:center; width:46px; height:46px;
  background:#ffffffed; color:#1b4b7e; border:1px solid #c7d9eb; border-radius:50%;
  box-shadow:0 14px 30px #112d4822; font-size:23px; font-weight:800;
  opacity:0; visibility:hidden; pointer-events:none;
  transform:translateY(14px);
  transition:opacity .3s ease,transform .38s cubic-bezier(.22,1,.36,1),visibility .3s;
}
.om-backtop.om-backtop-visible{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.om-backtop:hover,.om-backtop:focus-visible{color:#fff;background:#1e5188;box-shadow:0 20px 35px #112d482e}
@media(max-width:620px){.om-backtop{width:42px;height:42px;right:14px;bottom:74px;font-size:20px}}
@media(prefers-reduced-motion:reduce){.om-backtop{transition:none!important;transform:none!important}}


/* Consentimento de estatísticas — acessível e responsivo. */
.om-consent-banner{position:fixed;bottom:20px;left:20px;z-index:9999;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(780px,calc(100% - 40px));padding:20px 22px;border:1px solid #294364;border-radius:12px;background:#0b1d35;color:#fff;box-shadow:0 18px 55px rgba(0,10,30,.32);font-family:"DM Sans",system-ui,sans-serif}
.om-consent-banner[hidden]{display:none!important}
.om-consent-copy{flex:1;min-width:0}
.om-consent-copy strong{display:block;font-size:14px;font-weight:800;letter-spacing:.01em}
.om-consent-copy p{margin:7px 0 0;color:#c6d5e8;font-size:12px;line-height:1.65}
.om-consent-copy a{color:#b4d6ff;text-decoration:underline;text-underline-offset:3px}
.om-consent-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.om-consent-actions button{border-radius:6px;padding:12px 14px;border:1px solid #637c9e;background:transparent;color:#fff;font:700 12px "DM Sans",system-ui,sans-serif;cursor:pointer}
.om-consent-actions button[data-om-consent="granted"]{border-color:#fff;background:#fff;color:#0b1d35}
.om-consent-actions button:hover{filter:brightness(1.12)}
.om-consent-actions button:focus-visible,.om-consent-settings:focus-visible{outline:3px solid #79b7ff;outline-offset:3px}
.om-consent-settings{background:transparent;border:0;color:inherit;text-decoration:underline;text-underline-offset:3px;font:inherit;cursor:pointer}
@media(max-width:730px){.om-consent-banner{bottom:12px;left:12px;width:calc(100% - 24px);padding:17px;display:block}.om-consent-actions{margin-top:15px;display:grid;grid-template-columns:1fr 1fr}.om-consent-actions button{min-height:46px}}
@media(max-width:360px){.om-consent-actions{grid-template-columns:1fr}}