.orb-1{width:260px;height:260px;background:#2f9fcc;top:120px;right:-70px}
    .orb-2{width:220px;height:220px;background:#ef3024;bottom:120px;left:-90px}

    .hero{padding:34px 0 58px;position:relative}
    .hero-shell{
      position:relative;overflow:hidden;border-radius:36px;border:1px solid rgba(255,255,255,.07);
      background:
        linear-gradient(135deg, rgba(8,21,30,.93) 0%, rgba(10,24,34,.82) 40%, rgba(8,19,28,.95) 100%);
      box-shadow:var(--shadow-xl);
    }
    .hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center;padding:42px}
    .hero-copy h1{max-width:12ch;margin:4px 0 18px}
    .hero-copy p{max-width:65ch}
    .hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
    .metric{
      padding:16px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);
    }
    .metric strong{display:block;font-size:1.25rem;color:#fff;margin-bottom:6px}
    .panel{
      background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
      border:1px solid rgba(255,255,255,.07);
      border-radius:28px;box-shadow:var(--shadow-md);
    }
    .hero-visual{position:relative;min-height:520px;padding:22px}
    .hero-visual .panel{height:100%;padding:22px;overflow:hidden;position:relative}
    .panel-badge{
      display:inline-flex;align-items:center;gap:10px;padding:9px 12px;border-radius:999px;
      font-weight:800;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;
      background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:#dfeef8
    }
    .grid-lines{
      position:absolute;inset:0;
      background-image:
        linear-gradient(rgba(137,168,188,.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(137,168,188,.08) 1px, transparent 1px);
      background-size:26px 26px;mask-image:radial-gradient(circle at center, black 34%, transparent 88%);
      opacity:.55
    }
    .hero-carousel{
      position:relative; margin-top:18px; height:410px;
      border-radius:26px; border:1px solid rgba(255,255,255,.08);
      background:linear-gradient(180deg, rgba(18,43,58,.72), rgba(12,28,38,.88));
      overflow:hidden;
      box-shadow:0 18px 48px rgba(0,0,0,.25);
      padding:24px 22px 20px;
    }
    .carousel-cube{
      position:absolute; top:18px; right:18px; width:78px; height:78px; transform:rotate(-8deg);
    }
    .carousel-cube:before,.carousel-cube:after,.carousel-cube div{
      content:""; position:absolute; inset:0; border-radius:14px;
      background:linear-gradient(135deg,#f14c39,#bb1220);
      box-shadow:0 16px 28px rgba(239,48,36,.24);
    }
    .carousel-cube:before{transform:translate(-12px,-12px); opacity:.45}
    .carousel-cube:after{transform:translate(12px,12px); opacity:.22}
    .carousel-cube div{border:1px solid rgba(255,255,255,.18)}
    .carousel-track{position:relative; height:100%}
    .slide{
      position:absolute; inset:0; padding:6px 88px 56px 4px;
      opacity:0; transform:translateX(18px); transition:.28s ease;
      display:flex; flex-direction:column; justify-content:center;
      pointer-events:none;
    }
    .slide.active{opacity:1; transform:translateX(0); pointer-events:auto}
    .slide .icon{
      width:56px;height:56px;border-radius:16px;display:grid;place-items:center;margin-bottom:16px;
      background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
      border:1px solid rgba(255,255,255,.1)
    }
    .slide .icon svg{width:28px;height:28px;stroke:#fff;stroke-width:1.9;fill:none}
    .slide h3{margin-bottom:12px}
    .slide p{max-width:40ch}
    .slide ul{display:grid;gap:10px;margin-top:16px}
    .slide li{
      position:relative; padding-left:18px; color:var(--muted); line-height:1.58;
    }
    .slide li:before{
      content:"";position:absolute;left:0;top:.65em;width:8px;height:8px;border-radius:2px;transform:rotate(45deg);
      background:linear-gradient(135deg,var(--brand),var(--brand-2))
    }
    .carousel-controls{
      position:absolute; left:22px; right:22px; bottom:18px;
      display:flex; align-items:center; justify-content:space-between; gap:12px;
    }
    .carousel-nav{display:flex; gap:10px}
    .nav-btn{
      width:42px;height:42px;border-radius:14px;border:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.05);
      color:#fff; cursor:pointer; font-size:1.1rem; font-weight:800;
    }
    .dots{display:flex; gap:8px; align-items:center}
    .dot-btn{
      width:10px;height:10px;border-radius:50%; border:none; cursor:pointer; background:rgba(255,255,255,.28);
    }
    .dot-btn.active{background:linear-gradient(135deg,var(--brand),var(--brand-2)); box-shadow:0 0 0 4px rgba(239,48,36,.15)}
    .section-head{
      display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:end;margin-bottom:24px
    }
    .section-head p{max-width:64ch}
    .info-grid,.cards-grid,.cta-grid,.mapping-grid,.decision-grid{
      display:grid;gap:18px
    }
    .info-grid{grid-template-columns:1fr 1fr}
    .cards-grid{grid-template-columns:repeat(2,1fr)}
    .mapping-grid{grid-template-columns:repeat(4,1fr)}
    .decision-grid{grid-template-columns:.9fr 1.1fr}
    .cta-grid{grid-template-columns:1fr}
    .card{
      position:relative;padding:24px;border-radius:26px;
      background:linear-gradient(180deg, rgba(15,35,48,.92), rgba(13,31,43,.96));
      border:1px solid rgba(255,255,255,.07);
      box-shadow:var(--shadow-md);
      overflow:hidden;
    }
    .card:before{
      content:"";position:absolute;inset:auto -50px -80px auto;width:180px;height:180px;border-radius:50%;
      background:radial-gradient(circle, rgba(47,133,175,.18), transparent 68%);
    }
    .card h3{margin:14px 0 10px}
    .card p{margin-bottom:14px}
    .icon{
      width:52px;height:52px;border-radius:16px;display:grid;place-items:center;
      background:linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03));
      border:1px solid rgba(255,255,255,.1)
    }
    .icon svg{width:26px;height:26px;stroke:#fff;stroke-width:1.9;fill:none}
    .bullet-list{display:grid;gap:10px;margin-top:10px}
    .bullet-list li,.check-list li{
      position:relative;padding-left:18px;color:var(--muted);line-height:1.6
    }
    .bullet-list li:before,.check-list li:before{
      content:"";position:absolute;left:0;top:.7em;width:8px;height:8px;border-radius:2px;transform:rotate(45deg);
      background:linear-gradient(135deg,var(--brand),var(--brand-2))
    }
    .check-list{display:grid;gap:10px}
    .solution-card .tagline{color:#fff;font-weight:800;margin-top:10px}
    .solution-card .cta-line{
      display:grid; grid-template-columns:1fr auto; align-items:center; gap:16px; margin-top:18px; padding-top:16px;
      border-top:1px solid rgba(255,255,255,.08)
    }
    .solution-card .cta-note{color:var(--ok);font-size:.93rem; max-width:30ch; line-height:1.45}
    .solution-btn{
      display:inline-flex; align-items:center; gap:10px; min-height:46px; padding:0 16px;
      border-radius:14px; border:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.05); color:#fff; font-weight:800;
    }
    .mini-cube{
      width:14px;height:14px;border-radius:4px;display:inline-block;
      background:linear-gradient(135deg,var(--brand),var(--brand-2));
      box-shadow:0 0 0 3px rgba(239,48,36,.12);
    }
    .integration-band{
      padding:26px 30px 30px;border-radius:30px;
      background:
        radial-gradient(circle at top right, rgba(47,133,175,.18), transparent 24%),
        linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
      border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow-md)
    }
    .integration-band .mapping-grid{margin-top:18px}
    .map-card{
      padding:18px;border-radius:22px;background:rgba(8,20,28,.52);border:1px solid rgba(255,255,255,.07)
    }
    .map-card strong{display:block;color:#fff;margin-bottom:8px}
    .decision-card{padding:24px;border-radius:28px;background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.08)}
    .step{display:flex;gap:16px;align-items:flex-start}
    .step-num{
      flex:0 0 42px;height:42px;border-radius:14px;display:grid;place-items:center;
      background:linear-gradient(135deg,var(--brand),var(--brand-2));font-weight:900
    }
    .footer{
      padding:34px 0 54px;border-top:1px solid rgba(255,255,255,.06);margin-top:20px
    }
    .footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:end}
    .footer-note{color:var(--muted-2);font-size:.96rem}
    .footer-links{display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-end}
    .footer-links a{color:#d8e6f0}
    @media (max-width: 1080px){
      .hero-grid,.section-head,.decision-grid{grid-template-columns:1fr}
      .cards-grid,.mapping-grid{grid-template-columns:1fr 1fr}
      .info-grid{grid-template-columns:1fr}
      .hero-visual{min-height:auto}
      .hero-carousel{height:auto; min-height:380px}
      .solution-card .cta-line{grid-template-columns:1fr}
      .slide{position:relative; inset:auto; opacity:1; transform:none; pointer-events:auto; padding:16px 16px 56px}
      .slide:not(.active){display:none}
      .slide.active{display:flex}
    }
    @media (max-width: 720px){
      .section{padding:54px 0}
      .hero-grid{padding:24px; gap:20px}
      .hero-copy h1{max-width:none}
      .hero-metrics,.cards-grid,.mapping-grid{grid-template-columns:1fr}
      .footer-grid{grid-template-columns:1fr}
      .footer-links{justify-content:flex-start}
      .hero-carousel{min-height:auto}
      .hero-shell{border-radius:20px}
    }

/* ===================================
   RESPONSIVIDADE — SOLUÇÕES
   =================================== */

html, body { max-width:100%; overflow-x:hidden; }

*, *::before, *::after {
  box-sizing:border-box;
  overflow-wrap:break-word;
  word-break:break-word;
}

img, svg, video { max-width:100%; height:auto; }

.card, .panel, .metric, .mini-panel, .map-card, .decision-card { height:auto; max-width:100%; }
.hero-visual, .hero-carousel { min-height:auto; }
/* carousel-cube: decorativo absoluto → esconder em mobile */
@media (max-width:640px) {
  .carousel-cube { display:none; }
  .slide { padding-right:16px; }
}

@media (max-width:900px) {
  .hero-grid { padding:28px; }
  .hero-metrics { grid-template-columns:1fr 1fr; }
  .mapping-grid { grid-template-columns:1fr 1fr; }
}

@media (max-width:640px) {
  .hero { padding:20px 0 36px; }
  .hero-grid { padding:18px; }
  .hero-shell { border-radius:18px; }
  .hero-metrics { grid-template-columns:1fr; }
  .cards-grid, .mapping-grid { grid-template-columns:1fr; }
  .section-head, .decision-grid { grid-template-columns:1fr; }
  .section { padding:44px 0; }
  .footer-grid { grid-template-columns:1fr; }
  .footer-links { justify-content:flex-start; }
  .container { width:calc(100% - 28px); }
  .solution-card .cta-line { grid-template-columns:1fr; }
}

@media (max-width:420px) {
  .btn { min-height:46px; padding:0 16px; font-size:.92rem; }
  .card { padding:18px; border-radius:18px; }
  .hero-copy h1 { max-width:none; }
}