/* Loopi 2.0 — camada de upgrade sobre o Loopi Digital Design System.
   v2 "Ledger": campos quase-pretos, hairlines de precisão, um cartão com
   assinatura própria e o mínimo de movimento possível. Nada aqui redefine
   tokens do DS — só compõe sobre eles. */
:root{
  /* escala tipográfica (mesma razão do DS, um degrau acima) */
  --fs-display-1:clamp(2.5rem,4.2vw,4rem);
  --fs-display-2:clamp(2.125rem,3.4vw,3.125rem);
  --fs-display-3:clamp(1.875rem,2.8vw,2.5rem);
  --fs-h1:2.25rem;--fs-h2:1.875rem;--fs-h3:1.625rem;--fs-h4:1.375rem;
  --fs-lead:1.375rem;--fs-body:1.0625rem;--fs-body-sm:1rem;--fs-caption:0.9375rem;--fs-micro:0.75rem;
  --space-5:24px;--space-6:28px;--space-7:36px;
  --section-y:clamp(96px,10vw,184px);
  --container-tight:1080px;
  /* ---- primitivas de cor: TODO o tema sai daqui (ver app/light.css) ----
     Bases em componentes RGB para poderem ser usadas com qualquer alpha. */
  --lp-fg:232,250,244;        /* texto */
  --lp-w:255,255,255;         /* preenchimentos translúcidos */
  --lp-ln:255,255,255;        /* hairlines */
  --lp-br:0,244,155;          /* acento */
  --lp-br2:20,255,169;        /* acento aceso */
  --lp-scrim:0,4,2;           /* véus e barras fixas */
  --lp-sunk:0,0,0;            /* poços */
  --lp-warn:255,194,75;
  --lp-bad:255,107,107;
  --lp-info:94,214,255;
  /* Degraus de texto. São tiers e não alphas soltos porque a mesma percentagem
     não dá o mesmo contraste nos dois temas: 56% de branco sobre preto dá 6:1,
     56% de preto sobre #F3F3F1 dá 4,2:1. O claro redefine-os (app/light.css). */
  --lp-t1:rgba(var(--lp-fg),.86);
  --lp-t2:rgba(var(--lp-fg),.76);
  --lp-t3:rgba(var(--lp-fg),.66);
  --lp-t4:rgba(var(--lp-fg),.56);
  --lp-t5:rgba(var(--lp-fg),.42);
  --lp-s0:#000402;            /* campo mais profundo */
  --lp-s1:#010604;            /* campo base */
  --lp-s2:#030C09;            /* elevado */
  --lp-s3:#091311;            /* cartão */
  --lp-s5:#051810;            /* verde elevado — miolo do campo .lp-lift */
  --lp-s4:#0B2318;            /* acento sólido */
  --lp-s4b:10,33,26;          /* base RGB de painéis flutuantes (modais, popups) */
  --lp-br-solid:#00F49B;
  --lp-br-lit:#14FFA9;
  --lp-br-soft:#9BFFD5;
  --lp-on-br:#012014;         /* texto sobre o acento */
  /* peles das superfícies (consumidas em inline style pelo GlassPanel — por isso
     têm de ser tokens: um literal escuro sobreviveria ao modo claro) */
  --lp-skin-card:linear-gradient(180deg,rgba(255,255,255,.052),rgba(255,255,255,.014));
  --lp-skin-glass:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.016));
  --lp-skin-sunk:rgba(0,0,0,.34);
  --lp-skin-brand:linear-gradient(180deg,rgba(var(--lp-br),.11),rgba(var(--lp-br),.018));
  --lp-skin-bevel:inset 0 1px 0 rgba(255,255,255,.06);
  --lp-skin-bevel-hi:inset 0 1px 0 rgba(255,255,255,.07);
  --lp-skin-bevel-sunk:inset 0 1px 0 rgba(255,255,255,.03);
  --lp-skin-bevel-br:inset 0 1px 0 rgba(255,255,255,.08);
  --lp-skin-drop:0 30px 60px -46px rgba(0,0,0,.95);
  --lp-skin-drop-hi:0 40px 80px -52px rgba(0,0,0,.95);
  --lp-fg-solid:#F1FCF8;
  --lp-knob:#9FB8AF;
  --lp-bad-solid:#FF6B6B;--lp-bad-fg:#FFB4B4;--lp-warn-fg:#FFD79B;--lp-info-fg:#B4E9FF;
  /* campos de fundo: dois, e só dois */
  --lp-void:var(--lp-s1);
  --lp-raise:var(--lp-s2);
  --lp-hair:rgba(var(--lp-w),.075);
  --lp-hair-lit:rgba(var(--lp-br),.30);
  --lp-fill:linear-gradient(180deg,rgba(var(--lp-w),.052),rgba(var(--lp-w),.014));
  --lp-fill-hi:linear-gradient(180deg,rgba(var(--lp-w),.082),rgba(var(--lp-w),.024));
  --lp-rule:linear-gradient(90deg,rgba(var(--lp-br),.34),rgba(var(--lp-w),.09) 42%,rgba(var(--lp-w),.04) 72%,transparent);
  --ease-kinetic:cubic-bezier(.16,1,.3,1);
  --lp-star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2l2.9 6.3 6.9.8-5 4.7 1.3 6.8L12 17.3 5.9 20.6 7.2 13.8 2.2 9.1l6.9-.8z'/%3E%3C/svg%3E");
  /* Sobre os campos novos (var(--lp-s1) / var(--lp-s0)) o degrau de 30% do DS cai para
     2,4:1. Texto informativo sobe para o degrau de 50%; os 30% ficam só para
     marcas decorativas. */
  --text-faint:var(--lp-t4);
  --lp-mark:var(--lp-t5);
}
body{margin:0;background:var(--lp-void);color:var(--text-body);font:var(--type-body);letter-spacing:var(--tracking-body);overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:var(--text-link);text-decoration:none;transition:color var(--t-hover)}
a:hover{color:var(--text-link-hover)}
:focus-visible{outline:2px solid var(--green-400);outline-offset:2px;border-radius:var(--r-xs)}
::selection{background:rgba(var(--lp-br),.26);color:#fff}
::-webkit-scrollbar{width:9px;height:9px}
::-webkit-scrollbar-track{background:var(--lp-void)}
::-webkit-scrollbar-thumb{background:rgba(var(--lp-w),.12);border-radius:999px;border:2px solid var(--lp-void)}
::-webkit-scrollbar-thumb:hover{background:rgba(var(--lp-br),.34)}

/* ---- campo da aurora (herói e CTA) ---- */
.lp-aura{background:radial-gradient(120% 92% at 50% -12%,#082019 0%,#030E0A 44%,var(--lp-s1) 100%)}
.lp-aura.liquid{background:radial-gradient(130% 100% at 50% 0%,#0A2A20 0%,#04120E 46%,var(--lp-s0) 100%)}

/* ---- layout ---- */
.lp-container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 clamp(20px,4vw,36px)}
.lp-container.tight{max-width:var(--container-tight)}
.lp-section{position:relative;padding:var(--section-y) 0}
.lp-section.pt0{padding-top:0}
.lp-section.pb0{padding-bottom:0}
.lp-grid{display:grid;gap:var(--space-6)}
.lp-c2{grid-template-columns:repeat(2,minmax(0,1fr))}
.lp-c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.lp-c4{grid-template-columns:repeat(4,minmax(0,1fr))}
.lp-c5{grid-template-columns:repeat(5,minmax(0,1fr))}
.lp-auto{grid-template-columns:repeat(auto-fit,minmax(272px,1fr))}
.lp-stack{display:flex;flex-direction:column}
.lp-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}
.lp-canvas{position:relative;isolation:isolate;overflow-x:clip}
main{overflow-x:clip}
/* Uma só textura fixa em toda a página: o grão. O gradiente de tinta passou a
   pertencer às secções, para haver ritmo entre preto absoluto e preto elevado. */
.lp-canvas::after{content:"";position:fixed;inset:0;z-index:-1;background-image:var(--grain);background-size:150px;opacity:.03;mix-blend-mode:overlay;pointer-events:none}

/* ---- ambiente congelado: os campos de luz e a grelha do DS deixam de animar.
   Eram a maior fonte de repaint (blur 120px + pan de background em ecrã inteiro).
   A identidade passa a vir da composição, não do movimento perpétuo. ---- */
[style*="loopi-drift"],[style*="loopi-grid-pan"],[style*="loopi-scan"],[style*="loopi-sweep"]{animation:none!important}

/* ---- bandas de secção: o ritmo preto → preto elevado ---- */
.lp-band{background:var(--lp-raise)}
.lp-band::before,.lp-band::after{content:"";position:absolute;left:0;right:0;height:1px;background:var(--lp-rule);opacity:.6;pointer-events:none}
.lp-band::before{top:0}
.lp-band::after{bottom:0;transform:scaleX(-1)}
.lp-band>.lp-wash{position:absolute;inset:0;pointer-events:none;background:radial-gradient(62% 78% at 50% -14%,rgba(var(--lp-br),.09),transparent 68%)}
/* verde com destaque — nem preto, nem néon: o campo "elevado" do site */
.lp-lift{background:radial-gradient(120% 120% at 50% -10%,var(--lp-s4) 0%,var(--lp-s5) 42%,var(--lp-s1) 100%);overflow:hidden}
.lp-lift>.lp-flow{position:absolute;inset:-20% -10%;pointer-events:none;background:radial-gradient(42% 46% at 22% 30%,rgba(var(--lp-br),.13),transparent 72%),radial-gradient(38% 42% at 80% 64%,rgba(var(--lp-br2),.09),transparent 70%);animation:lp-flow 26s var(--ease-in-out) infinite;will-change:transform}
.lp-lift>.lp-mesh{position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:linear-gradient(rgba(var(--lp-br),.05) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--lp-br),.05) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(90% 70% at 50% 0%,#000 10%,transparent 76%);-webkit-mask-image:radial-gradient(90% 70% at 50% 0%,#000 10%,transparent 76%)}
@keyframes lp-flow{0%,100%{transform:translate3d(0,0,0) scale(1)}33%{transform:translate3d(4%,-3%,0) scale(1.08)}66%{transform:translate3d(-3%,3%,0) scale(1.04)}}
@media(prefers-reduced-motion:reduce){.lp-lift>.lp-flow{animation:none}}
.lp-lift::before,.lp-lift::after{content:"";position:absolute;left:0;right:0;height:1px;background:var(--lp-rule);opacity:.7;pointer-events:none}
.lp-lift::before{top:0}.lp-lift::after{bottom:0;transform:scaleX(-1)}
.lp-lift .lp-ledger>*{background:rgba(var(--lp-scrim),.55)}
.lp-lift .lp-ledger>*:hover{background:rgba(var(--lp-scrim),.3)}
.lp-lift .lp-step{background:rgba(var(--lp-scrim),.55)}
.lp-lift .lp-step.lit{background:rgba(var(--lp-scrim),.24)}
.lp-lift .lp-tile{background:linear-gradient(180deg,rgba(var(--lp-scrim),.5),rgba(var(--lp-scrim),.24));border-color:rgba(var(--lp-ln),.09)}
.lp-lift .lp-tile:hover,.lp-lift a:hover .lp-tile{background:linear-gradient(180deg,rgba(var(--lp-scrim),.34),rgba(var(--lp-w),.03));border-color:var(--lp-hair-lit)}
.lp-deep{background:var(--lp-s0)}
.lp-deep::before,.lp-deep::after{content:"";position:absolute;left:0;right:0;height:1px;background:var(--lp-rule);opacity:.45;pointer-events:none}
.lp-deep::before{top:0}.lp-deep::after{bottom:0}

/* ---- HERO: chapa de fluxo verde + escurecimento para o texto respirar ---- */
.lp-hero{position:relative;isolation:isolate;overflow:hidden;background:var(--lp-s1)}
/* três chapas que derivam em fases diferentes: a interferência entre elas lê-se
   como líquido. Só transform/opacity animam — camadas compostas, sem repaint. */
.lp-hero-img{position:absolute;inset:-4%;z-index:-3;background:url("../assets/hero-flow.jpg") center/cover no-repeat;opacity:.9;transform-origin:52% 44%;animation:lp-liq-a 52s var(--ease-in-out) infinite;will-change:transform}
.lp-hero-img2{position:absolute;inset:-8%;z-index:-3;background:url("../assets/hero-flow.jpg") center/cover no-repeat;opacity:.34;filter:blur(12px) saturate(125%);transform-origin:46% 56%;animation:lp-liq-b 74s var(--ease-in-out) infinite;will-change:transform}
.lp-hero-caustic{position:absolute;inset:-26%;z-index:-2;pointer-events:none;background:radial-gradient(30% 34% at 34% 42%,rgba(var(--lp-br),.16),transparent 68%),radial-gradient(26% 30% at 70% 56%,rgba(var(--lp-br2),.11),transparent 66%),radial-gradient(34% 28% at 52% 22%,rgba(var(--lp-br),.12),transparent 70%);filter:blur(38px);opacity:.72;animation:lp-liq-c 96s linear infinite;will-change:transform}
@keyframes lp-liq-a{0%,100%{transform:scale(1.05) translate3d(0,0,0)}34%{transform:scale(1.11) translate3d(-1.6%,1.1%,0)}67%{transform:scale(1.07) translate3d(1.3%,-.9%,0)}}
@keyframes lp-liq-b{0%,100%{transform:scaleX(-1) scale(1.06) translate3d(0,0,0)}50%{transform:scaleX(-1) scale(1.15) translate3d(2.4%,-1.7%,0)}}
@keyframes lp-liq-c{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}100%{transform:rotate(360deg) scale(1)}}
@media(prefers-reduced-motion:reduce){.lp-hero-img,.lp-hero-img2,.lp-hero-caustic{animation:none}}
.lp-hero-veil{position:absolute;inset:0;z-index:-1;background:radial-gradient(90% 70% at 50% 34%,rgba(var(--lp-scrim),.42),rgba(var(--lp-scrim),.86) 62%,var(--lp-s1) 100%),linear-gradient(180deg,rgba(var(--lp-scrim),.72) 0%,transparent 26%,transparent 58%,var(--lp-s1) 100%)}
.lp-hero-line{position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--lp-rule);opacity:.7}

/* ---- barra de pergunta à IA: vidro escuro com órbita neon na borda ---- */
@property --lp-a{syntax:"<angle>";initial-value:0deg;inherits:false}
@keyframes lp-orbit{to{--lp-a:360deg}}
@keyframes lp-halo{0%,100%{opacity:.34}50%{opacity:.62}}
.lp-ask{position:relative;border-radius:24px;background:linear-gradient(180deg,rgba(var(--lp-scrim),.72),rgba(var(--lp-scrim),.86));backdrop-filter:blur(26px) saturate(150%);-webkit-backdrop-filter:blur(26px) saturate(150%);box-shadow:inset 0 1px 0 rgba(var(--lp-ln),.06),0 40px 90px -46px rgba(0,0,0,1);padding:22px 22px 18px;isolation:isolate}
/* anel de 1px pintado por um cone que gira — a "órbita" da marca */
.lp-ask::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:conic-gradient(from var(--lp-a),rgba(var(--lp-w),.07) 0 62%,rgba(var(--lp-br),.95) 74%,rgba(var(--lp-br2),.55) 80%,rgba(var(--lp-w),.07) 88% 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:lp-orbit 7s linear infinite;pointer-events:none;z-index:1}
/* halo difuso por baixo, a respirar devagar */
.lp-ask::after{content:"";position:absolute;inset:-34px -22px -40px;border-radius:60px;background:radial-gradient(52% 62% at 50% 50%,rgba(var(--lp-br),.22),rgba(var(--lp-br),.06) 58%,transparent 78%);z-index:-1;animation:lp-halo 6s var(--ease-in-out) infinite;pointer-events:none}
.lp-ask:focus-within::before{animation-duration:3.2s}
.lp-ask>*{position:relative;z-index:2}
.lp-ask textarea{width:100%;min-height:56px;max-height:200px;resize:none;border:0;outline:0;background:none;color:var(--text-strong);font:var(--fw-regular) var(--fs-lead)/1.5 var(--font-sans);padding:0;overflow:auto;caret-color:var(--green-400)}
.lp-ask textarea::placeholder{color:var(--lp-t5)}
.lp-askrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:16px}
.lp-asktag{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 15px;border-radius:var(--r-pill);border:1px solid rgba(var(--lp-ln),.09);background:rgba(var(--lp-w),.035);color:var(--text-muted);font:var(--fw-medium) var(--fs-caption)/1 var(--font-sans);cursor:pointer;white-space:nowrap;transition:background .25s,border-color .25s,color .25s,transform .25s var(--ease-spring)}
.lp-asktag:hover{background:rgba(var(--lp-br),.09);border-color:rgba(var(--lp-br),.34);color:var(--green-200);transform:translateY(-1px)}
.lp-asksend{display:grid;place-items:center;width:46px;height:46px;flex:0 0 auto;border-radius:50%;border:0;cursor:pointer;background:var(--grad-brand);color:var(--text-on-brand);box-shadow:0 0 0 1px rgba(var(--lp-br),.35),var(--glow-sm);transition:transform .2s var(--ease-spring),filter .2s}
.lp-asksend:hover{transform:scale(1.07);filter:brightness(1.08)}
.lp-asksend:disabled{opacity:.35;cursor:default;transform:none;box-shadow:none}
@media(max-width:1080px){.lp-askrow .lp-asktag:nth-of-type(n+3){display:none}}
@media(max-width:680px){.lp-askrow .lp-asktag{display:none}}
@media(prefers-reduced-motion:reduce){.lp-ask::before,.lp-ask::after{animation:none}}

/* ---- Loopi Intelligence: consola de conversa ---- */
.lp-ai{display:grid;grid-template-columns:272px minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:100vh;height:100dvh;background:var(--lp-s1);overflow:hidden}
.lp-ai-side{display:flex;flex-direction:column;gap:16px;padding:16px 12px;border-right:1px solid rgba(var(--lp-ln),.06);background:var(--lp-s0);overflow:auto;min-height:0;overscroll-behavior:contain}
.lp-ai-brand{display:flex;align-items:center;gap:10px;padding:8px 10px 4px;color:inherit}
.lp-ai-new{display:flex;align-items:center;gap:10px;width:100%;min-height:46px;padding:0 16px;border-radius:14px;cursor:pointer;border:1px solid rgba(var(--lp-ln),.09);background:linear-gradient(180deg,rgba(var(--lp-w),.07),rgba(var(--lp-w),.02));color:var(--text-strong);font:var(--fw-semibold) var(--fs-body-sm)/1 var(--font-sans);transition:background .25s,border-color .25s}
.lp-ai-new:hover{background:linear-gradient(180deg,rgba(var(--lp-br),.14),rgba(var(--lp-br),.03));border-color:rgba(var(--lp-br),.34);color:var(--green-200)}
.lp-ai-group{font:var(--fw-medium) 11px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--lp-t4);padding:0 12px;margin-bottom:8px}
.lp-ai-item{position:relative;display:flex;align-items:center;gap:11px;width:100%;min-height:42px;padding:0 12px;border-radius:11px;border:0;background:none;cursor:pointer;text-align:left;color:var(--lp-t3);font:var(--fw-medium) var(--fs-body-sm)/1.3 var(--font-sans);transition:background .2s,color .2s}
.lp-ai-item:hover{background:rgba(var(--lp-w),.05);color:var(--text-strong)}
.lp-ai-item.on{background:linear-gradient(90deg,rgba(var(--lp-br),.16),rgba(var(--lp-br),.03));color:var(--green-200)}
.lp-ai-item.on::before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:2px;border-radius:2px;background:var(--green-400);box-shadow:0 0 10px rgba(var(--lp-br),.9)}
.lp-ai-item>span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lp-ai-tag{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--lp-t4);font-style:normal}
.lp-ai-x{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;opacity:0;color:var(--text-muted);font-style:normal;transition:opacity .2s,background .2s}
.lp-ai-item:hover .lp-ai-x{opacity:.65}
.lp-ai-x:hover{opacity:1;background:rgba(var(--lp-w),.08)}
.lp-ai-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
.lp-ai-nav a{display:flex;align-items:center;gap:8px;min-height:36px;padding:0 10px;border-radius:9px;color:var(--lp-t4);font:var(--fw-medium) var(--fs-caption)/1.2 var(--font-sans);transition:background .2s,color .2s}
.lp-ai-nav a:hover{background:rgba(var(--lp-w),.05);color:var(--green-200)}
.lp-ai-promo{padding:16px;border-radius:16px;border:1px solid rgba(var(--lp-br),.22);background:linear-gradient(180deg,rgba(var(--lp-br),.09),rgba(var(--lp-br),.015))}
.lp-ai-main{display:flex;flex-direction:column;min-width:0;min-height:0;position:relative;background:radial-gradient(90% 60% at 50% -12%,rgba(var(--lp-br),.05),transparent 62%),var(--lp-s1)}
.lp-ai-top{display:flex;align-items:center;gap:10px;padding:13px 22px;border-bottom:1px solid rgba(var(--lp-ln),.06);flex:0 0 auto}
.lp-ai-pill{display:inline-flex;align-items:center;gap:9px;padding:8px 14px;border-radius:var(--r-pill);border:1px solid rgba(var(--lp-ln),.08);background:rgba(var(--lp-w),.03)}
.lp-ai-pill .lp-mono{font-size:var(--fs-micro);letter-spacing:.12em;text-transform:uppercase;color:var(--lp-t4)}
.lp-ai-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scroll-behavior:smooth}
.lp-ai-wrap{max-width:780px;margin:0 auto;padding:32px 22px 8px;width:100%}
.lp-ai-foot{flex:0 0 auto;padding:12px 22px 20px;background:linear-gradient(180deg,transparent,var(--lp-s1) 38%)}
.lp-ai-hello{display:flex;flex-direction:column;align-items:center;gap:16px;padding:clamp(8px,4vh,44px) 0 0}

/* mensagens: o utilizador em bolha, a IA em texto corrido */
.lp-msg{display:flex;gap:14px;padding:16px 0;flex-wrap:nowrap}
.lp-msg-me{justify-content:flex-end}
.lp-bubble{max-width:78%;padding:14px 18px;border-radius:18px 18px 6px 18px;border:1px solid rgba(var(--lp-ln),.09);background:linear-gradient(180deg,rgba(var(--lp-w),.08),rgba(var(--lp-w),.03));color:var(--text-strong);font:var(--fw-regular) var(--fs-body)/1.6 var(--font-sans);white-space:pre-wrap;word-break:break-word}
.lp-msg-av{width:30px;height:30px;flex:0 0 auto;border-radius:10px;display:grid;place-items:center;background:rgba(var(--lp-br),.1);border:1px solid rgba(var(--lp-br),.28);color:var(--green-400);margin-top:2px}
.lp-msg-body{font:var(--fw-regular) var(--fs-body)/1.74 var(--font-sans);color:var(--text-body);word-break:break-word}
.lp-msg-body p{margin:0 0 .85em}
.lp-msg-body p:last-child{margin:0}
.lp-msg-body strong{color:var(--text-strong);font-weight:var(--fw-semibold)}
.lp-msg-body ul,.lp-msg-body ol{margin:.2em 0 .9em;padding-left:1.25em}
.lp-msg-body ol{list-style:decimal}
.lp-msg-body li{margin:.3em 0}
.lp-msg-body li::marker{color:var(--green-400)}
.lp-msg-body code{font-family:var(--font-mono);font-size:.92em;background:rgba(var(--lp-w),.07);padding:2px 6px;border-radius:6px;color:var(--green-200)}
.lp-msg-body a{color:var(--green-400);text-decoration:underline;text-underline-offset:3px}
/* botões de navegação que a IA devolve */
.lp-goto{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:var(--r-pill);border:1px solid rgba(var(--lp-br),.3);background:linear-gradient(180deg,rgba(var(--lp-br),.13),rgba(var(--lp-br),.03));color:var(--green-200);font:var(--fw-semibold) var(--fs-caption)/1 var(--font-sans);transition:background .22s,transform .22s var(--ease-spring)}
.lp-goto:hover{background:linear-gradient(180deg,rgba(var(--lp-br),.22),rgba(var(--lp-br),.06));color:var(--lp-br-soft);transform:translateY(-1px)}
.lp-dots{display:inline-flex;gap:5px;align-items:center;height:26px}
.lp-dots i{width:6px;height:6px;border-radius:50%;background:var(--green-400);opacity:.35;animation:lp-dot 1.1s var(--ease-in-out) infinite}
.lp-dots i:nth-child(2){animation-delay:.16s}
.lp-dots i:nth-child(3){animation-delay:.32s}
@keyframes lp-dot{0%,100%{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}

/* ferramentas: cartões no acolhimento, lista flutuante no compositor */
.lp-toolgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;margin-top:14px}
.lp-toolcard{display:flex;flex-direction:column;gap:7px;text-align:left;padding:16px;border-radius:14px;cursor:pointer;border:1px solid rgba(var(--lp-ln),.07);background:linear-gradient(180deg,rgba(var(--lp-w),.045),rgba(var(--lp-w),.012));transition:background .28s,border-color .28s,transform .28s var(--ease-glide)}
.lp-toolcard:hover{background:linear-gradient(180deg,rgba(var(--lp-br),.1),rgba(var(--lp-w),.02));border-color:rgba(var(--lp-br),.3);transform:translateY(-2px)}
.lp-toolcard-h{display:flex;align-items:center;justify-content:space-between;color:var(--green-400)}
.lp-toolcard-h em{font-style:normal;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--lp-t4);border:1px solid rgba(var(--lp-ln),.08);border-radius:999px;padding:3px 8px}
.lp-toolcard b{font:var(--fw-semibold) var(--fs-body-sm)/1.2 var(--font-sans);color:var(--text-strong)}
.lp-toolcard i{font-style:normal;font:var(--fw-regular) var(--fs-caption)/1.5 var(--font-sans);color:var(--lp-t4)}
.lp-toolpop{position:absolute;left:0;bottom:calc(100% + 12px);z-index:20;width:min(360px,78vw);padding:8px;border-radius:16px;border:1px solid rgba(var(--lp-ln),.1);background:linear-gradient(180deg,rgba(var(--lp-scrim),.98),rgba(var(--lp-scrim),.99));backdrop-filter:blur(20px);box-shadow:0 40px 70px -30px rgba(0,0,0,1);animation:loopi-rise .22s var(--ease-out)}
.lp-toolrow{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:0;border-radius:11px;background:none;cursor:pointer;text-align:left;transition:background .2s}
.lp-toolrow:hover{background:rgba(var(--lp-br),.09)}
.lp-toolrow>span{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.lp-toolrow b{font:var(--fw-semibold) var(--fs-body-sm)/1.2 var(--font-sans);color:var(--text-strong)}
.lp-toolrow i{font-style:normal;font:var(--fw-regular) var(--fs-caption)/1.35 var(--font-sans);color:var(--lp-t4)}
.lp-toolrow em{font-style:normal;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--lp-t4)}
.lp-asktag.on{background:rgba(var(--lp-br),.12);border-color:rgba(var(--lp-br),.34);color:var(--green-200)}

@media(max-width:1080px){.lp-toolgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){
  .lp-ai{grid-template-columns:minmax(0,1fr)}
  .lp-ai-side{position:fixed;left:0;top:0;bottom:0;width:272px;z-index:1000;transform:translateX(-101%);transition:transform var(--dur-med) var(--ease-out)}
  .lp-ai-side.open{transform:none}
  .lp-toolgrid{grid-template-columns:minmax(0,1fr)}
  .lp-bubble{max-width:88%}
}

/* ---- tipografia ---- */
.lp-kicker{display:inline-flex;align-items:center;gap:10px;font:var(--type-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--green-400)}
.lp-kicker::before{content:"";width:5px;height:5px;background:var(--green-400);box-shadow:0 0 8px rgba(var(--lp-br),.8);flex:0 0 auto}
.lp-h1{margin:0;font:var(--fw-semibold) var(--fs-display-1)/1.06 var(--font-display);letter-spacing:-.038em;color:var(--text-strong);text-wrap:balance}
.lp-h2{margin:0;font:var(--fw-semibold) var(--fs-display-2)/1.1 var(--font-display);letter-spacing:-.035em;color:var(--text-strong);text-wrap:balance}
.lp-h3{margin:0;font:var(--fw-semibold) var(--fs-display-3)/1.14 var(--font-display);letter-spacing:-.032em;color:var(--text-strong);text-wrap:balance}
.lp-h4{margin:0;font:var(--fw-semibold) var(--fs-h3)/1.16 var(--font-display);letter-spacing:-.03em;color:var(--text-strong)}
.lp-h5{margin:0;font:var(--fw-semibold) var(--fs-h4)/1.22 var(--font-display);letter-spacing:-.025em;color:var(--text-strong)}
.lp-lead{margin:0;font:var(--type-lead);color:var(--text-muted);max-width:62ch;text-wrap:pretty}
.lp-body{margin:0;font:var(--type-body);color:var(--text-body);max-width:66ch;text-wrap:pretty}
.lp-prose{max-width:var(--container-prose)}
.lp-prose p{font:var(--type-body);color:var(--text-body);margin:0 0 1.1em}
.lp-prose h2{margin:2.1em 0 .55em;font:var(--fw-semibold) var(--fs-h2)/1.18 var(--font-display);letter-spacing:-.035em;color:var(--text-strong)}
.lp-prose h3{margin:1.8em 0 .5em;font:var(--fw-semibold) var(--fs-h3)/1.18 var(--font-display);letter-spacing:-.03em;color:var(--text-strong)}
.lp-prose ul,.lp-prose ol{margin:0 0 1.2em;padding-left:1.1em;color:var(--text-body)}
.lp-prose li{margin:.35em 0}
.lp-prose strong{color:var(--text-strong);font-weight:var(--fw-semibold)}
.lp-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}
.lp-label{font:var(--type-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-faint)}
.lp-manifesto{font:var(--fw-regular) clamp(1.25rem,2.1vw,1.75rem)/1.5 var(--font-display);letter-spacing:-.02em;color:var(--text-body)}
.lp-strike{position:relative;color:var(--text-faint)}
.lp-strike::after{content:"";position:absolute;left:-2px;right:-2px;top:52%;height:2px;background:var(--status-danger);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-slow) var(--ease-glide)}
.is-in .lp-strike::after,.lp-strike.is-in::after{transform:scaleX(1)}
/* régua editorial que abre cada bloco de secção */
.lp-headrule{display:flex;align-items:center;gap:18px;margin-bottom:26px}
.lp-headrule i{flex:1;height:1px;background:linear-gradient(90deg,rgba(var(--lp-w),.14),transparent)}

/* ---- reveal (transform+opacity apenas; will-change libertado no fim) ---- */
[data-reveal]{opacity:0;transform:translateY(var(--rv-y,16px));will-change:opacity,transform}
[data-reveal].is-in{opacity:1;transform:none;will-change:auto;transition:opacity .62s var(--ease-glide) var(--rv-d,0ms),transform .62s var(--ease-glide) var(--rv-d,0ms)}
.lp-words .lp-word{display:inline-block;opacity:0;transform:translateY(.42em);transition:opacity .6s var(--ease-glide),transform .6s var(--ease-glide)}
.lp-words.is-in .lp-word{opacity:1;transform:none}

/* ---- O CARTÃO LOOPI --------------------------------------------------------
   Mate, não vidro. Uma hairline que acende da esquerda no hover, um índice
   mono no canto, e o glifo que só ganha neon quando o cartão é tocado.
--------------------------------------------------------------------------- */
.lp-tile{position:relative;border-radius:var(--r-lg);border:1px solid var(--lp-hair);background:var(--lp-fill);box-shadow:inset 0 1px 0 rgba(var(--lp-ln),.06),0 30px 60px -46px rgba(0,0,0,.95);padding:var(--space-7);overflow:hidden;transition:transform .42s var(--ease-glide),border-color .42s var(--ease-out),background .42s var(--ease-out)}
.lp-tile::before{content:"";position:absolute;top:0;left:0;height:1px;width:100%;background:linear-gradient(90deg,var(--green-400),rgba(var(--lp-br),0) 72%);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease-glide);pointer-events:none;z-index:2}
.lp-tile:hover,a:hover>.lp-tile,a:hover .lp-tile{transform:translateY(-3px);border-color:var(--lp-hair-lit);background:var(--lp-fill-hi)}
.lp-tile:hover::before,a:hover .lp-tile::before{transform:scaleX(1)}
.lp-tile.flat:hover,.lp-tile.flat{transform:none}
.lp-idx{position:absolute;top:22px;right:24px;font:var(--fw-medium) 11px/1 var(--font-mono);letter-spacing:.16em;color:var(--lp-t4);z-index:2;transition:color .4s var(--ease-out)}
.lp-tile:hover .lp-idx,a:hover .lp-tile .lp-idx{color:rgba(var(--lp-br),.66)}
.lp-surface{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.lp-surface-brand{border-color:var(--border-brand)!important}
/* o glifo: moldura discreta que só acende no hover */
.lp-iconchip{display:grid;place-items:center;width:50px;height:50px;flex:0 0 auto;border-radius:15px;border:1px solid var(--lp-hair);background:rgba(var(--lp-w),.035);box-shadow:none;color:var(--text-muted);transition:color .38s var(--ease-out),border-color .38s var(--ease-out),background .38s var(--ease-out)}
.lp-tile:hover .lp-iconchip,a:hover .lp-iconchip,.lp-surface:hover .lp-iconchip{color:var(--green-400);border-color:rgba(var(--lp-br),.34);background:rgba(var(--lp-br),.075)}
.lp-surface-brand .lp-iconchip{color:var(--green-400);border-color:rgba(var(--lp-br),.34);background:rgba(var(--lp-br),.075)}

/* ---- livro-razão: grelha unida por hairlines, sem caixas soltas ---- */
.lp-ledger{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;background:var(--lp-hair);border:1px solid var(--lp-hair);border-radius:var(--r-lg);overflow:hidden}
.lp-ledger>*{position:relative;background:var(--lp-void);padding:clamp(24px,2.6vw,36px);transition:background .35s var(--ease-out)}
.lp-ledger>*:hover{background:var(--lp-s2)}
.lp-band .lp-ledger>*{background:var(--lp-raise)}
.lp-band .lp-ledger>*:hover{background:var(--lp-s3)}
.lp-num{display:block;font:var(--fw-semibold) clamp(2.5rem,4.2vw,3.6rem)/1 var(--font-mono);letter-spacing:-.04em;color:var(--text-strong);font-variant-numeric:tabular-nums}
.lp-num-u{font-size:.42em;margin-left:.24em;color:var(--green-400);letter-spacing:0}

/* ---- superfícies e hover ---- */
.lp-sweep{position:relative}
.lp-hair{height:1px;border:0;margin:0;background:var(--lp-rule);opacity:.55}
.lp-chip{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:10px 18px;border-radius:var(--r-pill);border:1px solid var(--lp-hair);background:rgba(var(--lp-w),.03);color:var(--text-body);font:var(--fw-medium) var(--fs-caption)/1 var(--font-sans);cursor:pointer;transition:background var(--t-hover),border-color var(--t-hover),color var(--t-hover)}
.lp-chip:hover{background:rgba(var(--lp-w),.06);border-color:var(--lp-hair-lit);color:var(--text-strong)}
.lp-chip[aria-pressed="true"],.lp-chip.on{background:var(--surface-brand-soft);border-color:var(--border-brand);color:var(--green-200)}
.lp-linkarrow{display:inline-flex;align-items:center;gap:9px;min-height:40px;font:var(--fw-semibold) var(--fs-body)/1 var(--font-sans);color:var(--green-400)}
.lp-linkarrow span{transition:transform var(--t-hover)}
.lp-linkarrow:hover span,a:hover .lp-linkarrow span{transform:translateX(5px)}
.lp-underline{position:relative}
.lp-underline::after{content:"";position:absolute;left:0;bottom:-4px;height:1px;width:100%;background:var(--green-400);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-base) var(--ease-out)}
.lp-underline:hover::after,.lp-underline[aria-current="page"]::after{transform:scaleX(1)}

/* ---- chrome do site ---- */
.lp-progress{position:fixed;top:0;left:0;height:2px;z-index:600;background:var(--grad-brand);transform-origin:left;transform:scaleX(0);width:100%}
/* Barra flutuante: cápsula de vidro fixa no topo, sobre o conteúdo. */
.lp-headwrap{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);pointer-events:none}
.lp-headwrap>*{pointer-events:auto}
/* a folga é medida em runtime (ResizeObserver em SiteHeader): cobre o anúncio
   presente/ausente, a cápsula encolhida e qualquer quebra de linha estreita */
.lp-headwrap+main{padding-top:var(--lp-headh,104px)}
/* colapso por grid-template-rows: não precisa de tecto em px, por isso nunca corta */
.lp-announce{display:grid;grid-template-rows:1fr;transition:grid-template-rows var(--dur-med) var(--ease-out),opacity var(--dur-base) var(--ease-out)}
.lp-announce>*{overflow:hidden;min-height:0}
.lp-headwrap.up .lp-announce{grid-template-rows:0fr;opacity:0;pointer-events:none}
.lp-header{padding:14px 0;transition:padding var(--dur-med) var(--ease-out)}
.lp-header.frosted{padding:10px 0}
.lp-header .lp-bar{display:flex;align-items:center;gap:clamp(8px,1.2vw,18px);height:var(--h,68px);padding:0 clamp(10px,1.2vw,16px) 0 clamp(16px,2vw,26px);border-radius:var(--r-pill);border:1px solid rgba(var(--lp-ln),.09);background:linear-gradient(180deg,rgba(var(--lp-scrim),.6),rgba(var(--lp-scrim),.54));backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);box-shadow:inset 0 1px 0 rgba(var(--lp-ln),.11),0 20px 48px -24px rgba(0,0,0,.9);transition:height var(--dur-med) var(--ease-out),background var(--t-hover),border-color var(--t-hover),box-shadow var(--t-hover)}
.lp-header.frosted .lp-bar{background:linear-gradient(180deg,rgba(var(--lp-scrim),.84),rgba(var(--lp-scrim),.8));border-color:rgba(var(--lp-ln),.13);box-shadow:inset 0 1px 0 rgba(var(--lp-ln),.13),0 24px 56px -26px rgba(0,0,0,.95)}
.lp-navlink{display:inline-flex;align-items:center;gap:6px;padding:9px 13px;border-radius:var(--r-pill);font:var(--fw-medium) var(--fs-body-sm)/1 var(--font-sans);color:var(--text-muted);background:none;border:1px solid transparent;cursor:pointer;transition:color var(--t-hover),background var(--t-hover),border-color var(--t-hover)}
.lp-navlink:hover{color:var(--text-strong);background:rgba(var(--lp-w),.06)}
.lp-navlink.on{color:var(--text-strong);background:rgba(var(--lp-w),.08);border-color:rgba(var(--lp-ln),.1)}
/* botão Loopi AI: anel neon em órbita, o mesmo gesto do campo de conversa */
.lp-aibtn{position:relative;display:inline-flex;border-radius:var(--r-pill);padding:1px;background:conic-gradient(from var(--lp-a),rgba(var(--lp-w),.12) 0 60%,rgba(var(--lp-br),.9) 74%,rgba(var(--lp-br2),.5) 82%,rgba(var(--lp-w),.12) 90% 100%);animation:lp-orbit 7s linear infinite;transition:transform .25s var(--ease-spring)}
.lp-aibtn:hover{transform:translateY(-1px);animation-duration:3s}
.lp-aibtn-in{display:inline-flex;align-items:center;gap:9px;height:46px;padding:0 20px;border-radius:inherit;background:linear-gradient(180deg,var(--lp-s3),var(--lp-s1));color:var(--green-200);font:var(--fw-semibold) var(--fs-body-sm)/1 var(--font-sans);white-space:nowrap;transition:background .25s}
.lp-aibtn:hover .lp-aibtn-in{background:linear-gradient(180deg,var(--lp-s4),var(--lp-on-br));color:var(--green-100,var(--lp-br-soft))}
@media(prefers-reduced-motion:reduce){.lp-aibtn{animation:none}}
.lp-mega{position:absolute;left:50%;top:calc(100% + 14px);transform:translate(-50%,-8px);width:min(1180px,calc(100vw - 40px));padding:var(--space-7);border-radius:var(--r-2xl);border:1px solid var(--border-glass);background:linear-gradient(180deg,rgba(var(--lp-scrim),.97),rgba(var(--lp-scrim),.99));backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass);box-shadow:0 50px 90px -40px rgba(0,0,0,.95);opacity:0;pointer-events:none;transition:opacity 170ms var(--ease-out),transform 170ms var(--ease-out)}
.lp-mega.open{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.lp-mega::before{content:"";position:absolute;left:0;right:0;top:-20px;height:20px}
.lp-megaitem{display:flex;gap:14px;padding:14px;border-radius:var(--r-md);border:1px solid transparent;transition:background var(--t-hover),border-color var(--t-hover)}
.lp-megaitem:hover{background:rgba(var(--lp-w),.045);border-color:var(--lp-hair)}
.lp-sheet{position:fixed;left:0;right:0;bottom:0;z-index:1000;border-radius:var(--r-2xl) var(--r-2xl) 0 0;border-top:1px solid var(--border-glass);background:linear-gradient(180deg,rgba(var(--lp-scrim),.98),rgba(var(--lp-scrim),.99));box-shadow:0 -40px 80px -30px rgba(0,0,0,.9);padding:20px 22px calc(30px + env(safe-area-inset-bottom));transform:translateY(101%);visibility:hidden;pointer-events:none;transition:transform var(--dur-med) var(--ease-out),visibility var(--dur-med) linear;max-height:86vh;overflow:auto;overscroll-behavior:contain}
.lp-sheet.open{transform:none;visibility:visible;pointer-events:auto}
.lp-scrim{position:fixed;inset:0;z-index:990;background:rgba(var(--lp-scrim),.78);opacity:0;pointer-events:none;transition:opacity var(--dur-base) var(--ease-out)}
.lp-scrim.open{opacity:1;pointer-events:auto}
/* ---- widget de WhatsApp ---- */
.lp-fab{position:fixed;right:24px;bottom:24px;z-index:var(--z-toast);display:flex;flex-direction:column;align-items:flex-end;gap:12px;max-width:calc(100vw - 32px)}
.lp-wabtn{width:62px;height:62px;flex:0 0 auto;border-radius:50%;border:1px solid rgba(var(--lp-ln),.2);background:var(--grad-brand);color:var(--text-on-brand);display:grid;place-items:center;cursor:pointer;box-shadow:var(--bevel-brand),var(--glow-md);transition:transform var(--t-hover)}
.lp-wabtn:hover{transform:translateY(-2px)}
.lp-wapanel{width:min(320px,calc(100vw - 40px));border-radius:var(--r-xl);border:1px solid var(--border-glass);background:linear-gradient(180deg,rgba(var(--lp-s4b),.96),rgba(var(--lp-scrim),.98));backdrop-filter:var(--blur-glass);box-shadow:var(--elev-float);padding:18px;animation:loopi-rise var(--dur-med) var(--ease-out)}
.lp-waclose{margin-left:auto;display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:50%;border:1px solid var(--lp-hair);background:none;color:var(--text-muted);cursor:pointer}
.lp-waclose:hover{color:var(--text-strong);border-color:var(--lp-hair-lit)}
.lp-wahint{margin:0 0 14px;font:var(--fw-regular) var(--fs-caption)/1.6 var(--font-sans);color:var(--text-body)}
.lp-wacta{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:52px;border-radius:var(--r-pill);background:var(--grad-brand);color:var(--text-on-brand);font:var(--fw-semibold) var(--fs-body-sm)/1 var(--font-sans);box-shadow:var(--bevel-brand);transition:filter var(--t-hover),transform var(--t-hover)}
.lp-wacta:hover{filter:brightness(1.06);transform:translateY(-1px);color:var(--text-on-brand)}
.lp-wafoot{display:block;margin-top:12px;text-align:center;font:var(--fw-regular) var(--fs-caption)/1.4 var(--font-sans);color:var(--text-muted)}
.lp-teaser{padding:12px 18px;border-radius:var(--r-pill);border:1px solid var(--border-glass);background:rgba(var(--lp-s4b),.92);backdrop-filter:var(--blur-glass);box-shadow:var(--shadow-md);font:var(--fw-medium) var(--fs-caption)/1.35 var(--font-sans);color:var(--text-strong);cursor:pointer;text-align:left;max-width:min(280px,calc(100vw - 40px))}

/* GlassPanel do DS renderiza os filhos num wrapper interno: repassa o layout
   em coluna (gap, altura) que os cartões precisam. */
div[style*="overflow: hidden"][style*="flex-direction: column"]>div[style*="position: relative"]{display:flex;flex-direction:column;gap:inherit;height:100%;align-items:inherit}

/* ---- alvos: sobrepõe as alturas inline dos Button/IconButton do DS ---- */
button[style*="height: 34px"],a[style*="height: 34px"]{height:44px!important;padding-left:22px!important;padding-right:22px!important}
button[style*="height: 42px"],a[style*="height: 42px"]{height:52px!important;padding-left:26px!important;padding-right:26px!important}
button[style*="height: 52px"],a[style*="height: 52px"]{height:62px!important;padding-left:34px!important;padding-right:34px!important}
button[style*="width: 30px"]{width:42px!important;height:42px!important}
button[style*="width: 38px"]{width:48px!important;height:48px!important}
button[style*="width: 46px"]{width:56px!important;height:56px!important}
input,select,textarea{min-height:52px}

/* ---- trilho do método: cinco colunas unidas por hairline ---- */
.lp-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:var(--lp-hair);border:1px solid var(--lp-hair);border-radius:var(--r-lg);overflow:hidden}
.lp-step{position:relative;display:flex;flex-direction:column;gap:12px;padding:clamp(24px,2.4vw,34px) clamp(20px,2vw,28px) clamp(30px,3vw,40px);background:var(--lp-void);transition:background .5s var(--ease-out)}
.lp-band .lp-step{background:var(--lp-raise)}
.lp-step-n{font:var(--type-label);letter-spacing:var(--tracking-label);color:var(--lp-t4);transition:color .5s var(--ease-out)}
.lp-step-t{font:var(--fw-semibold) var(--fs-h4)/1.2 var(--font-display);letter-spacing:-.025em;color:var(--lp-t3);transition:color .5s var(--ease-out)}
.lp-step-l{margin:0;font:var(--fw-regular) var(--fs-caption)/1.6 var(--font-sans);color:var(--lp-t4);transition:color .5s var(--ease-out)}
.lp-step-bar{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--green-400);transform:scaleX(0);transform-origin:left;transition:transform .8s var(--ease-glide)}
.lp-step.lit{background:var(--lp-s2)}
.lp-band .lp-step.lit{background:var(--lp-s3)}
.lp-step.lit .lp-step-n{color:var(--green-400)}
.lp-step.lit .lp-step-t{color:var(--text-strong)}
.lp-step.lit .lp-step-l{color:var(--text-muted)}
.lp-step.lit .lp-step-bar{transform:scaleX(1)}

/* ---- acordeão ---- */
.lp-acc{border-top:1px solid var(--lp-hair)}
.lp-acc:last-of-type{border-bottom:1px solid var(--lp-hair)}
.lp-accbtn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 4px;background:none;border:0;cursor:pointer;text-align:left;font:var(--fw-semibold) var(--fs-h4)/1.3 var(--font-display);letter-spacing:-.03em;color:var(--text-strong);transition:color var(--t-hover)}
.lp-accbtn:hover{color:var(--green-200)}
.lp-accbody{overflow:hidden;transition:height var(--dur-med) var(--ease-out),opacity var(--dur-base) var(--ease-out)}

/* ---- tabelas ---- */
.lp-table{width:100%;border-collapse:collapse}
.lp-table th,.lp-table td{padding:20px 22px;text-align:left;border-bottom:1px solid var(--lp-hair);font:var(--type-body);color:var(--text-body)}
.lp-table th{font:var(--type-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-faint)}
.lp-table td.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-strong)}
.lp-table tr:hover td{background:rgba(var(--lp-w),.025)}

/* ---- responsivo ---- */
.lp-ledger .lp-h5{text-wrap:balance;hyphens:auto}
/* as pistas que sobram na última linha são absorvidas pelos últimos itens
   (medido em JS por lpFillRows — ver motion.jsx), nunca fica um vazio emoldurado */
@media(max-width:1240px){.lp-ledger{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:1180px){.lp-rail{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.lp-ledger{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:620px){.lp-ledger{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:1080px){.lp-c3,.lp-c4,.lp-c5,.lp-auto{grid-template-columns:repeat(2,minmax(0,1fr))!important}.lp-hide-sm{display:none!important}.lp-teaser{display:none!important}}
@media(max-width:1000px){.lp-grid.lp-split{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:820px){
  .lp-c2,.lp-c3,.lp-c4,.lp-c5,.lp-grid,.lp-auto,.lp-rail{grid-template-columns:minmax(0,1fr)!important}
  .lp-header{padding:10px 0}
  .lp-header .lp-bar{height:60px;padding:0 8px 0 16px;gap:8px}
  .lp-ctxbanner{display:none!important}
  body.lp-sheet-open{overflow:hidden}
  body.lp-consent-open .lp-fab{display:none}
  .lp-consent{left:12px!important;right:12px!important;bottom:12px!important;width:auto!important}
  .lp-fab{right:16px;bottom:calc(16px + env(safe-area-inset-bottom))}
  .lp-wapanel{width:calc(100vw - 32px);max-height:calc(100vh - 140px);overflow-y:auto;overscroll-behavior:contain}
  .lp-container{padding:0 20px}
  .lp-step{min-width:0}

}
@media(min-width:1081px){.lp-only-sm{display:none!important}}
@media(prefers-reduced-motion:reduce){[data-reveal],.lp-words .lp-word{opacity:1!important;transform:none!important}.lp-step-bar{transform:scaleX(1)!important}}


/* ---- clientes: dois trilhos em arco. Posição e opacidade vêm de um único
   rAF (app/blocks2.jsx); o CSS só trata da aparência. ---- */
.lp-rails{position:relative;width:100%}
.lp-railguide{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.lp-railguide path{fill:none;stroke:rgba(var(--lp-br),.13);stroke-width:1;vector-effect:non-scaling-stroke}
.lp-railguide path.b{stroke:rgba(var(--lp-w),.06)}
.lp-cnode{position:absolute;left:0;top:0;will-change:transform,opacity}
.lp-cbadge{display:flex;align-items:center;justify-content:center;height:var(--ch,74px);min-width:112px;max-width:var(--cmax,190px);padding:0 22px;border-radius:18px;border:1px solid rgba(var(--lp-ln),.08);background:linear-gradient(180deg,rgba(var(--lp-scrim),.8),rgba(var(--lp-scrim),.9));box-shadow:0 16px 36px -22px rgba(0,0,0,.9),inset 0 1px 0 rgba(var(--lp-ln),.06);transition:border-color 120ms linear,box-shadow 120ms linear,transform 120ms linear,opacity 120ms linear}
.lp-cbadge img{height:26px;width:auto;max-width:146px;object-fit:contain;opacity:.44;filter:grayscale(1) contrast(.92);transition:opacity 120ms linear,filter 120ms linear}
.lp-cbadge.dim{opacity:.3}
.lp-cbadge:hover,.lp-cbadge:focus-visible,.lp-cbadge.on{opacity:1;border-color:rgba(var(--lp-br),.5);box-shadow:0 20px 44px -20px rgba(0,0,0,.95),inset 0 1px 0 rgba(var(--lp-ln),.12),0 0 30px -8px rgba(var(--lp-br),.4);transform:translateY(-2px)}
.lp-cbadge:hover img,.lp-cbadge:focus-visible img,.lp-cbadge.on img{opacity:1;filter:none}
/* cartão de informação — compacto, dentro da faixa dos trilhos */
.lp-orb-pop{position:absolute;z-index:8;width:308px;max-height:168px;overflow:hidden;padding:15px 18px 17px;border-radius:20px;border:1px solid rgba(var(--lp-ln),.13);background:linear-gradient(180deg,rgba(var(--lp-scrim),.86),rgba(var(--lp-scrim),.94));backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);box-shadow:0 30px 60px -28px rgba(0,0,0,.95),inset 0 1px 0 rgba(var(--lp-ln),.1)}
.lp-orb-pop h4{margin:0;font:var(--fw-semibold) 19px/1.15 var(--font-display);letter-spacing:-.03em;color:var(--text-strong)}
.lp-orb-pop .s{font:var(--fw-medium) 10px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--green-400);white-space:nowrap}
.lp-orb-pop p{margin:9px 0 13px;font:var(--fw-regular) var(--fs-caption)/1.45 var(--font-sans);color:var(--lp-t3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* três indicadores discretos por baixo dos trilhos */
.lp-ministat{display:flex;flex-direction:column;gap:6px;height:100%;padding:20px 22px;border-radius:16px;border:1px solid var(--lp-hair);background:rgba(var(--lp-w),.016);transition:border-color 160ms,background 160ms}
.lp-ministat:hover{border-color:rgba(var(--lp-br),.24);background:rgba(var(--lp-br),.03)}
.lp-ministat .v{font:var(--fw-semibold) 30px/1 var(--font-mono);color:var(--text-strong)}
.lp-ministat .l{font:var(--fw-semibold) var(--fs-body-sm)/1.3 var(--font-sans);color:var(--lp-t2)}
.lp-ministat .n{font:var(--fw-regular) var(--fs-caption)/1.4 var(--font-sans);color:var(--lp-t4)}
/* fallback táctil / ecrã estreito */
.lp-orbgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--lp-hair);border:1px solid var(--lp-hair);border-radius:var(--r-lg);overflow:hidden}
.lp-orbgrid a{display:grid;place-items:center;min-height:96px;padding:18px;background:var(--lp-s0)}
.lp-orbgrid img{width:80%;max-height:32px;object-fit:contain;opacity:.5;filter:grayscale(1)}
.lp-orbgrid a:active img,.lp-orbgrid a:hover img{opacity:1;filter:none}

/* ---- método LOOP: workflow serpentino, largo e animado ---- */
.lp-floww{position:relative;padding:clamp(28px,3.4vw,44px) clamp(24px,3vw,40px);border-radius:var(--r-2xl);border:1px solid var(--lp-hair);background:radial-gradient(120% 90% at 12% 0%,rgba(var(--lp-br),.05),transparent 62%),rgba(var(--lp-w),.014)}
.lp-flow{position:relative;display:flex;flex-direction:column;gap:clamp(34px,4vw,52px);padding-right:96px}
.lp-flowrow{display:flex;align-items:center;gap:16px}
.lp-flowrow.rtl{flex-direction:row-reverse}
/* conector: tracejado com um sublinhado verde que se desenha quando o passo passa */
.lp-fconn{position:relative;flex:1 1 auto;min-width:34px;height:2px;background-image:linear-gradient(90deg,rgba(var(--lp-w),.24) 0 6px,transparent 6px 12px);background-size:12px 1px;background-repeat:repeat-x;background-position:0 50%}
.lp-fconn>b{position:absolute;left:0;top:0;right:0;height:2px;border-radius:2px;background:var(--grad-brand);box-shadow:0 0 14px -2px rgba(var(--lp-br),.8);transform:scaleX(0);transform-origin:left;transition:transform 620ms var(--ease-glide)}
.lp-flowrow.rtl .lp-fconn>b{transform-origin:right}
.lp-fconn.lit>b{transform:scaleX(1)}
.lp-fconn::after{content:"";position:absolute;top:-4px;width:8px;height:8px;border-top:1.5px solid rgba(var(--lp-ln),.4);border-right:1.5px solid rgba(var(--lp-ln),.4)}
.lp-flowrow .lp-fconn::after{right:0;transform:rotate(45deg)}
.lp-flowrow.rtl .lp-fconn::after{left:0;right:auto;transform:rotate(-135deg)}
.lp-fconn.lit::after{border-color:var(--green-400)}
.lp-fconn.grow{flex:0 1 120px}
/* passo */
.lp-fstep{display:flex;align-items:center;background:none;border:0;padding:0;cursor:pointer;flex:0 0 auto}
.lp-fdot{position:relative;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;border:1px solid rgba(var(--lp-ln),.15);background:linear-gradient(180deg,rgba(var(--lp-scrim),.9),rgba(var(--lp-scrim),.95));color:var(--lp-t4);flex:0 0 auto;z-index:2;transition:border-color 200ms,color 200ms,box-shadow 200ms,transform 200ms var(--ease-spring)}
.lp-fring{position:absolute;inset:-7px;border-radius:50%;border:1px solid rgba(var(--lp-br),.5);opacity:0}
.lp-fpill{display:flex;align-items:center;gap:12px;height:56px;padding:0 26px 0 34px;margin-left:-18px;border-radius:var(--r-pill);border:1px solid rgba(var(--lp-ln),.07);background:rgba(var(--lp-w),.055);color:var(--lp-t2);font:var(--fw-medium) var(--fs-body)/1 var(--font-sans);white-space:nowrap;transition:background 200ms,color 200ms,border-color 200ms,box-shadow 200ms}
.lp-fpill em{font-style:normal;font-size:11px;letter-spacing:.14em;color:var(--lp-t5);transition:color 200ms}
.lp-fstep:hover .lp-fpill{background:rgba(var(--lp-w),.11);color:var(--text-strong);border-color:rgba(var(--lp-ln),.14)}
.lp-fstep.done .lp-fdot{border-color:rgba(var(--lp-br),.4);color:rgba(var(--lp-br),.75)}
.lp-fstep.done .lp-fpill em{color:rgba(var(--lp-br),.6)}
.lp-fstep.on .lp-fdot{border-color:var(--green-400);color:var(--green-400);transform:scale(1.06);box-shadow:0 0 0 5px rgba(var(--lp-br),.09),0 0 34px -6px rgba(var(--lp-br),.7)}
.lp-fstep.on .lp-fring{animation:lp-fring 2.2s var(--ease-out) infinite}
.lp-fstep.on .lp-fpill{background:var(--grad-brand);border-color:transparent;color:var(--text-on-brand);font-weight:var(--fw-semibold);box-shadow:0 14px 30px -14px rgba(var(--lp-br),.6),inset 0 1px 0 rgba(var(--lp-ln),.4)}
.lp-fstep.on .lp-fpill em{color:rgba(var(--lp-scrim),.55)}
@keyframes lp-fring{0%{opacity:.85;transform:scale(1)}70%,100%{opacity:0;transform:scale(1.42)}}
/* gancho que liga o fim da 1ª fila ao fim da 2ª */
.lp-fhook{position:absolute;right:12px;top:29px;width:70px;height:calc(100% - 58px);border:2px solid rgba(var(--lp-ln),.14);border-left:0;border-radius:0 36px 36px 0;pointer-events:none}
.lp-fhook.lit{border-color:rgba(var(--lp-br),.55);box-shadow:0 0 22px -8px rgba(var(--lp-br),.7)}
/* painel de detalhe */
.lp-fdetail{display:flex;align-items:center;gap:clamp(20px,2.6vw,34px);margin-top:clamp(30px,3.4vw,44px);padding-top:clamp(26px,3vw,34px);border-top:1px solid var(--lp-hair)}
.lp-fbig{font:var(--fw-semibold) clamp(48px,5.6vw,76px)/.86 var(--font-mono);color:transparent;background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;flex:0 0 auto;opacity:.9}
.lp-fcopy{flex:1 1 auto;min-width:0}
.lp-fdetail strong{font:var(--fw-semibold) var(--fs-h3)/1.15 var(--font-display);letter-spacing:-.035em;color:var(--text-strong)}
.lp-fcount{font-size:11px;letter-spacing:.16em;color:var(--lp-t4)}
.lp-fdetail p{margin:9px 0 16px;max-width:62ch;font:var(--fw-regular) var(--fs-body)/1.55 var(--font-sans);color:var(--lp-t3);animation:lp-pop-in 300ms var(--ease-out)}
.lp-fbar{display:block;height:2px;border-radius:2px;background:rgba(var(--lp-w),.09);overflow:hidden}
.lp-fbar i{display:block;height:100%;background:var(--grad-brand);transform-origin:left;transition:transform 520ms var(--ease-glide)}
.lp-fact{flex:0 0 auto}
@keyframes lp-pop-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:1080px){.lp-fpill{padding:0 20px 0 30px;font-size:var(--fs-body-sm)}.lp-flow{padding-right:78px}}

/* ---- realidade em bento ---- */
.lp-bentowrap{position:relative}
.lp-bento{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1fr);gap:16px;align-items:stretch}
.lp-bento>div{display:flex;flex-direction:column;gap:16px}
.lp-bcard{position:relative;display:flex;flex-direction:column;gap:9px;flex:1;padding:22px 24px;border-radius:20px;border:1px solid rgba(var(--lp-ln),.07);background:linear-gradient(180deg,rgba(var(--lp-w),.035),rgba(var(--lp-w),.01));transition:border-color 180ms,background 180ms,transform 180ms}
.lp-bcard:hover{border-color:rgba(var(--lp-br),.3);background:linear-gradient(180deg,rgba(var(--lp-br),.055),rgba(var(--lp-w),.012));transform:translateY(-2px)}
.lp-bcard strong{font:var(--fw-semibold) var(--fs-h4)/1.2 var(--font-display);letter-spacing:-.03em;color:var(--text-strong)}
.lp-bcard>span:last-child{font:var(--fw-regular) var(--fs-body-sm)/1.55 var(--font-sans);color:var(--lp-t4)}
.lp-bicon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;border:1px solid rgba(var(--lp-ln),.1);background:rgba(var(--lp-w),.04);color:var(--lp-t1);transition:color 180ms,border-color 180ms,background 180ms}
.lp-bcard:hover .lp-bicon{color:var(--green-400);border-color:rgba(var(--lp-br),.4);background:rgba(var(--lp-br),.08)}
.lp-bhero{gap:14px;padding:clamp(24px,2.6vw,32px);flex:1.55;background:linear-gradient(170deg,rgba(var(--lp-br),.1),rgba(var(--lp-w),.014) 60%);border-color:rgba(var(--lp-br),.22)}
.lp-bhero:hover{transform:none;background:linear-gradient(170deg,rgba(var(--lp-br),.13),rgba(var(--lp-w),.02) 60%)}
.lp-bhero h3{margin:0;font:var(--fw-semibold) clamp(1.25rem,1.9vw,1.6rem)/1.24 var(--font-display);letter-spacing:-.035em;color:var(--text-strong);text-wrap:balance}
.lp-bhero p{margin:0;font:var(--fw-regular) var(--fs-body-sm)/1.6 var(--font-sans);color:var(--lp-t3)}
/* 821–1080px: as duas colunas laterais partilham a 1ª linha e o card principal
   ocupa a 2ª a toda a largura — sem pistas vazias por preencher */
@media(min-width:821px) and (max-width:1080px){
  .lp-bento{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .lp-bento>div:nth-child(1){grid-column:1;grid-row:1}
  .lp-bento>div:nth-child(3){grid-column:2;grid-row:1}
  .lp-bento>div:nth-child(2){grid-column:1/-1;grid-row:2;flex-direction:row}
  .lp-bento>div:nth-child(2)>*{flex:1}
}
@media(max-width:820px){
  .lp-bento,.lp-bento>div:nth-child(2){grid-template-columns:minmax(0,1fr)!important;flex-direction:column!important}
  .lp-bento>div{grid-column:1/-1!important;grid-row:auto!important}
  .lp-orbgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lp-floww{padding:22px 18px}
  .lp-flow{padding-right:0;gap:14px}
  .lp-flowrow,.lp-flowrow.rtl{flex-direction:column;align-items:stretch;gap:14px}
  .lp-fconn,.lp-fhook{display:none}
  .lp-fstep{width:100%}
  .lp-fpill{flex:1}
  .lp-fdetail{flex-direction:column;align-items:flex-start;gap:14px}
  .lp-fbig{font-size:44px}
  .lp-fact,.lp-fact a{width:100%}
}
@media(prefers-reduced-motion:reduce){.lp-fdetail p{animation:none}}

/* ================= moldura com luz em movimento ================= */
@property --lp-a{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes lp-spin{to{--lp-a:360deg}}
.lp-glow{position:relative;padding:1px;border-radius:26px;background:rgba(var(--lp-w),.075);overflow:hidden;isolation:isolate}
.lp-glow::before{content:"";position:absolute;inset:-45%;background:conic-gradient(from var(--lp-a),transparent 0 58%,rgba(var(--lp-br),.5) 74%,rgba(var(--lp-br2),.95) 83%,transparent 93%);opacity:0;transition:opacity .34s var(--ease-out);pointer-events:none}
.lp-glow:hover::before,.lp-glow:focus-within::before{opacity:1;animation:lp-spin 3.6s linear infinite}
.lp-glow-in{position:relative;z-index:1;height:100%;border-radius:25px;background:linear-gradient(180deg,var(--lp-s3),var(--lp-s2));overflow:hidden}
.lp-glow-in::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(120% 90% at 50% -10%,rgba(var(--lp-w),.05),transparent 60%);pointer-events:none}
@media(prefers-reduced-motion:reduce){.lp-glow:hover::before{animation:none}}

/* ================= grelha irregular dos motores ================= */
.lp-bento2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.16fr) minmax(0,1fr);gap:16px}
.lp-bento2>*:nth-child(1){grid-column:1;grid-row:1/span 2}
.lp-bento2>*:nth-child(2){grid-column:2/span 2;grid-row:1}
.lp-bento2>*:nth-child(3){grid-column:2;grid-row:2}
.lp-bento2>*:nth-child(4){grid-column:3;grid-row:2}
.lp-mcard{position:relative;display:flex;flex-direction:column;height:100%;padding:clamp(24px,2.6vw,34px);border-radius:25px;overflow:hidden}
.lp-mcol{display:flex;flex-direction:column;height:100%;min-width:0}
/* card largo: o conteúdo abre-se em duas colunas em vez de deixar metade vazia */
.lp-mcard.wide{flex-direction:row;gap:clamp(24px,3vw,44px);align-items:stretch}
.lp-mcard.wide .lp-mcol{flex:0 0 clamp(240px,32%,340px)}
.lp-mgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 16px;align-content:center;flex:1;min-width:0;padding-left:clamp(20px,2.4vw,32px);border-left:1px solid rgba(var(--lp-ln),.07)}
.lp-mitem{display:flex;align-items:center;gap:8px;font:var(--fw-medium) var(--fs-body-sm)/1.3 var(--font-sans);color:var(--lp-t1);white-space:nowrap}
@media(max-width:1080px){.lp-mcard.wide{flex-direction:column}.lp-mcard.wide .lp-mcol{flex:0 1 auto}.lp-mgrid{padding-left:0;border-left:0;border-top:1px solid rgba(var(--lp-ln),.07);padding-top:18px;margin-top:16px;flex:0 1 auto}}
@media(max-width:520px){.lp-mgrid{grid-template-columns:minmax(0,1fr)}}
.lp-mcard-orb{position:absolute;right:-14%;bottom:-16%;width:min(58%,320px);aspect-ratio:1;opacity:.42;filter:saturate(.7);pointer-events:none;transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}
.lp-glow:hover .lp-mcard-orb{opacity:.72;transform:translate3d(-6px,-8px,0) scale(1.05)}
.lp-mcard h3{margin:0;font:var(--fw-semibold) clamp(1.5rem,2vw,2rem)/1.08 var(--font-display);letter-spacing:-.035em;color:var(--text-strong);max-width:15ch}
.lp-mcard .lp-mclaim{margin:12px 0 0;font:var(--fw-medium) var(--fs-body-sm)/1.5 var(--font-sans);color:var(--green-200);max-width:32ch}
.lp-mcard .lp-mitems{margin:14px 0 0;font:var(--fw-regular) var(--fs-caption)/1.75 var(--font-sans);color:var(--lp-t4);max-width:38ch}
.lp-mcard footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:22px}
.lp-mcard.tall h3{max-width:11ch;font-size:clamp(1.75rem,2.6vw,2.5rem)}
/* variante compacta: mesma moldura e mesmo hairline, densidade de grelha */
.lp-mcard.sm{padding:clamp(22px,2.2vw,28px)}
.lp-mcard.sm h3{font-size:clamp(1.24rem,1.5vw,1.44rem);max-width:18ch}
.lp-mcard.sm .lp-mchip{width:44px;height:44px;border-radius:13px;margin-bottom:16px}
.lp-mcard.sm .lp-mitems{margin-top:12px;flex:1;font-size:var(--fs-body-sm);line-height:1.6;color:var(--lp-t4);max-width:34ch}
.lp-mcard.sm footer{padding-top:18px;margin-top:18px;border-top:1px solid var(--lp-hair)}

/* planos e ofertas: mesma moldura, densidade de leitura */
.lp-mcard.plan,.lp-mcard.offer{gap:18px;padding:clamp(26px,2.8vw,36px)}
.lp-mcard.plan.pop,.lp-mcard.offer.pop{background:linear-gradient(180deg,rgba(var(--lp-br),.09),rgba(var(--lp-scrim),1) 62%)}
.lp-glow.on{background:rgba(var(--lp-br),.34)}
.lp-planrule{position:absolute;top:0;left:0;right:0;height:2px;background:var(--grad-brand);z-index:2}
.lp-planclaim{margin:0;font:var(--fw-regular) var(--fs-body-sm)/1.58 var(--font-sans);color:var(--text-muted);min-height:3.2em}
.lp-planprice{padding-top:20px;border-top:1px solid var(--lp-hair)}
.lp-planprice .lp-num{display:inline;font-size:clamp(2.1rem,3.2vw,2.9rem)}
.lp-planprice .lp-mono{margin-left:9px;font-size:var(--fs-body-sm);color:var(--text-muted)}
.lp-planprice .lp-label{margin-top:12px}
.lp-planword{font:var(--fw-semibold) clamp(1.5rem,2.4vw,2rem)/1 var(--font-display);letter-spacing:-.03em;color:var(--text-strong)}
.lp-mcard.offer h3{margin:0;max-width:20ch;font-size:clamp(1.32rem,1.8vw,1.6rem)}
.lp-mcard.offer .lp-mclaim{margin:0;color:var(--green-200)}
.lp-offerlist{padding-top:18px;border-top:1px solid var(--lp-hair)}
.lp-offermetric{display:flex;align-items:baseline;gap:9px;font:var(--fw-semibold) clamp(2rem,3.2vw,2.6rem)/1 var(--font-mono);letter-spacing:-.03em;color:var(--text-strong)}
.lp-offermetric .lp-mono{font-size:var(--fs-caption);font-weight:var(--fw-regular);color:var(--text-muted)}
.lp-mcard.offer footer,.lp-mcard.plan footer{margin-top:auto;padding-top:6px;justify-content:flex-start}
.lp-mchip{display:grid;place-items:center;width:50px;height:50px;border-radius:15px;background:rgba(var(--lp-w),.05);border:1px solid rgba(var(--lp-ln),.09);color:var(--lp-t2);margin-bottom:20px;transition:color var(--t-hover),border-color var(--t-hover),background var(--t-hover)}
.lp-glow:hover .lp-mchip{color:var(--green-400);border-color:rgba(var(--lp-br),.34);background:rgba(var(--lp-br),.09)}
@media(max-width:1080px){
  .lp-bento2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .lp-bento2>*:nth-child(1){grid-column:1;grid-row:1}
  .lp-bento2>*:nth-child(2){grid-column:2;grid-row:1}
  .lp-bento2>*:nth-child(3){grid-column:1;grid-row:2}
  .lp-bento2>*:nth-child(4){grid-column:2;grid-row:2}
}
@media(max-width:820px){.lp-bento2{grid-template-columns:minmax(0,1fr)}.lp-bento2>*{grid-column:1!important;grid-row:auto!important}}

/* ================= custo invisível: aritmética interactiva ================= */
.lp-cost{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(20px,3vw,44px);align-items:center}
.lp-costpick{display:flex;flex-direction:column;gap:20px}
.lp-costrow{display:flex;flex-direction:column;gap:10px}
.lp-costrow>span{font:var(--fw-medium) 11px/1 var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--lp-t4)}
.lp-costopts{display:flex;flex-wrap:wrap;gap:8px}
.lp-costb{padding:11px 18px;border-radius:999px;border:1px solid rgba(var(--lp-ln),.09);background:rgba(var(--lp-w),.03);color:var(--lp-t2);font:var(--fw-medium) var(--fs-body-sm)/1 var(--font-sans);cursor:pointer;transition:all var(--t-hover)}
.lp-costb:hover{border-color:rgba(var(--lp-br),.3);color:var(--text-strong)}
.lp-costb.on{background:linear-gradient(180deg,rgba(var(--lp-br),.16),rgba(var(--lp-br),.05));border-color:rgba(var(--lp-br),.5);color:var(--lp-br-soft)}
.lp-costout{position:relative;padding:clamp(26px,3vw,40px);border-radius:24px;border:1px solid rgba(var(--lp-warn),.2);background:linear-gradient(180deg,rgba(var(--lp-warn),.06),rgba(var(--lp-warn),.008))}
.lp-costout .lp-num{color:var(--status-warning)}
.lp-costnote{margin:16px 0 0;font:var(--fw-regular) var(--fs-caption)/1.6 var(--font-sans);color:var(--lp-t4)}
.lp-costpains{display:flex;flex-wrap:wrap;gap:10px;margin-top:clamp(28px,3.4vw,48px)}
.lp-costpain{display:flex;align-items:center;gap:9px;padding:11px 17px;border-radius:999px;border:1px solid rgba(var(--lp-bad),.2);background:rgba(var(--lp-bad),.05);font:var(--fw-medium) var(--fs-caption)/1 var(--font-sans);color:var(--lp-t2)}
@media(max-width:900px){.lp-cost{grid-template-columns:minmax(0,1fr)}}

/* ================= consola de demonstração ================= */
.lp-dashframe{border-radius:26px}
.lp-dashframe::before{opacity:.6;animation:lp-spin 22s linear infinite;background:conic-gradient(from var(--lp-a),transparent 0 62%,rgba(var(--lp-br),.36) 78%,rgba(var(--lp-br2),.7) 85%,transparent 94%)}
.lp-dashframe:hover::before{opacity:1;animation-duration:7s}
.lp-dash{display:flex;background:linear-gradient(180deg,var(--lp-s3),var(--lp-s1))}
.lp-dash-rail{display:flex;flex-direction:column;align-items:center;gap:6px;width:60px;flex:0 0 60px;padding:14px 0;border-right:1px solid rgba(var(--lp-ln),.055);background:rgba(var(--lp-sunk),.28)}
.lp-dash-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--grad-brand);margin-bottom:12px}
.lp-dash-ri{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;border:0;background:none;color:var(--lp-t5);cursor:pointer;transition:all var(--t-hover)}
.lp-dash-ri:hover{color:var(--lp-t1);background:rgba(var(--lp-w),.05)}
.lp-dash-ri.on{color:var(--green-400);background:rgba(var(--lp-br),.11);box-shadow:inset 0 0 0 1px rgba(var(--lp-br),.26)}
.lp-dash-body{flex:1;min-width:0;display:flex;flex-direction:column}
.lp-dash-top{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid rgba(var(--lp-ln),.055)}
.lp-dash-search{display:flex;align-items:center;gap:9px;flex:1;min-width:0;height:38px;padding:0 15px;border-radius:999px;border:1px solid rgba(var(--lp-ln),.07);background:rgba(var(--lp-w),.025);font:var(--fw-regular) var(--fs-caption)/1 var(--font-sans);color:var(--lp-t4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-dash-tabs{display:flex;gap:3px;padding:3px;border-radius:999px;border:1px solid rgba(var(--lp-ln),.07);background:rgba(var(--lp-sunk),.3);flex:0 0 auto}
.lp-dash-tabs button{padding:8px 15px;border:0;border-radius:999px;background:none;cursor:pointer;font:var(--fw-medium) var(--fs-caption)/1 var(--font-sans);color:var(--lp-t4);transition:all var(--t-hover);white-space:nowrap}
.lp-dash-tabs button:hover{color:var(--text-strong)}
.lp-dash-tabs button.on{background:var(--grad-brand);color:var(--ink-1000);font-weight:var(--fw-semibold)}
.lp-dash-user{display:flex;align-items:center;gap:10px;flex:0 0 auto;padding-left:4px}
.lp-dash-user i{width:32px;height:32px;border-radius:50%;background:linear-gradient(150deg,var(--lp-s4),var(--lp-s4));border:1px solid rgba(var(--lp-br),.3);flex:0 0 auto}
.lp-dash-user b{display:block;font:var(--fw-semibold) var(--fs-caption)/1.2 var(--font-sans);color:var(--text-strong);white-space:nowrap}
.lp-dash-user em{display:block;font-style:normal;font:var(--fw-regular) 11px/1.3 var(--font-sans);color:var(--lp-t4);white-space:nowrap}
.lp-dash-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:11px;padding:11px}
.lp-dcard{position:relative;display:flex;flex-direction:column;gap:11px;padding:17px 19px;border-radius:18px;border:1px solid rgba(var(--lp-ln),.06);background:linear-gradient(180deg,rgba(var(--lp-w),.032),rgba(var(--lp-w),.008));min-width:0}
.lp-dcard-w{grid-column:1/-1}
.lp-dcard>header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.lp-dlabel{display:flex;align-items:center;gap:7px;font:var(--fw-medium) 11px/1 var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--lp-t4)}
.lp-dnum{display:block;margin-top:11px;font:var(--fw-semibold) clamp(1.7rem,2.6vw,2.4rem)/1 var(--font-mono);letter-spacing:-.02em;color:var(--text-strong)}
.lp-dnum.sm{font-size:clamp(1.25rem,1.8vw,1.6rem)}
.lp-dnum i{font-style:normal;margin-left:8px;font-size:.44em;letter-spacing:.1em;color:var(--lp-t4)}
.lp-dash-seg{display:flex;gap:2px;padding:3px;border-radius:999px;border:1px solid rgba(var(--lp-ln),.07);background:rgba(var(--lp-sunk),.3);flex:0 0 auto}
.lp-dash-seg button{width:30px;height:26px;border:0;border-radius:999px;background:none;cursor:pointer;font:var(--fw-medium) var(--fs-micro)/1 var(--font-mono);color:var(--lp-t4);transition:all var(--t-hover)}
.lp-dash-seg button.on{background:rgba(var(--lp-br),.16);color:var(--green-400);box-shadow:inset 0 0 0 1px rgba(var(--lp-br),.28)}
.lp-drow-badges{display:flex;flex-wrap:wrap;gap:7px}
.lp-dchip{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;border:1px solid rgba(var(--lp-ln),.07);background:rgba(var(--lp-w),.025);font:var(--fw-medium) 11px/1 var(--font-sans);color:var(--lp-t4)}
.lp-dchip.on{border-color:rgba(var(--lp-br),.28);background:rgba(var(--lp-br),.09);color:var(--lp-br-soft)}
.lp-dchart{position:relative;flex:1;min-height:clamp(150px,16vw,210px);margin-top:2px;padding-left:52px}
.lp-dplot{position:relative;height:100%}
.lp-dplot svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.lp-dy{position:absolute;left:0;top:0;bottom:18px;width:46px;display:flex;flex-direction:column;justify-content:space-between;text-align:right;pointer-events:none}
.lp-dy b{font:var(--fw-regular) 11px/1 var(--font-mono);color:var(--lp-t4)}
.lp-dins-c{margin-left:auto;font-style:normal;letter-spacing:.12em;color:var(--lp-t4)}
.lp-dinslist{display:flex;flex-direction:column;gap:1px;margin-top:2px}
.lp-dinsrow{display:grid;grid-template-columns:14px minmax(0,1fr) 12px;align-items:center;gap:10px;width:100%;padding:10px;border:0;border-radius:10px;background:none;cursor:pointer;text-align:left;transition:background var(--t-hover)}
.lp-dinsrow:hover{background:rgba(var(--lp-br),.055)}
.lp-dinsrow>span{font:var(--fw-medium) var(--fs-caption)/1.3 var(--font-sans);color:var(--lp-t3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-dinsrow:hover>span{color:var(--text-strong)}
.lp-dtip{position:absolute;transform:translate(-50%,calc(-100% - 12px));padding:7px 11px;border-radius:9px;border:1px solid rgba(var(--lp-br),.28);background:rgba(var(--lp-scrim),.94);box-shadow:0 10px 26px -12px rgba(0,0,0,.9);white-space:nowrap;pointer-events:none}
.lp-dtip b{font:var(--fw-semibold) var(--fs-caption)/1 var(--font-mono);color:var(--lp-br-soft)}
.lp-dticks{position:absolute;left:52px;right:0;bottom:-20px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.08em;color:var(--lp-t4)}
.lp-dbar{display:block;height:6px;border-radius:6px;background:rgba(var(--lp-w),.06);overflow:hidden}
.lp-dbar i{display:block;height:100%;border-radius:6px;background:var(--grad-brand)}
.lp-dfoot{font:var(--fw-regular) var(--fs-caption)/1.4 var(--font-sans);color:var(--lp-t4)}
.lp-dfoot b{color:var(--green-400)}
.lp-dbars{position:relative;display:flex;align-items:flex-end;gap:2px;height:52px;margin-top:auto}
.lp-dbars i{flex:1;min-width:0;border-radius:2px 2px 0 0;transition:background .14s linear}
.lp-dbars-v{position:absolute;top:-4px;right:0;font-size:10px;letter-spacing:.06em;color:var(--lp-t4)}
.lp-ddonut{position:relative;display:grid;place-items:center;margin-top:auto}
.lp-ddonut svg{width:min(100%,168px);aspect-ratio:1}
.lp-ddonut-c{position:absolute;text-align:center;pointer-events:none}
.lp-ddonut-c b{display:block;font:var(--fw-semibold) 1.4rem/1 var(--font-mono);color:var(--text-strong)}
.lp-ddonut-c b i{font-style:normal;font-size:.5em;color:var(--lp-t4)}
.lp-ddonut-c em{display:block;margin-top:5px;font-style:normal;font:var(--fw-regular) 11px/1.3 var(--font-sans);color:var(--lp-t4);max-width:11ch}
.lp-dlist{display:flex;flex-direction:column;gap:1px}
.lp-drow{display:grid;grid-template-columns:16px minmax(0,1.5fr) minmax(60px,1fr) 42px minmax(0,auto);align-items:center;gap:12px;width:100%;padding:11px 10px;border:0;border-radius:11px;background:none;cursor:pointer;text-align:left;transition:background var(--t-hover)}
.lp-drow:hover,.lp-drow.on{background:rgba(var(--lp-br),.055)}
.lp-drow-n{font:var(--fw-medium) var(--fs-caption)/1.3 var(--font-sans);color:var(--lp-t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lp-drow-b{height:5px;border-radius:5px;background:rgba(var(--lp-w),.07);overflow:hidden}
.lp-drow-b i{display:block;height:100%;border-radius:5px;background:var(--grad-brand);opacity:.8}
.lp-drow-s{font-size:var(--fs-caption);color:var(--green-400);text-align:right}
.lp-drow-v{font-size:11px;color:var(--lp-t4);text-align:right;white-space:nowrap}
.lp-dins{display:flex;flex-direction:column;gap:8px;flex:1}
.lp-dins b{font:var(--fw-semibold) var(--fs-body-sm)/1.34 var(--font-display);letter-spacing:-.02em;color:var(--text-strong)}
.lp-dins p{margin:0;font:var(--fw-regular) var(--fs-caption)/1.6 var(--font-sans);color:var(--lp-t4)}
.lp-dins-nav{display:flex;gap:6px}
.lp-dins-nav button{width:22px;height:5px;border:0;border-radius:5px;background:rgba(var(--lp-w),.12);cursor:pointer;transition:all var(--t-hover);padding:0}
.lp-dins-nav button.on{background:var(--grad-brand);width:34px}
.lp-dact{display:flex;flex-direction:column}
.lp-dactrow{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;padding:9px 0;border-top:1px solid rgba(var(--lp-ln),.05)}
.lp-dactrow:first-child{border-top:0}
.lp-dact-d{font-size:11px;color:var(--lp-t4)}
.lp-dact-t{font:var(--fw-medium) var(--fs-caption)/1.3 var(--font-sans);color:var(--lp-t1);min-width:0}
.lp-dact-t em{display:block;font-style:normal;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--lp-t4);margin-top:3px}
.lp-dact-v{font-size:var(--fs-caption);white-space:nowrap}
.lp-dact-v.up{color:var(--green-400)}
.lp-dact-v.dn{color:var(--lp-t3)}
.lp-dash-foot{display:flex;align-items:center;gap:9px;padding:11px 16px;border-top:1px solid rgba(var(--lp-ln),.055);background:rgba(var(--lp-sunk),.26)}
.lp-dash-demo{margin-left:auto;font:var(--fw-regular) 11px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--lp-t3)}
@media(max-width:1080px){
  .lp-dash-grid>*{grid-column:1/-1!important;grid-row:auto!important}
  .lp-dash-side>.lp-dcard{min-width:0}
}
@media(max-width:820px){
  .lp-dchart{padding-left:0}
  .lp-dy{display:none}
  .lp-dticks{left:0}
  .lp-dash-rail{display:none}
  .lp-dash-side{flex-direction:column}
  .lp-dash-search{display:none}
  .lp-dash-tabs{flex:1;justify-content:center}
  .lp-drow{grid-template-columns:16px minmax(0,1fr) 40px;gap:9px}
  .lp-drow-b,.lp-drow-v{display:none}
  .lp-dash-user b,.lp-dash-user em{display:none}
}

/* ================= parede de depoimentos (carrossel infinito) ================= */
.lp-rw{display:flex;flex-direction:column;gap:14px;margin:0 calc(clamp(20px,4vw,32px) * -1)}
.lp-rwrow{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.lp-rwtrack{display:flex;gap:14px;width:max-content;padding:4px 7px;animation:lp-rwmove var(--dur,64s) linear infinite}
.lp-rwrow.rev .lp-rwtrack{animation-direction:reverse}
.lp-rwrow:hover .lp-rwtrack,.lp-rwrow:focus-within .lp-rwtrack{animation-play-state:paused}
@keyframes lp-rwmove{to{transform:translateX(-50%)}}
.lp-rwcard{position:relative;display:flex;flex-direction:column;gap:11px;flex:0 0 auto;padding:20px 22px;border-radius:20px;border:1px solid rgba(var(--lp-ln),.07);background:linear-gradient(180deg,rgba(var(--lp-w),.045),rgba(var(--lp-w),.014));box-shadow:inset 0 1px 0 rgba(var(--lp-ln),.06);transition:border-color var(--t-hover),background var(--t-hover),transform var(--t-hover)}
.lp-rwcard:hover{border-color:rgba(var(--lp-br),.3);background:linear-gradient(180deg,rgba(var(--lp-br),.06),rgba(var(--lp-w),.014));transform:translateY(-3px)}
.lp-rwcard.st{width:clamp(300px,26vw,392px)}
.lp-rwcard.qt{width:clamp(320px,28vw,428px)}
.lp-rwcard.sc,.lp-rwcard.mt{width:clamp(190px,17vw,232px);justify-content:center}
.lp-rwcard.pl{width:auto;flex-direction:row;align-items:center;gap:12px;border-radius:999px;padding:14px 22px}
.lp-rwcard p{margin:0;font:var(--fw-medium) var(--fs-body)/1.5 var(--font-sans);color:var(--text-strong);text-wrap:pretty}
.lp-rwcard.qt p{font:var(--fw-regular) var(--fs-body)/1.6 var(--font-sans);color:var(--lp-t1)}
.lp-rwcard b{font:var(--fw-semibold) var(--fs-body-sm)/1.3 var(--font-sans);color:var(--text-strong)}
.lp-rwcard.pl b{white-space:nowrap}
.lp-rwtop{display:flex;align-items:center;justify-content:space-between;gap:12px}
.lp-rwwhen{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--lp-t4)}
.lp-rwstars{display:inline-flex;gap:3px}
.lp-rwstars i{display:block;background:var(--green-400);-webkit-mask:var(--lp-star) center/contain no-repeat;mask:var(--lp-star) center/contain no-repeat}
.lp-rwq{font:var(--fw-semibold) 40px/.6 var(--font-display);color:rgba(var(--lp-br),.5);height:20px}
.lp-rwval{font:var(--fw-semibold) clamp(2rem,3vw,2.6rem)/1 var(--font-mono);color:var(--text-strong);letter-spacing:-.02em}
.lp-rwval em{font-style:normal;font-size:.5em;color:var(--lp-t4)}
.lp-rwnote{font:var(--fw-regular) var(--fs-caption)/1.5 var(--font-sans);color:var(--lp-t4)}
.lp-rwcard footer{display:flex;align-items:center;gap:11px;margin-top:auto;padding-top:13px;border-top:1px solid rgba(var(--lp-ln),.06)}
.lp-rwav{display:grid;place-items:center;width:36px;height:36px;flex:0 0 auto;border-radius:50%;background:rgba(var(--lp-br),.11);border:1px solid rgba(var(--lp-br),.28);color:var(--green-400);font:var(--fw-semibold) var(--fs-body-sm)/1 var(--font-display)}
.lp-rwcard footer em{display:block;font-style:normal;margin-top:2px;font:var(--fw-regular) var(--fs-caption)/1.2 var(--font-sans);color:var(--lp-t4)}
.lp-rwic{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:11px;background:rgba(var(--lp-br),.1);border:1px solid rgba(var(--lp-br),.26);color:var(--green-400)}
@media(prefers-reduced-motion:reduce){.lp-rwtrack{animation:none}.lp-rwrow{overflow-x:auto}}

/* ================= mostruário de projectos ================= */
.lp-pj{display:flex;flex-direction:column;gap:20px}
.lp-pjbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.lp-pjtabs{display:flex;gap:7px;flex-wrap:wrap}
.lp-pjtab{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 17px;border-radius:999px;border:1px solid rgba(var(--lp-ln),.07);background:rgba(var(--lp-w),.022);color:var(--lp-t3);font:var(--fw-medium) var(--fs-body-sm)/1 var(--font-sans);cursor:pointer;transition:all var(--t-hover)}
.lp-pjtab:hover{border-color:rgba(var(--lp-br),.28);color:var(--text-strong)}
.lp-pjtab.on{background:var(--grad-brand);border-color:transparent;color:var(--lp-on-br);font-weight:var(--fw-semibold)}
.lp-pjtab em{font-style:normal;font-size:11px;letter-spacing:.06em;opacity:.72}
.lp-pjnav{display:flex;gap:8px;margin-left:auto}
.lp-pjnav button{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid rgba(var(--lp-ln),.09);background:rgba(var(--lp-w),.03);color:var(--lp-t2);cursor:pointer;transition:all var(--t-hover)}
.lp-pjnav button:hover{border-color:rgba(var(--lp-br),.34);color:var(--green-400);background:rgba(var(--lp-br),.07)}
.lp-pjtrack{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 4px 14px;scrollbar-width:thin}
.lp-pjcard{position:relative;display:flex;flex-direction:column;gap:11px;flex:0 0 auto;width:clamp(258px,22vw,296px);scroll-snap-align:start;padding:20px 20px 0;border-radius:18px;border:1px solid rgba(var(--lp-ln),.075);background:var(--lp-s3);transition:border-color var(--t-hover),background var(--t-hover),transform var(--t-hover)}
.lp-pjcard:hover{border-color:rgba(var(--lp-br),.3);background:var(--lp-s3);transform:translateY(-3px)}
.lp-pjtop{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.lp-pjlogo{display:grid;place-items:center;width:46px;height:46px;flex:0 0 auto;border-radius:13px;border:1px solid rgba(var(--lp-ln),.08);background:rgba(var(--lp-w),.045);overflow:hidden}
.lp-pjlogo img{object-fit:contain}
.lp-pjpill{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;border-radius:999px;border:1px solid rgba(var(--lp-ln),.08);background:rgba(var(--lp-w),.03);color:var(--lp-t2);font:var(--fw-medium) var(--fs-caption)/1 var(--font-sans);white-space:nowrap}
.lp-pjpill span[role=img]{color:var(--green-400)}
.lp-pjname{font:var(--fw-semibold) var(--fs-body)/1.2 var(--font-sans);color:var(--text-strong)}
.lp-pjcard p{margin:0 0 18px;font:var(--fw-regular) var(--fs-body-sm)/1.6 var(--font-sans);color:var(--lp-t4);text-wrap:pretty}
.lp-pjcard footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:auto -20px 0;padding:13px 20px;border-top:1px solid rgba(var(--lp-ln),.07)}
.lp-pjopen{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 14px;margin-left:-14px;border-radius:11px;font:var(--fw-medium) var(--fs-caption)/1 var(--font-sans);color:var(--lp-t2);transition:all var(--t-hover)}
.lp-pjopen span[role=img]{color:var(--lp-t4);transition:color var(--t-hover)}
.lp-pjopen:hover{background:rgba(var(--lp-w),.045);color:var(--text-strong)}
.lp-pjopen:hover span[role=img]{color:var(--green-400)}
.lp-pjwall{display:grid;grid-template-columns:repeat(auto-fill,minmax(272px,1fr));gap:16px}
.lp-pjsite{font:var(--fw-regular) var(--fs-caption)/1 var(--font-sans);color:var(--lp-t5);transition:color var(--t-hover)}
.lp-pjsite:hover{color:var(--green-400)}
button.lp-pjopen{border:0;background:none;cursor:pointer;font-family:var(--font-sans)}
.lp-pjlive{width:14px;height:14px;flex:0 0 auto;border-radius:50%;background:var(--green-400);box-shadow:0 0 0 3px rgba(var(--lp-br),.14),var(--glow-xs,0 0 12px rgba(var(--lp-br),.5))}

/* ================= razão de público ================= */
.lp-aud{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:rgba(var(--lp-w),.07);border:1px solid rgba(var(--lp-ln),.07);border-radius:22px;overflow:hidden}
.lp-audrow{display:flex;align-items:center;gap:14px;padding:20px 22px;background:var(--lp-s1);border:0;text-align:left;cursor:pointer;transition:background var(--t-hover)}
.lp-audrow:hover,.lp-audrow.on{background:linear-gradient(90deg,rgba(var(--lp-br),.07),rgba(var(--lp-scrim),0) 78%)}
.lp-audidx{flex:0 0 auto;font-style:normal;font-size:11px;letter-spacing:.16em;color:var(--lp-t4)}
.lp-audic{display:grid;place-items:center;width:42px;height:42px;flex:0 0 auto;border-radius:13px;border:1px solid rgba(var(--lp-ln),.08);background:rgba(var(--lp-w),.035);color:var(--lp-t2);transition:all var(--t-hover)}
.lp-audrow:hover .lp-audic,.lp-audrow.on .lp-audic{border-color:rgba(var(--lp-br),.34);background:rgba(var(--lp-br),.1);color:var(--green-400)}
.lp-audt{min-width:0;flex:1}
.lp-audt b{display:block;font:var(--fw-semibold) var(--fs-body)/1.25 var(--font-sans);color:var(--text-strong)}
.lp-audt em{display:block;font-style:normal;font:var(--fw-regular) var(--fs-caption)/1.45 var(--font-sans);color:var(--lp-t4);overflow:hidden;transition:max-height var(--dur-med) var(--ease-out),opacity var(--dur-base) var(--ease-out),margin-top var(--dur-med) var(--ease-out)}
.lp-audar{flex:0 0 auto;opacity:0;color:var(--green-400);transform:translateX(-6px);transition:opacity var(--t-hover),transform var(--t-hover)}
.lp-audrow:hover .lp-audar,.lp-audrow.on .lp-audar{opacity:1;transform:none}
@media(max-width:820px){.lp-aud{grid-template-columns:minmax(0,1fr)}}

/* ================= foco de resultados ================= */
.lp-res{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:1px;background:rgba(var(--lp-w),.07);border:1px solid rgba(var(--lp-ln),.07);border-radius:24px;overflow:hidden}
.lp-resmain{display:flex;flex-direction:column;gap:12px;padding:clamp(26px,3.2vw,42px);background:linear-gradient(160deg,rgba(var(--lp-br),.055),var(--lp-s1) 62%)}
.lp-reslabel{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--lp-t4)}
.lp-resval{font:var(--fw-semibold) clamp(3.4rem,7vw,6rem)/.95 var(--font-mono);letter-spacing:-.04em;color:var(--text-strong);animation:loopi-rise var(--dur-slow) var(--ease-out)}
.lp-resh{font:var(--fw-semibold) var(--fs-h4)/1.25 var(--font-display);letter-spacing:-.025em;color:var(--text-strong);max-width:22ch}
.lp-resnote{font:var(--fw-regular) var(--fs-caption)/1.5 var(--font-sans);color:var(--lp-t4)}
.lp-resbar{display:block;height:2px;margin-top:auto;border-radius:2px;background:rgba(var(--lp-w),.08);overflow:hidden}
.lp-resbar i{display:block;height:100%;width:100%;border-radius:2px;background:var(--grad-brand);transform-origin:left;transform:scaleX(0)}
.lp-resbar i.run{animation:lp-resrun 5200ms linear forwards}
@keyframes lp-resrun{to{transform:scaleX(1)}}
.lp-reslist{display:flex;flex-direction:column;gap:1px;background:rgba(var(--lp-w),.07)}
.lp-resrow{display:flex;align-items:center;gap:13px;flex:1;padding:18px 22px;background:var(--lp-s1);border:0;text-align:left;cursor:pointer;color:var(--lp-t2);transition:background var(--t-hover),color var(--t-hover)}
.lp-resrow:hover{background:var(--lp-s3);color:var(--text-strong)}
.lp-resrow.on{background:linear-gradient(90deg,rgba(var(--lp-br),.09),var(--lp-s1) 82%);color:var(--text-strong)}
.lp-resrow i{font-style:normal;font-size:11px;letter-spacing:.16em;color:var(--lp-t4)}
.lp-resrow.on i{color:var(--green-400)}
.lp-resrow>span{flex:1;min-width:0;font:var(--fw-medium) var(--fs-body-sm)/1.35 var(--font-sans)}
.lp-resrow b{font:var(--fw-semibold) var(--fs-body-sm)/1 var(--font-mono);color:var(--text-strong)}
.lp-resrow svg,.lp-resrow span[role=img]{opacity:0;transition:opacity var(--t-hover)}
.lp-resrow.on span[role=img]{opacity:1}
@media(max-width:900px){.lp-res{grid-template-columns:minmax(0,1fr)}}

/* ================= dashboard em 16:9 =================
   a moldura fixa a proporção; o interior encolhe em vez de ser cortado */
.lp-dashframe{border-radius:26px}
/* 4 colunas × 2 linhas: o conteúdo espalha-se na horizontal e a moldura fecha em 16:9 */
@media(min-width:1081px){
  .lp-dash{aspect-ratio:16/9}
  .lp-dash-main{min-height:0}
  .lp-dash-grid{flex:1;min-height:0;padding:10px;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:minmax(0,1.08fr) minmax(0,1fr)}
  .lp-dcard-main{grid-column:1/3;grid-row:1}
  .lp-dcard-donut{grid-column:3;grid-row:1}
  .lp-dcard-ins{grid-column:4;grid-row:1}
  .lp-dcard-liq{grid-column:1;grid-row:2}
  .lp-dcard-w{grid-column:2/4;grid-row:2}
  .lp-dcard-act{grid-column:4;grid-row:2}
  .lp-dcard{min-height:0;overflow:hidden;padding:13px 15px;gap:8px}
  .lp-dchart{min-height:0}
  /* densidade ajustada para o interior caber no 16:9 sem ser cortado */
  .lp-dact .lp-dactrow:nth-child(n+3){display:none}
  .lp-dcard-main{padding-bottom:28px}
  .lp-dins-nav{display:none}
  .lp-drow{padding-top:6px;padding-bottom:6px}
  .lp-dinsrow{padding-top:7px;padding-bottom:7px}
  .lp-dins p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
}
@media(min-width:821px) and (max-width:1080px){
  .lp-dash-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lp-dcard-main,.lp-dcard-w{grid-column:1/-1}
}

/* ================= escolha de desafio (linhas com seta) ================= */
.lp-offer{display:flex;flex-direction:column;gap:8px}
.lp-offerrow{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;border:1px solid rgba(var(--lp-ln),.07);background:rgba(var(--lp-w),.022);text-align:left;cursor:pointer;transition:border-color var(--t-hover),background var(--t-hover),transform var(--t-hover)}
.lp-offerrow:hover{border-color:rgba(var(--lp-br),.3);background:rgba(var(--lp-br),.055);transform:translateX(2px)}
.lp-offerrow.on{border-color:rgba(var(--lp-br),.42);background:rgba(var(--lp-br),.08)}
.lp-offeric{display:grid;place-items:center;width:40px;height:40px;flex:0 0 auto;border-radius:12px;border:1px solid rgba(var(--lp-br),.26);background:rgba(var(--lp-br),.1);color:var(--green-400)}
.lp-offert{flex:1;min-width:0}
.lp-offert b{display:block;font:var(--fw-semibold) var(--fs-body)/1.25 var(--font-sans);color:var(--text-strong)}
.lp-offert em{display:block;margin-top:3px;font-style:normal;font:var(--fw-regular) var(--fs-caption)/1.4 var(--font-sans);color:var(--lp-t4)}
.lp-offerar{display:grid;place-items:center;width:38px;height:38px;flex:0 0 auto;border-radius:50%;border:1px solid rgba(var(--lp-ln),.09);background:rgba(var(--lp-w),.03);color:var(--lp-t2);transition:all var(--t-hover)}
.lp-offerrow:hover .lp-offerar{border-color:rgba(var(--lp-br),.34);background:rgba(var(--lp-br),.1);color:var(--green-400)}

/* ================= parede social (posts em carrossel) ================= */
.lp-sw{display:flex;flex-direction:column;gap:20px}
.lp-swhead{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.lp-swlinks{display:flex;gap:7px;flex-wrap:wrap}
.lp-swlink{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:9px 15px;border-radius:999px;border:1px solid rgba(var(--lp-ln),.08);background:rgba(var(--lp-w),.025);color:var(--lp-t2);font:var(--fw-medium) var(--fs-caption)/1 var(--font-sans);transition:all var(--t-hover)}
.lp-swlink:hover{border-color:rgba(var(--lp-br),.34);background:rgba(var(--lp-br),.08);color:var(--green-400);transform:translateY(-2px)}
.lp-swrow{overflow:hidden;margin:0 calc(clamp(20px,4vw,32px) * -1);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.lp-swtrack{display:flex;gap:16px;width:max-content;padding:6px 8px;animation:lp-rwmove 88s linear infinite}
.lp-swrow:hover .lp-swtrack,.lp-swrow:focus-within .lp-swtrack{animation-play-state:paused}
.lp-igcard{position:relative;display:flex;flex-direction:column;flex:0 0 auto;width:clamp(268px,23vw,306px);border-radius:22px;background:linear-gradient(180deg,var(--lp-s3),var(--lp-s2));overflow:hidden;transition:transform var(--t-hover)}
.lp-igcard:hover{transform:translateY(-4px)}
/* moldura animada contínua e barata: a luz é uma camada rodada por transform
   (composta na GPU, sem repintar gradiente), recortada pela máscara da borda.
   Fases escalonadas por cartão para a fila não pulsar em uníssono. */
.lp-igframe{position:absolute;inset:0;border-radius:22px;padding:1px;pointer-events:none;overflow:hidden;background:linear-gradient(150deg,rgba(var(--lp-br),.2),rgba(var(--lp-w),.07) 46%,rgba(var(--lp-br),.1));-webkit-mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);opacity:.85;transition:opacity var(--t-hover)}
.lp-igframe::before{content:"";position:absolute;top:50%;left:50%;width:150%;aspect-ratio:1;margin:-75% 0 0 -75%;background:conic-gradient(rgba(var(--lp-br2),0) 0 62%,rgba(var(--lp-br),.55) 78%,rgba(var(--lp-br2),.95) 86%,rgba(var(--lp-br2),0) 94%);animation:lp-spin 9s linear infinite;animation-delay:var(--ph,0s);will-change:transform}
.lp-igcard:hover .lp-igframe{opacity:1}
.lp-igcard:hover .lp-igframe::before{animation-duration:3.4s}
.lp-igcard header{display:flex;align-items:center;gap:10px;padding:13px 15px;border-bottom:1px solid rgba(var(--lp-ln),.055)}
.lp-igav{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;border-radius:50%;background:linear-gradient(150deg,var(--lp-s4),var(--lp-s2));border:1px solid rgba(var(--lp-br),.3);overflow:hidden}
.lp-ighandle{min-width:0;flex:1}
.lp-ighandle b{display:flex;align-items:center;gap:5px;font:var(--fw-semibold) var(--fs-caption)/1.2 var(--font-sans);color:var(--text-strong)}
.lp-igver{display:inline-grid;place-items:center;color:var(--green-400)}
.lp-ighandle em{display:block;margin-top:2px;font-style:normal;font:var(--fw-regular) 11px/1.2 var(--font-sans);color:var(--lp-t4)}
.lp-igtag{flex:0 0 auto;padding:4px 10px;border-radius:999px;background:rgba(var(--lp-br),.11);border:1px solid rgba(var(--lp-br),.28);color:var(--lp-br-soft);font:var(--fw-medium) 10px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}
.lp-igbody{display:flex;flex-direction:column;gap:10px;flex:1;padding:22px 18px 20px;background:radial-gradient(120% 80% at 50% 0%,rgba(var(--lp-br),.07),transparent 64%)}
.lp-igic{display:grid;place-items:center;width:40px;height:40px;border-radius:13px;border:1px solid rgba(var(--lp-br),.24);background:rgba(var(--lp-br),.09);color:var(--green-400)}
.lp-igbody h4{margin:4px 0 0;font:var(--fw-semibold) clamp(1.1rem,1.5vw,1.32rem)/1.22 var(--font-display);letter-spacing:-.03em;color:var(--text-strong);text-wrap:pretty}
.lp-igbody p{margin:0;font:var(--fw-regular) var(--fs-caption)/1.5 var(--font-sans);color:var(--lp-t3)}
.lp-igcta{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;margin-top:auto;min-height:38px;padding:9px 16px;border-radius:999px;background:var(--lp-fg-solid);color:var(--lp-on-br);font:var(--fw-semibold) var(--fs-caption)/1 var(--font-sans);transition:all var(--t-hover)}
.lp-igcta:hover{background:var(--grad-brand);color:var(--lp-on-br)}
.lp-igcard footer{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;border-top:1px solid rgba(var(--lp-ln),.055);color:var(--lp-t4)}
.lp-igacts{display:flex;align-items:center;gap:7px}
.lp-igacts b{font:var(--fw-medium) 11.5px/1 var(--font-mono);color:var(--lp-t3);margin-right:6px}
.lp-igwhen{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--lp-t4)}
.lp-igcard footer i{display:grid;place-items:center;transition:color var(--t-hover)}
.lp-igcard:hover footer i{color:var(--lp-t2)}
.lp-swall{display:inline-flex;align-items:center;gap:8px;align-self:center;min-height:44px;font:var(--fw-semibold) var(--fs-body)/1 var(--font-sans);color:var(--green-400)}
@media(prefers-reduced-motion:reduce){.lp-swtrack{animation:none}.lp-swrow{overflow-x:auto}.lp-igframe{animation:none}}

/* ================= rodapé ================= */
.lp-foot{position:relative;border-top:1px solid var(--lp-hair);background:var(--lp-s0)}
/* banda de acção: a pergunta da marca fecha a página */
.lp-footask{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(44px,5vw,72px) 0}
.lp-footask h2{margin:0;font:var(--fw-semibold) clamp(2.2rem,4.2vw,3.4rem)/1.02 var(--font-display);letter-spacing:-.04em;color:var(--text-strong)}
.lp-footask p{margin:14px 0 0;max-width:40ch;font:var(--fw-regular) var(--fs-body)/1.6 var(--font-sans);color:var(--lp-t4)}
.lp-footactions{display:flex;flex-direction:column;align-items:flex-start;gap:18px}
.lp-footdirect{display:flex;flex-wrap:wrap;gap:8px}
.lp-footdirect a{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:10px 17px;border-radius:var(--r-pill);border:1px solid var(--lp-hair);background:rgba(var(--lp-w),.026);font:var(--fw-medium) var(--fs-caption)/1 var(--font-sans);color:var(--lp-t2);transition:border-color var(--t-hover),background var(--t-hover),color var(--t-hover),transform var(--t-hover)}
.lp-footdirect a:hover{border-color:rgba(var(--lp-br),.34);background:rgba(var(--lp-br),.08);color:var(--green-400);transform:translateY(-2px)}
.lp-footdirect a span[role=img]{color:var(--green-400)}

.lp-footgrid{display:grid;grid-template-columns:minmax(230px,1.25fr) repeat(3,minmax(0,.85fr)) minmax(220px,1.1fr);gap:clamp(26px,3.4vw,52px);padding:clamp(38px,4.4vw,60px) 0;border-top:1px solid var(--lp-hair)}
.lp-footbrand p{margin:16px 0 16px;font:var(--fw-regular) var(--fs-body-sm)/1.6 var(--font-sans);color:var(--lp-t4);max-width:28ch}
.lp-footstatus{display:inline-flex;align-items:center;gap:9px;padding:8px 14px;border-radius:var(--r-pill);border:1px solid rgba(var(--lp-br),.24);background:rgba(var(--lp-br),.07);font:var(--fw-medium) var(--fs-caption)/1 var(--font-sans);color:var(--lp-br-soft)}
.lp-footstatus i{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--green-400);box-shadow:0 0 0 3px rgba(var(--lp-br),.15);animation:loopi-pulse 2.6s var(--ease-in-out) infinite}
.lp-footgrid nav{display:flex;flex-direction:column;gap:2px;align-items:flex-start}
.lp-footgrid nav .lp-label,.lp-footnews .lp-label{margin-bottom:12px}
.lp-footgrid nav a{display:inline-flex;align-items:center;min-height:40px;font:var(--fw-regular) var(--fs-body-sm)/1.3 var(--font-sans);color:var(--lp-t4);transition:color var(--t-hover)}
.lp-footgrid nav a:hover{color:var(--text-strong)}
.lp-footnews p{margin:0 0 14px;font:var(--fw-regular) var(--fs-caption)/1.5 var(--font-sans);color:var(--lp-t4);max-width:26ch}

.lp-footbar{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:20px 0 26px;border-top:1px solid var(--lp-hair)}
.lp-footbar>span{font-size:var(--fs-caption);color:var(--lp-t4)}
.lp-footlegal{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.lp-footlegal a,.lp-footlegal button{display:inline-flex;align-items:center;min-height:36px;background:none;border:0;padding:0;cursor:pointer;font:var(--fw-regular) var(--fs-caption)/1 var(--font-sans);color:var(--lp-t4);transition:color var(--t-hover)}
.lp-footlegal a:hover,.lp-footlegal button:hover{color:var(--text-strong)}
.lp-footsocial{display:flex;gap:6px;margin-left:auto}
.lp-footsocial a{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--lp-t4);transition:all var(--t-hover)}
.lp-footsocial a:hover{background:rgba(var(--lp-br),.09);color:var(--green-400)}
/* tablet: as três colunas de navegação continuam lado a lado — só a marca e a
   newsletter passam a linha inteira, senão o rodapé triplica de altura */
@media(max-width:1080px){
  .lp-footask{grid-template-columns:minmax(0,1fr)}
  .lp-footgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,3vw,36px) clamp(20px,3vw,40px)}
  .lp-footbrand,.lp-footnews{grid-column:1/-1}
  .lp-footnews{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:6px 24px;align-items:center}
  .lp-footnews .lp-label{grid-column:1;margin-bottom:6px}
  .lp-footnews p{grid-column:1;margin:0}
  .lp-footnews form{grid-column:2;grid-row:1/3}
}
@media(max-width:620px){
  /* duas colunas de links no telemóvel: uma só coluna dava um rodapé de 1800px */
  .lp-footgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lp-footgrid nav a{line-height:1.25;min-height:42px}
  .lp-footask{padding:clamp(34px,7vw,44px) 0}
  .lp-footask p{margin-top:10px}
  .lp-footnews{grid-template-columns:minmax(0,1fr)}
  .lp-footnews form{grid-column:1;grid-row:auto}
  .lp-footsocial{margin-left:0}
}
@media(max-width:400px){.lp-footgrid{grid-template-columns:minmax(0,1fr)}}


/* ---- alvos táteis no telemóvel (fim do ficheiro: tem de vencer as regras
   dos componentes, que são declaradas mais acima com a mesma especificidade) ---- */
@media(max-width:820px){
  /* alvos táteis: tudo o que é clicável chega aos 44px no telemóvel */
  .lp-bar a[aria-label],.lp-dash-tabs button,.lp-dash-seg button,
  .lp-dinsrow,.lp-pjopen,.lp-pjsite,.lp-igcta,.lp-footlegal a,.lp-footlegal button,
  .lp-eyebrow,.lp-hero a[class*="lp-chip"],.lp-dash-seg button,
  .lp-row a[href^="tel"],.lp-row a[href^="mailto"],
  /* ligações autónomas (não as que correm dentro de um parágrafo, que devem
     manter o fluxo do texto): setas de acção, domínios e links de cartão */
  .lp-linkarrow,a.lp-mono,.lp-swlink,.lp-pjtab,.lp-tile>a,.lp-ledger a,.lp-step a,
  .lp-costb{min-height:44px}
  .lp-linkarrow,a.lp-mono{display:inline-flex;align-items:center}
  .lp-hero a{min-height:44px;padding-top:5px;padding-bottom:5px}
  .lp-dash-tabs,.lp-dash-seg{flex-wrap:wrap}
  .lp-dash-tabs button,.lp-dash-seg button{padding-top:12px;padding-bottom:12px;min-width:44px}
  .lp-dinsrow{padding-top:12px;padding-bottom:12px}
  .lp-dins-nav{flex-wrap:wrap}
  .lp-dins-nav button{flex:0 0 auto;width:46px;min-width:46px;height:46px;padding:10px;background-clip:content-box}
  .lp-footgrid nav a{min-height:44px}
  .lp-igcta{padding-top:12px;padding-bottom:12px}
  /* o widget não pode tapar o CTA do fundo das secções */
  .lp-fab{gap:10px}
}