:root{--ink:#172033;--muted:#5D657C;--line:#DFE2EF;--brand:#4338CA;--light:#F5F5FC;--shell:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:white;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #8B83ED;outline-offset:4px}.container{width:min(calc(100% - 64px),var(--shell));margin-inline:auto}.skip{position:absolute;top:-100px;left:20px;background:white;padding:14px;z-index:10}.skip:focus{top:12px}.site-header{height:88px;background:white;border-bottom:1px solid var(--line)}.header-inner,.header-actions,.desktop-nav,.logo{display:flex;align-items:center}.header-inner{height:100%;justify-content:space-between;gap:24px}.logo{gap:8px;flex-shrink:0}.logo>img:first-child{width:35px;height:35px;object-fit:contain}.logo-wordmark{display:block;width:146px;height:49px;object-fit:contain;object-position:left center}.desktop-nav{gap:34px;font-size:13px;font-weight:600;color:#465b69}.desktop-nav a:hover,.text-link:hover,.quiet-link:hover{color:#3730A3}.header-actions{gap:25px}.text-link{font-size:13px;font-weight:700;color:#344d5f}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:50px;padding:0 20px;border-radius:5px;font-size:13px;font-weight:700;transition:background .15s,color .15s}.button-primary{background:#4338CA;color:#fff}.button-primary:hover{background:#3730A3}.section-overline{font-size:12px;text-transform:uppercase;letter-spacing:.065em;font-weight:750;color:#4338CA}.hero{display:grid;grid-template-columns:.96fr 1.04fr;gap:65px;align-items:center;padding-top:99px;padding-bottom:110px}.hero-copy h1{font-size:clamp(43px,4.55vw,67px);line-height:1.1;letter-spacing:-.052em;font-weight:730;margin:25px 0}.hero-copy h1 span{color:#4338CA}.hero-copy>p:not(.trial-caption){font-size:17px;line-height:1.85;color:#42596a;max-width:545px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:23px;margin-top:32px}.quiet-link{font-size:13px;font-weight:720;color:#4338CA}.trial-caption{margin-top:24px!important;font-size:12px!important;color:#536776!important;line-height:1.5!important}.workspace{border:1px solid #DFE2EF;border-radius:8px;background:#fff;box-shadow:0 25px 45px rgba(19,46,64,.08);padding-bottom:8px;min-width:0}.workspace-head{height:60px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 22px}.workspace-brand{display:flex;align-items:center;font-weight:800;font-size:12px;gap:10px}.workspace-wordmark{height:30px;width:95px;object-fit:contain}.workspace-tag{color:#5b707e;font-size:11px}.workspace-body{display:flex;min-height:330px}.workspace-nav{width:60px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:20px;padding:27px 20px}.workspace-nav span{height:13px;width:16px;border-radius:3px;background:#d2dfe8}.workspace-nav .selected{background:#4338CA}.workspace-main{padding:25px;flex:1;min-width:0}.workspace-title{font-weight:750;font-size:18px;margin-bottom:24px;letter-spacing:-.025em}.workspace-title small{display:block;font-size:11px;color:#607483;font-weight:450;margin-top:8px;letter-spacing:0}.workspace-feature{border:1px solid #DFE2EF;border-radius:6px;padding:19px;background:#fff;min-width:0}.hero-feature{display:flex;justify-content:space-between;border-color:#CBC6F2;background:#F5F4FF}.feature-line{display:flex;align-items:center;gap:13px}.feature-icon{font-size:12px;font-weight:750;color:#4338CA;background:#EEECFC;padding:11px;border-radius:4px}.feature-line strong{display:block;font-size:13px}.feature-line small{display:block;font-size:10px;color:#556b7a;margin-top:6px}.feature-arrow{color:#4338CA}.workspace-duo{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}.workspace-duo .workspace-feature{padding:15px}.workspace-duo .feature-line{gap:8px}.workspace-duo .feature-icon{padding:7px}.workspace-caption{margin:2px 18px 11px;color:#5a6f7e;font-size:10px;text-align:right}.intro-band{background:#F5F5FC;border-block:1px solid #DFE2EF}.intro-inner{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:100px;padding-block:78px}.intro-inner h2{font-size:clamp(29px,3vw,42px);letter-spacing:-.045em;line-height:1.19;font-weight:700;margin:0}.intro-inner p{margin:0;font-size:15px;line-height:1.9;color:#465e70}.content-section{padding-top:104px;padding-bottom:110px}.section-heading{display:flex;justify-content:space-between;gap:85px;align-items:end;margin-bottom:42px}.section-heading h2,.process-layout h2,.contact-panel h2{font-size:clamp(31px,3.2vw,44px);line-height:1.15;letter-spacing:-.045em;font-weight:720;margin:17px 0 0}.section-heading>p{max-width:380px;font-size:14px;line-height:1.85;color:#4d6474}.capabilities{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.capabilities article{display:flex;gap:30px;padding:34px 30px;min-height:160px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.capability-number{color:#4338CA;font-size:12px;font-weight:700;padding-top:6px}.capabilities h3{font-size:18px;letter-spacing:-.018em;margin:0 0 12px}.capabilities p{font-size:14px;line-height:1.8;color:#4d6474;margin:0;max-width:420px}.process-section{background:#F8F8FD;border-block:1px solid #DFE2EF}.process-layout{display:grid;grid-template-columns:1fr 1fr;gap:105px;padding-top:96px;padding-bottom:105px}.process-layout h2{margin:21px 0}.process-layout>div>p{color:#465e70;font-size:15px;line-height:1.85;margin-bottom:28px}.process-details{border-top:1px solid #D8D8E9}.process-details>div{padding:22px 0;border-bottom:1px solid #D8D8E9}.process-details strong{font-size:15px}.process-details p{font-size:13px;color:#526a78;line-height:1.7;margin:8px 0 0}.contact-section{padding-block:95px}.contact-panel{background:#F2F1FC;border:1px solid #D9D5F2;padding:62px 65px;display:flex;gap:60px;align-items:center;justify-content:space-between;border-radius:8px}.contact-panel>div:first-child{max-width:660px}.contact-panel h2{margin:16px 0}.contact-panel p{color:#4a6372;font-size:14px;line-height:1.85}.contact-actions{display:flex;align-items:start;flex-direction:column;gap:25px;flex-shrink:0}.site-footer{background:#fff;border-top:1px solid var(--line)}.footer-content{display:flex;justify-content:space-between;gap:40px;padding-top:51px;padding-bottom:42px}.footer-content .logo-wordmark{width:137px}.footer-content p{color:#5a6e7c;font-size:12px}.footer-content nav{display:flex;align-items:start;gap:30px;font-size:12px;font-weight:600;color:#435b6b}.footer-bottom{border-top:1px solid var(--line);font-size:11px;color:#607381;padding-top:20px;padding-bottom:25px}@media(max-width:1050px){.desktop-nav{display:none}.hero{gap:35px}.hero-copy h1{font-size:50px}.contact-panel{padding:40px}}@media(max-width:760px){.container{width:min(calc(100% - 36px),var(--shell))}.site-header{height:74px}.logo>img:first-child{width:30px;height:30px}.logo-wordmark{width:117px;height:40px}.header-actions{gap:10px}.header-actions .text-link{font-size:12px}.header-cta{display:none}.hero{display:block;padding-top:57px;padding-bottom:70px}.hero-copy h1{font-size:clamp(39px,9vw,56px)}.hero-copy>p:not(.trial-caption){font-size:15px}.hero-actions{gap:20px}.hero-actions .button{width:100%}.workspace{margin-top:50px}.workspace-head{padding:0 14px}.workspace-body{min-height:300px}.workspace-nav{width:34px;padding:25px 10px}.workspace-main{padding:17px 12px}.workspace-title{font-size:16px}.workspace-feature{padding:12px}.workspace-duo{gap:7px}.workspace-duo .workspace-feature{padding:8px}.workspace-duo .feature-line{display:block}.workspace-duo .feature-icon{display:inline-block;margin-bottom:6px}.feature-line strong{font-size:12px}.feature-line small{font-size:9px}.intro-inner,.process-layout{display:block;padding-block:65px}.intro-inner p{margin-top:24px}.section-heading{display:block}.section-heading>p{max-width:unset}.content-section{padding-block:70px}.capabilities{grid-template-columns:1fr}.capabilities article{padding:27px 19px;min-height:130px}.process-layout .process-details{margin-top:36px}.contact-section{padding-block:65px}.contact-panel{padding:31px 24px;display:block}.contact-actions{margin-top:26px}.contact-actions .button{width:100%}.footer-content{display:block}.footer-content nav{margin-top:28px;gap:18px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Expressão tecnológica discreta — mesma identidade da aplicação. */
.site-header{border-top:3px solid #4338CA}
.button-primary{box-shadow:0 3px 8px rgba(67,56,202,.13)}
.button-primary:hover{box-shadow:0 5px 14px rgba(67,56,202,.18)}
.workspace{box-shadow:0 16px 44px rgba(23,32,51,.075);border-color:#DFE2EF}
.workspace-head{background:linear-gradient(90deg,#fff 0%,#F7F6FF 100%)}
.workspace-feature{transition:border-color .18s ease,background .18s ease,transform .18s ease}
.workspace-feature:hover{border-color:#BBB5EF;background:#FAF9FF;transform:translateY(-1px)}
.workspace-nav .selected{box-shadow:0 0 0 3px #EEECFC}
.capabilities article{transition:background-color .18s ease}
.capabilities article:hover{background:#FBFAFF}
@media(prefers-reduced-motion:reduce){.workspace-feature,.capabilities article,.button-primary{transition:none}}

/* V4: ambiente técnico subtil, sempre dentro da identidade OPERVEXA. */
.hero{position:relative;isolation:isolate}
.hero:before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:34px -24px 0 26%;opacity:.58;background-image:linear-gradient(to right,rgba(67,56,202,.055) 1px,transparent 1px),linear-gradient(to bottom,rgba(67,56,202,.055) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to right,transparent 0%,#000 45%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 45%,transparent 100%)}
.hero:after{content:"";position:absolute;z-index:-1;pointer-events:none;width:460px;height:460px;right:4%;top:5%;background:radial-gradient(circle,rgba(67,56,202,.075),rgba(67,56,202,0) 72%)}
.workspace{position:relative;overflow:hidden;box-shadow:0 28px 65px rgba(23,32,51,.10),0 3px 12px rgba(67,56,202,.05);transition:box-shadow .3s ease,transform .3s ease}
.workspace:before{content:"";position:absolute;z-index:2;left:0;top:0;right:0;height:2px;background:linear-gradient(90deg,transparent 3%,#4338CA 40%,#8B83ED 70%,transparent 98%);opacity:.75}
.workspace:hover{transform:translateY(-3px);box-shadow:0 35px 76px rgba(23,32,51,.12)}
.workspace-head{background:linear-gradient(105deg,#fff 10%,#f3f2fc 100%)}
.workspace-nav{background:linear-gradient(180deg,#fafaff,#fff)}
.workspace-main{background:linear-gradient(160deg,#fff 30%,#fbfaff 100%)}
.workspace-feature{box-shadow:0 1px 2px rgba(23,32,51,.025)}
.system-strip{display:flex;align-items:center;gap:9px;margin:-7px 0 17px;color:#625c89;font-size:9px;font-weight:650;letter-spacing:.045em}
.system-dot{display:block;width:6px;height:6px;background:#4338CA;border-radius:50%;box-shadow:0 0 0 3px #eeecfc}
.system-strip-line{height:1px;flex:1;background:linear-gradient(90deg,#d6d2f1,transparent)}
.system-strip-end{font-variant-numeric:tabular-nums;color:#7a7992;font-size:9px}
.intro-band{position:relative;background:linear-gradient(95deg,#f8f8fd 0%,#f0effa 100%)}
.intro-band:before{content:"";position:absolute;top:0;bottom:0;left:max(18px,calc((100% - var(--shell))/2));width:2px;background:linear-gradient(#4338CA,rgba(67,56,202,0))}
.capabilities article{position:relative}
.capabilities article:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:2px;background:#4338CA;transition:width .25s ease}
.capabilities article:hover:after{width:100%}
.button-primary{position:relative;transition:background .18s ease,box-shadow .18s ease,transform .18s ease}
.button-primary:hover{transform:translateY(-1px)}
.button-primary span{transition:transform .18s ease}
.button-primary:hover span{transform:translateX(3px)}
.contact-panel{background:linear-gradient(110deg,#f7f7fc 0%,#edebfb 100%);position:relative;overflow:hidden}
.contact-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#4338CA,rgba(67,56,202,.14) 75%,transparent)}
@media(max-width:760px){.hero:before{inset:16px -9px 35% 18%;background-size:33px 33px;opacity:.38}.hero:after{width:280px;height:280px;right:-50px;top:150px}.workspace:hover{transform:none}.system-strip-end{font-size:8px}}
@media(prefers-reduced-motion:reduce){.workspace,.button-primary,.button-primary span,.capabilities article:after{transition:none}.workspace:hover,.button-primary:hover,.button-primary:hover span{transform:none}}

/* OPERVEXA V7 — composição editorial, motivo hexagonal pontual. */
html,body{overflow-x:clip;background:#fff}
body::before,body::after{content:none!important}
.hero{position:relative;isolation:isolate;overflow:visible;background:#fff}
.hero::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:5% 0 8% 51%;display:block;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='126' height='110' viewBox='0 0 126 110'%3E%3Cpath d='M32 2 61 19v34L32 70 3 53V19z M94 2l29 17v34L94 70 65 53V19z M63 40l29 17v34l-29 17-29-17V57z' fill='none' stroke='%234338CA' stroke-width='1.15' stroke-opacity='.28'/%3E%3Cpath d='M32 5 58 21v30L32 66 6 51V21z' fill='%234338CA' fill-opacity='.026'/%3E%3C/svg%3E");background-size:126px 110px;opacity:.52;mask-image:linear-gradient(90deg,transparent,#000 35%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 35%,transparent)}
.hero::after{content:none!important}
.hero-copy{background:transparent!important;backdrop-filter:none!important;padding:0!important;border-radius:0!important}
.intro-band::before{display:none!important}
.intro-band,.content-section,.process-section,.contact-section,.site-footer{background-image:none}
.intro-band{background:#f6f6fc}
.content-section{background:#fff}
.process-section{background:#fafaff}
.contact-section{background:#fff}
.site-footer{background:#fff}
.workspace{background:#fff;border-radius:16px;overflow:hidden}
.workspace::after{content:none!important}
.workspace-body{min-height:345px;background:#fff}
.workspace-nav{width:58px;display:flex;flex-direction:column;align-items:center;gap:17px;padding:27px 0;background:#fafaff;border-right:1px solid #e5e5f1}
.workspace-nav button{appearance:none;display:block;width:17px;height:17px;padding:0;border:1px solid #d2d8ea;border-radius:5px;background:#dce1ee;cursor:pointer;flex:none;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}
.workspace-nav button:hover{background:#aca6e8;transform:scale(1.08)}
.workspace-nav button.selected{background:#4338CA;border-color:#4338CA;box-shadow:0 0 0 4px #e8e5fb}
.workspace-nav button:focus-visible{outline:2px solid #4338CA;outline-offset:5px}
.workspace-main{display:flex;flex-direction:column;min-width:0;background:#fff;padding:29px 25px}
.workspace-title{font-size:19px;margin-bottom:20px;line-height:1.35}
.workspace-title small{line-height:1.6}
.workspace-feature-content{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start;min-height:224px}
.workspace-feature-content .workspace-feature{display:flex;align-items:center;gap:12px;padding:17px;border-radius:9px;background:#fff;box-shadow:none!important;border:1px solid #e0e3f1}
.workspace-feature-content .workspace-feature:first-child{grid-column:span 2;background:#faf9ff;border-color:#cbc6f2}
.workspace-feature-content .workspace-feature:nth-child(4){grid-column:span 2}
.workspace-feature-content .feature-icon{font-size:11px;min-width:32px;height:32px;padding:0;border-radius:7px;box-shadow:none}
.workspace-feature-content .workspace-feature strong{display:block;font-size:12px;line-height:1.35}
.workspace-feature-content .workspace-feature small{display:block;font-size:10px;color:#56647a;margin-top:5px;line-height:1.4}
.workspace-action{margin-top:auto;padding-top:16px;color:#4338CA;font-size:12px;font-weight:700;display:flex;justify-content:space-between;gap:8px;align-items:center}
.workspace-action:hover{text-decoration:underline}
.view-visible{animation:opervexa-reveal .24s ease-out both}
@keyframes opervexa-reveal{from{opacity:.2;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
.workspace-caption{font-size:10px;color:#59677b}
@media(max-width:760px){.hero::before{inset:16% -4% 30% 25%;opacity:.30}.workspace-main{padding:20px 14px}.workspace-nav{width:42px;gap:17px}.workspace-feature-content{gap:8px}.workspace-feature-content .workspace-feature{padding:11px;gap:8px}.workspace-feature-content .feature-icon{min-width:27px;width:27px;height:27px}.workspace-feature-content .workspace-feature strong{font-size:11px}.workspace-feature-content .workspace-feature small{font-size:9px}.workspace-title{font-size:16px}}
@media(prefers-reduced-motion:reduce){.view-visible{animation:none}.workspace-nav button{transition:none}}

/* Maior contraste sobre a comeia sem inserir um painel rectangular. */
html.opervexa-public-surface .hero-copy{position:relative;isolation:isolate}
html.opervexa-public-surface .hero-copy:before{content:"";position:absolute;pointer-events:none;z-index:-1;inset:-42px -20px -42px -30px;background:radial-gradient(ellipse at 36% 48%,rgba(255,255,255,.93) 0%,rgba(255,255,255,.82) 46%,rgba(255,255,255,.44) 68%,transparent 93%)}
html.opervexa-public-surface .hero-copy h1{color:#172033;text-shadow:0 1px 0 rgba(255,255,255,.6)}
html.opervexa-public-surface .hero-copy>p{color:#34465b}
.legal-footer{display:flex;flex-wrap:wrap;gap:12px 26px;padding-top:5px;padding-bottom:18px;font-size:12px}.legal-footer a{color:#405477;text-decoration:underline;text-underline-offset:3px}