: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}}
