body{line-height:1.55}
.spine{position:fixed;left:0;top:0;bottom:0;width:14px;background:var(--zone);z-index:60;transition:background .25s}
.spine span{position:absolute;bottom:26px;left:50%;transform:translateX(-50%) rotate(180deg);
  writing-mode:vertical-rl;font-size:10.5px;font-weight:600;letter-spacing:.06em;color:var(--zone-ink);opacity:.85}
@media(max-width:820px){.spine{width:7px}.spine span{display:none}}
.wrap{max-width:1080px;margin:0 auto;padding:0 30px 0 44px}
@media(max-width:820px){.wrap{padding:0 20px 0 24px}}
.prose{font-family:'Source Serif 4',Georgia,serif;font-size:17.5px;line-height:1.62;color:#2C302D}
.prose p{margin:0 0 15px}
.prose b{font-weight:600}

header{border-bottom:1px solid var(--rule);background:var(--paper);position:sticky;top:0;z-index:50}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:62px}
.marca{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.marca svg{height:26px;width:auto;display:block}
.marca b{font-size:19px;font-weight:600;letter-spacing:-.015em}
.marca em{font-style:normal;color:var(--muted);font-weight:400;font-size:13px;border-left:1px solid var(--rule);padding-left:10px;margin-left:2px}
@media(max-width:700px){.marca em{display:none}}
.btn.mini{padding:8px 15px;font-size:13.5px}

.hero{padding:62px 0 56px;display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:start}
@media(max-width:900px){.hero{grid-template-columns:1fr;gap:36px}}
.eyebrow{font-size:12.5px;font-weight:600;color:var(--muted);margin-bottom:16px}
h1{font-size:clamp(34px,5.2vw,54px);font-weight:600;line-height:1.04;letter-spacing:-.025em;margin:0 0 20px}
.lead{font-size:19px;color:#2C302D;max-width:44ch;margin:0 0 26px}
.ctas{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.mini{font-size:13px;color:var(--muted);margin-top:12px}

.demo{background:var(--card);border:1px solid var(--rule);border-radius:10px;padding:18px 20px}
.demo .lbl{font-size:11.5px;font-weight:600;color:var(--muted);margin-bottom:12px}
.demo .kg{font-size:30px;font-weight:700;line-height:1}
.demo .kg i{font-style:normal;font-size:13px;font-weight:500;color:var(--muted);margin-left:4px}
.bands{display:flex;height:8px;gap:1px;margin:12px 0 2px}
.bands b{flex:1;border-radius:1px}
.bands b.off{opacity:.26}
input[type=range]{-webkit-appearance:none;appearance:none;width:100%;background:transparent;height:22px;margin:0;display:block}
input[type=range]::-webkit-slider-runnable-track{height:1px;background:var(--rule)}
input[type=range]::-moz-range-track{height:1px;background:var(--rule)}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:3px;background:var(--ink);margin-top:-9px;cursor:grab}
input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:3px;background:var(--ink);border:0;cursor:grab}
.dose{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:9px 0;border-bottom:1px solid var(--rule2)}
.dose:last-of-type{border-bottom:0}
.dose .nm{font-size:14px;font-weight:600}
.dose .via{font-size:12px;color:var(--muted)}
.dose .qt{font-size:16px;font-weight:700;text-align:right;white-space:nowrap}
.dose .eq{display:block;font-size:11.5px;color:var(--muted);font-weight:400}

section{padding:60px 0;border-top:1px solid var(--rule)}
h2{font-size:clamp(24px,3.2vw,33px);font-weight:600;letter-spacing:-.02em;line-height:1.12;margin:0 0 12px;max-width:20ch}
.dek{color:var(--muted);font-size:16px;margin:0 0 34px;max-width:62ch}
.two{display:grid;grid-template-columns:1fr 1fr;gap:56px}
@media(max-width:900px){.two{grid-template-columns:1fr;gap:32px}}
table{width:100%;border-collapse:collapse;font-size:14.5px}
th{text-align:left;font-weight:600;font-size:12px;color:var(--muted);padding:0 12px 9px 0;border-bottom:1px solid var(--ink)}
th.nosso{color:var(--ink)}
td{padding:12px 12px 12px 0;border-bottom:1px solid var(--rule2);vertical-align:top}
td.nosso{font-weight:600}
tr:hover td{background:#E9EDE7}
.blocos{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule);border-radius:8px;overflow:hidden}
@media(max-width:820px){.blocos{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.blocos{grid-template-columns:1fr}}
.bloco{background:var(--card);padding:16px 17px}
.bloco span{font-size:11.5px;color:#9AA09B}
.bloco b{display:block;font-size:15px;font-weight:600;margin:3px 0 4px}
.bloco p{margin:0;font-size:13.5px;color:var(--ink2);line-height:1.45}

.carimbo{display:inline-flex;align-items:center;gap:11px;border:1px solid var(--rule);
  border-left:4px solid var(--ok);background:var(--card);border-radius:6px;padding:11px 15px;margin-top:8px}
.carimbo svg{height:20px;width:auto;flex:none}
.carimbo div b{display:block;font-size:13.5px;font-weight:600;line-height:1.3}
.carimbo div span{font-size:12px;color:var(--muted)}

.planos{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start}
@media(max-width:820px){.planos{grid-template-columns:1fr}}
.plano{background:var(--card);border:1px solid var(--rule);border-radius:10px;padding:22px}
.plano.hi{background:var(--ink);color:#F2F4F0;border-color:var(--ink)}
.plano .tp{font-size:12px;font-weight:600;color:var(--muted)}
.plano.hi .tp{color:#B9C4B8}
.plano .pr{font-size:34px;font-weight:700;letter-spacing:-.03em;margin:8px 0 2px;line-height:1}
.plano .pr small{font-size:13px;font-weight:500;letter-spacing:0}
.plano ul{list-style:none;padding:0;margin:16px 0 0;font-size:14px}
.plano li{padding:7px 0;border-top:1px solid var(--rule2)}
.plano.hi li{border-color:rgba(255,255,255,.12)}
.faq{border-top:1px solid var(--ink)}
.faq details{border-bottom:1px solid var(--rule2);padding:14px 0}
.faq summary{font-size:16px;font-weight:600;cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:'+ ';color:var(--muted)}
.faq details[open] summary::before{content:'– '}
.faq p{margin:10px 0 0;font-size:15px;color:var(--ink2);max-width:70ch}
.fim{text-align:center;padding:70px 0}
.fim h2{margin:0 auto 14px;max-width:22ch}
.fim .dek{margin:0 auto 26px}
footer{padding:32px 0 60px;border-top:1px solid var(--rule);font-size:13px;color:var(--muted);line-height:1.6}
footer .marca{margin-bottom:14px}
footer .marca b{font-size:16px}

/* Account chip (logged-in identity) */
.pp-account-chip{
  display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);
  border:1px solid var(--rule);background:var(--card);border-radius:999px;
  padding:3px 12px 3px 3px;max-width:220px;transition:border-color .15s,background .15s;
  flex:none;
}
.pp-account-chip:hover{border-color:var(--ink2);background:#F3F5F0}
.pp-account-chip:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.pp-account-chip .av{
  width:28px;height:28px;border-radius:50%;flex:none;
  background:var(--zone,#E8BE3A);color:var(--zone-ink,#1A1C1A);
  font-size:11px;font-weight:700;letter-spacing:.02em;
  display:inline-flex;align-items:center;justify-content:center;
}
.pp-account-chip .meta{display:flex;flex-direction:column;line-height:1.15;min-width:0;padding-right:2px}
.pp-account-chip .nm{
  font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.pp-account-chip .crm{font-size:10.5px;color:var(--muted);font-weight:500;letter-spacing:.01em}
.header-end,.bar-end{display:flex;align-items:center;gap:12px}
@media(max-width:520px){
  .pp-account-chip{max-width:148px;padding-right:8px}
  .pp-account-chip .crm{display:none}
}

.demo-aviso{font-size:11.5px;color:var(--muted);line-height:1.45;margin:12px 0 0}
footer a{color:var(--ink)}

.nav-link{font-size:13.5px;color:var(--ink2);text-decoration:none}
.nav-link:hover{text-decoration:underline;text-underline-offset:3px}