/* =============================================================
   INSTITUTO PONTO DE LUZ — Tema da Landing Page
   Paleta extraída da página original. Sobrepõe o Bulma.
   ============================================================= */

:root{
  /* Verdes / Ayahuasca */
  --green:        #4dcd83;   /* CTA principal */
  --green-deep:   #34b56f;
  --green-press:  #2aa161;

  /* Teal do hero */
  --teal-1:       #2f6f63;
  --teal-2:       #3f8a78;
  --teal-3:       #58a08f;

  /* Floresta escura (seções terapias / FAQ) */
  --forest-1:     #0e1d12;
  --forest-2:     #14271a;
  --forest-faq-1: #2c5440;
  --forest-faq-2: #1f3d2e;
  --forest-item:  #2f5642;

  /* Ameixa / galeria */
  --plum-1:       #241a30;
  --plum-2:       #1a1325;
  --plum-card:    #2c2140;
  --plum-card-2:  #211736;

  /* Magenta / místico */
  --magenta:      #b8379f;
  --magenta-2:    #8a2b86;
  --violet-deep:  #4e2168;

  /* Navy (CTA / footer) */
  --navy-1:       #1c2b3e;
  --navy-2:       #16222f;

  /* Roxo dos depoimentos */
  --quote:        #5e2e86;
  --quote-name:   #43215f;

  /* Neutros */
  --cream:        #f6f5f2;
  --ink:          #20262b;
  --white-90:     rgba(255,255,255,.92);
  --white-70:     rgba(255,255,255,.74);
  --white-50:     rgba(255,255,255,.52);

  --font-serif: "Playfair Display", Georgia, serif;
  --font-sans:  "Quicksand", system-ui, -apple-system, "Segoe UI", sans-serif;

  --radius:   18px;
  --radius-lg:26px;
  --shadow-sm: 0 6px 20px rgba(0,0,0,.10);
  --shadow-md: 0 18px 50px rgba(0,0,0,.18);
  --shadow-green: 0 14px 34px rgba(45,170,100,.40);
  --maxw: 1180px;
}

/* ---------- BASE ---------- */
*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  font-family:var(--font-sans);
  color:var(--ink);
  background:var(--forest-1);
  margin:0;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
.container{ max-width:var(--maxw); width:100%; margin:0 auto; padding-left:24px; padding-right:24px; }
img{ display:block; max-width:100%; }

.ic{ width:1.15em; height:1.15em; display:inline-block; vertical-align:-.18em; fill:currentColor; }

/* ---------- TIPOGRAFIA / HELPERS ---------- */
.pl-eyebrow{
  display:inline-block;
  font-size:.78rem; font-weight:600; letter-spacing:.28em; text-transform:uppercase;
  color:var(--green); margin-bottom:14px;
}
.pl-eyebrow--light{ color:#d9c7e8; }
.pl-eyebrow--purple{ color:var(--magenta); }

.pl-title{
  font-family:var(--font-serif);
  font-weight:700;
  font-size:clamp(2rem, 4.4vw, 3.1rem);
  line-height:1.12;
  letter-spacing:-.01em;
  margin:0;
  color:#fff;
}
.pl-title--light{ color:#fff; }
.pl-title--dark{ color:var(--navy-1); }
.pl-title--italic{ font-style:italic; }

.pl-subtitle{
  font-size:1.06rem; color:var(--white-70);
  max-width:560px; margin:16px auto 0;
}
.pl-subtitle--dark{ color:#5c6b63; }
.pl-subtitle--mystic{ color:#e8d4f0; margin-left:0; }

.pl-head{ text-align:center; max-width:760px; margin:0 auto 56px; }

/* ---------- SEÇÕES ---------- */
.pl-section{ position:relative; padding:96px 0; }
.pl-section--forest{
  background:
    radial-gradient(120% 80% at 50% -10%, rgba(77,205,131,.10), transparent 60%),
    linear-gradient(180deg, var(--forest-2), var(--forest-1));
}
.pl-section--plum{
  background:
    radial-gradient(90% 60% at 80% 0%, rgba(184,55,159,.18), transparent 55%),
    linear-gradient(180deg, var(--plum-1), var(--plum-2));
}
.pl-section--light{ background:var(--cream); }
.pl-section--navy{ background:linear-gradient(180deg, var(--navy-1), var(--navy-2)); }
.pl-section--mystic{
  background:linear-gradient(115deg, #15121f 0%, #2a1430 45%, #4a1c52 100%);
  overflow:hidden;
}

/* ---------- BOTÕES ---------- */
.pl-btn{
  --b:var(--green);
  display:inline-flex; align-items:center; gap:.6em;
  font-family:var(--font-sans); font-weight:600; font-size:1rem;
  color:#0e2417; text-decoration:none;
  padding:15px 30px; border-radius:14px; border:none; cursor:pointer;
  background:var(--b);
  box-shadow:var(--shadow-green);
  transition:transform .22s ease, box-shadow .22s ease, background .22s ease;
}
.pl-btn .ic{ width:1.25em; height:1.25em; }
.pl-btn:hover{ transform:translateY(-3px); background:var(--green-deep); box-shadow:0 18px 40px rgba(45,170,100,.5); }
.pl-btn:active{ transform:translateY(-1px); }
.pl-btn-lg{ padding:18px 40px; font-size:1.08rem; }
.pl-btn-green{ background:var(--green); }
.pl-btn-gradient{
  background:linear-gradient(95deg, var(--magenta-2) 0%, var(--violet-deep) 30%, var(--green) 100%);
  background-size:200% 100%;
  color:#fff; box-shadow:0 16px 40px rgba(120,40,130,.45);
}
.pl-btn-gradient:hover{ background-position:100% 0; background-image:linear-gradient(95deg, var(--magenta-2) 0%, var(--violet-deep) 30%, var(--green) 100%); }

/* =============================================================
   NAVBAR
   ============================================================= */
.pl-navbar{
  background:rgba(8,17,12,.62);
  -webkit-backdrop-filter:blur(16px) saturate(135%);
          backdrop-filter:blur(16px) saturate(135%);
  border-bottom:1px solid rgba(255,255,255,.07);
  transition:background .3s ease, box-shadow .3s ease, backdrop-filter .3s ease, padding .3s ease;
  padding:9px 0;
  min-height:auto;
}
.pl-navbar .container{ display:flex; align-items:center; justify-content:space-between; }
/* menu centralizado na página (logo removido) */
.pl-navbar .navbar-menu{ flex-grow:1; }
.pl-navbar .navbar-end{ margin-left:auto; margin-right:auto; }
.pl-navbar.is-scrolled{
  background:rgba(6,13,9,.85);
  -webkit-backdrop-filter:blur(20px) saturate(145%);
          backdrop-filter:blur(20px) saturate(145%);
  box-shadow:0 10px 30px rgba(0,0,0,.38);
}
.pl-brand{ display:flex; align-items:center; gap:10px; background:transparent !important; }
.pl-brand-mark{ width:42px; height:42px; border-radius:50%; }
.pl-brand-text{ display:flex; flex-direction:column; line-height:1; }
.pl-brand-text small{ font-size:.62rem; letter-spacing:.32em; text-transform:uppercase; color:var(--white-70); }
.pl-brand-text strong{ font-family:var(--font-serif); font-weight:700; font-size:1.15rem; color:#fff; }

.pl-navbar .navbar-menu{ background:transparent; box-shadow:none; }
.pl-navbar .navbar-item{
  color:var(--white-90) !important; font-weight:500; font-size:.98rem;
  background:transparent !important; border-radius:10px;
  transition:color .2s ease;
}
.pl-navbar .navbar-item:hover{ color:var(--green) !important; }
.pl-navbar .navbar-item.pl-nav-cta{
  background:
    linear-gradient(110deg, #9d57cf 0%, #7a3fb5 50%, #5d2a8c 100%) padding-box,
    linear-gradient(110deg, rgba(208,162,236,.8) 0%, rgba(166,116,208,.8) 100%) border-box !important;
  border:1.5px solid transparent !important;
  color:#fff !important;
  font-weight:600 !important; padding:10px 20px !important; border-radius:12px !important;
  margin-left:10px; box-shadow:0 8px 22px rgba(95,60,140,.38);
  transition:transform .22s ease, box-shadow .22s ease;
}
.pl-navbar .navbar-item.pl-nav-cta:hover{
  color:#fff !important; transform:translateY(-2px);
  box-shadow:0 12px 30px rgba(95,60,140,.52);
}
.pl-navbar .navbar-burger{ color:#fff; height:auto; }
.pl-navbar .navbar-burger span{ background:#fff; height:2px; }

/* =============================================================
   HERO
   ============================================================= */
.pl-hero{
  position:relative;
  min-height:min(800px, 92vh);
  display:flex; align-items:center;
  padding:120px 0 70px;
  background-color:var(--teal-2);
  background-image:
    linear-gradient(96deg, rgba(16,42,35,.80) 0%, rgba(22,52,44,.50) 34%, rgba(40,90,75,.06) 54%, rgba(40,90,75,0) 66%),
    url(../images/hero-people.jpg);
  background-repeat:no-repeat, no-repeat;
  background-position:center, center right;
  background-size:cover, cover;
  overflow:hidden;
}
.pl-hero .container{ position:relative; z-index:2; }
.pl-hero-content{ max-width:640px; }

.pl-hero-logo{
  width:auto; height:96px; max-width:100%; margin:0 0 30px;
  filter:drop-shadow(0 4px 16px rgba(0,0,0,.35));
}

.pl-logo-lockup{ display:flex; align-items:center; gap:16px; margin-bottom:30px; }
.pl-logo-mark{ width:74px; height:74px; border-radius:50%; flex:none; filter:drop-shadow(0 4px 12px rgba(0,0,0,.3)); }
.pl-logo-words{ display:flex; flex-direction:column; line-height:1.05; }
.pl-logo-sup{ font-size:.82rem; letter-spacing:.4em; text-transform:uppercase; color:var(--white-70); }
.pl-logo-name{ font-family:var(--font-serif); font-weight:700; font-size:2rem; color:#fff; }
.pl-logo-sub{ font-size:.72rem; letter-spacing:.3em; text-transform:uppercase; color:rgba(255,255,255,.55); }

.pl-hero-title{
  font-family:var(--font-serif);
  font-weight:700;
  font-size:clamp(2.1rem, 4.6vw, 3.5rem);
  line-height:1.1;
  color:#fff;
  margin:0 0 22px;
  text-shadow:0 2px 24px rgba(0,0,0,.25);
}
.pl-hero-lead{
  font-style:italic; font-size:1.18rem; color:rgba(255,255,255,.9);
  max-width:540px; margin:0 0 34px;
}

.pl-hero-scroll{ position:absolute; bottom:26px; left:50%; transform:translateX(-50%); z-index:2; }
.pl-hero-scroll span{
  display:block; width:24px; height:40px; border:2px solid rgba(255,255,255,.6); border-radius:14px; position:relative;
}
.pl-hero-scroll span::after{
  content:""; position:absolute; top:7px; left:50%; transform:translateX(-50%);
  width:4px; height:8px; background:#fff; border-radius:3px; animation:plScroll 1.6s ease-in-out infinite;
}
@keyframes plScroll{ 0%{opacity:0;transform:translate(-50%,0)} 40%{opacity:1} 80%{opacity:0;transform:translate(-50%,12px)} 100%{opacity:0} }

/* =============================================================
   CARROSSEL DE TERAPIAS (marquee)
   ============================================================= */
.pl-marquee{
  background:linear-gradient(180deg, #0b1610, #0e1d12);
  border-top:1px solid rgba(255,255,255,.07);
  border-bottom:1px solid rgba(255,255,255,.07);
  padding:24px 0;
  overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
          mask-image:linear-gradient(90deg, transparent, #000 7%, #000 93%, transparent);
}
.pl-marquee-track{
  display:flex; width:max-content;
  animation:plMarquee 52s linear infinite;
  will-change:transform;
}
.pl-marquee:hover .pl-marquee-track{ animation-play-state:paused; }
.pl-marquee-group{ display:flex; align-items:center; }
.pl-marquee-item{
  font-family:var(--font-serif); font-weight:700;
  font-size:clamp(1.35rem, 2.2vw, 2rem);
  color:#fff; white-space:nowrap; padding:0 4px; letter-spacing:.005em;
}
.pl-marquee-sep{
  flex:none; width:10px; height:10px; margin:0 40px; transform:rotate(45deg);
  border-radius:2px; opacity:.95;
  background:linear-gradient(135deg, var(--green), var(--magenta));
}
@keyframes plMarquee{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
@media (prefers-reduced-motion:reduce){ .pl-marquee-track{ animation:none; } }

/* =============================================================
   CARDS — TERAPIAS
   ============================================================= */
.pl-cards{ margin-top:10px; }
.pl-card{
  height:100%;
  background:linear-gradient(165deg, rgba(255,255,255,.06), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.08);
  border-radius:var(--radius);
  padding:34px 30px;
  transition:transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}
.pl-card:hover{
  transform:translateY(-6px);
  border-color:rgba(77,205,131,.4);
  box-shadow:0 22px 44px rgba(0,0,0,.35);
}
.pl-card-icon{
  display:inline-flex; align-items:center; justify-content:center;
  width:60px; height:60px; border-radius:16px; margin-bottom:20px;
  color:#fff;
  background:linear-gradient(140deg, var(--magenta), var(--violet-deep));
  box-shadow:0 10px 24px rgba(120,40,130,.4);
}
.pl-card-icon .ic{ width:30px; height:30px; }
.pl-card h3{
  font-family:var(--font-serif); font-weight:700; font-size:1.4rem; color:#fff; margin:0 0 12px;
}
.pl-card p{ color:var(--white-70); font-size:1rem; margin:0; }

/* =============================================================
   GALERIA
   ============================================================= */
.pl-gallery-card{
  height:100%;
  background:linear-gradient(165deg, var(--plum-card), var(--plum-card-2));
  border:1px solid rgba(255,255,255,.08);
  border-radius:var(--radius-lg);
  overflow:hidden;
  transition:transform .3s ease, box-shadow .3s ease;
}
.pl-gallery-card:hover{ transform:translateY(-6px); box-shadow:0 26px 50px rgba(0,0,0,.4); }
.pl-gallery-img{ aspect-ratio:4/3; overflow:hidden; }
.pl-gallery-img img{ width:100%; height:100%; object-fit:cover; transition:transform .6s ease; }
.pl-gallery-card:hover .pl-gallery-img img{ transform:scale(1.06); }
.pl-gallery-body{ padding:26px 26px 30px; text-align:center; }
.pl-gallery-body h3{ font-family:var(--font-serif); font-weight:700; font-size:1.5rem; color:#fff; margin:0 0 12px; }
.pl-gallery-body p{ color:rgba(232,222,242,.78); font-size:.97rem; margin:0; }

/* =============================================================
   SEÇÃO MÍSTICA
   ============================================================= */
.pl-mystic-glow{
  position:absolute; width:680px; height:680px; left:-160px; top:50%; transform:translateY(-50%);
  background:radial-gradient(circle, rgba(184,55,159,.45), transparent 65%);
  filter:blur(20px); pointer-events:none;
}
.pl-mystic{ position:relative; z-index:1; }
.pl-mystic-figure{ margin:0; }
.pl-mystic-figure img{
  width:100%; border-radius:24px;
  box-shadow:0 30px 70px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.06);
}
.pl-mystic-body{ padding-left:18px; }
.pl-checklist{ list-style:none; margin:30px 0 36px; padding:0; }
.pl-checklist li{ display:flex; align-items:flex-start; gap:14px; margin-bottom:16px; color:#f0e6f5; font-size:1.04rem; }
.pl-checklist strong{ color:#fff; font-weight:600; }
.pl-check{
  flex:none; width:28px; height:28px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  background:linear-gradient(140deg, var(--green), var(--green-deep)); color:#0e2417;
  box-shadow:0 6px 16px rgba(45,170,100,.4); margin-top:1px;
}
.pl-check .ic{ width:16px; height:16px; }

/* =============================================================
   DEPOIMENTOS
   ============================================================= */
.pl-testimonials{ margin-top:18px; }
.pl-testimonial{
  position:relative; height:100%;
  background:#fff; border-radius:var(--radius-lg);
  padding:46px 30px 32px; margin-top:30px;
  box-shadow:var(--shadow-sm);
  border:1px solid #ececff;
  transition:transform .3s ease, box-shadow .3s ease;
}
.pl-testimonial:hover{ transform:translateY(-6px); box-shadow:0 26px 48px rgba(70,40,100,.18); }
.pl-testimonial-quote{
  position:absolute; top:-28px; left:50%; transform:translateX(-50%);
  width:60px; height:60px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  background:linear-gradient(150deg, var(--quote), var(--violet-deep)); color:#fff;
  box-shadow:0 12px 26px rgba(94,46,134,.45);
}
.pl-testimonial-quote .ic{ width:30px; height:30px; }
.pl-testimonial-text{ color:#4d5a52; font-size:1rem; text-align:center; margin:0 0 24px; }
.pl-testimonial-author{ text-align:center; }
.pl-testimonial-author strong{ display:block; font-family:var(--font-serif); font-weight:700; font-size:1.25rem; color:var(--quote-name); }
.pl-testimonial-author span{ display:inline-flex; align-items:center; gap:6px; font-size:.86rem; color:#8a7ca0; margin-top:4px; }
.ic-google{ width:1em; height:1em; }

/* =============================================================
   CTA — RESPONDER AO CHAMADO
   ============================================================= */
.pl-cta-inner{ text-align:center; max-width:720px; margin:0 auto; }
.pl-cta-lotus{
  display:inline-flex; align-items:center; justify-content:center;
  width:64px; height:64px; margin-bottom:22px; color:var(--magenta);
}
.pl-cta-lotus .ic{ width:54px; height:54px; }
.pl-cta-lead{ color:var(--white-70); font-size:1.12rem; max-width:600px; margin:18px auto 36px; }

/* =============================================================
   FAQ
   ============================================================= */
.pl-faq-title{ font-size:clamp(1.9rem, 3.6vw, 2.7rem); }
.pl-faq-lead, .pl-faq-lead strong{ color:var(--green); }
.pl-faq-lead{ font-weight:600; margin:22px 0 8px; font-size:1.05rem; }
.pl-faq-text{ color:var(--white-70); font-size:1rem; max-width:440px; }

.pl-whatsapp-card{
  display:inline-flex; align-items:center; gap:16px;
  margin-top:30px; padding:18px 26px; border-radius:16px;
  background:rgba(255,255,255,.06); border:1px solid rgba(77,205,131,.35);
  text-decoration:none; transition:background .25s ease, transform .25s ease, border-color .25s ease;
}
.pl-whatsapp-card:hover{ background:rgba(77,205,131,.12); border-color:var(--green); transform:translateY(-3px); }
.pl-whatsapp-icon{
  flex:none; width:48px; height:48px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--green); color:#0e2417;
}
.pl-whatsapp-icon .ic{ width:28px; height:28px; }
.pl-whatsapp-text{ display:flex; flex-direction:column; line-height:1.3; }
.pl-whatsapp-text strong{ color:#fff; font-weight:600; font-size:1.02rem; letter-spacing:.02em; }
.pl-whatsapp-text strong em{ color:var(--green); font-style:italic; }
.pl-whatsapp-text small{ color:var(--white-70); font-size:.86rem; }

.pl-accordion{ display:flex; flex-direction:column; gap:14px; }
.pl-accordion-item{
  background:linear-gradient(160deg, var(--forest-item), rgba(31,61,46,.7));
  border:1px solid rgba(255,255,255,.08);
  border-radius:14px; overflow:hidden;
  transition:border-color .25s ease;
}
.pl-accordion-item.is-open{ border-color:rgba(77,205,131,.45); }
.pl-accordion-head{
  width:100%; display:flex; align-items:center; justify-content:space-between; gap:16px;
  background:transparent; border:none; cursor:pointer;
  text-align:left; color:#fff; font-family:var(--font-sans); font-weight:500; font-size:1.02rem;
  padding:20px 22px; line-height:1.4;
}
.pl-accordion-chevron{ flex:none; width:22px; height:22px; color:var(--green); transition:transform .3s ease; }
.pl-accordion-item.is-open .pl-accordion-chevron{ transform:rotate(180deg); }
.pl-accordion-panel{
  max-height:0; overflow:hidden; transition:max-height .35s ease;
}
.pl-accordion-panel p{
  color:var(--white-70); font-size:.97rem; margin:0; padding:0 22px;
}
.pl-accordion-panel p:first-child{ padding-top:4px; }
.pl-accordion-panel p:last-child{ padding-bottom:22px; }
.pl-accordion-panel p + p{ margin-top:14px; }
.pl-accordion-panel ul{
  list-style:disc; color:var(--white-70); font-size:.97rem;
  margin:14px 0 0; padding:0 22px 0 46px;
}
.pl-accordion-panel ul:last-child{ padding-bottom:22px; }
.pl-accordion-panel li{ margin:0 0 10px; padding-left:4px; }
.pl-accordion-panel li:last-child{ margin-bottom:0; }
.pl-accordion-panel li::marker{ color:var(--green); }
.pl-accordion-panel ul + p{ margin-top:14px; }

/* =============================================================
   RODAPÉ
   ============================================================= */
.pl-footer{ background:var(--navy-2); padding:60px 0 34px; }
.pl-footer-logo{ display:inline-block; height:74px; width:auto; max-width:100%; margin-bottom:16px; }
.pl-footer-tag{ color:var(--white-70); font-size:.98rem; max-width:420px; margin:0; }
.pl-footer-rule{ background:rgba(255,255,255,.1); height:1px; margin:34px 0 20px; }
.pl-footer-copy{ color:var(--white-50); font-size:.85rem; text-align:center; margin:0; }
.has-text-right-tablet{ text-align:left; }

/* =============================================================
   BOTÃO FLUTUANTE WHATSAPP
   ============================================================= */
.pl-float-wa{
  position:fixed; right:22px; bottom:22px; z-index:60;
  width:60px; height:60px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:#25d366; color:#fff;
  box-shadow:0 12px 30px rgba(37,211,102,.5);
  transition:transform .25s ease;
  animation:plPulse 2.6s infinite;
}
.pl-float-wa .ic{ width:34px; height:34px; }
.pl-float-wa:hover{ transform:scale(1.08); }
@keyframes plPulse{ 0%{box-shadow:0 0 0 0 rgba(37,211,102,.5)} 70%{box-shadow:0 0 0 16px rgba(37,211,102,0)} 100%{box-shadow:0 0 0 0 rgba(37,211,102,0)} }

/* =============================================================
   ANIMAÇÃO DE REVELAÇÃO
   ============================================================= */
.pl-reveal{ opacity:0; transform:translateY(28px); transition:opacity .7s ease, transform .7s ease; }
.pl-reveal.is-visible{ opacity:1; transform:none; }
.reveal-all .pl-reveal{ opacity:1 !important; transform:none !important; transition:none !important; }
@media (prefers-reduced-motion:reduce){
  .pl-reveal{ opacity:1; transform:none; transition:none; }
  html{ scroll-behavior:auto; }
  .pl-float-wa, .pl-hero-scroll span::after{ animation:none; }
}

/* =============================================================
   RESPONSIVO
   ============================================================= */
@media (min-width:769px){
  .has-text-right-tablet{ text-align:right; }
}

@media (max-width:1023px){
  /* burger alinhado à direita no mobile */
  .pl-navbar .navbar-brand{ flex-grow:1; }
  .pl-navbar .navbar-burger{ margin-left:auto; }
  .pl-hero{
    min-height:auto; padding:130px 0 64px; text-align:left;
    background-image:
      linear-gradient(100deg, rgba(15,40,33,.88) 0%, rgba(20,50,42,.64) 46%, rgba(30,70,58,.28) 100%),
      url(../images/hero-people.jpg);
    background-position:center, center right;
  }
  .pl-mystic-body{ padding-left:0; margin-top:36px; }
  .pl-subtitle--mystic{ margin-left:auto; }
}

@media (max-width:768px){
  .pl-section{ padding:64px 0; }
  .pl-head{ margin-bottom:40px; }
  .pl-navbar .navbar-menu.is-active{
    background:rgba(14,29,18,.97); backdrop-filter:blur(10px);
    padding:12px; border-radius:0 0 16px 16px;
  }
  .pl-navbar.is-scrolled, .pl-navbar:has(.navbar-menu.is-active){
    background:rgba(14,29,18,.96);
  }
  .pl-navbar .navbar-item.pl-nav-cta{ margin:8px 0 4px; justify-content:center; }
  .pl-hero{
    background-image:
      linear-gradient(180deg, rgba(13,36,29,.60) 0%, rgba(13,36,29,.80) 100%),
      url(../images/hero-people.jpg);
    background-position:center, 70% center;
  }
  .pl-hero-title{ font-size:clamp(1.8rem,7vw,2.4rem); }
  .pl-hero-lead{ font-size:1.05rem; }
  .pl-hero-logo{ height:66px; margin-bottom:24px; }
  .pl-logo-mark{ width:60px; height:60px; }
  .pl-logo-name{ font-size:1.7rem; }
  .pl-hero-scroll{ display:none; }
  .pl-btn-lg{ padding:16px 30px; font-size:1rem; }
  .pl-whatsapp-card{ width:100%; }
  .pl-footer{ text-align:center; }
  .pl-footer .pl-logo-lockup--footer{ justify-content:center; }
  .pl-footer-tag{ margin:0 auto; }
}

@media (max-width:480px){
  .container{ padding-left:18px; padding-right:18px; }
  .pl-card{ padding:28px 24px; }
  .pl-logo-lockup{ gap:12px; }
}