/* Needinfo Dark Flow / v1.0.0
   Scoped to the public home page only. Source of truth for the visual theme.
   The continuous canvas belongs to main; sections are translucent layers.
*/
body.site-dark-flow{
  --flow-base:#08150f;
  --flow-surface:#10271b;
  --flow-raised:#173a29;
  --flow-ink:#effaf1;
  --flow-muted:#b6cebd;
  --flow-soft:#93b59e;
  --flow-accent:#5ef4a1;
  --flow-rule:rgba(161,229,181,.19);
  --flow-orbit-size:clamp(20rem,32vw,30rem);
  --flow-orbit-right:clamp(-11rem,-9vw,-6rem);
  --flow-orbit-leak:clamp(11rem,20vw,16rem);
  background:var(--flow-base);
  color:var(--flow-ink);
  color-scheme:dark;
}
body.site-dark-flow #conteudo{
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(ellipse 53% 12% at 93% 17%,rgba(37,132,73,.13),transparent 80%),
    radial-gradient(ellipse 58% 16% at 7% 49%,rgba(46,153,89,.095),transparent 82%),
    radial-gradient(ellipse 55% 16% at 92% 77%,rgba(42,148,80,.11),transparent 83%),
    linear-gradient(180deg,#08150f 0%,#0c2118 23%,#102b1e 43%,#123222 58%,#0d261b 77%,#102b1d 100%);
}
/* Dark header without sacrificing the original full wordmark. */
body.site-dark-flow .top-ticker{
  background:#08150f;
  color:#a6d8ba;
  border-bottom:1px solid rgba(136,209,160,.1);
}
body.site-dark-flow .top-ticker .shell span:last-child{color:#8cbba0}
body.site-dark-flow .site-header{
  background:rgba(9,24,16,.94);
  border-bottom:1px solid rgba(143,229,169,.17);
  box-shadow:none;
}
body.site-dark-flow .site-header.is-scrolled{
  background:rgba(8,22,15,.97);
  box-shadow:0 12px 28px rgba(2,9,5,.24);
}
body.site-dark-flow .site-nav a{color:#e4f6e9}
body.site-dark-flow .site-nav a:hover,
body.site-dark-flow .site-nav a:focus-visible,
body.site-dark-flow .site-nav .nav-payments{color:#84efb0}
body.site-dark-flow .nav-contact{
  background:#2ecc71;
  color:#092316;
  box-shadow:0 4px 20px rgba(46,204,113,.13);
}
body.site-dark-flow .nav-contact span{color:#092316}
body.site-dark-flow .nav-contact:hover,
body.site-dark-flow .nav-contact:focus-visible{background:#5ef4a1}
body.site-dark-flow .nav-toggle{
  background:#183625;
  border-color:rgba(169,235,188,.28);
}
body.site-dark-flow .nav-toggle span{background:#e9f8ec}
body.site-dark-flow .nav-toggle:focus-visible{outline-color:#5ef4a1}
/* Fade each chapter into one long canvas rather than alternating light slabs. */
body.site-dark-flow :is(.hero,.section-light,.solutions,.integration,.audiences,.method,.contact){
  background:transparent;
}
body.site-dark-flow .hero{color:var(--flow-ink)}
body.site-dark-flow .hero-aurora{
  background:radial-gradient(ellipse at 52% 47%,rgba(42,148,84,.24),rgba(11,42,26,.04) 54%,transparent 77%);
}
body.site-dark-flow .value-line{
  background:linear-gradient(90deg,rgba(31,103,58,.22),rgba(40,127,69,.13) 55%,rgba(28,95,50,.22));
  color:#c9f6d6;
  border-top:1px solid rgba(151,236,172,.11);
  border-bottom:1px solid rgba(151,236,172,.16);
}
body.site-dark-flow .value-line-mark{color:#69ee9e}
body.site-dark-flow :is(.solutions,.audiences,.method){
  position:relative;
  isolation:isolate;
}
body.site-dark-flow :is(.solutions,.audiences,.method) > .shell{
  position:relative;
  z-index:1;
}
body.site-dark-flow .solutions::before{
  content:"";
  position:absolute;
  inset:-13% 0 -16%;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(ellipse 55% 46% at 84% 31%,rgba(40,151,83,.14),transparent 85%),
    radial-gradient(ellipse 48% 50% at 10% 90%,rgba(27,97,59,.12),transparent 82%);
}
body.site-dark-flow .audiences::before{
  content:"";
  position:absolute;
  inset:-18% 0 -17%;
  pointer-events:none;
  z-index:0;
  background:radial-gradient(ellipse 57% 49% at 88% 52%,rgba(45,143,76,.095),transparent 85%);
}
body.site-dark-flow .method::before{
  content:"";
  position:absolute;
  inset:-14% 0 -25%;
  pointer-events:none;
  z-index:0;
  background:radial-gradient(ellipse 48% 51% at 14% 54%,rgba(38,117,70,.11),transparent 83%);
}
/* Consistent contrast and editorial typography across the former white chapters. */
body.site-dark-flow :is(.section-heading,.audiences-intro,.method-heading) h2,
body.site-dark-flow .audience-row h3,
body.site-dark-flow .method-grid h3{color:var(--flow-ink)}
body.site-dark-flow :is(.section-heading,.audiences-intro,.method-heading) p,
body.site-dark-flow .audience-row p,
body.site-dark-flow .method-grid p{color:var(--flow-muted)}
body.site-dark-flow .section-marker{color:#7feab0}
body.site-dark-flow .marker-index{color:#8eb5a0}
body.site-dark-flow .accent-ink{color:#6aeca0}
/* Solutions: separate surfaces, never separate white rectangles. */
body.site-dark-flow .solution-card{
  color:var(--flow-ink);
  border:1px solid rgba(152,221,170,.2);
  box-shadow:0 20px 55px rgba(0,9,4,.12);
}
body.site-dark-flow .solution-card:hover{
  border-color:rgba(112,233,154,.39);
  box-shadow:0 23px 55px rgba(0,10,5,.24);
}
body.site-dark-flow .solution-feature{
  background:linear-gradient(128deg,#0a1e14 4%,#133923 73%,#19442b 100%);
}
body.site-dark-flow .solution-automation{
  background:linear-gradient(145deg,#19432c,#123222 88%);
}
body.site-dark-flow .solution-growth{
  background:linear-gradient(145deg,#193629,#11291f 88%);
}
body.site-dark-flow .solution-card p{
  color:#c2d9c8;
  opacity:1;
}
body.site-dark-flow .solution-card .card-top{color:#8ecda4}
body.site-dark-flow .solution-card .arrow-circle{
  color:#89deb0;
  border-color:rgba(148,226,175,.55);
}
body.site-dark-flow .solution-automation .solution-icon{color:#64e69d}
body.site-dark-flow .solution-automation .card-link,
body.site-dark-flow .solution-growth .card-link,
body.site-dark-flow .solution-feature .card-link{color:#a4f6c3}
body.site-dark-flow .solution-card .card-link:hover{color:#d4ffe3}
body.site-dark-flow .growth-graph{color:#66e69c}
body.site-dark-flow .growth-grid{
  background:repeating-linear-gradient(0deg,transparent 0 22px,rgba(141,216,163,.11) 23px 24px);
}
body.site-dark-flow .software-screen{
  background:#0b1c13;
  border-color:rgba(139,237,174,.28);
}
/* The already-dark technical chapter blends into its neighbors. */
body.site-dark-flow .integration::before{
  background:
    radial-gradient(ellipse at 80% 45%,rgba(51,145,84,.16),transparent 59%),
    linear-gradient(155deg,transparent 30%,rgba(40,118,70,.055) 66%,transparent);
}
body.site-dark-flow .integration-left > p{color:var(--flow-muted)}
body.site-dark-flow .system-window{
  background:#10291b;
  border-color:rgba(137,227,163,.24);
}
/* Audience list remains editorial, with soft rows rather than new cards. */
body.site-dark-flow .audiences-list,
body.site-dark-flow .audience-row{border-color:var(--flow-rule)}
body.site-dark-flow .audience-row:hover{
  background:rgba(77,183,111,.075);
}
body.site-dark-flow .audience-index{color:#7ae5a5}
body.site-dark-flow .audience-arrow{color:#70e6a4}
/* Four stages form a subtle continuous circuit. */
body.site-dark-flow .method-grid{
  border-top:1px solid rgba(148,224,167,.35);
  position:relative;
}
body.site-dark-flow .method-grid::before{
  content:"";
  position:absolute;
  inset:-1px 0 auto;
  height:1px;
  background:linear-gradient(90deg,rgba(113,242,163,.6),rgba(117,214,147,.12) 100%);
  pointer-events:none;
}
body.site-dark-flow .method-grid li{border-color:var(--flow-rule)}
body.site-dark-flow .method-number{color:#89eab0}
body.site-dark-flow .method-number i{
  box-shadow:0 0 0 6px rgba(46,204,113,.13),0 0 16px rgba(46,204,113,.22);
}
/* One shared orbital motif crosses the contact/footer boundary.
   The footer's top offset precisely matches the contact ring's bottom leak. */
body.site-dark-flow .contact{
  position:relative;
  overflow:hidden;
  color:var(--flow-ink);
}
body.site-dark-flow .contact::after,
body.site-dark-flow .site-footer::before{
  content:"";
  position:absolute;
  z-index:0;
  width:var(--flow-orbit-size);
  height:var(--flow-orbit-size);
  right:var(--flow-orbit-right);
  border:1px solid rgba(109,233,154,.24);
  border-radius:50%;
  box-shadow:0 0 0 68px rgba(104,230,152,.026),0 0 0 135px rgba(104,230,152,.014);
  pointer-events:none;
}
body.site-dark-flow .contact::after{
  top:auto;
  bottom:calc(-1 * var(--flow-orbit-leak));
}
body.site-dark-flow .contact-glow{
  background:radial-gradient(ellipse,rgba(47,179,93,.18),transparent 66%);
}
body.site-dark-flow .contact-inner{
  position:relative;
  z-index:1;
}
body.site-dark-flow .site-footer{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(ellipse 57% 72% at 94% 0%,rgba(41,125,72,.09),transparent 80%),
    linear-gradient(180deg,#102b1d 0%,#0b2017 43%,#08150f 100%);
  color:#d7eddd;
  border-top:0;
}
body.site-dark-flow .site-footer::before{
  top:calc(var(--flow-orbit-leak) - var(--flow-orbit-size));
}
body.site-dark-flow .site-footer > .shell{
  position:relative;
  z-index:1;
}
body.site-dark-flow .footer-brand p,
body.site-dark-flow .footer-bottom{color:#a8c7b1}
body.site-dark-flow .footer-nav-group a{color:#d4eadb}
body.site-dark-flow .footer-label{color:#74f2a5}
body.site-dark-flow .footer-bottom{border-top-color:rgba(166,230,184,.2)}
/* Mobile navigation stays legible over the same material surface. */
@media(max-width:940px){
  body.site-dark-flow .site-nav{
    background:rgba(11,31,20,.985);
    border-bottom:1px solid rgba(156,226,180,.2);
    box-shadow:0 20px 40px rgba(0,9,4,.37);
  }
  body.site-dark-flow .site-nav a{color:#effaf1}
  body.site-dark-flow .site-nav a:hover,
  body.site-dark-flow .site-nav a:focus-visible{color:#79eeab}
}
@media(max-width:680px){
  body.site-dark-flow{
    --flow-orbit-size:21rem;
    --flow-orbit-right:-10.8rem;
    --flow-orbit-leak:12rem;
  }
  body.site-dark-flow #conteudo{
    background:
      radial-gradient(ellipse 85% 18% at 100% 27%,rgba(38,132,72,.12),transparent 84%),
      radial-gradient(ellipse 80% 19% at 0% 72%,rgba(41,131,78,.1),transparent 85%),
      linear-gradient(180deg,#08150f,#0d2419 31%,#123021 57%,#0d2419 82%,#102b1d);
  }
  body.site-dark-flow .solution-card:hover{transform:none}
  body.site-dark-flow .audience-row:hover{background:rgba(77,183,111,.06)}
  body.site-dark-flow .method-grid li{min-width:0}
  body.site-dark-flow .contact-glow{left:25%;width:125%;top:-180px}
}
@media(prefers-reduced-motion:reduce){
  body.site-dark-flow .solution-card,
  body.site-dark-flow .audience-row{transition:none}
}