:root{
  --gold:#e2a93b;
  --gold-soft:#ffd66e;
  --bg:#02060b;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:#fff;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
.stage{
  position:relative;
  width:100%;
  min-height:100svh;
  overflow:hidden;
  background:#02060b;
}
.master-art{
  position:absolute;
  inset:0;
  background-image:image-set(url("../img/home-reference.webp") type("image/webp"),url("../img/home-reference.png") type("image/png"));
  background-repeat:no-repeat;
  background-position:center top;
  background-size:cover;
  transform:scale(1.002);
  transform-origin:center;
  transition:transform .3s ease-out;
}
.stage::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(0,0,0,.02),transparent 20%,transparent 78%,rgba(0,0,0,.08)),
    radial-gradient(circle at 50% 45%,transparent 52%,rgba(0,0,0,.13) 100%);
}
.film-grain{
  position:absolute;
  inset:0;
  z-index:4;
  opacity:.05;
  pointer-events:none;
  mix-blend-mode:soft-light;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");
}
.ambient{
  position:absolute;
  z-index:3;
  pointer-events:none;
  opacity:.68;
}
.ambient-left{
  left:1.2%;
  top:18.6%;
  width:7.5rem;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,214,110,.58),#fff6cf,rgba(255,193,61,.22),transparent);
  filter:drop-shadow(0 0 7px #ffc44d);
  animation:pulse 5.2s ease-in-out infinite;
}
.ambient-title{
  left:27.1%;
  top:52.3%;
  width:5.8rem;
  height:1px;
  background:linear-gradient(90deg,rgba(255,205,90,.5),#fff6d6,rgba(255,179,38,.15),transparent);
  filter:drop-shadow(0 0 8px #ffb22f);
  animation:pulse 4.6s ease-in-out infinite .5s;
}
.ambient-helmet{
  left:70.3%;
  top:57.7%;
  width:2px;
  height:9.2rem;
  background:linear-gradient(transparent,rgba(255,217,127,.2),#fff8d7 48%,#ffc044 52%,rgba(255,173,39,.1),transparent);
  box-shadow:0 0 9px #fff5cf,0 0 20px #ed9f2b;
  animation:beam 6s ease-in-out infinite;
}
.ambient-dock{
  right:7.2%;
  bottom:17.5%;
  width:6.8rem;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,182,44,.2),#fff8d5,rgba(255,189,47,.22),transparent);
  filter:drop-shadow(0 0 8px #ffc04a);
  animation:pulse 5.8s ease-in-out infinite .9s;
}
@keyframes pulse{
  0%,100%{opacity:.45;transform:scaleX(.86)}
  50%{opacity:1;transform:scaleX(1.07)}
}
@keyframes beam{
  0%,100%{opacity:.42;transform:scaleY(.82)}
  50%{opacity:.95;transform:scaleY(1.05)}
}

.hotspot{
  position:absolute;
  z-index:8;
  display:block;
  color:transparent;
  text-decoration:none;
  outline:none;
}
.hotspot span{
  position:absolute;
  width:1px;height:1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
}
.hotspot::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:7%;
  width:0;
  height:1px;
  opacity:0;
  transform:translateX(-50%);
  background:linear-gradient(90deg,transparent,rgba(255,214,120,.55),#fff3c4,rgba(255,190,61,.55),transparent);
  box-shadow:0 0 8px rgba(255,190,61,.8);
  transition:width .28s ease,opacity .28s ease;
}
.hotspot:hover::after,.hotspot:focus-visible::after{
  width:58%;
  opacity:1;
}

/* Positions mapped to the approved 1536×1024 master image */










.hero-primary::after,.hero-secondary::after{border-radius:2px}

.screen-only{
  position:absolute;
  left:-9999px;
  width:1px;height:1px;
  overflow:hidden;
}
.anchor-section{height:1px;background:var(--bg)}
.contact-target{
  min-height:260px;
  display:grid;
  place-items:center;
  background:linear-gradient(180deg,#02060b,#050b12);
}
.contact-target a{
  color:#12100c;
  background:linear-gradient(90deg,#d79228,#ffda75,#d79228);
  padding:18px 26px;
  font-weight:700;
  text-transform:uppercase;
  text-decoration:none;
  border:1px solid rgba(255,215,117,.8);
}

/* Keep desktop composition exact; provide a usable mobile fallback */
@media (max-aspect-ratio: 4/3){
  .stage{min-height:auto;aspect-ratio:3/2}
  .master-art{background-size:100% 100%}
}
@media (max-width:760px){
  .stage{aspect-ratio:auto;min-height:100svh;background:#02060b}
  .master-art{
    background-size:auto 100%;
    background-position:58% top;
    filter:brightness(.96);
  }
  .master-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,6,11,.50) 0 38%,rgba(2,6,11,.16) 72%,rgba(2,6,11,.03))}
  .hotspot-nav{display:none}
  .hero-primary{left:8%!important;top:65%!important;width:39%!important;height:7%!important}
  .hero-secondary{left:51%!important;top:65%!important;width:42%!important;height:7%!important}
  .ambient-title{display:none}
}
@media (prefers-reduced-motion:reduce){
  .ambient,.master-art{animation:none!important;transition:none!important}
}

/* Header menu hover: aligned to the visible labels, no floating rectangles */
.hotspot-nav .hotspot{
  cursor:pointer;
}
.hotspot-nav .hotspot::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:74%;
  height:52%;
  transform:translate(-50%,-50%);
  border-radius:999px;
  background:radial-gradient(circle at center,rgba(255,200,87,.09),transparent 72%);
  opacity:0;
  transition:opacity .22s ease;
}
.hotspot-nav .hotspot:hover::before,
.hotspot-nav .hotspot:focus-visible::before{
  opacity:1;
}
.nav-cta::after{
  bottom:3%;
  width:0;
}
.nav-cta:hover::after,
.nav-cta:focus-visible::after{
  width:72%;
}

/* Hero buttons: metallic sweep and golden edge glow */
.hero-primary,
.hero-secondary{
  overflow:hidden;
  isolation:isolate;
}
.hero-primary::before,
.hero-secondary::before{
  content:"";
  position:absolute;
  top:-40%;
  bottom:-40%;
  width:28%;
  left:-42%;
  transform:skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.78),rgba(255,231,162,.42),transparent);
  filter:blur(.4px);
  opacity:0;
  z-index:1;
}
.hero-primary:hover::before,
.hero-primary:focus-visible::before,
.hero-secondary:hover::before,
.hero-secondary:focus-visible::before{
  opacity:.95;
  animation:buttonSweep .82s ease forwards;
}
.hero-primary::after,
.hero-secondary::after{
  left:0;
  right:0;
  top:0;
  bottom:0;
  width:auto;
  height:auto;
  transform:none;
  border:1px solid transparent;
  background:transparent;
  box-shadow:none;
  opacity:0;
  transition:opacity .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.hero-primary:hover::after,
.hero-primary:focus-visible::after{
  opacity:1;
  border-color:rgba(255,239,185,.55);
  box-shadow:0 0 18px rgba(255,194,63,.42),inset 0 0 14px rgba(255,244,203,.12);
}
.hero-secondary:hover::after,
.hero-secondary:focus-visible::after{
  opacity:1;
  border-color:rgba(255,191,59,.72);
  box-shadow:0 0 16px rgba(255,177,42,.2),inset 0 0 12px rgba(255,196,70,.06);
}
.hero-primary{
  transition:filter .25s ease,transform .25s ease;
}
.hero-secondary{
  transition:filter .25s ease,transform .25s ease;
}
.hero-primary:hover,
.hero-primary:focus-visible,
.hero-secondary:hover,
.hero-secondary:focus-visible{
  transform:translateY(-1px);
  filter:brightness(1.08);
}
@keyframes buttonSweep{
  from{left:-42%}
  to{left:118%}
}

/* Final positioning refinement */
.hero-primary,
.hero-secondary{
  border-radius:2px;
  clip-path:inset(0 round 2px);
}
.hotspot-nav .hotspot::after{
  bottom:15%;
}
.hotspot-nav .hotspot::before{
  top:52%;
}


/* Loader cinematográfico aprovado */
.site-loader{
  position:fixed;
  inset:0;
  z-index:9999;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:#000;
  opacity:1;
  visibility:visible;
  transition:opacity .7s ease,visibility .7s ease;
}
body.is-ready .site-loader{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
body.is-loading{overflow:hidden}
.loader-art{
  position:absolute;
  inset:0;
  background-image:image-set(url("../img/loader-cinematic.webp") type("image/webp"),url("../img/loader-cinematic.png") type("image/png"));
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  transform:scale(1.015);
  animation:loaderBreath 2.3s ease-in-out both;
}
.loader-art::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 35%,transparent 0 24%,rgba(0,0,0,.08) 58%,rgba(0,0,0,.35) 100%),
    linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.12));
}
.loader-progress{
  position:absolute;
  left:50%;
  bottom:14.8%;
  width:min(520px,54vw);
  height:2px;
  transform:translateX(-50%);
  background:rgba(213,150,37,.16);
  overflow:hidden;
}
.loader-progress-bar{
  position:absolute;
  inset:0 auto 0 0;
  width:0;
  background:linear-gradient(90deg,#9d5f0a,#ffd46b,#fff3b7,#d8921c);
  box-shadow:0 0 10px rgba(255,198,65,.8),0 0 22px rgba(220,141,28,.45);
  animation:loaderProgress 2.1s cubic-bezier(.23,.78,.2,1) forwards;
}
@keyframes loaderProgress{
  0%{width:0}
  65%{width:74%}
  100%{width:100%}
}
@keyframes loaderBreath{
  0%{transform:scale(1.025);filter:brightness(.7)}
  45%{filter:brightness(1.02)}
  100%{transform:scale(1);filter:brightness(1)}
}
@media(max-width:760px){
  .loader-art{background-size:auto 100%;background-position:center}
  .loader-progress{width:72vw;bottom:12.5%}
}
@media(prefers-reduced-motion:reduce){
  .loader-art,.loader-progress-bar{animation:none}
  .loader-progress-bar{width:100%}
}


/* Loader mais discreto */
.site-loader{
  background:
    radial-gradient(circle at 50% 44%,rgba(103,61,10,.10),transparent 30%),
    #000;
}

.loader-art{
  inset:0;
  background-size:min(520px,58vw) auto;
  background-position:center 44%;
  transform:none;
  animation:loaderBreathSmall 2.2s ease-in-out both;
}

.loader-art::after{
  background:
    radial-gradient(circle at 50% 44%,transparent 0 18%,rgba(0,0,0,.04) 42%,rgba(0,0,0,.18) 70%,rgba(0,0,0,.36) 100%);
}

.loader-progress{
  bottom:18%;
  width:min(360px,42vw);
  height:1px;
}

@keyframes loaderBreathSmall{
  0%{transform:scale(.975);filter:brightness(.72)}
  45%{filter:brightness(.98)}
  100%{transform:scale(1);filter:brightness(1)}
}

@media(max-width:760px){
  .loader-art{
    background-size:min(360px,78vw) auto;
    background-position:center 43%;
  }
  .loader-progress{
    width:62vw;
    bottom:17%;
  }
}


/* =========================================================
   FASE 2 — QUEM SOMOS
   Inserida abaixo da Home aprovada, sem alterar a Fase 1.
   ========================================================= */

.about-section{
  position:relative;
  min-height:980px;
  overflow:hidden;
  padding:112px 0 126px;
  color:#eef1f5;
  background:
    radial-gradient(circle at 84% 18%,rgba(136,83,15,.12),transparent 29%),
    radial-gradient(circle at 12% 86%,rgba(15,41,64,.22),transparent 34%),
    linear-gradient(180deg,#02060b 0%,#050a11 48%,#02060b 100%);
  border-top:1px solid rgba(214,156,48,.22);
}

.about-section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.055;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.48'/%3E%3C/svg%3E");
}

.about-section::after{
  content:"";
  position:absolute;
  top:0;
  right:7%;
  width:1px;
  height:164px;
  background:linear-gradient(180deg,#e2aa3e,rgba(226,170,62,.06));
  box-shadow:0 0 12px rgba(226,170,62,.26);
}

.about-glow{
  position:absolute;
  top:-80px;
  right:2%;
  width:460px;
  height:460px;
  border-radius:50%;
  pointer-events:none;
  background:radial-gradient(circle,rgba(225,159,42,.09),transparent 68%);
  filter:blur(10px);
}

.about-shell{
  position:relative;
  z-index:2;
  width:min(1320px,calc(100% - 96px));
  margin:0 auto;
}

.about-kicker{
  margin:0 0 30px;
  color:#dca43b;
  font-size:12px;
  font-weight:700;
  letter-spacing:.34em;
}

.about-heading-grid{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(290px,.55fr);
  gap:72px;
  align-items:end;
}

.about-heading-grid h2{
  margin:0;
  max-width:900px;
  color:#f4f5f7;
  font-size:clamp(46px,5.3vw,78px);
  line-height:.98;
  letter-spacing:-.055em;
}

.about-heading-grid h2 span{
  display:block;
  margin-top:11px;
  color:#dca43b;
}

.about-summary{
  margin:0 0 6px;
  max-width:420px;
  color:#aeb6c1;
  font-size:17px;
  line-height:1.75;
}

.pillar-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin-top:76px;
}

.pillar-card{
  position:relative;
  min-height:305px;
  padding:28px 30px 32px;
  overflow:hidden;
  border:1px solid rgba(218,163,60,.19);
  background:
    linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.008)),
    rgba(3,8,14,.78);
  transition:
    transform .34s ease,
    border-color .34s ease,
    background .34s ease,
    box-shadow .34s ease;
}

.pillar-card::before{
  content:"";
  position:absolute;
  left:-38%;
  top:-80%;
  width:48%;
  height:240%;
  transform:rotate(20deg);
  background:linear-gradient(90deg,transparent,rgba(255,211,119,.08),transparent);
  transition:left .7s ease;
}

.pillar-card::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:0;
  height:1px;
  background:linear-gradient(90deg,#d79d33,#ffe28d,transparent);
  box-shadow:0 0 10px rgba(225,164,55,.45);
  transition:width .42s ease;
}

.pillar-card:hover{
  transform:translateY(-5px);
  border-color:rgba(229,176,72,.43);
  background:
    linear-gradient(145deg,rgba(218,161,54,.075),rgba(255,255,255,.012)),
    rgba(3,8,14,.9);
  box-shadow:0 18px 48px rgba(0,0,0,.28);
}

.pillar-card:hover::before{left:118%}
.pillar-card:hover::after{width:74%}

.pillar-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.pillar-index{
  color:#7e8792;
  font-size:12px;
  font-weight:700;
  letter-spacing:.22em;
}

.pillar-icon{
  width:44px;
  height:44px;
  color:#dca43b;
}

.pillar-icon svg{
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:1.45;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.pillar-card h3{
  margin:62px 0 15px;
  color:#f2f3f5;
  font-size:27px;
  letter-spacing:-.025em;
}

.pillar-card p{
  margin:0;
  max-width:335px;
  color:#9ea7b3;
  font-size:15px;
  line-height:1.72;
}

.operating-model{
  margin-top:86px;
  padding-top:34px;
  border-top:1px solid rgba(218,163,60,.2);
}

.operating-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:32px;
  margin-bottom:48px;
}

.operating-heading p{
  margin:0;
  color:#dca43b;
  font-size:12px;
  font-weight:700;
  letter-spacing:.31em;
}

.operating-heading span{
  color:#8f98a4;
  font-size:14px;
}

.process-line{
  position:relative;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:24px;
  margin:0;
  padding:0;
  list-style:none;
}

.process-line::before{
  content:"";
  position:absolute;
  top:6px;
  left:7px;
  right:7px;
  height:1px;
  background:linear-gradient(90deg,#dca43b,rgba(220,164,59,.28) 72%,transparent);
}

.process-line li{
  position:relative;
  padding-top:31px;
}

.process-dot{
  position:absolute;
  top:0;
  left:0;
  width:13px;
  height:13px;
  border:1px solid #dca43b;
  border-radius:50%;
  background:#050a11;
  box-shadow:0 0 0 5px rgba(220,164,59,.035),0 0 13px rgba(220,164,59,.16);
}

.process-line strong{
  display:block;
  margin-bottom:8px;
  color:#e7eaee;
  font-size:16px;
}

.process-line small{
  display:block;
  max-width:160px;
  color:#7f8995;
  font-size:12px;
  line-height:1.55;
}

.reveal{
  opacity:0;
  transform:translateY(25px);
  transition:
    opacity .72s cubic-bezier(.2,.65,.25,1),
    transform .72s cubic-bezier(.2,.65,.25,1);
}

.reveal.is-visible{
  opacity:1;
  transform:none;
}

.pillar-card:nth-child(2){transition-delay:.09s}
.pillar-card:nth-child(3){transition-delay:.18s}

@media(max-width:980px){
  .about-section{padding:90px 0 104px}
  .about-shell{width:min(100% - 48px,900px)}
  .about-heading-grid{
    grid-template-columns:1fr;
    gap:30px;
  }
  .about-summary{max-width:640px}
  .pillar-grid{grid-template-columns:1fr;gap:14px;margin-top:56px}
  .pillar-card{min-height:auto}
  .pillar-card h3{margin-top:38px}
  .process-line{
    grid-template-columns:1fr;
    gap:0;
  }
  .process-line::before{
    left:6px;
    top:7px;
    bottom:7px;
    width:1px;
    height:auto;
    right:auto;
    background:linear-gradient(180deg,#dca43b,rgba(220,164,59,.28) 72%,transparent);
  }
  .process-line li{
    padding:0 0 34px 37px;
  }
  .operating-heading{
    align-items:flex-start;
    flex-direction:column;
    margin-bottom:36px;
  }
}

@media(max-width:600px){
  .about-section{padding:72px 0 82px}
  .about-shell{width:calc(100% - 32px)}
  .about-heading-grid h2{font-size:44px}
  .about-summary{font-size:15px}
  .pillar-card{padding:24px}
  .operating-model{margin-top:66px}
}

@media(prefers-reduced-motion:reduce){
  .reveal{
    opacity:1;
    transform:none;
    transition:none;
  }
  .pillar-card,
  .pillar-card::before,
  .pillar-card::after{
    transition:none;
  }
}


/* =========================================================
   FASE 3.1 — PLATAFORMA DE SOLUÇÕES
   Adicionada após a Fase 2. Home e Quem Somos preservados.
   ========================================================= */

.solutions-section{
  position:relative;
  overflow:hidden;
  padding:122px 0 130px;
  color:#edf0f3;
  background:
    linear-gradient(180deg,#02060b 0%,#060b12 50%,#02060b 100%);
  border-top:1px solid rgba(217,160,55,.15);
}

.solutions-section::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.045;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.66' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.6'/%3E%3C/svg%3E");
}

.solutions-shell{
  position:relative;
  z-index:3;
  width:min(1320px,calc(100% - 96px));
  margin:0 auto;
}

.solutions-aura{
  position:absolute;
  pointer-events:none;
  border-radius:50%;
  filter:blur(14px);
}

.solutions-aura-one{
  top:-180px;
  right:-120px;
  width:620px;
  height:620px;
  background:radial-gradient(circle,rgba(212,144,33,.10),transparent 67%);
}

.solutions-aura-two{
  bottom:100px;
  left:-240px;
  width:620px;
  height:620px;
  background:radial-gradient(circle,rgba(18,48,72,.24),transparent 68%);
}

.solutions-rail{
  position:absolute;
  top:0;
  left:7%;
  width:1px;
  height:190px;
  background:linear-gradient(180deg,#dea63d,rgba(222,166,61,.03));
  box-shadow:0 0 12px rgba(222,166,61,.22);
}

.solutions-intro{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(280px,.52fr);
  gap:76px;
  align-items:end;
}

.solutions-kicker{
  margin:0 0 28px;
  color:#dca43b;
  font-size:12px;
  font-weight:700;
  letter-spacing:.32em;
}

.solutions-intro h2{
  margin:0;
  color:#f5f6f7;
  font-size:clamp(48px,5.15vw,76px);
  line-height:.99;
  letter-spacing:-.052em;
}

.solutions-intro h2 span{
  color:#dca43b;
}

.solutions-summary{
  margin:0 0 7px;
  color:#a9b2bd;
  font-size:16px;
  line-height:1.75;
}

.module-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:76px;
  transition:opacity .28s ease;
}

.solution-module{
  position:relative;
  min-height:448px;
  padding:25px 27px 24px;
  overflow:hidden;
  outline:none;
  border:1px solid rgba(218,163,60,.18);
  background:
    linear-gradient(145deg,rgba(255,255,255,.032),rgba(255,255,255,.006)),
    rgba(3,8,14,.82);
  box-shadow:0 18px 50px rgba(0,0,0,.08);
  transition:
    opacity .32s ease,
    filter .32s ease,
    transform .36s cubic-bezier(.2,.7,.2,1),
    border-color .34s ease,
    box-shadow .34s ease,
    background .34s ease;
}

.solution-module::before{
  content:"";
  position:absolute;
  left:-50%;
  top:-65%;
  width:38%;
  height:235%;
  transform:rotate(19deg);
  background:linear-gradient(90deg,transparent,rgba(255,221,139,.09),transparent);
  transition:left .75s ease;
}

.solution-module::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  transform:scaleX(0);
  transform-origin:left;
  background:linear-gradient(90deg,#d69529,#ffe39a 58%,transparent);
  box-shadow:0 0 12px rgba(229,170,58,.42);
  transition:transform .42s ease;
}

.module-grid.has-focus .solution-module:not(.is-focused){
  opacity:.42;
  filter:saturate(.55) brightness(.72);
  transform:scale(.992);
}

.solution-module:hover,
.solution-module:focus-visible,
.solution-module.is-focused{
  z-index:2;
  transform:translateY(-7px);
  border-color:rgba(232,181,79,.54);
  background:
    radial-gradient(circle at 86% 11%,rgba(214,151,44,.10),transparent 29%),
    linear-gradient(145deg,rgba(214,156,48,.075),rgba(255,255,255,.008)),
    rgba(3,8,14,.95);
  box-shadow:
    0 25px 62px rgba(0,0,0,.34),
    0 0 28px rgba(204,136,28,.08);
}

.solution-module:hover::before,
.solution-module:focus-visible::before,
.solution-module.is-focused::before{
  left:122%;
}

.solution-module:hover::after,
.solution-module:focus-visible::after,
.solution-module.is-focused::after{
  transform:scaleX(.74);
}

.module-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.module-code{
  color:#747f8c;
  font-size:11px;
  font-weight:700;
  letter-spacing:.23em;
}

.module-status{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:#b5bdc6;
  font-size:9px;
  font-weight:700;
  letter-spacing:.16em;
}

.module-status i{
  display:block;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#dca43b;
  box-shadow:0 0 8px rgba(220,164,59,.7);
}

.module-symbol{
  width:53px;
  height:53px;
  margin-top:36px;
  color:#dca43b;
}

.module-symbol svg{
  width:100%;
  height:100%;
  fill:none;
  stroke:currentColor;
  stroke-width:1.4;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 0 7px rgba(220,164,59,.12));
}

.solution-module h3{
  min-height:62px;
  margin:24px 0 12px;
  color:#f0f2f4;
  font-size:25px;
  line-height:1.15;
  letter-spacing:-.03em;
}

.solution-module > p{
  min-height:76px;
  margin:0;
  color:#99a3af;
  font-size:14px;
  line-height:1.66;
}

.module-tags{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:25px 0 0;
  padding:0;
  list-style:none;
}

.module-tags li{
  padding:7px 9px;
  border:1px solid rgba(218,163,60,.13);
  color:#aab2bc;
  background:rgba(255,255,255,.017);
  font-size:10px;
  line-height:1;
  letter-spacing:.025em;
  transition:
    color .25s ease,
    border-color .25s ease,
    background .25s ease;
}

.solution-module:hover .module-tags li,
.solution-module:focus-visible .module-tags li,
.solution-module.is-focused .module-tags li{
  color:#d4d8dd;
  border-color:rgba(218,163,60,.24);
  background:rgba(218,163,60,.035);
}

.module-footer{
  position:absolute;
  left:27px;
  right:27px;
  bottom:23px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-top:17px;
  border-top:1px solid rgba(255,255,255,.07);
  color:#798491;
  font-size:11px;
  letter-spacing:.04em;
}

.module-arrow{
  color:#dca43b;
  font-size:18px;
  line-height:1;
  transform:translate(0,0);
  transition:transform .25s ease;
}

.solution-module:hover .module-arrow,
.solution-module:focus-visible .module-arrow,
.solution-module.is-focused .module-arrow{
  transform:translate(3px,-3px);
}

.integration-band{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,.72fr) minmax(520px,1.28fr);
  gap:70px;
  align-items:center;
  margin-top:84px;
  padding:36px 38px;
  overflow:hidden;
  border:1px solid rgba(218,163,60,.18);
  background:
    radial-gradient(circle at 75% 50%,rgba(205,139,31,.07),transparent 33%),
    rgba(3,8,14,.72);
}

.integration-band::after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:138px;
  height:1px;
  background:linear-gradient(90deg,transparent,#f2c768);
  box-shadow:0 0 10px rgba(229,169,54,.46);
}

.integration-copy p{
  margin:0 0 12px;
  color:#dca43b;
  font-size:10px;
  font-weight:700;
  letter-spacing:.28em;
}

.integration-copy h3{
  margin:0 0 10px;
  color:#eef0f2;
  font-size:27px;
  letter-spacing:-.025em;
}

.integration-copy span{
  display:block;
  color:#8f99a5;
  font-size:13px;
  line-height:1.65;
}

.integration-flow{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  min-width:0;
}

.flow-node{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  min-width:67px;
  height:44px;
  padding:0 10px;
  border:1px solid rgba(218,163,60,.19);
  color:#adb5be;
  background:#050b12;
  font-size:11px;
  font-weight:700;
  letter-spacing:.05em;
}

.flow-node-strong{
  color:#dca43b;
  border-color:rgba(218,163,60,.4);
  box-shadow:0 0 16px rgba(218,163,60,.06);
}

.flow-link{
  position:relative;
  flex:1 1 28px;
  min-width:16px;
  max-width:46px;
  height:1px;
  background:linear-gradient(90deg,rgba(220,164,59,.65),rgba(220,164,59,.14));
}

.flow-link::after{
  content:"";
  position:absolute;
  top:50%;
  right:-1px;
  width:4px;
  height:4px;
  border-top:1px solid rgba(220,164,59,.7);
  border-right:1px solid rgba(220,164,59,.7);
  transform:translateY(-50%) rotate(45deg);
}

@media(max-width:1120px){
  .module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .integration-band{
    grid-template-columns:1fr;
    gap:34px;
  }
  .integration-flow{justify-content:flex-start}
}

@media(max-width:820px){
  .solutions-section{padding:92px 0 104px}
  .solutions-shell{width:min(100% - 48px,760px)}
  .solutions-intro{
    grid-template-columns:1fr;
    gap:30px;
  }
  .module-grid{
    grid-template-columns:1fr;
    margin-top:56px;
  }
  .module-grid.has-focus .solution-module:not(.is-focused){
    opacity:1;
    filter:none;
    transform:none;
  }
  .solution-module{min-height:420px}
  .integration-flow{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
  }
  .flow-node{width:100%;min-width:0}
  .flow-link{display:none}
}

@media(max-width:560px){
  .solutions-section{padding:74px 0 84px}
  .solutions-shell{width:calc(100% - 32px)}
  .solutions-intro h2{font-size:43px}
  .solution-module{padding:23px;min-height:438px}
  .module-footer{left:23px;right:23px}
  .integration-band{padding:28px 23px}
  .integration-flow{grid-template-columns:repeat(2,1fr)}
}

@media(prefers-reduced-motion:reduce){
  .solution-module,
  .solution-module::before,
  .solution-module::after,
  .module-arrow,
  .module-tags li{
    transition:none;
  }
}


/* =========================================================
   HOME — CORREÇÃO DEFINITIVA DE PROPORÇÃO
   Uma única arte contém Hero, botões e barra de tecnologias.
   ========================================================= */

.stage{
  min-height:max(100svh, calc(100vw * 850 / 1536)) !important;
  height:auto;
  background:#02060b;
}

.master-art{
  background-size:contain !important;
  background-position:center top !important;
  background-color:#02060b;
}

/* A faixa dinâmica não é mais utilizada. */
.technology-dock{
  display:none !important;
}

/* O brilho antigo da barra poderia parecer uma sombra duplicada. */
.ambient-dock{
  display:none !important;
}

@media (max-aspect-ratio:4/3){
  .stage{
    min-height:100svh !important;
    aspect-ratio:auto !important;
  }

  .master-art{
    background-size:contain !important;
    background-position:center top !important;
  }
}

@media (max-width:760px){
  .stage{
    min-height:100svh !important;
  }

  .master-art{
    background-size:contain !important;
    background-position:center top !important;
    filter:none !important;
  }
}


/* =========================================================
   AJUSTE FINAL V2
   - remove o brilho vertical artificial do capacete;
   - elimina a área vazia abaixo da Home em telas mais estreitas.
   ========================================================= */

/* O brilho já existe na própria arte do capacete. */
.ambient-helmet{
  display:none !important;
}

/*
  A altura da Home passa a acompanhar exatamente a proporção
  da arte 1536 × 850. Assim, background-size: contain não cria
  uma área vazia abaixo da imagem.
*/
.stage{
  min-height:0 !important;
  height:calc(100vw * 850 / 1536) !important;
  max-height:none !important;
}

/* Mantém a arte ocupando integralmente a área da Home. */
.master-art{
  background-size:100% 100% !important;
  background-position:center top !important;
}

/* Remove regras anteriores que forçavam 100vh em telas menores. */
@media (max-aspect-ratio:4/3){
  .stage{
    min-height:0 !important;
    height:calc(100vw * 850 / 1536) !important;
  }

  .master-art{
    background-size:100% 100% !important;
  }
}

@media (max-width:760px){
  .stage{
    min-height:0 !important;
    height:calc(100vw * 850 / 1536) !important;
  }

  .master-art{
    background-size:100% 100% !important;
  }
}


/* =========================================================
   SPARTAN EXPERIENCE V1
   Capabilities · Digital Architecture · Manifesto · Technology · Contact
   ========================================================= */

:root{
  --sp-bg:#02060b;
  --sp-panel:#050b12;
  --sp-panel-2:#07101a;
  --sp-gold:#dca43b;
  --sp-gold-bright:#f3cf7a;
  --sp-text:#f2f4f6;
  --sp-muted:#9aa4b0;
  --sp-line:rgba(220,164,59,.18);
}

.experience-shell{
  position:relative;
  z-index:3;
  width:min(1320px,calc(100% - 96px));
  margin:0 auto;
}

.experience-kicker{
  margin:0 0 28px;
  color:var(--sp-gold);
  font-size:12px;
  font-weight:700;
  letter-spacing:.32em;
}

.experience-heading-grid,
.architecture-header,
.technology-header{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(300px,.55fr);
  gap:72px;
  align-items:end;
}

.experience-heading-grid h2,
.architecture-header h2,
.technology-header h2{
  margin:0;
  color:var(--sp-text);
  font-size:clamp(48px,5.15vw,76px);
  line-height:.98;
  letter-spacing:-.052em;
}

.experience-heading-grid h2 span,
.architecture-header h2 span,
.technology-header h2 span{
  color:var(--sp-gold);
}

.experience-heading-grid > p,
.architecture-header > p,
.technology-header > p{
  margin:0 0 6px;
  color:#a8b1bc;
  font-size:16px;
  line-height:1.75;
}

/* Capabilities */

.capabilities-section{
  position:relative;
  overflow:hidden;
  padding:124px 0 132px;
  border-top:1px solid var(--sp-line);
  background:
    radial-gradient(circle at 85% 8%,rgba(193,126,22,.10),transparent 28%),
    linear-gradient(180deg,#02060b,#050a11 52%,#02060b);
}

.section-orbit{
  position:absolute;
  border:1px solid rgba(220,164,59,.055);
  border-radius:50%;
  pointer-events:none;
}

.orbit-a{width:620px;height:620px;right:-240px;top:110px}
.orbit-b{width:420px;height:420px;left:-210px;bottom:40px}

.capability-console{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  margin-top:76px;
  border:1px solid var(--sp-line);
  background:var(--sp-line);
}

.capability-module{
  position:relative;
  min-height:250px;
  padding:29px 31px 31px;
  text-align:left;
  color:inherit;
  border:0;
  cursor:pointer;
  overflow:hidden;
  background:
    radial-gradient(circle at 90% 4%,rgba(220,164,59,0),transparent 34%),
    var(--sp-panel);
  transition:background .35s ease,box-shadow .35s ease,transform .35s ease;
}

.capability-module::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:0;
  background:linear-gradient(135deg,rgba(220,164,59,.10),transparent 48%);
  transition:opacity .35s ease;
}

.capability-module::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:0;
  height:2px;
  background:linear-gradient(90deg,var(--sp-gold),var(--sp-gold-bright),transparent);
  box-shadow:0 0 14px rgba(220,164,59,.36);
  transition:width .45s ease;
}

.capability-module:hover,
.capability-module:focus-visible,
.capability-module.is-active{
  z-index:2;
  outline:none;
  background:
    radial-gradient(circle at 90% 4%,rgba(220,164,59,.11),transparent 34%),
    #07101a;
  box-shadow:0 18px 50px rgba(0,0,0,.24);
}

.capability-module:hover::before,
.capability-module:focus-visible::before,
.capability-module.is-active::before{opacity:1}

.capability-module:hover::after,
.capability-module:focus-visible::after,
.capability-module.is-active::after{width:72%}

.module-number{
  display:block;
  color:#6f7a87;
  font-size:10px;
  font-weight:700;
  letter-spacing:.23em;
}

.module-domain{
  display:block;
  margin:30px 0 13px;
  color:var(--sp-gold);
  font-size:11px;
  font-weight:700;
  letter-spacing:.24em;
}

.capability-module strong{
  display:block;
  max-width:470px;
  color:#edf0f3;
  font-size:26px;
  line-height:1.14;
  letter-spacing:-.028em;
}

.module-tools{
  display:block;
  max-width:520px;
  margin-top:18px;
  color:#929ca8;
  font-size:13px;
  line-height:1.65;
}

.module-control{
  position:absolute;
  right:30px;
  bottom:27px;
  color:#75808c;
  font-size:9px;
  font-weight:700;
  letter-spacing:.18em;
}

.module-control i{
  display:inline-grid;
  place-items:center;
  width:19px;
  height:19px;
  margin-left:8px;
  font-style:normal;
  color:var(--sp-gold);
  border:1px solid rgba(220,164,59,.25);
}

.capability-detail{
  display:grid;
  grid-template-columns:310px 1fr;
  gap:54px;
  align-items:center;
  min-height:310px;
  margin-top:18px;
  padding:38px 48px;
  border:1px solid var(--sp-line);
  background:
    radial-gradient(circle at 18% 50%,rgba(220,164,59,.10),transparent 24%),
    rgba(3,8,14,.86);
}

.detail-signal{
  position:relative;
  display:grid;
  place-items:center;
  width:230px;
  height:230px;
  margin:auto;
}

.signal-core{
  position:absolute;
  width:18px;
  height:18px;
  border-radius:50%;
  background:var(--sp-gold);
  box-shadow:0 0 24px rgba(220,164,59,.65);
}

.signal-ring{
  position:absolute;
  border:1px solid rgba(220,164,59,.22);
  border-radius:50%;
  animation:signalPulse 3.6s ease-in-out infinite;
}

.ring-one{width:112px;height:112px}
.ring-two{width:198px;height:198px;animation-delay:.8s}

.signal-label{
  position:absolute;
  bottom:12px;
  color:#c9d0d7;
  text-align:center;
  font-size:10px;
  font-weight:700;
  line-height:1.45;
  letter-spacing:.22em;
}

.detail-label{
  margin:0 0 15px;
  color:var(--sp-gold);
  font-size:10px;
  font-weight:700;
  letter-spacing:.27em;
}

.detail-content h3{
  margin:0;
  color:#eff2f4;
  font-size:36px;
  line-height:1.1;
  letter-spacing:-.035em;
}

.detail-content > p:not(.detail-label){
  max-width:720px;
  margin:18px 0 0;
  color:#9fa8b3;
  font-size:15px;
  line-height:1.7;
}

.detail-metrics{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin-top:32px;
}

.detail-metrics span{
  padding:15px 0 0;
  color:#929ca8;
  font-size:11px;
  border-top:1px solid rgba(255,255,255,.08);
}

.detail-metrics strong{
  margin-right:8px;
  color:var(--sp-gold);
  font-size:10px;
  letter-spacing:.1em;
}

/* Architecture */

.architecture-section{
  position:relative;
  overflow:hidden;
  padding:124px 0 138px;
  border-top:1px solid rgba(220,164,59,.13);
  background:#02060b;
}

.architecture-grid-bg,
.contact-grid{
  position:absolute;
  inset:0;
  opacity:.15;
  background-image:
    linear-gradient(rgba(220,164,59,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(220,164,59,.07) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:linear-gradient(180deg,transparent,black 20%,black 80%,transparent);
}

.architecture-console{
  margin-top:72px;
  border:1px solid rgba(220,164,59,.20);
  background:rgba(3,8,14,.90);
  box-shadow:0 30px 100px rgba(0,0,0,.34);
}

.architecture-tabs{
  display:flex;
  border-bottom:1px solid rgba(220,164,59,.17);
}

.architecture-tab{
  flex:1;
  padding:19px 15px;
  color:#7f8a96;
  border:0;
  border-right:1px solid rgba(220,164,59,.12);
  cursor:pointer;
  background:transparent;
  font-size:10px;
  font-weight:700;
  letter-spacing:.17em;
  text-transform:uppercase;
  transition:color .25s ease,background .25s ease;
}

.architecture-tab:last-child{border-right:0}
.architecture-tab:hover,.architecture-tab:focus-visible,.architecture-tab.is-active{
  color:var(--sp-gold-bright);
  outline:none;
  background:rgba(220,164,59,.055);
}

.architecture-canvas{
  position:relative;
  height:640px;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 48%,rgba(220,164,59,.055),transparent 34%),
    radial-gradient(circle at 50% 50%,rgba(11,38,60,.22),transparent 58%);
}

.architecture-lines{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

.arch-path{
  fill:none;
  stroke:rgba(220,164,59,.08);
  stroke-width:1.4;
  stroke-dasharray:6 8;
  transition:stroke .35s ease,filter .35s ease,opacity .35s ease;
}

.arch-path.is-active{
  stroke:rgba(232,184,87,.73);
  filter:drop-shadow(0 0 4px rgba(220,164,59,.42));
  animation:dashFlow 13s linear infinite;
}

.arch-node{
  position:absolute;
  display:flex;
  flex-direction:column;
  justify-content:center;
  width:170px;
  min-height:70px;
  padding:13px 17px;
  color:#697581;
  text-align:left;
  border:1px solid rgba(220,164,59,.10);
  cursor:pointer;
  background:#050b12;
  transform:translate(-50%,-50%);
  transition:color .28s ease,border-color .28s ease,box-shadow .28s ease,transform .28s ease,opacity .28s ease;
}

.arch-node span{
  margin-bottom:6px;
  font-size:8px;
  font-weight:700;
  letter-spacing:.2em;
}

.arch-node strong{
  color:inherit;
  font-size:13px;
  line-height:1.2;
}

.arch-node.is-active{
  color:#e9edf0;
  border-color:rgba(220,164,59,.46);
  box-shadow:0 0 25px rgba(220,164,59,.08);
}

.arch-node.is-active span{color:var(--sp-gold)}
.arch-node:hover,.arch-node:focus-visible{
  outline:none;
  transform:translate(-50%,-50%) scale(1.035);
}

.node-site{left:50%;top:10%}
.node-gtm{left:50%;top:24%}
.node-ga4{left:21%;top:50%}
.node-meta{left:79%;top:50%}
.node-bq{left:40%;top:68%}
.node-crm{left:60%;top:68%}
.node-bi{left:50%;top:82%}
.node-google{left:28%;top:93%}
.node-metaads{left:72%;top:93%}
.node-sales{left:50%;top:95%}

.architecture-readout{
  display:grid;
  grid-template-columns:180px 1fr auto;
  gap:30px;
  align-items:center;
  padding:27px 31px;
  border-top:1px solid rgba(220,164,59,.17);
  background:#040a10;
}

.architecture-readout span{
  display:block;
  color:#737f8b;
  font-size:9px;
  font-weight:700;
  letter-spacing:.18em;
}

.architecture-readout strong{
  display:block;
  margin-top:7px;
  color:#f0f2f4;
  font-size:17px;
}

.architecture-readout p{
  margin:0;
  color:#939da8;
  font-size:13px;
  line-height:1.6;
}

.readout-status{
  display:flex!important;
  align-items:center;
  gap:8px;
  white-space:nowrap;
}

.readout-status i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--sp-gold);
  box-shadow:0 0 9px rgba(220,164,59,.75);
}

/* Manifesto */

.manifesto-section{
  position:relative;
  overflow:hidden;
  padding:160px 0;
  text-align:center;
  border-top:1px solid rgba(220,164,59,.16);
  border-bottom:1px solid rgba(220,164,59,.16);
  background:#03070c;
}

.manifesto-glow{
  position:absolute;
  top:50%;
  left:50%;
  width:760px;
  height:470px;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(220,164,59,.09),transparent 67%);
}

.manifesto-shell{
  position:relative;
  z-index:2;
  width:min(1260px,calc(100% - 64px));
  margin:auto;
}

.manifesto-shell > p{
  color:var(--sp-gold);
  font-size:11px;
  font-weight:700;
  letter-spacing:.34em;
}

.manifesto-shell h2{
  margin:34px 0 48px;
  color:#f4f5f6;
  font-size:clamp(58px,7vw,104px);
  line-height:.93;
  letter-spacing:-.065em;
}

.manifesto-shell h2 span{color:var(--sp-gold)}

.manifesto-domains{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:17px;
  color:#808b97;
  font-size:11px;
  font-weight:700;
  letter-spacing:.17em;
  text-transform:uppercase;
}

.manifesto-domains i{
  width:4px;height:4px;border-radius:50%;
  background:rgba(220,164,59,.55);
}

/* Technology */

.technology-section{
  position:relative;
  overflow:hidden;
  padding:126px 0 132px;
  background:
    radial-gradient(circle at 8% 90%,rgba(14,40,61,.25),transparent 30%),
    linear-gradient(180deg,#02060b,#050a11);
}

.technology-wall{
  display:flex;
  flex-wrap:wrap;
  gap:11px;
  margin-top:72px;
  padding:34px;
  border:1px solid var(--sp-line);
  background:rgba(3,8,14,.76);
}

.tech-chip{
  position:relative;
  padding:15px 18px;
  overflow:hidden;
  color:#a0a9b4;
  border:1px solid rgba(220,164,59,.13);
  background:#050b12;
  font-size:12px;
  letter-spacing:.025em;
  transition:transform .28s ease,color .28s ease,border-color .28s ease,box-shadow .28s ease;
}

.tech-chip::after{
  content:"";
  position:absolute;
  left:-80%;
  top:0;
  width:45%;
  height:100%;
  transform:skewX(-22deg);
  background:linear-gradient(90deg,transparent,rgba(255,222,142,.09),transparent);
  transition:left .6s ease;
}

.tech-chip:hover{
  color:#eef0f2;
  border-color:rgba(220,164,59,.42);
  transform:translateY(-3px);
  box-shadow:0 14px 28px rgba(0,0,0,.20);
}

.tech-chip:hover::after{left:130%}
.tech-featured{
  color:var(--sp-gold-bright);
  border-color:rgba(220,164,59,.40);
  background:rgba(220,164,59,.045);
}

.technology-note{
  display:grid;
  grid-template-columns:60px 1fr;
  gap:26px;
  align-items:start;
  max-width:800px;
  margin:58px 0 0 auto;
  padding-top:26px;
  border-top:1px solid var(--sp-line);
}

.note-index{
  color:var(--sp-gold);
  font-size:11px;
  font-weight:700;
  letter-spacing:.2em;
}

.technology-note p{
  margin:0;
  color:#a8b1bb;
  font-size:20px;
  line-height:1.5;
  letter-spacing:-.015em;
}

/* Contact */

.contact-section{
  position:relative;
  overflow:hidden;
  min-height:760px;
  display:flex;
  align-items:center;
  padding:120px 0 80px;
  border-top:1px solid rgba(220,164,59,.18);
  background:#02060b;
}

.contact-aura{
  position:absolute;
  left:50%;
  bottom:-230px;
  width:940px;
  height:620px;
  transform:translateX(-50%);
  background:radial-gradient(circle,rgba(220,164,59,.12),transparent 66%);
}

.contact-shell{
  position:relative;
  z-index:2;
  width:min(1320px,calc(100% - 96px));
  margin:auto;
}

.contact-shell h2{
  max-width:1100px;
  margin:0;
  color:#f2f4f6;
  font-size:clamp(54px,6.2vw,94px);
  line-height:.96;
  letter-spacing:-.061em;
}

.contact-shell h2 span{color:var(--sp-gold)}

.contact-copy{
  max-width:650px;
  margin:34px 0 0;
  color:#a0aab5;
  font-size:17px;
  line-height:1.7;
}

.contact-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:min(680px,100%);
  margin-top:48px;
  padding:25px 28px;
  color:#07101a;
  text-decoration:none;
  background:linear-gradient(110deg,#bb7f24,#f2c96d);
  box-shadow:0 18px 55px rgba(194,126,28,.16);
  transition:transform .3s ease,box-shadow .3s ease;
}

.contact-cta:hover{
  transform:translateY(-4px);
  box-shadow:0 26px 70px rgba(194,126,28,.23);
}

.contact-cta small{
  display:block;
  margin-bottom:6px;
  color:#5d4218;
  font-size:9px;
  font-weight:700;
  letter-spacing:.2em;
}

.contact-cta span{
  font-size:20px;
  font-weight:700;
}

.contact-cta i{
  font-size:30px;
  font-style:normal;
}

.contact-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-top:110px;
  padding-top:25px;
  color:#687480;
  border-top:1px solid rgba(220,164,59,.14);
  font-size:10px;
  font-weight:700;
  letter-spacing:.17em;
}

.contact-footer a{color:#9aa4af;text-decoration:none}

@keyframes signalPulse{
  0%,100%{transform:scale(.94);opacity:.42}
  50%{transform:scale(1.04);opacity:.88}
}

@keyframes dashFlow{
  to{stroke-dashoffset:-280}
}

@media(max-width:1000px){
  .experience-shell,.contact-shell{width:min(100% - 48px,900px)}
  .experience-heading-grid,.architecture-header,.technology-header{
    grid-template-columns:1fr;
    gap:30px;
  }
  .capability-detail{grid-template-columns:220px 1fr;padding:34px}
  .detail-signal{width:190px;height:190px}
  .ring-two{width:170px;height:170px}
  .architecture-canvas{height:590px}
  .architecture-readout{grid-template-columns:1fr}
  .readout-status{justify-self:start}
}

@media(max-width:760px){
  .capabilities-section,.architecture-section,.technology-section{padding:88px 0 96px}
  .experience-shell,.contact-shell{width:calc(100% - 32px)}
  .experience-heading-grid h2,.architecture-header h2,.technology-header h2{font-size:43px}
  .capability-console{grid-template-columns:1fr}
  .capability-module{min-height:235px;padding:25px}
  .capability-detail{grid-template-columns:1fr;padding:30px 24px}
  .detail-signal{display:none}
  .detail-metrics{grid-template-columns:repeat(2,1fr)}
  .architecture-tabs{display:grid;grid-template-columns:repeat(2,1fr)}
  .architecture-tab{border-bottom:1px solid rgba(220,164,59,.12)}
  .architecture-canvas{height:760px}
  .architecture-lines{display:none}
  .arch-node{
    position:absolute;
    width:42%;
    min-height:62px;
  }
  .node-site{left:50%;top:7%}
  .node-gtm{left:50%;top:18%}
  .node-ga4{left:27%;top:32%}
  .node-meta{left:73%;top:32%}
  .node-bq{left:27%;top:48%}
  .node-crm{left:73%;top:48%}
  .node-bi{left:50%;top:63%}
  .node-google{left:27%;top:79%}
  .node-metaads{left:73%;top:79%}
  .node-sales{left:50%;top:92%}
  .manifesto-section{padding:110px 0}
  .manifesto-shell h2{font-size:54px}
  .technology-wall{padding:22px}
  .contact-section{min-height:690px}
  .contact-shell h2{font-size:50px}
  .contact-footer{align-items:flex-start;flex-direction:column;margin-top:80px}
}

@media(max-width:480px){
  .architecture-canvas{height:840px}
  .arch-node{width:45%;padding:11px}
  .arch-node strong{font-size:11px}
  .manifesto-domains{gap:11px}
  .tech-chip{padding:13px 14px;font-size:11px}
}

@media(prefers-reduced-motion:reduce){
  .signal-ring,.arch-path.is-active{animation:none}
  .capability-module,.tech-chip,.contact-cta{transition:none}
}


/* =========================================================
   LOADER V1.2 — progresso integrado à linha da arte
   ========================================================= */

.loader-progress{
  top:56.6%;
  bottom:auto;
  width:min(360px,42vw);
  height:1px;
  background:rgba(213,150,37,.10);
  overflow:visible;
}

.loader-progress-bar{
  height:1px;
  overflow:visible;
  background:linear-gradient(
    90deg,
    rgba(157,95,10,.18) 0%,
    #b87816 45%,
    #ffd46b 78%,
    #fff4c2 100%
  );
  box-shadow:
    0 0 7px rgba(255,198,65,.65),
    0 0 15px rgba(220,141,28,.34);
}

.loader-progress-bar::after{
  content:"";
  position:absolute;
  right:-4px;
  top:50%;
  width:9px;
  height:9px;
  border-radius:50%;
  transform:translateY(-50%);
  background:#fff4c2;
  box-shadow:
    0 0 7px 2px rgba(255,222,128,.95),
    0 0 18px 6px rgba(232,153,34,.58),
    0 0 34px 10px rgba(210,125,20,.24);
}

@media(max-width:760px){
  .loader-progress{
    top:55.3%;
    bottom:auto;
    width:min(290px,62vw);
  }
}


/* =========================================================
   AJUSTES V1.3
   Loader sem trilho fixo + Capabilities sem seleção inicial
   ========================================================= */

/* A linha original está incorporada à imagem do loader.
   Esta máscara discreta cobre a linha fixa, enquanto a barra
   animada permanece por cima. */
.loader-progress{
  isolation:isolate;
  background:transparent;
  overflow:visible;
}

.loader-progress::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:-12px;
  right:-12px;
  top:50%;
  height:7px;
  transform:translateY(-50%);
  background:#000;
  box-shadow:0 0 5px 2px #000;
}

.loader-progress-bar{
  z-index:2;
}

/* Nenhum módulo nasce selecionado. O destaque aparece
   apenas por hover/foco ou depois do clique do usuário. */
.capability-module:not(.is-active){
  box-shadow:none;
}


/* =========================================================
   AJUSTE CIRÚRGICO — MENU HTML + EFEITOS DOS CTAs
   Base: versão editada pelo usuário
   ========================================================= */

/* MENU: o fundo já está limpo; agora o texto HTML fica visível. */
.hotspot-nav .hotspot{
  display:flex;
  align-items:center;
  justify-content:center;
  color:rgba(245,247,249,.90);
  text-decoration:none;
  cursor:pointer;
  font-size:11px;
  font-weight:600;
  line-height:1;
  text-transform:uppercase;
  text-shadow:0 1px 8px rgba(0,0,0,.88);
}

.hotspot-nav .hotspot span{
  position:static;
  width:auto;
  height:auto;
  overflow:visible;
  clip:auto;
  white-space:nowrap;
}

/* Efeito original do menu: pequena luz dourada horizontal centralizada. */
.hotspot-nav .hotspot::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:78%;
  height:22px;
  transform:translate(-50%,-50%);
  border-radius:999px;
  background:radial-gradient(
    ellipse at center,
    rgba(255,199,78,.14) 0%,
    rgba(255,174,31,.06) 42%,
    transparent 74%
  );
  opacity:0;
  transition:opacity .22s ease;
  pointer-events:none;
}

.hotspot-nav .hotspot::after{
  content:"";
  position:absolute;
  left:50%;
  right:auto;
  top:auto;
  bottom:17%;
  width:0;
  height:1px;
  transform:translateX(-50%);
  background:linear-gradient(
    90deg,
    transparent,
    rgba(255,188,48,.25),
    #ffd16a,
    rgba(255,188,48,.25),
    transparent
  );
  box-shadow:
    0 0 7px rgba(255,190,61,.78),
    0 0 15px rgba(220,164,59,.28);
  opacity:0;
  transition:width .28s ease,opacity .22s ease;
  pointer-events:none;
}

.hotspot-nav .hotspot:hover,
.hotspot-nav .hotspot:focus-visible{
  color:#f4c15a;
}

.hotspot-nav .hotspot:hover::before,
.hotspot-nav .hotspot:focus-visible::before{
  opacity:1;
}

.hotspot-nav .hotspot:hover::after,
.hotspot-nav .hotspot:focus-visible::after{
  width:64%;
  opacity:1;
}

/* FALE CONOSCO: mantém o brilho centralizado na base. */
.nav-cta::after{
  bottom:3%;
}
.nav-cta:hover::after,
.nav-cta:focus-visible::after{
  width:68%;
}

/* BOTÕES PRINCIPAIS:
   mantém somente o sweep metálico.
   Remove o contorno retangular que aparecia no hover. */
.hero-primary,
.hero-secondary{
  overflow:hidden;
  isolation:isolate;
  clip-path:inset(0 round 2px);
}

.hero-primary::before,
.hero-secondary::before{
  content:"";
  position:absolute;
  top:-42%;
  bottom:-42%;
  left:-44%;
  width:29%;
  transform:skewX(-18deg);
  background:linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.76),
    rgba(255,231,162,.42),
    transparent
  );
  filter:blur(.35px);
  opacity:0;
  z-index:1;
  pointer-events:none;
}

.hero-primary:hover::before,
.hero-primary:focus-visible::before,
.hero-secondary:hover::before,
.hero-secondary:focus-visible::before{
  opacity:.95;
  animation:buttonSweepClean .82s ease forwards;
}

/* Desativa por completo o pseudo-elemento que criava o retângulo. */
.hero-primary::after,
.hero-secondary::after,
.hero-primary:hover::after,
.hero-primary:focus-visible::after,
.hero-secondary:hover::after,
.hero-secondary:focus-visible::after{
  content:none!important;
  display:none!important;
  border:0!important;
  box-shadow:none!important;
}

/* Mantém apenas o leve ganho de brilho do botão. */
.hero-primary:hover,
.hero-primary:focus-visible,
.hero-secondary:hover,
.hero-secondary:focus-visible{
  transform:translateY(-1px);
  filter:brightness(1.07);
}

@keyframes buttonSweepClean{
  from{left:-44%}
  to{left:118%}
}


/* =========================================================
   CAPABILITIES V2 + TECHNOLOGY ECOSYSTEM V2
   ========================================================= */

.capabilities-v2{
  padding-bottom:140px;
}

.capabilities-platform{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);
  gap:28px;
  margin-top:72px;
}

.capabilities-modules{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1px;
  border:1px solid var(--sp-line);
  background:var(--sp-line);
}

.capability-tile{
  position:relative;
  min-height:220px;
  padding:29px 30px 31px;
  color:#e9edf0;
  text-align:left;
  border:0;
  cursor:pointer;
  background:#050b12;
  overflow:hidden;
  transition:background .28s ease,box-shadow .28s ease,transform .28s ease;
}

.capability-tile::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:0;
  background:
    radial-gradient(circle at 80% 20%,rgba(220,164,59,.13),transparent 32%),
    linear-gradient(135deg,rgba(220,164,59,.07),transparent 54%);
  transition:opacity .28s ease;
}

.capability-tile::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:0;
  height:1px;
  background:linear-gradient(90deg,var(--sp-gold),var(--sp-gold-bright),transparent);
  box-shadow:0 0 12px rgba(220,164,59,.42);
  transition:width .34s ease;
}

.capability-tile:hover,
.capability-tile:focus-visible,
.capability-tile.is-active{
  outline:none;
  background:#08111b;
  transform:translateY(-2px);
  box-shadow:0 18px 36px rgba(0,0,0,.22);
}

.capability-tile:hover::before,
.capability-tile:focus-visible::before,
.capability-tile.is-active::before{
  opacity:1;
}

.capability-tile:hover::after,
.capability-tile:focus-visible::after,
.capability-tile.is-active::after{
  width:78%;
}

.capability-tile small{
  position:relative;
  z-index:2;
  color:#6f7a87;
  font-size:10px;
  font-weight:700;
  letter-spacing:.20em;
}

.capability-tile h3{
  position:relative;
  z-index:2;
  margin:34px 0 12px;
  color:#eef1f3;
  font-size:26px;
  line-height:1.12;
  letter-spacing:-.03em;
}

.capability-tile p{
  position:relative;
  z-index:2;
  margin:0;
  color:#96a1ad;
  font-size:13px;
  line-height:1.65;
}

.capability-map{
  position:relative;
  min-height:560px;
  display:grid;
  place-items:center;
  border:1px solid var(--sp-line);
  background:
    radial-gradient(circle at 50% 50%,rgba(220,164,59,.09),transparent 30%),
    rgba(3,8,14,.84);
  overflow:hidden;
}

.capability-map svg{
  width:min(92%,430px);
  height:auto;
  overflow:visible;
}

.cap-line{
  fill:none;
  stroke:rgba(220,164,59,.16);
  stroke-width:1.3;
  stroke-dasharray:5 8;
  transition:stroke .28s ease,filter .28s ease;
}

.cap-line.is-active{
  stroke:rgba(244,193,90,.86);
  filter:drop-shadow(0 0 5px rgba(220,164,59,.55));
  animation:capabilityDash 10s linear infinite;
}

.cap-core{
  fill:#07101a;
  stroke:rgba(220,164,59,.58);
  stroke-width:1.4;
  filter:drop-shadow(0 0 14px rgba(220,164,59,.20));
}

.cap-node{
  position:absolute;
  min-width:108px;
  min-height:38px;
  padding:8px 12px;
  color:#7d8995;
  border:1px solid rgba(220,164,59,.16);
  background:#050b12;
  font-size:9px;
  font-weight:700;
  letter-spacing:.15em;
  cursor:pointer;
  transition:color .24s ease,border-color .24s ease,box-shadow .24s ease,transform .24s ease;
}

.cap-node:hover,
.cap-node:focus-visible,
.cap-node.is-active{
  color:#f0bd54;
  border-color:rgba(220,164,59,.52);
  box-shadow:0 0 18px rgba(220,164,59,.10);
  outline:none;
  transform:translateY(-2px);
}

.cap-node--media{left:50%;top:8%;transform:translateX(-50%)}
.cap-node--measurement{right:4%;top:25%}
.cap-node--data{right:4%;bottom:25%}
.cap-node--crm{left:50%;bottom:7%;transform:translateX(-50%)}
.cap-node--cloud{left:4%;bottom:25%}
.cap-node--governance{left:4%;top:25%}

.cap-node--media:hover,
.cap-node--media:focus-visible,
.cap-node--media.is-active,
.cap-node--crm:hover,
.cap-node--crm:focus-visible,
.cap-node--crm.is-active{
  transform:translateX(-50%) translateY(-2px);
}

.capability-core-label{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  color:#d7dde2;
  text-align:center;
  font-size:10px;
  font-weight:700;
  line-height:1.45;
  letter-spacing:.18em;
}

.capabilities-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  margin-top:34px;
  padding-top:28px;
  border-top:1px solid var(--sp-line);
}

.capabilities-footer p{
  max-width:760px;
  margin:0;
  color:#a7b0bb;
  font-size:18px;
  line-height:1.55;
}

.capabilities-footer a{
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:#e9edf0;
  text-decoration:none;
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  transition:color .24s ease,transform .24s ease;
}

.capabilities-footer a span{
  color:var(--sp-gold);
  font-size:18px;
}

.capabilities-footer a:hover{
  color:var(--sp-gold-bright);
  transform:translateX(3px);
}

.technology-groups{
  display:grid;
  gap:18px;
  margin-top:72px;
}

.technology-group{
  padding:26px 28px 28px;
  border:1px solid var(--sp-line);
  background:rgba(3,8,14,.78);
  transition:border-color .24s ease,box-shadow .24s ease,background .24s ease;
}

.technology-group h3{
  margin:0 0 18px;
  color:#7f8a96;
  font-size:10px;
  font-weight:700;
  letter-spacing:.24em;
  transition:color .24s ease;
}

.technology-group:hover,
.technology-group:focus-within{
  border-color:rgba(220,164,59,.34);
  background:rgba(5,12,19,.90);
  box-shadow:0 18px 45px rgba(0,0,0,.18);
}

.technology-group:hover h3,
.technology-group:focus-within h3{
  color:var(--sp-gold);
}

.technology-group .technology-wall{
  margin:0;
  padding:0;
  border:0;
  background:transparent;
}

.technology-group .tech-chip{
  appearance:none;
  font-family:inherit;
  cursor:pointer;
}

.technology-group:hover .tech-chip{
  border-color:rgba(220,164,59,.20);
  color:#b0b8c1;
}

.technology-group .tech-chip:hover,
.technology-group .tech-chip:focus-visible{
  color:#f0f2f4;
  border-color:rgba(220,164,59,.48);
  background:rgba(220,164,59,.055);
  box-shadow:0 12px 26px rgba(0,0,0,.20),0 0 18px rgba(220,164,59,.08);
  outline:none;
}

.tech-chip.is-active,
.tech-featured{
  color:#a0a9b4;
  border-color:rgba(220,164,59,.13);
  background:#050b12;
  box-shadow:none;
}

@keyframes capabilityDash{
  to{stroke-dashoffset:-220}
}

@media(max-width:1000px){
  .capabilities-platform{
    grid-template-columns:1fr;
  }

  .capability-map{
    min-height:500px;
  }
}

@media(max-width:760px){
  .capabilities-modules{
    grid-template-columns:1fr;
  }

  .capability-map{
    min-height:620px;
  }

  .cap-node--measurement,
  .cap-node--data{right:2%}

  .cap-node--cloud,
  .cap-node--governance{left:2%}

  .capabilities-footer{
    align-items:flex-start;
    flex-direction:column;
  }

  .technology-group{
    padding:22px;
  }
}


/* Production: accessibility and resilient rendering */
.skip-link{position:fixed;left:16px;top:16px;z-index:99999;padding:12px 16px;background:#f0bd54;color:#02060b;font-weight:700;text-decoration:none;transform:translateY(-180%);transition:transform .2s ease}
.skip-link:focus{transform:translateY(0)}
:focus-visible{outline:2px solid #f0bd54;outline-offset:4px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}


/* =========================================================
   RELEASE 1.2.0 — HERO MOBILE EM HTML
   Desktop permanece com a arte aprovada e hotspots originais.
   Em telas móveis, somente o capacete/efeitos ficam como imagem;
   logo, textos e CTAs passam a ser elementos HTML reais.
   ========================================================= */
.mobile-hero-content{display:none}

@media (max-width:760px){
  .stage{
    min-height:100svh!important;
    height:100svh!important;
    max-height:none!important;
    overflow:hidden;
    background:#02060b;
  }

  .master-art{
    inset:0!important;
    width:100%!important;
    height:100%!important;
    background-image:url('../img/hero-art-mobile.webp')!important;
    background-repeat:no-repeat!important;
    background-size:auto 100%!important;
    background-position:84% center!important;
    filter:brightness(1.12) contrast(1.04)!important;
    transform:none!important;
  }

  .master-art::after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    background:
      linear-gradient(90deg,rgba(2,6,11,.94) 0%,rgba(2,6,11,.78) 45%,rgba(2,6,11,.18) 76%,rgba(2,6,11,.03) 100%),
      linear-gradient(180deg,rgba(2,6,11,.04) 0%,rgba(2,6,11,.02) 62%,rgba(2,6,11,.66) 100%)!important;
    pointer-events:none;
  }

  .hero-primary,.hero-secondary{display:none!important}

  .mobile-hero-content{
    position:relative;
    z-index:8;
    display:flex;
    flex-direction:column;
    justify-content:center;
    width:min(84%,430px);
    min-height:100%;
    padding:clamp(28px,6svh,54px) 0 clamp(26px,5svh,44px) clamp(22px,6vw,38px);
    text-align:left;
  }

  .mobile-hero-logo{
    display:block;
    width:clamp(142px,39vw,190px);
    height:auto;
    object-fit:contain;
    object-position:left center;
    margin:0 0 clamp(18px,4svh,32px);
    mix-blend-mode:screen;
  }

  .mobile-hero-kicker{
    margin:0 0 14px;
    color:#dca43b;
    font-size:clamp(9px,2.3vw,12px);
    font-weight:700;
    letter-spacing:.28em;
    white-space:nowrap;
  }

  .mobile-hero-content h1{
    margin:0;
    max-width:8.6ch;
    color:#f2f4f6;
    font-size:clamp(38px,10.4vw,58px);
    line-height:.94;
    letter-spacing:-.048em;
    text-wrap:balance;
    text-shadow:0 2px 24px rgba(0,0,0,.52);
  }

  .mobile-hero-content h1 span{
    display:block;
    color:#dca43b;
  }

  .mobile-hero-copy{
    max-width:31ch;
    margin:clamp(18px,3.7svh,28px) 0 0;
    color:rgba(242,244,246,.78);
    font-size:clamp(14px,3.5vw,17px);
    line-height:1.58;
    text-shadow:0 2px 18px rgba(0,0,0,.75);
  }

  .mobile-hero-actions{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:11px;
    width:min(100%,310px);
    margin-top:clamp(22px,4svh,34px);
  }

  .mobile-hero-actions a{
    min-height:52px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:0 17px;
    border-radius:2px;
    text-decoration:none;
    text-transform:uppercase;
    font-size:11px;
    font-weight:750;
    letter-spacing:.015em;
  }

  .mobile-hero-actions i{
    font-style:normal;
    font-size:18px;
    line-height:1;
  }

  .mobile-hero-primary{
    color:#080b0f;
    border:1px solid #e6bd63;
    background:linear-gradient(105deg,#e8bd5b,#b9842c 76%,#e3ba5d);
    box-shadow:0 8px 30px rgba(220,164,59,.22),inset 0 1px rgba(255,255,255,.28);
  }

  .mobile-hero-secondary{
    color:#e8c570;
    border:1px solid rgba(220,164,59,.58);
    background:rgba(2,6,11,.52);
    backdrop-filter:blur(4px);
  }

  .ambient-left,.ambient-title,.ambient-dock{display:none!important}
}

@media (max-width:420px){
  .mobile-hero-content{
    width:88%;
    padding-left:20px;
  }
  .mobile-hero-content h1{font-size:clamp(36px,10.5vw,46px)}
  .mobile-hero-logo{width:142px;margin-bottom:20px}
  .mobile-hero-actions{width:min(100%,288px)}
}

@media (max-width:360px){
  .mobile-hero-content h1{font-size:34px}
  .mobile-hero-copy{font-size:13px}
  .mobile-hero-actions a{min-height:48px;font-size:10px}
}