/* Focused homepage presentation; shared product pages retain their styles. */
html { scroll-padding-top: 90px; }
.diagnostic-banner { position:relative; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:10px 24px; padding:12px 20px; background:#eae6ff; color:#30255e; font-size:13px; line-height:1.4; }
.diagnostic-banner a { font-weight:800; text-underline-offset:4px; }
.nav { gap:18px; }
.nav-links { gap:19px; }
.hero { background: #111c32; }
.hero::before { opacity:.35; right:-280px; }
.hero .wrap { grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr); gap:56px; min-height:660px; padding:76px 0; }
.hero .eyebrow { color:#b9acf7; letter-spacing:.15em; }
.hero h1 { font-size:clamp(36px,4.2vw,56px); line-height:1.12; letter-spacing:-2.2px; }
.hero h1 em { color:#b9a7ff; }
.hero-copy > p:not(.eyebrow) { font-size:17px; max-width:540px; margin:24px 0 28px; }
.hero-actions { gap:12px; }
.hero-actions .button { width:100%; max-width:410px; min-height:52px; }
.hero-actions .primary-contact { background:#b6f3d5; color:#12382d; box-shadow:none; }
.hero-actions .primary-contact:hover { background:#d2ffe8; }
.hero-actions .ghost { color:#e2e8f5; border-color:#66728c; }
.hero-assurance { display:flex; flex-wrap:wrap; gap:9px 18px; margin-top:22px; font-size:12px; color:#ccd6e9; }
.sales-preview { position:relative; border:1px solid #ffffff24; background:linear-gradient(135deg,#22304a,#172339); border-radius:24px; padding:28px; box-shadow:0 28px 70px #0003; }
.preview-top { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px; align-items:center; padding-bottom:24px; border-bottom:1px solid #ffffff1f; }
.preview-brand { font-size:10px; letter-spacing:.1em; font-weight:800; color:#dde6fa; }
.preview-brand b { color:#b6f3d5; margin:0 4px; }
.preview-label { font-size:10px; border:1px solid #ffffff29; color:#d5def0; padding:5px 8px; border-radius:30px; }
.sales-preview h2 { margin:23px 0 8px; color:white; font:800 24px/1.25 'Manrope',sans-serif; letter-spacing:-.6px; }
.sales-preview > p { color:#bfcce1; font-size:13px; line-height:1.6; margin:0 0 22px; }
.preview-message { background:#edf8f2; border-radius:12px 12px 12px 2px; padding:16px; margin-bottom:24px; color:#16392d; }
.preview-message span { font-size:9px; font-weight:800; letter-spacing:.12em; color:#396b56; }
.preview-message p { font-size:14px; line-height:1.5; margin:6px 0 0; }
.preview-steps { display:grid; gap:19px; list-style:none; margin:0; padding:0; }
.preview-steps li { display:flex; gap:14px; }
.preview-steps li > span { display:flex; align-items:center; justify-content:center; flex:0 0 30px; height:30px; background:#ffffff0e; color:#c3b5ff; border:1px solid #ffffff1f; border-radius:9px; font:700 11px 'Manrope',sans-serif; }
.preview-steps strong { display:block; font-size:13px; color:#f5f7ff; }
.preview-steps p { margin:5px 0 0; color:#b4c2d8; font-size:12px; line-height:1.55; }
.preview-bottom { display:flex; gap:10px; align-items:center; margin-top:24px; padding-top:18px; border-top:1px solid #ffffff1c; color:#b6f3d5; font-size:11px; }
.preview-bottom span { font-size:20px; }
.section { padding:80px 0; }
.trust { border-bottom:1px solid #e2e7f0; }
.product-contact { display:flex!important; align-items:center; justify-content:space-between; gap:12px; margin:18px 0 10px!important; padding:13px 16px; border-radius:10px; background:#6854d8; color:white!important; text-decoration:none; font-weight:800; font-size:13px; }
.product-contact:hover { background:#4e3ab7; }
.product-contact + a { font-size:12px!important; }
.form-status a { display:block; margin-top:12px; padding:12px; border-radius:8px; background:#e8f7ef; color:#155538; font-weight:700; }
.form-note { line-height:1.6; }
.sales-faq { background:#edf0f7; }
.faq-layout { display:grid; grid-template-columns:.9fr 1.1fr; gap:60px; }
.sales-faq h2 { font-size:clamp(28px,3.4vw,42px); }
.sales-faq .button { margin-top:24px; }
.faq-list { border-top:1px solid #ced5e3; }
.faq-list details { border-bottom:1px solid #ced5e3; }
.faq-list summary { position:relative; cursor:pointer; padding:22px 34px 22px 0; font-size:15px; line-height:1.5; font-weight:700; list-style:none; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary::after { position:absolute; right:4px; top:22px; content:'+'; color:#6854d8; font-size:20px; }
.faq-list details[open] summary::after { content:'−'; }
.faq-list details p { margin:0 0 22px; line-height:1.7; color:#4d5d77; font-size:14px; }
#conectle-chat-widget { bottom:88px!important; right:20px!important; z-index:30!important; }
#chat-pill { display:none!important; }
#chat-toggle-btn { width:46px!important; height:46px!important; background:#5645b8!important; box-shadow:0 5px 18px #201c4333!important; font-size:12px!important; }
#chat-toggle-btn svg { display:none; }
#chat-toggle-btn::after { content:'IA'; font-size:14px; font-weight:800; }
#chat-popup { max-height:calc(100dvh - 165px); }
#chat-conversation { max-height:min(330px,calc(100dvh - 355px))!important; }
#chat-custom-input { min-width:0; font-size:16px!important; }
#chat-close-btn { min-width:40px; min-height:40px; }
.chat-human-contact { display:block; margin-top:12px; color:#155538; background:#e4f5eb; border-radius:8px; text-align:center; padding:12px; font-size:12px; line-height:1.5; font-weight:700; text-decoration:none; white-space:normal; }
.chat-human-always { display:none; }
#chat-popup[style*="display: block"] + .chat-human-always { display:block; margin:0 0 8px; }
.floating-whatsapp { display:flex!important; align-items:center; justify-content:center; width:auto!important; height:48px!important; min-width:190px; padding:0 18px!important; border-radius:12px!important; bottom:20px!important; right:20px!important; background:#176444!important; color:white!important; font-size:13px!important; line-height:1.2; font-weight:800; text-decoration:none; box-shadow:0 6px 20px #164d3829; z-index:31!important; }
footer { padding-bottom:100px; }
@media(min-width:851px) and (max-width:1120px) { .nav-links {gap:12px;font-size:11px;} .brand-logo{width:135px;} .nav-cta{padding:9px;font-size:11px;} .hero .wrap{gap:30px;} }
@media(max-width:850px) {
  .hero .wrap { grid-template-columns:1fr; padding:54px 0; gap:36px; }
  .hero-copy { max-width:650px; }
  .hero-actions .button { max-width:450px; }
  .sales-preview { max-width:560px; width:100%; justify-self:center; }
  .faq-layout { grid-template-columns:1fr; gap:30px; }
  .nav-links { gap:0; }
}
@media(max-width:540px) {
  .diagnostic-banner { padding:9px 14px; font-size:11px; gap:4px; }
  .diagnostic-banner > span { display:none; }
  .hero .wrap { padding:38px 0 42px; gap:32px; }
  .hero h1 { font-size:35px; letter-spacing:-1.6px; }
  .hero .eyebrow { font-size:10px; }
  .hero-copy > p:not(.eyebrow) { font-size:16px; line-height:1.6; margin:20px 0 24px; }
  .hero-actions .button { font-size:13px; padding:13px 10px; }
  .hero-assurance { font-size:11px; gap:8px 13px; }
  .sales-preview { padding:22px; border-radius:18px; }
  .sales-preview h2 { font-size:23px; }
  .section { padding:56px 0; }
  .floating-whatsapp { right:14px!important; bottom:14px!important; height:48px!important; }
  #conectle-chat-widget { bottom:76px!important; right:14px!important; }
  #chat-popup { width:calc(100vw - 28px)!important; max-width:calc(100vw - 28px)!important; }
  input,select,textarea { font-size:16px!important; }
}
@media(prefers-reduced-motion:reduce) { html{scroll-behavior:auto;} *,*::before,*::after { animation:none!important; transition:none!important; } }