:root {
        /* Palette Navy */
        --navy-900: #0e1c2f;
        --navy-800: #13253d;
        --navy-700: #1d3557;
        --navy-600: #2a4d78;
        
        /* Palette Gold Âmbar */
        --gold-500: #c9973a;
        --gold-400: #d8aa52;
        --gold-100: #fdf3e0;
        --gold-300:    #e8c27a;
        --gold-glow:   rgba(201,151,58,.22);
        --gold-glow-lg:rgba(201,151,58,.14);

        /* Palette Ice White */
        --ice-100: #f7f9fc;
        --ice-200: #edf2f7;
        --ice-400: #bfd0e0;

        /* Textos */
        --text-main: #1a2b45;
        --text-muted: #667a94;
        --text-light: #f7f9fc;
        
         /* Semânticas */
      --success:       #2ea86e;
      --success-bg:    rgba(46,168,110,.10);
      --warning:       #d9873a;
      --warning-bg:    rgba(217,135,58,.10);
      --danger:        #d94f4f;
      --danger-bg:     rgba(217,79,79,.10);
      --info:          #3a7fd9;
      --info-bg:       rgba(58,127,217,.10);
      
      /* Sidebar */
      --sidebar-w:     256px;
      --sidebar-w-col: 72px;
    
      /* Miscelânea */
      --radius-sm:   6px;
      --radius-md:   12px;
      --radius-lg:   18px;
      --radius-xl:   24px;
      --transition:  0.28s cubic-bezier(.4,0,.2,1);
      --shadow-sm:   0 1px 4px rgba(26,43,69,.07), 0 2px 8px rgba(26,43,69,.05);
      --shadow-md:   0 4px 16px rgba(26,43,69,.10), 0 1px 4px rgba(26,43,69,.07);
      --shadow-lg:   0 8px 32px rgba(26,43,69,.13), 0 2px 8px rgba(26,43,69,.08);
      
      
      --success-green: #059669;
  
    }

    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        -webkit-font-smoothing: antialiased;
    }

    body {
        font-family: 'Plus Jakarta Sans', sans-serif;
        background-color: var(--ice-100);
        color: var(--text-main);
        overflow-x: hidden;
    }
    
    /* ── Logo ─────────────────────────────────────────────────── */
    
    .logo-top {
        display: flex;
        flex-direction: row;
        align-items: center;
        font-size: 26pt;
    }
    
    /* tamanho do ícone */
    .logo-icon i {
        font-size: 16pt;
    }
    
    /* tamanho do texto */
    .logo-text {
        font-size: 26pt;
        text-transform: uppercase;
        padding: 5px;
    }

    
    .sidebar-logo {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 28px 24px 26px;
      border-bottom: 1px solid rgba(255,255,255,.05);
      flex-shrink: 0;
    }
    
    .logo-icon {
      width: 38px;
      height: 38px;
      border-radius: var(--radius-sm);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 17px;
      color: #d8aa52;
      flex-shrink: 0;
    }
    
    .logo-text {
      font-family: 'Playfair Display', serif;
      font-size: 19px;
      font-weight: 700;
      color: #fff;
      letter-spacing: .04em;
      white-space: nowrap;
    }
    
    .logo-text span { color: #d8aa52; }
    
    /* ════════════════════════════════════════════════════════════
       MOCKUP DA MENSAGEM DE VALIDAÇÃO
    ════════════════════════════════════════════════════════════ */
   .hero-visual {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    .verification-wrapper{
        max-width:760px;
        margin:auto;
        background:#ffffff;
        border-radius:28px;
        overflow:hidden;
        border:1px solid #dbe3ea;
    }

    /* HERO */

    .verification-hero{
        background:#edf7f1;
        padding:15px;
        border-bottom:1px solid #dcefe2;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        text-align:center;
    }

    .trust-seal{
        width:64px;
        height:64px;
        border-radius:50%;
        background:#00a86b;

        display:flex;
        align-items:center;
        justify-content:center;

        margin-bottom:18px;

        box-shadow:0 10px 20px rgba(0,168,107,.18);
    }

    .trust-seal i{
        color:#fff;
        font-size:28px;
    }

    .status-title{
        font-size:18px;
        font-weight:800;
        letter-spacing:.8px;
        color:#009966;
        margin-bottom:6px;
        text-transform:uppercase;
    }

    .status-desc{
        font-size:16px;
        color:#0f172a;
        font-weight:500;
    }

    /* CONTENT */

    .verification-content{
        padding:15px;
        display:flex;
        flex-direction:column;
        gap:20px;
    }

    /* CARD */

    .info-card{
        background:#fafafa;
        border:1px solid #d9e1ea;
        border-radius:22px;
        padding:26px 26px 22px;
        position:relative;
    }

    .info-card::before{
        content:'';
        position:absolute;
        left:0;
        top:0;
        width:5px;
        height:100%;
        border-radius:20px 0 0 20px;
    }

    .card-company::before{
        background:#c6922f;
    }

    .card-sender::before{
        background:#111827;
    }

    .card-destiny::before{
        background:#cbd5e1;
    }

    .card-label{
        display:flex;
        align-items:center;
        gap:8px;

        font-size:13px;
        font-weight:800;
        text-transform:uppercase;

        color:#64748b;

        margin-bottom:16px;
    }

    .card-label i{
        font-size:12px;
    }

    .card-title{
        font-size:20px;
        font-weight:800;
        color:#0f172a;
        margin-bottom:14px;
    }

    .card-line{
        width:100%;
        height:1px;
        background:#e5e7eb;
        margin:16px 0;
    }

    .card-info{
        display:flex;
        align-items:center;
        gap:10px;

        font-size:15px;
        color:#334155;

        margin-top:8px;
        flex-wrap:wrap;
    }

    .card-info i{
        color:#c6922f;
        width:18px;
    }

    .card-info strong{
        font-weight:700;
        color:#334155;
    }

    .contact-row{
        display:flex;
        gap:26px;
        flex-wrap:wrap;
    }
    
    
    
    /* ════════════════════════════════════════════════════════════
       MOCKUP DASHBORD HEADER TOPBAR
    ════════════════════════════════════════════════════════════ */
    .dashboard-mockup {
    background: #fff;
    border-radius: 12px;
    border: 1px solid var(--ice-400);
    box-shadow: 0 40px 100px rgba(14, 28, 47, 0.08);
    overflow: hidden;
    margin-bottom: 80px;
    }
    
    .dashboard-mockup img{
        width:100%;
        display: block;
    }
    
    * ════════════════════════════════════════════════════════════
       GRID DE MÉTRICAS
    ════════════════════════════════════════════════════════════ */
    
    .main-metric-card {
      background: White;
      border-radius: 5px;
      border: 1px solid var(--ice-200);
      box-shadow: var(--shadow-sm);
      overflow: hidden;
    }

    .metrics-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
    }
    
    .metric-card {
      padding: 24px 26px;
      display: flex;
      flex-direction: column;
      gap: 16px;
      transition: transform var(--transition), box-shadow var(--transition);
    }
    
    .metric-card:hover {
      transform: translateY(-2px);
      box-shadow: var(--shadow-md);
    }
    
    .metric-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    
    .metric-label {
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .07em;
      text-transform: uppercase;
      color: #f7f9fc;
    }
    
    .metric-icon {
      width: 38px;
      height: 38px;
      border-radius: var(--radius-md);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 15px;
      flex-shrink: 0;
    }
    
    .metric-icon.gold  { background: var(--gold-100); color: var(--gold-500); }
    .metric-icon.green { background: var(--success-bg); color: var(--success); }
    .metric-icon.blue  { background: var(--info-bg); color: var(--info); }
    .metric-icon.red   { background: var(--danger-bg); color: var(--danger); }
    
    .metric-value {
      font-family: 'Playfair Display', serif;
      font-size: 38px;
      font-weight: 700;
      color: var(--text-title);
      line-height: 1;
    }
    
    .metric-footer {
      display: flex;
      align-items: center;
      gap: 6px;
      font-size: 12.5px;
      color: #f7f9fc;
    }
    
    .metric-delta {
      display: inline-flex;
      align-items: center;
      gap: 3px;
      font-size: 12px;
      font-weight: 700;
      padding: 2px 7px;
      border-radius: 99px;
    }
    
    .metric-delta.up   { background: var(--success-bg); color: var(--success); }
    .metric-delta.down { background: var(--danger-bg);  color: var(--danger); }
    .metric-delta.flat { background: var(--info-bg);    color: var(--info); }
    
    /* ── Tabela Customizada ───────────────────────────────────── */
    .table-card {
        background: #fff;
        border-radius: var(--radius-lg);
        border: 1px solid var(--ice-200);
        box-shadow: 0 4px 20px rgba(26, 43, 69, 0.05);
        overflow: hidden;
    }

    .custom-table {
        width: 100%;
        border-collapse: collapse;
        text-align: left;
    }

    .custom-table thead {
        background: var(--ice-50);
        border-bottom: 1px solid var(--ice-200);
    }

    .custom-table th {
        padding: 16px 24px;
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.08em;
        color: var(--text-light);
    }

    .custom-table td {
        padding: 18px 24px;
        font-size: 14px;
        color: var(--text-title);
        border-bottom: 1px solid var(--ice-100);
        vertical-align: middle;
    }
    
    .section-header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 22px 28px;
      border-bottom: 1px solid var(--ice-200);
    }
    
    .section-title {
      display: flex;
      align-items: center;
      gap: 10px;
      font-size: 15px;
      font-weight: 700;
      color: var(--text-title);
    }
    
    .section-title i {
      font-size: 14px;
      color: var(--gold-500);
    }
    
    .section-count {
      font-size: 11px;
      font-weight: 700;
      background: var(--ice-100);
      color: var(--text-mid);
      padding: 2px 9px;
      border-radius: 99px;
      border: 1px solid var(--ice-200);
    }
    
    /* Tabela */
    .table-wrap {
      overflow-x: auto;
    }
    
    table {
      width: 100%;
      border-collapse: collapse;
    }
    
    thead tr {
      background: var(--ice-50);
      border-bottom: 1px solid var(--ice-200);
    }
    
    thead th {
      padding: 12px 28px;
      text-align: left;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: .09em;
      text-transform: uppercase;
      color: var(--text-light);
      white-space: nowrap;
    }
    
    tbody tr {
      border-bottom: 1px solid var(--ice-100);
      transition: background var(--transition);
    }
    
    tbody tr:last-child { border-bottom: none; }
    
    tbody tr:hover { background: var(--ice-50); }
    
    tbody td {
      padding: 16px 28px;
      font-size: 14px;
      color: var(--text-title);
      vertical-align: middle;
    }
    
    /* Célula de cliente */
    .td-client {
      display: flex;
      align-items: center;
      gap: 12px;
    }
    
    .client-avatar {
      width: 34px;
      height: 34px;
      border-radius: 50%;
      background: var(--ice-100);
      border: 1.5px solid var(--ice-200);
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 12px;
      font-weight: 700;
      color: var(--text-mid);
      flex-shrink: 0;
    }
    
    .client-info strong {
      display: block;
      font-size: 13.5px;
      font-weight: 600;
      color: var(--text-title);
    }
    
    .client-info span {
      font-size: 12px;
      color: var(--text-light);
    }
    
    /* Tipo de verificação */
    .td-type {
      font-size: 12.5px;
      color: var(--text-mid);
    }
    
    /* Data */
    .td-date {
      font-size: 13px;
      color: var(--text-mid);
      white-space: nowrap;
    }
    
    .td-date span {
      display: block;
      font-size: 11px;
      color: var(--text-light);
    }
    
    /* ── Status Badge ─────────────────────────────────────────── */
    .status-badge {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 4px 12px;
      border-radius: 99px;
      font-size: 12px;
      font-weight: 700;
      white-space: nowrap;
    }
    
    .status-desc {
        display: flex;
        align-items: center;
        justify-content: center;
        
    }
    
    .status-desc p {
        font-weight: bold;
    }
    
    .status-badge::before {
      content: '';
      width: 6px;
      height: 6px;
      border-radius: 50%;
      flex-shrink: 0;
    }
    
    .status-badge.concluido {
      background: var(--success-bg);
      color: var(--success);
    }
    
    .status-badge.concluido::before { background: var(--success); }
    
    .status-badge.pendente {
      background: var(--warning-bg);
      color: var(--warning);
    }
    
    .status-badge.pendente::before { background: var(--warning); }
    
    .status-badge.expirado {
      background: var(--danger-bg);
      color: var(--danger);
    }
    
    .status-badge.expirado::before { background: var(--danger); }
    
    .status-badge.enviado {
      background: var(--info-bg);
      color: var(--info);
    }
    
    .status-badge.enviado::before { background: var(--info); }
    
    /* Botão Ver */
    .btn-ver {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 7px 14px;
      border-radius: var(--radius-sm);
      border: 1px solid var(--ice-200);
      background: #fff;
      color: var(--text-mid);
      font-family: 'Plus Jakarta Sans', sans-serif;
      font-size: 12.5px;
      font-weight: 600;
      transition: all var(--transition);
    }
    
    .btn-ver:hover {
      border-color: var(--gold-500);
      color: var(--gold-500);
      background: var(--gold-100);
    }
    
    /* Badges de status — usando o sistema VeriCom */
    .hist-badge {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        padding: 4px 11px;
        border-radius: 99px;
        font-size: 11.5px;
        font-weight: 700;
        white-space: nowrap;
    }
    
    .hist-badge::before {
        content: '';
        width: 6px;
        height: 6px;
        border-radius: 50%;
        flex-shrink: 0;
    }
    
    .hist-badge--lida {
        background: rgba(46,168,110,.10);
        color: var(--success);
    }
    
    .hist-badge--lida::before { background: var(--success); }
    
    .hist-badge--pendente {
        background: rgba(217,135,58,.10);
        color: var(--warning);
    }
    
    .hist-badge--pendente::before { background: var(--warning); }

        
    /* Célula de data + título */
    .hist-date {
        font-size: 11.5px;
        color: var(--text-light);
        margin-bottom: 3px;
        display: flex;
        align-items: center;
        gap: 5px;
    }
    
    .hist-date i { font-size: 10px; color: var(--ice-300); }
    
    .hist-attachment {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        font-size: 11.5px;
        font-weight: 600;
        color: var(--navy-700);
        background: var(--ice-100);
        border: 1px solid var(--ice-200);
        padding: 2px 8px;
        border-radius: 99px;
        margin-top: 2px;
    }
    
    .hist-user-avatar {
        width: 28px;
        height: 28px;
        border-radius: 50%;
        background: linear-gradient(135deg, var(--navy-800), var(--navy-700));
        color: var(--gold-300);
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 11px;
        font-weight: 700;
        flex-shrink: 0;
        border: 1.5px solid var(--ice-200);
    }
    
    .hist-table-wrap { overflow-x: auto; }
    
    .hist-table {
        width: 100%;
        border-collapse: collapse;
        text-align: left;
        min-width: 860px;
    }
    
    .hist-table thead tr {
        background: var(--ice-50);
        border-bottom: 1px solid var(--ice-200);
    }
    
    .hist-table thead th {
        padding: 13px 22px;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: .08em;
        text-transform: uppercase;
        color: var(--text-light);
        white-space: nowrap;
    }
    
    .hist-table tbody tr {
        border-bottom: 1px solid var(--ice-100);
        transition: background .18s;
    }

    
    /* ===============Navbar Structure================ */
    .navbar {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 80px;
        background-color: rgba(14, 28, 47, 0.98); /* Navy Profundo com transparência sutil */
        backdrop-filter: blur(8px);
        border-bottom: 1px solid rgba(191, 208, 224, 0.1);
        display: flex;
        align-items: center;
        z-index: 1000;
    }

    .nav-container {
        width: 100%;
        max-width: 1280px;
        margin: 0 auto;
        padding: 0 40px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    
    /* Links Centrais */
    .nav-links {
        display: flex;
        gap: 32px;
        list-style: none;
    }

    .nav-links a {
        text-decoration: none;
        color: var(--ice-400);
        font-size: 0.9rem;
        font-weight: 500;
        transition: all 0.3s ease;
    }

    .nav-links a:hover {
        color: var(--text-light);
    }

    /* Ações Direita */
    .nav-actions {
        display: flex;
        align-items: center;
        gap: 24px;
    }

    .btn-login {
        text-decoration: none;
        color: var(--text-light);
        font-size: 0.9rem;
        font-weight: 500;
        transition: opacity 0.3s ease;
    }

        .btn-login:hover {
            opacity: 0.8;
        }

        .btn-demo {
            background-color: var(--gold-500);
            color: var(--navy-900);
            padding: 12px 24px;
            border-radius: 4px;
            text-decoration: none;
            font-size: 0.85rem;
            font-weight: 700;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            transition: background-color 0.3s ease;
            box-shadow: 0 2px 4px rgba(0,0,0,0.1);
        }

        .btn-demo:hover {
            background-color: var(--gold-400);
        }

        /* Menu Mobile Toggle */
        .mobile-toggle {
            display: none;
            cursor: pointer;
            background: none;
            border: none;
            padding: 5px;
        }

        .mobile-toggle span {
            display: block;
            width: 24px;
            height: 2px;
            background-color: var(--text-light);
            margin: 5px 0;
            transition: 0.3s;
        }

        /* Menu Mobile Drawer */
        .mobile-menu {
            position: fixed;
            top: 80px;
            left: 0;
            width: 100%;
            height: 0;
            background-color: var(--navy-900);
            overflow: hidden;
            transition: height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            display: flex;
            flex-direction: column;
            z-index: 999;
        }

        .mobile-menu.active {
            height: calc(100vh - 80px);
        }

        .mobile-menu-links {
            display: flex;
            flex-direction: column;
            padding: 40px;
            gap: 24px;
        }

        .mobile-menu-links a {
            text-decoration: none;
            color: var(--text-light);
            font-size: 1.1rem;
            font-weight: 500;
            border-bottom: 1px solid rgba(255,255,255,0.05);
            padding-bottom: 15px;
        }

        .mobile-menu-links .btn-demo-mobile {
            background-color: var(--gold-500);
            color: var(--navy-900);
            text-align: center;
            padding: 16px;
            border-radius: 4px;
            margin-top: 20px;
            border-bottom: none;
        }

        /* Responsividade */
        @media (max-width: 1024px) {
            .nav-container { padding: 0 24px; }
            .nav-links { gap: 20px; }
        }

        @media (max-width: 900px) {
            .nav-links, .nav-actions {
                display: none;
            }
            .mobile-toggle {
                display: block;
            }
        }

        /* Estilos Adicionais para a Hero */
        .hero {
            padding-top: 120px; /* Espaço para navbar fixa */
            padding-bottom: 40px;
            min-height: 100vh;
            display: flex;
            align-items: center;
            background: radial-gradient(circle at 90% 10%, rgba(29, 53, 87, 0.03) 0%, transparent 40%),
                        radial-gradient(circle at 10% 90%, rgba(201, 151, 58, 0.02) 0%, transparent 30%);
        }

        .hero-container {
            max-width: 1280px;
            margin: 0 auto;
            padding: 0 40px;
            display: grid;
            grid-template-columns: 1.1fr 0.9fr;
            gap: 60px;
            align-items: center;
        }

        /* Coluna Esquerda */
        .micro-badge {
            display: inline-block;
            padding: 6px 12px;
            background: rgba(29, 53, 87, 0.05);
            border: 1px solid rgba(29, 53, 87, 0.1);
            border-radius: 4px;
            color: var(--gold-500);
            font-size: 0.7rem;
            font-weight: 600;
            letter-spacing: 1.5px;
            margin-bottom: 24px;
        }

        .headline {
            font-size: clamp(2.5rem, 4vw, 3.5rem);
            color: var(--navy-900);
            line-height: 1.1;
            font-weight: 800;
            margin-bottom: 24px;
            letter-spacing: -1px;
        }

        .subheadline {
            font-size: 1.15rem;
            color: var(--text-muted);
            line-height: 1.6;
            max-width: 540px;
            margin-bottom: 40px;
        }

        .hero-cta {
            display: flex;
            gap: 16px;
            margin-bottom: 48px;
        }

        .btn-secondary {
            display: inline-block;
            padding: 14px 28px;
            border: 1px solid var(--navy-700);
            color: var(--navy-900);
            text-decoration: none;
            border-radius: 4px;
            font-size: 0.9rem;
            font-weight: 600;
            transition: all 0.3s ease;
        }

        .btn-secondary:hover {
            background: rgba(29, 53, 87, 0.03);
        }

        .hero-indicators {
            display: flex;
            gap: 20px;
            flex-wrap: wrap;
            border-top: 1px solid var(--ice-200);
            padding-top: 24px;
        }

        .indicator-item {
            font-size: 0.8rem;
            color: var(--text-muted);
            display: flex;
            align-items: center;
            gap: 6px;
        }

        .indicator-item i {
            color: #2ea86e;
            font-style: normal;
            font-weight: bold;
        }

        /* Mockup Institucional */
        
       

        /* Responsividade */
        @media (max-width: 1024px) {
            .hero-container {
                grid-template-columns: 1fr;
                text-align: center;
                padding-top: 40px;
            }
            .headline, .subheadline { margin-left: auto; margin-right: auto; }
            .hero-cta, .hero-indicators { justify-content: center; }
            .hero-visual { margin-top: 40px; }
        }

        @media (max-width: 640px) {
            .hero-cta { flex-direction: column; }
            .mockup-frame { grid-template-columns: 1fr; }
            .headline { font-size: 2rem; }
        }

    .fluxo-verificabilidade {
        background-color: var(--ice-200); /* Alternância tonal sutil */
        padding: 40px 0;
        position: relative;
        overflow: hidden;
    }

    .fluxo-verificabilidade::before {
        content: '';
        position: absolute;
        top: 0; right: 0;
        width: 40%; height: 100%;
        background: radial-gradient(circle at center, rgba(29, 53, 87, 0.02) 0%, transparent 70%);
        pointer-events: none;
    }

    .fluxo-container {
        max-width: 1280px;
        margin: 0 auto;
        padding: 0 40px;
    }

    /* Cabeçalho */
    .fluxo-header {
        text-align: center;
        margin-bottom: 80px;
    }

    .micro-label {
        display: inline-block;
        padding: 4px 12px;
        background: rgba(14, 28, 47, 0.03);
        border: 1px solid rgba(14, 28, 47, 0.08);
        border-radius: 4px;
        color: var(--gold-500);
        font-size: 0.7rem;
        font-weight: 600;
        letter-spacing: 2px;
        margin-bottom: 20px;
    }

    .fluxo-headline {
        font-size: 2.25rem;
        color: var(--navy-900);
        font-weight: 700;
        margin-bottom: 20px;
        letter-spacing: -0.5px;
    }

    .fluxo-subheadline {
        font-size: 1.1rem;
        color: var(--text-muted);
        max-width: 600px;
        margin: 0 auto;
        line-height: 1.6;
    }

    /* Layout Content */
    .fluxo-content-grid {
        display: grid;
        grid-template-columns: 1fr 300px;
        gap: 40px;
        align-items: start;
    }

    /* Fluxo Main */
    .fluxo-main {
        position: relative;
        padding-top: 40px;
    }

    .fluxo-line-connector {
        position: absolute;
        top: 82px;
        left: 0;
        width: 100%;
        height: 1px;
        background: linear-gradient(to right, var(--ice-400), var(--gold-500), var(--ice-400));
        opacity: 0.3;
        z-index: 1;
    }

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

    /* Cards */
    .fluxo-card {
        background: #fff;
        padding: 24px 20px;
        border-radius: 8px;
        border: 1px solid rgba(191, 208, 224, 0.4);
        box-shadow: 0 4px 12px rgba(14, 28, 47, 0.02);
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .fluxo-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 12px 24px rgba(14, 28, 47, 0.05);
        border-color: var(--gold-500);
    }

    .card-icon {
        width: 44px;
        height: 44px;
        background: var(--navy-900);
        color: var(--gold-500);
        border-radius: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 30px;
        position: relative;
        z-index: 3;
    }

    .card-title {
        font-size: 0.95rem;
        font-weight: 700;
        color: var(--navy-900);
        margin-bottom: 12px;
    }

    .card-desc {
        font-size: 0.8rem;
        color: var(--text-muted);
        line-height: 1.5;
    }

    .card-indicator {
        width: 8px;
        height: 8px;
        background: var(--ice-200);
        border-radius: 50%;
        margin-top: 20px;
        border: 2px solid #fff;
        box-shadow: 0 0 0 1px var(--ice-400);
    }

    .fluxo-card:hover .card-indicator {
        background: var(--gold-500);
        box-shadow: 0 0 0 1px var(--gold-500);
    }

    /* Painel Lateral */
    .painel-auditoria {
        background: #fff;
        border: 1px solid var(--ice-400);
        border-radius: 8px;
        padding: 24px;
        box-shadow: 0 20px 40px rgba(14, 28, 47, 0.04);
        position: sticky;
        top: 100px;
    }

    .painel-header h4 {
        font-size: 0.85rem;
        text-transform: uppercase;
        letter-spacing: 1px;
        color: var(--navy-900);
        margin-bottom: 24px;
        padding-bottom: 12px;
        border-bottom: 1px solid var(--ice-200);
    }

    .painel-list {
        list-style: none;
        margin-bottom: 30px;
    }

    .painel-list li {
        font-size: 0.8rem;
        color: var(--text-muted);
        margin-bottom: 12px;
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .painel-list li i {
        color: #2ea86e;
        font-weight: bold;
        font-style: normal;
    }

    .painel-hash-box {
        background: var(--ice-100);
        padding: 12px;
        border-radius: 4px;
        border: 1px dashed var(--ice-400);
    }

    .hash-label {
        display: block;
        font-size: 0.6rem;
        font-weight: 700;
        color: var(--navy-700);
        margin-bottom: 4px;
    }

    .hash-value {
        font-family: 'Courier New', Courier, monospace;
        font-size: 0.75rem;
        color: var(--navy-900);
        font-weight: 600;
    }

    /* Responsividade */
    @media (max-width: 1100px) {
        .fluxo-content-grid { grid-template-columns: 1fr; }
        .fluxo-steps { grid-template-columns: repeat(3, 1fr); gap: 15px; }
        .fluxo-line-connector { display: none; }
        .painel-auditoria { position: static; max-width: 400px; margin: 40px auto 0; }
    }

    @media (max-width: 768px) {
        .fluxo-steps { grid-template-columns: 1fr; }
        .fluxo-card { flex-direction: row; text-align: left; gap: 20px; align-items: flex-start; }
        .card-icon { margin-bottom: 0; flex-shrink: 0; }
        .card-indicator { display: none; }
        .fluxo-headline { font-size: 1.75rem; }
    }

    casos-uso {
        background-color: var(--ice-100);
        padding: 40px 0;
        position: relative;
    }

    .casos-container {
        max-width: 1280px;
        margin: 0 auto;
        padding: 40px;
    }

    /* Cabeçalho */
    .casos-header {
        text-align: center;
        margin-bottom: 80px;
    }

    .micro-label-casos {
        display: inline-block;
        padding: 4px 12px;
        background: rgba(14, 28, 47, 0.03);
        border: 1px solid rgba(14, 28, 47, 0.08);
        border-radius: 4px;
        color: var(--gold-500);
        font-size: 0.7rem;
        font-weight: 600;
        letter-spacing: 2px;
        margin-bottom: 20px;
    }

    .casos-headline {
        font-size: 2.25rem;
        color: var(--navy-900);
        font-weight: 700;
        margin-bottom: 20px;
        letter-spacing: -0.5px;
    }

    .casos-subheadline {
        font-size: 1.1rem;
        color: var(--text-muted);
        max-width: 600px;
        margin: 0 auto;
        line-height: 1.6;
    }

    /* Grid */
    .casos-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
        margin-bottom: 80px;
    }

    /* Card Style */
    .caso-card {
        background: #fff;
        border: 1px solid var(--ice-200);
        padding: 40px;
        border-radius: 8px;
        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        position: relative;
        overflow: hidden;
    }

    .caso-card:hover {
        transform: translateY(-5px);
        border-color: var(--ice-400);
        box-shadow: 0 20px 40px rgba(14, 28, 47, 0.04);
    }

    .caso-card::after {
        content: '';
        position: absolute;
        bottom: 0; left: 0;
        width: 100%; height: 2px;
        background: var(--gold-500);
        transform: scaleX(0);
        transition: transform 0.3s ease;
        transform-origin: left;
    }

    .caso-card:hover::after {
        transform: scaleX(1);
    }

    .caso-icon {
        color: var(--navy-700);
        margin-bottom: 24px;
        opacity: 0.8;
    }

    .caso-tag {
        display: inline-block;
        font-size: 0.65rem;
        font-weight: 700;
        color: var(--gold-500);
        background: rgba(201, 151, 58, 0.05);
        padding: 2px 8px;
        border-radius: 4px;
        margin-bottom: 16px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        border: 1px solid rgba(201, 151, 58, 0.1);
    }

    .caso-title {
        font-size: 1.2rem;
        color: var(--navy-900);
        font-weight: 700;
        margin-bottom: 12px;
    }

    .caso-desc {
        font-size: 0.9rem;
        color: var(--text-muted);
        line-height: 1.6;
    }

    /* Bloco de Confiança */
    .confianca-operacional {
        background: var(--navy-900);
        border-radius: 8px;
        padding: 50px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 40px;
        border: 1px solid rgba(255,255,255,0.05);
    }

    .confianca-content h4 {
        color: var(--text-light);
        font-size: 1.4rem;
        margin-bottom: 12px;
    }

    .confianca-content p {
        color: var(--ice-400);
        font-size: 0.95rem;
        max-width: 500px;
        line-height: 1.6;
    }

    .confianca-indicators {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px 32px;
    }

    .confianca-indicators span {
        color: var(--ice-200);
        font-size: 0.85rem;
        display: flex;
        align-items: center;
        gap: 10px;
        font-weight: 500;
    }

    .confianca-indicators i {
        color: #2ea86e;
        font-style: normal;
        font-weight: 700;
    }

    /* Responsividade */
    @media (max-width: 1024px) {
        .casos-grid { grid-template-columns: repeat(2, 1fr); }
        .confianca-operacional { flex-direction: column; text-align: center; }
        .confianca-content p { margin: 0 auto; }
        .confianca-indicators { justify-items: center; }
    }

    @media (max-width: 768px) {
        .casos-grid { grid-template-columns: 1fr; }
        .casos-headline { font-size: 1.75rem; }
        .confianca-indicators { grid-template-columns: 1fr; gap: 12px; }
        .caso-card { padding: 30px; }
    }

    .arquitetura-confianca {
        background-color: var(--ice-200);
        padding: 40px;
        position: relative;
    }

    .arq-container {
        max-width: 1280px;
        margin: 0 auto;
        padding: 0 40px;
    }

    /* Cabeçalho */
    .arq-header {
        margin-bottom: 80px;
    }

    .micro-label-arq {
        display: inline-block;
        padding: 4px 12px;
        background: rgba(14, 28, 47, 0.05);
        border: 1px solid rgba(14, 28, 47, 0.1);
        border-radius: 4px;
        color: var(--gold-500);
        font-size: 0.7rem;
        font-weight: 600;
        letter-spacing: 2px;
        margin-bottom: 20px;
    }

    .arq-headline {
        font-size: 2.25rem;
        color: var(--navy-900);
        font-weight: 700;
        margin-bottom: 20px;
        letter-spacing: -0.5px;
        max-width: 800px;
    }

    .arq-subheadline {
        font-size: 1.1rem;
        color: var(--text-muted);
        max-width: 650px;
        line-height: 1.6;
    }

    /* Layout Content */
    .arq-main-layout {
        display: grid;
        grid-template-columns: 1fr 320px;
        gap: 40px;
        margin-bottom: 60px;
        align-items: start;
    }

    /* Grid */
    .arq-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
    }

    .arq-block {
        background: #fff;
        padding: 32px;
        border-radius: 8px;
        border: 1px solid var(--ice-200);
        transition: all 0.3s ease;
    }

    .arq-block:hover {
        transform: translateY(-4px);
        box-shadow: 0 10px 30px rgba(14, 28, 47, 0.05);
        border-color: var(--gold-500);
    }

    .arq-icon {
        color: var(--navy-700);
        margin-bottom: 20px;
        display: inline-block;
    }

    .arq-block-title {
        font-size: 1rem;
        font-weight: 700;
        color: var(--navy-900);
        margin-bottom: 12px;
    }

    .arq-block-desc {
        font-size: 0.85rem;
        color: var(--text-muted);
        line-height: 1.5;
    }

    /* Painel Lateral */
    .arq-side-panel {
        background: var(--navy-900);
        border-radius: 8px;
        padding: 2px;
        position: sticky;
        top: 100px;
    }

    .panel-inner {
        background: var(--navy-800);
        border-radius: 6px;
        padding: 30px;
        border: 1px solid rgba(255,255,255,0.05);
    }

    .panel-title {
        color: #fff;
        font-size: 0.8rem;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin-bottom: 24px;
        display: block;
        border-bottom: 1px solid rgba(255,255,255,0.1);
        padding-bottom: 12px;
    }

    .panel-status-list {
        list-style: none;
        margin-bottom: 30px;
    }

    .panel-status-list li {
        color: var(--ice-400);
        font-size: 0.8rem;
        margin-bottom: 14px;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .panel-status-list li i {
        color: #2ea86e;
        font-style: normal;
        font-weight: 700;
    }

    .arq-visual-metrics {
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin-bottom: 30px;
    }

    .metric-bar {
        height: 4px;
        background: rgba(255,255,255,0.05);
        border-radius: 2px;
        overflow: hidden;
    }

    .metric-bar .fill {
        height: 100%;
        background: var(--gold-500);
        border-radius: 2px;
    }

    .arq-hash-container {
        background: rgba(0,0,0,0.2);
        padding: 15px;
        border-radius: 4px;
        border: 1px solid rgba(255,255,255,0.05);
    }

    .hash-label {
        color: var(--gold-500);
        font-size: 0.6rem;
        font-weight: 700;
        display: block;
        margin-bottom: 6px;
    }

    .hash-code {
        color: #fff;
        font-family: monospace;
        font-size: 0.7rem;
    }

    /* Footer Block */
    .arq-footer-block {
        background: #fff;
        border-radius: 8px;
        padding: 40px;
        border: 1px solid var(--ice-400);
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 40px;
        box-shadow: 0 4px 20px rgba(14, 28, 47, 0.02);
    }

    .footer-block-text h3 {
        color: var(--navy-900);
        font-size: 1.25rem;
        margin-bottom: 12px;
    }

    .footer-block-text p {
        color: var(--text-muted);
        font-size: 0.95rem;
        max-width: 600px;
    }

    .footer-block-indicators {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px 24px;
    }

    .footer-block-indicators span {
        font-size: 0.8rem;
        font-weight: 600;
        color: var(--navy-700);
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .footer-block-indicators i {
        color: #2ea86e;
        font-style: normal;
    }

    /* Responsividade */
    @media (max-width: 1100px) {
        .arq-main-layout { grid-template-columns: 1fr; }
        .arq-grid { grid-template-columns: repeat(2, 1fr); }
        .arq-side-panel { position: static; max-width: 400px; margin: 0 auto; }
        .arq-footer-block { flex-direction: column; text-align: center; }
        .footer-block-indicators { justify-items: center; }
    }

    @media (max-width: 768px) {
        .arq-grid { grid-template-columns: 1fr; }
        .arq-headline { font-size: 1.75rem; }
        .footer-block-indicators { grid-template-columns: 1fr; }
    }

    .demo-operacional {
        background-color: var(--ice-100);
        padding: 40px;
        position: relative;
        overflow: hidden;
    }

    .demo-container {
        max-width: 1280px;
        margin: 0 auto;
        padding: 0 40px;
    }

    /* Cabeçalho */
    .demo-header {
        text-align: center;
        margin-bottom: 80px;
    }

    .micro-label-demo {
        display: inline-block;
        padding: 4px 14px;
        background: rgba(14, 28, 47, 0.04);
        border: 1px solid rgba(14, 28, 47, 0.08);
        border-radius: 4px;
        color: var(--gold-500);
        font-size: 0.7rem;
        font-weight: 700;
        letter-spacing: 2px;
        margin-bottom: 24px;
    }

    .demo-headline {
        font-size: 2.25rem;
        color: var(--navy-900);
        font-weight: 800;
        margin-bottom: 20px;
        letter-spacing: -0.5px;
    }

    .demo-subheadline {
        font-size: 1.1rem;
        color: var(--text-muted);
        max-width: 600px;
        margin: 0 auto;
        line-height: 1.6;
    }


    /* Sidebar */
    .dash-sidebar {
        background: var(--navy-900);
        padding: 30px 0;
        display: flex;
        flex-direction: column;
    }

    .sidebar-logo {
        padding: 0 30px 40px;
    }

    .logo-circle {
        width: 32px; height: 32px;
        background: var(--gold-500);
        border-radius: 6px;
    }

    .sidebar-nav {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }

    .nav-item {
        padding: 12px 30px;
        color: rgba(255,255,255,0.5);
        font-size: 0.85rem;
        font-weight: 500;
        display: flex;
        align-items: center;
        gap: 12px;
        transition: 0.3s;
        cursor: default;
    }

    .nav-item.active {
        color: var(--gold-500);
        background: rgba(201, 151, 58, 0.08);
        border-right: 3px solid var(--gold-500);
    }

    /* Content Area */
    .dash-content {
        display: flex;
        flex-direction: column;
        background: #f8fafc;
    }

    .dash-topbar {
        height: 70px;
        border-bottom: 1px solid var(--ice-200);
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 40px;
    }

    .dash-search {
        color: var(--text-muted);
        font-size: 0.85rem;
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .dash-user-status {
        display: flex;
        align-items: center;
        gap: 20px;
    }

    .status-badge {
        font-size: 0.75rem;
        font-weight: 600;
        color: var(--navy-700);
        background: var(--ice-200);
        padding: 4px 12px;
        border-radius: 20px;
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .pulse-dot {
        width: 6px; height: 6px;
        background: #2ea86e;
        border-radius: 50%;
        box-shadow: 0 0 0 rgba(46, 168, 110, 0.4);
        animation: pulse 2s infinite;
    }

    .user-avatar {
        width: 32px; height: 32px;
        background: var(--ice-400);
        border-radius: 50%;
    }

    /* Body */
    .dash-body {
        display: grid;
        grid-template-columns: 1fr 300px;
        gap: 30px;
        padding: 40px;
        flex: 1;
    }

    .list-header {
        font-size: 0.7rem;
        font-weight: 700;
        color: var(--text-muted);
        letter-spacing: 1px;
        margin-bottom: 20px;
    }

    .list-row {
        background: #fff;
        border: 1px solid var(--ice-200);
        padding: 18px 24px;
        border-radius: 8px;
        margin-bottom: 12px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .row-title {
        display: block;
        font-size: 0.9rem;
        font-weight: 700;
        color: var(--navy-900);
    }

    .row-meta {
        font-size: 0.75rem;
        color: var(--text-muted);
    }

    /* Badges */
    .badge {
        font-size: 0.7rem;
        font-weight: 700;
        padding: 4px 10px;
        border-radius: 4px;
        text-transform: uppercase;
    }

    .b-success { background: rgba(46,168,110,0.1); color: #2ea86e; }
    .b-info { background: rgba(59,130,246,0.1); color: #3b82f6; }
    .b-warning { background: rgba(201,151,58,0.1); color: var(--gold-500); }

    /* Timeline */
    .timeline-container {
        border-left: 1px solid var(--ice-400);
        padding-left: 20px;
        margin-left: 10px;
    }

    .tl-item {
        position: relative;
        padding-bottom: 25px;
    }

    .tl-dot {
        position: absolute;
        left: -24.5px;
        top: 4px;
        width: 8px; height: 8px;
        background: var(--ice-400);
        border: 2px solid #f8fafc;
        border-radius: 50%;
    }

    .tl-item:first-child .tl-dot { background: var(--gold-500); }

    .tl-content p {
        font-size: 0.8rem;
        font-weight: 600;
        color: var(--navy-900);
        margin: 0;
    }

    .tl-content span {
        font-size: 0.7rem;
        color: var(--text-muted);
    }

    /* Analytics Footer */
    .dash-analytics {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        padding: 0 40px 40px;
    }

    .ana-card {
        background: #fff;
        border: 1px solid var(--ice-200);
        padding: 24px;
        border-radius: 8px;
    }

    .ana-label {
        display: block;
        font-size: 0.75rem;
        font-weight: 600;
        color: var(--text-muted);
        margin-bottom: 8px;
    }

    .ana-value {
        display: block;
        font-size: 1.4rem;
        font-weight: 800;
        color: var(--navy-900);
        margin-bottom: 4px;
    }

    .ana-sub {
        font-size: 0.7rem;
        color: var(--gold-500);
        font-weight: 600;
    }

    /* Footer Block */
    .demo-footer-block {
        background: #fff;
        border-radius: 8px;
        padding: 50px;
        border: 1px solid var(--ice-400);
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 40px;
    }

    .dfb-content h3 {
        font-size: 1.4rem;
        color: var(--navy-900);
        margin-bottom: 12px;
        font-weight: 700;
    }

    .dfb-content p {
        font-size: 0.95rem;
        color: var(--text-muted);
        max-width: 600px;
        line-height: 1.6;
    }

    .dfb-indicators {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px 30px;
    }

    .dfb-indicators span {
        font-size: 0.85rem;
        font-weight: 700;
        color: var(--navy-900);
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .dfb-indicators i { color: #2ea86e; font-style: normal; }

    @keyframes pulse {
        0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(46, 168, 110, 0.7); }
        70% { transform: scale(1); box-shadow: 0 0 0 6px rgba(46, 168, 110, 0); }
        100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(46, 168, 110, 0); }
    }

    /* Responsive */
    @media (max-width: 1024px) {
        .dash-sidebar { display: none; }
        .dash-body { grid-template-columns: 1fr; }
        .demo-footer-block { flex-direction: column; text-align: center; }
        .dfb-indicators { justify-items: center; }
    }

    @media (max-width: 768px) {
        .dash-analytics { grid-template-columns: 1fr; }
        .demo-headline { font-size: 1.8rem; }
        .dfb-indicators { grid-template-columns: 1fr; }
        .dash-topbar { padding: 0 20px; }
        .dash-body { padding: 20px; }
    }

    .seguranca-conformidade {
        background-color: var(--ice-200);
        padding: 40px;
        position: relative;
        overflow: hidden;
    }

    /* Manchas decorativas sutis */
    .seguranca-conformidade::before {
        content: '';
        position: absolute;
        top: 0; right: 0;
        width: 40%; height: 60%;
        background: radial-gradient(circle, rgba(14, 28, 47, 0.03) 0%, transparent 70%);
        pointer-events: none;
    }

    .seg-container {
        max-width: 1280px;
        margin: 0 auto;
        padding: 0 40px;
        position: relative;
        z-index: 1;
    }

    /* Cabeçalho */
    .seg-header {
        margin-bottom: 80px;
    }

    .micro-label-seg {
        display: inline-block;
        padding: 4px 12px;
        background: rgba(14, 28, 47, 0.05);
        border: 1px solid rgba(14, 28, 47, 0.1);
        border-radius: 4px;
        color: var(--gold-500);
        font-size: 0.7rem;
        font-weight: 700;
        letter-spacing: 2px;
        margin-bottom: 24px;
    }

    .seg-headline {
        font-size: 2.25rem;
        color: var(--navy-900);
        font-weight: 800;
        margin-bottom: 20px;
        letter-spacing: -0.5px;
    }

    .seg-subheadline {
        font-size: 1.1rem;
        color: var(--text-muted);
        max-width: 650px;
        line-height: 1.6;
    }

    /* Layout Content */
    .seg-main-layout {
        display: grid;
        grid-template-columns: 1fr 340px;
        gap: 40px;
        margin-bottom: 60px;
        align-items: start;
    }

    /* Grid de Pilares */
    .seg-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }

    .seg-card {
        background: #fff;
        padding: 40px;
        border-radius: 8px;
        border: 1px solid var(--ice-400);
        transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        position: relative;
    }

    .seg-card:hover {
        transform: translateY(-5px);
        border-color: var(--gold-500);
        box-shadow: 0 20px 40px rgba(14, 28, 47, 0.04);
    }

    .seg-card-header {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-bottom: 24px;
    }

    .seg-icon {
        color: var(--navy-700);
    }

    .seg-indicator {
        font-size: 0.65rem;
        font-weight: 700;
        color: var(--gold-500);
        background: rgba(201, 151, 58, 0.05);
        padding: 4px 10px;
        border-radius: 4px;
        border: 1px solid rgba(201, 151, 58, 0.1);
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .seg-card-title {
        font-size: 1.15rem;
        font-weight: 700;
        color: var(--navy-900);
        margin-bottom: 12px;
    }

    .seg-card-desc {
        font-size: 0.9rem;
        color: var(--text-muted);
        line-height: 1.6;
    }

    /* Painel Lateral */
    .seg-compliance-panel {
        background: var(--navy-900);
        border-radius: 12px;
        padding: 2px;
        box-shadow: 0 30px 60px rgba(14, 28, 47, 0.15);
    }

    .compliance-inner {
        background: var(--navy-800);
        border-radius: 10px;
        padding: 35px;
        border: 1px solid rgba(255, 255, 255, 0.05);
    }

    .compliance-title {
        color: #fff;
        font-size: 0.75rem;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        margin-bottom: 30px;
        padding-bottom: 15px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        font-weight: 700;
    }

    .compliance-list {
        list-style: none;
        margin-bottom: 35px;
    }

    .compliance-list li {
        color: var(--ice-400);
        font-size: 0.85rem;
        margin-bottom: 16px;
        display: flex;
        align-items: center;
        gap: 12px;
        font-weight: 500;
    }

    .compliance-list li i {
        color: #2ea86e;
        font-style: normal;
        font-weight: 700;
    }

    .compliance-visuals {
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin-bottom: 35px;
    }

    .comp-bar {
        height: 3px;
        background: rgba(255, 255, 255, 0.05);
        border-radius: 2px;
        overflow: hidden;
    }

    .comp-fill {
        height: 100%;
        background: var(--gold-500);
        opacity: 0.6;
    }

    .compliance-id-box {
        background: rgba(0, 0, 0, 0.2);
        padding: 20px;
        border-radius: 6px;
        border: 1px solid rgba(255, 255, 255, 0.05);
        text-align: center;
    }

    .id-label {
        display: block;
        font-size: 0.6rem;
        color: var(--gold-500);
        text-transform: uppercase;
        font-weight: 700;
        margin-bottom: 8px;
        letter-spacing: 1px;
    }

    .id-value {
        color: #fff;
        font-family: 'Courier New', Courier, monospace;
        font-size: 0.75rem;
        letter-spacing: 0.5px;
    }

    /* Barra Inferior */
    .seg-footer-bar {
        background: #fff;
        border-radius: 8px;
        padding: 45px 50px;
        border: 1px solid var(--ice-400);
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 50px;
        box-shadow: 0 4px 20px rgba(14, 28, 47, 0.02);
    }

    .sf-content h3 {
        color: var(--navy-900);
        font-size: 1.35rem;
        margin-bottom: 12px;
        font-weight: 700;
    }

    .sf-content p {
        color: var(--text-muted);
        font-size: 0.95rem;
        max-width: 600px;
        line-height: 1.6;
    }

    .sf-indicators {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 16px 32px;
    }

    .sf-indicators span {
        font-size: 0.85rem;
        font-weight: 700;
        color: var(--navy-700);
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .sf-indicators i {
        color: #2ea86e;
        font-style: normal;
    }

    /* Responsividade */
    @media (max-width: 1150px) {
        .seg-main-layout { grid-template-columns: 1fr; }
        .seg-compliance-panel { max-width: 450px; margin: 0 auto; width: 100%; }
        .seg-footer-bar { flex-direction: column; text-align: center; }
        .sf-indicators { justify-items: center; }
    }

    @media (max-width: 768px) {
        .seg-grid { grid-template-columns: 1fr; }
        .seg-headline { font-size: 1.8rem; }
        .sf-indicators { grid-template-columns: 1fr; gap: 12px; }
        .seg-card { padding: 30px; }
    }

    .credibilidade-institucional {
        background-color: var(--ice-100);
        padding: 40px;
        position: relative;
        overflow: hidden;
    }

    /* Mancha decorativa translúcida */
    .credibilidade-institucional::after {
        content: '';
        position: absolute;
        bottom: -10%; left: -5%;
        width: 30%; height: 40%;
        background: radial-gradient(circle, rgba(14, 28, 47, 0.02) 0%, transparent 70%);
        pointer-events: none;
    }

    .cred-container {
        max-width: 1280px;
        margin: 0 auto;
        padding: 0 40px;
        position: relative;
        z-index: 2;
    }

    /* Cabeçalho */
    .cred-header {
        text-align: center;
        margin-bottom: 80px;
    }

    .micro-label-cred {
        display: inline-block;
        padding: 4px 12px;
        background: rgba(14, 28, 47, 0.03);
        border: 1px solid rgba(14, 28, 47, 0.08);
        border-radius: 4px;
        color: var(--gold-500);
        font-size: 0.7rem;
        font-weight: 700;
        letter-spacing: 2px;
        margin-bottom: 24px;
    }

    .cred-headline {
        font-size: 2.25rem;
        color: var(--navy-900);
        font-weight: 800;
        margin-bottom: 24px;
        letter-spacing: -0.5px;
        max-width: 800px;
        margin-left: auto;
        margin-right: auto;
    }

    .cred-subheadline {
        font-size: 1.1rem;
        color: var(--text-muted);
        max-width: 700px;
        margin: 0 auto;
        line-height: 1.6;
    }

    /* Grid de Depoimentos */
    .cred-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 32px;
        margin-bottom: 80px;
    }

    .depoimento-card {
        background: #ffffff;
        padding: 48px 40px;
        border-radius: 8px;
        border: 1px solid var(--ice-400);
        position: relative;
        transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .depoimento-card:hover {
        transform: translateY(-5px);
        border-color: var(--ice-200);
        box-shadow: 0 20px 40px rgba(14, 28, 47, 0.03);
    }

    .quote-icon {
        position: absolute;
        top: 20px;
        left: 30px;
        font-size: 4rem;
        color: var(--gold-500);
        opacity: 0.08;
        font-family: serif;
        line-height: 1;
    }

    .depoimento-texto {
        font-size: 1.05rem;
        color: var(--navy-800);
        line-height: 1.7;
        font-style: italic;
        margin-bottom: 32px;
        position: relative;
        z-index: 1;
    }

    .depoimento-footer {
        padding-top: 24px;
        border-top: 1px solid var(--ice-100);
    }

    .depoimento-nome {
        display: block;
        font-size: 0.95rem;
        font-weight: 700;
        color: var(--navy-900);
        margin-bottom: 4px;
    }

    .depoimento-cargo {
        display: block;
        font-size: 0.8rem;
        color: var(--text-muted);
        font-weight: 500;
    }

    /* Indicadores Enterprise */
    .indicadores-enterprise {
        background: #ffffff;
        border: 1px solid var(--ice-400);
        border-radius: 12px;
        padding: 40px;
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin-bottom: 60px;
        box-shadow: 0 4px 20px rgba(14, 28, 47, 0.01);
    }

    .ind-item {
        text-align: center;
        flex: 1;
    }

    .ind-value {
        display: block;
        font-size: 1.75rem;
        font-weight: 800;
        color: var(--navy-900);
        margin-bottom: 8px;
        position: relative;
    }

    .ind-value::after {
        content: '';
        display: block;
        width: 20px;
        height: 2px;
        background: var(--gold-500);
        margin: 4px auto 0;
        opacity: 0.6;
    }

    .ind-label {
        font-size: 0.8rem;
        font-weight: 600;
        color: var(--text-muted);
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .ind-divider {
        width: 1px;
        height: 40px;
        background: var(--ice-200);
    }

    /* Barra Editorial */
    .barra-editorial {
        text-align: center;
        padding: 50px;
        background: rgba(14, 28, 47, 0.02);
        border-radius: 8px;
        border: 1px solid rgba(14, 28, 47, 0.05);
    }

    .editorial-text {
        font-size: 1rem;
        color: var(--navy-800);
        max-width: 800px;
        margin: 0 auto 30px;
        line-height: 1.6;
        font-weight: 500;
    }

    .editorial-badges {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 24px;
    }

    .editorial-badges span {
        font-size: 0.8rem;
        font-weight: 700;
        color: var(--navy-700);
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .editorial-badges i {
        color: #2ea86e;
        font-style: normal;
    }

    /* Responsividade */
    @media (max-width: 1024px) {
        .cred-grid { grid-template-columns: repeat(2, 1fr); }
        .indicadores-enterprise { flex-wrap: wrap; gap: 40px; }
        .ind-divider { display: none; }
        .ind-item { flex: 0 0 40%; }
    }

    @media (max-width: 768px) {
        .cred-grid { grid-template-columns: 1fr; }
        .cred-headline { font-size: 1.8rem; }
        .indicadores-enterprise { padding: 30px; }
        .ind-item { flex: 0 0 100%; }
        .barra-editorial { padding: 30px; }
        .editorial-badges { flex-direction: column; gap: 12px; align-items: flex-start; width: fit-content; margin: 0 auto; }
    }

    .planos-comerciais {
        background-color: var(--ice-200);
        padding: 40px;
        position: relative;
    }

    .planos-container {
        max-width: 1280px;
        margin: 0 auto;
        padding: 0 40px;
    }

    /* Cabeçalho */
    .planos-header {
        text-align: center;
        margin-bottom: 80px;
    }

    .micro-label-planos {
        display: inline-block;
        padding: 4px 12px;
        background: rgba(14, 28, 47, 0.05);
        border: 1px solid rgba(14, 28, 47, 0.1);
        border-radius: 4px;
        color: var(--gold-500);
        font-size: 0.7rem;
        font-weight: 700;
        letter-spacing: 2px;
        margin-bottom: 24px;
    }

    .planos-headline {
        font-size: 2.25rem;
        color: var(--navy-900);
        font-weight: 800;
        margin-bottom: 20px;
        letter-spacing: -0.5px;
    }

    .planos-subheadline {
        font-size: 1.1rem;
        color: var(--text-muted);
        max-width: 650px;
        margin: 0 auto;
        line-height: 1.6;
    }

    /* Grid de Planos */
    .planos-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 32px;
        margin-bottom: 60px;
        align-items: stretch;
    }

    .plano-card {
        background: #ffffff;
        padding: 48px 40px;
        border-radius: 12px;
        border: 1px solid var(--ice-400);
        display: flex;
        flex-direction: column;
        transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        position: relative;
    }

    .plano-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 20px 40px rgba(14, 28, 47, 0.04);
    }

    .plano-destaque {
        border: 1px solid var(--gold-500);
        box-shadow: 0 10px 30px rgba(14, 28, 47, 0.06);
        z-index: 2;
    }

    .tag-destaque {
        position: absolute;
        top: 20px;
        right: 24px;
        background: rgba(201, 151, 58, 0.08);
        color: var(--navy-900);
        font-size: 0.65rem;
        font-weight: 700;
        padding: 4px 10px;
        border-radius: 4px;
        border: 1px solid rgba(201, 151, 58, 0.2);
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .plano-card-header {
        margin-bottom: 32px;
    }

    .plano-nome {
        font-size: 1.5rem;
        color: var(--navy-900);
        font-weight: 800;
        margin-bottom: 12px;
    }

    .plano-desc {
        font-size: 0.9rem;
        color: var(--text-muted);
        line-height: 1.5;
    }

    .plano-recursos {
        list-style: none;
        margin-bottom: 40px;
        flex-grow: 1;
    }

    .plano-recursos li {
        font-size: 0.9rem;
        color: var(--navy-800);
        margin-bottom: 16px;
        display: flex;
        align-items: center;
        gap: 12px;
        font-weight: 500;
    }

    .plano-recursos li i {
        color: #2ea86e;
        font-style: normal;
        font-weight: 700;
    }

    /* Botões CTA */
    .plano-cta {
        display: block;
        text-align: center;
        padding: 16px;
        border-radius: 6px;
        font-size: 0.9rem;
        font-weight: 700;
        text-decoration: none;
        transition: all 0.3s ease;
    }

    .cta-outline {
        border: 1px solid var(--navy-900);
        color: var(--navy-900);
    }

    .cta-outline:hover {
        background: var(--navy-900);
        color: #fff;
    }

    .cta-gold {
        background: var(--gold-500);
        color: var(--navy-900);
    }

    .cta-gold:hover {
        background: var(--gold-600);
        transform: translateY(-2px);
    }

    .cta-navy {
        background: var(--navy-900);
        color: #fff;
    }

    .cta-navy:hover {
        background: var(--navy-800);
    }

    /* Bloco Comparativo */
    .bloco-comparativo {
        background: #fff;
        border: 1px solid var(--ice-400);
        border-radius: 8px;
        padding: 40px 50px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 60px;
        gap: 40px;
    }

    .bc-content h3 {
        font-size: 1.25rem;
        color: var(--navy-900);
        font-weight: 700;
        margin-bottom: 8px;
    }

    .bc-content p {
        font-size: 0.9rem;
        color: var(--text-muted);
        max-width: 500px;
    }

    .bc-indicators {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 12px 30px;
    }

    .bc-indicators span {
        font-size: 0.85rem;
        font-weight: 700;
        color: var(--navy-700);
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .bc-indicators i { color: #2ea86e; font-style: normal; }

    /* Barra de Confiança */
    .barra-confianca-comercial {
        text-align: center;
        padding-top: 40px;
        border-top: 1px solid rgba(14, 28, 47, 0.05);
    }

    .confianca-text {
        font-size: 0.95rem;
        color: var(--navy-800);
        max-width: 800px;
        margin: 0 auto 24px;
        line-height: 1.6;
        font-weight: 500;
    }

    .confianca-badges {
        display: flex;
        justify-content: center;
        gap: 32px;
    }

    .confianca-badges span {
        font-size: 0.75rem;
        font-weight: 700;
        color: var(--text-muted);
        display: flex;
        align-items: center;
        gap: 8px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .confianca-badges i { color: #2ea86e; font-style: normal; }

    /* Responsividade */
    @media (max-width: 1100px) {
        .planos-grid { grid-template-columns: repeat(2, 1fr); }
        .bloco-comparativo { flex-direction: column; text-align: center; }
    }

    @media (max-width: 768px) {
        .planos-grid { grid-template-columns: 1fr; }
        .planos-headline { font-size: 1.8rem; }
        .bc-indicators { grid-template-columns: 1fr; }
        .confianca-badges { flex-direction: column; gap: 16px; align-items: center; }
        .plano-card { padding: 35px; }
    }

    .faq-institucional {
        background-color: var(--ice-100);
        padding: 40px;
        position: relative;
        overflow: hidden;
    }

    .faq-institucional::before {
        content: '';
        position: absolute;
        top: 0; left: 0; width: 100%; height: 100%;
        background: radial-gradient(circle at 10% 90%, rgba(14, 28, 47, 0.02) 0%, transparent 50%);
        pointer-events: none;
    }

    .faq-container {
        max-width: 1280px;
        margin: 0 auto;
        padding: 0 40px;
        position: relative;
    }

    /* Cabeçalho */
    .faq-header {
        margin-bottom: 80px;
    }

    .micro-label-faq {
        display: inline-block;
        padding: 4px 12px;
        background: rgba(14, 28, 47, 0.04);
        border: 1px solid rgba(14, 28, 47, 0.08);
        border-radius: 4px;
        color: var(--gold-500);
        font-size: 0.7rem;
        font-weight: 700;
        letter-spacing: 2px;
        margin-bottom: 24px;
    }

    .faq-headline {
        font-size: 2.25rem;
        color: var(--navy-900);
        font-weight: 800;
        max-width: 800px;
        margin-bottom: 20px;
        letter-spacing: -0.5px;
    }

    .faq-subheadline {
        font-size: 1.1rem;
        color: var(--text-muted);
        max-width: 650px;
        line-height: 1.6;
    }

    /* Layout Main */
    .faq-main-layout {
        display: grid;
        grid-template-columns: 1fr 360px;
        gap: 60px;
        margin-bottom: 80px;
        align-items: start;
    }

    /* Accordion Style */
    .faq-accordion-side {
        border-top: 1px solid var(--ice-400);
    }

    .faq-item {
        border-bottom: 1px solid var(--ice-400);
        background: transparent;
        transition: background 0.3s ease;
    }

    .faq-item:hover {
        background: rgba(14, 28, 47, 0.01);
    }

    .faq-trigger {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 30px 0;
        background: none;
        border: none;
        cursor: pointer;
        text-align: left;
        color: var(--navy-900);
        font-size: 1.1rem;
        font-weight: 700;
        transition: color 0.3s ease;
    }

    .faq-trigger:hover { color: var(--gold-500); }

    .faq-icon {
        color: var(--gold-500);
        transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .faq-item.active .faq-icon { transform: rotate(45deg); }

    .faq-content {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .faq-content p {
        padding: 0 0 30px 0;
        color: var(--text-muted);
        font-size: 1rem;
        line-height: 1.6;
        max-width: 90%;
    }

    /* Painel Lateral */
    .faq-support-panel {
        background: rgba(14, 28, 47, 0.03);
        border: 1px solid var(--ice-400);
        border-radius: 12px;
        padding: 40px;
        position: sticky;
        top: 100px;
    }

    .support-title {
        font-size: 0.75rem;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        color: var(--gold-500);
        margin-bottom: 24px;
        font-weight: 700;
    }

    .support-text {
        font-size: 0.9rem;
        color: var(--navy-800);
        line-height: 1.6;
        margin-bottom: 30px;
    }

    .support-list {
        list-style: none;
        margin-bottom: 40px;
    }

    .support-list li {
        font-size: 0.85rem;
        color: var(--text-muted);
        margin-bottom: 12px;
        display: flex;
        align-items: center;
        gap: 10px;
        font-weight: 500;
    }

    .support-list li i { color: #2ea86e; font-style: normal; font-weight: 700; }

    .support-id-block {
        background: #fff;
        padding: 20px;
        border-radius: 6px;
        border: 1px solid var(--ice-400);
        text-align: center;
        box-shadow: 0 4px 12px rgba(14, 28, 47, 0.02);
    }

    .id-label {
        display: block;
        font-size: 0.6rem;
        text-transform: uppercase;
        color: var(--text-muted);
        margin-bottom: 6px;
        font-weight: 700;
    }

    .id-value {
        font-family: 'Courier New', Courier, monospace;
        font-size: 0.8rem;
        color: var(--navy-900);
        font-weight: 700;
    }

    /* Footer Bar */
    .faq-footer-bar {
        text-align: center;
        padding: 50px;
        background: #fff;
        border: 1px solid var(--ice-400);
        border-radius: 8px;
    }

    .footer-bar-text {
        font-size: 1rem;
        color: var(--navy-900);
        max-width: 800px;
        margin: 0 auto 30px;
        line-height: 1.6;
        font-weight: 500;
    }

    .footer-bar-badges {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 30px;
    }

    .footer-bar-badges span {
        font-size: 0.8rem;
        font-weight: 700;
        color: var(--text-muted);
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .footer-bar-badges i { color: #2ea86e; font-style: normal; }

    /* Responsividade */
    @media (max-width: 1024px) {
        .faq-main-layout { grid-template-columns: 1fr; gap: 40px; }
        .faq-support-panel { position: static; max-width: 500px; }
    }

    @media (max-width: 768px) {
        .faq-headline { font-size: 1.8rem; }
        .faq-trigger { font-size: 1rem; }
        .footer-bar-badges { flex-direction: column; align-items: center; gap: 12px; }
    }

    .cta-footer-section {
        background-color: var(--navy-900); /* Navy Profundo */
        padding: 40px;
        position: relative;
        overflow: hidden;
    }

    .cta-container {
        max-width: 1280px;
        margin: 0 auto;
        padding: 0 40px;
    }

    /* Estilo do Bloco CTA */
    .cta-enterprise-block {
        background: linear-gradient(135deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.01) 100%);
        border: 1px solid rgba(255, 255, 255, 0.08);
        border-radius: 24px;
        padding: 100px 40px;
        text-align: center;
        position: relative;
        overflow: hidden;
        margin-bottom: 120px;
        box-shadow: 0 40px 100px rgba(0, 0, 0, 0.2);
    }

    .cta-content-inner {
        position: relative;
        z-index: 5;
    }

    .micro-label-cta {
        display: inline-block;
        padding: 6px 16px;
        background: rgba(201, 151, 58, 0.1);
        border: 1px solid rgba(201, 151, 58, 0.2);
        color: var(--gold-500);
        font-size: 0.75rem;
        font-weight: 700;
        letter-spacing: 3px;
        border-radius: 4px;
        margin-bottom: 32px;
    }

    .cta-headline {
        color: var(--ice-100);
        font-size: 3rem;
        font-weight: 800;
        letter-spacing: -1px;
        margin-bottom: 24px;
        line-height: 1.1;
    }

    .cta-subheadline {
        color: var(--ice-400);
        font-size: 1.2rem;
        max-width: 750px;
        margin: 0 auto 48px;
        line-height: 1.6;
        font-weight: 400;
    }

    /* Botões */
    .cta-button-group {
        display: flex;
        justify-content: center;
        gap: 20px;
        margin-bottom: 60px;
    }

    .btn-cta-gold {
        background: var(--gold-500);
        color: var(--navy-900);
        padding: 18px 36px;
        border-radius: 6px;
        font-weight: 700;
        text-decoration: none;
        transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
        box-shadow: 0 10px 20px rgba(201, 151, 58, 0.15);
    }

    .btn-cta-gold:hover {
        background: var(--gold-400);
        transform: translateY(-2px);
        box-shadow: 0 15px 30px rgba(201, 151, 58, 0.25);
    }

    .btn-cta-outline {
        border: 1px solid rgba(255, 255, 255, 0.2);
        color: #fff;
        padding: 18px 36px;
        border-radius: 6px;
        font-weight: 700;
        text-decoration: none;
        transition: all 0.3s ease;
    }

    .btn-cta-outline:hover {
        background: rgba(255, 255, 255, 0.05);
        border-color: #fff;
    }

    /* Indicadores CTA */
    .cta-indicators {
        display: flex;
        justify-content: center;
        gap: 32px;
        flex-wrap: wrap;
    }

    .cta-indicators span {
        color: var(--ice-400);
        font-size: 0.85rem;
        font-weight: 600;
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .cta-indicators i { color: #2ea86e; font-style: normal; }

    /* Decorativos */
    .cta-decor-grid {
        position: absolute;
        top: 0; left: 0; width: 100%; height: 100%;
        background-image: radial-gradient(rgba(255,255,255,0.03) 1px, transparent 1px);
        background-size: 30px 30px;
        opacity: 0.5;
        pointer-events: none;
    }

    .cta-glow-subtle {
        position: absolute;
        top: 50%; left: 50%;
        width: 400px; height: 400px;
        background: radial-gradient(circle, rgba(201, 151, 58, 0.05) 0%, transparent 70%);
        transform: translate(-50%, -50%);
        pointer-events: none;
    }

    /* Footer Styles */
    .footer-premium {
        border-top: 1px solid rgba(255, 255, 255, 0.05);
        padding-top: 80px;
    }

    .footer-grid {
        display: grid;
        grid-template-columns: 1.5fr 1fr 1fr 1fr;
        gap: 60px;
        margin-bottom: 80px;
    }

    .footer-logo {
        color: #fff;
        font-size: 1.5rem;
        font-weight: 800;
        margin-bottom: 24px;
        letter-spacing: -0.5px;
    }

    .footer-brand-text {
        color: var(--ice-400);
        font-size: 0.9rem;
        line-height: 1.6;
        margin-bottom: 24px;
        max-width: 280px;
    }

    .brand-badges {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .brand-badges span {
        font-size: 0.75rem;
        color: var(--gold-500);
        font-weight: 700;
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .footer-title {
        color: var(--gold-500);
        font-size: 0.9rem;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 1.5px;
        margin-bottom: 28px;
    }

    .footer-links {
        list-style: none;
        padding: 0;
    }

    .footer-links li {
        margin-bottom: 14px;
    }

    .footer-links a {
        color: var(--ice-400);
        text-decoration: none;
        font-size: 0.9rem;
        transition: color 0.3s ease;
    }

    .footer-links a:hover {
        color: #fff;
    }

    .contact-item {
        color: #fff;
        font-weight: 700;
        font-size: 0.95rem;
    }

    /* Bottom Bar */
    .footer-bottom-bar {
        border-top: 1px solid rgba(255, 255, 255, 0.05);
        padding: 30px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: rgba(255, 255, 255, 0.3);
        font-size: 0.75rem;
        letter-spacing: 0.5px;
    }

    .fbb-right {
        display: flex;
        gap: 16px;
        align-items: center;
    }

    .fbb-right a {
        color: inherit;
        text-decoration: none;
        transition: color 0.3s ease;
    }

    .fbb-right a:hover { color: var(--ice-400); }

    .fbb-divider { opacity: 0.5; }

    /* Responsividade */
    @media (max-width: 1024px) {
        .footer-grid { grid-template-columns: repeat(2, 1fr); gap: 40px; }
        .cta-headline { font-size: 2.2rem; }
    }

    @media (max-width: 768px) {
        .cta-enterprise-block { padding: 60px 24px; }
        .cta-button-group { flex-direction: column; }
        .footer-grid { grid-template-columns: 1fr; gap: 48px; }
        .footer-bottom-bar { flex-direction: column; gap: 20px; text-align: center; }
        .cta-indicators { flex-direction: column; gap: 12px; align-items: center; }
    }