/* L30 kit — rack de fichas (chip-rack lobby). Colours ONLY via :root vars; cfg.palette appends a later :root. */
:root{--bg:#ffffff;--bg2:#f3fbf4;--elev:#ffffff;--line:#dcebdf;--ink:#14211a;--ink-soft:#33443a;--muted:#55665b;
--brand:#1d9a3c;--brand-deep:#0f6a27;--brand-hi:#e6f7e9;--accent2:#c2236b;--cta-a:#15822f;--cta-b:#0c6324;--cta-ink:#ffffff;
--hot:#c2236b;--novo:#1f63c4;--tray:#eef2f5;--tray-deep:#c8d3dc;--hero-wash:#eefaf1;
--pilha-1:#1d9a3c;--pilha-2:#d62a78;--pilha-3:#1f6fd6;--pilha-4:#f07a12;--pilha-5:#7b3fd1;--pilha-6:#e0362c;--header:72px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.6 "Figtree",system-ui,sans-serif}
img{max-width:100%;display:block}a{color:var(--brand-deep)}
h1,h2,h3{font-family:"Exo 2","Figtree",sans-serif;line-height:1.15;color:var(--ink)}
.l30-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* header + tray nav */
.l30-head{position:sticky;top:0;z-index:40;height:var(--header);display:flex;align-items:center;gap:18px;padding:0 24px;background:var(--elev);border-bottom:1px solid var(--line);box-shadow:0 2px 12px rgba(0,0,0,.05)}
.l30-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);flex:none}
.l30-brand img{width:60px;height:60px;border-radius:14px}
.l30-word{display:flex;flex-direction:column;line-height:1.1}.l30-word strong{font:800 20px "Exo 2",sans-serif}
.l30-indep{font-size:12px;font-weight:700;color:var(--muted);letter-spacing:.02em}
.l30-tray{display:flex;gap:4px;padding:5px;margin:0 auto;background:var(--tray);border-radius:999px;box-shadow:inset 0 1px 3px rgba(0,0,0,.08)}
.l30-tray a{display:flex;align-items:center;gap:6px;padding:7px 13px;border-radius:999px;text-decoration:none;color:var(--ink);font-weight:700;font-size:14px;white-space:nowrap;background:var(--elev);border-bottom:4px solid var(--seg,var(--brand))}
.l30-tray a svg{color:var(--seg,var(--brand))}
.l30-tray a[aria-current]{box-shadow:0 0 0 2px var(--seg,var(--brand)) inset}
.l30-tools{display:flex;align-items:center;gap:10px;flex:none}
.l30-hcta,.l30-cta,.l30-mcta,.l30-stick a{display:inline-flex;align-items:center;justify-content:center;text-align:center;font:800 16px "Exo 2",sans-serif;color:var(--cta-ink);text-decoration:none;border-radius:999px;background:linear-gradient(135deg,var(--cta-a),var(--cta-b));box-shadow:0 6px 16px rgba(0,0,0,.14)}
.l30-hcta{padding:12px 20px;min-height:46px}
.l30-menu{display:none;width:48px;height:48px;border-radius:14px;border:2px solid var(--line);background:var(--elev);color:var(--ink);align-items:center;justify-content:center;cursor:pointer}
.l30-gaveta{position:fixed;inset:0;z-index:60}.l30-gaveta[hidden]{display:none}
.l30-gaveta-bg{position:absolute;inset:0;background:rgba(0,0,0,.4)}
.l30-gaveta-pan{position:absolute;top:0;right:0;bottom:0;width:min(330px,88vw);background:var(--elev);padding:70px 20px 24px;display:flex;flex-direction:column;gap:14px;overflow:auto}
.l30-gaveta-x{position:absolute;top:14px;right:14px;width:44px;height:44px;border-radius:12px;border:2px solid var(--line);background:var(--elev);color:var(--ink);cursor:pointer}
.l30-gaveta-nav{display:flex;flex-direction:column;gap:6px}
.l30-gaveta-nav a{display:flex;gap:10px;align-items:center;padding:12px;border-radius:12px;background:var(--bg2);color:var(--ink);text-decoration:none;font-weight:700}
/* fold */
.l30-fold{display:grid;grid-template-columns:36% 64%;height:calc(100vh - var(--header));min-height:640px;max-height:900px;background:var(--bg)}
.l30-hero{position:relative;overflow:hidden;background:var(--hero-wash);border-right:1px solid var(--line)}
.l30-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9}
.l30-hero-in{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;gap:14px;padding:28px 34px}
.l30-kicker{margin:0;font-weight:800;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-deep)}
.l30-hero h1{margin:0;font-size:46px;font-weight:800}
.l30-hero h1 span,.l30-mfold h1 span{display:block}
.l30-h1b{color:var(--brand-deep)}
.l30-cta{min-width:260px;min-height:68px;padding:0 30px;font-size:22px;align-self:flex-start}
.l30-cta-note{margin:-4px 0 0;font-size:12.5px;color:var(--muted);max-width:330px;line-height:1.4}
.l30-placa{display:flex;align-items:center;gap:14px;padding:10px;background:var(--elev);border-radius:24px;box-shadow:0 10px 26px rgba(0,0,0,.1);align-self:flex-start}
.l30-placa img{width:168px;height:168px;border-radius:28px}
.l30-placa span{font-weight:800;font-size:13px;color:var(--ink-soft);max-width:90px;line-height:1.3}
.l30-rack{display:flex;flex-direction:column;gap:12px;padding:18px 22px;min-width:0}
.l30-rack-hint{margin:0;font-size:13px;font-weight:700;color:var(--muted)}
.l30-bandeja-alta{flex:1;display:flex;align-items:stretch;gap:8px;padding:14px;border-radius:26px;background:linear-gradient(180deg,var(--tray),var(--elev));box-shadow:inset 0 -14px 0 var(--tray-deep),inset 0 2px 8px rgba(0,0,0,.06);min-height:0}
.l30-col{display:flex;gap:10px;flex:none;min-width:0}
.l30-col.is-open{flex:1}
.l30-pilha{position:relative;width:62px;height:100%;border:0;background:none;padding:0;cursor:pointer;flex:none}
.l30-torre{position:absolute;left:3px;right:3px;bottom:58px;height:var(--alt,70%);max-height:calc(100% - 70px);border-radius:28px/9px;
 background:repeating-linear-gradient(0deg,rgba(0,0,0,.24) 0 2px,transparent 2px 13px),linear-gradient(90deg,transparent 0 12%,rgba(255,255,255,.8) 12% 22%,transparent 22% 44%,rgba(255,255,255,.8) 44% 56%,transparent 56% 78%,rgba(255,255,255,.8) 78% 88%,transparent 88%),linear-gradient(90deg,rgba(0,0,0,.18),rgba(255,255,255,.18) 40%,rgba(0,0,0,.12)),var(--cor);transition:transform .25s}
.l30-torre::before{content:"";position:absolute;left:0;right:0;top:-9px;height:18px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.55) 0 28%,var(--cor) 30% 62%,rgba(255,255,255,.85) 63% 70%,var(--cor) 71%)}
.l30-pilha:hover .l30-torre,.l30-col.is-open .l30-torre{transform:translateY(-6px)}
.l30-rot{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;border-radius:12px;background:var(--elev);color:var(--ink);font-size:11.5px;line-height:1.1;box-shadow:0 2px 6px rgba(0,0,0,.08);border-top:4px solid var(--cor)}
.l30-rot svg{color:var(--cor)}
.l30-col.is-open .l30-rot{box-shadow:0 0 0 2px var(--cor)}
.l30-leque{display:none;flex:1;min-width:0;flex-direction:column;gap:6px}
.l30-col.is-open .l30-leque{display:flex}
.l30-leque-t{margin:0;font-size:13px;color:var(--ink-soft);font-weight:600}
.l30-leque-in{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 10px;align-content:start}
.l30-ficha{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;color:var(--ink);min-width:0}
.l30-aro{display:block;width:100%;max-width:118px;aspect-ratio:1;border-radius:50%;padding:7px;background:repeating-conic-gradient(var(--cor,var(--brand)) 0 22.5deg,var(--elev) 22.5deg 30deg);box-shadow:0 6px 14px rgba(0,0,0,.14)}
.l30-aro img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid var(--elev)}
.l30-col.is-open .l30-ficha{animation:l30-leque .45s both}
.l30-col.is-open .l30-ficha:nth-child(2){animation-delay:.04s}.l30-col.is-open .l30-ficha:nth-child(3){animation-delay:.08s}
.l30-col.is-open .l30-ficha:nth-child(4){animation-delay:.12s}.l30-col.is-open .l30-ficha:nth-child(5){animation-delay:.16s}.l30-col.is-open .l30-ficha:nth-child(6){animation-delay:.2s}
@keyframes l30-leque{from{opacity:0;transform:translateX(-40px) rotate(-30deg) scale(.6)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.l30-col.is-open .l30-ficha{animation:none}}
.l30-nome{display:block;font-weight:800;font-size:13px;line-height:1.15;margin-top:4px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.l30-prov{display:block;font-size:11.5px;color:var(--muted)}
.l30-sel{position:absolute;top:0;right:4px;z-index:2;font:800 10.5px "Figtree",sans-serif;padding:2px 7px;border-radius:999px;color:#fff}
.l30-sel-hot{background:var(--hot)}.l30-sel-novo{background:var(--novo)}
.l30-ficha:hover .l30-aro,.l30-ficha:focus-visible .l30-aro{transform:rotate(8deg) scale(1.04);transition:transform .2s}
.l30-bandeja{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:18px;background:var(--bg2)}
.l30-bandeja-lab{font-weight:800;font-size:12.5px;color:var(--ink-soft);max-width:92px;line-height:1.2}
.l30-bandeja-in{flex:1;display:grid;grid-template-columns:repeat(8,1fr);gap:8px}
.l30-mini .l30-aro{max-width:64px;padding:4px}.l30-mini .l30-nome{font-size:11px}.l30-mini .l30-prov,.l30-mini .l30-sel{display:none}
/* mobile fold */
.l30-mfold{display:none}
/* sections */
.l30-wrap{max-width:1200px;margin:0 auto;padding:28px 20px 40px}
.l30-sec{margin:34px 0}.l30-sec h2{font-size:28px;margin:0 0 10px}
.l30-note{color:var(--muted);font-size:14.5px}
.l30-promos-in{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.l30-promo{display:block;text-decoration:none;color:var(--ink);background:var(--elev);border-radius:22px;overflow:hidden;border:1px solid var(--line)}
.l30-promo img{aspect-ratio:16/9;width:100%;object-fit:cover}.l30-promo h3{margin:12px 16px 4px;font-size:19px}.l30-promo p{margin:0 16px 16px;color:var(--ink-soft);font-size:14.5px}
.l30-tiers-in{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.l30-tier{display:flex;flex-direction:column;gap:4px;padding:16px;border-radius:999px 999px 22px 22px;text-align:center;text-decoration:none;color:var(--ink);background:var(--bg2);border:3px dashed var(--brand)}
.l30-tier:nth-child(2){border-color:var(--pilha-2)}.l30-tier:nth-child(3){border-color:var(--pilha-3)}.l30-tier:nth-child(4){border-color:var(--pilha-4)}
.l30-tier b{font:800 20px "Exo 2",sans-serif}
.l30-estudios,.l30-mchips{display:flex;flex-wrap:wrap;gap:8px}
.l30-estudio,.l30-chip{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:999px;background:var(--elev);border:2px solid var(--cor,var(--line));color:var(--ink);text-decoration:none;font-weight:700;font-size:14px;cursor:pointer}
.l30-chip svg{color:var(--cor,var(--brand))}.l30-chip.is-on{background:var(--brand-hi)}
.l30-tz-in{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.l30-tz,.l30-casa{display:flex;gap:12px;align-items:center;padding:12px;border-radius:18px;background:var(--elev);border:1px solid var(--line);text-decoration:none;color:var(--ink)}
.l30-tz span,.l30-casa span{display:flex;flex-direction:column;min-width:0}.l30-tz small,.l30-casa small{color:var(--muted)}.l30-casa em{font-size:14px;color:var(--ink-soft)}
.l30-marca{width:64px;height:64px;border-radius:50%;object-fit:cover;flex:none;border:3px solid var(--line)}
.l30-typo{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--bg2);font-weight:800;flex:none}
.l30-ghost{display:inline-block;margin-top:14px;padding:12px 18px;border-radius:999px;border:2px solid var(--brand);font-weight:800;text-decoration:none}
.l30-faq .l30-acc{display:flex;justify-content:space-between;width:100%;text-align:left;gap:10px;padding:14px 16px;margin:6px 0 0;border-radius:14px;border:1px solid var(--line);background:var(--elev);color:var(--ink);font:700 16px "Figtree",sans-serif;cursor:pointer}
.l30-acc-pan{padding:4px 16px}
/* inner pages */
.l30-page{max-width:980px;margin:0 auto;padding:22px 20px 60px}
.l30-page h1{font-size:38px;margin:10px 0 16px}.l30-page h2{font-size:24px;margin:28px 0 8px}
.l30-crumb{font-size:14px;color:var(--muted)}
.l30-cta-box{margin:16px 0}
.l30-busca{width:100%;padding:13px 16px;border-radius:999px;border:2px solid var(--line);font:inherit;margin:10px 0}
.l30-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px;margin-top:16px}
.l30-gtile.is-fora{display:none}
.l30-notas{width:100%;border-collapse:collapse}.l30-notas th,.l30-notas td{padding:10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.l30-prons{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.l30-revhead{display:flex;gap:14px;align-items:center;padding:14px;border-radius:20px;background:var(--bg2)}
.l30-casas{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.l30-casa.is-guardada,.l30-casa.is-fora{display:none}
.l30-mais{margin:16px 0;padding:12px 20px;border-radius:999px;border:2px solid var(--brand);background:var(--elev);font-weight:800;cursor:pointer;color:var(--ink)}
.l30-crit{columns:2}
.l30-page .l30-rack{padding:0;margin:20px 0}.l30-page .l30-bandeja-alta{min-height:440px}
/* footer */
.l30-foot{background:var(--bg2);border-top:4px solid var(--brand);padding:34px 20px 100px}
.l30-foot-in{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:26px}
.l30-foot h2{font-size:17px}.l30-foot a{display:block;margin:6px 0;color:var(--ink)}
.l30-18{display:inline-block;padding:1px 7px;border-radius:999px;background:var(--accent2);color:#fff;font-weight:800}
.l30-credit,.l30-foot .rl2-credit{max-width:1200px;margin:16px auto 0;font-size:13px;color:var(--muted)}
.l30-stick{display:none}
/* H5 first-screen */
@media (max-width:800px){
 :root{--header:62px}
 .l30-head{padding:0 12px;gap:10px}.l30-brand img{width:56px;height:56px}.l30-word strong{font-size:17px}
 .l30-tray,.l30-head .l30-hcta{display:none}.l30-tools{margin-left:auto}.l30-menu{display:inline-flex}
 .l30-fold{display:none}
 .l30-mfold{display:block;padding:14px 14px 10px;background:linear-gradient(180deg,var(--hero-wash),var(--bg))}
 .l30-mfold h1{font-size:28px;margin:4px 0 12px}
 .l30-mcta{display:flex;width:100%;min-height:58px;font-size:19px}
 .l30-mgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;margin:16px 0}
 .l30-mtile .l30-aro{max-width:150px}
 .l30-mtile:nth-child(odd){--cor:var(--pilha-1)}.l30-mtile:nth-child(4n+2){--cor:var(--pilha-2)}.l30-mtile:nth-child(4n){--cor:var(--pilha-3)}
 .l30-promos-in,.l30-tz-in,.l30-casas,.l30-prons,.l30-foot-in{grid-template-columns:1fr}.l30-tiers-in{grid-template-columns:1fr 1fr}
 .l30-page h1{font-size:28px}.l30-cta{width:100%;min-width:0}.l30-crit{columns:1}
 .l30-page .l30-bandeja-alta{overflow-x:auto}.l30-page .l30-col.is-open{min-width:300px}.l30-page .l30-bandeja-in{grid-template-columns:repeat(4,1fr)}
 .l30-stick{display:block;position:fixed;left:0;right:0;bottom:0;z-index:50;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--elev);box-shadow:0 -6px 18px rgba(0,0,0,.12)}
 .l30-stick a{display:flex;width:100%;min-height:54px;font-size:18px}
}
@media (min-width:801px) and (max-width:1180px){.l30-tray a span{display:none}.l30-hero h1{font-size:38px}}
/* kit fix (leader build): readable hero text on ANY follower art — wash veil between backdrop and copy */
.l30-hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(100deg,var(--hero-wash) 0 58%,transparent 100%);opacity:.86;pointer-events:none}
.l30-hero-in{z-index:2}

/* site palette (cfg) */
:root{--bg:#ffffff;--bg2:#fbf9f2;--elev:#ffffff;--line:#eae7d9;--ink:#211e13;--ink-soft:#444133;--muted:#666355;--brand:#1d5b9a;--brand-deep:#66540e;--brand-hi:#e4edf6;--accent2:#c27323;--cta-a:#1d5b9a;--cta-b:#154a80;--cta-ink:#ffffff;--hot:#2372c2;--novo:#1f71c4;--tray:#eef0f3;--tray-deep:#c6ced6;--hero-wash:#ecf2f9;--pilha-1:#2277ce;--pilha-2:#7922ce;--pilha-3:#ce2277;--pilha-4:#ce7922;--pilha-5:#77ce22;--pilha-6:#22ce79}