/* ===== Abertura: logo animada no lugar da foto ===== */
.hero-logo{position:relative;z-index:1;align-self:center;justify-self:center;display:flex;flex-direction:column;align-items:center;gap:20px;padding-bottom:40px}
.hero-logo svg{width:min(32vw,470px);height:auto;overflow:visible}
.hero-logo .lg{fill:#fff;fill-opacity:0;stroke:#fff;stroke-width:2.6;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;animation:lupDraw 1.5s cubic-bezier(.65,0,.35,1) forwards,lupFill .9s ease forwards}
.hero-logo .lg.a{animation-delay:.3s,2.2s}.hero-logo .lg.b{animation-delay:.9s,2.4s}.hero-logo .lg.c{animation-delay:1.5s,2.6s}
.hero-logo .comp{font-family:'Fredoka','Montserrat',sans-serif;font-weight:500;color:#fff;font-size:clamp(18px,2vw,27px);line-height:1.22;text-align:center;opacity:0;transform:translateY(12px);animation:lupUp .9s ease 2.9s forwards}
@keyframes lupDraw{to{stroke-dashoffset:0}}
@keyframes lupFill{to{fill-opacity:1;stroke-opacity:0}}
@keyframes lupUp{to{opacity:1;transform:none}}
#home .hero .lupx-hint{left:75%}
@media(max-width:700px){.hero-logo{order:-1;padding:6px 0 0}.hero-logo svg{width:60vw}.hero-logo .comp{font-size:17px}#home .hero .lupx-hint{left:auto}}
@media(prefers-reduced-motion:reduce){.hero-logo .lg{animation:none;stroke-dashoffset:0;fill-opacity:1;stroke-opacity:0}.hero-logo .comp{animation:none;opacity:1;transform:none}}

/* ===== Contador estilo placar manual ===== */
#home .hero-stats{display:block!important}
.lup-counter{display:flex;align-items:center;gap:20px;flex-wrap:wrap;color:#d2e3e2}
.lup-counter .lc-txt{font-size:14px;line-height:1.45;max-width:170px}
.lup-counter .lc-txt strong{color:#fff;font-weight:700}
.lc-board{position:relative;display:flex;gap:6px;padding:12px 10px 10px;background:#0c1c1c;border-radius:8px;box-shadow:0 14px 30px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.08)}
.lc-board::after{content:'';position:absolute;left:12px;right:12px;bottom:-9px;height:9px;background:#071414;border-radius:0 0 6px 6px;transform:perspective(60px) rotateX(-25deg);transform-origin:top}
.lc-card{position:relative;width:58px;height:82px;border-radius:5px;background:linear-gradient(#2aa3c6,#197891);display:grid;place-items:center;overflow:hidden;perspective:300px;box-shadow:inset 0 -2px 0 rgba(0,0,0,.18)}
.lc-card::before{content:'';position:absolute;left:0;right:0;top:50%;height:2px;background:rgba(0,0,0,.28);z-index:2}
.lc-card b{font-family:'Montserrat',sans-serif;font-size:58px;font-weight:800;color:#fff;line-height:1;letter-spacing:-.02em;text-shadow:0 2px 0 rgba(0,0,0,.15);display:block;transform-origin:50% 50%}
.lc-card.flip b{animation:lcFlip .16s ease-out}
.lc-ring{position:absolute;top:-5px;width:9px;height:14px;border:2px solid #c8d0d0;border-radius:6px;background:transparent;z-index:3;box-shadow:0 1px 0 rgba(0,0,0,.4)}
.lc-ring.l{left:14px}.lc-ring.r{right:14px}
@keyframes lcFlip{0%{transform:rotateX(-85deg);opacity:.4}100%{transform:none;opacity:1}}
@media(max-width:700px){.lup-counter{gap:12px}.lup-counter .lc-txt{max-width:none;flex:1 1 100%;font-size:14px}.lc-card{width:50px;height:70px}.lc-card b{font-size:48px}}

/* ===== Seção da animação: textos maiores ===== */
.lupx-eyebrow{font-size:16px!important;letter-spacing:.2em!important;margin-bottom:24px!important}
.lupx-eyebrow::before{width:34px!important}
.lupx-chapters{min-height:440px!important}
.lupx-chap h2{font-size:clamp(34px,3.5vw,54px)!important;line-height:1.08!important;margin-bottom:22px!important}
.lupx-chap p{font-size:17px!important;max-width:480px!important}
@media(max-width:900px){.lupx-eyebrow{font-size:13px!important;margin-bottom:14px!important}.lupx-chapters{min-height:270px!important}.lupx-chap h2{font-size:28px!important;margin-bottom:12px!important}.lupx-chap p{font-size:14.5px!important}}

/* ===== Sobre: espaço para a foto do escritório ===== */
.office-ph{margin:0;width:100%;aspect-ratio:7/6;border:2px dashed #b9cfcc;border-radius:12px;background:repeating-linear-gradient(45deg,#f4f8f7,#f4f8f7 14px,#eef4f3 14px,#eef4f3 28px);display:grid;place-items:center;text-align:center;color:#3c5a5a}
.office-ph div{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px}
.office-ph svg{width:46px;height:46px;color:#197891}
.office-ph strong{font-size:17px;color:#003333}
.office-ph span{font-size:13px;max-width:260px;line-height:1.5}
/* contador no fluxo, abaixo dos botões */
#home .hero{padding-bottom:110px}
#home .hero .hero-content{grid-column:1;grid-row:1}
#home .hero .hero-stats{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;grid-column:1;grid-row:2;margin-top:6px}
#home .hero .hero-logo{grid-column:2;grid-row:1/3}
@media(max-width:700px){#home .hero{padding-bottom:40px}#home .hero .hero-stats{margin-top:0}}
#home .hero{padding-top:120px;padding-bottom:56px;row-gap:26px}
#home .hero .lupx-hint{position:relative;left:auto;bottom:auto;transform:none;grid-column:2;grid-row:2;align-self:end;justify-self:center}
#home .hero .hero-logo{grid-row:1;padding-bottom:0}
@media(max-width:700px){#home .hero .hero-stats{order:3}#home .hero .lupx-hint{order:4;margin-top:4px}}
#home .lupx-sticky{grid-template-columns:.9fr 1.1fr!important}
/* contador: textos maiores, proporcionais ao placar */
.lup-counter{gap:22px;align-items:center}
.lup-counter .lc-txt{font-size:22px;line-height:1.25;max-width:205px;margin:0;color:#d2e3e2;font-weight:400}
.lup-counter .lc-txt strong{font-weight:700;color:#fff}
.lup-counter .lc-txt.post strong{color:#8fd6d8}
@media(max-width:1180px){.lup-counter .lc-txt{font-size:19px;max-width:180px}}
@media(max-width:700px){.lup-counter{gap:12px 14px}.lup-counter .lc-txt{font-size:19px;max-width:none;flex:1 1 100%}.lup-counter .lc-txt.post{flex:1 1 0;min-width:140px}}
.lup-counter .lc-txt{max-width:250px}
@media(max-width:1180px){.lup-counter .lc-txt{max-width:210px}}
@media(max-width:700px){.lup-counter .lc-txt{max-width:none}}
.lup-counter{flex-wrap:nowrap;gap:18px}
.lup-counter .lc-txt{font-size:20px;max-width:none;flex:0 1 auto}
.lup-counter .lc-txt.pre{width:200px}.lup-counter .lc-txt.post{width:190px}
@media(max-width:1180px){.lup-counter .lc-txt{font-size:17px}.lup-counter .lc-txt.pre{width:170px}.lup-counter .lc-txt.post{width:160px}}
@media(max-width:700px){.lup-counter{flex-wrap:wrap}.lup-counter .lc-txt{font-size:19px}.lup-counter .lc-txt.pre{width:100%}.lup-counter .lc-txt.post{width:auto;flex:1 1 0}}