/* Estrutura visual compartilhada das páginas comerciais WhatsCompany. */
.product-standard-page .product-standard-hero{
  min-height:680px;
  padding:calc(36px + var(--nav-h) + 28px) max(48px,calc((100vw - var(--max-w))/2)) 42px;
  grid-template-columns:minmax(0,.88fr) minmax(520px,1.12fr);
  gap:clamp(44px,5vw,78px);
  align-items:center;
  background:
    radial-gradient(circle at 88% 14%,rgba(97,232,90,.12),transparent 28%),
    radial-gradient(circle at 12% 68%,rgba(63,126,248,.12),transparent 35%),
    linear-gradient(135deg,#f8fbff 0%,#fff 55%,#f4fff7 100%);
}

.product-standard-page .product-standard-pill{
  gap:9px;
  padding:7px 14px;
  margin-bottom:22px;
  border:1px solid rgba(63,126,248,.18);
  border-radius:999px;
  background:rgba(63,126,248,.08);
  color:#246be8;
  font-size:11px;
  font-weight:800;
  letter-spacing:.1em;
}

.product-standard-page .product-standard-pill .badge-dot{
  width:7px;
  height:7px;
  background:#61e85a;
  box-shadow:0 0 0 5px rgba(97,232,90,.13);
  animation:none;
}

.product-standard-page .product-standard-copy h1{
  max-width:620px;
  margin-bottom:24px;
  font-size:42px;
  line-height:1.02;
  letter-spacing:-.045em;
}

.product-standard-page .product-standard-copy h1 span{
  display:block;
}

.product-standard-page .product-standard-copy h1 .product-standard-title-green{
  color:#02dd02;
}

.product-standard-page .product-standard-copy h1 .product-standard-title-blue{
  color:#087cff;
}

.product-standard-page .product-standard-copy .hero-sub{
  max-width:590px;
  margin-bottom:30px;
  color:var(--text2);
  font-size:18px;
  font-weight:400;
  line-height:1.7;
}

.product-standard-page .product-standard-copy .ai-hero-actions-premium{
  gap:13px;
  margin-bottom:18px;
}

.product-standard-page .product-standard-copy .ai-primary-btn,
.product-standard-page .product-standard-copy .ai-link-btn-premium{
  min-height:56px;
  border-radius:14px;
  font-size:15px;
}

.product-standard-page .product-standard-copy .ai-hero-mini-trust{
  display:flex;
  column-gap:24px;
  row-gap:10px;
  flex-wrap:wrap;
  margin-bottom:18px;
  color:var(--text2);
  font-size:12px;
  font-weight:700;
}

.product-standard-page .product-standard-copy .multi-demo-cta{
  width:min(590px,100%);
  margin:0;
  border-radius:14px;
  box-shadow:0 14px 34px rgba(0,95,180,.07);
}

.product-standard-page .product-standard-visual .hero-chat-card{
  border:1px solid rgba(63,126,248,.25) !important;
  border-radius:24px;
  background:#f5f8fc !important;
  box-shadow:0 34px 95px rgba(26,48,80,.18);
}

.product-standard-page .product-standard-visual .dash-topbar{
  min-height:50px;
  padding:0 18px;
  background:#fff !important;
}

.product-standard-page .product-standard-visual .dash-dots span{
  width:8px;
  height:8px;
}

.product-standard-page .product-standard-visual .float-badge{
  border-radius:15px;
  background:#fff !important;
  box-shadow:0 18px 45px rgba(28,68,112,.16);
}

.product-standard-flow{
  padding:90px max(48px,calc((100vw - var(--max-w))/2));
  background:#fff;
}

.product-standard-section-head{
  max-width:760px;
  margin:0 auto 48px;
  text-align:center;
}

.product-standard-section-head>span{
  display:inline-block;
  margin-bottom:12px;
  color:#246be8;
  font-size:11px;
  font-weight:800;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.product-standard-section-head h2{
  margin-bottom:15px;
  color:var(--text);
  font-family:'Outfit',sans-serif;
  font-size:clamp(32px,3.1vw,44px);
  line-height:1.08;
  letter-spacing:-.035em;
}

.product-standard-section-head p{
  color:var(--text2);
  font-size:16px;
  line-height:1.75;
}

.product-standard-flow-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  max-width:1120px;
  margin:0 auto;
}

.product-standard-flow-grid article{
  position:relative;
  min-height:220px;
  padding:26px 23px;
  border:1px solid var(--border);
  border-radius:20px;
  background:linear-gradient(145deg,#fff,#f7faff);
  box-shadow:0 18px 45px rgba(25,65,110,.07);
}

.product-standard-flow-grid article>b{
  position:absolute;
  top:15px;
  right:18px;
  color:rgba(63,126,248,.11);
  font-family:'Outfit',sans-serif;
  font-size:30px;
}

.product-standard-flow-grid article>span{
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  margin-bottom:18px;
  border-radius:14px;
  background:linear-gradient(135deg,#3f7ef8,#805cf4);
  color:#fff;
  font-size:21px;
  box-shadow:0 12px 25px rgba(63,126,248,.18);
}

.product-standard-flow-grid article:nth-child(even)>span{
  background:linear-gradient(135deg,#3f7ef8,#25cc71);
}

.product-standard-flow-grid h3{
  margin-bottom:7px;
  color:var(--text);
  font-family:'Outfit',sans-serif;
  font-size:19px;
}

.product-standard-flow-grid p{
  color:var(--text2);
  font-size:13px;
  line-height:1.65;
}

.multi-standard-page .multi-showcase-section{
  padding-top:92px !important;
  background:linear-gradient(135deg,#f5f9ff,#fff 52%,#f3fff6);
}

.multi-standard-page .multi-showcase-wrap,
.multi-standard-page .multi-showcase-dashboard,
.multi-standard-page .pricing-premium-wrap{
  width:100%;
  max-width:1120px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.multi-standard-page .multi-showcase-head{
  max-width:760px;
  margin-bottom:42px;
}

.multi-standard-page .multi-showcase-head .section-title{
  font-size:clamp(32px,3.1vw,44px);
  line-height:1.08;
  letter-spacing:-.035em;
}

.multi-standard-page .multi-showcase-benefit{
  border:1px solid var(--border);
  border-radius:20px;
  background:#fff;
  box-shadow:0 16px 42px rgba(28,68,112,.06);
}

.multi-standard-page .pricing-section-premium{
  padding-top:92px;
  background:#fff;
}

.multi-standard-page .faq-section{
  background:#f7faff;
}

@media(max-width:980px){
  .product-standard-page .product-standard-hero{
    min-height:auto;
    grid-template-columns:1fr;
    padding-top:calc(36px + var(--nav-h) + 70px);
  }
  .product-standard-page .product-standard-copy{
    max-width:760px;
  }
  .product-standard-page .product-standard-visual{
    width:100%;
    max-width:820px;
    margin:0 auto;
  }
  .product-standard-flow-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:900px){
  .product-standard-page .product-standard-hero,
  .product-standard-flow{
    padding-left:24px;
    padding-right:24px;
  }
  .product-standard-page .product-standard-hero{
    padding-top:calc(36px + var(--nav-h) + 42px);
    padding-bottom:64px;
  }
  .product-standard-page .product-standard-copy h1{
    font-size:42px;
  }
}

@media(max-width:620px){
  .product-standard-page .product-standard-hero{
    padding-left:18px;
    padding-right:18px;
  }
  .product-standard-page .product-standard-copy h1{
    font-size:38px;
  }
  .product-standard-page .product-standard-copy .hero-sub{
    font-size:16px;
  }
  .product-standard-page .product-standard-copy .ai-primary-btn,
  .product-standard-page .product-standard-copy .ai-link-btn-premium{
    width:100%;
  }
  .product-standard-page .product-standard-copy .ai-hero-mini-trust{
    display:grid;
    gap:10px;
  }
  .product-standard-page .product-standard-visual .float-badge{
    display:none;
  }
  .product-standard-flow{
    padding:70px 18px;
  }
  .product-standard-flow-grid{
    grid-template-columns:1fr;
  }
  .product-standard-flow-grid article{
    min-height:auto;
  }
}
