.na-tp{--teal:#4BBFBF;--teal-light:#7ED4D4;--teal-dark:#35A0A0;--teal-bg:#E8F8F8;--laranja:#F07B20;--laranja-hover:#d86a15;--amarelo:#F5C842;--rosa:#E8748A;--rosa-bg:#FDF0F2;--grafite:#3D3D3D;--cinza:#7A7A7A;--cinza-claro:#B0B0B0;--branco:#FFFFFF;--font-display:'Fredoka',sans-serif;--font-body:'Nunito',sans-serif}
.na-tp *{margin:0;padding:0;box-sizing:border-box}
.na-tp img{max-width:100%;height:auto;display:block}

.na-tp .kicker{font-family:var(--font-body);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:var(--teal);margin-bottom:12px;display:inline-block}
.na-tp .stitle{font-family:var(--font-display);font-weight:600;color:var(--grafite);line-height:1.25}
.na-tp .ssub{font-family:var(--font-body);font-weight:400;font-size:16px;color:var(--cinza);line-height:1.7;max-width:620px}

/* ═══ SEÇÃO 1 — HERO ═══ */
.na-tp-hero{background:var(--rosa-bg);padding:80px 28px 0;overflow:hidden;position:relative}
.na-tp-hero::before{content:'';position:absolute;top:-100px;right:-60px;width:350px;height:350px;border-radius:50%;background:rgba(75,191,191,.06);pointer-events:none}
.na-tp-hero-inner{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;position:relative;z-index:1}
.na-tp-hero-content{padding-bottom:80px}
.na-tp-hero h1{font-family:var(--font-display);font-weight:600;font-size:38px;color:var(--grafite);line-height:1.2;margin-bottom:16px}
.na-tp-hero h1 span{color:var(--teal)}
.na-tp-hero-sub{font-family:var(--font-body);font-weight:400;font-size:17px;color:var(--cinza);line-height:1.7;margin-bottom:28px;max-width:500px}
.na-tp-hero-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.na-tp-hero-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--teal-bg);border-radius:999px;font-family:var(--font-body);font-weight:600;font-size:12px;color:var(--teal-dark)}
.na-tp-hero-badge svg{width:14px;height:14px}
.na-tp-hero-cta{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-body);font-weight:700;font-size:15px;color:#fff;background:var(--laranja);text-decoration:none;padding:14px 32px;border-radius:999px;transition:background .2s,transform .15s,box-shadow .2s}
.na-tp-hero-cta:hover{background:var(--laranja-hover);transform:translateY(-2px);box-shadow:0 6px 20px rgba(240,123,32,.25)}
.na-tp-hero-cta svg{width:18px;height:18px}
.na-tp-hero-image{display:flex;align-items:flex-end;justify-content:center; margin-bottom:9% }
.na-tp-hero-image img{width:100%;max-width:460px;border-radius:24px 24px 24px 24px ;object-fit:cover}

/* ═══ SEÇÃO 2 — O QUE É ═══ */
.na-tp-what{background:var(--branco);padding:80px 28px}
.na-tp-what-inner{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.na-tp-what-content .stitle{font-size:28px;margin-bottom:16px}
.na-tp-what-text{font-family:var(--font-body);font-weight:400;font-size:15px;color:var(--cinza);line-height:1.8;margin-bottom:24px}
.na-tp-what-list{list-style:none;display:flex;flex-direction:column;gap:12px}
.na-tp-what-list li{display:flex;align-items:flex-start;gap:10px;font-family:var(--font-body);font-weight:400;font-size:14px;color:var(--grafite);line-height:1.6}
.na-tp-what-list li svg{width:20px;height:20px;color:var(--teal);flex-shrink:0;margin-top:2px}
.na-tp-what-image img{border-radius:20px;width:100%;object-fit:cover;aspect-ratio:4/3}

/* ═══ SEÇÃO 3 — PARA QUEM É ═══ */
.na-tp-who{background:var(--teal-bg);padding:80px 28px}
.na-tp-who-inner{max-width:1160px;margin:0 auto;text-align:center}
.na-tp-who .stitle{font-size:28px;margin-bottom:12px}
.na-tp-who .ssub{margin:0 auto 48px}
.na-tp-who-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:left}
.na-tp-who-card{background:var(--branco);border-radius:16px;padding:28px 24px;border:1px solid rgba(75,191,191,.1);transition:transform .2s,box-shadow .2s}
.na-tp-who-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(75,191,191,.08)}
.na-tp-who-card-icon{width:44px;height:44px;border-radius:12px;background:var(--rosa-bg);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.na-tp-who-card-icon svg{width:22px;height:22px;color:var(--rosa)}
.na-tp-who-card h3{font-family:var(--font-display);font-weight:500;font-size:16px;color:var(--grafite);margin-bottom:6px;line-height:1.3}
.na-tp-who-card p{font-family:var(--font-body);font-weight:400;font-size:13px;color:var(--cinza);line-height:1.6}

/* ═══ SEÇÃO 4 — COMO FUNCIONA ═══ */
.na-tp-how{background:var(--branco);padding:80px 28px}
.na-tp-how-inner{max-width:1160px;margin:0 auto;text-align:center}
.na-tp-how .stitle{font-size:28px;margin-bottom:12px}
.na-tp-how .ssub{margin:0 auto 48px}
.na-tp-how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:left}
.na-tp-how-step{background:var(--rosa-bg);border-radius:20px;padding:32px 28px;position:relative}
.na-tp-how-step-num{width:40px;height:40px;border-radius:50%;background:var(--teal);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:600;font-size:18px;color:#fff;margin-bottom:16px}
.na-tp-how-step h4{font-family:var(--font-display);font-weight:500;font-size:17px;color:var(--grafite);margin-bottom:8px}
.na-tp-how-step p{font-family:var(--font-body);font-weight:400;font-size:14px;color:var(--cinza);line-height:1.65}

/* ═══ SEÇÃO 5 — TÍPICAS E ATÍPICAS ═══ */
.na-tp-atypical{background:var(--teal);padding:64px 28px;position:relative;overflow:hidden}
.na-tp-atypical::before{content:'';position:absolute;top:-80px;left:-60px;width:300px;height:300px;border-radius:50%;background:rgba(255,255,255,.05);pointer-events:none}
.na-tp-atypical-inner{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;position:relative;z-index:1}
.na-tp-atypical-content .kicker{color:rgba(255,255,255,.7)}
.na-tp-atypical-content .stitle{color:#fff;font-size:26px;margin-bottom:16px}
.na-tp-atypical-text{font-family:var(--font-body);font-weight:400;font-size:15px;color:rgba(255,255,255,.85);line-height:1.8;margin-bottom:24px}
.na-tp-atypical-tags{display:flex;flex-wrap:wrap;gap:8px}
.na-tp-atypical-tag{padding:6px 16px;background:rgba(255,255,255,.12);border-radius:999px;font-family:var(--font-body);font-weight:600;font-size:13px;color:#fff}
.na-tp-atypical-image img{border-radius:20px;width:100%;object-fit:cover;aspect-ratio:4/3}

/* ═══ SEÇÃO 6 — RESULTADOS ═══ */
.na-tp-results{background:var(--branco);padding:80px 28px}
.na-tp-results-inner{max-width:1160px;margin:0 auto;text-align:center}
.na-tp-results .stitle{font-size:28px;margin-bottom:12px}
.na-tp-results .ssub{margin:0 auto 48px}
.na-tp-results-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.na-tp-result-card{background:var(--teal-bg);border-radius:16px;padding:28px 20px;text-align:center;transition:transform .2s}
.na-tp-result-card:hover{transform:translateY(-3px)}
.na-tp-result-card-icon{width:48px;height:48px;border-radius:50%;background:var(--branco);display:flex;align-items:center;justify-content:center;margin:0 auto 14px}
.na-tp-result-card-icon svg{width:24px;height:24px;color:var(--teal)}
.na-tp-result-card h4{font-family:var(--font-display);font-weight:500;font-size:15px;color:var(--grafite);margin-bottom:6px;line-height:1.3}
.na-tp-result-card p{font-family:var(--font-body);font-weight:400;font-size:13px;color:var(--cinza);line-height:1.5}

/* ═══ SEÇÃO 7 — DEPOIMENTOS ═══ */
.na-tp-test{background:var(--rosa-bg);padding:80px 28px}
.na-tp-test-inner{max-width:1160px;margin:0 auto;text-align:center}
.na-tp-test .stitle{font-size:28px;margin-bottom:12px}
.na-tp-test .ssub{margin:0 auto 48px}
.na-tp-test-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;text-align:left}
.na-tp-test-card{background:var(--branco);border-radius:20px;padding:28px;display:flex;flex-direction:column;border:1px solid rgba(75,191,191,.08)}
.na-tp-test-stars{display:flex;gap:3px;margin-bottom:14px}
.na-tp-test-stars svg{width:16px;height:16px;color:#F5C842;fill:#F5C842}
.na-tp-test-text{font-family:var(--font-body);font-weight:400;font-size:14px;color:var(--cinza);line-height:1.7;flex:1;margin-bottom:18px}
.na-tp-test-author{display:flex;align-items:center;gap:12px;padding-top:14px;border-top:1px solid rgba(0,0,0,.05)}
.na-tp-test-avatar{width:44px;height:44px;border-radius:50%;background:var(--teal-bg);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:600;font-size:18px;color:var(--teal);flex-shrink:0}
.na-tp-test-name{font-family:var(--font-body);font-weight:700;font-size:14px;color:var(--grafite)}
.na-tp-test-detail{font-family:var(--font-body);font-weight:400;font-size:12px;color:var(--cinza)}

/* ═══ SEÇÃO 8 — FAQ ═══ */
.na-tp-faq{background:var(--branco);padding:80px 28px}
.na-tp-faq-inner{max-width:760px;margin:0 auto;text-align:center}
.na-tp-faq .stitle{font-size:28px;margin-bottom:12px}
.na-tp-faq .ssub{margin:0 auto 40px}
.na-tp-faq-list{text-align:left}
.na-tp-faq-item{border-bottom:1px solid rgba(75,191,191,.12);overflow:hidden}
.na-tp-faq-q{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;cursor:pointer;background:none;border:none;width:100%;text-align:left;font-family:var(--font-display);font-weight:500;font-size:16px;color:var(--grafite);line-height:1.4;transition:color .2s}
.na-tp-faq-q:hover{color:var(--teal-dark)}
.na-tp-faq-q svg{width:20px;height:20px;color:var(--teal);flex-shrink:0;transition:transform .3s}
.na-tp-faq-item.open .na-tp-faq-q svg{transform:rotate(45deg)}
.na-tp-faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .3s ease}
.na-tp-faq-item.open .na-tp-faq-a{max-height:300px;padding-bottom:20px}
.na-tp-faq-a p{font-family:var(--font-body);font-weight:400;font-size:14px;color:var(--cinza);line-height:1.7}

/* ═══ SEÇÃO 9 — CTA FINAL ═══ */
.na-tp-cta{background:var(--rosa-bg);padding:64px 28px;text-align:center}
.na-tp-cta-inner{max-width:600px;margin:0 auto}
.na-tp-cta .stitle{font-size:26px;margin-bottom:12px}
.na-tp-cta-sub{font-family:var(--font-body);font-weight:400;font-size:15px;color:var(--cinza);line-height:1.6;margin-bottom:28px}
.na-tp-cta-btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-body);font-weight:700;font-size:15px;color:#fff;background:var(--laranja);text-decoration:none;padding:16px 36px;border-radius:999px;transition:background .2s,transform .15s,box-shadow .2s}
.na-tp-cta-btn:hover{background:var(--laranja-hover);transform:translateY(-2px);box-shadow:0 6px 20px rgba(240,123,32,.25)}
.na-tp-cta-btn svg{width:18px;height:18px}

/* ═══ ANIMAÇÕES ═══ */
.na-tp .na-reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}
.na-tp .na-reveal.visible{opacity:1;transform:translateY(0)}

/* ═══ RESPONSIVO ═══ */
@media(max-width:900px){
  .na-tp-hero-inner{grid-template-columns:1fr;gap:32px}
  .na-tp-hero-content{padding-bottom:0;text-align:center}
  .na-tp-hero h1{font-size:30px}
  .na-tp-hero-sub{max-width:100%}
  .na-tp-hero-badges{justify-content:center}
  .na-tp-hero-image{order:-1}
  .na-tp-hero-image img{max-width:320px;margin:0 auto;border-radius:24px}
  .na-tp-what-inner{grid-template-columns:1fr;gap:32px}
  .na-tp-what-image{order:-1;max-width:500px;margin:0 auto}
  .na-tp-who-grid{grid-template-columns:1fr 1fr}
  .na-tp-how-steps{grid-template-columns:1fr}
  .na-tp-atypical-inner{grid-template-columns:1fr;text-align:center}
  .na-tp-atypical-tags{justify-content:center}
  .na-tp-atypical-image{order:-1;max-width:400px;margin:0 auto}
  .na-tp-results-grid{grid-template-columns:1fr 1fr}
  .na-tp-test-grid{grid-template-columns:1fr}
}
@media(max-width:580px){
  .na-tp-hero{padding:48px 16px 0}
  .na-tp-hero h1{font-size:26px}
  .na-tp-hero-cta{width:100%;justify-content:center}
  .na-tp-what{padding:56px 16px}
  .na-tp-who{padding:56px 16px}
  .na-tp-who-grid{grid-template-columns:1fr}
  .na-tp-how{padding:56px 16px}
  .na-tp-atypical{padding:48px 16px}
  .na-tp-results{padding:56px 16px}
  .na-tp-results-grid{grid-template-columns:1fr}
  .na-tp-test{padding:56px 16px}
  .na-tp-faq{padding:56px 16px}
  .na-tp-cta{padding:48px 16px}
  .na-tp-cta-btn{width:100%;justify-content:center}
  .na-tp .stitle{font-size:24px!important}
}