/* OctoNex: original black, violet, white and Inter, shared by both languages. */
:root{--color-bg:#000;--color-surface:#07060a;--color-accent:#7c3aed;--color-accent-600:#a855f7;--color-text:#fff;--color-muted:#b9b6c5;--border-subtle:#302b3d;--ease-out:cubic-bezier(.23,1,.32,1);--ease-in-out:cubic-bezier(.77,0,.175,1)}
body.octonex-premium{background:var(--color-bg);color:var(--color-text);line-height:1.65}
.octonex-premium h1,.octonex-premium h2,.octonex-premium h3{letter-spacing:-.035em;text-wrap:balance}
.octonex-premium p{color:var(--color-muted);text-wrap:pretty}
.octonex-premium :is(a,button,input,textarea,summary):focus-visible{outline:2px solid var(--color-accent-600)!important;outline-offset:5px}
.octonex-premium #main-header,.octonex-premium #main-header.scrolled{padding:10px max(24px,calc((100vw - 1240px)/2));background:rgba(7,6,10,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);transform:none;transition:background-color 180ms;will-change:auto}
.octonex-premium .logo-area img{height:52px;width:52px;object-fit:contain}
.octonex-premium .logo-area .nome-logo{font-size:26px;color:#fff}
.octonex-premium .button,.octonex-premium .nav-btn,.octonex-premium .back-home{background:var(--color-accent)!important;color:#fff!important;border:1px solid var(--color-accent-600);box-shadow:none!important;min-height:48px;border-radius:12px;white-space:normal;line-height:1.45;transition:transform 160ms var(--ease-out),background-color 180ms,border-color 180ms}
.octonex-premium .button::before,.octonex-premium .button::after,.dots_border{display:none!important}
.octonex-premium button:active,.octonex-premium .button:active{transform:scale(.98)}
.octonex-premium .hero{padding:36px 24px 64px;min-height:0;height:auto;border-bottom:1px solid var(--border-subtle);isolation:isolate}
.octonex-premium .hero-slider{display:block;max-width:1240px;padding:48px 0 0;position:relative;margin:auto;min-height:0;height:auto}
.octonex-premium .carousel-track-wrapper{min-height:0;overflow:visible;touch-action:pan-y}
.octonex-premium .carousel-track{display:grid;min-height:0;transform:none!important;transition:none;will-change:auto}
.octonex-premium .hero-slide{grid-area:1/1;display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center;width:auto;min-height:440px;padding:0;opacity:0;visibility:hidden;transform:translateX(16px);transition:opacity 280ms var(--ease-out),transform 280ms var(--ease-out),visibility 280ms;pointer-events:none}
.octonex-premium .hero-slide[aria-hidden=false]{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.octonex-premium .hero-slide-content{text-align:left;max-width:670px}
.octonex-premium .hero-slide-content :is(h1,h2){font-size:clamp(2.5rem,4.5vw,4.25rem);line-height:1.08;color:#fff;margin:0 0 24px}
.octonex-premium .hero-slide-content p{font-size:1.1rem;max-width:52ch;line-height:1.75;margin-bottom:32px}
.octonex-premium .hero-slide-icon{width:100%;max-width:none;height:auto;min-height:0;margin:0;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;aspect-ratio:1.15;background:radial-gradient(ellipse at center,rgba(124,58,237,.18),transparent 70%);border:1px solid var(--border-subtle);border-radius:24px;position:relative}
.octonex-premium .hero-slide:first-child:not([aria-hidden]){opacity:1;visibility:visible;transform:none;pointer-events:auto}
.octonex-premium .keyboard-navigation .hero-slide{transition:none}
.octonex-premium .hero-slide-icon i{font-size:clamp(5rem,9vw,8rem);color:var(--color-accent-600);filter:none;text-shadow:none;animation:none;transform:none}
.octonex-premium .hero-slide-icon .visual-panel i{font-size:20px}
.visual-flow>span{flex:1;min-width:0;overflow-wrap:anywhere}.visual-flow>b{flex-shrink:0}
.hero-extra{display:grid;gap:12px;margin-top:20px;font-size:14px}.hero-extra a{color:#fff;text-decoration:underline;text-underline-offset:5px}.hero-extra small{color:var(--color-muted);font-size:12px}
.octonex-premium .hero-slide-icon::before{inset:14%;border:1px solid var(--border-subtle);border-radius:50%;background:none}
.octonex-premium .hero-slide-icon::after{content:'OctoNex';position:absolute;inset:auto 0 28px;text-align:center;color:var(--color-muted);font-size:13px;letter-spacing:.08em;transform:none;background:none;border:0;border-radius:0}
.octonex-premium .hero-slide-icon:has(.visual-panel)::before,.octonex-premium .hero-slide-icon:has(.visual-panel)::after{display:none}
.visual-panel{width:calc(100% - 56px);background:rgba(7,6,10,.94);border:1px solid var(--border-subtle);border-radius:16px;padding:24px;box-shadow:0 24px 64px rgba(0,0,0,.4);transform:rotate(-3deg)}
.visual-top{display:flex;align-items:center;gap:12px;font-size:13px;color:#fff;padding-bottom:20px;border-bottom:1px solid var(--border-subtle)}
.octonex-premium .visual-panel i{font-size:20px}
.visual-status{width:6px;height:6px;border-radius:50%;background:var(--color-accent-600);margin-left:auto}
.visual-bars{height:160px;display:flex;align-items:flex-end;gap:14px;padding:24px 8px 0;border-bottom:1px solid var(--border-subtle)}
.visual-bars>span{flex:1;height:var(--bar);border-radius:5px 5px 0 0;background:var(--color-accent)}
.visual-bars>span:nth-child(even){background:var(--color-accent-600)}
.visual-labels{display:flex;justify-content:space-between;color:var(--color-muted);font-size:11px;margin-top:16px}
.visual-flow{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:170px}
.visual-flow>span{display:grid;gap:12px;text-align:center;font-size:11px;color:var(--color-muted)}
.visual-flow>b{font-weight:400;color:var(--color-accent-600)}
.visual-chat{display:grid;gap:12px;padding-top:24px}
.visual-chat>span{padding:12px 16px;border:1px solid var(--border-subtle);border-radius:12px;font-size:13px;color:var(--color-muted)}
.visual-chat>span:nth-child(2){margin-left:24px;background:rgba(124,58,237,.16)}
.visual-chat-dots{font-size:22px;letter-spacing:4px;color:var(--color-accent-600)}
@media(max-width:768px){.octonex-premium .hero-slide-icon:has(.visual-panel){aspect-ratio:auto;max-height:none;padding:24px 0}.visual-panel{width:calc(100% - 32px);padding:16px;transform:none}.visual-bars{height:110px;gap:10px}.visual-flow{min-height:120px}.visual-top{padding-bottom:14px}.visual-chat{padding-top:16px}}
.octonex-premium .carousel-controls{display:flex;align-items:center;gap:10px;margin-top:28px;flex-wrap:wrap}
.octonex-premium .carousel-controls{justify-content:flex-end;margin-top:24px;gap:12px}
.octonex-premium .hero{border-bottom:0}
.octonex-premium .carousel-arrow,.octonex-premium .carousel-pause,.octonex-premium .carousel-dot{position:static;transform:none;width:44px;height:44px;min-height:44px;border:1px solid var(--border-subtle);border-radius:10px;background:var(--color-surface);color:#fff;cursor:pointer;transition:background-color 180ms,border-color 180ms}
.octonex-premium .carousel-pause{width:auto;padding:0 16px;font:inherit;font-size:13px}
.octonex-premium .carousel-dot{width:32px;min-width:32px;font-size:12px}
.octonex-premium .carousel-dot[aria-current=true]{background:var(--color-accent);border-color:var(--color-accent-600)}
.carousel-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.octonex-premium :is(.oferta-clara,.cases-section,.atendimento,.equipe,.contato,.home-process){padding:88px max(24px,calc((100vw - 1240px)/2));background:transparent}
.octonex-premium .container{max-width:1240px;margin-inline:auto}
.octonex-premium :is(.oferta-card,.case-card,.card-equipe,.contato-page-form){background:var(--color-surface);border:1px solid var(--border-subtle);border-radius:20px;box-shadow:none;animation:none;transform:none;transition:border-color 180ms}
.octonex-premium :is(.oferta-card,.case-card){padding:32px;min-width:0}
.octonex-premium .oferta-card h3{color:#fff;font-size:1.25rem;line-height:1.4}
.octonex-premium .oferta-card:nth-child(n) i{color:var(--color-accent-600)!important}
.octonex-premium :is(.titulo-secao,.equipe-texto h2,.home-section-heading h2){font-size:clamp(2rem,3.2vw,3rem);line-height:1.15;color:#fff}
.octonex-premium .subtitulo-secao{max-width:65ch;margin-inline:auto}
.octonex-premium .cases-container{gap:24px}
.octonex-premium main,.octonex-premium footer{position:relative;z-index:2}
.octonex-premium .case-card{text-align:left}
.octonex-premium .case-headline{font-size:1.75rem;line-height:1.25;color:#fff}
.octonex-premium details.case-details{display:block;border-top:1px solid var(--border-subtle);padding-top:20px;margin-top:24px}
.octonex-premium details.case-details summary{cursor:pointer;color:#fff;min-height:44px}
.octonex-premium .flow-container{gap:12px}
.octonex-premium .flow-container .step{padding:16px;border-radius:12px;min-width:0;overflow-wrap:anywhere;background:rgba(124,58,237,.06);border-color:var(--border-subtle)}
.octonex-premium .home-section-heading{max-width:850px;margin-bottom:32px}
.octonex-premium .process-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.octonex-premium .process-step{padding:24px;border-top:1px solid var(--border-subtle)}
.octonex-premium .process-steps{list-style:none;padding:0}.octonex-premium .process-steps>li{padding:24px;border-top:1px solid var(--border-subtle)}.octonex-premium .process-steps>li>span{color:var(--color-accent-600);font-size:13px}.octonex-premium .home-capabilities>div{display:flex;gap:24px;flex-wrap:wrap}
.octonex-premium .home-capabilities{display:flex;gap:24px;flex-wrap:wrap;padding:24px;color:var(--color-muted)}
.octonex-premium .card-equipe img{transition:none;transform:none!important}
.octonex-premium .card-equipe::before,.octonex-premium .equipe-container::before,.octonex-premium .equipe::before{display:none}
.octonex-premium .institucional-page,.octonex-premium .contato-page{max-width:100%}
.octonex-premium.institucional-page main>.container{background:var(--color-surface);border:1px solid var(--border-subtle);border-radius:24px;padding:40px!important}
.octonex-premium footer{border-top:1px solid var(--border-subtle);background:var(--color-surface)}
.octonex-premium .lang-switcher{transition:background-color 180ms,border-color 180ms;color:#fff}
.octonex-premium .lang-active{color:var(--color-accent-600)!important}
.octonex-premium #main-header nav a.nav-btn{background:var(--color-accent)!important;box-shadow:none!important;border-color:var(--color-accent-600);transition:transform 160ms var(--ease-out),border-color 180ms!important}
.octonex-premium .hero-slide-content::before{display:none}
.octonex-premium .hero-slide-content{animation:none}
.octonex-premium .button .text_button{white-space:normal}
.octonex-premium .glass-panel{backdrop-filter:none}
.octonex-premium :is(.atendimento-item,.footer-social a,.card-social-icons a){animation:none;transition:color 180ms,background-color 180ms,border-color 180ms;box-shadow:none}
.octonex-premium::before,.octonex-premium::after{animation:none;will-change:auto}
.octonex-premium #octo-canvas-container{opacity:1;pointer-events:none}
.octonex-premium #octo-canvas-container:empty{opacity:.12;background-image:radial-gradient(#a855f7 1px,transparent 1px);background-size:64px 64px}
.octonex-premium nav a{transition:color 180ms,border-color 180ms,background-color 180ms}
.octonex-premium :is(.button,.nav-btn,.back-home){-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.octonex-premium .menu-toggle{transition:background-color 180ms,border-color 180ms;min-width:44px;min-height:44px}
.octonex-premium .error-container{padding:48px 24px}.octonex-premium .error-code{color:var(--color-accent-600);line-height:1}
@media(max-width:1100px){.octonex-premium nav ul{position:fixed;right:0;transform:translateX(100%);visibility:hidden;transition:transform 220ms var(--ease-out),visibility 220ms;will-change:auto}.octonex-premium nav ul.active{transform:none;visibility:visible}}
.motion-toggle{font:inherit;font-size:12px;color:var(--color-muted);background:transparent;border:1px solid var(--border-subtle);border-radius:8px;padding:10px 14px;min-height:44px;cursor:pointer;margin:16px}
@media(hover:hover) and (pointer:fine){.octonex-premium :is(.oferta-card,.case-card,.card-equipe):hover{border-color:var(--color-accent)}.octonex-premium .button:hover,.octonex-premium .nav-btn:hover{background:var(--color-accent)!important;border-color:#fff;transform:translateY(-2px)}.octonex-premium :is(.carousel-arrow,.carousel-dot,.carousel-pause):hover{border-color:var(--color-accent-600)}}
@media(max-width:1100px){.octonex-premium nav ul{background:var(--color-surface)}body.menu-open,html:has(body.menu-open){overflow:hidden!important}.octonex-premium .hero-slide{gap:32px}.octonex-premium .hero-slide-content :is(h1,h2){font-size:clamp(2.5rem,5vw,3.5rem)}}
@media(max-width:768px){.octonex-premium .hero{padding:24px 24px 48px}.octonex-premium .hero-slider{padding-top:20px}.octonex-premium .hero-slide{grid-template-columns:minmax(0,1fr);gap:24px;align-content:start;min-height:0}.octonex-premium .hero-slide-content :is(h1,h2){font-size:clamp(2rem,8vw,3rem)}.octonex-premium .hero-slide-content p{font-size:1rem;margin-bottom:24px}.octonex-premium .hero-slide-icon{aspect-ratio:2;max-height:190px}.octonex-premium .hero-slide-icon i{font-size:4rem}.octonex-premium .hero-slide-icon::after{bottom:14px}.octonex-premium :is(.oferta-clara,.cases-section,.atendimento,.equipe,.contato,.home-process){padding:56px 24px}.octonex-premium :is(.oferta-card,.case-card){padding:24px}.octonex-premium .process-steps{grid-template-columns:1fr}.octonex-premium.institucional-page main>.container{padding:24px!important;width:calc(100% - 32px)}.octonex-premium .flow-container{grid-template-columns:1fr}.octonex-premium .carousel-controls{gap:8px}.octonex-premium .logo-area img{width:44px;height:44px}.octonex-premium #main-header{padding-inline:20px}}
@supports not (backdrop-filter:blur(12px)){.octonex-premium #main-header{background:#07060a}}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.octonex-premium #main-header{background:#07060a;backdrop-filter:none}}
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:160ms}
@media(prefers-reduced-motion:reduce){html,body{scroll-behavior:auto!important}.octonex-premium *{animation:none!important;transition:none!important}.octonex-premium .hero-slide{transform:none}.octonex-premium #octo-canvas-container{display:block}.octonex-premium .button:hover{transform:none}::view-transition-old(root),::view-transition-new(root){animation:none!important}}

/* Apple-inspired mobile navigation, shared by all OctoNex pages. */
@media (max-width:1100px) {
  body.octonex-premium { padding-top: calc(48px + env(safe-area-inset-top)); }
  .octonex-premium #main-header,.octonex-premium #main-header.scrolled { height: calc(48px + env(safe-area-inset-top)); padding: env(safe-area-inset-top) 16px 0; background: rgba(22,22,23,.96); border: 0; }
  .octonex-premium #main-header .logo-link { z-index: 121; }
  .octonex-premium #main-header .logo-area { gap: 7px; }
  .octonex-premium #main-header .logo-area img { width: 32px; height: 32px; }
  .octonex-premium #main-header .logo-area .nome-logo { font-size: 20px; font-weight: 600; letter-spacing: -.04em; }
  .octonex-premium #main-header .menu-toggle { display: flex; border: 0; border-radius: 0; background: transparent; width: 44px; height: 44px; padding: 0; }
  .octonex-premium #main-header .menu-toggle i { display: none; }
  .octonex-premium #main-header .menu-toggle::before,.octonex-premium #main-header .menu-toggle::after { content: ''; position: absolute; width: 18px; height: 1.5px; background: #f5f5f7; transform: translateY(-4px); transition: transform 220ms var(--ease-out); }
  .octonex-premium #main-header .menu-toggle::after { transform: translateY(4px); }
  .octonex-premium #main-header .menu-toggle[aria-expanded=true]::before { transform: rotate(45deg); }
  .octonex-premium #main-header .menu-toggle[aria-expanded=true]::after { transform: rotate(-45deg); }
  .octonex-premium #main-header nav ul { position: fixed; inset: 0; width: 100%; height: 100dvh; padding: calc(80px + env(safe-area-inset-top)) max(32px,calc((100vw - 700px)/2)) calc(32px + env(safe-area-inset-bottom)); background: #161617; box-shadow: none; border: 0; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 6px; overflow-y: auto; opacity: 0; visibility: hidden; transform: translateY(-12px); transition: opacity 220ms var(--ease-out),transform 220ms var(--ease-out),visibility 220ms; }
  .octonex-premium #main-header nav ul.active { opacity: 1; visibility: visible; transform: none; }
  .octonex-premium #main-header nav ul li { width: 100%; }
  .octonex-premium #main-header nav ul li a { display: flex; align-items: center; min-height: 48px; width: fit-content; padding: 4px 0; color: #f5f5f7; font-family: system-ui,-apple-system,BlinkMacSystemFont,sans-serif; font-size: clamp(25px,5vw,32px); font-weight: 600; line-height: 1.2; letter-spacing: -.025em; }
  .octonex-premium #main-header nav ul li a::after { display: none; }
  .octonex-premium #main-header nav ul li a.lang-switcher { margin-top: 16px; border: 0; background: transparent; padding: 0; font-size: 14px; font-weight: 400; }
  .octonex-premium #main-header nav ul li a.nav-btn { margin-top: 12px; padding: 11px 22px; min-height: 44px; border-radius: 999px !important; font-size: 15px; font-weight: 400; }
}