/* ============================================
   INDEX.CSS — Estilos específicos da página Index
   ============================================ */

/* --- Hero --- */
.hero-section-home {
    background:#0c0c0c;
    padding:120px 0 68px;
    position:relative;
    border-bottom:2px solid rgba(255,255,255,0.12);
}
.hero-left { 
    padding-top: 72px; 
}
.hero-right { 
    padding-top: 96px; 
    flex-shrink:0; 
}
.hero-style {
    max-width:var(--max);
    margin:0 auto;
    padding:0 var(--pad);
    display:flex;
    gap:28px;
    align-items:stretch;
}
.hero-left-style {
    flex:1;
    padding-bottom:48px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.hero-h1 {
    font-family:'Roboto',sans-serif;
    font-weight:700;
    font-size:clamp(40px,6vw,72px);
    line-height:1.15;
    letter-spacing:-2px;
    color:#F5F5F5;
    margin-bottom:26px;
}
.hero-h2 {
    font-family:'DM Sans',sans-serif;
    font-weight:400;
    font-size:22px;
    line-height:1.5;
    color:rgba(245,245,245,0.95);
    max-width:700px;
    margin-bottom:38px;
}


/* --- Quem Somos --- */
.quem-somos-section-desktop {
    background:#ffffff;
    padding:72px var(--pad);
}
.quem-somos-style {
    max-width:var(--max);
    margin:0 auto;
}
.quem-somos-h3 {
    font-family:'Roboto',sans-serif;
    font-weight:500;
    font-size:clamp(26px,3vw,40px);
    color:#0c0c0c;line-height:1.3;
    letter-spacing:-1px;
    margin:20px 0 24px;
}
.quem-somos-p {
    font-family:'DM Sans',sans-serif;
    font-weight:400;
    font-size:18px;
    line-height:1.75;
    color:#0c0c0c;
}


/* --- Resultados --- */
.resultados-section-desktop {
    background:#f5f5f5;
    padding:100px var(--pad);
}
.resultados-style {
    max-width:var(--max);
    margin:0 auto;
    display:flex;
    align-items:center;
    gap:64px;
    justify-content:flex-end;
}

.resultados-container-esquerda {
flex:0 0 auto;
text-align:left;
}
.noventa-quatro-style {
    font-family:'Roboto',sans-serif;
    font-weight:700;
    font-size:clamp(60px,8vw,120px);
    color:#3074EF;
    line-height:.82;
    letter-spacing:-5px;
}
.container-esquerda-p1 {
    font-family:'DM Sans',sans-serif;
    font-weight:500;
    font-size:21px;
    color:var(--ink);
    margin-top:10px;
}
.container-esquerda-p2 {
    font-family:'DM Mono',monospace;
    font-size:15px;
    color:var(--muted);
}

.resultados-container-direita {
    flex:0 0 auto;
    max-width:540px;
}
.resultados-direita-h2 {
    font-family:'Roboto',sans-serif;
    font-weight:500;
    font-size:clamp(24px,3vw,32px);
    color:var(--ink);
    line-height:1.3;
    letter-spacing:-0.5px;
    margin-bottom:16px;
}
.resultados-direita-p {
    font-family:'DM Sans',sans-serif;
    font-weight:400;
    font-size:17px;
    color:var(--ink);
    line-height:1.7;
}


/* --- Plataforma CorbStation --- */
.plataforma-section-desktop {
    background:#0c0c0c;
    padding:80px var(--pad);
}
.plataforma-container1 {
    max-width:var(--max);
    margin:0 auto;
    text-align:center;
}
.plataforma-h3 {
    font-family:'Roboto',sans-serif;
    font-weight:500;
    font-size:clamp(28px,3vw,40px);
    color:#F5F5F5;
    line-height:1.25;
    letter-spacing:-1px;
    margin:20px 0 32px;
    max-width:960px;
    margin-left:auto;
    margin-right:auto;
}
.plataforma-p {
    font-family:'DM Sans',sans-serif;
    font-weight:400;
    font-size:18px;
    color:#F5F5F5;
    line-height:1.75;
    max-width:960px;
    margin:0 auto;
}

.plataforma-container2 {
    max-width:800px;
    margin:40px auto 0;
}
.plataforma-button {
    display:flex;
    justify-content:center;
    margin-top:24px
}


/* --- Funcionalidades --- */
.funcionalidades-section-desktop {
    background:#F5F5F5;
    padding:80px var(--pad);
}
.funcionalidades-container-pai {
    max-width:var(--max);
    margin:0 auto;
}
.funcionalidades-container-filho {
    text-align:center;
    margin-bottom:48px;
}
.funcionalidades-h3 {
    font-family:'Roboto',sans-serif;
    font-weight:500;
    font-size:clamp(26px,3vw,40px);
    color:#0c0c0c;
    line-height:1.25;
    letter-spacing:-1px;
    margin-top:20px;
}
.funcionalidades-grid {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}
.funcionalidades-cards {
    background:#fff;
    border:1px solid rgba(10,10,8,0.08);
    border-radius:5px;
    padding:28px 24px;
}
.cf-card { 
    transition: all .2s; 
}
.cf-card:hover { 
    transform: translateY(-2px); 
    box-shadow: 0 2px 12px rgba(0,91,255,0.06); 
}
.funcionalidades-h4 {
    font-family:'Roboto',sans-serif;
    font-weight:500;
    font-size:20px;
    color:#0c0c0c;
    margin-bottom:10px;
    line-height:1.25;
}
.funcionalidades-text {
    font-family:'DM Sans',sans-serif;
    font-weight:400;
    font-size:15px;
    color:#0c0c0c;
    line-height:1.6;
    margin-bottom:18px;
}
.funcionalidades-numbers {
    font-family:'Roboto',sans-serif;
    font-weight:500;
    font-size:28px;
    color:#3074EF;
    line-height:1;
}
.funcionalidades-p {
    font-family:'DM Mono',monospace;
    font-size:13px;
    color:rgba(10,10,8,0.70);
    margin-top:4px;
}


/* --- Como Funciona --- */
.como-funciona-section-desktop {
    background:#1C3FBD;
    padding-bottom:80px;
}
.como-funciona-container-pai {
    max-width:var(--max);
    margin:0 auto;
}
.como-funciona-container-filho {
    padding:40px var(--pad) 0;
}
.como-funciona-h2 {
    font-family:'DM Mono',monospace;
    font-size:21px;
    font-weight:500;
    color:rgba(255,255,255,0.75);
    letter-spacing:1.5px;
    text-transform:uppercase;
    text-align:center
}
.como-funciona-h3 {
    font-family:'Roboto',sans-serif;
    font-weight:500;
    font-size:clamp(26px,3vw,40px);
    color:#fff;
    line-height:1.25;
    letter-spacing:-1px;
    margin:20px 0 0;
}
.steps-grid-desktop {
    margin-top:22px;
    display:grid;
    grid-template-columns:repeat(3,1fr);
}
.grid-div {
    padding:20px var(--pad);
    border-right:1px solid rgba(255,255,255,0.15);
}
.steps-numbers {
    font-family:'Roboto',sans-serif;
    font-weight:700;
    font-size:52px;
    color:#fff;
    line-height:1;
    margin-bottom:14px;
    letter-spacing:-2px;
}
.como-funciona-h4 {
    font-family:'Roboto',sans-serif;
    font-weight:500;
    font-size:20px;
    color:#fff;
    margin-bottom:10px;
}
.como-funciona-p {
    font-family:'DM Sans',sans-serif;
    font-size:15px;
    line-height:1.72;
    color:rgba(255,255,255,0.9);
}
.como-funciona-text {
    font-family:'Roboto',sans-serif;
    font-weight:500;
    font-size:clamp(24px,3vw,32px);
    color:#fff;text-align:center;
    margin:56px 0 0;
    letter-spacing:-0.5px;
    padding:0 var(--pad);
}

/* --- Marquee --- */
.marquee-container {
    margin-top:56px;
    background:#f5f5f5;
    overflow:hidden;
    padding:10px 0;
}
.marquee-texts {
    font-family:'DM Mono',monospace;
    font-size:12px;
    color:rgba(10,10,8,0.85);
    letter-spacing:0.5px;
    flex-shrink:0;
    font-weight:500;
}
.marquee-spans {
    font-family:'DM Mono',monospace;
    font-size:12px;
    color:var(--blue);
    flex-shrink:0;
}


/* --- Planos --- */
.planos-section-desktop {
    background:var(--bg);
    padding:80px var(--pad);
}
.planos-container-pai {
    max-width:var(--max);
    margin:0 auto;
}
.planos-container-filho {
    margin-bottom:40px;
    text-align:center;
}
.grid-planos {
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px;
    padding:0 60px;
}
/* --- Essencial e Enterprise--- */
.plan-card { 
    border:2px solid var(--rule); 
    border-radius:5px; 
    padding:28px 22px; 
    transition:transform .2s; 
    display:flex; 
    flex-direction:column; 
}
.plan-card:hover { 
    transform:translateY(-3px); 
}
.plan-btn-outline { 
    display:block;
    padding:11px;
    border:2px solid var(--ink);
    background:transparent;
    color:var(--ink);
    font-family:'DM Sans',sans-serif;
    font-size:13px;
    font-weight:700;
    cursor:pointer;
    text-decoration:none;
    text-align:center;
    border-radius:5px;
    transition:all .15s; 
    margin-top:auto; 
}
.plan-card.hi { position:relative; }
.plan-card.hi .plan-btn-outline { 
    border-color:#ffffff; 
    background:var(--blue); 
    color:#fff; 
}
.plan-btn-outline:hover { 
    background:#0c0c0c; 
    color:#ffffff; 
}
.plan-card.hi .plan-btn-outline:hover { 
    background:#ffffff; 
    color:#1C3FBD; 
}
.plan-btn-dark { 
    background:#0c0c0c; 
    color:#ffffff; 
    border:2px solid #0c0c0c; 
    padding:12px 28px; 
    border-radius:5px; 
    transition:all .15s; 
}
.plan-btn-dark:hover { 
    background:#ffffff; 
    color:#0c0c0c; 
}

.planos-cards-h3 {
    font-family:'Roboto',sans-serif;
    font-weight:500;
    font-size:24px;
    color:var(--ink);
    margin-bottom:8px;
}
.planos-cards-p {
    font-family:'DM Sans',sans-serif;
    font-size:16px;
    color:#171717;
    line-height:1.6;
    margin-bottom:12px;
    min-height:48px;
}
.planos-divs {
    margin-bottom:16px;
}
.planos-precos{
    font-family:'Roboto',sans-serif;
    font-weight:700;
    font-size:28px;
    color:var(--ink);
    line-height:1.2;
}
.planos-adicional {
    font-family:'DM Sans',sans-serif;
    font-size:15px;
    color:var(--muted);
    margin-top:2px;
}
.li-container {
    display:flex;
    align-items:center;
    gap:9px;
}
.li-check {
    color:var(--blue);
    font-weight:700;
    font-size:14px;
    line-height:1.4;
}
.li-p {
    font-family:'DM Sans',sans-serif;
    font-size:15px;
    color:#171717;
    line-height:1.5;
}
/* --- Profissional --- */
.plan-recomend-prof {
    position:absolute;
    top:-11px;
    left:50%;
    transform:translateX(-50%);
    background:#0c0c0c;
    color:#ffffff;
    padding:4px 14px;
    font-size:12px;
    font-weight:600;
    font-family:'DM Mono',monospace;
    white-space:nowrap;
    letter-spacing:0.5px;
    border-radius:2px;
}
.planos-prof-h3 {
    font-family:'Roboto',sans-serif;
    font-weight:500;
    font-size:24px;
    color:var(--bg);
    margin-bottom:8px;
}
.planos-prof-p {
    font-family:'DM Sans',sans-serif;
    font-size:16px;
    color:#F5F5F5;
    line-height:1.6;
    margin-bottom:12px;
    min-height:48px;
}
.planos-prof-preco {
    font-family:'Roboto',sans-serif;
    font-weight:700;
    font-size:28px;
    color:#ffffff;
    line-height:1.2;
}
.planos-prof-adicional {
    font-family:'DM Sans',sans-serif;
    font-size:15px;
    color:rgba(255,255,255,0.6);
    margin-top:2px;
}
.li-prof-container {
    display:flex;
    align-items:center;
    gap:9px;
}
.li-prof-check {
    color:#ffffff;
    font-weight:700;
    font-size:14px;
    line-height:1.4;
}
.li-prof-p {
    font-family:'DM Sans',sans-serif;
    font-size:15px;
    color:#F5F5F5;
    line-height:1.5;
}

.ul-container {
    list-style:none;
    display:flex;
    flex-direction:column;
    gap:9px;
    margin-bottom:20px;
    flex:1;
}


/* --- FAQ --- */
.faq-section-desktop {
    background:#ffffff;
    padding:80px var(--pad);
}
.faq-container-pai {
    max-width:var(--max);
    margin:0 auto;
}
.faq-container-filho {
    margin-bottom:16px;
    text-align:center;
}
.faq-style {
    max-width:1000px;
    margin:0 auto;
    border:2px solid var(--ink);
    border-radius:5px;
    overflow:hidden;
}
.faq-item1 {
    border-bottom:1px solid var(--rule);
}
.faq-flex {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
}
.faq-q:hover { 
    background:#f5f5f5; 
}
.faq-h3 {
    font-family:'Roboto',sans-serif;
    font-weight:500;
    font-size:16px;
    color:var(--ink);
    line-height:1.35;
}
.faq-toggle-style {
    width:28px;
    height:28px;
    border:2px solid var(--rule);
    display:flex;
    align-items:center;
    justify-content:center;
    flex-shrink:0;
    transition:all .15s;
}
.faq-sub {
    max-height:0;
    overflow:hidden;
    transition:max-height .3s ease;
    margin-top:0;
}
.faq-sub-p {
    font-family:'DM Sans',sans-serif;
    font-size:15px;
    color:var(--muted);
    line-height:1.75;
    padding-top:12px;
}


/* --- Final CTA --- */
.cta-section-desktop {
    background:var(--blue);
    padding:80px var(--pad)
}
.cta-content { 
    gap:80px; 
}
.cta-container-pai {
    max-width:var(--max);
    margin:0 auto;
    display:flex;
    align-items:flex-end;
    justify-content:center;
    flex-wrap:wrap;
}
.cta-container-filho {
    min-width:280px
}
.cta-h2 {
    font-family:'DM Mono',monospace;
    font-size:21px;
    font-weight:500;
    color:#ffffff;
    letter-spacing:1.6px;
    text-transform:uppercase;
    display:block;
    margin-bottom:12px;
}
.cta-h3 {
    font-family:'Roboto',sans-serif;
    font-weight:500;
    font-size:clamp(26px,3vw,40px);
    color:#fff;
    line-height:1.20;
    letter-spacing:-1px;
}
.cta-p {
    font-family:'DM Sans',sans-serif;
    font-weight:400;
    font-size:clamp(18px,2vw,19px);
    color:rgba(255,255,255,0.75);
    line-height:1.45;
    max-width:560px;
    margin-top:20px;
}
.cta-btn-white { 
    transition: all .15s; 
    border:2px solid transparent; 
}
.cta-btn-white:hover { 
    background:transparent; 
    color:#fff; 
    border-color:#fff; 
}
  



@media(min-width:961px){ 
.resultado-h2{
    font-size:32px!important;
} }

@media(max-width:960px){ 
.cta-content{ 
    gap:24px !important; 
    flex-direction:column !important; 
    align-items:center !important; 
    text-align:center !important; } }

 @media(max-width:960px){
.hero-section { 
    padding-top:72px !important; 
    padding-bottom:12px !important; 
}
.hero-left { 
    padding-top: 56px; 
    display:flex!important; 
    flex-direction:column!important; 
    gap:20px;
}
.hero-col { 
    max-width:100%!important;
}
.hero-left .hero-btn { 
    display:flex; 
    justify-content:center; 
}
.quem-somos-section { 
    padding-top:48px !important; 
    padding-bottom:48px !important; 
}
.plataforma-section { 
    padding-top:48px !important; 
    padding-bottom:48px !important; 
}
.funcionalidades-section { 
    padding-top:48px !important; 
    padding-bottom:48px !important; 
}
.planos-section { 
    padding: 48px 10px !important; 
}
.faq-section { 
    padding-top:48px !important; 
    padding-bottom:48px !important; 
}
.cta-section { 
    padding-top:48px !important; 
    padding-bottom:48px !important; 
}
.steps-grid > div > div:first-child { 
    font-size:44px !important; 
}
.hero-left .hero-text h1 { 
    margin-bottom:34px !important; 
}
.hero-left .hero-text h2 { 
    font-size:18px !important; 
    margin-bottom:20px !important; 
}
.hero-cols{
    flex-direction:column;
}
.hero-right{
    display:flex;
    justify-content:center;
    padding-top:0;
    padding-bottom:10px!important;
    order:2;
}
#live-feed-card{width:100%!important;max-width:400px;}
#live-feed-card > div:nth-child(2){height:220px!important;}
.steps-grid{
    grid-template-columns:1fr!important;
}
.plans-grid{
    grid-template-columns:1fr!important; 
    gap:20px!important; 
    padding:0 8px!important;
}

.resultados-cols{
    flex-direction:column;
    align-items:flex-start!important;
    gap:36px!important;
}
.resultados-section{
    padding-top:60px!important;
    padding-bottom:60px!important;
}
.como-funciona-grid{
    grid-template-columns:repeat(2,1fr)!important;
}
.como-funciona-section{
    padding-bottom:60px!important;
}
  }

 @media(max-width:600px){
.como-funciona-grid{
    grid-template-columns:1fr!important;
}
.como-funciona-section{
    padding-bottom:48px!important;
}
#live-feed-card{max-width:100%;}
#live-feed-card > div:nth-child(2){height:180px!important;}
  }

#live-feed-inner { min-height: 380px; }
#live-feed-inner-m { min-height: 200px; }