:root{
  --bg:#050814;--bg2:#080C18;--bg3:#0D1228;
  --blue:#003DA8;--blue-dim:rgba(0,61,168,0.15);--blue-bright:#5B9CFF;
  --gold:#C9A347;--navy:#0C0F1A;
  --white:#F2F5FF;--dim:rgba(242,245,255,0.38);--lite:rgba(242,245,255,0.55);
  --bord:rgba(0,61,168,0.18);--bord-g:rgba(201,163,71,0.15);
}
*{margin:0;padding:0;box-sizing:border-box;}
html.has-chrome-cursor, html.has-chrome-cursor *{cursor:none !important;}
#chromeCursor{transition:opacity 0.2s;}
html{scroll-behavior:smooth;overflow-x:hidden;}
html{overscroll-behavior:none;overflow-y:auto;-webkit-overflow-scrolling:touch;}
html{background:var(--bg);}
body{background:var(--bg);color:var(--white);font-family:system-ui,sans-serif;overflow-x:clip;position:relative;}
img{display:block;}
button{cursor:pointer;border:none;font-family:inherit;transition:opacity 0.2s;}
button:hover{opacity:0.85;}
a{text-decoration:none;color:inherit;}
.mono{font-family:'Courier New',monospace;letter-spacing:0.05em;}
.page{display:none;}.page.active{display:block;}
.reveal{opacity:0;transform:translateY(32px);transition:opacity 0.8s cubic-bezier(0.16,1,0.3,1),transform 0.8s cubic-bezier(0.16,1,0.3,1);}
.reveal.vis{opacity:1;transform:none;}
.panel-grid.reveal > *,.stats-row.reveal > *,.testi-grid.reveal > *,.fin-grid.reveal > *,.versus-wrap.reveal > *{
  opacity:0;transform:translateY(22px);transition:opacity 0.65s cubic-bezier(0.16,1,0.3,1),transform 0.65s cubic-bezier(0.16,1,0.3,1);}
.panel-grid.reveal.vis > *,.stats-row.reveal.vis > *,.testi-grid.reveal.vis > *,.fin-grid.reveal.vis > *,.versus-wrap.reveal.vis > *{opacity:1;transform:none;}
.panel-grid.reveal > *:nth-child(1),.stats-row.reveal > *:nth-child(1),.testi-grid.reveal > *:nth-child(1),.fin-grid.reveal > *:nth-child(1){transition-delay:0.05s;}
.panel-grid.reveal > *:nth-child(2),.stats-row.reveal > *:nth-child(2),.testi-grid.reveal > *:nth-child(2),.fin-grid.reveal > *:nth-child(2){transition-delay:0.14s;}
.panel-grid.reveal > *:nth-child(3),.stats-row.reveal > *:nth-child(3),.testi-grid.reveal > *:nth-child(3){transition-delay:0.23s;}
.panel-grid.reveal > *:nth-child(4),.stats-row.reveal > *:nth-child(4){transition-delay:0.32s;}
.panel-grid.reveal > *:nth-child(5),.stats-row.reveal > *:nth-child(5){transition-delay:0.41s;}
.panel-grid.reveal > *:nth-child(6),.stats-row.reveal > *:nth-child(6){transition-delay:0.5s;}

/* GRID */
.grid-bg{position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(62% 80% at 12% 0%, rgba(0,61,168,0.07), transparent 60%),
    radial-gradient(52% 72% at 90% 100%, rgba(201,163,71,0.055), transparent 62%);}
.grid-gold{background-image:linear-gradient(var(--bord-g) 1px,transparent 1px),linear-gradient(90deg,var(--bord-g) 1px,transparent 1px);}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:300;height:68px;padding:0 5%;
  display:flex;align-items:center;justify-content:space-between;transition:all 0.35s;
  background:transparent;border-bottom:1px solid transparent;}
nav.scrolled{background:rgba(5,8,20,0.96);backdrop-filter:blur(20px);border-bottom:1px solid var(--bord);}
.nav-logo,.nav-btn,.ft-link{text-decoration:none;cursor:pointer;}
.nav-logo{background:none;padding:0;display:flex;align-items:center;}
.nav-links{display:flex;align-items:center;gap:24px;}
.nav-btn{background:none;font-size:13px;font-weight:500;color:rgba(242,245,255,0.5);padding:0;}
.nav-btn.active{color:var(--white);}
.nav-btn:hover{color:var(--white);opacity:1;}
.nav-titan-btn{color:var(--blue)!important;font-weight:800!important;}
.nav-titan-btn:hover{opacity:1!important;}
.lang-toggle{display:flex;border:1px solid var(--bord);border-radius:6px;overflow:hidden;}
.lang-btn{padding:6px 11px;background:transparent;color:rgba(242,245,255,0.35);font-size:11px;font-weight:700;transition:all 0.2s;}
.lang-btn.active{background:var(--blue);color:#fff;}
.nav-cta{padding:10px 22px;background:var(--blue);color:#fff;font-weight:700;font-size:13px;border-radius:8px;box-shadow:0 4px 14px rgba(0,61,168,0.35);}

/* SECTION */
.sec{padding:3.75rem 5%;position:relative;overflow:hidden;}
.inner{max-width:1200px;margin:0 auto;position:relative;z-index:1;}
.sec-tag{display:flex;align-items:center;gap:10px;margin-bottom:1.5rem;}
.sec-tag span{font-family:'Courier New',monospace;font-size:10px;letter-spacing:0.25em;text-transform:uppercase;font-weight:700;color:var(--blue);}
.sec-tag.gold span{color:var(--gold);}
.h1{font-size:clamp(2rem,4.5vw,4rem);font-weight:900;letter-spacing:-0.04em;line-height:1;margin-bottom:0.75rem;}
.h1-b{color:var(--blue);}
.h1-g{color:var(--gold);}
.sec-p{font-size:1rem;color:var(--dim);line-height:1.75;max-width:520px;margin-bottom:3.5rem;}

/* — seção 04 (consultoria comercial): pilares ao lado do texto — */
.sec04{position:relative;overflow:hidden;}
.sec04-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:3rem;align-items:stretch;margin-top:1.5rem;}
@media(max-width:900px){.sec04-layout{grid-template-columns:1fr;}}
.sec04-blocks{max-width:560px;}
.sec04-p{font-size:1rem;color:var(--dim);line-height:1.75;margin-bottom:1.4rem;}
.sec04-highlight{font-size:0.95rem;color:var(--white);line-height:1.65;margin:0 0 1.4rem;padding:1rem 1.25rem;
  background:rgba(0,61,168,0.1);border-left:2px solid var(--blue-bright);border-radius:0 10px 10px 0;}
.sec04-pillars-deco{position:absolute;right:2%;bottom:0;width:44%;height:70%;pointer-events:none;z-index:0;overflow:visible;}
.sec04-deco-img{position:absolute;bottom:-38%;height:120%;width:auto;opacity:1;filter:drop-shadow(0 30px 40px rgba(0,10,40,0.28));}
.sec04-deco-img.p1{left:18%;height:88%;bottom:-32%;}
.sec04-deco-img.p2{left:48%;height:112%;bottom:-40%;z-index:1;}
.sec04-deco-img.p3{left:80%;height:80%;bottom:-28%;}
@media(max-width:900px){.sec04-pillars-deco{display:none;}}

/* PANEL */
.panel-grid{display:grid;gap:1px;background:var(--bord);border:1px solid var(--bord);}
.g2{grid-template-columns:1fr 1fr;}
.g3{grid-template-columns:repeat(3,1fr);}
.g4{grid-template-columns:repeat(4,1fr);}
.panel{background:var(--bg2);padding:2.5rem;position:relative;transition:background 0.25s;}
.panel:hover{background:var(--bg3);}
.p-accent{position:absolute;top:0;left:0;width:3px;height:100%;background:var(--blue);opacity:0.5;}
.p-num{font-family:'Courier New',monospace;font-size:2rem;font-weight:700;color:var(--blue);opacity:0.12;float:right;line-height:1;}
.p-h{font-weight:700;font-size:15px;color:var(--white);margin-bottom:8px;clear:both;}
.p-d{font-family:'Courier New',monospace;font-size:11px;color:var(--dim);line-height:1.7;}
.stats-row{display:grid;gap:1px;background:var(--blue);border:1px solid var(--blue);margin-top:2rem;}
.stat-cell{background:var(--bg2);padding:2rem;text-align:center;}
.sec03-layout{display:grid;grid-template-columns:1.1fr 0.9fr;gap:2.5rem;align-items:end;margin-bottom:2rem;}
@media(max-width:900px){.sec03-layout{grid-template-columns:1fr;}}
.sec03-statue{width:100%;max-width:340px;height:auto;justify-self:center;filter:drop-shadow(0 24px 40px rgba(0,10,40,0.28));}
@media(max-width:900px){.sec03-statue{display:none;}}
.stat-cell:hover .stat-l{transform:scale(1.12);color:var(--blue);}
.stat-v{font-family:'Courier New',monospace;font-size:2.5rem;font-weight:700;color:var(--blue-bright);line-height:1;margin-bottom:6px;}
.stat-l{font-size:13px;font-weight:700;color:#0C0F1A;letter-spacing:0.04em;text-transform:uppercase;margin-bottom:4px;display:inline-block;transition:transform 0.3s cubic-bezier(.16,1,.3,1),color 0.3s;}

/* BUTTONS */
.btn-w{padding:14px 34px;background:#fff;color:var(--blue);font-weight:800;font-size:14px;border-radius:4px;box-shadow:0 6px 20px rgba(0,0,0,0.25);}
.btn-o{padding:14px 26px;background:transparent;border:1.5px solid rgba(255,255,255,0.25);color:rgba(255,255,255,0.8);font-weight:600;font-size:14px;border-radius:4px;}
.btn-blue{padding:13px 28px;background:var(--blue);color:#fff;font-weight:800;font-size:12px;letter-spacing:0.08em;}
.btn-blue-out{padding:13px 24px;background:transparent;border:1px solid var(--blue);color:var(--blue);font-weight:600;font-size:12px;transition:all 0.2s;}
.btn-blue-out:hover{background:var(--blue);color:#fff;}
.btn-gold{padding:13px 28px;background:var(--gold);color:var(--navy);font-weight:800;font-size:12px;letter-spacing:0.08em;box-shadow:0 6px 20px rgba(201,163,71,0.3);}
.btn-gold-out{padding:13px 24px;background:transparent;border:1px solid rgba(201,163,71,0.3);color:var(--gold);font-weight:600;font-size:12px;}

/* FOOTER */
footer{padding:2.5rem 5%;background:var(--bg);border-top:1px solid var(--bord);display:flex;align-items:center;justify-content:space-between;}
.ft-links{display:flex;gap:2rem;}
.ft-link{background:none;font-size:11px;color:var(--dim);font-weight:500;letter-spacing:0.06em;}

/* ANIMATIONS */
@keyframes fadeDown{from{opacity:0;transform:translateY(-18px);}to{opacity:1;transform:translateY(0);}}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:translateY(0);}}
@keyframes blink{0%,100%{opacity:1;}50%{opacity:0.2;}}
@keyframes growBar{0%,100%{transform:scaleY(0.2);opacity:0.4;}50%{transform:scaleY(1);opacity:1;}}
@keyframes pulseDot{0%,100%{opacity:0.35;}50%{opacity:1;}}
.net-dot{animation:pulseDot 3.6s ease-in-out infinite;transform-box:fill-box;transform-origin:center;}

/* ── AGENDAR BUTTON MOTION ─────────────────────────────────── */
@keyframes ctaPulse{
  0%,100%{box-shadow:0 4px 14px rgba(0,61,168,0.35),0 0 0 0 rgba(0,61,168,0.55);}
  50%{box-shadow:0 4px 18px rgba(0,61,168,0.5),0 0 0 7px rgba(0,61,168,0);}
}
.nav-cta{animation:ctaPulse 2.6s ease-in-out infinite;position:relative;transition:transform 0.2s,opacity 0.2s;}
.nav-cta:hover{transform:translateY(-1px) scale(1.04);opacity:1;}

/* ── CLEAN TECH LINES (replaces constellation) ────────────────*/
@keyframes techFlow{0%{stroke-dashoffset:0;}100%{stroke-dashoffset:-400;}}
@keyframes techFade{0%,100%{opacity:0.12;}50%{opacity:0.32;}}
.tech-line{stroke-dasharray:2 10;animation:techFlow 14s linear infinite;}
.tech-line2{animation-duration:19s;animation-direction:reverse;}
.tech-pulse{animation:techFade 5s ease-in-out infinite;}

/* ── NUMS BAR (rebuilt, modern font + motion) ─────────────────*/
.nums-bar{font-family:system-ui,-apple-system,sans-serif;}
.nv{font-family:system-ui,-apple-system,sans-serif;font-weight:800;transition:transform 0.3s,color 0.3s;}
.num-item{cursor:default;transition:background 0.3s;}
.num-item:hover{background:rgba(0,61,168,0.08);}
.num-item:hover .nv{transform:translateY(-3px);color:#7fb1ff;}
.flags-strip{width:100%;height:120px;overflow:hidden;border-bottom:1px solid var(--bord);}
.flags-strip img{width:100%;height:100%;object-fit:cover;display:block;}

/* ── STRATA PANELS — brighter / more contrast ─────────────────*/
.panel-grid.strata{background:rgba(0,61,168,0.18);border-color:rgba(0,61,168,0.3);}
.panel.strata-panel{background:linear-gradient(160deg,#101a3a,#0b1330);transition:transform 0.25s,background 0.25s;}
.panel.strata-panel:hover{background:linear-gradient(160deg,#162050,#101a3a);transform:translateY(-3px);}
.panel.strata-panel .p-accent{width:4px;opacity:1;background:linear-gradient(to bottom,#4d8dff,var(--blue));}
.panel.strata-panel .p-num{color:#4d8dff;opacity:0.28;font-size:2.4rem;}
.panel.strata-panel .p-h{color:#fff;font-size:16px;}
.panel.strata-panel .p-d{color:rgba(242,245,255,0.62);font-size:12px;line-height:1.7;font-family:system-ui,sans-serif;letter-spacing:0;}

/* ── STATS INTRO LINE ──────────────────────────────────────────*/
.stats-intro{font-size:14px;color:rgba(242,245,255,0.75);line-height:1.6;margin-bottom:1.25rem;max-width:640px;}
.stats-intro.big{font-size:18px;color:rgba(242,245,255,0.92);font-weight:600;line-height:1.5;max-width:780px;margin-bottom:1.75rem;}
.stats-intro.big::before{content:'';display:inline-block;width:28px;height:3px;background:var(--blue);margin-right:10px;vertical-align:middle;}

/* ── ROADMAP (STRATA steps) ───────────────────────────────────*/
.roadmap-wrap{margin-bottom:2.5rem;}
.roadmap-track{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;position:relative;}
.roadmap-track::before{content:'';position:absolute;top:27px;left:4%;right:4%;height:2px;background:rgba(77,141,255,0.18);z-index:0;}
.roadmap-line-fill{position:absolute;top:27px;left:4%;height:2px;background:linear-gradient(90deg,#4d8dff,#7fb1ff);width:0;z-index:1;animation:roadmapFill 2.2s ease-out 0.2s forwards;}
@keyframes roadmapFill{to{width:92%;}}
.roadmap-step{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:2;min-width:0;}
.roadmap-badge{width:54px;height:54px;border-radius:50%;background:#0b1330;border:2px solid #4d8dff;display:flex;align-items:center;justify-content:center;
  font-family:system-ui,sans-serif;font-weight:800;font-size:17px;color:#9fc1ff;margin-bottom:1.25rem;animation:badgePulse 2.6s ease-in-out infinite;flex-shrink:0;}
.roadmap-step:nth-child(2) .roadmap-badge{animation-delay:0.25s;}
.roadmap-step:nth-child(3) .roadmap-badge{animation-delay:0.5s;}
.roadmap-step:nth-child(4) .roadmap-badge{animation-delay:0.75s;}
@keyframes badgePulse{0%,100%{box-shadow:0 0 0 0 rgba(77,141,255,0.4);}50%{box-shadow:0 0 0 9px rgba(77,141,255,0);}}
.roadmap-card{background:linear-gradient(160deg,#101a3a,#0b1330);border:1px solid rgba(77,141,255,0.22);border-radius:10px;padding:1.4rem 1.2rem;
  transition:transform 0.25s,border-color 0.25s;width:100%;}
.roadmap-card:hover{transform:translateY(-5px);border-color:rgba(77,141,255,0.6);}
.roadmap-h{color:#fff;font-weight:700;font-size:14px;margin-bottom:8px;font-family:system-ui,sans-serif;}
.roadmap-d{color:rgba(242,245,255,0.6);font-size:11.5px;line-height:1.65;font-family:system-ui,sans-serif;text-align:left;}
@media (max-width:900px){
  .roadmap-track{flex-direction:column;gap:1.75rem;}
  .roadmap-track::before,.roadmap-line-fill{display:none;}
  .roadmap-step{flex-direction:row;text-align:left;align-items:flex-start;gap:1rem;}
  .roadmap-badge{margin-bottom:0;}
  .roadmap-d{text-align:left;}
}
.stats-row .stat-cell{position:relative;overflow:hidden;}
.stat-sub{font-size:9px;color:rgba(242,245,255,0.3);margin-top:4px;letter-spacing:0.04em;}

/* ── AUTOMATIZAMOS callout + brighter rows ─────────────────────*/
.auto-callout{background:linear-gradient(135deg,rgba(0,61,168,0.22),rgba(0,61,168,0.08));border:1px solid rgba(0,61,168,0.35);
  padding:1.5rem;margin-bottom:1.5rem;}
.auto-callout p{font-size:13px;color:rgba(242,245,255,0.85);line-height:1.7;}
.auto-row.bright{background:#101a3a;}
.auto-row.bright:hover{background:#16224a;}

.auto-callout2{position:relative;overflow:hidden;background:linear-gradient(135deg,#0E1A42,#0a0f24);
  border:1px solid rgba(77,141,255,0.3);border-radius:14px;padding:2.25rem 2.5rem;box-shadow:0 16px 40px rgba(0,0,0,0.35);}
.auto-callout2::after{content:'';position:absolute;top:-40%;right:-10%;width:260px;height:260px;border-radius:50%;
  background:radial-gradient(circle,rgba(77,141,255,0.25),transparent 70%);pointer-events:none;}
.ac-headline{font-size:clamp(1.3rem,2.4vw,1.9rem);font-weight:800;color:#fff;line-height:1.3;letter-spacing:-0.01em;position:relative;z-index:1;}
.ac-headline span{color:#7fb1ff;}
.ac-divider{width:42px;height:3px;background:#4d8dff;margin:1.1rem 0;border-radius:2px;}
.ac-body{font-size:13.5px;color:rgba(242,245,255,0.7);line-height:1.7;max-width:560px;position:relative;z-index:1;}

/* ── VERSUS (sem automação x com automação) ─────────────────────*/
.versus-wrap{display:flex;align-items:stretch;gap:0;position:relative;z-index:1;}
.versus-col{flex:1;padding:0.5rem 1.5rem;position:relative;z-index:1;}
.versus-tag{font-family:'Courier New',monospace;font-size:15px;letter-spacing:0.1em;color:#FF6B6B;margin-bottom:1.25rem;font-weight:800;}
.versus-bg-img{position:absolute;inset:-2rem -1rem;z-index:0;pointer-events:none;border-radius:20px;opacity:0.5;
  background:
    radial-gradient(60% 90% at 15% 20%, rgba(0,61,168,0.16), transparent 60%),
    radial-gradient(55% 80% at 85% 80%, rgba(201,163,71,0.10), transparent 60%),
    repeating-linear-gradient(90deg, rgba(0,61,168,0.05) 0px, rgba(0,61,168,0.05) 1px, transparent 1px, transparent 64px),
    repeating-linear-gradient(0deg, rgba(0,61,168,0.05) 0px, rgba(0,61,168,0.05) 1px, transparent 1px, transparent 64px);
  -webkit-mask-image:radial-gradient(65% 75% at 50% 50%, #000 40%, transparent 85%);
          mask-image:radial-gradient(65% 75% at 50% 50%, #000 40%, transparent 85%);}
#page-home .versus-bg-img{opacity:0.7;}
.versus-tag.good{color:#4ADE80;}
.versus-item{font-size:14px;color:rgba(242,245,255,0.75);line-height:1.6;margin-bottom:1.1rem;padding:0.4rem 0.6rem 0.4rem 1.6rem;border-radius:10px;position:relative;
  transition:transform 0.3s cubic-bezier(.16,1,.3,1),background 0.3s,padding-left 0.3s;}
.versus-item:hover{transform:translateX(6px);background:rgba(255,255,255,0.04);}
.versus-good .versus-item:hover{background:rgba(74,222,128,0.08);}
.versus-bad .versus-item:hover{background:rgba(255,107,107,0.06);}
.versus-x,.versus-ok{transition:transform 0.3s cubic-bezier(.16,1,.3,1);}
.versus-item:hover .versus-x,.versus-item:hover .versus-ok{transform:scale(1.25);}
.versus-x{position:absolute;left:0.6rem;top:0.4rem;color:#FF6B6B;font-weight:700;}
.versus-ok{position:absolute;left:0.6rem;top:0.4rem;color:#4ADE80;font-weight:700;}
.versus-good .versus-item{color:rgba(242,245,255,0.92);}
.versus-mid{display:flex;align-items:center;justify-content:center;padding:0 1rem;position:relative;z-index:1;}
.versus-arrow{font-size:1.8rem;color:var(--blue);animation:arrowSlide 1.8s ease-in-out infinite;}
@keyframes arrowSlide{0%,100%{transform:translateX(0);opacity:0.5;}50%{transform:translateX(8px);opacity:1;}}
@media (max-width:768px){.versus-wrap{flex-direction:column;}.versus-mid{padding:1rem 0;}.versus-arrow{transform:rotate(90deg);}}

/* ── LOGOS / AUTHORITY STRIP ────────────────────────────────────*/
.logos-wrap{background:#E2E7F2;padding:4.5rem 5% 4rem;position:relative;}
.logos-card{max-width:1200px;margin:0 auto;position:relative;z-index:2;}
.logos-card-label{font-family:'Courier New',monospace;font-size:10px;letter-spacing:0.2em;text-transform:uppercase;
  color:#7C8AA8;margin-bottom:1.75rem;text-align:center;}
.logos-grid{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;}
.logo-chip{background:#fff;border-radius:10px;padding:14px 22px;box-shadow:0 4px 14px rgba(20,30,60,0.1);
  display:flex;align-items:center;justify-content:center;transition:transform 0.25s,box-shadow 0.25s;}
.logo-chip:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(20,30,60,0.16);}
.logos-grid img{height:30px;width:auto;max-width:140px;object-fit:contain;opacity:0.92;transition:opacity 0.25s;}
.logo-chip:hover img{opacity:1;}
.logos-grid .shark-word{font-family:system-ui,sans-serif;font-weight:800;font-size:22px;letter-spacing:0.02em;color:#23262E;opacity:0.92;}
.truth-band{background:var(--navy);padding:3.5rem 5% 4rem;text-align:center;}
.truth-h{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:900;color:#fff;margin-bottom:0.75rem;}
.truth-h span{color:#FF4D4D;}
.truth-p{font-size:1rem;color:rgba(242,245,255,0.55);}
.truth-p b{color:#fff;font-size:1.2rem;}

/* ── FINANCEIRO CARDS (numbered, like reference) ───────────────*/
.fin-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem;}
.fin-card{padding-top:1.5rem;border-top:1px solid var(--bord);}
.fin-n{font-size:2.6rem;font-weight:800;color:var(--blue);font-family:system-ui,sans-serif;line-height:1;margin-bottom:1.25rem;}
.fin-t{font-size:1.5rem;font-weight:800;color:var(--white);margin-bottom:0.85rem;letter-spacing:-0.01em;}
.fin-d{font-size:14px;color:var(--dim);line-height:1.75;margin-bottom:1.5rem;}
.fin-btn{padding:12px 24px;background:var(--blue);color:#fff;font-weight:700;font-size:12px;border-radius:3px;}

/* ── PILARES (security / dev pillars) ───────────────────────────*/
.dev-pillar{background:var(--bg2);border:1px solid var(--bord);padding:1.75rem;text-align:left;transition:background 0.3s,transform 0.35s cubic-bezier(.16,1,.3,1),box-shadow 0.35s cubic-bezier(.16,1,.3,1);position:relative;border-top:2px solid rgba(77,141,255,0.4);overflow:hidden;z-index:0;}
.dev-pillar::before{content:'';position:absolute;top:-2px;left:0;right:0;height:2px;background:#4d8dff;transform:scaleX(0);transform-origin:left;transition:transform 0.45s cubic-bezier(.16,1,.3,1);}
.dev-pillar:hover{background:var(--bg3);transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,10,40,0.16);z-index:1;}
.dev-pillar:hover::before{transform:scaleX(1);}
.dev-pillar-tag{font-family:'Courier New',monospace;font-size:10px;letter-spacing:0.1em;color:#4d8dff;opacity:0.8;margin-bottom:0.9rem;font-weight:700;display:inline-block;transition:transform 0.35s cubic-bezier(.16,1,.3,1),opacity 0.3s;}
.dev-pillar:hover .dev-pillar-tag{transform:translateX(4px);opacity:1;}
.dev-pillar-t{font-weight:700;font-size:14px;color:var(--white);margin-bottom:6px;transition:color 0.3s;}
.dev-pillar-d{font-size:12px;color:var(--dim);line-height:1.65;}

/* ── DEPOIMENTOS ─────────────────────────────────────────────────*/
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem;padding-top:0.5rem;}
.testi-card{background:linear-gradient(160deg,#101a3a,#0b1330);border-radius:14px;padding:2.25rem 1.85rem 1.85rem;
  box-shadow:0 16px 40px rgba(0,0,0,0.4);transition:transform 0.3s,box-shadow 0.3s;position:relative;overflow:hidden;}
.testi-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,#4d8dff,transparent);}
.testi-card:hover{transform:translateY(-7px);box-shadow:0 22px 50px rgba(0,61,168,0.25);}
.testi-card:nth-child(2){transform:translateY(1.5rem);}
.testi-card:nth-child(2):hover{transform:translateY(calc(1.5rem - 7px));}
.testi-card:nth-child(3){transform:translateY(-0.5rem);}
.testi-card:nth-child(3):hover{transform:translateY(calc(-0.5rem - 7px));}
.testi-quote-mark{font-family:Georgia,'Times New Roman',serif;font-size:4rem;color:rgba(77,141,255,0.22);line-height:1;position:absolute;top:0.6rem;right:1.25rem;}
.testi-stars{color:var(--gold);font-size:13px;margin-bottom:1.1rem;letter-spacing:2px;position:relative;z-index:1;}
.testi-quote{font-size:14.5px;color:rgba(242,245,255,0.86);line-height:1.75;margin-bottom:1.75rem;font-style:italic;position:relative;z-index:1;}
.testi-name{font-weight:700;font-size:13px;color:var(--white);}
.testi-role{font-family:'Courier New',monospace;font-size:10px;color:var(--blue);letter-spacing:0.08em;margin-top:2px;}
@media (max-width:900px){.testi-grid{grid-template-columns:1fr;}.testi-card,.testi-card:nth-child(2),.testi-card:nth-child(3){transform:none;}}

/* ── PORTFOLIO — mesma estética das demais páginas ────────────────*/
.bank-note{display:flex;gap:14px;align-items:flex-start;padding:16px 18px;background:var(--bg2);
  border:1px solid var(--bord);border-left:2px solid var(--blue-bright);border-radius:0 10px 10px 0;margin-bottom:12px;font-size:12.5px;color:rgba(242,245,255,0.85);line-height:1.65;
  transition:transform 0.25s,border-left-color 0.25s,background 0.25s;}
.bank-note:hover{transform:translateX(4px);background:var(--bg3);}
.bank-note .bn-icon{flex-shrink:0;width:30px;height:30px;border-radius:6px;background:rgba(255,255,255,0.08);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.22);
  display:flex;align-items:center;justify-content:center;font-size:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,0.15);}
.bank-shot{width:100%;border-radius:8px;border:1px solid rgba(120,150,255,0.25);box-shadow:0 20px 50px rgba(0,0,0,0.4);}

/* ── FOUNDER PHOTOS ───────────────────────────────────────────────*/
.founder-avatar.photo{background-size:cover;background-position:center;}

/* ── FOOTER LEGAL ─────────────────────────────────────────────────*/
.footer-legal{padding:1.75rem 5%;background:var(--bg);border-top:1px solid var(--bord);
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;}
.footer-legal span{font-family:'Courier New',monospace;font-size:9px;color:rgba(242,245,255,0.22);letter-spacing:0.05em;}


/* ═══ HOME ═══════════════════════════════════════════════ */
.hero{min-height:100vh;display:flex;align-items:center;padding:0 5%;
  position:relative;overflow:hidden;background:linear-gradient(135deg,#001060,var(--blue) 45%,#0A2B8A);}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.hero-ov{position:absolute;inset:0;background:linear-gradient(115deg,rgba(0,10,60,0.72) 0%,rgba(0,20,80,0.62) 35%,rgba(0,28,95,0.82) 60%,rgba(0,12,58,0.94) 100%);}
.hero-inner{position:relative;z-index:1;max-width:1200px;width:100%;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;}
.hero-h{font-size:clamp(2.5rem,5vw,4.8rem);font-weight:900;line-height:1.05;letter-spacing:-0.04em;color:#fff;margin-bottom:1.5rem;}
.hero-p{font-size:1rem;color:rgba(255,255,255,0.6);line-height:1.75;max-width:460px;margin-bottom:2.5rem;}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap;}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,0.1);margin-top:1.5rem;}
.hs{background:rgba(0,20,80,0.5);padding:1.25rem 1rem;text-align:center;}
.hs-v{font-family:'Courier New',monospace;font-size:1.8rem;font-weight:700;color:#fff;line-height:1;}
.hs-l{font-size:9px;color:rgba(255,255,255,0.35);letter-spacing:0.15em;text-transform:uppercase;margin-top:4px;}
.nums-bar{display:grid;grid-template-columns:repeat(4,1fr);background:var(--bg2);border-bottom:1px solid var(--bord);}
.num-item{padding:1.9rem 2rem;border-right:1px solid var(--bord);}
.num-item:first-child{padding-left:calc(5% + 1.6rem);}
.num-item:last-child{padding-right:5%;}
.num-item:last-child{border-right:none;}
.nv{font-family:'Courier New',monospace;font-size:clamp(1.8rem,3vw,2.8rem);font-weight:700;color:var(--blue-bright);letter-spacing:-0.03em;line-height:1;margin-bottom:6px;}
.nl{font-size:10px;color:var(--dim);letter-spacing:0.12em;text-transform:uppercase;}
.steps{border:1px solid var(--bord);}
.step{display:grid;grid-template-columns:70px 1fr;gap:1.5rem;align-items:start;padding:1.5rem;border-bottom:1px solid var(--bord);}
.step:last-child{border-bottom:none;}
.sn{font-family:'Courier New',monospace;font-size:11px;color:var(--blue);font-weight:700;padding-top:2px;}
.st{font-weight:700;font-size:13px;color:var(--white);margin-bottom:3px;}
.sd{font-size:11px;color:var(--dim);line-height:1.6;}
.auto-row{display:flex;gap:16px;align-items:flex-start;padding:1.25rem 1.5rem;background:var(--bg3);border-bottom:1px solid var(--bord);transition:background 0.2s;}
.auto-row:hover{background:var(--bg);}
.auto-row:last-child{border-bottom:none;}
.ai{font-family:'Courier New',monospace;font-size:11px;color:var(--blue);opacity:0.4;flex-shrink:0;min-width:28px;}
.titan-tease{background:var(--navy);position:relative;overflow:hidden;}
.titan-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;}
.pillar{display:flex;gap:18px;align-items:center;padding:1.6rem 1.75rem;background:rgba(12,15,26,0.6);border-bottom:1px solid var(--bord-g);}
.pillar:last-child{border-bottom:none;}
.pillar-n{font-family:'Courier New',monospace;font-size:22px;font-weight:700;color:var(--gold);opacity:0.85;flex-shrink:0;min-width:38px;}
.pillar-t{font-weight:700;font-size:15px;color:#fff;margin-bottom:5px;}
.pillar-d{font-size:12.5px;color:rgba(242,245,255,0.55);line-height:1.6;}
.titan-big{background:rgba(4,6,16,0.9);padding:2.5rem;text-align:center;border-bottom:1px solid var(--bord-g);}
.tbv{font-family:'Courier New',monospace;font-size:clamp(3rem,7vw,5.5rem);font-weight:700;color:var(--gold);line-height:1;margin-bottom:8px;}
.tbl{font-size:9px;color:rgba(201,163,71,0.35);letter-spacing:0.15em;text-transform:uppercase;}
.titan-mini{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--bord-g);}
.tmb{background:rgba(4,6,16,0.9);padding:1.5rem;text-align:center;}
.cta-box{background:var(--bg3);border:1px solid rgba(0,61,168,0.28);padding:2.5rem;position:relative;overflow:hidden;border-radius:16px;
  box-shadow:0 20px 50px rgba(0,10,40,0.28),inset 0 1px 0 rgba(255,255,255,0.03);}
.cta-box::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(60% 80% at 100% 0%, rgba(0,61,168,0.14), transparent 60%),
    repeating-linear-gradient(90deg, rgba(127,177,255,0.05) 0px, rgba(127,177,255,0.05) 1px, transparent 1px, transparent 48px),
    repeating-linear-gradient(0deg, rgba(127,177,255,0.05) 0px, rgba(127,177,255,0.05) 1px, transparent 1px, transparent 48px);}
.cta-box::after{content:'';position:absolute;top:-1px;left:10%;right:10%;height:1px;z-index:0;
  background:linear-gradient(90deg,transparent,var(--blue-bright),transparent);}
.cta-box > *{position:relative;z-index:1;}
.cta-row{display:flex;align-items:center;gap:12px;margin-bottom:10px;}
.cta-sq{width:18px;height:18px;border:1.5px solid var(--blue);flex-shrink:0;}
.cta-row span{font-size:15px!important;color:var(--dim);}
.cta-row.selectable{cursor:pointer;padding:8px 10px;margin:0 -10px 4px;border-radius:6px;transition:background 0.2s;}
.cta-row.selectable:hover{background:rgba(0,61,168,0.12);}
.cta-row.selectable.active{background:rgba(0,61,168,0.2);}
.cta-row.selectable.active .cta-sq{background:var(--blue);position:relative;}
.cta-row.selectable.active .cta-sq::after{content:'✓';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;line-height:1;}
.cta-row.selectable.active span{color:var(--white)!important;}

/* ═══ PORTFOLIO ══════════════════════════════════════════ */
.portfolio-hero{min-height:60vh;display:flex;align-items:flex-end;padding:0 5% 6rem;
  background:linear-gradient(135deg,#001060,var(--blue) 50%,#0A2B8A);position:relative;overflow:hidden;}
.portfolio-hero::after{content:'';position:absolute;left:0;right:0;bottom:0;height:140px;pointer-events:none;
  background:linear-gradient(to bottom,transparent,var(--bg));}
.prod-section{padding:2.75rem 5%;background:var(--bg);}
.prod-section:nth-child(even){background:var(--bg2);}
.prod-inner{max-width:1200px;margin:0 auto;position:relative;z-index:1;}
.prod-layout{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;}
.prod-layout.rev{direction:rtl;}
.prod-layout.rev > *{direction:ltr;}
.prod-tag-small{font-family:'Courier New',monospace;font-size:10.5px;color:var(--blue-bright);opacity:1;letter-spacing:0.25em;text-transform:uppercase;margin-bottom:8px;font-weight:700;}
.prod-name-lg{font-size:clamp(2rem,4vw,3.5rem);font-weight:900;letter-spacing:-0.03em;line-height:1;margin-bottom:1.25rem;}
.prod-desc-lg{font-size:1rem;color:var(--lite);line-height:1.75;margin-bottom:2rem;}
.feat-list{margin-bottom:2rem;}
/* — PORTFOLIO — mais legibilidade e contraste — */
.feat-row{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-bottom:1px solid var(--bord);border-radius:8px;transition:transform 0.3s cubic-bezier(.16,1,.3,1),background 0.3s;}
.feat-row:hover{transform:translateX(6px);background:rgba(0,61,168,0.08);}
#page-portfolio .prod-section:nth-child(odd){background:#0A0E1E;}
#page-portfolio .prod-section:nth-child(even){background:#0D1226;}
#page-portfolio .prod-desc-lg{color:rgba(242,245,255,0.8);}
#page-portfolio .feat-row{border-bottom-color:rgba(91,156,255,0.14);}
#page-portfolio .feat-arr{color:var(--blue-bright);font-size:16px;}
#page-portfolio .feat-text{color:rgba(242,245,255,0.78);}
#page-portfolio .bank-note{color:rgba(242,245,255,0.92);background:rgba(0,61,168,0.08);}
#page-portfolio .mockup{background:#101830;border-color:rgba(91,156,255,0.22);box-shadow:0 20px 50px rgba(0,10,40,0.4);}
#page-portfolio .mockup-bar{background:#141D3C;}
#page-portfolio .mockup-title{color:rgba(242,245,255,0.55);}
#page-portfolio .m-stat,#page-portfolio .m-chart{background:#141D3C;border-color:rgba(91,156,255,0.18);}
#page-portfolio .m-stat-l,#page-portfolio .m-label{color:rgba(242,245,255,0.6);}
#page-portfolio .m-stat-v,#page-portfolio .m-val{color:#fff;}
.feat-row:last-child{border-bottom:none;}
.feat-arr{color:var(--blue);font-size:14px;margin-top:1px;flex-shrink:0;}
.feat-text{font-family:'Courier New',monospace;font-size:12px;color:var(--lite);line-height:1.5;}

/* PRODUCT MOCKUP */
.mockup{background:var(--bg3);border:1px solid var(--bord);border-radius:4px;overflow:hidden;position:relative;}
.mockup-bar{background:var(--bg2);padding:12px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--bord);}
.mockup-dot{width:10px;height:10px;border-radius:50%;}
.mockup-title{font-family:'Courier New',monospace;font-size:10px;color:var(--dim);margin-left:8px;letter-spacing:0.1em;}
.mockup-body{padding:1.5rem;}
.m-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:1.5rem;}
.m-stat{background:var(--bg2);border:1px solid var(--bord);padding:12px;border-radius:2px;text-align:center;}
.m-stat-v{font-family:'Courier New',monospace;font-size:1.2rem;font-weight:700;color:var(--blue);line-height:1;margin-bottom:4px;}
.m-stat-l{font-size:9px;color:var(--dim);letter-spacing:0.1em;text-transform:uppercase;}
.m-chart{background:var(--bg2);border:1px solid var(--bord);padding:1rem;border-radius:2px;margin-bottom:1rem;}
.m-chart-bars{display:flex;align-items:flex-end;gap:6px;height:60px;}
.m-bar{background:var(--blue);border-radius:2px 2px 0 0;flex:1;opacity:0.7;transition:opacity 0.2s;}
.m-bar:hover{opacity:1;}
.m-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--bord);font-size:11px;}
.m-row:last-child{border-bottom:none;}
.m-label{color:var(--dim);font-family:'Courier New',monospace;}
.m-val{color:var(--blue);font-family:'Courier New',monospace;font-weight:700;}
.m-badge{font-size:9px;padding:3px 8px;border-radius:2px;font-family:'Courier New',monospace;}
.m-badge.ok{background:rgba(74,222,128,0.1);color:#4ADE80;border:1px solid rgba(74,222,128,0.2);}
.m-badge.warn{background:rgba(201,163,71,0.1);color:var(--gold);border:1px solid rgba(201,163,71,0.2);}
.img-placeholder{width:100%;aspect-ratio:16/10;background:var(--bg3);border:1px solid var(--bord);border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--dim);}
.img-placeholder span{font-family:'Courier New',monospace;font-size:10px;letter-spacing:0.15em;opacity:0.4;}

/* ═══ ORIGEM ═════════════════════════════════════════════ */
.origem-hero{min-height:65vh;display:flex;align-items:flex-end;padding:7rem 5% 6rem;
  background:linear-gradient(135deg,#001060,var(--blue) 50%,#0A2B8A);position:relative;overflow:visible;}
.timeline{position:relative;padding-left:2rem;}
.timeline::before{content:'';position:absolute;left:0;top:0;bottom:0;width:1px;background:var(--bord);}
.tl-item{position:relative;padding:0 0 3rem 2rem;}
.tl-item::before{content:'';position:absolute;left:-4px;top:6px;width:9px;height:9px;border-radius:50%;background:var(--blue);border:1px solid var(--bg);
  animation:tlPulse 2.4s ease-in-out infinite;}
@keyframes tlPulse{0%,100%{box-shadow:0 0 0 0 rgba(91,156,255,0.55);}50%{box-shadow:0 0 0 6px rgba(91,156,255,0);}}
.tl-year{font-family:'Courier New',monospace;font-size:10px;color:var(--blue-bright);letter-spacing:0.2em;margin-bottom:8px;}
.tl-title{font-weight:700;font-size:16px;color:var(--white);margin-bottom:6px;}
.tl-desc{font-size:13px;color:var(--lite);line-height:1.7;}
.founder-card{background:var(--bg2);border:1px solid var(--bord);padding:2.5rem;position:relative;overflow:hidden;transition:background 0.25s;}
.founder-card:hover{background:var(--bg3);}
.founder-avatar{width:64px;height:64px;background:var(--blue);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;font-size:1.5rem;font-weight:900;color:#fff;letter-spacing:-0.02em;flex-shrink:0;}
.founder-name{font-weight:800;font-size:18px;color:var(--white);margin-bottom:4px;}
.founder-role{font-family:'Courier New',monospace;font-size:10px;color:var(--blue);letter-spacing:0.15em;text-transform:uppercase;margin-bottom:1.25rem;}
.founder-bio{font-size:13px;color:var(--dim);line-height:1.7;}
.value-card{background:var(--bg2);border:1px solid var(--bord);padding:2rem;transition:background 0.25s;}
.value-card:hover{background:var(--bg3);}
.value-n{font-family:'Courier New',monospace;font-size:2rem;font-weight:700;color:var(--blue-bright);opacity:0.55;line-height:1;margin-bottom:1rem;}
.value-t{font-weight:700;font-size:15px;color:var(--white);margin-bottom:8px;}
.value-d{font-size:13px;color:var(--dim);line-height:1.65;}

/* ═══ TITAN PAGE ═════════════════════════════════════════ */
.titan-hero-page{min-height:74vh;display:flex;align-items:flex-end;padding:9rem 5% 6vh;
  background:var(--navy);position:relative;overflow:hidden;}
.titan-logo-large{height:clamp(50px,10vw,90px);width:auto;margin-bottom:1rem;}
.pillar-full{background:rgba(12,15,26,0.9);padding:2.5rem;height:100%;}
.pillar-full-n{font-family:'Courier New',monospace;font-size:2.5rem;font-weight:700;color:var(--gold);opacity:0.12;line-height:1;margin-bottom:1.5rem;}
.pillar-full-t{font-weight:700;font-size:16px;color:rgba(242,245,255,0.85);margin-bottom:10px;line-height:1.3;}
.pillar-full-d{font-size:13px;color:rgba(242,245,255,0.35);line-height:1.75;}
.titan-proof{background:rgba(4,6,16,0.9);border:1px solid var(--bord-g);padding:1.5rem;margin-top:2rem;}
.tp-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid rgba(201,163,71,0.1);}
.tp-title{font-family:'Courier New',monospace;font-size:9px;color:var(--gold);letter-spacing:0.12em;}
.tp-badge{background:#E84142;color:#fff;padding:2px 10px;font-size:8px;letter-spacing:0.12em;font-family:'Courier New',monospace;}
.tp-line{font-family:'Courier New',monospace;font-size:11px;line-height:1.9;}

/* ═══ TECH-ORGÂNICO ENHANCEMENTS ═══════════════════════════ */
@media (prefers-reduced-motion:reduce){
  *{animation-duration:0.001s!important;animation-iteration-count:1!important;}
}

/* — grão sutil global sobre o navy — */
#grain{position:fixed;inset:0;pointer-events:none;z-index:9990;opacity:0.05;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");}

/* — count-up: linha fininha que desenha da esquerda p/ direita — */
.stat-v,.nv,.tbv,.fc-v{position:relative;}
.stat-v::after,.nv::after,.tbv::after,.fc-v::after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:2px;
  background:linear-gradient(90deg,var(--blue-bright),transparent);transform:scaleX(0);transform-origin:left;
  transition:transform 1.15s cubic-bezier(0.16,1,0.3,1) 0.15s;border-radius:2px;}
.cu-line::after{transform:scaleX(1);}
.tbv::after{background:linear-gradient(90deg,var(--gold),transparent);}
.stat-cell .stat-v::after{bottom:-4px;}

/* — blob orgânico leve (CSS, sem lib) — */
.hero-blob{position:absolute;width:min(46vw,560px);aspect-ratio:1;right:-4%;top:6%;z-index:0;pointer-events:none;
  border-radius:42% 58% 63% 37%/47% 42% 58% 53%;mix-blend-mode:screen;filter:blur(26px);opacity:0.75;
  background:radial-gradient(circle at 36% 34%,rgba(127,177,255,0.5),rgba(0,61,168,0.28) 55%,transparent 72%);
  animation:blobMorph 20s ease-in-out infinite;}
@keyframes blobMorph{
  0%,100%{border-radius:42% 58% 63% 37%/47% 42% 58% 53%;transform:translateY(0) rotate(0deg) scale(1);}
  33%{border-radius:60% 40% 45% 55%/55% 48% 52% 45%;transform:translateY(-26px) rotate(7deg) scale(1.05);}
  66%{border-radius:38% 62% 55% 45%/60% 55% 45% 40%;transform:translateY(18px) rotate(-6deg) scale(0.97);}}

/* — tipografia grande de fundo (profundidade em camadas) — */
.hero-word{position:absolute;left:-1.5%;bottom:1.5rem;z-index:0;pointer-events:none;user-select:none;
  font-weight:900;font-size:clamp(6rem,20vw,20rem);line-height:0.8;letter-spacing:-0.05em;
  color:transparent;-webkit-text-stroke:1px rgba(255,255,255,0.09);white-space:nowrap;}

/* — cards flutuantes de vidro no hero (parallax) — */
.hero-floaters{position:relative;z-index:2;display:flex;flex-direction:column;gap:1.1rem;align-items:flex-start;will-change:transform;}
.float-card{background:rgba(6,12,34,0.42);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border:1px solid rgba(255,255,255,0.14);border-radius:20px;padding:1.15rem 1.4rem;min-width:172px;
  box-shadow:0 18px 46px rgba(0,10,40,0.42);transition:transform 0.35s cubic-bezier(0.16,1,0.3,1),border-color 0.35s;
  animation:cardFloat 7s ease-in-out infinite;}
.float-card:nth-child(2){animation-duration:8.4s;animation-delay:-2.2s;margin-left:2.4rem;}
.float-card:nth-child(3){animation-duration:9.2s;animation-delay:-4.1s;margin-left:0.8rem;}
.float-card:hover{transform:translateY(-5px);border-color:rgba(127,177,255,0.5);}
@keyframes cardFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-9px);}}
.fc-v{font-family:'Courier New',monospace;font-size:1.9rem;font-weight:700;color:#fff;line-height:1;letter-spacing:-0.02em;}
.fc-l{font-size:10px;color:rgba(255,255,255,0.6);letter-spacing:0.1em;text-transform:uppercase;margin-top:8px;line-height:1.4;}
.fc-dot{width:7px;height:7px;border-radius:50%;background:var(--blue-bright);box-shadow:0 0 10px var(--blue-bright);
  display:inline-block;margin-right:7px;vertical-align:middle;animation:pulseDot 2.8s ease-in-out infinite;}
@media (max-width:820px){.hero-floaters{display:none;}.hero-word{font-size:26vw;}}

/* — botões e badges em pill + microtransições — */
.btn-w,.btn-o,.btn-blue,.btn-blue-out,.btn-gold,.btn-gold-out,.fin-btn,.nav-cta{border-radius:999px!important;}
.btn-w,.btn-blue,.btn-gold,.fin-btn{transition:transform 0.28s cubic-bezier(0.16,1,0.3,1),box-shadow 0.28s,opacity 0.2s!important;}
.btn-w:hover,.btn-blue:hover,.btn-gold:hover,.fin-btn:hover{transform:translateY(-2px);opacity:1;}
.btn-w:hover{box-shadow:0 12px 30px rgba(0,0,0,0.32);}
.btn-blue:hover{box-shadow:0 10px 26px rgba(0,61,168,0.5);}
.btn-gold:hover{box-shadow:0 10px 26px rgba(201,163,71,0.45);}
.m-badge,.tp-badge{border-radius:999px!important;}
.dev-pillar-tag,.prod-tag-small,.versus-tag{border-radius:999px;}

/* ═══ REVISÃO 2 — CARD HERO / PILLS / MARQUEE / LOGO / TEMA CLARO ═══ */
body{font-family:'Manrope',system-ui,-apple-system,sans-serif;}
.hero-h,.h1,.hero-p,.sec-p,.fin-t,.fin-d,.build-p{font-family:'Manrope',system-ui,sans-serif;}
.nv,.stat-v,.fc-v,.hs-v,.m-stat-v,.fin-n,.value-n,.stat-l,.nl{font-family:'Manrope',system-ui,sans-serif!important;letter-spacing:-0.015em;}
.nv,.stat-v,.fc-v,.hs-v,.m-stat-v,.fin-n,.value-n{font-weight:800!important;}

/* — hero em card arredondado com margem — */
.hero{margin:16px;border-radius:0 0 34px 34px;min-height:calc(100vh - 32px);}
#page-home{background:#F2F3F5;}

/* — pills de serviço na base da hero — */
.hero-pills{position:absolute;left:0;right:0;bottom:1.7rem;z-index:4;display:flex;gap:12px;flex-wrap:wrap;justify-content:center;padding:0 5%;}
.hero-pill{display:inline-flex;align-items:center;gap:10px;padding:11px 20px;border-radius:999px;background:rgba(6,12,34,0.42);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.16);
  color:#fff;font-size:13px;font-weight:600;letter-spacing:0.01em;
  transition:transform 0.25s cubic-bezier(0.16,1,0.3,1),background 0.25s,border-color 0.25s;cursor:pointer;}
.hero-pill:hover{transform:translateY(-3px) scale(1.03);background:rgba(0,61,168,0.55);border-color:rgba(127,177,255,0.6);opacity:1;}
.hero-pill .arr{opacity:0.72;font-size:13px;transition:transform 0.25s;}
.hero-pill:hover .arr{transform:translate(2px,-2px);opacity:1;}
@media (max-width:640px){.hero-pills{gap:8px;bottom:1rem;}.hero-pill{padding:9px 15px;font-size:12px;}}

/* — marca d'água = logo Arkan oficial (parallax via JS) — */
.hero-word{-webkit-text-stroke:0!important;color:transparent!important;font-size:0!important;
  background-image:url('../img/img-2.webp');background-repeat:no-repeat;background-position:left bottom;background-size:contain;
  width:min(86%,1120px);height:min(28vh,260px);opacity:0.12;left:2%;bottom:7%;}

/* — marquee horizontal contínuo (transição hero→conteúdo) — */
.marquee{background:#EEF1F6;overflow:hidden;padding:1.5rem 0;border-top:1px solid rgba(0,61,168,0.1);border-bottom:1px solid rgba(0,61,168,0.1);}
.marquee-track{display:inline-flex;white-space:nowrap;gap:2.5rem;animation:marqueeScroll 30s linear infinite;will-change:transform;}
.marquee-track:hover{animation-play-state:paused;}
.marquee-track span{display:inline-flex;align-items:center;gap:2.5rem;font-family:'Manrope',system-ui,sans-serif;
  font-weight:800;font-size:clamp(1.5rem,3.6vw,2.8rem);letter-spacing:-0.02em;color:#003DA8;text-transform:uppercase;}
.marquee-track .mq-dot{width:11px;height:11px;border-radius:50%;background:#C9A347;flex-shrink:0;}
@keyframes marqueeScroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}

/* ── TEMA CLARO — seções abaixo da hero (somente Home) ───────── */
#page-home{--bg:#F2F3F5;--bg2:#FFFFFF;--bg3:#F7F8FA;--white:#0C0F1A;
  --dim:rgba(12,15,26,0.62);--lite:rgba(12,15,26,0.78);--blue-bright:#003DA8;
  --bord:rgba(0,61,168,0.13);--bord-g:rgba(201,163,71,0.2);}
#page-home .h1,#page-home .fin-t,#page-home .stats-intro.big{color:#003DA8;}
#page-home .stat-sub{color:rgba(12,15,26,0.45);}
#page-home .fin-d strong{color:#0C0F1A!important;}
#page-home .sec-p strong{color:#003DA8!important;}
#page-home .stats-intro{color:rgba(12,15,26,0.68);}
#page-home .stats-intro.big::before{background:#003DA8;}
/* roadmap */
#page-home .roadmap-badge{background:#fff;border-color:#003DA8;color:#003DA8;}
#page-home .roadmap-card{background:#fff;border-color:rgba(0,61,168,0.16);}
#page-home .roadmap-card:hover{border-color:rgba(0,61,168,0.5);}
#page-home .roadmap-h{color:#003DA8;}
#page-home .roadmap-d{color:rgba(12,15,26,0.66);}
#page-home .roadmap-track::before{background:rgba(0,61,168,0.16);}
#page-home .roadmap-line-fill{background:linear-gradient(90deg,#003DA8,#5B9CFF);}
/* strata (se usado) */
#page-home .panel-grid.strata{background:rgba(0,61,168,0.13);border-color:rgba(0,61,168,0.2);}
#page-home .panel.strata-panel{background:#fff;}
#page-home .panel.strata-panel:hover{background:#F7F8FA;}
#page-home .panel.strata-panel .p-h{color:#003DA8;}
#page-home .panel.strata-panel .p-d{color:rgba(12,15,26,0.66);}
/* versus */
#page-home .versus-item{color:rgba(12,15,26,0.68);}
#page-home .versus-good .versus-item{color:#0C0F1A;}
/* callout automação */
#page-home .auto-callout2{background:linear-gradient(135deg,#E7EEFF,#F2F3F5);border-color:rgba(0,61,168,0.22);box-shadow:0 16px 40px rgba(0,20,80,0.07);}
#page-home .auto-callout2::after{background:radial-gradient(circle,rgba(0,61,168,0.12),transparent 70%);}
#page-home .ac-headline{color:#003DA8;}
#page-home .ac-headline span{color:#0C0F1A;}
#page-home .ac-body{color:rgba(12,15,26,0.68);}
/* depoimentos */
#page-home .testi-card{background:#fff;box-shadow:0 16px 40px rgba(0,20,80,0.08);}
#page-home .testi-card::before{background:linear-gradient(to bottom,#003DA8,transparent);}
#page-home .testi-quote-mark{color:rgba(0,61,168,0.13);}
#page-home .testi-quote{color:rgba(12,15,26,0.8);}
#page-home .testi-name{color:#003DA8;}
/* pilares dev */
#page-home .dev-pillar{border-top-color:rgba(0,61,168,0.3);}
#page-home .dev-pillar::before{background:#003DA8;}
#page-home .dev-pillar-tag{color:#003DA8;}
#page-home .dev-pillar:hover{box-shadow:0 18px 40px rgba(0,20,80,0.1);}
/* footer permanece escuro (logo branco) */
#page-home footer,#page-home .footer-legal{background:#0C0F1A;border-top-color:rgba(0,61,168,0.2);}
#page-home .num-item:hover .nv{color:#003DA8;}

/* ── PÁGINA CONSTRUIR E LANÇAR ───────────────────────────────── */
#page-construir{background:#F2F3F5;}
.build-hero{min-height:56vh;display:flex;align-items:flex-end;padding:0 5% 4.5rem;margin:16px;border-radius:34px;
  background:linear-gradient(135deg,#001060,var(--blue) 50%,#0A2B8A);position:relative;overflow:hidden;}
.build-hero .h1{color:#fff;}
.build-sub{font-size:1.15rem;color:rgba(255,255,255,0.72);line-height:1.6;max-width:560px;margin-top:1rem;font-weight:600;}
.build-body{padding:4rem 5% 3.5rem;}
.build-inner{max-width:880px;margin:0 auto;}
.build-p{font-size:1.08rem;color:rgba(12,15,26,0.76);line-height:1.85;margin-bottom:1.4rem;}
.build-h2{font-size:clamp(1.4rem,2.6vw,2rem);font-weight:900;color:#003DA8;letter-spacing:-0.02em;margin:3rem 0 1.75rem;}
.build-list{display:flex;flex-direction:column;gap:1rem;}
.build-item{display:flex;gap:18px;align-items:flex-start;background:#fff;border:1px solid rgba(0,61,168,0.12);
  border-radius:16px;padding:1.35rem 1.6rem;transition:transform 0.25s cubic-bezier(0.16,1,0.3,1),border-color 0.25s,box-shadow 0.25s;}
.build-item:hover{transform:translateY(-3px);border-color:rgba(0,61,168,0.42);box-shadow:0 14px 34px rgba(0,20,80,0.09);}
.build-num{flex-shrink:0;width:42px;height:42px;border-radius:50%;background:rgba(0,61,168,0.09);border:1px solid rgba(0,61,168,0.25);
  display:flex;align-items:center;justify-content:center;color:#003DA8;font-weight:800;font-size:14px;}
.build-item-t{font-weight:800;color:#003DA8;font-size:15.5px;margin-bottom:5px;}
.build-item-d{color:rgba(12,15,26,0.7);font-size:14.5px;line-height:1.65;}
.build-close{background:linear-gradient(135deg,#E7EEFF,#F2F3F5);border:1px solid rgba(0,61,168,0.2);border-radius:20px;
  padding:2.25rem 2.5rem;font-size:1.08rem;color:#0C0F1A;line-height:1.75;font-weight:600;margin:3rem 0 2.5rem;}
.build-cta{display:inline-flex;align-items:center;gap:10px;padding:16px 34px;border-radius:999px;background:#003DA8;color:#fff;
  font-weight:800;font-size:15px;box-shadow:0 12px 30px rgba(0,61,168,0.3);transition:transform 0.25s,box-shadow 0.25s,opacity 0.2s;}
.build-cta:hover{transform:translateY(-2px);opacity:1;box-shadow:0 16px 38px rgba(0,61,168,0.45);}
.build-foot{padding:2.25rem 5%;background:#0C0F1A;border-top:1px solid rgba(0,61,168,0.2);
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;}
.build-foot .bf-logo{font-family:'Manrope',sans-serif;font-weight:800;font-size:20px;color:#5B9CFF;letter-spacing:-0.02em;}
.build-foot .bf-legal{font-family:'Courier New',monospace;font-size:9px;color:rgba(242,245,255,0.3);letter-spacing:0.05em;}

/* ═══ REVISÃO 3 — TÍTULO ROLANTE / DIVISOR / 3D / LOGOS FLUIDOS ═══ */
#page-home .hero{flex-direction:column;justify-content:center;gap:1.25rem;padding:5.5rem 0 3rem;}
#page-home .hero-word{opacity:0!important;}
.hero-3d{position:absolute;inset:0;z-index:1;pointer-events:none;}
.hero-3d canvas{display:block;pointer-events:none;}

#page-home .hero-inner{position:relative;z-index:2;grid-template-columns:1fr;}
#page-home .hero-floaters{display:none!important;}
#page-home .hero-inner > div:last-child > div:first-child{display:none!important;}
#page-home .hero-inner > div:last-child{grid-column:2;text-align:right;margin-left:auto;margin-right:8%;max-width:560px;}
#page-home .hero-inner .hero-h{display:none!important;}
#page-home .hero-inner .hero-p{color:#fff;font-size:1.05rem;text-wrap:pretty;text-align:justify;max-width:480px;margin-left:auto;text-shadow:0 2px 10px rgba(0,6,20,0.92),0 4px 26px rgba(0,6,20,0.75),0 1px 2px rgba(0,6,20,0.85);}
#page-home .hero-inner .hero-btns{justify-content:flex-end;margin-top:0;}
#page-home .hero-inner .hero-btns .btn-w{width:100%;max-width:480px;text-align:center;}

/* título rolando na hero */
.hero-title-band{position:relative;z-index:2;width:100%;overflow:hidden;margin-bottom:1.6rem;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);}
.htm-track{display:inline-flex;white-space:nowrap;align-items:center;animation:heroTitleScroll 32s linear infinite;will-change:transform;}
.htm-track:hover{animation-play-state:paused;}
.htm-item{display:inline-flex;align-items:center;gap:2.6rem;padding-right:2.6rem;
  font-family:'Manrope',sans-serif;font-weight:900;font-size:clamp(2.3rem,6.2vw,5.6rem);
  letter-spacing:-0.045em;line-height:1.02;color:#fff;text-shadow:0 6px 44px rgba(0,10,40,0.55);}
.htm-dot{width:14px;height:14px;border-radius:50%;background:var(--gold);flex-shrink:0;box-shadow:0 0 20px rgba(201,163,71,0.6);}
@keyframes heroTitleScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* divisor elegante entre conteúdo e barra de opções */
.hero-divider{position:absolute;left:50%;transform:translateX(-50%);bottom:8.75rem;z-index:3;
  width:min(60%,720px);height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.16) 20%,rgba(201,163,71,0.8) 50%,rgba(255,255,255,0.16) 80%,transparent);}
.hero-divider::after{content:'';position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;
  transform:translate(-50%,-50%);background:var(--gold);box-shadow:0 0 16px 3px rgba(201,163,71,0.55);}
@media (max-width:640px){.hero-divider{bottom:11rem;width:82%;}.htm-item{font-size:12vw;}}

/* logos de clientes — fundo transparente + fluidos */
.logos-wrap{background:var(--bg)!important;padding:3.25rem 0 3rem!important;}
.logos-card{max-width:none!important;padding:0!important;}
.logos-card-label{color:rgba(12,15,26,0.4)!important;}
.logos-marquee{overflow:hidden;position:relative;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);}
.logos-track{display:inline-flex;align-items:center;gap:4.5rem;white-space:nowrap;
  animation:logosScroll 36s linear infinite;will-change:transform;}
.logos-track:hover{animation-play-state:paused;}
.logos-marquee .logo-chip{background:none!important;box-shadow:none!important;border-radius:0!important;padding:0!important;flex-shrink:0;}
.logos-marquee img{height:34px!important;width:auto!important;max-width:none!important;object-fit:contain;
  filter:grayscale(1);opacity:0.5;transition:filter 0.3s,opacity 0.3s;}
.logos-marquee .logo-chip:hover img{filter:grayscale(0);opacity:1;}
.logos-marquee .shark-word{color:#3E4A63!important;opacity:0.5;transition:color 0.3s,opacity 0.3s;}
.logos-marquee .logo-chip:hover .shark-word{color:#003DA8!important;opacity:1;}
@keyframes logosScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ═══ REVISÃO 4 ═══ */
/* remover globo 3D e linha dourada */
.hero-3d{display:none!important;}
.hero-divider{display:none!important;}
.hero-logo-top{align-self:stretch;position:relative;z-index:3;display:flex;justify-content:flex-end;padding-right:8%;margin-bottom:1.4rem;animation:fadeDown 0.8s 0.2s both;}
.hero-logo-top img{filter:drop-shadow(0 4px 18px rgba(0,10,40,0.45));}
.hero-btns-abs{display:contents;}
/* braços (robô à direita / humano à esquerda) — saem das bordas, aproximam-se devagar e param ao se tocar */
.hero-arms{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none;transform:translateY(-3.2vh);}
.arm-wrap{position:absolute;bottom:1.5%;}
.arm-wrap img{display:block;width:100%;height:auto;filter:brightness(0.62) contrast(1.05);opacity:0.8;}
.arm-wrap-human{left:-2vw;width:52vw;max-width:740px;transform:translateX(-46vw);animation:armInHuman 15s cubic-bezier(0.22,0.8,0.28,1) forwards;}
.arm-wrap-robot{right:-2vw;width:52vw;max-width:740px;bottom:calc(1.5% + 5.8vw);transform:translateX(46vw);animation:armInRobot 15s cubic-bezier(0.22,0.8,0.28,1) forwards;}
.hero-touch-glow{position:absolute;left:50%;bottom:calc(1.5% + 4vw - 3.2vh);transform:translate(-50%,50%);width:340px;height:340px;z-index:0;pointer-events:none;
  background:radial-gradient(circle,rgba(255,255,255,0.55) 0%,rgba(180,210,255,0.32) 30%,rgba(120,170,255,0.12) 55%,transparent 72%);
  opacity:0;animation:touchGlowIn 15s ease-out forwards;}
@keyframes touchGlowIn{0%,84%{opacity:0;}94%{opacity:1;}100%{opacity:0.85;}}
@keyframes armInHuman{from{transform:translateX(-46vw);}to{transform:translateX(0);}}
@keyframes armInRobot{from{transform:translateX(46vw);}to{transform:translateX(0);}}
@media(max-width:820px){.arm-wrap-human,.arm-wrap-robot{width:66vw;max-width:560px;}.arm-wrap{bottom:0.5%;}}
.hero-logo-top img{height:38px;width:auto;filter:drop-shadow(0 4px 18px rgba(0,10,40,0.35));}
@media(max-width:640px){.hero-logo-top img{height:28px;}}
/* título da hero em MAIÚSCULAS */
.htm-item{text-transform:uppercase;}

/* barra de opções FORA do card da hero */
.hero-pills-outside{display:flex;gap:10px;justify-content:center;align-items:stretch;padding:0 16px 1rem;background:transparent;position:relative;z-index:2;}
.hero-pills-outside .hero-pill{position:relative;flex:1 1 0;justify-content:center;align-items:center;gap:6px;text-align:center;display:flex;padding:0.7rem 1.1rem;overflow:hidden;isolation:isolate;
  background:transparent;border:1px solid rgba(10,20,50,0.14);border-radius:999px;color:rgba(12,15,26,0.68);font-weight:500;font-size:13.5px;letter-spacing:0.01em;text-decoration:none;
  transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s,color .3s;}
.hero-pills-outside .hero-pill::before{content:'';position:absolute;inset:0;border-radius:inherit;z-index:-1;
  background:var(--blue);opacity:0;transform:scale(0.85);
  transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1);}
.hero-pills-outside .hero-pill .arr{position:relative;z-index:1;opacity:0.45;font-size:12px;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s;}
.hero-pills-outside .hero-pill:hover{transform:translateY(-2px);color:#fff!important;border-color:transparent;}
.hero-pills-outside .hero-pill:hover::before{opacity:1;transform:scale(1);}
.hero-pills-outside .hero-pill:hover .arr{opacity:1;transform:translate(1px,-1px);}
.hero-pills-outside .hero-pill:active{transform:translateY(0);}

/* títulos de seção (01/02/03) maiores + motion */
.sec-tag{position:relative;}
.sec-tag span{font-size:12.5px!important;letter-spacing:0.28em!important;}
.sec-tag::before{content:'';display:inline-block;width:0;height:2px;background:var(--blue);border-radius:2px;align-self:center;transition:width .75s cubic-bezier(.16,1,.3,1) .12s;}
.sec-tag.gold::before{background:var(--gold);}
.reveal.vis .sec-tag::before{width:40px;}
.reveal .sec-tag span{display:inline-block;opacity:0;transform:translateX(-10px);transition:opacity .6s ease .22s,transform .6s cubic-bezier(.16,1,.3,1) .22s;}
.reveal.vis .sec-tag span{opacity:1;transform:none;}

/* botões com efeito glass */
.btn-w{background:rgba(255,255,255,0.16)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  border:1px solid rgba(255,255,255,0.4)!important;color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.55),0 10px 30px rgba(0,10,40,0.28)!important;transition:background .3s,color .3s,transform .28s,box-shadow .28s!important;}
.btn-w:hover{background:#003DA8!important;border-color:#003DA8!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 14px 34px rgba(0,61,168,0.5)!important;}
.btn-blue,.build-cta,.fin-btn{position:relative;box-shadow:inset 0 1px 0 rgba(255,255,255,0.28),0 8px 22px rgba(0,61,168,0.28);}

/* ── SEÇÃO AUTOMATIZAMOS — banda escura com tema rolando ── */
.auto-dark{position:relative;margin-top:2.5rem;border-radius:26px;overflow:hidden;text-align:center;
  background:radial-gradient(130% 150% at 50% 0%,#0b1330 0%,#060913 70%);border:1px solid rgba(127,177,255,0.16);
  padding:3.5rem 0 3.25rem;box-shadow:0 24px 60px rgba(0,10,40,0.25);}
.auto-dark::after{content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(60% 80% at 80% 20%,rgba(0,61,168,0.28),transparent 60%),radial-gradient(50% 70% at 15% 90%,rgba(201,163,71,0.12),transparent 60%);}
.auto-dark-corner{position:absolute;inset:0;overflow:visible;z-index:0;pointer-events:none;}
.auto-dark-corner img{width:100%;height:100%;object-fit:contain;object-position:bottom right;display:block;}
.auto-dark-band{position:relative;z-index:1;overflow:hidden;margin-bottom:1.6rem;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);}
.adb-track{display:inline-flex;white-space:nowrap;align-items:center;animation:heroTitleScroll 26s linear infinite;will-change:transform;}
.adb-item{display:inline-flex;align-items:center;gap:2.4rem;padding-right:2.4rem;font-family:'Manrope',sans-serif;
  font-weight:900;font-size:clamp(1.7rem,4.4vw,3.4rem);letter-spacing:-0.03em;color:#fff;text-transform:uppercase;}
.adb-dot{width:12px;height:12px;border-radius:50%;background:var(--gold);flex-shrink:0;box-shadow:0 0 16px rgba(201,163,71,0.6);}
.auto-dark-sub{position:relative;z-index:1;max-width:640px;margin:0 auto 1.9rem;padding:0 1.5rem;pointer-events:none;
  font-size:1.05rem;line-height:1.6;color:rgba(242,245,255,0.72);font-weight:500;}
.auto-dark .btn-blue{position:relative;z-index:1;background:rgba(127,177,255,0.14)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  border:1px solid rgba(127,177,255,0.45);color:#fff!important;box-shadow:inset 0 1px 0 rgba(255,255,255,0.3),0 10px 30px rgba(0,10,40,0.4);}
.auto-dark .btn-blue:hover{background:#003DA8!important;border-color:#003DA8;transform:translateY(-2px);}

/* ── CARDS DOS FUNDADORES — hover social + zoom ── */
.founders2{display:grid;grid-template-columns:1fr 1fr;gap:1.75rem;}
@media(max-width:820px){.founders2{grid-template-columns:1fr;}}
.fcard{position:relative;}
.fcard::before{content:'';position:absolute;top:-6%;left:-6%;right:-6%;aspect-ratio:4/5;background:radial-gradient(circle,rgba(91,156,255,0.75),transparent 70%);
  opacity:0;transition:opacity .6s cubic-bezier(.16,1,.3,1);z-index:0;filter:blur(24px);pointer-events:none;}
.fcard:hover::before{opacity:1;}
.fcard-photo{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:4/5;background-size:cover;background-position:center top;
  box-shadow:0 18px 46px rgba(0,10,40,0.35);z-index:1;}
.fcard-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(4,6,16,0.55),transparent 45%);}
.fcard-img{position:absolute;inset:0;background-size:cover;background-position:center top;transition:transform .6s cubic-bezier(.16,1,.3,1);z-index:0;}
.fcard:hover .fcard-img{transform:scale(1.06);}
.fcard-socials{position:absolute;left:1.1rem;bottom:3.4rem;z-index:2;display:flex;flex-wrap:wrap;gap:8px;max-width:82%;
  opacity:0;transform:translateY(10px);transition:opacity .35s ease,transform .35s cubic-bezier(.16,1,.3,1);}
.fcard:hover .fcard-socials{opacity:1;transform:none;}
.fsoc{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:999px;font-size:12px;font-weight:600;color:#fff;
  background:rgba(10,14,30,0.5);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.28);transition:background .25s,transform .25s;}
.fsoc:hover{background:rgba(0,61,168,0.7);transform:translateY(-2px);}
.fcard-bar{position:relative;z-index:3;margin:-2.2rem 1rem 0;padding:1rem 1.4rem;border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  background:rgba(255,255,255,0.08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,0.16);box-shadow:0 12px 30px rgba(0,10,40,0.3);}
.fcard-name{font-weight:800;font-size:20px;color:#fff;letter-spacing:-0.01em;}
.fcard-roletag{font-family:'Courier New',monospace;font-size:9.5px;letter-spacing:0.18em;text-transform:uppercase;color:#9fc1ff;padding:6px 12px;border:1px solid rgba(159,193,255,0.4);border-radius:999px;}
.fcard-bio{margin:1.25rem 0.35rem 0;font-size:13.5px;color:var(--lite);line-height:1.7;text-align:justify;}
.fcard-tags{display:flex;gap:0.9rem;flex-wrap:wrap;margin:1.1rem 0.35rem 0;padding-top:1.1rem;border-top:1px solid var(--bord);}
.fcard-tags span{font-family:'Courier New',monospace;font-size:9px;letter-spacing:0.12em;}

/* ── DEPOIMENTOS — novo design 2 painéis + navegação ── */
.testi2{display:grid;grid-template-columns:0.82fr 1.18fr;gap:1.5rem;}
@media(max-width:860px){.testi2{grid-template-columns:1fr;}}
.testi2-panel{position:relative;border-radius:22px;overflow:hidden;padding:2.5rem;min-height:440px;display:flex;flex-direction:column;
  background:radial-gradient(130% 120% at 20% 0%,#101a3a,#05060f 75%);border:1px solid rgba(127,177,255,0.14);box-shadow:0 22px 55px rgba(0,10,40,0.3);}
.testi2-panel::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(60% 80% at 90% 90%,rgba(0,61,168,0.3),transparent 60%);}
.t2-label{position:relative;z-index:1;font-family:'Courier New',monospace;font-size:11px;letter-spacing:0.25em;color:#9fc1ff;margin-bottom:auto;}
.t2-big{position:relative;z-index:1;font-weight:900;font-size:clamp(2.2rem,3.6vw,3.4rem);line-height:1.02;letter-spacing:-0.03em;color:#fff;margin:1.5rem 0;}
.t2-rating{position:relative;z-index:1;}
.t2-stars{position:relative;display:inline-flex;gap:2px;letter-spacing:3px;font-size:15px;margin-bottom:8px;}
.t2-stars span{color:var(--gold);display:inline-block;animation:starGlow 2.4s ease-in-out infinite;text-shadow:0 0 6px rgba(201,163,71,0.5);}
.t2-rating-txt{font-size:12.5px;color:rgba(242,245,255,0.6);line-height:1.5;}
@keyframes starGlow{0%,100%{text-shadow:0 0 6px rgba(201,163,71,0.5);opacity:0.85;}50%{text-shadow:0 0 14px rgba(201,163,71,0.95);opacity:1;}}
@keyframes starReveal{0%,4%{opacity:0;transform:scale(0.4);}12%,88%{opacity:1;transform:scale(1);text-shadow:0 0 14px rgba(201,163,71,0.9);}96%,100%{opacity:1;transform:scale(1);text-shadow:0 0 6px rgba(201,163,71,0.5);}}
.t2-quote-mark{position:relative;z-index:1;font-family:Georgia,serif;font-size:4.5rem;line-height:0.7;color:#7fb1ff;margin-bottom:1rem;}
.t2-quote{position:relative;z-index:1;font-size:clamp(1.15rem,1.9vw,1.6rem);line-height:1.5;color:#fff;font-weight:500;margin-bottom:auto;transition:opacity .4s ease;}
.t2-foot{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-top:2rem;}
.t2-name{font-weight:800;font-size:1.35rem;color:#fff;}
.t2-role{font-family:'Courier New',monospace;font-size:11px;color:#9fc1ff;letter-spacing:0.06em;margin-top:4px;}
.t2-navs{display:flex;gap:10px;}
.t2-nav{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;color:#fff;
  background:rgba(255,255,255,0.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.28);transition:background .25s,transform .25s;}
.t2-nav:hover{background:rgba(0,61,168,0.7);transform:translateY(-2px);}
#page-home .testi2-panel{background:radial-gradient(130% 120% at 20% 0%,#101a3a,#05060f 75%);}

.mob-only{display:none;}
.desk-only{display:block;}
.versus-mobile-pairs{display:none;}

/* ═══ MOBILE FIXES (só abaixo de 640px — desktop intocado) ═══ */
@media(max-width:640px){
  .inner{padding:0 6%;}
  nav{padding:12px 4%;height:auto;max-height:none;flex-wrap:wrap;row-gap:8px;}
  .nav-logo{order:1;}
  .nav-cta{order:3;}
  .nav-links{order:2;width:100%;justify-content:center;flex-wrap:wrap;gap:8px 12px;}
  .nav-btn{font-size:13.5px;}
  .nav-logo img{height:14px;}
  .nav-titan-btn img{height:13px;}
  .lang-toggle{gap:2px;}
  .lang-btn{padding:5px 8px;font-size:10px;}
  .nav-cta{padding:8px 14px;font-size:11px;width:100%;text-align:center;}

  .h1{font-size:clamp(1.7rem,7vw,2.4rem)!important;}
  .sec-p{font-size:0.92rem;margin-bottom:1.5rem!important;}
  .roadmap-track{gap:1rem!important;}
  .roadmap-wrap{margin-top:0!important;}

  .g2,.g3,.g4{grid-template-columns:1fr!important;}
  .fin-grid{grid-template-columns:1fr!important;gap:1.75rem!important;margin-top:0.5rem!important;}
  .versus-mobile-pairs{margin-top:0.5rem!important;}
  .nums-bar{grid-template-columns:1fr 1fr!important;}
  .num-item{padding:1.3rem 1rem!important;border-right:none!important;border-bottom:1px solid var(--bord);}
  .num-item:first-child{padding-left:1rem!important;}
  .hero-stats{grid-template-columns:1fr 1fr 1fr!important;}

  .prod-layout,.prod-layout.rev{grid-template-columns:1fr!important;gap:2rem!important;direction:ltr!important;}
  .prod-inner{padding:0 6%;}
  .prod-section{padding:2rem 0!important;}
  .feat-row{font-size:13px;}

  .hero-pills-outside{flex-wrap:wrap;padding:0 12px 1rem;}
  .hero-pills-outside .hero-pill{flex:1 1 42%;font-size:12px;padding:0.6rem 0.7rem;}

  .portfolio-hero{padding:0 6% 3rem;min-height:46vh;}

  .versus-bg-img{display:none;}

  #page-home .hero-inner{padding:0 6%!important;grid-template-columns:1fr!important;gap:1.5rem!important;}
  #page-home .hero-floaters{flex-direction:row!important;flex-wrap:wrap;gap:10px;order:2;}
  #page-home .hero-floaters .float-card{flex:1 1 auto;}
  #page-home .hero-inner .hero-p{max-width:100%!important;font-size:0.95rem!important;}
  #page-home .hero-inner > div:last-child{max-width:100%!important;margin-right:0!important;order:1;}
  #page-home .hero-btns{justify-content:center!important;}
  #page-home .hero-btns .btn-w{padding:12px 24px!important;font-size:13px!important;width:auto;max-width:88%;text-align:center;}

  .sec03-statue{display:none!important;}
  .fcard-socials{max-width:100%;}
  .testi2-panel{padding:1.75rem!important;min-height:auto!important;}

  .cta-box{padding:1.5rem!important;}
  section .inner[style*="grid-template-columns:1fr 1fr"]{grid-template-columns:1fr!important;gap:2rem!important;}

  .origem-hero{padding:8rem 6% 0!important;min-height:auto!important;overflow:visible!important;}
  .origem-hero > div[style*="max-width:1200px"]{display:flex!important;align-items:flex-start!important;gap:14px!important;flex-wrap:nowrap!important;position:relative!important;}
  .origem-hero > div[style*="max-width:1200px"] > div[style*="max-width:600px"]{max-width:none!important;flex:1 1 auto!important;min-width:0!important;padding-top:0.5rem!important;}
  .origem-hero img.origem-medusa-img{position:static!important;bottom:auto!important;right:auto!important;left:auto!important;top:auto!important;width:220px!important;height:280px!important;max-width:220px!important;margin:2.5rem 0 -3.5rem!important;flex:0 0 auto!important;object-fit:contain!important;display:block!important;align-self:flex-end!important;}

  .origem-history-grid{grid-template-columns:1fr!important;gap:0!important;}

  .titan-grid{grid-template-columns:1fr!important;gap:2rem!important;}
  .titan-hero-page{padding:10rem 6% 3rem!important;}

  /* ── extra fixes (rodada 2) ── */
  html,body{overflow-x:hidden;}
  .nav-links{gap:8px 10px;}

  #page-home .hero{margin:0!important;border-radius:0!important;min-height:100vh!important;padding:8rem 0 2.5rem!important;}
  #page-home .hero-img{object-position:20% center!important;}
  .htm-item{font-size:9vw!important;}
  #page-home .hero-inner .hero-p{text-align:center!important;margin-left:auto!important;margin-right:auto!important;}
  #page-home .hero-inner > div:last-child{text-align:center!important;}
  #page-home .hero-btns{margin-top:2rem!important;justify-content:center!important;display:flex!important;width:100%!important;}

  .portfolio-hero{padding:8.5rem 6% 2.5rem!important;min-height:auto!important;}
  .hero-pills-outside{padding-top:1rem!important;}

  .btn-w,.btn-blue,.btn-blue-out,.btn-gold,.btn-gold-out,.fin-btn,.build-cta{padding:11px 20px!important;font-size:12px!important;}
  .auto-dark-cta{padding:10px 14px!important;font-size:10.5px!important;white-space:nowrap!important;}

  .ac-body{text-shadow:0 2px 8px rgba(0,0,0,0.7),0 1px 3px rgba(0,0,0,0.6);}

  .auto-dark{text-align:left!important;padding-left:1.5rem!important;padding-right:1.5rem!important;}
  .auto-dark-sub{text-align:left!important;}

  .fcard-socials{opacity:1!important;transform:none!important;}

  .mob-only{display:block!important;}
  .desk-only{display:none!important;}

  .versus-wrap{display:none!important;}
  .versus-mobile-pairs{display:block;}
  .vmp-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0;border-bottom:none;font-size:11px;line-height:1.45;margin-bottom:8px;}
  .vmp-bad{color:#B91C1C;background:rgba(239,68,68,0.12);border:1px solid rgba(239,68,68,0.25);border-radius:10px;padding:10px 10px 10px 22px;position:relative;}
  .vmp-good{color:#15803D;background:rgba(34,197,94,0.12);border:1px solid rgba(34,197,94,0.28);border-radius:10px;padding:10px 10px 10px 22px;position:relative;}
  .vmp-bad .versus-x,.vmp-good .versus-ok{position:absolute;left:8px;top:10px;font-size:10px;}

  footer .ft-links{flex-wrap:wrap;justify-content:center;gap:10px 16px;}
  footer{flex-direction:column;gap:14px;text-align:center;padding:2rem 6%!important;}
  .bf-logo{font-size:1.3rem!important;}

  .portfolio-hero h1,.portfolio-hero p,.portfolio-hero .sec-tag,.origem-hero h1,.origem-hero p,.origem-hero .sec-tag{animation:fadeUp 0.8s both;}
}