/* InfoTech.io — Home Premium V9
   Camada exclusivamente visual para a homepage.
   Não altera autenticação, Supabase, CSP, logos ou fluxos da aplicação. */

:root{
  --home-blue:#3287ff;
  --home-cyan:#39e8ff;
  --home-cyan-soft:#8ff5ff;
  --home-violet:#786bff;
  --home-ink:#020712;
  --home-panel:rgba(7,18,36,.72);
  --home-panel-strong:rgba(7,18,36,.91);
  --home-border:rgba(120,218,255,.16);
  --home-border-hover:rgba(89,229,255,.42);
  --home-shadow:0 28px 80px rgba(0,0,0,.38);
}

/* ---------- Atmosfera geral ---------- */
body{
  background:
    radial-gradient(circle at 15% 5%,rgba(30,137,255,.16),transparent 28rem),
    radial-gradient(circle at 82% 13%,rgba(57,232,255,.10),transparent 30rem),
    radial-gradient(circle at 52% 60%,rgba(120,107,255,.06),transparent 36rem),
    linear-gradient(180deg,#020711 0%,#030a18 34%,#020711 100%);
}
body::before{
  opacity:.2;
  background-size:64px 64px;
  background-image:
    linear-gradient(rgba(62,174,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(62,174,255,.035) 1px,transparent 1px);
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:-1;
  background:
    radial-gradient(circle at 50% -10%,rgba(255,255,255,.035),transparent 32%),
    linear-gradient(115deg,transparent 0 48%,rgba(57,232,255,.018) 48% 49%,transparent 49% 100%);
}

::selection{background:rgba(57,232,255,.24);color:#fff}

/* ---------- Header ---------- */
.site-header{
  height:82px;
  background:rgba(2,7,18,.68);
  border-bottom:1px solid rgba(111,210,255,.08);
  backdrop-filter:blur(22px) saturate(145%);
}
.site-header.scrolled{
  background:rgba(2,7,18,.91);
  border-color:rgba(111,210,255,.14);
  box-shadow:0 18px 48px rgba(0,0,0,.22);
}
.navbar{gap:22px}
.brand img{
  animation:none;
  filter:drop-shadow(0 0 12px rgba(57,232,255,.22));
  transition:transform .25s ease,filter .25s ease;
}
.brand:hover img{transform:scale(1.035);filter:drop-shadow(0 0 20px rgba(57,232,255,.3))}
.brand-copy strong{font-size:1.12rem;letter-spacing:-.01em}
.brand-copy small{font-size:.61rem;letter-spacing:.18em;color:#7790aa}
.menu{gap:3px}
.menu a{
  position:relative;
  padding:10px 12px;
  border-radius:11px;
  color:#b8c9db;
  font-size:.9rem;
  font-weight:700;
  background:transparent!important;
  box-shadow:none!important;
}
.menu a::after{
  content:"";
  position:absolute;
  left:12px;right:12px;bottom:4px;
  height:2px;border-radius:99px;
  background:linear-gradient(90deg,var(--home-cyan),var(--home-blue));
  transform:scaleX(0);
  transform-origin:left;
  opacity:0;
  transition:.22s ease;
}
.menu a:hover,.menu a.ativo{color:#fff}
.menu a:hover::after,.menu a.ativo::after{transform:scaleX(1);opacity:1}
.account-login-link{
  min-height:42px;
  border-color:rgba(111,210,255,.2);
  background:linear-gradient(180deg,rgba(11,29,50,.7),rgba(5,16,30,.8));
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 8px 24px rgba(0,0,0,.16);
  transition:.22s ease;
}
.account-login-link::after{display:none}
.account-login-link:hover{
  border-color:rgba(57,232,255,.45);
  background:rgba(16,46,73,.65);
  transform:translateY(-1px);
}

/* ---------- Hero ---------- */
.hero-v7{
  min-height:min(850px,calc(100svh - 82px));
  grid-template-columns:minmax(0,1.06fr) minmax(390px,.94fr);
  gap:clamp(34px,6vw,82px);
  padding-block:70px 88px;
}
.hero-v7::before{
  content:"";
  position:absolute;
  width:520px;height:520px;
  left:-320px;top:5%;
  border:1px solid rgba(57,232,255,.08);
  border-radius:50%;
  box-shadow:0 0 120px rgba(32,135,255,.07);
}
.hero-v7::after{
  left:0;
  width:100%;
  bottom:1%;
  height:1px;
  background:linear-gradient(90deg,transparent 0%,rgba(57,232,255,.16) 20%,rgba(50,135,255,.36) 50%,rgba(57,232,255,.16) 80%,transparent 100%);
  opacity:1;
}
.hero-copy{position:relative;z-index:2}
.hero-copy .eyebrow{
  color:#b7f7ff;
  background:rgba(24,146,196,.075);
  border-color:rgba(73,220,255,.19);
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.hero-v7 h1{
  max-width:13.5ch;
  margin:22px 0 22px;
  font-size:clamp(3.1rem,5.7vw,5.85rem);
  line-height:.98;
  letter-spacing:-.052em;
  text-wrap:balance;
}
.hero-v7 h1 span{
  margin-top:.08em;
  background:linear-gradient(96deg,#dffcff 4%,#68edff 38%,#4aa1ff 72%,#8c7cff 112%);
  -webkit-background-clip:text;
  background-clip:text;
}
.hero-v7 .hero-copy>p{
  max-width:58ch;
  font-size:clamp(1.02rem,1.45vw,1.19rem);
  line-height:1.75;
  color:#aebfd1;
}
.hero-actions{margin-top:32px;gap:13px}
.hero-actions .btn{
  min-height:50px;
  padding-inline:21px;
  border-radius:13px;
}
.btn-primary{
  color:#00101b;
  background:linear-gradient(115deg,#7af4ff 0%,#3de5ff 35%,#3d9cff 72%,#696cff 120%);
  box-shadow:0 15px 36px rgba(25,154,255,.22),inset 0 1px rgba(255,255,255,.58);
}
.btn-primary:hover{
  box-shadow:0 19px 46px rgba(25,174,255,.32),0 0 0 1px rgba(137,244,255,.14);
}
.btn-outline{
  background:rgba(8,22,40,.58);
  border-color:rgba(128,210,255,.23);
  color:#eaf8ff;
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.btn-outline:hover{background:rgba(17,51,80,.55);border-color:rgba(79,228,255,.48)}
.hero-points{
  margin-top:26px;
  gap:10px;
  color:#9ab0c5;
}
.hero-points li{
  padding:8px 11px;
  border:1px solid rgba(111,210,255,.11);
  border-radius:999px;
  background:rgba(7,20,37,.45);
  font-size:.78rem;
  backdrop-filter:blur(8px);
}
.hero-points li::before{
  width:6px;height:6px;
  border:0;
  background:var(--home-cyan);
  box-shadow:0 0 12px rgba(57,232,255,.55);
}

/* ---------- Hero visual: preserva a logo, eleva a apresentação ---------- */
.hero-visual{min-height:550px}
.logo-orbit{
  width:min(520px,92vw);
  isolation:isolate;
}
.logo-heartbeat::before{
  inset:0;
  border:1px dashed rgba(79,209,255,.17);
  animation:premiumOrbit 38s linear infinite!important;
}
.logo-heartbeat::after{
  inset:9%;
  border:1px solid rgba(57,232,255,.11);
  animation:none;
  box-shadow:
    inset 0 0 90px rgba(30,137,255,.035),
    0 0 95px rgba(30,137,255,.08);
}
.logo-orbit img{
  width:69%;
  filter:drop-shadow(0 24px 48px rgba(0,0,0,.48)) drop-shadow(0 0 28px rgba(57,232,255,.12));
}
.neon-aura.a1,.neon-aura.a2{animation:none}
.neon-aura.a1{
  inset:15%;
  opacity:.2;
  border-color:rgba(57,232,255,.25);
  box-shadow:0 0 42px rgba(57,232,255,.12),0 0 100px rgba(50,135,255,.1);
}
.neon-aura.a2{
  inset:5%;
  opacity:.11;
  border-color:rgba(120,107,255,.28);
}
.logo-orbit::marker{display:none}
.orbit-chip{
  min-width:154px;
  padding:13px 15px;
  border-radius:16px;
  background:linear-gradient(145deg,rgba(10,29,51,.91),rgba(5,15,29,.92));
  border-color:rgba(111,210,255,.2);
  box-shadow:0 18px 45px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.035);
  backdrop-filter:blur(16px);
}
.orbit-chip::before{
  content:"";
  position:absolute;
  left:13px;top:-1px;
  width:40px;height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,var(--home-cyan),var(--home-blue));
  box-shadow:0 0 12px rgba(57,232,255,.4);
}
.orbit-chip strong{font-size:.82rem;letter-spacing:.01em}
.orbit-chip span{display:block;margin-top:4px;color:#8fa8bf;font-size:.69rem}
.orbit-chip.c1{top:14%;right:-1%;animation:premiumFloat 6.2s ease-in-out infinite}
.orbit-chip.c2{left:-5%;bottom:23%;animation:premiumFloat 6.8s ease-in-out infinite .8s}
.orbit-chip.c3{right:1%;bottom:7%;animation:premiumFloat 6.5s ease-in-out infinite .35s}
@keyframes premiumOrbit{to{transform:rotate(360deg)}}
@keyframes premiumFloat{50%{transform:translateY(-7px)}}

/* ---------- Barra de valor ---------- */
.proof-bar-v7{
  border-block-color:rgba(111,210,255,.12);
  background:rgba(3,11,23,.72);
  backdrop-filter:blur(18px);
}
.proof-grid{gap:0}
.proof-grid article{
  position:relative;
  padding:26px 30px;
  border-right-color:rgba(111,210,255,.1);
  transition:background .25s ease;
}
.proof-grid article:hover{background:rgba(32,135,255,.045)}
.proof-grid article::before{
  content:"";
  position:absolute;
  left:28px;top:18px;
  width:24px;height:2px;border-radius:99px;
  background:linear-gradient(90deg,var(--home-cyan),var(--home-blue));
  opacity:.7;
}
.proof-grid strong{
  margin-top:7px;
  font-size:1.35rem;
  letter-spacing:-.02em;
}
.proof-grid span{display:block;margin-top:4px;color:#8fa6bc;font-size:.8rem}

/* ---------- Seções ---------- */
.section{padding-block:112px}
.section.compact{padding-block:76px}
.section-v7::before{
  top:22px;
  width:min(920px,82vw);
  background:linear-gradient(90deg,transparent,rgba(57,232,255,.11),rgba(50,135,255,.16),transparent);
}
.section-heading{max-width:820px;margin-bottom:44px}
.section-heading .eyebrow{
  background:transparent;
  border:0;
  padding:0;
  border-radius:0;
  color:#62eaff;
  letter-spacing:.16em;
}
.section-heading h2{
  max-width:15ch;
  margin:16px 0 14px;
  font-size:clamp(2.35rem,4.5vw,4.55rem);
  line-height:1.03;
  letter-spacing:-.045em;
  text-wrap:balance;
}
.section-heading p{max-width:62ch;color:#95aac0;line-height:1.72}

/* ---------- Carrosséis / cards ---------- */
.coverflow{
  padding:14px 48px 42px;
  overflow:hidden;
}
.coverflow::before{
  inset:12px 2% 28px;
  border-radius:30px;
  border-color:rgba(111,210,255,.11);
  background:
    radial-gradient(circle at 50% 0%,rgba(57,232,255,.075),transparent 38%),
    linear-gradient(180deg,rgba(8,25,45,.46),rgba(4,13,27,.62));
  box-shadow:inset 0 1px rgba(255,255,255,.025),inset 0 0 90px rgba(40,137,255,.025);
}
.coverflow-stage{height:370px;perspective:1450px}
.coverflow [data-carousel-slide]{
  width:min(405px,74%);
  height:310px;
  border-color:rgba(111,210,255,.13);
  background:
    radial-gradient(circle at 88% 8%,rgba(57,232,255,.065),transparent 28%),
    linear-gradient(160deg,rgba(11,31,54,.9),rgba(5,15,29,.95));
}
.coverflow [data-carousel-slide].is-active{
  border-color:rgba(91,226,255,.28);
  box-shadow:0 30px 85px rgba(0,0,0,.46),0 0 45px rgba(34,150,255,.08),inset 0 1px rgba(255,255,255,.04);
}
.coverflow-card{padding:30px}
.service-icon{
  width:52px;height:52px;
  border-radius:15px;
  background:linear-gradient(145deg,rgba(57,232,255,.13),rgba(50,135,255,.13));
  border-color:rgba(92,226,255,.2);
  box-shadow:inset 0 1px rgba(255,255,255,.035),0 10px 28px rgba(0,0,0,.12);
}
.slide-kicker{top:31px;right:30px;color:#72ecff;opacity:.55}
.coverflow-card h3{font-size:1.34rem;letter-spacing:-.015em}
.coverflow-card p{color:#93aabe;line-height:1.68}
.coverflow-card a{color:#71eaff}
.carousel-dots button{background:rgba(120,183,215,.24)}
.carousel-dots button.active{background:linear-gradient(90deg,var(--home-cyan),var(--home-blue));box-shadow:0 0 18px rgba(57,232,255,.3)}

.compact-coverflow .coverflow-stage{height:300px}
.compact-coverflow [data-carousel-slide]{height:235px}
.feature-slide{
  background:
    radial-gradient(circle at 50% 0%,rgba(57,232,255,.05),transparent 35%),
    linear-gradient(160deg,rgba(10,28,49,.9),rgba(5,15,29,.95))!important;
}
.feature-symbol{
  border-color:rgba(93,226,255,.18);
  background:linear-gradient(145deg,rgba(57,232,255,.1),rgba(50,135,255,.12));
}
.feature-slide p{color:#96abc0;line-height:1.62}

/* ---------- Bloco de destaque com imagem da marca ---------- */
.media-card-v7{
  min-height:410px;
  border-color:rgba(111,210,255,.14);
  border-radius:28px;
  background:
    radial-gradient(circle at 82% 40%,rgba(57,232,255,.06),transparent 32%),
    linear-gradient(145deg,rgba(9,27,48,.84),rgba(4,13,27,.92));
  box-shadow:var(--home-shadow),inset 0 1px rgba(255,255,255,.028);
}
.media-card-v7::before{opacity:.45}
.media-card-v7 .media-copy{padding:clamp(34px,5vw,58px)}
.media-card-v7 .media-copy .eyebrow{background:transparent;border:0;padding:0;color:#60eaff}
.media-card-v7 .media-copy h3{
  max-width:14ch;
  font-size:clamp(2.1rem,3.7vw,3.7rem);
  line-height:1.04;
  text-wrap:balance;
}
.media-card-v7 .media-copy p{max-width:54ch;color:#98aec2}
.media-card-v7 .media-image{
  min-height:390px;
  background:
    radial-gradient(circle at 50% 48%,rgba(57,232,255,.085),transparent 36%),
    linear-gradient(145deg,#030914,#02060d);
}
.media-card-v7 .media-image img{width:min(72%,360px);filter:drop-shadow(0 24px 45px rgba(0,0,0,.42)) drop-shadow(0 0 28px rgba(57,232,255,.11))}

/* ---------- Processo ---------- */
.process-section{padding-bottom:94px}
.process-shelf{
  gap:14px;
  padding:18px 8px 22px;
}
.process-step{
  min-width:min(325px,82vw);
  padding:23px;
  border-radius:18px;
  border-color:rgba(111,210,255,.14);
  background:linear-gradient(155deg,rgba(9,27,48,.82),rgba(5,15,29,.9));
  box-shadow:0 14px 38px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.025);
}
.process-step:hover{
  transform:translateY(-3px);
  border-color:rgba(57,232,255,.3);
  box-shadow:0 20px 48px rgba(0,0,0,.24),0 0 32px rgba(45,166,255,.05);
}
.process-icon{
  background:rgba(57,232,255,.075);
  border-color:rgba(57,232,255,.15);
  color:#6beeff;
}
.process-step strong{letter-spacing:-.01em}
.process-step small{color:#91a7bc}

/* ---------- CTA final ---------- */
.cta-band-v7{
  position:relative;
  overflow:hidden;
  margin-bottom:112px;
  padding:clamp(34px,5vw,56px);
  border-radius:28px;
  border-color:rgba(111,210,255,.18);
  background:
    radial-gradient(circle at 82% 15%,rgba(57,232,255,.12),transparent 28%),
    radial-gradient(circle at 18% 110%,rgba(120,107,255,.11),transparent 34%),
    linear-gradient(135deg,rgba(7,36,60,.92),rgba(5,15,31,.96));
  box-shadow:0 30px 85px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.04);
}
.cta-band-v7::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(86,206,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(86,206,255,.025) 1px,transparent 1px);
  background-size:28px 28px;
  mask-image:linear-gradient(90deg,black,transparent 72%);
}
.cta-band-v7>div,.cta-band-v7>.btn{position:relative;z-index:1}
.cta-band-v7 .eyebrow{background:transparent;border:0;padding:0;color:#68ebff}
.cta-band-v7 h2{max-width:17ch;line-height:1.05;letter-spacing:-.04em}
.cta-band-v7 p{color:#9bb0c4;max-width:58ch}
.cta-band-v7 .btn{min-width:190px;min-height:52px}

/* ---------- Footer ---------- */
.site-footer-v7{
  padding:40px 0 22px;
  background:linear-gradient(180deg,#020712,#02050c);
}
.site-footer-v7::before{width:min(960px,86%);opacity:.2}
.footer-brandline{padding-bottom:28px;border-color:rgba(111,210,255,.1)}
.footer-brandline p{color:#8fa4b9}
.footer-compact-grid{max-width:780px;padding-top:28px}
.footer-compact-grid>div{border-color:rgba(111,210,255,.08)}
.footer-links a{color:#8fa5ba;transition:.2s ease}
.footer-links a:hover{color:#75edff}
.site-footer-v7 .footer-bottom{color:#71879d;border-color:rgba(111,210,255,.08)}
.footer-legal-links a:hover{color:#75edff}

/* ---------- Animações de entrada mais refinadas ---------- */
.reveal{
  opacity:0;
  transform:translateY(16px);
  filter:blur(2px);
  transition:opacity .72s ease,transform .72s cubic-bezier(.2,.8,.2,1),filter .72s ease;
}
.reveal.visible{opacity:1;transform:none;filter:none}

/* ---------- Responsividade ---------- */
@media (max-width:1080px){
  .hero-v7{grid-template-columns:1fr .82fr;gap:28px}
  .hero-v7 h1{font-size:clamp(3rem,6.2vw,5rem)}
  .logo-orbit{width:min(440px,92vw)}
  .orbit-chip{min-width:138px;padding:11px 12px}
  .proof-grid article{padding-inline:20px}
}

@media (max-width:900px){
  .site-header{height:72px}
  .hero-v7{
    min-height:auto;
    grid-template-columns:1fr;
    text-align:center;
    padding-block:58px 70px;
  }
  .hero-copy{display:flex;flex-direction:column;align-items:center}
  .hero-v7 h1{max-width:14ch;font-size:clamp(2.8rem,9vw,4.6rem)}
  .hero-v7 .hero-copy>p{max-width:62ch}
  .hero-actions,.hero-points{justify-content:center}
  .hero-visual{min-height:470px;margin-top:4px}
  .logo-orbit{width:min(470px,88vw)}
  .proof-grid{grid-template-columns:repeat(2,1fr)}
  .proof-grid article:nth-child(2){border-right:0}
  .proof-grid article:nth-child(-n+2){border-bottom:1px solid rgba(111,210,255,.1)}
  .section{padding-block:88px}
  .section-heading{margin-inline:auto;text-align:center}
  .section-heading h2{max-width:17ch;margin-inline:auto}
  .section-heading p{margin-inline:auto}
  .media-card-v7{grid-template-columns:1fr}
  .media-card-v7 .media-copy{text-align:center;align-items:center}
  .media-card-v7 .media-copy h3{max-width:16ch}
  .media-card-v7 .media-image{min-height:310px}
  .footer-brandline{flex-direction:column;text-align:center}
  .footer-brandline p{text-align:center}
}

@media (max-width:680px){
  .container{width:min(100% - 28px,var(--container))}
  .site-header{height:68px}
  .navbar{width:calc(100% - 28px);gap:12px}
  .brand img{width:42px;height:42px}
  .brand-copy small{display:none}
  .account-slot{margin-left:0}
  .account-login-link{padding:8px 9px}
  .account-login-link>span:last-child{display:none}
  .hero-v7{padding-block:46px 58px}
  .hero-copy .eyebrow{font-size:.67rem;letter-spacing:.1em}
  .hero-v7 h1{font-size:clamp(2.55rem,12vw,3.75rem);line-height:.99;margin-top:19px}
  .hero-v7 .hero-copy>p{font-size:.98rem;line-height:1.66}
  .hero-actions{width:100%}
  .hero-actions .btn{flex:1 1 190px}
  .hero-points{gap:7px}
  .hero-points li{font-size:.72rem;padding:7px 9px}
  .hero-visual{min-height:390px}
  .logo-orbit{width:min(390px,94vw)}
  .logo-orbit img{width:67%}
  .orbit-chip{min-width:121px;padding:9px 10px;border-radius:13px}
  .orbit-chip strong{font-size:.72rem}.orbit-chip span{font-size:.61rem}
  .orbit-chip.c1{right:-2%;top:12%}.orbit-chip.c2{left:-2%;bottom:21%}.orbit-chip.c3{right:2%;bottom:4%}
  .proof-grid article{padding:22px 16px}
  .proof-grid article::before{left:16px;top:15px}
  .proof-grid strong{font-size:1.13rem}.proof-grid span{font-size:.73rem}
  .section{padding-block:72px}
  .section.compact{padding-block:54px}
  .section-heading{margin-bottom:32px}
  .section-heading h2{font-size:clamp(2rem,10vw,3rem)}
  .coverflow{padding:8px 0 36px}
  .coverflow::before{inset:8px 0 24px;border-radius:22px}
  .coverflow-stage{height:340px}
  .coverflow [data-carousel-slide]{width:min(330px,84%);height:285px}
  .coverflow-card{padding:24px}
  .compact-coverflow .coverflow-stage{height:278px}
  .compact-coverflow [data-carousel-slide]{height:225px;width:min(330px,84%)}
  .media-card-v7{border-radius:22px}
  .media-card-v7 .media-copy{padding:31px 24px}
  .media-card-v7 .media-image{min-height:260px}
  .process-section{padding-bottom:74px}
  .process-step{min-width:min(292px,82vw);padding:20px}
  .cta-band-v7{margin-bottom:78px;padding:30px 24px;border-radius:22px;text-align:center}
  .cta-band-v7 h2{margin-inline:auto}
  .cta-band-v7 p{margin-inline:auto}
  .cta-band-v7 .btn{width:100%}
  .footer-compact-grid{grid-template-columns:1fr;gap:0}
  .footer-compact-grid>div{border-right:0;border-bottom:1px solid rgba(111,210,255,.07);padding:18px 0}
  .footer-compact-grid>div:last-child{border-bottom:0}
  .site-footer-v7 .footer-bottom{gap:12px;text-align:center}
}

@media (prefers-reduced-motion:reduce){
  .logo-heartbeat::before,.orbit-chip{animation:none!important}
  .reveal{opacity:1;transform:none;filter:none;transition:none}
  .btn,.menu a,.account-login-link,.process-step,.brand img{transition:none}
}