/* VFL Tecnologia — tema CLARO, frio e tecnológico (gelo + ciano). Confiança técnica, refrigeração. */
:root{
  --bg:#F4F8FC;        /* fundo gelo claro */
  --bg2:#E8F1FA;       /* seção alternada um pouco mais azulada */
  --card:#FFFFFF;
  --ink:#0E2233;       /* texto principal — azul petróleo bem escuro */
  --mut:#5A7184;       /* texto secundário */
  --soft:#8FA3B5;      /* texto bem suave (rodapé Scout) */
  --ac:#0E8FD6;        /* azul/ciano principal */
  --ac2:#16A6D9;       /* ciano de destaque */
  --deep:#0B5C9E;      /* azul profundo */
  --gold:#19C6B0;      /* verde-água frio (acento "frio/limpo") */
  --line:rgba(14,34,51,.10);
  --ring:rgba(14,143,214,.16);
}
*{margin:0;box-sizing:border-box;font-family:'Inter',sans-serif;}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--ink);overflow-x:hidden;}
.dsp{font-family:'Sora',sans-serif;letter-spacing:-.02em;}
.ac{color:var(--ac);}
.acgrad{background:linear-gradient(120deg,var(--ac2),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;}
.glow{position:absolute;border-radius:50%;filter:blur(110px);pointer-events:none;background:rgba(22,166,217,.30);}
.btn{background:linear-gradient(135deg,var(--ac),var(--deep));color:#fff;font-weight:600;box-shadow:0 16px 44px -14px rgba(14,143,214,.55);transition:transform .3s,box-shadow .3s;}
.btn:hover{transform:translateY(-2px);box-shadow:0 24px 60px -14px rgba(14,143,214,.7);}
.btn-gold{background:linear-gradient(135deg,var(--gold),#0FB39E);color:#04231F;font-weight:700;transition:transform .3s,box-shadow .3s;box-shadow:0 16px 44px -16px rgba(25,198,176,.55);}
.btn-gold:hover{transform:translateY(-2px);}
.btn-ghost{border:1px solid rgba(14,34,51,.18);color:var(--ink);transition:border-color .3s,background .3s,color .3s;}
.btn-ghost:hover{border-color:var(--ac);color:var(--ac);background:rgba(14,143,214,.07);}
.card{background:var(--card);border:1px solid var(--line);box-shadow:0 30px 60px -42px rgba(11,52,82,.35);transition:transform .4s,border-color .4s,box-shadow .4s;}
.card:hover{transform:translateY(-6px);border-color:rgba(22,166,217,.45);box-shadow:0 48px 90px -42px rgba(14,143,214,.32);}
.zoom{transition:transform 1.2s cubic-bezier(.2,.7,.2,1);} .zoomwrap:hover .zoom{transform:scale(1.07);}
.kicker{font-family:'Inter';font-weight:700;letter-spacing:.28em;text-transform:uppercase;font-size:12px;color:var(--ac);}
.marquee{overflow:hidden;white-space:nowrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(90deg,var(--deep),var(--ac2));}
.marquee-track{display:inline-flex;align-items:center;animation:scroll 36s linear infinite;}
@keyframes scroll{to{transform:translateX(-50%)}}
.mq-item{font-family:'Sora';font-weight:700;font-size:38px;letter-spacing:-.01em;padding:16px 30px;color:#F2FBFF;}
.mq-dot{width:9px;height:9px;border-radius:50%;background:var(--gold);flex:none;}
.navwrap{background:rgba(244,248,252,.82);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);}
.nav-link{color:var(--mut);transition:color .3s;position:relative;}
.nav-link:hover{color:var(--ink);}
.nav-link.active{color:var(--ink);}
.nav-link.active::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;background:var(--ac);border-radius:2px;}
.wordmark{font-family:'Sora';font-weight:800;font-size:23px;letter-spacing:-.02em;color:var(--ink);line-height:1;}
.wordmark .ac{color:var(--ac);}
.reveal{will-change:transform,opacity;}
.ic-ac{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(14,143,214,.10);border:1px solid rgba(22,166,217,.28);flex:none;}
@media (max-width:640px){.mq-item{font-size:26px;padding:12px 18px}}
html.shot *{animation:none!important;}
.kenburns{animation:kb 24s ease-in-out infinite alternate;transform-origin:center;will-change:transform;}
@keyframes kb{from{transform:scale(1.03)}to{transform:scale(1.12)}}
@media (prefers-reduced-motion: reduce){.kenburns{animation:none}}
img{max-width:100%;}
.scoutc{color:var(--soft);transition:color .25s;letter-spacing:.02em;}
.scoutc span{color:var(--mut);transition:color .25s;}
.scoutc:hover,.scoutc:hover span{color:var(--ac);}
.carousel{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:6px;}
.carousel::-webkit-scrollbar{display:none;}
.cslide{scroll-snap-align:center;flex:0 0 86%;max-width:560px;position:relative;border-radius:20px;overflow:hidden;box-shadow:0 30px 60px -42px rgba(11,52,82,.5);}
@media(min-width:768px){.cslide{flex-basis:46%;}}@media(min-width:1100px){.cslide{flex-basis:31%;}}
.cslide img{width:100%;height:320px;object-fit:cover;display:block;}
.cslide .cap{position:absolute;left:0;right:0;bottom:0;padding:22px 18px 16px;background:linear-gradient(to top,rgba(7,32,50,.92),transparent);font-family:'Sora';font-weight:600;font-size:19px;color:#fff;}
.cbtn{width:46px;height:46px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:var(--card);border:1px solid var(--line);color:var(--ink);transition:.3s;cursor:pointer;}
.cbtn:hover{border-color:var(--ac);color:var(--ac);}
.mobile-menu{position:fixed;inset:0;z-index:60;background:rgba(244,248,252,.98);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;opacity:0;pointer-events:none;transform:translateY(-10px);transition:opacity .3s,transform .3s;}
.mobile-menu.open{opacity:1;pointer-events:auto;transform:none;}
.mm-link{font-family:'Sora';font-weight:700;font-size:30px;letter-spacing:-.02em;color:var(--ink);padding:13px 0;border-bottom:1px solid var(--line);transition:color .2s;}
.mm-link:hover,.mm-link:active{color:var(--ac);}
#scrollcue{color:#EAF6FF;}
.badge{display:inline-flex;align-items:center;gap:7px;background:var(--card);border:1px solid var(--line);border-radius:30px;padding:7px 14px;font-size:13px;font-weight:600;color:var(--ink);box-shadow:0 12px 30px -22px rgba(11,52,82,.4);}
.step-num{font-family:'Sora';font-weight:800;font-size:15px;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(14,143,214,.10);border:1px solid rgba(22,166,217,.28);color:var(--ac);flex:none;}
.divider{height:1px;background:var(--line);}
.statbig{font-family:'Sora';font-weight:800;letter-spacing:-.03em;line-height:1;background:linear-gradient(120deg,var(--ac),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent;}
.tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--ac);background:rgba(14,143,214,.10);border:1px solid rgba(22,166,217,.26);border-radius:30px;padding:5px 12px;}
.gridline{background:var(--bg2);background-image:radial-gradient(rgba(22,166,217,.10) 1px,transparent 1px);background-size:26px 26px;}
