/* ===================== Cutuca — site ===================== */
:root{
  --laranja:#FF5A1F; --laranja-escuro:#C2410C; --tinta:#231A33; --creme:#FFF3E6; --verde:#1FA971; --nevoa:#E9E4F2;
  --fundo:#FFF8F1; --texto:#231A33; --suave:#5E5670; --cartao:#FFFFFF; --borda:#EFE2D4;
  --raio:20px; --sombra:0 1px 2px rgba(35,26,51,.06),0 10px 30px rgba(35,26,51,.08);
  --display:'Fredoka',system-ui,sans-serif; --corpo:'Figtree',system-ui,sans-serif;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--fundo);color:var(--texto);font:17px/1.6 var(--corpo);-webkit-text-size-adjust:100%;overflow-x:hidden;}
img{max-width:100%;height:auto;display:block;}
a{color:var(--laranja-escuro);}
h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.1;margin:0;}
h2{font-size:clamp(1.8rem,4vw,2.6rem);margin-bottom:12px;}
h3{font-size:1.2rem;}
.caixa{max-width:1140px;margin:0 auto;padding:0 20px;}
.estreita{max-width:760px;}
.pular{position:absolute;left:-999px;top:8px;background:var(--laranja);color:var(--tinta);padding:8px 12px;border-radius:8px;z-index:50;}
.pular:focus{left:8px;}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border-radius:14px;font:600 1.02rem var(--display);text-decoration:none;transition:transform .15s,box-shadow .15s;white-space:nowrap;}
.btn:hover{transform:translateY(-1px);}
.btn-cheio{background:var(--laranja);color:var(--tinta);box-shadow:0 6px 18px rgba(255,90,31,.35);}
.btn-linha{border:2px solid var(--tinta);color:var(--tinta);}
.btn-zap{background:#1FA971;color:#fff;}

/* topo */
.topo{position:sticky;top:0;z-index:30;background:rgba(255,248,241,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--borda);}
.topo-in{display:flex;align-items:center;gap:24px;height:68px;}
.marca img{height:32px;width:auto;}
.menu{display:flex;gap:22px;margin-left:auto;}
.menu a{color:var(--texto);text-decoration:none;font-weight:600;font-size:.95rem;}
.menu a:hover{color:var(--laranja-escuro);}
.entrar{padding:8px 16px;border-radius:12px;font-size:.95rem;}

/* hero */
.hero{padding:64px 0 40px;background:radial-gradient(1100px 500px at 85% 10%,rgba(255,90,31,.14),transparent 60%);}
.hero-in{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;}
.selo{display:inline-block;margin:0 0 14px;padding:6px 12px;border-radius:999px;background:var(--creme);border:1px solid #F4D8BD;color:var(--laranja-escuro);font-weight:700;font-size:.85rem;}
.hero h1{font-size:clamp(2.4rem,6vw,4.2rem);letter-spacing:-.01em;}
.hero h1 span{color:var(--laranja);}
.lead{font-size:1.18rem;color:var(--suave);margin:18px 0 26px;max-width:560px;}
.acoes{display:flex;gap:12px;flex-wrap:wrap;}
.mini{font-size:.9rem;color:var(--suave);margin:14px 0 0;}
.hero-vis{position:relative;min-height:520px;}
.tela{position:absolute;right:0;top:0;width:250px;border-radius:28px;border:8px solid var(--tinta);box-shadow:var(--sombra);transform:rotate(3deg);}
.celular{position:absolute;left:0;top:70px;width:300px;border-radius:32px;border:8px solid var(--tinta);background:#EFE7DD;box-shadow:var(--sombra);overflow:hidden;z-index:2;transform:rotate(-3deg);}
.cel-topo{display:flex;align-items:center;gap:10px;background:var(--tinta);color:var(--creme);padding:16px 14px 12px;}
.cel-topo img{width:36px;height:36px;border-radius:50%;background:var(--creme);padding:5px;}
.cel-topo div{display:flex;flex-direction:column;line-height:1.2;}
.cel-topo span{font-size:.78rem;color:#C9C1D6;}
.chat{display:flex;flex-direction:column;gap:10px;padding:14px 12px 18px;font-size:.88rem;line-height:1.4;}
.msg{margin:0;max-width:86%;padding:9px 11px;border-radius:14px;background:#fff;box-shadow:0 1px 1px rgba(0,0,0,.06);}
.msg.ent{align-self:flex-start;border-top-left-radius:4px;}
.msg.sai{align-self:flex-end;background:#FFE2D3;border-top-right-radius:4px;}
.msg.pix{display:flex;flex-direction:column;gap:6px;}
.msg .qr{width:92px;height:92px;border-radius:6px;background:#fff url(img/qr-ilustrativo.svg) center/contain no-repeat;}
.msg.ok{border-left:3px solid var(--verde);}

/* faixa */
.faixa{background:var(--tinta);color:var(--creme);}
.faixa-in{padding:28px 20px;font-size:1.15rem;text-align:center;}
.faixa p{margin:0 auto;max-width:820px;}
.faixa strong{color:var(--laranja);}

/* seções */
.secao{padding:84px 0;}
.secao-alt{background:var(--creme);}
.sub{color:var(--suave);margin:0 0 28px;}
.passos{list-style:none;padding:0;margin:32px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.passos li{background:var(--cartao);border:1px solid var(--borda);border-radius:var(--raio);padding:26px;box-shadow:var(--sombra);}
.passos span{display:inline-flex;width:40px;height:40px;border-radius:50%;background:var(--laranja);color:var(--tinta);font:600 1.2rem var(--display);align-items:center;justify-content:center;margin-bottom:14px;}
.passos p{color:var(--suave);margin:8px 0 0;}
.recursos{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px;}
.recursos article{background:var(--cartao);border-radius:var(--raio);padding:22px;border:1px solid var(--borda);}
.recursos i{font-style:normal;font-size:1.6rem;display:block;margin-bottom:10px;}
.recursos p{color:var(--suave);font-size:.95rem;margin:6px 0 0;}
.telas{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.telas figure{margin:0;}
.telas img{border-radius:24px;border:6px solid var(--tinta);box-shadow:var(--sombra);aspect-ratio:390/844;object-fit:cover;object-position:top;}
.telas figcaption{text-align:center;color:var(--suave);font-size:.92rem;margin-top:10px;}

/* planos */
.periodos{display:inline-flex;gap:4px;padding:5px;border-radius:14px;background:#fff;border:1px solid var(--borda);margin-bottom:22px;flex-wrap:wrap;}
.periodos button{border:0;background:transparent;font:600 .95rem var(--corpo);color:var(--suave);padding:9px 16px;border-radius:10px;cursor:pointer;}
.periodos button.ativo{background:var(--tinta);color:var(--creme);}
.planos{display:grid;grid-template-columns:1fr 1.2fr;gap:20px;align-items:start;}
.plano{background:var(--cartao);border:1px solid var(--borda);border-radius:24px;padding:28px;box-shadow:var(--sombra);display:flex;flex-direction:column;gap:12px;}
.plano.destaque{border:2px solid var(--laranja);}
.preco{margin:0;font-family:var(--display);}
.preco b{font-size:2.6rem;font-weight:600;}
.preco small{font-size:1rem;color:var(--suave);margin-left:6px;}
.por-mes{margin:-6px 0 0;color:var(--verde);font-weight:700;font-size:.92rem;min-height:1.3em;}
.sub-plano{margin:-4px 0 0;color:var(--suave);}
.plano ul{margin:0;padding-left:20px;color:var(--suave);}
.plano ul li{margin:4px 0;}
.ia{display:flex;gap:10px;align-items:center;padding:12px 14px;border-radius:12px;background:var(--creme);cursor:pointer;font-weight:600;}
.ia input{width:18px;height:18px;accent-color:var(--laranja);}
.master{width:100%;border-collapse:collapse;font-size:.98rem;}
.master th{text-align:left;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--suave);padding:6px 4px;border-bottom:1px solid var(--borda);}
.master td{padding:9px 4px;border-bottom:1px solid var(--borda);}
.master td:last-child,.master th:last-child{text-align:right;font-weight:700;}
.nota{color:var(--suave);font-size:.92rem;margin-top:18px;}

/* dúvidas */
details{background:var(--cartao);border:1px solid var(--borda);border-radius:16px;margin:10px 0;padding:0 20px;}
summary{cursor:pointer;list-style:none;padding:18px 0;font-weight:700;display:flex;justify-content:space-between;gap:12px;}
summary::-webkit-details-marker{display:none;}
summary::after{content:"+";font:600 1.4rem/1 var(--display);color:var(--laranja);}
details[open] summary::after{content:"–";}
details p{margin:0 0 18px;color:var(--suave);}

/* cta final */
.cta{background:var(--laranja);}
.cta-in{padding:72px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;}
.cta h2{color:var(--tinta);max-width:720px;}
.cta img{background:var(--creme);border-radius:22px;padding:10px;width:84px;height:auto;}
.cta .btn-cheio{background:var(--tinta);color:var(--creme);box-shadow:none;}
.cta .btn-zap{background:var(--creme);color:var(--tinta);}

/* rodapé */
.rodape{background:var(--tinta);color:#C9C1D6;}
.rodape-in{padding:40px 20px;display:flex;flex-direction:column;gap:18px;align-items:center;text-align:center;}
.rodape nav{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;}
.rodape a{color:var(--creme);text-decoration:none;font-weight:600;}
.legal{font-size:.82rem;line-height:1.5;max-width:720px;margin:0;}
.legal strong{color:var(--creme);}

.zap-flutuante{position:fixed;right:18px;bottom:18px;width:58px;height:58px;border-radius:50%;background:#1FA971;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.25);z-index:40;}

/* celular */
@media (max-width: 960px){
  .menu{display:none;}
  .entrar{margin-left:auto;}
  .hero{padding-top:36px;}
  .hero-in{grid-template-columns:1fr;}
  .hero-vis{min-height:470px;max-width:420px;margin:10px auto 0;width:100%;}
  .tela{width:210px;}
  .celular{width:270px;top:50px;}
  .passos,.planos{grid-template-columns:1fr;}
  .recursos{grid-template-columns:repeat(2,1fr);}
  .telas{grid-template-columns:repeat(2,1fr);}
  .secao{padding:60px 0;}
}
@media (max-width: 520px){
  body{font-size:16px;}
  .recursos{grid-template-columns:1fr;}
  .hero-vis{min-height:600px;}
  .tela{width:170px;}
  .celular{width:250px;top:40px;}
  .acoes .btn{flex:1 1 100%;}
  .plano{padding:22px;}
}
@media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto;} .btn{transition:none;} }