/* ============================================================
   landing.css — página inicial do Grimório (index.php).
   Auto-contida (não depende do style.css). Tema "tomo antigo".
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700;800&family=EB+Garamond:ital,wght@0,400;0,500;0,600;1,400&display=swap');

*{box-sizing:border-box}
html,body{margin:0}
/* ---------- PALETA PERGAMINHO (tema claro) ----------
   Trocar o tema todo = mexer nestas variáveis. Os literais antigos viraram var().
   Papel: vela clara + tinta ferrogálica escura + rubricação vermelha pontual + umber (era o dourado). */
:root{
  --bg:#e7d9b7; --ink:#33271a; --ink-soft:#5b4a31; --ink-faint:#877051;
  --accent:#7c4a13; --accent-2:#9a6320;   /* umber: títulos, links, botões (era var(--accent)/var(--accent-2)) */
  --rubric:#a5331d;                         /* vermelho de rubricação: destaques pontuais */
  --rule:#c6ac7c;                           /* bordas/linhas (era var(--rule)) */
  --panel:#efe4c8; --panel-2:#e6d4ad;       /* cards/painéis (era var(--panel)/var(--panel-2)) */
  --cream:#f6e9cf;                          /* texto sobre botão/selo (era var(--cream)) */
  /* pergaminho amassado — DUPLICADO no style.css (index/guia carregam só landing.css; outras só style.css). Ao ajustar, mexer nos DOIS. */
  --crumple:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='520' height='520'><filter id='cr'><feTurbulence type='fractalNoise' baseFrequency='0.045' numOctaves='4' seed='8' stitchTiles='stitch' result='n'/><feDiffuseLighting in='n' surfaceScale='5' diffuseConstant='1.1' lighting-color='%23f4e6c6'><feDistantLight azimuth='235' elevation='30'/></feDiffuseLighting></filter><rect width='100%25' height='100%25' filter='url(%23cr)'/></svg>");
  --folds:
    linear-gradient(90deg,transparent 24.5%,rgba(80,50,15,.055) 25%,rgba(255,251,238,.07) 25.5%,transparent 26%),
    linear-gradient(90deg,transparent 49.4%,rgba(80,50,15,.07) 50%,rgba(255,251,238,.085) 50.6%,transparent 51.2%),
    linear-gradient(90deg,transparent 74.5%,rgba(80,50,15,.055) 75%,rgba(255,251,238,.07) 75.5%,transparent 76%),
    linear-gradient(0deg,transparent 32.6%,rgba(80,50,15,.05) 33%,rgba(255,251,238,.065) 33.5%,transparent 34%),
    linear-gradient(0deg,transparent 66.3%,rgba(80,50,15,.05) 66.7%,rgba(255,251,238,.065) 67.2%,transparent 67.7%);
}
body{
  position:relative;
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  color:var(--ink);background-color:var(--bg);
  background-image:
    radial-gradient(1100px 720px at 78% -10%, rgba(255,247,224,.5), transparent 60%),
    radial-gradient(900px 680px at 6% 110%, rgba(150,110,55,.14), transparent 58%),
    radial-gradient(1200px 900px at 100% 100%, rgba(120,80,35,.16), transparent 55%);
  background-attachment:fixed;line-height:1.55;
}
/* textura de pergaminho amassado — igual ao style.css (ver nota no :root) */
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-image:var(--folds),var(--crumple);
  background-size:100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,520px 520px;
  background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,repeat;
  mix-blend-mode:multiply;opacity:.1}
body::after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  box-shadow:inset 0 0 220px rgba(90,55,20,.22)}
a{color:inherit;text-decoration:none}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:var(--rule);border-radius:6px}
::-webkit-scrollbar-track{background:transparent}
.serif{font-family:"Palatino Linotype","Book Antiqua",Palatino,"Iowan Old Style",Georgia,serif}
.garamond{font-family:'EB Garamond',Georgia,serif}

/* ---------- TOPBAR ---------- */
.lp-top{
  position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:16px;
  padding:13px 26px;background:linear-gradient(180deg,rgba(238,226,199,.95),rgba(228,212,176,.92));
  border-bottom:1.5px solid var(--rule);backdrop-filter:blur(6px);flex-wrap:wrap
}
.lp-brand{display:flex;align-items:center;gap:12px}
.lp-sigil{width:44px;height:44px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 3px 6px rgba(90,55,20,.5))}
.lp-brand .nm{font-family:"Palatino Linotype","Book Antiqua",Palatino,"Iowan Old Style",Georgia,serif;font-weight:700;font-size:22px;letter-spacing:.02em;color:var(--accent);line-height:1}
.lp-brand .sub{font-size:12px;color:var(--ink-faint);letter-spacing:.04em}
/* selo de versão — discreto, ao lado da marca; leva ao changelog (#novidades) */
.lp-ver{display:inline-flex;align-items:center;align-self:center;flex:0 0 auto;
  font:700 11px/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;letter-spacing:.04em;
  color:var(--accent);background:var(--panel);border:1px solid var(--rule);border-radius:999px;padding:4px 9px;text-decoration:none}
.lp-ver:hover,.lp-ver:focus-visible{border-color:var(--accent-2);outline:none}
.lp-nav{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-left:auto}
.lp-link{display:inline-flex;align-items:center;gap:6px;background:var(--panel-2);color:var(--ink);border:1px solid var(--rule);
  border-radius:9px;padding:7px 11px;font:600 13px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;white-space:nowrap;cursor:pointer}
.lp-link:hover,.lp-link:focus-visible{border-color:var(--accent);outline:none}
.lp-link.is-active{box-shadow:inset 0 0 0 1px rgba(255,246,224,.18)}
.lp-gold{font-weight:700;color:var(--cream);background:linear-gradient(180deg,var(--accent),var(--accent-2));border:1px solid rgba(90,55,20,.28);
  box-shadow:inset 0 1px 0 rgba(255,246,224,.35)}
.lp-gold:hover{filter:brightness(1.05)}
.lp-discord{color:#fff;background:#5865F2;border-color:#4752c4;font-weight:600}
.lp-discord:hover{background:#4752c4;border-color:#4752c4}
.lp-hi{font-size:13px;color:var(--ink-faint)}
.lp-avatar{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;font-weight:800;color:#f6e9cf;
  background:linear-gradient(135deg,#b6402a,#8f2a17);border:1px solid rgba(90,20,10,.35)}
.lp-sep{width:1px;height:22px;background:var(--rule)}
.lp-menu{position:relative;display:inline-flex}
.lp-menu-trigger{appearance:none}
.lp-menu-caret{font-size:10px;color:var(--accent);transform:translateY(-1px)}
.lp-menu-panel{position:absolute;top:calc(100% + 8px);left:0;z-index:50;min-width:184px;padding:8px;border:1px solid var(--rule);border-radius:10px;
  background:linear-gradient(180deg,var(--panel-2),var(--panel));box-shadow:0 18px 38px rgba(90,55,20,.48);display:none}
.lp-menu-panel-right{left:auto;right:0}
.lp-menu:hover .lp-menu-panel,.lp-menu:focus-within .lp-menu-panel{display:grid;gap:4px}
.lp-menu-panel a{display:flex;align-items:center;color:var(--ink);border-radius:8px;padding:9px 10px;font-size:13px;font-weight:600}
.lp-menu-panel a:hover,.lp-menu-panel a:focus-visible,.lp-menu-panel a.is-active{background:var(--panel-2);outline:none}
.lp-user-menu{flex:0 0 auto}
.lp-avatar-btn{appearance:none;padding:0;cursor:pointer;font:800 14px/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.lp-avatar-btn:hover,.lp-avatar-btn:focus-visible{border-color:rgba(217,178,92,.55);outline:none}
.lp-menu-user{border-bottom:1px solid var(--rule);color:var(--ink-faint);font-size:12px;padding:5px 10px 8px;margin-bottom:3px;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ---------- HERO ---------- */
.lp-wrap{max-width:1120px;margin:0 auto;padding:0 26px}
.lp-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center;padding:56px 0 36px}
.lp-hero h1{font-family:"Palatino Linotype","Book Antiqua",Palatino,"Iowan Old Style",Georgia,serif;font-size:clamp(34px,5vw,56px);font-weight:800;line-height:1.02;margin:0;
  color:var(--ink);letter-spacing:.01em}
.lp-hero h1 .g{color:var(--accent)}
.lp-kicker{display:inline-block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-2);
  border:1px solid var(--rule);background:var(--panel);border-radius:999px;padding:5px 13px;margin-bottom:18px}
.lp-lead{font-family:'EB Garamond',Georgia,serif;font-size:19px;color:var(--ink-soft);margin:18px 0 26px;max-width:38em}
.lp-cta{display:flex;gap:12px;flex-wrap:wrap}
/* links secundários do herói — discretos, pra não competir com os 2 botões principais */
.lp-cta-sub{display:flex;gap:11px;align-items:center;flex-wrap:wrap;margin-top:14px;font-size:14px;font-family:'EB Garamond',Georgia,serif}
.lp-cta-sub a{color:var(--ink-soft);border-bottom:1px solid rgba(217,178,92,.35);padding-bottom:1px}
.lp-cta-sub a:hover{color:var(--accent);border-bottom-color:var(--accent)}
.lp-cta-sub span{color:var(--rule)}
.lp-btn{display:inline-flex;align-items:center;gap:8px;border-radius:11px;padding:12px 20px;font-size:15px;font-weight:700;cursor:pointer}
.lp-btn.primary{color:var(--cream);background:linear-gradient(180deg,var(--accent),var(--accent-2));border:1px solid rgba(90,55,20,.28);
  box-shadow:inset 0 1px 0 rgba(255,246,224,.35),0 8px 22px rgba(90,55,20,.4)}
.lp-btn.primary:hover{filter:brightness(1.06)}
.lp-btn.ghost{color:var(--ink);background:var(--panel-2);border:1px solid var(--rule)}
.lp-btn.ghost:hover{border-color:var(--accent)}

/* arte do herói (ilustração de dragão num medalhão) */
.lp-art{position:relative;justify-self:center;width:min(420px,80vw);aspect-ratio:1}
.lp-art .frame{position:absolute;inset:0;border-radius:50%;padding:10px;
  background:conic-gradient(from 210deg,var(--accent),#9c6b2f,var(--accent),#7a531f,var(--accent));
  box-shadow:0 24px 60px rgba(90,55,20,.55),0 0 0 1px rgba(217,178,92,.25);
  -webkit-mask:radial-gradient(circle, transparent 0, transparent 0);mask:none}
.lp-art .disc{position:absolute;inset:10px;border-radius:50%;overflow:hidden;border:2px solid var(--panel);background:var(--panel)}
.lp-art .disc img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.05) contrast(1.03)}
.lp-art .glow{position:absolute;inset:-8%;border-radius:50%;background:radial-gradient(circle,rgba(217,178,92,.28),transparent 62%);z-index:-1}
.lp-art .runes{position:absolute;inset:-2px;border-radius:50%;border:1px dashed rgba(217,178,92,.35)}
/* Hero: pergaminho inteiro (não cropa num círculo) com brilho quente atrás. */
.lp-art-scroll{aspect-ratio:auto;width:min(520px,88vw)}
.lp-art-scroll img{position:relative;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 14px 30px rgba(90,55,20,.55))}
.lp-art-scroll .glow{position:absolute;inset:2% -6%;border-radius:50%;background:radial-gradient(circle,rgba(217,178,92,.30),transparent 60%);z-index:0}

/* ---------- SEÇÕES ---------- */
.lp-sec{padding:42px 0}
.lp-sec-head{text-align:center;margin-bottom:30px}
.lp-sec-head h2{font-family:"Palatino Linotype","Book Antiqua",Palatino,"Iowan Old Style",Georgia,serif;font-size:clamp(24px,3.4vw,32px);margin:0;color:var(--ink)}
.lp-sec-head p{font-family:'EB Garamond',Georgia,serif;font-style:italic;color:var(--ink-faint);font-size:17px;margin:8px 0 0}
.lp-divider{display:flex;align-items:center;gap:12px;color:var(--ink-faint);margin:0 auto 30px;max-width:520px}
.lp-divider .line{height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--rule),transparent)}
.lp-divider .dot{font-size:13px;color:var(--accent-2)}

/* grade de recursos */
.lp-feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.lp-card{border:1px solid var(--rule);border-radius:16px;padding:22px;background:linear-gradient(180deg,var(--panel-2),var(--panel));
  box-shadow:0 10px 26px rgba(90,55,20,.35);transition:transform .15s,border-color .15s}
.lp-card:hover{transform:translateY(-3px);border-color:rgba(217,178,92,.5)}
.lp-card .ico{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;font-size:24px;margin-bottom:13px;
  background:var(--panel);border:1px solid var(--rule)}
.lp-card h3{font-family:"Palatino Linotype","Book Antiqua",Palatino,"Iowan Old Style",Georgia,serif;font-size:17px;margin:0 0 7px;color:var(--accent)}
.lp-card p{margin:0;color:var(--ink-soft);font-size:14.5px;font-family:'EB Garamond',Georgia,serif;line-height:1.55}

/* novidades / changelog */
.lp-news{display:flex;flex-direction:column;gap:14px;max-width:820px;margin:0 auto}
.lp-entry{border:1px solid var(--rule);border-radius:14px;background:var(--panel);overflow:hidden}
.lp-entry .bar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--rule);background:var(--panel)}
.lp-entry .ver{font-family:"Palatino Linotype","Book Antiqua",Palatino,"Iowan Old Style",Georgia,serif;font-weight:700;color:var(--accent);font-size:15px}
.lp-entry .date{font-size:12px;color:var(--ink-faint);margin-left:auto}
.lp-entry .tag{font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:3px 9px}
.lp-entry .tag.novo{background:#46c46e;color:#07170d}
.lp-entry .tag.fix{background:var(--accent);color:var(--cream)}
.lp-entry .tag.melhoria{background:#6f9fd8;color:#08151f}
.lp-entry ul{margin:0;padding:14px 18px 16px 34px;display:flex;flex-direction:column;gap:6px}
.lp-entry li{color:var(--ink-soft);font-size:14.5px;font-family:'EB Garamond',Georgia,serif}
.lp-entry li b{color:var(--ink);font-weight:600}

/* faixa de chamada */
.lp-band{margin:46px 0 10px;border:1px solid var(--rule);border-radius:18px;padding:34px;text-align:center;
  background:linear-gradient(180deg,var(--panel-2),var(--panel));box-shadow:0 12px 34px rgba(90,55,20,.4)}
.lp-band h2{font-family:"Palatino Linotype","Book Antiqua",Palatino,"Iowan Old Style",Georgia,serif;font-size:26px;margin:0 0 8px}
.lp-band p{color:var(--ink-faint);font-family:'EB Garamond',Georgia,serif;font-size:17px;margin:0 0 20px}

/* rodapé */
.lp-foot{margin-top:46px;padding:26px;border-top:1px solid var(--rule);text-align:center;color:var(--ink-faint)}
.lp-foot .quote{font-family:'EB Garamond',Georgia,serif;font-style:italic;font-size:16px;color:var(--ink-faint)}
.lp-foot .small{font-size:12px;margin-top:8px}
.lp-foot-links{margin:12px 0 4px}
.lp-foot-links a{color:var(--accent);text-decoration:none;font-size:14px;font-weight:600}
.lp-foot-links a:hover{color:var(--rubric)}


/* ---------- GUIA RAPIDO ---------- */
.guide-page{padding-bottom:10px}
.guide-hero{display:grid;grid-template-columns:1.08fr .92fr;gap:34px;align-items:center;padding:52px 0 22px}
.guide-hero h1{font-family:"Palatino Linotype","Book Antiqua",Palatino,"Iowan Old Style",Georgia,serif;font-size:clamp(34px,5vw,56px);font-weight:800;line-height:1.02;margin:0;color:var(--ink);letter-spacing:.01em}
.guide-hero h1 .g{color:var(--accent)}
.guide-side{border:1px solid var(--rule);border-radius:18px;background:linear-gradient(180deg,var(--panel-2),var(--panel));padding:20px;box-shadow:0 18px 44px rgba(90,55,20,.42)}
.guide-side img{width:100%;height:auto;display:block;filter:drop-shadow(0 12px 24px rgba(90,55,20,.5))}
.guide-note{margin-top:14px;color:var(--ink-soft);font-family:'EB Garamond',Georgia,serif;font-size:16px;text-align:center}
.guide-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;counter-reset:guide}
.guide-step{position:relative;border:1px solid var(--rule);border-radius:14px;background:var(--panel);padding:20px 18px 18px;min-height:190px}
.guide-step .num{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-weight:900;color:var(--cream);background:linear-gradient(180deg,var(--accent),var(--accent-2));box-shadow:0 5px 16px rgba(90,55,20,.35);margin-bottom:13px}
.guide-step h3{font-family:"Palatino Linotype","Book Antiqua",Palatino,"Iowan Old Style",Georgia,serif;font-size:16px;color:var(--accent);margin:0 0 8px}
.guide-step p{margin:0;color:var(--ink-soft);font-family:'EB Garamond',Georgia,serif;font-size:14.5px}
.guide-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.guide-panel{border:1px solid var(--rule);border-radius:16px;background:linear-gradient(180deg,var(--panel-2),var(--panel));padding:24px;box-shadow:0 10px 26px rgba(90,55,20,.35)}
.guide-panel-head span{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-2)}
.guide-panel-head h2{font-family:"Palatino Linotype","Book Antiqua",Palatino,"Iowan Old Style",Georgia,serif;font-size:24px;margin:4px 0 18px;color:var(--ink)}
.guide-flow{display:grid;gap:12px}
.guide-flow div{border-left:3px solid var(--accent-2);padding-left:13px}
.guide-flow h3{font-family:"Palatino Linotype","Book Antiqua",Palatino,"Iowan Old Style",Georgia,serif;font-size:15px;margin:0 0 3px;color:var(--accent)}
.guide-flow p{font-family:'EB Garamond',Georgia,serif;color:var(--ink-soft);margin:0;font-size:14.5px}
.guide-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;max-width:980px;margin:0 auto}
.guide-checks div{position:relative;border:1px solid var(--rule);border-radius:12px;background:var(--panel);color:var(--ink-soft);padding:14px 16px 14px 42px;font-family:'EB Garamond',Georgia,serif}
.guide-checks div::before{content:"+";position:absolute;left:17px;top:13px;color:#46c46e;font-weight:900}
.guide-band{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:34px 0;border:1px solid var(--rule);border-radius:18px;padding:28px;background:linear-gradient(180deg,var(--panel-2),var(--panel));box-shadow:0 12px 34px rgba(90,55,20,.4)}
.guide-band h2{font-family:"Palatino Linotype","Book Antiqua",Palatino,"Iowan Old Style",Georgia,serif;font-size:24px;margin:0 0 8px;color:var(--ink)}
.guide-band p{margin:0;max-width:700px;color:var(--ink-soft);font-family:'EB Garamond',Georgia,serif;font-size:16px}
.guide-faq{display:grid;gap:10px;max-width:860px;margin:0 auto}
.guide-faq details{border:1px solid var(--rule);border-radius:12px;background:var(--panel);overflow:hidden}
.guide-faq summary{cursor:pointer;padding:14px 16px;color:var(--accent);font-family:"Palatino Linotype","Book Antiqua",Palatino,"Iowan Old Style",Georgia,serif;font-weight:700}
.guide-faq p{margin:0;padding:0 16px 16px;color:var(--ink-soft);font-family:'EB Garamond',Georgia,serif}
.guide-screen-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;max-width:1040px;margin:0 auto}
.guide-screen-card{border:1px solid var(--rule);border-radius:14px;background:linear-gradient(180deg,var(--panel-2),var(--panel));padding:18px;box-shadow:0 10px 26px rgba(90,55,20,.32)}
.guide-screen-card.primary{border-color:rgba(217,178,92,.65);box-shadow:0 14px 34px rgba(90,55,20,.42),inset 0 1px 0 rgba(255,246,224,.08)}
.guide-screen-tag{display:inline-flex;align-items:center;border:1px solid var(--rule);border-radius:999px;background:var(--panel);color:var(--accent-2);font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;padding:4px 9px;margin-bottom:11px}
.guide-screen-card h3{font-family:"Palatino Linotype","Book Antiqua",Palatino,"Iowan Old Style",Georgia,serif;font-size:16px;color:var(--accent);margin:0 0 7px}
.guide-screen-card p{font-family:'EB Garamond',Georgia,serif;color:var(--ink-soft);margin:0;font-size:15px;line-height:1.55}


/* ---------- AUTH SIMPLE PAGES ---------- */
.auth-page{display:grid;place-items:center;min-height:calc(100vh - 72px);padding-top:42px;padding-bottom:42px}
.auth-card{width:min(460px,94vw);border:1px solid var(--rule);border-radius:18px;background:linear-gradient(180deg,var(--panel-2),var(--panel));padding:28px;box-shadow:0 22px 60px rgba(90,55,20,.55)}
.auth-card h1{font-family:"Palatino Linotype","Book Antiqua",Palatino,"Iowan Old Style",Georgia,serif;font-size:28px;color:var(--accent);margin:0 0 8px}
.auth-card p{font-family:'EB Garamond',Georgia,serif;color:var(--ink-soft);margin:0 0 18px;font-size:16px;line-height:1.55}
.auth-form{display:grid;gap:13px;margin-top:16px}
.auth-form label{display:grid;gap:6px;color:var(--ink-faint);font-size:13px}
.auth-form input{font:inherit;padding:11px 12px;border-radius:10px;border:1px solid var(--rule);background:var(--panel-2);color:var(--ink)}
.auth-alert{border-radius:10px;padding:10px 12px;font-size:13px;margin:12px 0}
.auth-alert.error{color:#ffb4a8;background:#f3ddd7;border:1px solid #d9a89e}
.auth-alert.ok{color:#bff0cd;background:rgba(70,196,110,.12);border:1px solid #46c46e}
.auth-wide{width:100%;justify-content:center;margin-top:12px}
.auth-muted-link{display:block;color:var(--accent);text-align:center;margin-top:16px;font-size:13px;text-decoration:none}
/* ---------- DONATION PAGE ---------- */
.donate-page{padding-bottom:10px}
.donate-hero{display:grid;grid-template-columns:1.02fr .98fr;gap:34px;align-items:center;padding:52px 0 24px}
.donate-hero h1{font-family:"Palatino Linotype","Book Antiqua",Palatino,"Iowan Old Style",Georgia,serif;font-size:clamp(34px,5vw,56px);font-weight:800;line-height:1.02;margin:0;color:var(--ink);letter-spacing:.01em}
.donate-hero h1 .g{color:var(--accent)}
.donate-panel{border:1px solid var(--rule);border-radius:18px;background:linear-gradient(180deg,var(--panel-2),var(--panel));padding:24px;box-shadow:0 18px 44px rgba(90,55,20,.42)}
.donate-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.donate-panel-head span{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-2);font-weight:800}
.donate-panel-head strong{font-family:"Palatino Linotype","Book Antiqua",Palatino,"Iowan Old Style",Georgia,serif;color:var(--ink);font-size:18px}
.donate-amounts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:18px}
.donate-amount{border:1px solid var(--rule);border-radius:9px;background:var(--panel);color:var(--ink);padding:10px 8px;font:800 13px/1 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;cursor:pointer}
.donate-amount:hover,.donate-amount.is-selected{border-color:var(--accent);background:var(--panel-2);color:var(--accent)}
.donate-qr{display:grid;place-items:center;min-height:230px;border:1px dashed var(--rule);border-radius:14px;background:rgba(120,80,35,.10);margin-bottom:16px;overflow:hidden}
.donate-qr img{width:min(240px,100%);height:auto;display:block;border-radius:10px;background:#fff;padding:10px}
.donate-qr-placeholder{display:grid;place-items:center;gap:8px;color:var(--ink-faint);text-align:center}
.donate-qr-placeholder span{display:grid;place-items:center;width:92px;height:92px;border:1px solid var(--rule);border-radius:12px;font-family:"Palatino Linotype","Book Antiqua",Palatino,"Iowan Old Style",Georgia,serif;font-size:28px;color:var(--accent-2);background:var(--panel)}
.donate-qr-placeholder small{max-width:220px;color:var(--ink-faint);font-size:12px}
.donate-label{display:block;color:var(--accent-2);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px}
.donate-copy-row{display:flex;gap:8px;align-items:center}
.donate-copy-row input{min-width:0;flex:1;border:1px solid var(--rule);border-radius:10px;background:var(--panel);color:var(--ink);padding:12px 13px;font:600 13px/1.2 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.donate-copy[disabled]{opacity:.55;cursor:not-allowed;filter:saturate(.5)}
.donate-note{font-family:'EB Garamond',Georgia,serif;color:var(--ink-soft);margin:14px 0 0;font-size:15px;line-height:1.5}
.donate-alert{border:1px solid rgba(217,178,92,.38);border-radius:10px;background:rgba(217,178,92,.08);color:#6b5433;margin:14px 0 0;padding:11px 12px;font-size:12.5px;line-height:1.45}
.donate-alert code{color:#fff0c7}
.donate-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.donate-use{border:1px solid var(--rule);border-radius:14px;background:linear-gradient(180deg,var(--panel-2),var(--panel));padding:20px;box-shadow:0 10px 26px rgba(90,55,20,.32)}
.donate-use h3{font-family:"Palatino Linotype","Book Antiqua",Palatino,"Iowan Old Style",Georgia,serif;font-size:15px;color:var(--accent);margin:0 0 8px}
.donate-use p{font-family:'EB Garamond',Georgia,serif;color:var(--ink-soft);margin:0;font-size:15px;line-height:1.55}
.donate-band{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:26px 0 12px;border:1px solid var(--rule);border-radius:18px;padding:28px;background:linear-gradient(180deg,var(--panel-2),var(--panel));box-shadow:0 12px 34px rgba(90,55,20,.4)}
.donate-band h2{font-family:"Palatino Linotype","Book Antiqua",Palatino,"Iowan Old Style",Georgia,serif;font-size:24px;margin:0 0 8px;color:var(--ink)}
.donate-band p{margin:0;max-width:680px;color:var(--ink-soft);font-family:'EB Garamond',Georgia,serif;font-size:16px}
.lp-support-band{margin-top:34px}
@media (max-width:820px){
  .lp-hero{grid-template-columns:1fr;text-align:center;gap:26px;padding:40px 0 20px}
  .lp-lead{margin-left:auto;margin-right:auto}
  .lp-cta,.lp-cta-sub{justify-content:center}
  .lp-nav{margin-left:0;justify-content:center;width:100%}
  .lp-brand{width:100%;justify-content:center}

  .guide-hero,.donate-hero{grid-template-columns:1fr;text-align:center;padding:40px 0 16px}
  .guide-two{grid-template-columns:1fr}
  .guide-band,.donate-band{display:block;text-align:center}
  .guide-band .lp-btn,.donate-band .lp-btn{margin-top:18px}
  .donate-amounts{grid-template-columns:repeat(2,1fr)}
  .donate-copy-row{display:grid}
}

/* ---------- GUIA VISUAL COM PRINTS ---------- */
.guide-visual-page{max-width:1380px}
.guide-visual-hero{grid-template-columns:minmax(320px,.82fr) minmax(460px,1.18fr);align-items:center}
.guide-hero-shot{border:1px solid var(--rule);border-radius:18px;background:linear-gradient(180deg,var(--panel-2),var(--panel));padding:14px;box-shadow:0 18px 44px rgba(90,55,20,.42)}
.guide-hero-shot img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid rgba(217,178,92,.22);box-shadow:0 16px 34px rgba(90,55,20,.45)}
.guide-shot-caption{margin-top:12px;color:var(--ink-soft);font-family:'EB Garamond',Georgia,serif;font-size:16px;text-align:center}
.guide-anchor-nav{position:sticky;top:72px;z-index:20;display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:4px 0 24px;padding:10px;border:1px solid var(--rule);border-radius:14px;background:rgba(32,22,12,.92);backdrop-filter:blur(6px)}
.guide-anchor-nav a{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--rule);border-radius:9px;background:var(--panel-2);color:var(--ink);padding:8px 12px;font-size:13px;font-weight:800}
.guide-anchor-nav a:hover{border-color:var(--accent);color:var(--accent)}
.guide-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.guide-quick-card{border:1px solid var(--rule);border-radius:14px;background:linear-gradient(180deg,var(--panel-2),var(--panel));padding:18px;box-shadow:0 10px 26px rgba(90,55,20,.32)}
.guide-quick-card span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-weight:900;color:var(--cream);background:linear-gradient(180deg,var(--accent),var(--accent-2));box-shadow:0 5px 16px rgba(90,55,20,.35);margin-bottom:12px}
.guide-quick-card h3{font-family:"Palatino Linotype","Book Antiqua",Palatino,"Iowan Old Style",Georgia,serif;font-size:16px;color:var(--accent);margin:0 0 8px}
.guide-quick-card p{font-family:'EB Garamond',Georgia,serif;color:var(--ink-soft);margin:0;font-size:15px;line-height:1.55}
.guide-photo-section{display:grid;grid-template-columns:minmax(300px,.42fr) minmax(520px,.58fr);gap:24px;align-items:center;padding-top:50px;scroll-margin-top:112px}
.guide-photo-copy h2{font-family:"Palatino Linotype","Book Antiqua",Palatino,"Iowan Old Style",Georgia,serif;font-size:clamp(25px,3vw,34px);line-height:1.08;margin:0 0 12px;color:var(--ink)}
.guide-photo-copy>p{font-family:'EB Garamond',Georgia,serif;color:var(--ink-soft);font-size:18px;margin:0 0 18px;max-width:42em}
.guide-point-list{display:grid;gap:10px}
.guide-point-list article{border:1px solid var(--rule);border-radius:12px;background:var(--panel);padding:13px 14px;border-left:3px solid var(--accent-2)}
.guide-point-list h3{font-family:"Palatino Linotype","Book Antiqua",Palatino,"Iowan Old Style",Georgia,serif;font-size:15px;color:var(--accent);margin:0 0 4px}
.guide-point-list p{font-family:'EB Garamond',Georgia,serif;color:var(--ink-soft);font-size:15px;line-height:1.5;margin:0}
.guide-photo{position:relative;margin:0;border:1px solid var(--rule);border-radius:18px;background:linear-gradient(180deg,var(--panel-2),var(--panel));padding:12px;box-shadow:0 18px 44px rgba(90,55,20,.42)}
.guide-photo img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid rgba(217,178,92,.20);box-shadow:0 14px 32px rgba(90,55,20,.45)}
.guide-hotspot{position:absolute;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:6px;max-width:170px;border:1px solid rgba(90,55,20,.35);border-radius:999px;background:linear-gradient(180deg,var(--accent),var(--accent-2));color:var(--cream);padding:6px 10px;font-size:12px;font-weight:900;line-height:1.1;box-shadow:0 8px 18px rgba(90,55,20,.48);white-space:nowrap}
.guide-hotspot::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--cream);box-shadow:0 0 0 3px rgba(36,26,14,.12)}
.guide-photo-mobile{justify-self:center;max-width:420px;width:100%}
.is-mobile-shot{grid-template-columns:minmax(300px,.58fr) minmax(260px,.42fr)}
.guide-automation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:14px;max-width:1120px;margin:0 auto}
.guide-automation-grid article{border:1px solid var(--rule);border-radius:14px;background:linear-gradient(180deg,var(--panel-2),var(--panel));padding:18px;box-shadow:0 10px 26px rgba(90,55,20,.32)}
.guide-automation-grid h3{font-family:"Palatino Linotype","Book Antiqua",Palatino,"Iowan Old Style",Georgia,serif;font-size:16px;color:var(--accent);margin:0 0 8px}
.guide-automation-grid p{font-family:'EB Garamond',Georgia,serif;color:var(--ink-soft);margin:0;font-size:15.5px;line-height:1.55}
@media (max-width:1040px){
  .guide-visual-hero,.guide-photo-section,.is-mobile-shot{grid-template-columns:1fr}
  .guide-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .guide-anchor-nav{position:static}
}
@media (max-width:620px){
  .guide-visual-page{padding-left:14px;padding-right:14px}
  .guide-quick-grid{grid-template-columns:1fr}
  .guide-photo-section{gap:16px;padding-top:36px}
  .guide-photo,.guide-hero-shot{padding:8px;border-radius:14px}
  .guide-hotspot{display:none}
}
/* ---------- HOME PUBLICA ---------- */
.home-page{max-width:1320px}
.home-hero{display:grid;grid-template-columns:minmax(340px,.8fr) minmax(560px,1.2fr);gap:34px;align-items:center;padding:54px 0 30px}
.home-hero h1{font-family:"Palatino Linotype","Book Antiqua",Palatino,"Iowan Old Style",Georgia,serif;font-size:clamp(36px,5vw,62px);line-height:1.02;margin:0;color:var(--ink);letter-spacing:.01em}
.home-hero h1 .g{color:var(--accent)}
.home-hero-shot{border:1px solid var(--rule);border-radius:18px;background:linear-gradient(180deg,var(--panel-2),var(--panel));padding:14px;box-shadow:0 18px 44px rgba(90,55,20,.42)}
.home-hero-shot img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid rgba(217,178,92,.22);box-shadow:0 16px 34px rgba(90,55,20,.45)}
.home-proof{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:8px 0 34px}
.home-proof article{border:1px solid var(--rule);border-radius:12px;background:var(--panel);padding:14px 16px;box-shadow:0 10px 24px rgba(90,55,20,.24)}
.home-proof strong{display:block;color:var(--accent);font-family:"Palatino Linotype","Book Antiqua",Palatino,"Iowan Old Style",Georgia,serif;font-size:14px;line-height:1.25}
.home-proof span{display:block;color:var(--ink-soft);font-family:'EB Garamond',Georgia,serif;font-size:14px;margin-top:4px;line-height:1.4}
.home-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.home-feature{border:1px solid var(--rule);border-radius:16px;background:linear-gradient(180deg,var(--panel-2),var(--panel));overflow:hidden;box-shadow:0 10px 26px rgba(90,55,20,.35);transition:transform .15s,border-color .15s}
.home-feature:hover{transform:translateY(-3px);border-color:rgba(217,178,92,.52)}
.home-feature img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-bottom:1px solid var(--rule)}
.home-feature-body{padding:18px}
.home-feature h3{font-family:"Palatino Linotype","Book Antiqua",Palatino,"Iowan Old Style",Georgia,serif;font-size:17px;color:var(--accent);margin:0 0 7px}
.home-feature p{font-family:'EB Garamond',Georgia,serif;color:var(--ink-soft);margin:0;font-size:15px;line-height:1.55}
/* vídeo "veja funcionando" — player 16:9 responsivo no tema */
.home-video{position:relative;max-width:880px;margin:0 auto;aspect-ratio:16/9;border-radius:16px;overflow:hidden;
  background:var(--panel);border:1px solid var(--rule);box-shadow:0 18px 44px rgba(90,55,20,.5),0 0 0 1px rgba(217,178,92,.12)}
.home-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.home-auto-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.home-auto-grid article{border:1px solid var(--rule);border-radius:14px;background:var(--panel);padding:18px;box-shadow:0 10px 24px rgba(90,55,20,.24)}
.home-auto-grid .glyph{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;margin-bottom:13px;
  background:var(--panel);border:1px solid var(--rule);color:var(--accent)}
.home-auto-grid .glyph svg{width:24px;height:24px;display:block}
.home-auto-grid h3{font-family:"Palatino Linotype","Book Antiqua",Palatino,"Iowan Old Style",Georgia,serif;color:var(--accent);font-size:16px;margin:0 0 7px}
.home-auto-grid p{font-family:'EB Garamond',Georgia,serif;color:var(--ink-soft);margin:0;font-size:15px;line-height:1.55}
.home-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.home-flow article{border:1px solid var(--rule);border-radius:14px;background:var(--panel);padding:18px;box-shadow:0 10px 24px rgba(90,55,20,.24)}
.home-flow b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(180deg,var(--accent),var(--accent-2));color:var(--cream);margin-bottom:12px;box-shadow:0 5px 16px rgba(90,55,20,.35)}
.home-flow h3{font-family:"Palatino Linotype","Book Antiqua",Palatino,"Iowan Old Style",Georgia,serif;color:var(--accent);font-size:16px;margin:0 0 7px}
.home-flow p{font-family:'EB Garamond',Georgia,serif;color:var(--ink-soft);margin:0;font-size:15px;line-height:1.55}
.home-band{display:grid;grid-template-columns:1fr auto;align-items:center;gap:18px;border:1px solid var(--rule);border-radius:18px;background:linear-gradient(180deg,var(--panel-2),var(--panel));padding:28px;margin:34px 0;box-shadow:0 12px 34px rgba(90,55,20,.4)}
.home-band h2{font-family:"Palatino Linotype","Book Antiqua",Palatino,"Iowan Old Style",Georgia,serif;margin:0 0 8px;color:var(--ink);font-size:26px}
.home-band p{font-family:'EB Garamond',Georgia,serif;color:var(--ink-soft);margin:0;max-width:780px;font-size:16px;line-height:1.55}
@media(max-width:980px){
  .home-hero,.home-band{grid-template-columns:1fr}
  .home-proof,.home-flow,.home-auto-grid{grid-template-columns:repeat(2,1fr)}
  .home-feature-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .home-page{padding-left:14px;padding-right:14px}
  .home-proof,.home-flow,.home-auto-grid{grid-template-columns:1fr}
  .home-hero{text-align:center;padding-top:34px}
  .home-hero-shot{padding:8px;border-radius:14px}
}

/* ---------- rubricação: destaques pontuais em vermelho (o "pop" do pergaminho) ---------- */
/* palavra-chave do título + kicker em vermelho de rubricação; títulos/links seguem em umber (var(--accent)). */
.lp-hero h1 .g,.home-hero h1 .g,.guide-hero h1 .g,.donate-hero h1 .g{color:var(--rubric)}
.lp-kicker{color:var(--rubric);background:rgba(165,51,29,.07);border-color:rgba(165,51,29,.28)}
/* botão principal = lacre de cera (vermelho), o CTA que mais chama */
.lp-btn.primary{background:radial-gradient(120% 120% at 30% 20%,#b6402a,#8f2a17 62%,#74200f);color:var(--cream);border:1px solid rgba(90,25,10,.4);box-shadow:0 8px 22px rgba(90,25,10,.32),inset 0 1px 0 rgba(255,220,190,.32)}
.lp-btn.primary:hover{filter:brightness(1.06)}
/* topbar: botões de destaque (Guia/Minhas mesas/Criar conta) viram lacre de cera vermelho, como o mockup */
.lp-gold{background:radial-gradient(120% 120% at 30% 20%,#b6402a,#8f2a17 62%,#74200f);color:var(--cream);border:1px solid rgba(90,25,10,.4);box-shadow:inset 0 1px 0 rgba(255,220,190,.3)}
.lp-gold:hover{filter:brightness(1.06)}
/* wordmark em small-caps (Palatino), como o mockup */
.lp-brand .nm{font-variant:small-caps;letter-spacing:.05em}