:root{
  --indigo:#10069F; --navy:#010E54; --fog:#F7F7F7; --white:#fff; --black:#0B0B0B; --wa:#25D366;
  --grad:linear-gradient(135deg,var(--indigo),var(--navy));
  --grad-bright:linear-gradient(135deg,#3a2bff,#001cff);
  --radius:18px; --shadow:0 12px 40px rgba(0,0,0,.10); --maxw:1200px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#fff;color:var(--black);
  font-family: "Google Sans","Product Sans","Google Sans Text","JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
}
a{color:inherit;text-decoration:none}
img{max-width:60%;display:block}
.container{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(16px,4vw,28px)}

/* Botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:1rem 1.15rem;border-radius:14px;border:2px solid transparent;font-weight:800;line-height:1;box-shadow:var(--shadow)}
.btn.primary{background:var(--grad);color:#fff}
.btn.outline{background:linear-gradient(#fff,#fff) padding-box,var(--grad-bright) border-box;color:#fff}
.btn.wa{background:var(--wa);color:#fff}
.btn:hover{transform:translateY(-1px)}

/* Header */
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.2) blur(10px);border-bottom:1px solid #eee}
.nav{display:grid;grid-template-columns:auto 1fr auto;align-items:center;height:72px;gap:12px}
.brand{display:flex;align-items:center;gap:.75rem;font-weight:900}
.mark{width:36px;height:36px;border-radius:12px;background:var(--grad);box-shadow:inset 0 0 0 2px rgba(255,255,255,.25)}

.center-links{display:none}
.right-area{display:flex;align-items:center;gap:12px}
.status{display:inline-flex;align-items:center;gap:.5rem;font-weight:800}
.dot{width:10px;height:10px;border-radius:50%}
.dot.online{background:#10b981;box-shadow:0 0 0 0 rgba(16,185,129,.8);animation:ping 1.4s infinite}
.dot.offline{background:#ef4444}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(16,185,129,.7)}70%{box-shadow:0 0 0 10px rgba(16,185,129,0)}100%{box-shadow:0 0 0 0 rgba(16,185,129,0)}}

/* Menu (mobile-first) */
.hamb{display:inline-flex;flex-direction:column;gap:5px;border:0;background:transparent;padding:10px;border-radius:10px}
.hamb span{width:24px;height:2px;background:#1f2937;border-radius:2px}
.drawer{position:fixed;inset:72px 0 auto 0;display:none;flex-direction:column;gap:10px;background:#fff;border-bottom:1px solid #eee;padding:12px}
.drawer a{padding:1rem 14px;border-radius:12px;font-weight:800}
.drawer a:hover{background:#eef2ff;color:var(--indigo)}
.drawer.open{display:flex}

@media (min-width:980px){
  .hamb{display:none}
  .center-links{display:flex;justify-content:center;gap:18px}
  .center-links a{padding:.55rem .9rem;border-radius:12px;font-weight:800}
  .center-links a:hover{background:#f5f7ff;color:var(--indigo)}
}

/* HERO com vídeo */
.hero{position:relative;min-height:88vh;display:grid;place-items:center;overflow:hidden}
.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.6) contrast(1.05) saturate(1.1)}
.hero .overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(1,14,84,.7),rgba(1,14,84,.35) 45%,rgba(1,14,84,.2) 100%)}
.hero .wrap{position:relative;z-index:1;display:grid;gap:32px;grid-template-columns:1.25fr .75fr;align-items:center}
@media (max-width:980px){.hero .wrap{grid-template-columns:1fr}}
.kicker{display:inline-flex;align-items:center;gap:.6rem;padding:.35rem .75rem;border-radius:999px;border:1.5px solid rgba(255,255,255,.45);color:#fff;background:rgba(255,255,255,.08);font-weight:800}
.hero h1{font-size:clamp(28px,5.6vw,64px);line-height:1.05;margin:.5rem 0 1rem;font-weight:900;color:#fff}
.hero p{font-size:clamp(15px,2.1vw,18px);color:#eaf0ff;max-width:62ch}
.cta{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:14px}

.glass-card{background:rgba(255,255,255,.9);backdrop-filter:blur(8px);border:1px solid #e9ecff;border-radius:16px;padding:18px;box-shadow:var(--shadow)}
.glass-card h3{margin:0 0 .5rem;color:var(--indigo)}
.mini-form{display:grid;gap:10px}
.field{display:flex;flex-direction:column;gap:6px}
.field input, .field textarea{padding:.85rem 1rem;border-radius:12px;border:1.5px solid #e7eafc;font-family:inherit}

/* Blocos / dobras */
section{padding-block:clamp(48px,8vw,96px)}
.dobra-a{background:#fff; border-top:2px solid #e5e7eb}
.dobra-b{background:var(--fog); border-top:2px solid #e5e7eb}
.title{font-size:clamp(22px,3.2vw,36px);margin:0 0 .6rem;color:var(--navy);font-weight:900}
.subtitle{color:#4b5563;margin:0 0 1.1rem}

/* Ícones features */
.features{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{background:#fff;border:1px solid #eceef7;border-radius:16px;padding:1.2rem;box-shadow:var(--shadow)}
.card i{color:var(--indigo)}

/* Serviços */
.services{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.service{background:#fff;border:1px solid #eceef7;border-radius:16px;padding:1rem}
.service h4{margin:.25rem 0 .35rem}
.server-anim i{animation: serverPulse 1.6s ease-in-out infinite}
@keyframes serverPulse{0%{transform:translateY(0)}50%{transform:translateY(-2px)}100%{transform:translateY(0)}}
.led{display:inline-block;width:8px;height:8px;border-radius:50%;background:#10b981;margin-left:6px;box-shadow:0 0 0 0 rgba(16,185,129,.7);animation:ledPing 1.6s infinite}
@keyframes ledPing{0%{box-shadow:0 0 0 0 rgba(16,185,129,.6)}70%{box-shadow:0 0 0 10px rgba(16,185,129,0)}100%{box-shadow:0 0 0 0 rgba(16,185,129,0)}}

/* Trabalhos - Cards */
/* Trabalhos - Cards */
.work-cards{
  display:grid;
  gap:18px;
  grid-template-columns:1fr;      /* mobile */
  margin-top:14px;
}
@media (min-width:680px){
  .work-cards{ grid-template-columns:repeat(2,1fr); } /* tablet */
}
@media (min-width:980px){
  .work-cards{ grid-template-columns:repeat(3,1fr); } /* desktop: 3 colunas */
}

.work-card{
  background:#fff;
  border:1px solid #eceef7;
  border-radius:16px;
  padding:20px;
  box-shadow:var(--shadow);
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
  text-align:center;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease, background .2s ease;
}
.work-card:hover{
  transform:translateY(-4px);
  border-color:#dfe3ff;
  box-shadow:0 16px 40px rgba(16,6,159,.08);
  background:linear-gradient(0deg,#ffffff,#fcfdff);
}

.work-domain{
  font-weight:900;
  color:var(--navy);
  word-break:break-word;
  font-size:1rem;
}

.work-seg{
  font-size:.92rem;
  color:#374151;
  display:flex;
  align-items:center;
  gap:.5rem;
  justify-content:center;
}

.work-actions{ margin-top:6px; }
.work-actions .btn{ padding:.75rem 1rem; }

/* CTA final */
.cta-grid{display:grid;gap:18px;grid-template-columns:1.1fr .9fr;align-items:center}
@media (max-width:980px){.cta-grid{grid-template-columns:1fr}}

/* Footer */
footer{background:var(--navy);color:#cad3ff}
footer .brand{color:#fff}
.foot-grid{display:grid;gap:16px;grid-template-columns:1fr auto;align-items:center}