/* Home e /precos do institucional: hierarquia na linha da modelagem (Inter 500, H1 64, H2 48, H3 20), um destaque por seção, fundo alternado. */
.hp .isec{padding:96px 0}
.hp .isec h2{font-size:clamp(30px,3.7vw,48px);line-height:1.13;letter-spacing:-.045em;margin:0 0 20px;text-wrap:balance}
.hp h3{font-weight:600;letter-spacing:-.02em}
.hp .eyebrow{display:block;margin-bottom:14px}
.hp .ilead{font-size:19px;line-height:1.55}
.hp-hero{padding:170px 0 56px;background:radial-gradient(ellipse 70% 60% at 50% 0,var(--pink-soft),transparent 70%)}
.hp-hero h1{font-size:clamp(38px,5.6vw,64px);line-height:1.16;letter-spacing:-.055em;margin:0 0 22px;text-wrap:balance}
.hp-hero .ilead{max-width:640px;margin-bottom:30px}
.hp-hero .iactions .button{min-height:50px;padding-inline:26px}
.hp-hero .inote{margin-top:18px}
.hp-hero-sm{padding:150px 0 28px}
.hp-hero-sm h1{font-size:clamp(34px,4.8vw,56px)}
.hp-head{text-align:center;max-width:720px;margin:0 auto 48px}
.hp-head .ilead{margin:0 auto}
.hp-h2c{text-align:center}
/* 2 demo: vídeo em destaque + passos em linha, sem caixas */
.hp-demo{padding-top:40px!important}
.hp-video{margin:0 auto 56px;max-width:1180px}
.hp-video video{display:block;width:100%;height:auto;aspect-ratio:16/9;border:1px solid var(--line);border-radius:20px;background:#faf8fa;box-shadow:0 40px 80px -30px rgba(36,36,42,.28)}
.hp-video figcaption{font-size:12px;color:#797980;text-align:center;margin-top:14px}
.hp-flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:28px}
.hp-flow li{border-top:2px solid var(--line);padding-top:18px}
.hp-flow li:first-child{border-top-color:var(--pink)}
.hp-n{display:block;font:500 12px/1 Mono,monospace;letter-spacing:.1em;color:var(--pink);margin-bottom:12px}
.hp-flow h3{font-size:20px;margin:0 0 8px}
.hp-flow p{margin:0;font-size:14px;line-height:1.55;color:#5b5b62}
/* 3 como funciona: título à esquerda, lista à direita */
.hp-split{display:grid;grid-template-columns:5fr 6fr;gap:72px;align-items:start}
.hp-split-head{position:sticky;top:110px}
.hp-split-head .ilead{margin:0 0 18px}
.hp-list{list-style:none;counter-reset:l;margin:0;padding:0}
.hp-list li{counter-increment:l;display:grid;grid-template-columns:44px 1fr;align-items:baseline;padding:22px 0;border-bottom:1px solid var(--line);font-size:19px;letter-spacing:-.02em}
.hp-list li:first-child{border-top:1px solid var(--line)}
.hp-list li:before{content:"0" counter(l);font:500 13px Mono,monospace;color:var(--pink)}
/* 4 recursos: um destaque + lista */
.hp-spot{display:grid;grid-template-columns:5fr 7fr;gap:48px;align-items:center;padding:40px;margin-bottom:48px;border:1px solid #eccbd9;border-radius:24px;background:linear-gradient(135deg,#fcf1f5,#fff 70%)}
.hp-spot-copy h3{font-size:clamp(24px,2.6vw,32px);line-height:1.15;margin:0 0 14px}
.hp-spot-copy p{font-size:17px;line-height:1.55;color:#55555c;margin:0 0 20px}
.hp-spot img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid var(--line);box-shadow:0 24px 50px -24px rgba(36,36,42,.3)}
.hp-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0 36px}
.hp-grid li{border-top:1px solid var(--line)}
.hp-grid a{display:block;padding:24px 0 28px}
.hp-grid a:hover h3{color:var(--pink)}
.hp-grid h3{font-size:18px;margin:0 0 8px;transition:color .15s}
.hp-grid p{margin:0;font-size:14px;line-height:1.55;color:#5b5b62}
/* 5 para quem */
.hp-cols{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:48px}
.hp-cols a{position:relative;display:block;border-top:2px solid var(--ink);padding:22px 36px 0 0}
.hp-cols h3{font-size:24px;margin:0 0 10px}
.hp-cols p{margin:0;font-size:16px;line-height:1.55;color:#55555c}
.hp-cols a:hover h3{color:var(--pink)}
.hp-cols .icard-go{right:0;top:22px;bottom:auto}
/* 6 integrações, 8 calculadoras */
.hp-integ .ichips li{font-size:15px;padding:12px 20px}
.hp-tools .prose{font-size:18px}
/* 7 prova */
.hp-stat{display:flex;align-items:center;justify-content:center;gap:28px;margin:8px 0 34px;flex-wrap:wrap}
.hp-stat div{text-align:center}
.hp-stat b{display:block;font-size:clamp(34px,5.6vw,64px);letter-spacing:-.055em;font-weight:500;line-height:1.1;color:#8a8a92}
.hp-stat .hi b{color:var(--pink)}
.hp-stat span{display:block;font:12px Mono,monospace;letter-spacing:.1em;text-transform:uppercase;color:#797980;margin-top:8px}
.hp-stat i{font-style:normal;font-size:32px;color:var(--pink)}
.hp-proof .ilead,.hp-proof .prose{text-align:center;margin-inline:auto}
.hp-proof .prose{font-size:14px;color:#797980}
/* 9 preços: bloco do site anterior */
.hp .pricing .section-intro h2{font-size:clamp(30px,3.7vw,48px)}
.hp-trial{max-width:720px;margin:36px auto 0;text-align:center}
.hp-trial p{font-size:15px;line-height:1.6;color:#55555c;margin:0 0 18px}
/* /precos */
.hp-guar-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;max-width:900px;margin:0 auto}
.hp-guar h2{text-align:center;margin-bottom:36px}
.hp-guar-item{display:grid;grid-template-columns:auto 1fr;column-gap:20px;align-items:center;border-top:2px solid var(--pink);padding-top:22px}
.hp-guar-item b{font-size:64px;line-height:1;letter-spacing:-.06em;font-weight:500;color:var(--pink)}
.hp-guar-item span{display:none}
.hp-guar-item p{margin:0;font-size:17px;line-height:1.5}
.hp-trialband{text-align:center}
.hp-trialband .ilead{margin-bottom:26px}
/* respiro e movimento */
.hp .ifaq h2,.hp .icta h2{text-align:center}
.hp .icta{padding:110px 0}
.hp .icta h2{font-size:clamp(32px,4.2vw,56px)}
@media(max-width:1000px){
  .hp-flow{grid-template-columns:repeat(2,1fr)}
  .hp-split{grid-template-columns:1fr;gap:36px}.hp-split-head{position:static}
  .hp-spot{grid-template-columns:1fr;padding:28px}
  .hp-grid{grid-template-columns:repeat(2,1fr)}
  .hp-cols{grid-template-columns:1fr;gap:32px}
}
@media(max-width:700px){
  .hp .isec{padding:64px 0}
  .hp-hero{padding:130px 0 36px}.hp-hero-sm{padding:120px 0 20px}
  .hp-flow{grid-template-columns:1fr}
  .hp-grid{grid-template-columns:1fr}
  .hp-guar-grid{grid-template-columns:1fr;gap:32px}
  .hp-list li{font-size:17px}
  .hp-spot{padding:20px;gap:24px}
}
