:root {
  --bg:#020713;
  --panel:rgba(4,12,28,.76);
  --cyan:#00d9ff;
  --green:#25D366;
  --yellow:#ffd21f;
  --orange:#ff7b22;
  --pink:#ff3df2;
  --text:#f7fbff;
  --muted:rgba(255,255,255,.68);
}

* { box-sizing:border-box; margin:0; padding:0; }
html { scroll-behavior:smooth; }
body {
  font-family: Inter, Segoe UI, Arial, sans-serif;
  background:
    radial-gradient(circle at 15% 18%,rgba(0,217,255,.18),transparent 28%),
    radial-gradient(circle at 82% 22%,rgba(255,210,31,.12),transparent 24%),
    radial-gradient(circle at 12% 82%,rgba(255,61,242,.10),transparent 28%),
    radial-gradient(circle at 86% 82%,rgba(37,255,115,.10),transparent 26%),
    #020713;
  color:var(--text);
  overflow-x:hidden;
}

body::before {
  content:"";
  position:fixed;
  inset:0;
  z-index:-3;
  background-image:
    linear-gradient(rgba(0,217,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,217,255,.045) 1px,transparent 1px);
  background-size:54px 54px;
}

body::after {
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background-image:
    radial-gradient(circle,rgba(0,217,255,.8) 1px,transparent 1.5px),
    radial-gradient(circle,rgba(255,210,31,.65) 1px,transparent 1.5px),
    radial-gradient(circle,rgba(255,61,242,.55) 1px,transparent 1.5px);
  background-size:190px 190px,260px 260px,320px 320px;
  animation:stars 18s linear infinite;
  opacity:.35;
}

@keyframes stars {
  to { background-position:400px 260px,-280px 180px,220px -300px; }
}

a { color:inherit; text-decoration:none; }
.container { width:min(1180px,92vw); margin:auto; }

.topbar {
  position:sticky;
  top:0;
  z-index:50;
  backdrop-filter:blur(18px);
  background:linear-gradient(180deg,rgba(2,7,19,.94),rgba(2,7,19,.55));
  border-bottom:1px solid rgba(0,217,255,.16);
}

.nav {
  height:92px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
}

.logo-img {
  background:url("../img/image-01-52b174c072.webp") center/contain no-repeat;
  filter:drop-shadow(0 0 24px rgba(0,217,255,.42));
}

.brand-logo {
  width:96px;
  height:82px;
}

.menu {
  display:flex;
  gap:26px;
  align-items:center;
  font-size:12px;
  text-transform:uppercase;
  font-weight:900;
  letter-spacing:.06em;
  color:rgba(255,255,255,.78);
}

.menu a {
  padding:12px 0;
  border-bottom:2px solid transparent;
  transition:.25s;
}

.menu a:hover,
.menu a.active {
  color:#fff;
  border-color:var(--cyan);
}

.app-icons {
  display:flex;
  gap:12px;
  align-items:center;
  border:1px solid rgba(0,217,255,.38);
  padding:12px 18px;
  border-radius:4px 22px 4px 22px;
  background:rgba(0,8,22,.58);
  box-shadow:0 0 24px rgba(0,217,255,.16);
}

.app-icons span,
.socials span {
  width:28px;
  height:28px;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:12px;
  font-weight:900;
  color:#fff;
}

.wa-svg {
  width:26px;
  height:26px;
  flex:0 0 auto;
  filter:drop-shadow(0 0 10px rgba(37,211,102,.5));
}

.ig { background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045); }
.in { background:#0a66c2; }
.yt { background:#ff0033; }
.tk { background:#111; border:1px solid rgba(255,255,255,.25); }

.floating-logo {
  position:fixed;
  right:34px;
  top:130px;
  z-index:120;
  width:108px;
  height:98px;
  background:url("../img/image-01-52b174c072.webp") center/contain no-repeat;
  filter:drop-shadow(0 0 38px rgba(0,217,255,.72)) drop-shadow(0 0 22px rgba(255,210,31,.35));
  animation:logoPulse 4s ease-in-out infinite;
  pointer-events:none;
}

.floating-logo::before {
  content:"";
  position:absolute;
  inset:-18px;
  border:1px solid rgba(0,217,255,.32);
  border-radius:50%;
  animation:spin 12s linear infinite;
  box-shadow:0 0 28px rgba(0,217,255,.20);
}

@keyframes logoPulse {
  0%,100% { transform:scale(1) rotate(0deg); }
  50% { transform:scale(1.05) rotate(2deg); }
}

.hero {
  min-height:720px;
  padding:76px 0 50px;
  overflow:hidden;
}

.hero-grid {
  display:grid;
  grid-template-columns:1fr .98fr;
  gap:34px;
  align-items:center;
}

.eyebrow {
  font-size:13px;
  letter-spacing:.24em;
  text-transform:uppercase;
  font-weight:900;
  margin-bottom:18px;
}

.eyebrow span:nth-child(1) { color:var(--cyan); }
.eyebrow span:nth-child(2) { color:#7dff4d; }
.eyebrow span:nth-child(3) { color:var(--pink); }

h1 {
  font-size:clamp(54px,8vw,92px);
  line-height:.9;
  letter-spacing:-.05em;
  font-weight:1000;
  text-transform:uppercase;
}

.grad-text {
  background:linear-gradient(90deg,#00d9ff,#8c6bff,#ff5b9d,#ffd21f,#7dff4d);
  -webkit-background-clip:text;
  color:transparent;
  text-shadow:0 0 38px rgba(0,217,255,.18);
}

.subtitle {
  font-size:18px;
  line-height:1.65;
  color:var(--muted);
  max-width:580px;
  margin-top:22px;
}

.subtitle b { color:var(--cyan); }
.subtitle strong { color:var(--yellow); }

.actions {
  display:flex;
  gap:18px;
  margin-top:30px;
  flex-wrap:wrap;
}

.btn {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:54px;
  padding:0 24px;
  border-radius:12px;
  font-weight:900;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.04em;
  transition:.25s;
}

.btn:hover {
  transform:translateY(-3px);
  filter:brightness(1.15);
}

.btn-primary {
  border:1px solid var(--cyan);
  background:linear-gradient(90deg,rgba(0,217,255,.15),rgba(26,124,255,.08));
  box-shadow:0 0 26px rgba(0,217,255,.2);
}

.btn-whats {
  border:1px solid var(--green);
  background:linear-gradient(90deg,rgba(37,211,102,.16),rgba(0,217,255,.06));
  box-shadow:0 0 26px rgba(37,211,102,.18);
}

.btn-whats .wa-svg {
  width:22px;
  height:22px;
}

.mini-features {
  display:flex;
  gap:28px;
  margin-top:30px;
  flex-wrap:wrap;
  color:rgba(255,255,255,.76);
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
}

.mini-features div {
  display:flex;
  align-items:center;
  gap:10px;
}

.mini-features i {
  font-style:normal;
  color:var(--pink);
  font-size:22px;
}

.holo-stage {
  height:570px;
  position:relative;
  display:grid;
  place-items:center;
}

.radar {
  width:540px;
  height:540px;
  border-radius:50%;
  position:absolute;
  background:repeating-radial-gradient(circle,rgba(0,217,255,.18) 0 1px,transparent 1px 34px);
  border:1px solid rgba(0,217,255,.18);
  mask-image:radial-gradient(circle,#000 42%,rgba(0,0,0,.7) 60%,transparent 72%);
  animation:spin 34s linear infinite;
}

.radar::before,
.radar::after {
  content:"";
  position:absolute;
  inset:42px;
  border-radius:50%;
  border:1px dashed rgba(0,217,255,.28);
}

.radar::after {
  inset:108px;
  border-color:rgba(255,210,31,.25);
  animation:spinReverse 20s linear infinite;
}

@keyframes spin { to { transform:rotate(360deg); } }
@keyframes spinReverse { to { transform:rotate(-360deg); } }

.video-portal {
  position:relative;
  z-index:4;
  width:min(560px,100%);
  height:390px;
  border:1px solid rgba(0,217,255,.35);
  border-radius:28px;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 80%,rgba(0,217,255,.20),transparent 34%),
    rgba(2,8,22,.55);
  box-shadow:0 0 70px rgba(0,217,255,.18), inset 0 0 40px rgba(255,255,255,.03);
}

.video-portal::before {
  content:"";
  position:absolute;
  inset:-1px;
  background:
    radial-gradient(circle at 50% 60%,rgba(0,217,255,.18),transparent 42%),
    linear-gradient(180deg,rgba(2,7,19,.12),rgba(2,7,19,.56));
  z-index:2;
  pointer-events:none;
  mix-blend-mode:screen;
}

.video-portal::after {
  content:"";
  position:absolute;
  left:12%;
  right:12%;
  bottom:22px;
  height:28px;
  border-radius:50%;
  background:rgba(0,217,255,.34);
  filter:blur(18px);
  z-index:3;
  pointer-events:none;
}

.hero-video {
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(1.18) contrast(1.08) brightness(.88);
  opacity:.84;
}

.video-hud {
  position:absolute;
  inset:26px;
  border:1px solid rgba(0,217,255,.24);
  border-radius:22px;
  z-index:4;
  pointer-events:none;
}

.video-hud::before,
.video-hud::after {
  content:"";
  position:absolute;
  width:80px;
  height:80px;
  border:1px solid rgba(255,210,31,.32);
  border-radius:50%;
  top:18px;
}

.video-hud::before { left:18px; }
.video-hud::after { right:18px; }

.platform {
  position:absolute;
  bottom:62px;
  width:420px;
  height:96px;
  border-radius:50%;
  border:1px solid rgba(0,217,255,.45);
  background:radial-gradient(ellipse at center,rgba(0,217,255,.28),rgba(255,61,242,.08) 45%,transparent 70%);
  box-shadow:0 0 70px rgba(0,217,255,.4);
}

.beam {
  position:absolute;
  bottom:95px;
  width:5px;
  height:115px;
  border-radius:99px;
  filter:blur(.2px);
  animation:beam 3s ease-in-out infinite;
  z-index:5;
}

.beam.b1 { left:34%; background:var(--cyan); }
.beam.b2 { left:47%; background:var(--yellow); animation-delay:.4s; }
.beam.b3 { left:62%; background:var(--pink); animation-delay:.8s; }

@keyframes beam {
  0%,100% { height:60px; opacity:.35; }
  50% { height:145px; opacity:.9; }
}

.purpose-card {
  position:absolute;
  right:-30%;
  top:280px;
  width:210px;
  padding:28px;
  border:1px solid rgba(0,217,255,.34);
  background:rgba(4,12,28,.72);
  backdrop-filter:blur(14px);
  border-radius:4px 26px 4px 26px;
  box-shadow:0 0 32px rgba(0,217,255,.13);
  z-index:6;
}

.purpose-card h3 {
  font-size:16px;
  line-height:1.55;
  text-transform:uppercase;
}

.purpose-card h3 span:nth-child(1) { color:#d44dff; }
.purpose-card h3 span:nth-child(2) { color:var(--cyan); }
.purpose-card h3 span:nth-child(3) { color:var(--orange); }
.purpose-card h3 span:nth-child(4) { color:var(--yellow); }

.purpose-card p {
  margin-top:18px;
  color:var(--muted);
  line-height:1.55;
  font-size:14px;
}

.puzzle {
  margin-top:16px;
  color:var(--cyan);
  font-size:26px;
}

.section-title {
  text-align:center;
  margin:20px 0 26px;
  text-transform:uppercase;
  letter-spacing:.34em;
  font-size:18px;
  font-weight:900;
}

.section-title span { position:relative; }

.section-title span::before,
.section-title span::after {
  content:"";
  position:absolute;
  top:50%;
  width:120px;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--cyan));
}

.section-title span::before { right:calc(100% + 22px); }
.section-title span::after {
  left:calc(100% + 22px);
  background:linear-gradient(90deg,var(--cyan),transparent);
}

.service-grid {
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:18px;
  margin-bottom:36px;
}

.card {
  position:relative;
  min-height:280px;
  padding:26px 22px;
  border-radius:4px 26px 4px 26px;
  background:linear-gradient(180deg,rgba(7,16,34,.9),rgba(3,9,24,.78));
  overflow:hidden;
  transition:.3s;
}

.card::before {
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(135deg,var(--c),transparent 40%,var(--c));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
}

.card:hover {
  transform:translateY(-8px);
  box-shadow:0 0 45px color-mix(in srgb,var(--c) 42%,transparent);
}

.card-icon {
  height:86px;
  display:grid;
  place-items:center;
  margin-bottom:18px;
}

.card-icon svg {
  width:72px;
  height:72px;
  stroke:var(--c);
  filter:drop-shadow(0 0 10px var(--c));
}

.card h3 {
  font-size:20px;
  line-height:1.2;
  text-transform:uppercase;
}

.card h3 b { color:var(--c); }

.card p {
  color:var(--muted);
  font-size:14px;
  line-height:1.55;
  margin-top:14px;
}

.more {
  position:absolute;
  bottom:22px;
  font-weight:900;
  font-size:12px;
  color:#fff;
  text-transform:uppercase;
}

.creative-grid {
  display:grid;
  grid-template-columns:1fr 1fr 1.35fr;
  gap:14px;
}

.creative-card,
.process-card {
  min-height:215px;
  border:1px solid rgba(0,217,255,.24);
  border-radius:18px;
  background:rgba(2,8,22,.72);
  padding:28px;
  position:relative;
  overflow:hidden;
}

.creative-card h3 {
  font-size:24px;
  text-transform:uppercase;
  margin-top:88px;
}

.creative-card p,
.process-card p {
  color:var(--muted);
  margin-top:10px;
  line-height:1.55;
}

.wave {
  position:absolute;
  left:18px;
  right:18px;
  top:46px;
  height:56px;
  background:repeating-linear-gradient(90deg,#00d9ff 0 3px,#2cff62 3px 6px,#ffd21f 6px 9px,transparent 9px 15px);
  mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);
  animation:wave 1.5s linear infinite;
}

@keyframes wave { to { background-position:80px 0; } }

.play-circle,
.pen-art {
  position:absolute;
  top:34px;
  left:50%;
  transform:translateX(-50%);
  width:92px;
  height:92px;
  border-radius:50%;
  display:grid;
  place-items:center;
  border:2px solid rgba(0,217,255,.3);
  box-shadow:0 0 34px rgba(255,61,242,.35);
  font-size:42px;
}

.pen-art {
  left:auto;
  right:30px;
  transform:none;
  border-radius:12px;
  color:var(--cyan);
  font-size:60px;
}

.process-grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  margin:22px 0 34px;
}

.process-card {
  min-height:190px;
}

.process-step {
  width:58px;
  height:58px;
  border-radius:50%;
  display:grid;
  place-items:center;
  border:1px solid rgba(0,217,255,.38);
  background:radial-gradient(circle,rgba(0,217,255,.20),rgba(0,0,0,.12));
  box-shadow:0 0 30px rgba(0,217,255,.18);
  font-size:22px;
  margin-bottom:16px;
}

.process-card h3 {
  font-size:17px;
  text-transform:uppercase;
  line-height:1.3;
}

.benefit-row {
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:0;
  border:1px solid rgba(0,217,255,.22);
  border-radius:18px;
  background:rgba(4,12,28,.72);
  margin:18px 0 36px;
  overflow:hidden;
}

.benefit {
  padding:18px;
  border-right:1px solid rgba(255,255,255,.08);
  display:flex;
  gap:12px;
  align-items:flex-start;
}

.benefit:last-child { border-right:none; }
.benefit i { font-style:normal; font-size:28px; color:var(--yellow); }
.benefit h4 { font-size:13px; text-transform:uppercase; color:var(--cyan); }
.benefit p { font-size:12px; color:var(--muted); line-height:1.4; margin-top:4px; }

.results-shell {
  position:relative;
  border:1px solid rgba(0,217,255,.32);
  border-radius:28px;
  padding:24px;
  background:linear-gradient(180deg,rgba(4,12,28,.88),rgba(2,8,22,.78));
  overflow:hidden;
  margin-bottom:34px;
  box-shadow:0 0 70px rgba(0,217,255,.12), inset 0 0 40px rgba(255,255,255,.025);
}

.results-shell::before {
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 25%,rgba(0,217,255,.16),transparent 24%),
    radial-gradient(circle at 82% 72%,rgba(255,61,242,.12),transparent 28%);
  pointer-events:none;
}

.portfolio-tabs {
  position:relative;
  display:flex;
  justify-content:center;
  gap:16px;
  flex-wrap:wrap;
  margin-bottom:18px;
  z-index:2;
}

.portfolio-tabs span {
  border:1px solid rgba(0,217,255,.22);
  border-radius:999px;
  padding:10px 24px;
  font-size:12px;
  text-transform:uppercase;
  color:var(--muted);
}

.portfolio-tabs span.active {
  background:rgba(0,217,255,.12);
  color:#fff;
  border-color:var(--cyan);
}

.portfolio-grid {
  position:relative;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:16px;
  z-index:2;
}

.work {
  height:220px;
  border:1px solid rgba(0,217,255,.36);
  border-radius:16px;
  background:rgba(2,8,22,.82);
  overflow:hidden;
  position:relative;
  box-shadow:0 0 26px rgba(0,217,255,.10);
  transition:.35s;
}

.work::before {
  content:"";
  position:absolute;
  inset:9px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:12px;
  pointer-events:none;
  z-index:4;
}

.work::after {
  content:"";
  position:absolute;
  left:-70%;
  top:0;
  width:45%;
  height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);
  transform:skewX(-18deg);
  animation:scanCard 5s infinite;
  z-index:5;
}

.work:hover {
  transform:translateY(-8px) scale(1.02);
  border-color:rgba(255,210,31,.56);
  box-shadow:0 0 42px rgba(0,217,255,.20),0 0 36px rgba(255,210,31,.12);
}

.work .thumb {
  height:162px;
  display:grid;
  place-items:center;
  position:relative;
  overflow:hidden;
  background:#061426;
}

.work p {
  text-align:center;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  padding-top:16px;
  letter-spacing:.05em;
  position:relative;
  z-index:3;
  background:rgba(0,0,0,.22);
}

.work.video-scene .thumb {
  background:linear-gradient(135deg,rgba(0,217,255,.18),rgba(0,0,0,.8)),url("../img/image-02-9bc7bc87f0.webp") left center/520% 100% no-repeat;
}

.work.resume-scene .thumb {
  background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(0,0,0,.62)),url("../img/image-02-9bc7bc87f0.webp") 25% center/520% 100% no-repeat;
}

.work.brand-scene .thumb {
  background:linear-gradient(135deg,rgba(0,217,255,.12),rgba(0,0,0,.68)),url("../img/image-02-9bc7bc87f0.webp") 50% center/520% 100% no-repeat;
}

.work.invite-scene .thumb {
  background:linear-gradient(135deg,rgba(255,61,242,.10),rgba(0,0,0,.64)),url("../img/image-02-9bc7bc87f0.webp") 75% center/520% 100% no-repeat;
}

.work.viral-scene .thumb {
  background:linear-gradient(135deg,rgba(0,217,255,.14),rgba(0,0,0,.66)),url("../img/image-02-9bc7bc87f0.webp") right center/520% 100% no-repeat;
}

.work.video-scene .thumb::before {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(0,217,255,.08),rgba(255,210,31,.10),rgba(255,61,242,.08));
  animation:videoPan 4s ease-in-out infinite alternate;
}

.work.video-scene .thumb::after {
  content:"▶";
  position:absolute;
  width:58px;
  height:58px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(0,0,0,.50);
  border:1px solid rgba(0,217,255,.72);
  box-shadow:0 0 24px rgba(0,217,255,.55);
  font-size:24px;
  animation:videoRing 2.4s infinite;
  color:white;
  z-index:3;
}

.work.resume-scene .thumb::after {
  content:"ATS • LinkedIn • Executivo";
  position:absolute;
  left:12px;
  right:12px;
  bottom:12px;
  padding:7px 8px;
  border-radius:10px;
  background:rgba(0,0,0,.62);
  color:#fff;
  font-size:10px;
  text-align:center;
  letter-spacing:.08em;
}

.work.invite-scene .thumb::after {
  content:"Convite digital com emoção";
  position:absolute;
  left:12px;
  right:12px;
  bottom:12px;
  padding:7px 8px;
  border-radius:10px;
  background:rgba(0,0,0,.58);
  color:#ffd6ea;
  font-size:10px;
  text-align:center;
  letter-spacing:.08em;
}

.work.brand-scene .thumb::after {
  content:"Identidade visual premium";
  position:absolute;
  left:12px;
  right:12px;
  bottom:12px;
  padding:7px 8px;
  border-radius:10px;
  background:rgba(0,0,0,.58);
  color:#aef5ff;
  font-size:10px;
  text-align:center;
  letter-spacing:.08em;
}

.work.viral-scene .thumb::before {
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 20% 30%,rgba(0,217,255,.55),transparent 22%),
    radial-gradient(circle at 75% 70%,rgba(255,61,242,.45),transparent 24%),
    linear-gradient(120deg,transparent,rgba(255,255,255,.20),transparent);
  animation:viralGlow 2.8s ease-in-out infinite;
}

.work.viral-scene .thumb::after {
  content:"IA + Estratégia + Impacto";
  position:absolute;
  left:10px;
  right:10px;
  bottom:12px;
  padding:7px;
  border-radius:10px;
  background:rgba(0,0,0,.65);
  color:#fff;
  font-size:10px;
  text-align:center;
  letter-spacing:.08em;
}

.portfolio-cta {
  position:relative;
  text-align:center;
  margin:28px 0 0;
  z-index:2;
}

@keyframes videoRing {
  0%,100% { transform:scale(1); box-shadow:0 0 24px rgba(0,217,255,.55); }
  50% { transform:scale(1.12); box-shadow:0 0 44px rgba(255,210,31,.65); }
}

@keyframes scanCard {
  0% { left:-70%; }
  45%,100% { left:120%; }
}

@keyframes videoPan {
  from { background-position:0 0; filter:saturate(1); }
  to { background-position:100px 0; filter:saturate(1.4); }
}

@keyframes viralGlow {
  0%,100% { opacity:.65; filter:hue-rotate(0deg); }
  50% { opacity:1; filter:hue-rotate(80deg); }
}

.final-cta {
  position:relative;
  margin:20px 0 0;
  border-top:1px solid rgba(0,217,255,.28);
  border-bottom:1px solid rgba(0,217,255,.22);
  background:linear-gradient(90deg,rgba(0,217,255,.08),rgba(255,61,242,.06),rgba(37,255,115,.08));
  overflow:hidden;
}

.cta-grid {
  min-height:300px;
  display:grid;
  grid-template-columns:1fr;
  align-items:center;
  justify-items:center;
  gap:24px;
  position:relative;
  text-align:center;
  padding:60px 0;
}

.cta-text h2 {
  font-size:34px;
  text-transform:uppercase;
  line-height:1.15;
}

.cta-text h2 strong {
  background:linear-gradient(90deg,var(--cyan),var(--yellow),var(--orange));
  -webkit-background-clip:text;
  color:transparent;
}

.whats-box {
  margin-top:22px;
  border:1px solid var(--green);
  display:inline-flex;
  align-items:center;
  gap:18px;
  padding:18px 26px;
  border-radius:4px 28px;
  background:rgba(0,0,0,.45);
  box-shadow:0 0 38px rgba(37,211,102,.25);
}

.whats-icon {
  width:60px;
  height:60px;
  display:grid;
  place-items:center;
}

.whats-icon .wa-svg {
  width:60px;
  height:60px;
}

.whats-box b { font-size:24px; }
.whats-box small { display:block; color:var(--muted); margin-top:4px; }

footer {
  padding:36px 0;
  background:rgba(0,0,0,.34);
  border-top:1px solid rgba(255,255,255,.08);
}

.footer-grid {
  display:grid;
  grid-template-columns:1.2fr 1fr 1fr 1fr;
  gap:28px;
}

.footer-logo {
  display:flex;
  align-items:center;
  gap:14px;
}

.footer-logo .logo-img {
  width:76px;
  height:70px;
}

.footer h4 {
  text-transform:uppercase;
  font-size:13px;
  letter-spacing:.18em;
  color:#fff;
  margin-bottom:14px;
}

.footer p,
.footer a {
  color:var(--muted);
  font-size:14px;
  line-height:1.8;
}

.socials {
  display:flex;
  gap:10px;
  margin-top:12px;
}

.socials .wa-svg {
  width:26px;
  height:26px;
}

@media(max-width:980px) {
  .menu { display:none; }
  .hero-grid { grid-template-columns:1fr; }
  .holo-stage { height:520px; }
  .service-grid,
  .portfolio-grid,
  .benefit-row,
  .process-grid { grid-template-columns:1fr 1fr; }
  .creative-grid,
  .footer-grid { grid-template-columns:1fr; }
  .purpose-card { right:20px; top:330px; }
  .floating-logo { display:none; }
}

@media(max-width:620px) {
  h1 { font-size:48px; }
  .service-grid,
  .portfolio-grid,
  .benefit-row,
  .process-grid { grid-template-columns:1fr; }
  .creative-grid { grid-template-columns:1fr; }
  .brand-logo { width:72px; height:64px; }
  .app-icons { display:none; }
  .video-portal { height:320px; }
  .purpose-card { position:relative; right:auto; top:auto; margin-top:20px; }
  .holo-stage { height:auto; padding:40px 0; }
  .section-title span::before,
  .section-title span::after { display:none; }
  .nav { height:78px; }
}

/* Galeria de currículos */
.work.resume-scene{cursor:pointer}
.work.resume-scene:focus{outline:2px solid var(--cyan);outline-offset:4px}

.gallery-modal{
  position:fixed;
  inset:0;
  z-index:999;
  background:rgba(1,6,18,.88);
  backdrop-filter:blur(18px);
  display:none;
  align-items:center;
  justify-content:center;
  padding:32px;
}

.gallery-modal.open{display:flex}

.gallery-panel{
  width:min(1120px,94vw);
  max-height:88vh;
  overflow:auto;
  border:1px solid rgba(0,217,255,.35);
  border-radius:28px;
  background:linear-gradient(180deg,rgba(4,12,28,.96),rgba(2,8,22,.92));
  box-shadow:0 0 80px rgba(0,217,255,.18),inset 0 0 40px rgba(255,255,255,.025);
  padding:28px;
  position:relative;
}

.gallery-panel:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 10%,rgba(0,217,255,.18),transparent 24%),
    radial-gradient(circle at 86% 22%,rgba(255,61,242,.12),transparent 28%);
  pointer-events:none;
}

.gallery-head{
  position:relative;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  margin-bottom:24px;
}

.gallery-head h2{
  font-size:30px;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.gallery-head p{
  margin-top:8px;
  color:var(--muted);
  line-height:1.5;
}

.gallery-close{
  border:1px solid rgba(0,217,255,.35);
  background:rgba(0,0,0,.35);
  color:#fff;
  width:44px;
  height:44px;
  border-radius:50%;
  font-size:24px;
  cursor:pointer;
  box-shadow:0 0 22px rgba(0,217,255,.18);
}

.gallery-grid{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}

.resume-model{
  height:340px;
  cursor:pointer;
  border:1px solid rgba(0,217,255,.28);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(0,0,0,.42));
  overflow:hidden;
  position:relative;
  box-shadow:0 0 30px rgba(0,217,255,.10);
  transition:.3s;
}

.resume-model:hover{
  transform:translateY(-8px) scale(1.03);
  border-color:rgba(255,210,31,.55);
  box-shadow:0 0 46px rgba(0,217,255,.18);
}

.resume-model img{
  width:100%;
  height:100%;
  object-fit:contain;
  background:#061426;
  padding:8px;
  border-radius:22px;
  display:block;
}

.resume-expand{
  position:fixed;
  inset:0;
  z-index:1001;
  background:rgba(1,6,18,.94);
  backdrop-filter:blur(18px);
  display:none;
  align-items:center;
  justify-content:center;
  padding:28px;
}

.resume-expand.open{display:flex}

.resume-expand img{
  max-width:min(92vw,980px);
  max-height:88vh;
  object-fit:contain;
  border-radius:18px;
  border:1px solid rgba(0,217,255,.35);
  box-shadow:0 0 80px rgba(0,217,255,.25);
}

.resume-expand-close{
  position:fixed;
  right:34px;
  top:28px;
  width:48px;
  height:48px;
  border-radius:50%;
  border:1px solid rgba(0,217,255,.45);
  background:rgba(0,0,0,.5);
  color:#fff;
  font-size:26px;
  cursor:pointer;
  box-shadow:0 0 24px rgba(0,217,255,.22);
}

@media(max-width:980px){
  .gallery-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:620px){
  .gallery-grid{grid-template-columns:1fr}
  .resume-model{height:340px}
}


/* Botões Saiba Mais dos serviços */
.card .more{
  appearance:none;
  border:0;
  background:transparent;
  cursor:pointer;
  font-family:inherit;
}

.card .service-open{
  color:#fff;
  text-align:left;
  padding:0;
  transition:.25s;
}

.card .service-open:hover{
  color:var(--c);
  letter-spacing:.08em;
}

/* Modal interativo dos 5 serviços */
.service-modal{
  position:fixed;
  inset:0;
  z-index:998;
  display:none;
  align-items:center;
  justify-content:center;
  padding:32px;
  background:rgba(1,6,18,.88);
  backdrop-filter:blur(18px);
}

.service-modal.open{
  display:flex;
}

.service-panel{
  width:min(1180px,94vw);
  max-height:88vh;
  overflow:auto;
  position:relative;
  padding:30px;
  border-radius:30px;
  border:1px solid rgba(0,217,255,.35);
  background:
    radial-gradient(circle at 16% 14%,rgba(0,217,255,.18),transparent 26%),
    radial-gradient(circle at 86% 20%,rgba(255,61,242,.10),transparent 28%),
    linear-gradient(180deg,rgba(4,12,28,.96),rgba(2,8,22,.92));
  box-shadow:0 0 90px rgba(0,217,255,.20), inset 0 0 42px rgba(255,255,255,.026);
}

.service-head{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:18px;
  align-items:start;
  margin-bottom:26px;
}

.service-symbol{
  width:86px;
  height:86px;
  border-radius:24px;
  display:grid;
  place-items:center;
  font-size:42px;
  border:1px solid rgba(0,217,255,.35);
  background:rgba(0,217,255,.08);
  box-shadow:0 0 38px rgba(0,217,255,.20);
}

.service-head h2{
  font-size:34px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.service-head p{
  margin-top:10px;
  color:var(--muted);
  line-height:1.6;
  max-width:780px;
}

.service-close{
  border:1px solid rgba(0,217,255,.35);
  background:rgba(0,0,0,.35);
  color:#fff;
  width:46px;
  height:46px;
  border-radius:50%;
  font-size:26px;
  cursor:pointer;
  box-shadow:0 0 24px rgba(0,217,255,.20);
}

.service-detail-grid{
  display:grid;
  grid-template-columns:1fr 1.1fr;
  gap:22px;
}

.service-list{
  border:1px solid rgba(0,217,255,.20);
  border-radius:22px;
  background:rgba(0,0,0,.18);
  padding:22px;
}

.service-list h3{
  text-transform:uppercase;
  font-size:15px;
  letter-spacing:.12em;
  color:var(--cyan);
  margin-bottom:14px;
}

.service-list ul{
  list-style:none;
  display:grid;
  gap:11px;
}

.service-list li{
  color:rgba(255,255,255,.82);
  line-height:1.45;
  padding-left:28px;
  position:relative;
}

.service-list li:before{
  content:"✓";
  position:absolute;
  left:0;
  color:var(--green);
  font-weight:900;
  text-shadow:0 0 12px rgba(37,255,115,.65);
}

.service-visual-gallery{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}

.visual-tile{
  min-height:168px;
  border-radius:22px;
  border:1px solid rgba(0,217,255,.26);
  background:
    radial-gradient(circle at 24% 20%,rgba(0,217,255,.24),transparent 30%),
    linear-gradient(135deg,rgba(0,217,255,.08),rgba(255,61,242,.06));
  position:relative;
  overflow:hidden;
  padding:18px;
  transition:.3s;
}

.visual-tile:hover{
  transform:translateY(-6px);
  border-color:rgba(255,210,31,.55);
  box-shadow:0 0 38px rgba(0,217,255,.18);
}

.visual-tile:before{
  content:"";
  position:absolute;
  left:-60%;
  top:0;
  width:45%;
  height:100%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);
  transform:skewX(-18deg);
  animation:scanCard 5s infinite;
}

.visual-icon{
  font-size:42px;
  display:block;
  margin-bottom:14px;
  filter:drop-shadow(0 0 18px rgba(0,217,255,.70));
}

.visual-tile h4{
  position:relative;
  z-index:2;
  font-size:16px;
  text-transform:uppercase;
  margin-bottom:8px;
}

.visual-tile p{
  position:relative;
  z-index:2;
  color:var(--muted);
  line-height:1.45;
  font-size:13px;
}

.service-resume-gallery{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}

.service-resume-gallery img{
  width:100%;
  height:260px;
  object-fit:contain;
  background:#061426;
  padding:8px;
  border-radius:18px;
  border:1px solid rgba(0,217,255,.24);
  cursor:pointer;
  transition:.3s;
}

.service-resume-gallery img:hover{
  transform:translateY(-6px) scale(1.03);
  border-color:rgba(255,210,31,.55);
}

.service-cta-row{
  display:flex;
  gap:14px;
  margin-top:24px;
  flex-wrap:wrap;
}

.service-cta-row a,
.service-cta-row button{
  min-height:50px;
  padding:0 22px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  text-transform:uppercase;
  font-weight:900;
  font-size:12px;
  letter-spacing:.05em;
  cursor:pointer;
}

.service-whats{
  border:1px solid var(--green);
  background:rgba(37,211,102,.12);
  color:#fff;
}

.service-outline{
  border:1px solid rgba(0,217,255,.35);
  background:rgba(0,217,255,.08);
  color:#fff;
}

@media(max-width:980px){
  .service-detail-grid{grid-template-columns:1fr}
  .service-resume-gallery{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:620px){
  .service-head{grid-template-columns:1fr auto}
  .service-symbol{grid-column:1/2}
  .service-head div:nth-child(2){grid-column:1/3}
  .service-visual-gallery{grid-template-columns:1fr}
  .service-resume-gallery{grid-template-columns:1fr}
  .service-resume-gallery img{height:360px}
}


/* Ajuste definitivo: currículos em miniatura sem corte */
.resume-model{
  height:360px !important;
  background:rgba(2,8,22,.95) !important;
}
.resume-model img,
.service-resume-gallery img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  background:#061426 !important;
  padding:8px !important;
  border-radius:22px !important;
  display:block !important;
}
.service-resume-gallery img{
  height:320px !important;
}

/* Centralização da seção Como Funciona */
.process-card{
  text-align:center !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:flex-start !important;
}
.process-step{
  margin-left:auto !important;
  margin-right:auto !important;
  display:grid !important;
  place-items:center !important;
}



/* ===== CFN Portfolio Upgrade | Galerias dinâmicas + briefing interativo ===== */
.cfn-start-wrap{display:flex;justify-content:center;margin-top:34px}.btn-start-cfn{border:0;cursor:pointer;padding:18px 34px;border-radius:999px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase;color:#06101d;background:linear-gradient(90deg,#00d9ff,#7dff4d,#ffd21f);box-shadow:0 0 35px rgba(0,217,255,.38),0 14px 40px rgba(0,0,0,.35);transition:.25s transform,.25s box-shadow}.btn-start-cfn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 0 55px rgba(0,217,255,.55)}
.briefing-panel{display:none;margin-top:28px;border:1px solid rgba(0,217,255,.25);background:linear-gradient(180deg,rgba(4,12,28,.84),rgba(2,7,19,.72));border-radius:30px;padding:24px;box-shadow:0 0 45px rgba(0,217,255,.12)}.briefing-panel.open{display:block;animation:panelIn .35s ease both}@keyframes panelIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.briefing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.briefing-card{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);border-radius:24px;padding:18px}.briefing-card span{display:grid;place-items:center;width:44px;height:44px;border-radius:16px;background:rgba(0,217,255,.12);font-size:22px;margin-bottom:12px}.briefing-card h4{font-size:18px;margin-bottom:8px}.briefing-card p{color:var(--muted);font-size:14px;line-height:1.55}.briefing-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:22px}.briefing-actions a{padding:13px 20px;border-radius:999px;font-weight:900}.briefing-whats{background:#25D366;color:#06101d}.briefing-mail{border:1px solid rgba(0,217,255,.35);color:#fff;background:rgba(0,217,255,.08)}
.portfolio-block{margin-top:42px}.portfolio-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:20px}.portfolio-head h3{font-size:clamp(28px,4vw,44px);line-height:1}.portfolio-head p{max-width:620px;color:var(--muted);line-height:1.6}.dynamic-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery-card{position:relative;min-height:260px;border-radius:28px;overflow:hidden;border:1px solid rgba(0,217,255,.22);background:rgba(4,12,28,.78);box-shadow:0 18px 50px rgba(0,0,0,.26);cursor:pointer}.gallery-card video,.gallery-card img{width:100%;height:100%;min-height:260px;object-fit:cover;display:block;background:#061426}.gallery-card video{object-fit:cover}.gallery-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(2,7,19,.92));pointer-events:none}.gallery-info{position:absolute;left:18px;right:18px;bottom:18px;z-index:2}.gallery-info small{display:inline-flex;margin-bottom:8px;color:#06101d;background:linear-gradient(90deg,#00d9ff,#ffd21f);padding:6px 10px;border-radius:999px;font-weight:1000}.gallery-info h4{font-size:20px;margin-bottom:5px}.gallery-info p{font-size:13px;color:rgba(255,255,255,.78);line-height:1.45}.play-badge{position:absolute;top:16px;right:16px;z-index:3;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:rgba(0,217,255,.16);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(12px);box-shadow:0 0 20px rgba(0,217,255,.25)}.empty-gallery{grid-column:1/-1;padding:28px;border-radius:24px;border:1px dashed rgba(255,255,255,.25);color:var(--muted);text-align:center}.gallery-modal{position:fixed;inset:0;z-index:120;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.84);backdrop-filter:blur(12px);padding:24px}.gallery-modal.open{display:flex}.gallery-modal-content{width:min(1050px,94vw);max-height:88vh;border-radius:28px;overflow:hidden;border:1px solid rgba(0,217,255,.3);background:#020713;box-shadow:0 0 70px rgba(0,217,255,.22)}.gallery-modal-media{display:block;width:100%;max-height:74vh;object-fit:contain;background:#000}.gallery-modal-caption{padding:16px 20px;display:flex;justify-content:space-between;gap:18px;align-items:center}.gallery-modal-caption h4{font-size:22px}.gallery-modal-caption p{color:var(--muted);font-size:14px;margin-top:4px}.modal-close-cfn{border:0;border-radius:999px;padding:10px 14px;background:rgba(255,255,255,.1);color:#fff;font-weight:900;cursor:pointer}.service-gallery-preview{margin-top:18px}.service-gallery-preview .dynamic-gallery{grid-template-columns:repeat(2,1fr)}.automation-note{margin-top:28px;border:1px solid rgba(255,210,31,.22);background:rgba(255,210,31,.07);border-radius:24px;padding:18px;color:rgba(255,255,255,.82);line-height:1.6}.automation-note b{color:#ffd21f}
@media(max-width:980px){.briefing-grid,.dynamic-gallery{grid-template-columns:1fr 1fr}.service-gallery-preview .dynamic-gallery{grid-template-columns:1fr}}@media(max-width:640px){.briefing-grid,.dynamic-gallery{grid-template-columns:1fr}.portfolio-head{display:block}.gallery-card,.gallery-card video,.gallery-card img{min-height:320px}.gallery-modal-caption{align-items:flex-start;flex-direction:column}}



/* Aprimoramento profissional — Alguns Resultados */
.portfolio-tabs-pro button.result-tab{
  border:1px solid rgba(0,217,255,.24); border-radius:999px; padding:11px 22px; background:rgba(0,217,255,.06); color:rgba(255,255,255,.78); font:inherit; font-size:12px; font-weight:900; letter-spacing:.05em; text-transform:uppercase; cursor:pointer; transition:.25s; backdrop-filter:blur(10px)
}
.portfolio-tabs-pro button.result-tab:hover,.portfolio-tabs-pro button.result-tab.active{background:rgba(0,217,255,.16); color:#fff; border-color:var(--cyan); box-shadow:0 0 28px rgba(0,217,255,.18)}
.portfolio-grid-pro .work{cursor:pointer}.portfolio-grid-pro .work .thumb video,#portfolioVideoThumb video{width:100%;height:100%;object-fit:cover;display:block}.result-icon-thumb{font-size:46px;font-weight:1000;letter-spacing:.04em;color:#fff;text-shadow:0 0 24px rgba(0,217,255,.85);background:radial-gradient(circle at 50% 45%,rgba(0,217,255,.22),rgba(2,8,22,.9) 60%),linear-gradient(135deg,rgba(255,255,255,.08),rgba(0,0,0,.5))!important}.portfolio-modal-content{padding:26px;max-height:90vh;overflow:auto}.portfolio-modal-grid{margin-top:18px}.portfolio-inline-preview{margin-top:28px}.portfolio-inline-preview .gallery-card video{min-height:230px}
@media(max-width:980px){.portfolio-grid-pro{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:620px){.portfolio-grid-pro{grid-template-columns:1fr!important}.portfolio-tabs-pro button.result-tab{width:100%;justify-content:center}}



/* Correção final — galerias clicáveis e portfólio geral */
.portfolio-cta .btn{border:0;cursor:pointer}
.work .thumb.result-image-thumb{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
.work .thumb.result-image-thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.04),rgba(0,0,0,.48));}
.work .thumb.result-image-thumb .thumb-label{position:absolute;left:14px;bottom:12px;z-index:3;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#fff;text-shadow:0 0 16px rgba(0,217,255,.8)}
.portfolio-modal-content{width:min(1220px,96vw)!important;max-height:90vh;overflow:auto}
.portfolio-modal-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))!important}
.gallery-card{cursor:pointer}
.gallery-card img{object-fit:cover;background:#020816}
.gallery-modal-media{max-width:min(96vw,1180px);max-height:76vh;object-fit:contain;border-radius:18px;box-shadow:0 0 60px rgba(0,217,255,.22)}
.general-separator{grid-column:1/-1;margin:12px 0 2px;padding:11px 14px;border:1px solid rgba(0,217,255,.24);border-radius:14px;background:rgba(0,217,255,.06);color:#fff;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:680px){.portfolio-modal-grid{grid-template-columns:1fr!important}.gallery-modal-media{max-height:70vh}}

/* Correção premium: lightbox sempre acima da galeria do portfólio */
#portfolioModal{z-index:7000;}
#galleryModal{z-index:12000;}
#galleryModal.open{display:flex !important;}
#galleryModal .gallery-modal-content{position:relative;z-index:12001;box-shadow:0 0 90px rgba(0,217,255,.34),0 0 0 1px rgba(255,255,255,.08) inset;}
#galleryModal .gallery-modal-media{cursor:zoom-out;}
#galleryModal::before{content:"Clique fora da imagem ou no mídia para fechar";position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:12002;color:#fff;background:rgba(0,10,24,.72);border:1px solid rgba(0,217,255,.35);border-radius:999px;padding:9px 14px;font-size:12px;letter-spacing:.02em;backdrop-filter:blur(10px);}

/* ===== Aprimoramento CFN — Como Funciona + Briefing Obrigatório ===== */
.process-grid-optimized{align-items:stretch}
.process-card-optimized{
  position:relative;
  overflow:hidden;
  min-height:245px;
  border:1px solid rgba(0,217,255,.22) !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025)),
    radial-gradient(circle at 50% 0%,rgba(0,217,255,.16),transparent 48%) !important;
  box-shadow:0 22px 60px rgba(0,0,0,.25), inset 0 0 0 1px rgba(255,255,255,.04);
}
.process-card-optimized::before{
  content:"";
  position:absolute;
  inset:-1px;
  background:linear-gradient(135deg,rgba(0,217,255,.20),transparent 36%,rgba(255,210,31,.14));
  pointer-events:none;
}
.process-card-optimized h3,.process-card-optimized p,.process-card-optimized .process-step{position:relative;z-index:1}
.process-card-optimized .process-step{
  width:74px !important;
  height:74px !important;
  font-size:34px !important;
  border-radius:24px !important;
  background:linear-gradient(145deg,rgba(0,217,255,.22),rgba(255,210,31,.12)) !important;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 0 35px rgba(0,217,255,.18);
}
.briefing-form-panel{padding:28px !important}
.briefing-form-head{text-align:center;max-width:860px;margin:0 auto 24px}
.briefing-kicker{display:inline-flex;padding:7px 14px;border-radius:999px;background:rgba(0,217,255,.12);border:1px solid rgba(0,217,255,.32);color:var(--cyan);font-weight:900;text-transform:uppercase;font-size:12px;letter-spacing:.08em}
.briefing-form-head h3{font-size:clamp(26px,4vw,42px);margin:14px 0 10px}
.briefing-form-head p{color:var(--muted);line-height:1.65}
.briefing-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.briefing-field{display:flex;flex-direction:column;gap:10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);border-radius:24px;padding:18px}
.briefing-field-full{grid-column:1/-1}
.briefing-field span{font-weight:900;color:#fff}
.briefing-field span b{color:#ffd21f}
.briefing-field small{color:var(--muted);font-weight:700}
.briefing-field textarea{
  min-height:120px;
  resize:vertical;
  border:1px solid rgba(0,217,255,.22);
  outline:none;
  border-radius:18px;
  padding:14px;
  color:#fff;
  background:rgba(2,7,19,.72);
  font:inherit;
  line-height:1.5;
}
.briefing-field input[type=file]{
  border:1px dashed rgba(0,217,255,.35);
  background:rgba(2,7,19,.5);
  color:rgba(255,255,255,.82);
  border-radius:18px;
  padding:14px;
}
.briefing-field em{color:var(--muted);font-size:13px;font-style:normal}
.briefing-submit-row{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;text-align:center}
.btn-save-briefing{
  border:0;
  cursor:pointer;
  padding:17px 30px;
  border-radius:999px;
  font-weight:1000;
  text-transform:uppercase;
  letter-spacing:.07em;
  color:#06101d;
  background:linear-gradient(90deg,#00d9ff,#25D366,#ffd21f);
  box-shadow:0 0 35px rgba(0,217,255,.34);
}
.briefing-disclaimer{max-width:780px;color:rgba(255,255,255,.68);font-size:13px;line-height:1.55}
.footer-email-highlight{
  display:inline-flex;
  margin-top:10px;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(0,217,255,.34);
  background:rgba(0,217,255,.10);
  color:#fff !important;
  font-weight:900;
  box-shadow:0 0 24px rgba(0,217,255,.12);
}
@media(max-width:760px){.briefing-form{grid-template-columns:1fr}.briefing-submit-row{align-items:stretch}.btn-save-briefing{width:100%}}