/* ==========================================================================
   RitIA — visual moderno e limpo (carrega depois de style.css)
   Fundo claro, tipografia grande, respiro, degradê nos destaques.
   ========================================================================== */
:root{ --bg-soft:#f5f8fc; --line:#e6ebf2; --grad:linear-gradient(90deg,#0092ca 0%,#2b5da9 100%); }
body{background:#fff;}
.container{max-width:1200px;}
section{padding:96px 0;}
.section-head{max-width:720px; margin-bottom:52px;}
.section-head h2{font-size:42px; letter-spacing:-.02em; line-height:1.08;}
.section-head p{font-size:17.5px;}
@media(max-width:640px){ section{padding:64px 0;} .section-head h2{font-size:29px;} .section-head{margin-bottom:34px;} }

/* Barra superior */
.topbar{background:var(--bg-soft); border-bottom:1px solid var(--line); font-size:13px; color:var(--gray-700);}
.topbar-inner{display:flex; justify-content:space-between; align-items:center; gap:16px; min-height:38px;}
.topbar a{color:var(--gray-700); margin-left:22px; font-weight:500;}
.topbar a:hover{color:var(--cyan-500);}
@media(max-width:640px){ .topbar-links{display:none;} .topbar-inner{justify-content:center;} }

/* Header claro */
header.site-header{background:rgba(255,255,255,.86); border-bottom:1px solid var(--line);}
header.site-header.is-scrolled{background:rgba(255,255,255,.97); box-shadow:0 12px 30px -18px rgba(10,21,38,.3);}
nav.nav-links a{color:var(--gray-700); font-weight:500;}
nav.nav-links a:hover{color:var(--ink);}
.btn-ghost{border-color:#cdd6e2; color:var(--ink);}
.btn-ghost:hover{background:#eef3f9;}
.final-cta .btn-ghost{border-color:rgba(255,255,255,.55); color:#fff;}
.final-cta .btn-ghost:hover{background:rgba(255,255,255,.12);}

/* Hero claro */
.hero{background:radial-gradient(900px 520px at 88% 8%,rgba(0,146,202,.13),transparent 60%),radial-gradient(700px 420px at 4% 96%,rgba(37,211,102,.08),transparent 60%),#fff; color:var(--ink); padding:72px 0 44px;}
.hero::before{display:none;}
.hero-grid{grid-template-columns:1.02fr .98fr; gap:24px; padding-bottom:64px;}
.hero h1{font-size:clamp(40px,5.3vw,68px); line-height:1.04; letter-spacing:-.028em; margin:18px 0 22px; max-width:640px;}
.hero h1 em{font-style:normal; background:var(--grad); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}
.hero .lead{color:var(--gray-700); font-size:18.5px; max-width:540px; line-height:1.6;}
.hero .eyebrow{color:var(--cyan-500);}
.channel-note{color:var(--gray-500);} .channel-note b{color:var(--ink);}
.hero .btn{padding:17px 32px; font-size:16px;}

/* Visual do topo: esfera animada + celular */
.hero-visual{position:relative; height:540px; max-width:none; margin:0;}
#orb{position:absolute; inset:0; width:100%; height:100%; filter:drop-shadow(0 34px 60px rgba(0,146,202,.28));}
.hero-visual .phone{position:absolute; left:-2%; bottom:6px; margin:0; width:262px; z-index:2; box-shadow:0 40px 70px -24px rgba(10,21,38,.55);}
@media(max-width:960px){
  .hero-grid{grid-template-columns:1fr;}
  .hero-visual{order:2; height:440px; max-width:520px; margin:8px auto 0; width:100%;}
  .hero-visual .phone{left:2%; width:230px;}
}
@media(max-width:520px){ .hero-visual{height:380px;} .hero-visual .phone{width:206px; left:0;} }

/* Faixa de cards */
.hero-cards{display:grid; grid-template-columns:repeat(3,1fr); background:#fff; border:1px solid var(--line); border-radius:20px; box-shadow:0 26px 60px -30px rgba(10,21,38,.28); position:relative; overflow:hidden; padding-bottom:6px;}
.hero-cards::after{content:""; position:absolute; left:0; right:0; bottom:0; height:6px; background:linear-gradient(90deg,var(--cyan-400),var(--blue-600),var(--whatsapp));}
.hcard{display:flex; gap:16px; align-items:flex-start; padding:26px 28px; transition:background .2s ease;}
.hcard + .hcard{border-left:1px solid var(--line);}
.hcard:hover{background:var(--bg-soft);}
.hcard .hico{width:46px; height:46px; border-radius:13px; flex:none; display:flex; align-items:center; justify-content:center; background:linear-gradient(140deg,var(--cyan-500),var(--blue-600)); box-shadow:0 12px 22px -12px rgba(0,146,202,.7);}
.hcard .hico svg{width:22px; height:22px; stroke:#fff; fill:none; stroke-width:2; stroke-linecap:round; stroke-linejoin:round;}
.hcard b{display:block; font-size:17px; line-height:1.25; margin-bottom:6px; color:var(--ink);}
.hcard span{display:block; font-size:14px; color:var(--gray-700); line-height:1.5;}
.hcard em{display:inline-block; margin-top:10px; font-style:normal; font-size:14px; font-weight:700; color:var(--cyan-500);}
.hcard em::after{content:" \2192"; transition:margin .2s ease;}
.hcard:hover em::after{margin-left:4px;}
@media(max-width:860px){ .hero-cards{grid-template-columns:1fr;} .hcard + .hcard{border-left:0; border-top:1px solid var(--line);} }

/* Dores e cards em geral */
.pain-card{background:#fff; border:1px solid var(--line); border-radius:20px; padding:30px;}
.pain-card h3{font-size:18px;}
.pain-card p{font-size:15.5px;}
#dores{background:var(--bg-soft);}

/* Como funciona — claro */
.steps{background:#fff; color:var(--ink);}
.steps .eyebrow.on-dark,.planos .eyebrow.on-dark{color:var(--cyan-500);}
.section-head.on-dark p,.on-dark .section-head p{color:var(--gray-700);}
.step{background:#fff; border:1px solid var(--line); border-radius:20px; padding:28px 24px; box-shadow:0 18px 40px -30px rgba(10,21,38,.35);}
.step h4{color:var(--ink); font-size:17px;}
.step .where{color:var(--cyan-500);}
.step p{color:var(--gray-700); font-size:14.5px;}
.integ{background:var(--bg-soft);}
.integ .pain-card{background:#fff;}

/* Planos — claro */
.planos{background:#fff; color:var(--ink);}
.value-anchor{background:#eef8fc; border:1px solid #cbe9f5; color:var(--gray-700); font-size:16px;}
.value-anchor b{color:var(--ink);}
.price-card{background:#fff; border:1px solid var(--line); color:var(--ink); box-shadow:0 22px 50px -34px rgba(10,21,38,.4);}
.price-card.featured{background:linear-gradient(170deg,#fff,#eef8fc); border-color:var(--cyan-500); box-shadow:0 30px 60px -30px rgba(0,146,202,.5);}
.price-sub{color:var(--gray-500);}
.price-result{background:var(--bg-soft);}
.price-result p{color:var(--ink);}
.price-line .k{color:var(--gray-700);} .price-line .k small{color:var(--gray-500);}
.price-line .v{color:var(--ink);} .price-line .v .cur{color:var(--cyan-500);} .price-line.main .v .per{color:var(--gray-500);}
.price-line.setup{border-top-color:var(--line);}
.price-quota{color:var(--gray-700);} .price-quota b{color:var(--ink);}
.plan-extras > div{background:var(--bg-soft); border-color:var(--line);}
.plan-extras h4{color:var(--ink);} .plan-extras li{color:var(--gray-700);} .plan-extras li::before{color:var(--cyan-500);}
.plan-extras-sub{color:var(--gray-500);}
.molde{background:#fff;} .molde b{color:var(--ink);} .molde span{color:var(--gray-700);}
.fine-print{color:var(--gray-500);} .price-footnote{color:var(--gray-500);}
.cmp-sub{color:var(--gray-500);}
.cmp-table{background:#fff; border-color:var(--line);}
.cmp-table th,.cmp-table td{border-bottom-color:var(--line);}
.cmp-table td{color:var(--gray-700);}
.cmp-table tbody th{color:var(--ink);} .cmp-table tbody th span{border-bottom-color:#9aa6b6;}
.cmp-table thead th{background:#fff; border-bottom-color:#cbe9f5;}
.cmp-table thead th.featured{background:linear-gradient(180deg,#e7f5fb,#fff); box-shadow:inset 0 3px 0 var(--cyan-500);}
.cmp-plan-name{color:var(--ink);} .cmp-plan-price{color:var(--gray-500);} .cmp-plan-price b{color:var(--ink);}
.cmp-table thead th.cmp-corner{color:var(--gray-500);}
.cmp-table tr.cat th{background:var(--bg-soft); color:var(--ink);}
.cmp-table tbody tr:not(.cat):nth-child(even) th,.cmp-table tbody tr:not(.cat):nth-child(even) td{background:#fafcfe;}
.cmp-table td.featured{background:rgba(0,146,202,.05) !important;}
.ck{color:var(--cyan-500);} .no{color:#b3bdca;} .note{color:var(--gray-500);}
@media(max-width:760px){
  .cmp-tabs{background:#fff;}
  .cmp-tabs button{background:#fff; color:var(--gray-700); border-color:var(--line);}
  .cmp-tabs button[aria-selected="true"]{background:var(--cyan-500); color:#fff; border-color:var(--cyan-500);}
  .cmp-mobile-cta{background:#fff; border-color:#cbe9f5; box-shadow:0 -12px 30px -14px rgba(10,21,38,.3);}
  .cmp-mobile-cta .info{color:var(--gray-500);} .cmp-mobile-cta .info b{color:var(--ink);}
}

/* FAQ */
#faq{background:var(--bg-soft);}
.faq-item{border-top-color:#dbe3ed;}

/* Tempo continua como faixa escura de contraste */
.tempo .section-head h2{color:#fff;}
.tempo .section-head p{color:rgba(255,255,255,.72);}
.tempo .eyebrow.on-dark{color:var(--cyan-400);}
.hero h1{font-size:clamp(38px,4.7vw,62px); max-width:700px;}
.hero .lead{max-width:560px; font-size:18px;}
.tempo-label b{color:inherit;}

/* iPhone + clientes no WhatsApp */
.hero-visual{height:570px;}
#orb{filter:none;}
.hero-visual .phone.iphone{position:absolute; left:calc(50% - 131px); top:20px; bottom:auto; margin:0; width:262px; height:530px; padding:11px; background:#0b0f16; border-radius:48px; box-shadow:0 0 0 1.5px #262c37, 0 46px 80px -28px rgba(10,21,38,.6), inset 0 0 0 2px #1a202a; z-index:2;}
.ip-island{position:absolute; top:20px; left:50%; transform:translateX(-50%); width:78px; height:23px; border-radius:14px; background:#000; z-index:3;}
.ip-screen{background:#ece5dd; border-radius:38px; height:100%; overflow:hidden; display:flex; flex-direction:column;}
.ip-status{height:46px; padding:15px 24px 0 26px; display:flex; justify-content:space-between; align-items:flex-start; font-size:12.5px; font-weight:700; background:#f6f6f6; color:#111;}
.ip-bat{display:inline-block; width:22px; height:11px; border:1.5px solid #111; border-radius:3.5px; position:relative; margin-top:2px;}
.ip-bat::before{content:""; position:absolute; inset:1.5px; background:#111; border-radius:1.5px;}
.ip-bat::after{content:""; position:absolute; right:-4px; top:2.5px; width:2px; height:4px; background:#111; border-radius:0 1px 1px 0;}
.ip-head{display:flex; align-items:center; gap:9px; padding:6px 12px 9px; background:#f6f6f6; border-bottom:1px solid #d9d9d9;}
.ip-head svg{width:16px; height:16px; stroke:#0a84ff; fill:none; stroke-width:2.6; stroke-linecap:round; stroke-linejoin:round;}
.ip-av{width:32px; height:32px; border-radius:50%; background:linear-gradient(140deg,var(--cyan-500),var(--blue-600)); display:flex; align-items:center; justify-content:center; flex:none;}
.ip-av svg{width:17px; height:17px; stroke:#fff; stroke-width:2.2;}
.ip-head b{display:block; font-size:13.5px; color:#111; line-height:1.15;}
.ip-head small{font-size:11px; color:#1da851;}
.iphone .phone-screen{flex:1; min-height:0; height:auto; background:transparent; border-radius:0; padding:10px 9px 8px; justify-content:flex-end; overflow:hidden;}
.iphone .bubble{font-size:12.5px; box-shadow:0 1px 1px rgba(0,0,0,.1);}
.iphone .bubble.in{background:#fff; color:#111b21;}
.iphone .bubble.out{background:#d9fdd3; color:#111b21;}
.iphone .bubble time{color:#667781; opacity:1;}
.iphone .bubble.typing span{background:#8a9aa3;}
.ip-input{margin:4px 9px 2px; background:#fff; border-radius:18px; padding:8px 13px; font-size:12px; color:#8a939b;}
.ip-home{flex:none; width:96px; height:4px; border-radius:3px; background:#111; margin:5px auto 7px; opacity:.85;}
@media(max-width:960px){ .hero-visual{height:500px;} .hero-visual .phone.iphone{width:220px; height:448px; left:calc(50% - 110px); top:16px; border-radius:42px; padding:9px;} .ip-screen{border-radius:34px;} .ip-status{height:40px; padding:12px 20px 0;} .ip-island{width:66px; height:19px; top:16px;} .iphone .bubble{font-size:11.5px;} }
@media(max-width:520px){ .hero-visual{height:470px;} }
.iphone .chat-alert{width:max-content; max-width:92%; text-align:center; line-height:1.3;}

/* Frase de destaque (tempo de resposta) */
.tempo-quote{position:relative; max-width:900px; margin:72px auto 0; padding:44px 0 0; text-align:center; border:0;}
.tempo-quote::before{content:""; position:absolute; top:0; left:50%; width:120px; height:3px; margin-left:-60px; border-radius:3px; background:linear-gradient(90deg,var(--cyan-400),var(--whatsapp));}
.tempo-quote .qmark{display:block; font-size:84px; line-height:.5; height:40px; font-weight:900; color:var(--cyan-400); opacity:.45;}
.tempo-quote p{font-size:clamp(26px,3.5vw,42px); font-weight:900; line-height:1.15; letter-spacing:-.02em; color:#fff;}
.tempo-quote em{font-style:normal; background:linear-gradient(90deg,var(--whatsapp),var(--cyan-400)); -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;}

/* Integrações: carrossel de plataformas */
.int-marquee{position:relative; overflow:hidden; margin:4px 0 26px; -webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent); mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);}
.int-row{display:flex; gap:14px; width:max-content; padding:8px 0; animation:marqL 52s linear infinite;}
.int-row.rev{animation-name:marqR; animation-duration:58s;}
.int-marquee:hover .int-row{animation-play-state:paused;}
@keyframes marqL{to{transform:translateX(-50%);}}
@keyframes marqR{from{transform:translateX(-50%);} to{transform:translateX(0);}}
.int-tile{display:flex; align-items:center; gap:12px; padding:10px 22px 10px 11px; background:#fff; border:1px solid var(--line); border-radius:999px; box-shadow:0 12px 28px -20px rgba(10,21,38,.45); font-weight:700; font-size:15px; color:var(--ink); white-space:nowrap; transition:transform .2s ease, border-color .2s ease;}
.int-tile:hover{transform:translateY(-3px); border-color:#9bd3ea;}
.int-tile .ic{width:40px; height:40px; border-radius:50%; flex:none; display:flex; align-items:center; justify-content:center; background:linear-gradient(140deg,#e7f5fb,#dbe6f6); color:var(--blue-600); font-weight:900; font-size:17px; overflow:hidden;}
.int-tile .ic img{width:24px; height:24px; object-fit:contain;}
.int-pill{display:table; margin:0 auto 46px; padding:12px 26px; border-radius:999px; background:#fff; border:1px solid #cbe9f5; box-shadow:0 14px 30px -22px rgba(0,146,202,.7); font-size:15px; color:var(--gray-700);}
.int-pill b{color:var(--cyan-500);}
@media(prefers-reduced-motion:reduce){ .int-row{animation:none; flex-wrap:wrap; width:auto; justify-content:center;} .int-row[aria-hidden]{display:none;} .int-marquee{-webkit-mask-image:none; mask-image:none;} }