@font-face{
  font-family:"Geist";
  src:url("/public/fonts/geist-sans.woff2") format("woff2");
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Geist Mono";
  src:url("/public/fonts/geist-mono.woff2") format("woff2");
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}
:root{
  --bg:#0b0d0f;
  --surface:#101419;
  --surface-2:#151b22;
  --surface-3:#1c232c;
  --ink:#f5f1e8;
  --text:#d6dce2;
  --muted:#93a0ad;
  --line:#2b3540;
  --orange:#f7931a;
  --pumpkin:#ff7300;
  --pumpkin-2:#e85600;
  --mint:#43c59e;
  --blue:#72a7ff;
  --warn:#e5b64b;
  --maxw:1160px;
  --font-sans:"Geist",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:82px}
body{
  background:var(--bg);
  color:var(--ink);
  font-family:var(--font-sans);
  line-height:1.55;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
  overflow-x:hidden;
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 72%);
}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:var(--mint);
  border:1px solid rgba(67,197,158,.28);
  background:rgba(67,197,158,.08);
  border-radius:999px;
  padding:7px 12px;
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mint)}

header{
  position:sticky;
  top:0;
  z-index:50;
  background:
    linear-gradient(90deg,rgba(124,43,10,.96),rgba(191,77,24,.94) 42%,rgba(236,121,35,.9) 100%);
  border-bottom:1px solid rgba(255,199,130,.28);
  box-shadow:0 18px 44px rgba(0,0,0,.26);
  backdrop-filter:blur(18px);
}
nav{
  max-width:1320px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px 24px;
}
.brand-col{
  display:flex;
  flex-direction:row;
  align-items:center;
  gap:16px;
}
.brand{
  display:flex;
  align-items:center;
  gap:0;
  white-space:nowrap;
}
.brand-logo{
  display:block;
  width:90px;
  height:74px;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.28));
}
.brand-logo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
.navlinks{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:20px;
  flex:1;
}
.navlinks a{
  color:rgba(255,248,236,.78);
  font-size:14px;
  font-weight:660;
  white-space:nowrap;
  text-shadow:0 1px 10px rgba(0,0,0,.25);
  transition:color .15s ease,opacity .15s ease;
}
.navlinks a:hover,.navlinks a.active{color:#fff}
.nav-cta{
  color:#fff8ef;
  background:linear-gradient(135deg,var(--pumpkin),var(--pumpkin-2));
  padding:10px 18px;
  border-radius:999px;
  font-size:13px;
  font-weight:820;
  white-space:nowrap;
  box-shadow:0 12px 28px rgba(232,86,0,.26),inset 0 1px 0 rgba(255,255,255,.22);
}
@media(max-width:1100px){.navlinks{gap:16px}.navlinks a{font-size:13px}}
@media(max-width:900px){.navlinks{display:none}}

.hero-cover{
  position:relative;
  width:100%;
  height:clamp(420px,72svh,760px);
  background:#000;
  overflow:hidden;
  border-bottom:1px solid var(--line);
  line-height:0;
}
.hero-cover::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:28%;
  pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(11,13,15,.72) 70%,var(--bg));
}
.hero-cover-media{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.hero{
  position:relative;
  min-height:auto;
  display:flex;
  align-items:center;
  overflow:hidden;
  border-bottom:1px solid var(--line);
  background:
    radial-gradient(circle at 10% 10%,rgba(255,115,0,.14),transparent 32%),
    radial-gradient(circle at 88% 18%,rgba(67,197,158,.08),transparent 30%),
    linear-gradient(180deg,#0d1014 0%,#090b0d 100%);
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(11,13,15,.72),rgba(11,13,15,.26) 56%,rgba(11,13,15,.66)),
    linear-gradient(180deg,rgba(255,255,255,.025),rgba(0,0,0,.28));
  z-index:1;
}
.hero::after{
  content:"";
  position:absolute;
  right:max(24px,calc((100vw - var(--maxw))/2));
  bottom:-40px;
  width:min(30vw,360px);
  aspect-ratio:1/1;
  background:url("public/dog-logo.png") bottom right/contain no-repeat;
  opacity:.13;
  filter:drop-shadow(0 28px 42px rgba(0,0,0,.7));
}
.hero-content{
  position:relative;
  z-index:2;
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,.86fr) minmax(360px,1.14fr);
  gap:34px;
  align-items:center;
  padding-block:46px 50px;
}
.hero-copy{max-width:610px}
h1{
  margin-top:22px;
  font-size:clamp(36px,5vw,64px);
  line-height:1;
  letter-spacing:-.035em;
  font-weight:860;
  text-wrap:balance;
}
h1 span{color:var(--orange)}
.sub{
  margin-top:20px;
  max-width:560px;
  color:var(--text);
  font-size:clamp(16px,1.6vw,20px);
  line-height:1.48;
}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:12px 22px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.22);
  color:var(--ink);
  font-weight:780;
  font-size:14px;
  box-shadow:0 14px 30px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.12);
  transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease;
}
.btn:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.4);box-shadow:0 18px 36px rgba(232,86,0,.18),inset 0 1px 0 rgba(255,255,255,.18)}
.btn.primary{background:linear-gradient(135deg,var(--pumpkin),var(--pumpkin-2));border-color:rgba(255,255,255,.2);color:#fff8ef}
.btn.secondary{background:rgba(255,255,255,.035);color:#fff4e6;border-color:rgba(255,115,0,.38)}
.daily-proof{
  max-width:none;
  margin-top:0;
  background:
    linear-gradient(180deg,#11151a,#0c0f13) padding-box,
    linear-gradient(135deg,#ff6474 0%,#ff8a00 32%,#16d4ff 66%,#f266ff 100%) border-box;
  border:2px solid transparent;
  border-radius:22px;
  overflow:hidden;
  box-shadow:0 24px 60px rgba(0,0,0,.34),0 0 44px rgba(255,115,0,.1);
}
.daily-proof-head{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:16px 18px;border-bottom:1px solid var(--line)}
.daily-proof-head strong{font-size:15px;letter-spacing:.02em}
.daily-proof-head span{color:var(--muted);font-size:13px}
.daily-proof img{display:block;width:100%;height:auto}
.daily-proof-caption{display:flex;justify-content:space-between;gap:16px;padding:13px 18px;color:var(--muted);font-size:13px;border-top:1px solid var(--line)}
.daily-proof-caption a{color:var(--orange);border-bottom:1px solid rgba(247,147,26,.35);font-weight:800}
@media(max-width:960px){
  .hero-content{grid-template-columns:1fr;gap:24px}
  .hero-copy,.daily-proof{max-width:760px}
}
@media(max-width:820px){
  .hero-cover{height:auto;aspect-ratio:1672/941}
  .hero{min-height:auto}
  .hero::after{width:58vw;opacity:.28}
}
@media(max-width:540px){
  .wrap{padding:0 18px}
  nav{padding:12px 18px}
  .hero-content{padding-block:44px 42px}
  h1{letter-spacing:-.025em}
  .btn{width:100%}
}

section{padding:82px 0;border-bottom:1px solid var(--line)}
.section-head{
  display:grid;
  grid-template-columns:minmax(0,420px) minmax(0,1fr);
  gap:56px;
  align-items:start;
  margin-bottom:34px;
}
.kicker{
  color:var(--orange);
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.18em;
  margin-bottom:12px;
}
h2{
  font-size:clamp(30px,4vw,48px);
  line-height:1.04;
  letter-spacing:-.035em;
  font-weight:900;
}
.lead{
  color:var(--text);
  font-size:clamp(17px,1.8vw,20px);
  max-width:690px;
}
.muted{color:var(--muted)}
.grid{display:grid;gap:14px}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-4{grid-template-columns:repeat(4,1fr)}
.card{
  position:relative;
  background:
    linear-gradient(180deg,#11151a,#0c0f13) padding-box,
    linear-gradient(135deg,#ff6474 0%,#ff8a00 32%,#16d4ff 66%,#f266ff 100%) border-box;
  border:2px solid transparent;
  border-radius:22px;
  padding:28px;
  overflow:hidden;
  box-shadow:0 0 0 1px rgba(255,255,255,.03),0 18px 48px rgba(0,0,0,.28),0 0 38px rgba(255,115,0,.08);
}
.card::before{
  content:"";
  position:absolute;
  inset:-40%;
  pointer-events:none;
  background:
    radial-gradient(circle at 16% 12%,rgba(255,100,116,.14),transparent 22%),
    radial-gradient(circle at 82% 4%,rgba(66,170,255,.12),transparent 24%),
    radial-gradient(circle at 50% 110%,rgba(255,115,0,.16),transparent 28%);
  opacity:.9;
}
.card>*{position:relative;z-index:1}
.card h3{
  font-size:21px;
  line-height:1.08;
  font-weight:900;
  letter-spacing:-.025em;
  margin:12px 0 14px;
}
.card p,.card li{
  color:var(--muted);
  font-size:14.5px;
  line-height:1.62;
}
.app-card{display:block;text-decoration:none;transition:transform .15s ease,filter .15s ease}
.app-card:hover{transform:translateY(-3px);filter:saturate(1.06) brightness(1.04)}
.app-card h3{margin:6px 0 10px}
.app-logo{display:block;height:44px;width:auto;max-width:120px;object-fit:contain;object-position:left center;margin-bottom:16px}
.app-logo--wide{max-width:172px}
.app-logo--invert{filter:invert(1)}
.app-tag{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--orange)}
.app-card .go{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  margin-top:18px;
  padding:9px 15px;
  border-radius:999px;
  color:#fff8ef;
  font-size:13px;
  font-weight:780;
  background:linear-gradient(135deg,var(--pumpkin),var(--pumpkin-2));
  box-shadow:0 12px 24px rgba(232,86,0,.22),inset 0 1px 0 rgba(255,255,255,.22);
}
/* Events */
.event-feature{display:block;text-decoration:none;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:10px;padding:30px;margin-bottom:8px;background:linear-gradient(135deg,rgba(247,147,26,.16),rgba(67,197,158,.06) 55%,var(--surface));transition:transform .15s ease,border-color .15s ease}
.event-feature:hover{transform:translateY(-2px);border-color:rgba(247,147,26,.55)}
.event-feature-tag{display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--orange);margin-bottom:12px}
.event-feature h3{font-size:30px;line-height:1.05;font-weight:900;letter-spacing:-.03em;margin-bottom:12px}
.event-feature p{color:var(--muted);font-size:15.5px;line-height:1.6;max-width:680px}
.event-feature .go{display:inline-flex;margin-top:16px;color:var(--orange);font-size:13px;font-weight:850;border-bottom:1px solid rgba(247,147,26,.38);padding-bottom:1px}
.event-card .ev-place{display:inline-block;font-size:12.5px;font-weight:800;color:var(--orange)}
.event-card h3{margin:6px 0 8px}
.tag{
  display:inline-flex;
  color:var(--blue);
  border:0;
  background:transparent;
  padding:0;
  border-radius:0;
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:6px;
}
.tag.proved{color:var(--mint)}
.tag.watch{color:var(--warn)}
.thesis{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:18px;
}
.thesis-panel{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:8px;
  padding:28px;
}
.thesis-panel h3{font-size:24px;letter-spacing:-.025em;line-height:1.12;margin-bottom:14px}
.thesis-panel p{color:var(--text);font-size:16px}
.principles{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden}
.principle{background:var(--surface);padding:18px}
.principle strong{display:block;color:var(--ink);font-size:15px;margin-bottom:4px}
.principle span{display:block;color:var(--muted);font-size:13.5px;line-height:1.45}
.evidence-list{display:grid;gap:12px}
.evidence-row{
  display:grid;
  grid-template-columns:120px 1fr;
  gap:18px;
  align-items:start;
  padding:18px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
}
.evidence-row .num{font-size:28px;font-weight:900;color:var(--orange);letter-spacing:-.035em;line-height:1}
.evidence-row p{color:var(--text);font-size:15.5px}
.evidence-row small{display:block;color:var(--muted);font-size:12.5px;margin-top:6px}
.docs{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
}
.doc-link{
  display:flex;
  flex-direction:column;
  gap:8px;
  padding:20px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
  transition:border-color .15s ease,transform .15s ease;
}
.doc-link:hover{border-color:rgba(247,147,26,.58);transform:translateY(-1px)}
.doc-link strong{font-size:16px}
.doc-link span{color:var(--muted);font-size:13.5px}
.roadmap{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:1px;
  background:var(--line);
  border:1px solid var(--line);
  border-radius:8px;
  overflow:hidden;
}
.step{background:var(--surface);padding:22px;min-height:210px}
.step b{display:block;color:var(--orange);font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px}
.step strong{display:block;font-size:17px;line-height:1.2;margin-bottom:10px}
.step span{display:block;color:var(--muted);font-size:14px;line-height:1.5}
.collab-card{transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}
.collab-card:hover{
  transform:translateY(-6px);
  box-shadow:0 0 0 1px rgba(255,255,255,.06),0 28px 64px rgba(0,0,0,.42),0 0 60px rgba(255,115,0,.22);
  filter:saturate(1.1) brightness(1.06);
}
.collab-card ul{list-style:none;display:grid;gap:8px;margin-top:12px}
.collab-card li{padding-left:18px;position:relative}
.collab-card li::before{content:"";position:absolute;left:0;top:.7em;width:6px;height:6px;border-radius:50%;background:var(--orange)}
.source-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:18px}
.source-card{display:grid;grid-template-columns:230px 1fr;gap:22px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:20px}
.source-card img{width:100%;height:132px;object-fit:contain;border-radius:6px;background:#050607;border:1px solid rgba(255,255,255,.08);padding:10px}
.source-card h3{font-size:20px;line-height:1.1;margin-bottom:8px}
.source-card p{color:var(--muted);font-size:14.5px;line-height:1.55}
.source-card a{display:inline-flex;margin-top:12px;color:var(--orange);font-size:13px;font-weight:850;border-bottom:1px solid rgba(247,147,26,.38)}
.collab-cta{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:18px;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:8px;padding:22px}
.collab-cta h3{font-size:22px;line-height:1.12;margin-bottom:8px}
.collab-cta p{color:var(--muted);font-size:15px;line-height:1.55;max-width:720px}
.verify{
  background:linear-gradient(180deg,#f6a13a,var(--orange));
  color:#1b1104;
}
.verify .section-head,.verify section{border:0}
.verify .kicker,.verify .muted{color:#4a2f09}
.verify h2,.verify .lead{color:#1b1104}
.verify-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.command{
  background:rgba(27,17,4,.86);
  border:1px solid rgba(255,255,255,.18);
  border-radius:8px;
  padding:16px;
  color:#e8fff7;
  font-family:var(--font-mono);
  font-size:12px;
  line-height:1.55;
  overflow:auto;
}
.daily-video{
  background:var(--bg);
}
.daily-video-shell{
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:10px;
  background:linear-gradient(180deg,#0e1115,var(--surface));
}
.daily-video-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  padding:26px;
  border-bottom:1px solid var(--line);
}
.daily-video-head h2{
  font-size:clamp(26px,3vw,36px);
  line-height:.98;
}
.daily-video-channel{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 14px;
  border:1px solid var(--line);
  border-radius:8px;
  color:var(--ink);
  font-size:12.5px;
  font-weight:850;
  background:rgba(255,255,255,.045);
  transition:border-color .15s ease,transform .15s ease,background .15s ease;
}
.daily-video-channel:hover{
  transform:translateY(-1px);
  border-color:rgba(247,147,26,.52);
  background:rgba(247,147,26,.1);
}
.daily-video-frame{
  aspect-ratio:16/9;
  background:#050607;
}
.daily-video-frame iframe{
  display:block;
  width:100%;
  height:100%;
  border:0;
}
.daily-video-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:16px 20px;
}
.daily-video-meta strong{
  display:block;
  font-size:15px;
}
.daily-video-actions{
  display:flex;
  gap:10px;
  flex:0 0 auto;
}
.daily-video-actions a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 16px;
  border:1px solid var(--line);
  border-radius:8px;
  color:var(--ink);
  font-size:13px;
  font-weight:850;
  background:rgba(255,255,255,.05);
  transition:border-color .15s ease,transform .15s ease,background .15s ease;
}
.daily-video-actions a:hover{
  transform:translateY(-1px);
  border-color:rgba(247,147,26,.52);
  background:rgba(247,147,26,.1);
}
.final{
  padding:72px 0;
  background:var(--surface);
}
.final-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.final h2{max-width:700px}
.final p{margin-top:14px;color:var(--muted);font-size:17px;max-width:640px}
footer{padding:42px 0;color:var(--muted);font-size:13px}
footer .inner{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
footer a{color:var(--ink);border-bottom:1px solid rgba(255,255,255,.24)}
.disclaimer{
  margin-top:18px;
  border:1px solid var(--line);
  border-radius:8px;
  padding:16px;
  background:var(--surface);
  color:var(--muted);
}
@media(max-width:1024px){
  .section-head{gap:32px}
}
@media(max-width:940px){
  .section-head,.thesis,.verify-grid,.final-inner{grid-template-columns:1fr;display:grid}
  .grid-3,.grid-4,.roadmap,.docs,.source-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  section{padding:62px 0}
  .grid-3,.grid-4,.roadmap,.docs,.verify-grid,.source-grid{grid-template-columns:1fr}
  .evidence-row{grid-template-columns:1fr}
  .source-card{grid-template-columns:1fr;text-align:left}
  .source-card img{max-height:96px}
  .collab-cta{display:block}
  .collab-cta .btn{margin-top:16px}
  .daily-video-head,.daily-video-meta{display:block}
  .daily-video-head{padding:22px}
  .daily-video-channel{margin-top:14px}
  .daily-video-actions{margin-top:14px}
  .daily-video-actions a{flex:1}
  footer .inner{display:block}
}
/* --- historia / pessoa / faq / carteiras / links (add) --- */
.person{display:grid;grid-template-columns:170px 1fr;gap:24px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:24px;margin-bottom:22px}
.person img{width:170px;height:170px;border-radius:12px;object-fit:cover;border:1px solid var(--line)}
.person h3{font-size:23px;letter-spacing:-.02em}
.person .role{color:var(--orange);font-weight:800;font-size:12.5px;text-transform:uppercase;letter-spacing:.1em;margin:5px 0 12px}
.person p{color:var(--text);font-size:15.5px}
.person a{color:var(--orange);border-bottom:1px solid rgba(247,147,26,.4)}
.dog-story{display:grid;grid-template-columns:minmax(190px,260px) 1fr;gap:26px;align-items:center;background:linear-gradient(180deg,var(--surface-2),var(--surface));border:1px solid var(--line);border-radius:10px;padding:26px;margin-bottom:22px}
.dog-story img{width:100%;max-height:320px;object-fit:contain;filter:drop-shadow(0 18px 24px rgba(0,0,0,.45))}
.dog-story h3{font-size:28px;line-height:1.05;letter-spacing:-.03em;margin-bottom:12px}
.dog-story p{color:var(--text);font-size:16px}
.dog-story .facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-top:18px}
.dog-story .facts span{display:block;background:rgba(11,13,15,.45);padding:13px;color:var(--muted);font-size:12.5px;line-height:1.35}
.dog-story .facts b{display:block;color:var(--orange);font-size:15px;margin-bottom:4px}
.timeline{display:grid;gap:12px}
.tl-row{display:grid;grid-template-columns:120px 1fr;gap:18px;align-items:start;padding:18px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.tl-row .when{font-size:13px;font-weight:900;color:var(--orange);letter-spacing:.02em;padding-top:2px}
.tl-row h3{font-size:17px;font-weight:850;margin-bottom:6px;letter-spacing:-.01em}
.tl-row p{color:var(--text);font-size:15px}
.tl-row a{color:var(--orange);border-bottom:1px solid rgba(247,147,26,.4)}
.faq details{border:1px solid var(--line);border-radius:8px;background:var(--surface);margin-bottom:10px;overflow:hidden}
.faq summary{cursor:pointer;padding:17px 20px;font-weight:800;font-size:16px;list-style:none;display:flex;justify-content:space-between;gap:12px;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--orange);font-weight:900;font-size:20px;line-height:1}
.faq details[open] summary::after{content:"\2013"}
.faq details[open] summary{border-bottom:1px solid var(--line)}
.faq .a{padding:16px 20px;color:var(--text);font-size:15px;line-height:1.65}
.faq .a a,.faq .a a:visited{color:var(--orange);border-bottom:1px solid rgba(247,147,26,.4)}
.linklist{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.linklist a{display:block;padding:14px 16px;border:1px solid var(--line);border-radius:8px;background:var(--surface);transition:border-color .15s ease,transform .15s ease}
.linklist a:hover{border-color:rgba(247,147,26,.55);transform:translateY(-1px)}
.linklist a b{color:var(--ink);display:block;font-size:14.5px}
.linklist a span{color:var(--muted);font-size:12.5px}
.wgroup{font-size:12.5px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:var(--orange);margin:24px 0 10px}
.wallets{display:grid;gap:8px}
.wrow{display:grid;grid-template-columns:180px 1fr;gap:14px;align-items:center;padding:13px 16px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.wrow .nm{font-weight:850;font-size:14.5px;color:var(--ink)}
.wrow .info{font-size:13.5px;color:var(--muted)}
.wrow .info a{font-family:var(--font-mono);color:var(--orange);font-size:12px;border-bottom:1px solid rgba(247,147,26,.35)}
.wallets.wgrid{grid-template-columns:repeat(3,1fr);gap:10px}
.wgrid .wrow{grid-template-columns:1fr;gap:8px;align-content:start;padding:16px 18px}
.wgrid .wrow .info a{display:inline-block;margin-top:6px;word-break:break-all}
.wmore{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-top:14px;padding:18px 22px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.wmore p{margin:0;font-size:14px;color:var(--muted);max-width:56ch}
.wmore-cta{display:flex;gap:10px;flex-wrap:wrap}
.lead.wnote{font-size:13.5px;color:var(--muted);margin-top:16px;max-width:none}
@media(max-width:940px){.wallets.wgrid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.wallets.wgrid{grid-template-columns:1fr}.wmore{flex-direction:column;align-items:flex-start}}
.campaign{display:grid;grid-template-columns:minmax(260px,.9fr) 1.1fr;gap:24px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:24px}
.campaign img{width:100%;border-radius:8px;border:1px solid rgba(247,147,26,.25)}
.campaign h3{font-size:28px;line-height:1.08;letter-spacing:-.03em;margin-bottom:12px}
.campaign p{color:var(--text);font-size:16px}
.campaign .note{margin-top:14px;color:var(--muted);font-size:13.5px}
.sponsor-section{
  position:relative;
  background:
    linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,0)),
    var(--bg);
}
.section-anchor{
  position:absolute;
  top:0;
}
.sponsor-label{
  display:flex;
  align-items:center;
  gap:22px;
  color:rgba(245,241,232,.52);
  font-size:12px;
  font-weight:900;
  letter-spacing:.32em;
  text-transform:uppercase;
  margin-bottom:22px;
  text-align:center;
}
.sponsor-label::before,.sponsor-label::after{
  content:"";
  height:1px;
  flex:1;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.16),transparent);
}
.sponsor-title{
  max-width:780px;
  margin:0 0 28px;
}
.sponsor-stack{display:grid;gap:16px}
.sponsor-panel{
  display:grid;
  grid-template-columns:360px 1fr;
  border:1px solid var(--line);
  border-radius:10px;
  overflow:hidden;
  background:linear-gradient(180deg,#0e1115,var(--surface));
  box-shadow:0 28px 70px rgba(0,0,0,.26);
}
.b2pix-panel{
  background:linear-gradient(180deg,#111821,var(--surface));
}
.sponsor-brand{
  padding:42px;
  border-right:1px solid var(--line);
  background:
    radial-gradient(circle at 38% 16%,rgba(255,255,255,.08),transparent 34%),
    rgba(0,0,0,.18);
}
.sponsor-brand img{
  width:86px;
  height:86px;
  object-fit:cover;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 18px 34px rgba(0,0,0,.36);
  margin-bottom:30px;
}
.sponsor-brand h3{font-size:clamp(30px,8vw,42px);line-height:1.05;letter-spacing:-.035em;margin-bottom:12px}
.sponsor-brand p{color:var(--muted);font-size:16px;margin-bottom:28px}
.sponsor-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:28px;
  padding:48px;
}
.sponsor-copy p{
  color:var(--text);
  font-size:clamp(19px,2.2vw,28px);
  line-height:1.55;
  max-width:780px;
}
.sponsor-features{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
}
.sponsor-features span{
  display:flex;
  align-items:center;
  min-height:58px;
  padding:14px 16px;
  border:1px solid var(--line);
  border-radius:8px;
  background:rgba(255,255,255,.035);
  color:var(--text);
  font-size:14px;
  font-weight:850;
}
.sponsor-features span::before{
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--orange);
  margin-right:10px;
  flex:0 0 auto;
}
.footer-sponsors{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:12px;
  margin-top:22px;
}
.footer-sponsor{
  display:flex;
  align-items:center;
  gap:12px;
  padding:14px;
  border:1px solid var(--line);
  border-radius:8px;
  background:var(--surface);
  color:var(--ink);
  transition:border-color .15s ease,transform .15s ease;
}
.footer-sponsor:hover{border-color:rgba(247,147,26,.5);transform:translateY(-1px)}
.footer-sponsor img{
  width:44px;
  height:44px;
  object-fit:cover;
  border-radius:10px;
  border:1px solid rgba(255,255,255,.1);
}
.footer-sponsor b{display:block;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.footer-sponsor small{display:block;color:var(--muted);font-size:12.5px;margin-top:2px}
@media(max-width:940px){
  .sponsor-panel{grid-template-columns:1fr}
  .sponsor-brand{border-right:0;border-bottom:1px solid var(--line)}
  .sponsor-copy{padding:34px}
  .sponsor-features{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
  .nav-cta{display:none}
  .sponsor-features{grid-template-columns:1fr}
  .market-ticker a{padding:7px 8px}
  .market-ticker strong{font-size:11px}
}
@media(max-width:620px){.person,.dog-story,.campaign{grid-template-columns:1fr;text-align:center}.person img{margin:0 auto}.dog-story .facts{grid-template-columns:1fr}.tl-row{grid-template-columns:1fr}.linklist{grid-template-columns:1fr}.wrow{grid-template-columns:1fr;gap:6px;padding:16px 18px}.sponsor-brand,.sponsor-copy{padding:26px}.sponsor-features{grid-template-columns:1fr}.sponsor-label{letter-spacing:.2em;gap:12px}.footer-sponsor{align-items:flex-start}}
@media(max-width:420px){.brand-logo{width:76px;height:62px}}
/* --- language switcher --- */
.nav-right{display:flex;align-items:center;gap:10px}
.market-ticker{
  display:flex;
  align-items:center;
  gap:2px;
  padding:4px;
  border:1px solid rgba(255,92,0,.24);
  border-radius:999px;
  background:rgba(3,3,3,.62);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.market-ticker a{
  display:flex;
  align-items:baseline;
  gap:6px;
  min-height:30px;
  padding:7px 9px;
  border-radius:999px;
  color:rgba(255,247,239,.76);
  white-space:nowrap;
  transition:background .15s ease,color .15s ease;
}
.market-ticker a:hover{background:rgba(255,92,0,.14);color:#fff8ef}
.market-ticker span{
  color:#ff5c00;
  font-size:10px;
  font-weight:860;
  letter-spacing:.08em;
}
.market-ticker strong{
  color:#fff8ef;
  font-size:12px;
  font-weight:760;
  letter-spacing:0;
  font-variant-numeric:tabular-nums;
}
.market-ticker.is-stale strong{color:rgba(255,247,239,.54)}
/* price pill lives on the right of the nav, next to the language flags + CTA */
.market-ticker{flex:0 0 auto}
/* on phones: logo + flags/menu on the top row; the price pill on its own tidy,
   centered row below (hugging its content, never a stretched empty bar). */
@media(max-width:600px){
  nav{flex-wrap:wrap;row-gap:12px}
  .brand-col{order:1}
  .nav-right{order:2}
  .market-ticker{order:3;flex:0 1 auto;flex-basis:100%;justify-content:center}
}
.langsw{
  display:flex;
  align-items:center;
  gap:1px;
  flex:0 0 auto;
  border:1px solid rgba(255,255,255,.24);
  border-radius:10px;
  padding:3px;
  background:rgba(15,10,6,.2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.langsw .globe{font-size:12px;padding:0 3px 0 5px;opacity:.72}
.langsw button{
  appearance:none;
  border:0;
  background:transparent;
  color:rgba(255,248,236,.68);
  font:inherit;
  font-size:12px;
  font-weight:850;
  cursor:pointer;
  padding:5px 7px;
  border-radius:7px;
  line-height:1;
  transition:color .15s ease,background .15s ease;
}
.langsw button:hover{color:#fff}
.langsw button.active{color:#2b1503;background:#fff2df}
/* flag buttons */
.langsw button{opacity:.5;padding:4px 5px;flex:0 0 auto}
.langsw button img{display:block;width:22px;height:15px;max-width:none;border-radius:2px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.25)}
.langsw button:hover{opacity:.9}
.langsw button.active{opacity:1}
@media(max-width:540px){.nav-cta{display:none}.langsw button{padding:4px}}
/* --- live alert bar --- */
.alertbar{
  background:
    linear-gradient(90deg,rgba(21,10,5,.96),rgba(52,18,10,.9) 52%,rgba(96,34,11,.72)),
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
  background-size:auto,44px 44px,44px 44px;
  border-bottom:1px solid rgba(255,115,0,.28);
}
.alertbar .wrap{
  display:flex;
  align-items:center;
  gap:18px;
  padding:12px 24px;
  flex-wrap:wrap;
  font-size:14px;
}
.alertbar .pulse{
  display:inline-flex;
  align-items:center;
  gap:9px;
  font-weight:860;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#ff8f7a;
  white-space:nowrap;
  font-size:12px;
}
.alertbar .pulse::before{content:"";width:8px;height:8px;border-radius:50%;background:#ff5d5d;animation:dotpulse 1.8s infinite}
@keyframes dotpulse{0%{box-shadow:0 0 0 0 rgba(255,93,93,.55)}70%{box-shadow:0 0 0 8px rgba(255,93,93,0)}100%{box-shadow:0 0 0 0 rgba(255,93,93,0)}}
.alertbar .msg{color:rgba(255,248,236,.78);min-width:0;flex:1;line-height:1.45;text-decoration:none}
.alertbar a.msg{display:block;transition:color .15s ease}
.alertbar a.msg:hover{color:#fff7ef}
.alertbar .msg b{color:#fff8ef;font-weight:780}
@media(max-width:600px){.alertbar .wrap{padding:11px 18px;gap:8px}.alertbar .msg{flex:1 1 100%}}
/* --- the fight (BIP-110) --- */
#luta{background:linear-gradient(180deg,rgba(255,87,87,.05),transparent 42%),var(--bg)}
#luta .kicker{color:#ff7676}
.fight-grades{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-top:14px}
.fight-grades>div{background:var(--surface);padding:18px}
.fight-grades b{display:block;font-size:13.5px;font-weight:900;margin-bottom:6px;letter-spacing:.01em}
.fight-grades span{display:block;color:var(--muted);font-size:13.5px;line-height:1.5}
.fight-grades .g-fact b{color:var(--mint)}
.fight-grades .g-debate b{color:var(--warn)}
.fight-grades .g-no b{color:#ff7676}
.fight-cta{margin-top:18px;text-align:center;padding:34px 28px;border:1px solid rgba(255,87,87,.4);border-radius:10px;background:linear-gradient(180deg,rgba(255,87,87,.12),rgba(255,87,87,.035))}
.fight-cta .slogan{font-size:clamp(22px,3.4vw,36px);font-weight:900;letter-spacing:-.03em;line-height:1.08;color:var(--ink);max-width:780px;margin:0 auto 10px;text-wrap:balance}
.fight-cta p{color:var(--muted);font-size:14px;line-height:1.55;max-width:640px;margin:0 auto 20px}
.fight-cta .btn{margin:0 5px 8px}
@media(max-width:620px){.fight-grades{grid-template-columns:1fr}.fight-cta .btn{display:flex;margin:0 0 8px}}
/* --- daily briefing (Binance investigation) --- */
#briefing{background:linear-gradient(180deg,rgba(247,147,26,.06),transparent 46%),var(--bg)}
#briefing .kicker{color:var(--warn)}
.briefing-meta{display:flex;align-items:center;gap:8px 16px;flex-wrap:wrap;margin:-6px 0 22px}
.briefing-live{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#ff7676;white-space:nowrap}
.briefing-live::before{content:"";width:8px;height:8px;border-radius:50%;background:#ff5757;animation:dotpulse 1.8s infinite}
.briefing-src{color:var(--muted);font-size:13px}
.briefing-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:14px}
.briefing-stat{background:linear-gradient(180deg,#141a21,var(--surface));padding:22px 20px}
.briefing-stat b{display:block;font-size:clamp(26px,3.4vw,38px);font-weight:900;letter-spacing:-.04em;color:var(--orange);line-height:1}
.briefing-stat span{display:block;color:var(--muted);font-size:13px;line-height:1.4;margin-top:8px}
.briefing-today{margin-top:14px;display:grid;grid-template-columns:auto 1fr;gap:8px 18px;align-items:start;padding:20px 22px;border:1px solid rgba(247,147,26,.4);border-radius:10px;background:linear-gradient(180deg,rgba(247,147,26,.1),rgba(247,147,26,.03))}
.briefing-today>b{color:var(--orange);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;padding-top:3px}
.briefing-today p{color:var(--text);font-size:15px;line-height:1.6}
.briefing-today p b{color:var(--ink)}
.briefing-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
@media(max-width:820px){.briefing-stats{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.briefing-stats{grid-template-columns:1fr}.briefing-stat{padding:16px 18px}.briefing-today{grid-template-columns:1fr;gap:6px}.briefing-actions .btn{width:100%}}
/* --- spec-ops tactical accents (minimal) --- */
.kicker::before{content:"\276F";margin-right:9px;opacity:.55}

/* --- DOG ARMY visual system: orange, black, minimal, high-impact --- */
:root{
  --bg:#030303;
  --surface:#101010;
  --surface-2:#171310;
  --surface-3:#211710;
  --ink:#fff7ef;
  --text:#eee4dc;
  --muted:#a79d95;
  --line:rgba(255,255,255,.14);
  --orange:#ff5c00;
  --pumpkin:#ff7a1a;
  --pumpkin-2:#ff4500;
  --mint:#ff7a1a;
  --blue:#fff7ef;
  --warn:#ff9a3d;
  --maxw:1220px;
}
html{scroll-padding-top:104px}
body{
  background:#030303;
  color:var(--ink);
}
body::before{
  opacity:.45;
  background:
    linear-gradient(rgba(255,92,0,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,92,0,.04) 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 60%);
}
header{
  background:rgba(3,3,3,.9);
  border-bottom:1px solid rgba(255,92,0,.24);
  box-shadow:0 18px 50px rgba(0,0,0,.44);
}
nav{max-width:var(--maxw);padding:10px 24px}
.navlinks a{color:rgba(255,247,239,.64);font-weight:620;text-shadow:none}
.navlinks a:hover,.navlinks a.active{color:#fff}
/* "você está aqui": bolinha laranja piscando no link da seção atual */
.navlinks a.active{position:relative}
.navlinks a.active::before{
  content:"";position:absolute;left:-13px;top:50%;margin-top:-3.5px;
  width:7px;height:7px;border-radius:50%;
  background:#ff5c00;box-shadow:0 0 9px 1px rgba(255,92,0,.85);
  animation:navdot 1.3s ease-in-out infinite;
}
@keyframes navdot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.28;transform:scale(.6)}}
@media(prefers-reduced-motion:reduce){.navlinks a.active::before{animation:none}}
.nav-cta,.btn.primary,.app-card .go,.alertbar a.verify{
  color:#110802;
  background:linear-gradient(135deg,#ff9a3d,#ff5c00 55%,#ff3d00);
  border-color:rgba(255,255,255,.28);
  box-shadow:0 18px 34px rgba(255,92,0,.24),inset 0 1px 0 rgba(255,255,255,.34);
}
.nav-cta{font-size:13px}
.alertbar{
  background:#050505;
  border-bottom:1px solid rgba(255,92,0,.24);
}
.alertbar .pulse,.alertbar .msg b{color:#fff7ef}
.alertbar .pulse::before,.briefing-live::before{background:var(--orange)}
.alertbar .msg{color:rgba(255,247,239,.7)}
.hero{
  background:
    linear-gradient(180deg,#080808 0%,#030303 100%),
    repeating-linear-gradient(135deg,rgba(255,92,0,.08) 0 1px,transparent 1px 18px);
}
.hero::before{
  background:
    linear-gradient(90deg,rgba(3,3,3,.55),rgba(3,3,3,.14) 58%,rgba(3,3,3,.62)),
    linear-gradient(180deg,transparent,rgba(3,3,3,.38));
}
.hero::after{opacity:.08}
.eyebrow{
  color:#fff7ef;
  background:rgba(255,92,0,.14);
  border-color:rgba(255,92,0,.42);
  letter-spacing:.08em;
}
.eyebrow::before{background:var(--orange)}
h1,h2,h3,.card h3,.event-feature h3,.dog-story h3,.campaign h3,.sponsor-brand h3,.origin-card h3{
  letter-spacing:0;
}
h1{
  font-size:64px;
  line-height:.96;
  font-weight:760;
}
h1 span,h2 span{color:var(--orange)}
h2{
  font-size:46px;
  line-height:1;
  font-weight:760;
}
.sub,.lead{color:rgba(255,247,239,.75)}
section{
  background:#030303;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.kicker,.tag,.tag.proved,.tag.watch,.wgroup,.event-feature-tag,.event-card .ev-place,.person .role{
  color:var(--orange);
}
.btn{
  border-radius:999px;
  border-color:rgba(255,255,255,.2);
  font-weight:700;
}
.btn.secondary{
  color:#fff7ef;
  background:#101010;
  border-color:rgba(255,92,0,.4);
}
.btn:hover{box-shadow:0 18px 36px rgba(255,92,0,.18),inset 0 1px 0 rgba(255,255,255,.18)}
.daily-proof,
.card,
.thesis-panel,
.principle,
.evidence-row,
.doc-link,
.source-card,
.daily-video-shell,
.person,
.dog-story,
.tl-row,
.faq details,
.linklist a,
.wrow,
.campaign,
.sponsor-panel,
.footer-sponsor,
.disclaimer,
.collab-cta,
.event-feature,
.step,
.briefing-stat,
.fight-grades>div,
.fight-cta,
.briefing-today{
  border:1px solid rgba(255,255,255,.12);
  border-radius:24px;
  background:#101010;
  box-shadow:0 22px 56px rgba(0,0,0,.32);
}
.daily-proof,
.card{
  position:relative;
  overflow:hidden;
  background:#101010;
}
.card::before,
.daily-proof::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    repeating-radial-gradient(circle at 100% 0%,rgba(255,255,255,.15) 0 1px,transparent 2px 12px),
    linear-gradient(180deg,transparent 56%,rgba(255,92,0,.18));
  opacity:.34;
}
.card>*,
.daily-proof>*{position:relative;z-index:1}
.grid>.card:nth-child(3n+1),
.docs>.doc-link:nth-child(3n+1),
.linklist>a:nth-child(3n+1),
.roadmap>.step:nth-child(3n+1){
  background:#f6f1eb;
  color:#080808;
}
.grid>.card:nth-child(3n+2),
.docs>.doc-link:nth-child(3n+2),
.linklist>a:nth-child(3n+2),
.roadmap>.step:nth-child(3n+2){
  background:linear-gradient(135deg,#ff9345,#ff5c00 58%,#ff3d00);
  color:#fff7ef;
}
.grid>.card:nth-child(3n),
.docs>.doc-link:nth-child(3n),
.linklist>a:nth-child(3n),
.roadmap>.step:nth-child(3n){
  background:#101010;
  color:#fff7ef;
}
.grid>.card:nth-child(3n+1)::before{
  background:
    linear-gradient(180deg,transparent 54%,rgba(255,92,0,.88) 54%),
    repeating-radial-gradient(ellipse at 100% 100%,rgba(255,255,255,.28) 0 1px,transparent 2px 13px);
  opacity:.46;
}
.grid>.card:nth-child(3n+2)::before{
  background:
    linear-gradient(180deg,rgba(255,255,255,.12),transparent 42%),
    repeating-radial-gradient(circle at 100% 0%,rgba(255,255,255,.26) 0 1px,transparent 2px 12px);
  opacity:.36;
}
.grid>.card:nth-child(3n+1) h3,
.grid>.card:nth-child(3n+1) p,
.grid>.card:nth-child(3n+1) li,
.grid>.card:nth-child(3n+1) .tag,
.docs>.doc-link:nth-child(3n+1) strong,
.docs>.doc-link:nth-child(3n+1) span,
.linklist>a:nth-child(3n+1) b,
.linklist>a:nth-child(3n+1) span,
.roadmap>.step:nth-child(3n+1) strong,
.roadmap>.step:nth-child(3n+1) span{
  color:#080808;
}
.grid>.card:nth-child(3n+2) h3,
.grid>.card:nth-child(3n+2) p,
.grid>.card:nth-child(3n+2) li,
.grid>.card:nth-child(3n+2) .tag,
.docs>.doc-link:nth-child(3n+2) strong,
.docs>.doc-link:nth-child(3n+2) span,
.linklist>a:nth-child(3n+2) b,
.linklist>a:nth-child(3n+2) span,
.roadmap>.step:nth-child(3n+2) strong,
.roadmap>.step:nth-child(3n+2) span{
  color:#fff7ef;
}
.card h3{
  font-size:28px;
  font-weight:720;
  line-height:1;
  margin:36px 0 14px;
}
.card p,.card li{
  color:rgba(255,247,239,.68);
  font-size:15px;
}
.app-logo{height:38px;max-width:128px}
.app-card .go{color:#110802}
.fight-grades,
.briefing-stats,
.principles,
.roadmap,
.dog-story .facts{
  gap:12px;
  background:transparent;
  border:0;
  overflow:visible;
}
.fight-grades>div,
.briefing-stat,
.principle,
.step,
.dog-story .facts span{
  background:#101010;
  border:1px solid rgba(255,255,255,.12);
  border-radius:22px;
}
.briefing-stat:nth-child(2),
.principle:nth-child(2),
.fight-grades>div:nth-child(2),
.dog-story .facts span:nth-child(2){
  background:#ff5c00;
  color:#fff7ef;
}
.briefing-stat:nth-child(3),
.principle:nth-child(3),
.fight-grades>div:nth-child(3),
.dog-story .facts span:nth-child(3){
  background:#f6f1eb;
  color:#080808;
}
.briefing-stat:nth-child(3) b,
.briefing-stat:nth-child(3) span,
.principle:nth-child(3) strong,
.principle:nth-child(3) span,
.fight-grades>div:nth-child(3) b,
.fight-grades>div:nth-child(3) span,
.dog-story .facts span:nth-child(3) b,
.dog-story .facts span:nth-child(3){
  color:#080808;
}
.briefing-stat b,
.step b,
.evidence-row .num,
.dog-story .facts b{
  color:var(--orange);
}
.briefing-stat:nth-child(2) b,
.briefing-stat:nth-child(2) span,
.principle:nth-child(2) strong,
.principle:nth-child(2) span,
.fight-grades>div:nth-child(2) b,
.fight-grades>div:nth-child(2) span,
.dog-story .facts span:nth-child(2) b,
.dog-story .facts span:nth-child(2){
  color:#fff7ef;
}
.thesis-panel,
.source-card,
.campaign,
.sponsor-panel{
  background:#101010;
}
.source-card:nth-child(2n),
.footer-sponsor:nth-child(2n),
.wrow:nth-child(2n),
.tl-row:nth-child(2n),
.faq details:nth-child(2n){
  background:#f6f1eb;
  color:#080808;
}
.source-card:nth-child(2n) h3,
.source-card:nth-child(2n) p,
.source-card:nth-child(2n) a,
.wrow:nth-child(2n) .nm,
.wrow:nth-child(2n) .info,
.wrow:nth-child(2n) .info a,
.tl-row:nth-child(2n) h3,
.tl-row:nth-child(2n) p,
.tl-row:nth-child(2n) a,
.faq details:nth-child(2n) summary,
.faq details:nth-child(2n) .a,
.faq details:nth-child(2n) .a a{
  color:#080808;
}
.source-card:nth-child(3n),
.footer-sponsor:nth-child(3n),
.wrow:nth-child(3n),
.tl-row:nth-child(3n),
.faq details:nth-child(3n){
  background:#ff5c00;
  color:#fff7ef;
}
.source-card:nth-child(3n) h3,
.source-card:nth-child(3n) p,
.source-card:nth-child(3n) a,
.wrow:nth-child(3n) .nm,
.wrow:nth-child(3n) .info,
.wrow:nth-child(3n) .info a,
.tl-row:nth-child(3n) .when,
.tl-row:nth-child(3n) h3,
.tl-row:nth-child(3n) p,
.tl-row:nth-child(3n) a,
.faq details:nth-child(3n) summary,
.faq details:nth-child(3n) .a,
.faq details:nth-child(3n) .a a{
  color:#fff7ef;
}
.verify{
  background:#ff5c00;
  color:#080808;
}
.verify .command{
  background:#080808;
  color:#fff7ef;
  border-color:rgba(255,255,255,.2);
}
.daily-video-shell{background:#080808}
.daily-video-head{border-bottom:1px solid rgba(255,255,255,.1)}
.daily-video-channel,
.daily-video-actions a{
  border-radius:999px;
  border-color:rgba(255,92,0,.38);
  background:#101010;
}
.daily-video-channel:hover,
.daily-video-actions a:hover{
  background:rgba(255,92,0,.16);
}
.final{
  background:#080808;
}
.sponsor-label{color:#ff8f3d}
.sponsor-title{max-width:860px}
.sponsor-panel{border-radius:28px}
.sponsor-brand{
  background:#080808;
  border-right:1px solid rgba(255,255,255,.12);
}
.sponsor-brand img{border-radius:18px}
.sponsor-copy{background:#101010}
.sponsor-features span{
  background:#f6f1eb;
  color:#080808;
  border:0;
  border-radius:20px;
}
.sponsor-features span:nth-child(2){
  background:#ff5c00;
  color:#fff7ef;
}
.footer-sponsor b{color:inherit}
.footer-sponsor small{color:inherit;opacity:.68}
.langsw{border-color:rgba(255,92,0,.3);background:#101010}
.langsw button.active{background:#ff5c00;color:#080808}
.faq summary::after{color:inherit}
.kicker::before{color:var(--orange)}
#luta .kicker,
.briefing-live,
.fight-grades .g-fact b,
.fight-grades .g-debate b,
.fight-grades .g-no b{
  color:var(--orange);
}
.fight-grades>div:nth-child(2) b,
.fight-grades>div:nth-child(2) span,
.fight-grades>div:nth-child(3) b,
.fight-grades>div:nth-child(3) span{
  color:inherit;
}
@media(max-width:820px){
  h1{font-size:48px}
  h2{font-size:36px}
}
@media(max-width:540px){
  h1{font-size:40px}
  h2{font-size:32px}
  .card h3{font-size:26px}
}

/* --- refined tri-tone system: one card, one dominant color --- */
:root{
  --black:#090909;
  --black-2:#111111;
  --white:#f4efe8;
  --white-2:#fff8ef;
  --orange-solid:#ff5c00;
}
.nav-cta,
.btn.primary,
.app-card .go,
.alertbar a.verify{
  background:var(--orange-solid);
  color:#080808;
  box-shadow:0 16px 34px rgba(255,92,0,.22);
}
.btn.secondary{
  background:var(--black-2);
  color:var(--white-2);
}
.btn.market{
  background:transparent;
  color:var(--orange-solid);
  border-color:var(--orange-solid);
  font-weight:800;
}
.btn.market:hover{background:var(--orange-solid);color:#080808}
.card,
.daily-proof,
.thesis-panel,
.principle,
.evidence-row,
.doc-link,
.source-card,
.daily-video-shell,
.person,
.dog-story,
.tl-row,
.faq details,
.linklist a,
.wrow,
.campaign,
.sponsor-panel,
.footer-sponsor,
.disclaimer,
.collab-cta,
.event-feature,
.step,
.briefing-stat,
.fight-grades>div,
.fight-cta,
.briefing-today{
  background:var(--black-2);
  color:var(--white-2);
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 22px 54px rgba(0,0,0,.3);
}
.card::before,
.daily-proof::before{
  background:repeating-radial-gradient(circle at 100% 0%,rgba(255,255,255,.13) 0 1px,transparent 2px 13px);
  opacity:.18;
}
.grid>.card:nth-child(3n+1),
.docs>.doc-link:nth-child(3n+1),
.linklist>a:nth-child(3n+1),
.roadmap>.step:nth-child(3n+1),
.source-card:nth-child(2n),
.footer-sponsor:nth-child(2n),
.wrow:nth-child(2n),
.tl-row:nth-child(2n),
.faq details:nth-child(2n),
.briefing-stat:nth-child(3),
.principle:nth-child(3),
.fight-grades>div:nth-child(3),
.dog-story .facts span:nth-child(3){
  background:var(--white);
  color:#080808;
  border-color:rgba(0,0,0,.08);
}
.grid>.card:nth-child(3n+2),
.docs>.doc-link:nth-child(3n+2),
.linklist>a:nth-child(3n+2),
.roadmap>.step:nth-child(3n+2),
.source-card:nth-child(3n),
.footer-sponsor:nth-child(3n),
.wrow:nth-child(3n),
.tl-row:nth-child(3n),
.faq details:nth-child(3n),
.briefing-stat:nth-child(2),
.principle:nth-child(2),
.fight-grades>div:nth-child(2),
.dog-story .facts span:nth-child(2){
  background:var(--orange-solid);
  color:var(--white-2);
  border-color:rgba(255,255,255,.2);
}
.grid>.card:nth-child(3n),
.docs>.doc-link:nth-child(3n),
.linklist>a:nth-child(3n),
.roadmap>.step:nth-child(3n){
  background:var(--black-2);
  color:var(--white-2);
}
.grid>.card:nth-child(3n+1)::before,
.docs>.doc-link:nth-child(3n+1)::before,
.linklist>a:nth-child(3n+1)::before{
  background:repeating-radial-gradient(circle at 100% 0%,rgba(255,92,0,.14) 0 1px,transparent 2px 13px);
  opacity:.35;
}
.grid>.card:nth-child(3n+2)::before{
  background:repeating-radial-gradient(circle at 100% 0%,rgba(255,255,255,.2) 0 1px,transparent 2px 13px);
  opacity:.25;
}
.card h3,
.card p,
.card li,
.card .tag,
.doc-link strong,
.doc-link span,
.linklist a b,
.linklist a span,
.step strong,
.step span,
.source-card h3,
.source-card p,
.source-card a,
.wrow .nm,
.wrow .info,
.wrow .info a,
.tl-row .when,
.tl-row h3,
.tl-row p,
.tl-row a,
.faq summary,
.faq .a,
.faq .a a,
.briefing-stat b,
.briefing-stat span,
.principle strong,
.principle span,
.fight-grades>div b,
.fight-grades>div span,
.dog-story .facts span,
.dog-story .facts b{
  color:inherit;
}
.grid>.card:nth-child(3n+1) .go,
.grid>.card:nth-child(3n) .go,
.app-card .go{
  background:var(--orange-solid);
  color:#080808;
}
.grid>.card:nth-child(3n+2) .go{
  background:var(--white-2);
  color:#080808;
}
.app-card{
  min-height:360px;
  display:flex;
  flex-direction:column;
}
.app-card .go{align-self:flex-start;margin-top:auto}
.sponsor-panel{
  overflow:hidden;
  background:var(--black-2);
  color:var(--white-2);
}
.sponsor-panel:nth-child(2){
  background:var(--white);
  color:#080808;
}
.sponsor-panel:nth-child(3){
  background:var(--orange-solid);
  color:var(--white-2);
}
.sponsor-brand,
.sponsor-copy{
  background:transparent;
  color:inherit;
}
.sponsor-brand p,
.sponsor-copy p,
.sponsor-features span,
.footer-sponsor small{
  color:inherit;
}
.sponsor-features span{
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
}
.sponsor-panel:nth-child(2) .sponsor-features span{
  background:#080808;
  color:var(--white-2);
  border-color:#080808;
}
.sponsor-panel:nth-child(3) .sponsor-features span{
  background:#080808;
  color:var(--white-2);
  border-color:#080808;
}
.sponsor-features span:nth-child(2){
  background:inherit;
  color:inherit;
}
.wallets{
  gap:12px;
}
.wrow{
  border-radius:16px;
  padding:22px 26px;
}
.wrow .nm{font-size:18px}
.wrow .info{font-size:16px}
.wrow .info a{color:inherit;text-decoration:underline;text-decoration-color:rgba(255,92,0,.55);text-underline-offset:3px}
.wgrid .wrow{border-radius:16px;padding:20px 22px}
.wgrid .wrow .nm{font-size:17px}
.wgrid .wrow .info{font-size:14.5px}
.wmore{
  background:var(--black-2);
  color:var(--white-2);
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 22px 54px rgba(0,0,0,.3);
  border-radius:16px;
  padding:22px 26px;
}
.wmore p{color:inherit;font-size:15px}
.footer-sponsors{grid-template-columns:repeat(3,1fr)}
@media(max-width:940px){
  .footer-sponsors{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .footer-sponsors{grid-template-columns:1fr}
}

/* ====================== HOME REORG: acts, nav drawer, hero video, verify spine ====================== */

/* ---- hero: contained, scrimmed video background ---- */
.hero{position:relative;min-height:clamp(560px,86vh,820px)}
.hero-bg{
  position:absolute;inset:0;z-index:0;
  width:100%;height:100%;object-fit:cover;object-position:center;
  pointer-events:none;
}
.hero::before{
  z-index:1;
  background:
    linear-gradient(90deg,rgba(3,3,3,.96) 0%,rgba(3,3,3,.84) 36%,rgba(3,3,3,.34) 64%,rgba(3,3,3,.05) 100%),
    linear-gradient(180deg,rgba(3,3,3,.32),rgba(3,3,3,.56));
}
.hero::after{z-index:1}
.hero-content{position:relative;z-index:2}
@media(max-width:560px){.hero{min-height:auto}}

/* ---- hero graded live-claim ---- */
.hero-claim{
  display:flex;gap:13px;align-items:flex-start;
  max-width:560px;margin-top:22px;padding:14px 16px;
  border:1px solid rgba(255,92,0,.4);border-radius:16px;
  background:rgba(255,92,0,.08);
}
.hero-claim .tag{margin:0;padding-top:2px;flex:0 0 auto}
.hero-claim p{color:var(--white-2);font-size:14px;line-height:1.5}
.hero-claim p b{color:#fff}

/* ---- confirmed-facts chips inside the briefing ---- */
.briefing-confirmed{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}
.bc-card{
  background:var(--black-2);border:1px solid rgba(255,255,255,.13);
  border-radius:22px;padding:20px 22px;
}
.bc-card .tag{margin-bottom:7px}
.bc-card h3{font-size:17px;font-weight:720;line-height:1.05;margin:0 0 7px;color:var(--white-2)}
.bc-card p{color:rgba(255,247,239,.66);font-size:13.5px;line-height:1.5}
@media(max-width:620px){.briefing-confirmed{grid-template-columns:1fr}}

/* ---- compact briefing feed ---- */
.briefing-feed{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin:14px 0;
}
.briefing-feed-card{
  position:relative;
  overflow:hidden;
  border-radius:24px;
  padding:24px;
  border:1px solid rgba(255,255,255,.13);
  background:#101010;
  color:#fff7ef;
  box-shadow:0 22px 54px rgba(0,0,0,.3);
}
.briefing-feed-card:nth-child(2){
  background:#f6f1eb;
  color:#080808;
  border-color:rgba(0,0,0,.08);
}
.briefing-feed-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:repeating-radial-gradient(circle at 100% 0%,rgba(255,92,0,.16) 0 1px,transparent 2px 13px);
  opacity:.22;
}
.briefing-feed-card>*{position:relative}
.briefing-feed-card h3{
  font-size:clamp(24px,2.6vw,34px);
  line-height:1;
  letter-spacing:0;
  font-weight:760;
  margin:18px 0 12px;
}
.briefing-feed-card p{
  color:inherit;
  opacity:.72;
  font-size:15px;
  line-height:1.5;
  max-width:560px;
}
.briefing-feed-card a{
  display:inline-flex;
  margin-top:18px;
  color:inherit;
  font-weight:760;
  text-decoration:underline;
  text-decoration-color:#ff5c00;
  text-underline-offset:4px;
}
@media(max-width:700px){.briefing-feed{grid-template-columns:1fr}}

/* ---- desktop dropdown groups ---- */
.navgroup{position:relative;display:flex;align-items:center}
.navgroup-trigger{
  appearance:none;border:0;background:transparent;cursor:pointer;padding:0;
  display:inline-flex;align-items:center;gap:5px;
  color:rgba(255,247,239,.64);font:inherit;font-size:14px;font-weight:620;
  white-space:nowrap;transition:color .15s ease;
}
.navgroup-trigger .caret{font-size:10px;opacity:.75;transition:transform .15s ease}
.navgroup:hover .navgroup-trigger,.navgroup:focus-within .navgroup-trigger{color:#fff}
.navgroup:hover .caret,.navgroup:focus-within .caret{transform:rotate(180deg)}
.navgroup-menu{
  position:absolute;top:calc(100% + 14px);left:50%;
  transform:translateX(-50%) translateY(6px);
  min-width:196px;display:flex;flex-direction:column;gap:2px;padding:8px;
  border-radius:16px;background:#0d0d0d;border:1px solid rgba(255,255,255,.14);
  box-shadow:0 26px 54px rgba(0,0,0,.55);
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .15s ease,transform .15s ease,visibility .15s;z-index:60;
}
.navgroup-menu::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}
.navgroup:hover .navgroup-menu,.navgroup:focus-within .navgroup-menu{
  opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0);
}
.navgroup-menu a{
  color:rgba(255,247,239,.82);font-size:13.5px;font-weight:680;white-space:nowrap;
  padding:9px 12px;border-radius:10px;transition:background .15s ease,color .15s ease;
}
.navgroup-menu a:hover{background:rgba(255,92,0,.16);color:#fff}

/* ---- hamburger ---- */
.navtoggle{
  display:none;appearance:none;cursor:pointer;
  width:44px;height:40px;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  border-radius:12px;border:1px solid rgba(255,92,0,.36);background:#101010;
}
.navtoggle span{display:block;width:18px;height:2px;border-radius:2px;background:#fff8ef;transition:transform .2s ease,opacity .2s ease}
.navtoggle.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.navtoggle.is-open span:nth-child(2){opacity:0}
.navtoggle.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

/* ---- scrim + off-canvas drawer ---- */
.navscrim{position:fixed;inset:0;z-index:80;background:rgba(2,2,2,.62);backdrop-filter:blur(2px)}
.navscrim[hidden]{display:none}
.navdrawer{
  position:fixed;top:0;right:0;z-index:90;height:100%;width:min(86vw,344px);
  background:linear-gradient(180deg,#121212,#050505);
  border-left:1px solid rgba(255,92,0,.28);
  box-shadow:-26px 0 64px rgba(0,0,0,.6);
  transform:translateX(100%);transition:transform .26s cubic-bezier(.4,0,.2,1);
  overflow-y:auto;overscroll-behavior:contain;
}
.navdrawer.open{transform:translateX(0)}
.navdrawer-inner{display:flex;flex-direction:column;gap:4px;padding:80px 18px 28px}
.navdrawer-link{display:block;padding:13px 14px;border-radius:12px;color:var(--white-2);font-size:16px;font-weight:720}
.navdrawer-link:hover,.navdrawer-link:active{background:rgba(255,255,255,.06)}
.navdrawer-link.active{position:relative;color:#fff;background:rgba(255,92,0,.1);padding-left:26px}
.navdrawer-link.active::before{
  content:"";position:absolute;left:10px;top:50%;margin-top:-4px;
  width:8px;height:8px;border-radius:50%;
  background:#ff5c00;box-shadow:0 0 9px 1px rgba(255,92,0,.85);
  animation:navdot 1.3s ease-in-out infinite;
}
.navdrawer-group summary{
  list-style:none;cursor:pointer;padding:13px 14px;border-radius:12px;
  color:var(--white-2);font-size:16px;font-weight:720;
  display:flex;justify-content:space-between;align-items:center;
}
.navdrawer-group summary::-webkit-details-marker{display:none}
.navdrawer-group summary::after{content:"+";color:var(--orange);font-weight:900;font-size:18px}
.navdrawer-group[open] summary::after{content:"\2013"}
.navdrawer-group .navdrawer-link{padding-left:28px;font-size:14.5px;font-weight:640;color:rgba(255,247,239,.78)}
.navdrawer-cta{
  margin-top:14px;text-align:center;padding:14px;border-radius:999px;
  color:#080808;font-weight:820;font-size:15px;background:var(--orange-solid);
  box-shadow:0 14px 30px rgba(255,92,0,.28);
}
body.nav-open{overflow:hidden}
html{overflow-x:hidden}

/* ---- nav breakpoints (drawer takes over exactly where the inline links drop) ---- */
@media(min-width:901px){.nav-cta{display:inline-flex}.navtoggle{display:none}.navdrawer,.navscrim{display:none}}
@media(max-width:900px){
  .navlinks{display:none}
  .nav-cta{display:none}
  .navtoggle{display:inline-flex}
}

/* ---- #verificar: the single "verify it yourself" spine ---- */
#verificar .vf-subhead{
  font-size:12.5px;font-weight:900;text-transform:uppercase;letter-spacing:.16em;
  color:var(--orange);margin:40px 0 14px;padding-bottom:9px;
  border-bottom:1px solid rgba(255,255,255,.13);
}
#verificar .vf-subhead:first-of-type{margin-top:8px}
#verificar .vf-archive-head{color:rgba(255,247,239,.5)}

/* ---- #luta: live signal card (Cryptolution / BIP-110) ---- */
.fight-signal{display:block;margin-top:22px;padding:18px 20px;border:1px solid var(--line);
  border-left:3px solid var(--mint);border-radius:14px;background:var(--surface);
  transition:border-color .15s,background .15s}
.fight-signal:hover{border-color:#3a4654;background:var(--surface-2)}
.fight-signal-top{display:flex;align-items:center;justify-content:space-between;gap:10px;
  flex-wrap:wrap;margin-bottom:11px}
.fight-signal-src{font:600 12px var(--font-mono);color:var(--muted)}
.fight-signal-q{margin:0 0 11px;font-size:15px;line-height:1.6;color:var(--text);font-style:normal}
.fight-signal-q b{color:var(--ink);font-family:var(--font-mono);font-size:14px}
.fight-signal .go{color:var(--mint);font-weight:600;font-size:13.5px}
#verificar .vf-note{margin-bottom:4px}

/* ===== Radar on-chain (feed + grafo) ===== */
#radar{padding:64px 0;border-top:1px solid var(--line)}
.rd-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:26px 0 30px}
.rd-kpi{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 18px}
.rd-kpi-v{font:700 26px/1.05 var(--font-mono);color:var(--ink);letter-spacing:-.02em}
.rd-kpi-l{margin-top:7px;font-size:12.5px;color:var(--muted)}
.rd-kpi.rd-c-orange .rd-kpi-v{color:var(--orange)}
.rd-kpi.rd-c-wide .rd-kpi-v{font-size:18px}
.rd-grid{display:grid;grid-template-columns:1.25fr .95fr;gap:20px}
.rd-graphwrap,.rd-feedwrap{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px}
.rd-graphhead,.rd-feedhead{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.rd-graphhead h3,.rd-feedhead h3{font-size:15px;margin:0;color:var(--ink)}
.rd-legend{display:flex;gap:13px;flex-wrap:wrap;font-size:11.5px;color:var(--muted)}
.rd-legend span{display:inline-flex;align-items:center;gap:5px}
.rd-l{width:9px;height:9px;border-radius:50%;display:inline-block}
.rd-l-source,.rd-l-cofre{background:#ff7300}.rd-l-holder{background:#e5484d}
.rd-l-relay{background:#f7b733}.rd-l-fresh{background:#9a8e7a}
.rd-canvas-box{position:relative;width:100%;height:440px;border-radius:12px;
  background:radial-gradient(120% 120% at 50% 45%,#0e1217 0%,#0b0d0f 70%);overflow:hidden}
#rd-canvas{width:100%;height:100%;display:block}
.rd-tip{position:absolute;display:none;max-width:230px;background:rgba(8,10,13,.96);
  border:1px solid var(--line);border-radius:10px;padding:9px 11px;font-size:12px;
  color:var(--text);pointer-events:none;z-index:3;box-shadow:0 8px 24px rgba(0,0,0,.5);line-height:1.5}
.rd-tip .rd-tag{color:var(--warn)}.rd-tip .rd-mono{font-family:var(--font-mono);color:var(--muted);font-size:11px}
.rd-note{margin:11px 2px 0;font-size:12px;color:var(--muted);line-height:1.55}
.rd-updated{font-size:11.5px;color:var(--muted);font-family:var(--font-mono)}
.rd-feed{display:flex;flex-direction:column;gap:8px;max-height:440px;overflow-y:auto;padding-right:4px}
.rd-item{display:flex;gap:11px;padding:11px 12px;border-radius:11px;background:var(--surface-2);
  border:1px solid var(--line);transition:border-color .15s,background .15s}
.rd-item:hover{border-color:#3a4654;background:var(--surface-3)}
.rd-dot{flex:0 0 auto;width:9px;height:9px;border-radius:50%;margin-top:5px;background:var(--muted)}
.rd-alert .rd-dot{background:#e5484d;box-shadow:0 0 0 4px rgba(229,72,77,.16)}
.rd-watch .rd-dot{background:var(--orange);box-shadow:0 0 0 4px rgba(247,147,26,.14)}
.rd-info .rd-dot{background:var(--blue)}
.rd-body{min-width:0}
.rd-body p{margin:0;font-size:13px;line-height:1.5;color:var(--text)}
.rd-body time{display:block;margin-top:3px;font-size:11px;color:var(--muted);font-family:var(--font-mono)}
.rd-tag{display:inline-block;font-size:10px;text-transform:uppercase;letter-spacing:.04em;
  color:var(--warn);border:1px solid rgba(229,182,75,.4);border-radius:5px;padding:0 5px;margin-left:3px}
.rd-empty{padding:22px;text-align:center;color:var(--muted);font-size:13px}
.rd-src{margin:20px 2px 0;font-size:12px;color:var(--muted);line-height:1.55}
.rd-flows{margin-top:20px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px}
.rd-flows-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.rd-flows-head h3{font-size:15px;margin:0;color:var(--ink)}
.rd-flows-ex{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:14px}
.rd-exchip{display:flex;flex-direction:column;gap:6px;padding:9px 12px;border-radius:10px;min-width:138px;flex:1 1 138px;max-width:200px;
  background:var(--surface-2);border:1px solid var(--line);font-size:12px;transition:border-color .15s}
.rd-exchip:hover{border-color:#3a4654}
.rd-exchip-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.rd-exchip b{color:var(--ink);font-size:12.5px}
.rd-exchip i{font-style:normal;font-weight:600;font-family:var(--font-mono);font-size:11.5px}
.rd-exbar{height:5px;border-radius:3px;background:#e5484d;overflow:hidden}
.rd-exbar-buy{display:block;height:100%;background:var(--mint)}
.rd-exchip-bot{display:flex;align-items:center;justify-content:space-between;gap:8px}
.rd-exchip-bot span{color:var(--muted);font-family:var(--font-mono);font-size:11px}
.rd-exchip-bot em{font-style:normal;font-weight:600;font-family:var(--font-mono);font-size:11px}
.rd-flows-ex .rd-exchip.rd-hidden{display:none}
.rd-flows-ex.rd-ex-open .rd-exchip.rd-hidden{display:flex}
.rd-extoggle{flex:1 1 100%;max-width:none;margin-top:2px}
.rd-up{color:var(--mint)}.rd-down{color:#e5484d}
.rd-flows-list{display:flex;flex-direction:column;gap:7px}
.rd-flow{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:10px;
  background:var(--surface-2);border:1px solid var(--line);transition:border-color .15s,background .15s}
.rd-flow:hover{border-color:#3a4654;background:var(--surface-3)}
.rd-flow-side{flex:0 0 auto;width:46px;text-align:center;font:700 10px/1 var(--font-mono);
  letter-spacing:.06em;padding:5px 0;border-radius:6px}
.rd-buy .rd-flow-side{color:#0b0d0f;background:var(--mint)}
.rd-sell .rd-flow-side{color:#fff;background:#e5484d}
.rd-flow-body{min-width:0}
.rd-flow-body p{margin:0;font-size:13px;color:var(--text)}
.rd-flow-body b{color:var(--ink)}
.rd-flow-usd{color:var(--muted);font-size:12px;font-family:var(--font-mono)}
.rd-flow-body time{display:block;margin-top:2px;font-size:11px;color:var(--muted);font-family:var(--font-mono)}
.rd-flows-more{display:flex;flex-direction:column;gap:7px}
.rd-flows-toggle{margin-top:8px;width:100%;padding:9px 12px;border-radius:10px;cursor:pointer;
  background:var(--surface-2);border:1px solid var(--line);color:var(--muted);
  font:600 12.5px/1 var(--font-mono);letter-spacing:.02em;transition:border-color .15s,background .15s,color .15s}
.rd-flows-toggle:hover{border-color:#3a4654;background:var(--surface-3);color:var(--ink)}
@media (max-width:860px){
  .rd-kpis{grid-template-columns:repeat(2,1fr)}
  .rd-grid{grid-template-columns:1fr}
  .rd-canvas-box{height:380px}
  .rd-feed{max-height:none}
}
@media (max-width:420px){
  .rd-kpis{grid-template-columns:1fr}
}

/* ====================== CINEMATIC SINGLE-FOCUS HERO ====================== */
/* Relax the winning min-height (set to clamp(560px,86vh,820px) at line 1534) so the
   single left column never floats in dead space, but keep it tall enough to feel cinematic. */
.hero--cinematic{min-height:clamp(540px,78vh,760px)}
/* Kill the dog-logo watermark (.hero::after) for this layout so it can't ghost over the mascot video,
   including the <=820px rule that re-widens it to 58vw/opacity .28. */
.hero--cinematic::after{display:none}
/* Single left-weighted column: drop the 2-col grid from line 196. */
.hero--cinematic .hero-content{
  display:block;
  padding-block:64px 72px;
}
.hero--cinematic .hero-copy{max-width:600px}
.hero--cinematic .hero-copy{
  position:relative;
}
.hero--cinematic .hero-copy::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-28px -34px -30px -34px;
  border-radius:28px;
  background:linear-gradient(90deg,rgba(0,0,0,.64),rgba(0,0,0,.42) 70%,rgba(0,0,0,0));
  filter:blur(.2px);
}
/* Differentiated evergreen statement line (replaces the 12.32% claim's brand voice). */
.hero-stance{
  margin-top:22px;
  max-width:560px;
  color:var(--ink);
  font-size:clamp(15px,1.5vw,18px);
  line-height:1.5;
  font-weight:800;
  letter-spacing:-.005em;
  text-shadow:0 1px 18px rgba(0,0,0,.55);
}
/* Evergreen supporting fact strip (reuses the eyebrow/orange pill language). */
.hero-creds{
  list-style:none;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:18px 0 0;
  padding:0;
}
.hero-creds li{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  border:1px solid rgba(255,92,0,.4);
  border-radius:999px;
  background:rgba(255,92,0,.1);
  color:var(--white-2);
  font-size:13px;
  font-weight:780;
  letter-spacing:.01em;
  white-space:nowrap;
}
.hero-creds li::before{
  content:"";
  width:6px;height:6px;border-radius:50%;
  background:var(--orange);
  flex:0 0 auto;
}
@media(max-width:960px){
  .hero--cinematic .hero-content{padding-block:58px 62px}
  .hero--cinematic .hero-copy{max-width:680px}
}
@media(max-width:820px){
  .hero--cinematic{min-height:auto}
  .hero--cinematic .hero-content{padding-block:52px 54px}
}
@media(max-width:540px){
  .hero--cinematic .hero-content{padding-block:44px 44px}
  .hero-stance{font-size:15px}
  .hero-creds{gap:7px;margin-top:16px}
  .hero-creds li{font-size:12px;padding:7px 12px}
}


/* ===== timeline — clean vertical spine (overrides tri-tone cards) ===== */
.timeline{position:relative;display:block;padding-left:34px;gap:0;margin-top:20px}
.timeline::before{content:"";position:absolute;left:9px;top:6px;bottom:8px;width:2px;background:linear-gradient(180deg,var(--orange),rgba(247,147,26,.12))}
.timeline .tl-row{position:relative;display:block;grid-template-columns:none;background:none;border:0;border-radius:0;box-shadow:none;padding:0 0 26px 0}
.timeline .tl-row:last-child{padding-bottom:0}
.timeline .tl-row::before{content:"";position:absolute;left:-29px;top:3px;width:12px;height:12px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px var(--bg)}
.timeline .tl-row:nth-child(2n),.timeline .tl-row:nth-child(3n){background:none;border:0;border-radius:0;padding:0 0 26px 0}
.timeline .tl-row .when{display:block;margin:0 0 4px;padding:0;color:var(--orange);font-size:11.5px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.timeline .tl-row h3,.timeline .tl-row:nth-child(2n) h3,.timeline .tl-row:nth-child(3n) h3{color:var(--ink);font-size:16px;margin-bottom:4px}
.timeline .tl-row p,.timeline .tl-row:nth-child(2n) p,.timeline .tl-row:nth-child(3n) p{color:var(--muted);font-size:14px;line-height:1.5}
.timeline .tl-row a,.timeline .tl-row:nth-child(2n) a,.timeline .tl-row:nth-child(3n) a{color:var(--orange);border-bottom:1px solid rgba(247,147,26,.4)}
@media(max-width:620px){.timeline{padding-left:28px}.timeline .tl-row::before{left:-25px}}


/* ===== source cards (Open the sources) ===== */
.verify-source{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:var(--surface);text-decoration:none;transition:border-color .15s ease,transform .15s ease}
.verify-source:hover{border-color:rgba(247,147,26,.55);transform:translateY(-1px)}
.verify-source .src-logo{width:46px;height:46px;flex:0 0 46px;border-radius:11px;object-fit:contain;background:#0c1015;padding:6px}
.verify-source .src-body{display:flex;flex-direction:column;gap:2px;min-width:0}
.verify-source .src-body>strong{color:var(--ink);font-size:16px}
.verify-source .src-body>span{color:var(--muted);font-size:13px;line-height:1.4}
.verify-source .src-url{color:var(--orange)!important;font-size:12.5px;font-weight:800;letter-spacing:.02em;margin-top:2px}
/* ===== archive: view / download actions ===== */
.doc-dl{display:flex;flex-direction:column}
.doc-actions{display:flex;gap:8px;margin-top:12px}
.doc-actions a{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:800;padding:6px 13px;border-radius:999px;border:1px solid currentColor;color:inherit;opacity:.78;text-decoration:none;transition:opacity .15s ease,background .15s ease}
.doc-actions a:hover{opacity:1;background:rgba(127,127,127,.14)}

/* === i18n nav fit ===
   PT/ES nav labels run longer than English, so the sticky header row overflowed
   at laptop widths (the "Join the army" CTA got clipped). Tighten the nav only
   for the heavier languages, and hand off to the hamburger/drawer earlier for
   them. */
/* All languages: full links + CTA overflowed between ~900 and 1180px (the CTA
   was re-shown by a later min-width:901 rule). Compact the links and drop the
   nav CTA in that band — the hero and footer keep their own CTAs. */
@media (min-width:901px) and (max-width:1180px){
  .navlinks{gap:16px}
  .navlinks a{font-size:13px}
  nav .nav-cta{display:none}
}
/* Below 1180px the short English labels don't fit beside the brand + price
   ticker + wallet button (five direct links + More) — hand
   every language off to the hamburger/drawer, same threshold PT/ES already use. */
@media (min-width:901px) and (max-width:1180px){
  .navlinks{display:none}
  nav .nav-cta{display:none}
  .navtoggle{display:inline-flex}
  .navdrawer{display:block}
  .navscrim:not([hidden]){display:block}
}
html[lang="pt-BR"] .navlinks,
html[lang="es"]    .navlinks{gap:15px}
html[lang="pt-BR"] .navlinks a,
html[lang="es"]    .navlinks a{font-size:13px}
html[lang="pt-BR"] nav,
html[lang="es"]    nav{gap:14px}
/* Mid widths: keep the inline links (compact) but drop the CTA so nothing clips. */
@media (min-width:1181px) and (max-width:1366px){
  html[lang="pt-BR"] .nav-cta,
  html[lang="es"]    .nav-cta{display:none}
}
/* Narrow desktop: the longer labels can't fit inline at all → use the drawer. */
@media (min-width:901px) and (max-width:1180px){
  html[lang="pt-BR"] .navlinks,
  html[lang="es"]    .navlinks{display:none}
  html[lang="pt-BR"] .nav-cta,
  html[lang="es"]    .nav-cta{display:none}
  html[lang="pt-BR"] .navtoggle,
  html[lang="es"]    .navtoggle{display:inline-flex}
  html[lang="pt-BR"] .navdrawer,
  html[lang="es"]    .navdrawer{display:block}
  html[lang="pt-BR"] .navscrim:not([hidden]),
  html[lang="es"]    .navscrim:not([hidden]){display:block}
}

/* KRAY wallet connect */
.nav-wallet{
  display:inline-flex;
  align-items:center;
  gap:7px;
  color:rgba(255,248,236,.9);
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,199,130,.34);
  padding:9px 13px;
  border-radius:999px;
  font-family:var(--font-sans);
  font-size:12.5px;
  font-weight:720;
  white-space:nowrap;
  cursor:pointer;
  transition:border-color .15s ease,color .15s ease,background .15s ease;
}
.nav-wallet:hover{border-color:var(--pumpkin);color:#fff}
.nav-wallet-dot{
  width:8px;height:8px;border-radius:50%;
  background:var(--pumpkin);
  box-shadow:0 0 8px rgba(255,115,0,.55);
  flex:none;
}
.nav-wallet.is-connected .nav-wallet-dot{background:var(--mint);box-shadow:0 0 8px rgba(67,197,158,.55)}
.nav-wallet-pfp{
  width:20px;height:20px;border-radius:50%;flex:none;
  image-rendering:pixelated;
  border:1px solid rgba(255,199,130,.5);
  background:#000;
}
.nav-wallet.has-pfp .nav-wallet-dot,
.navdrawer-wallet.has-pfp .nav-wallet-dot{display:none}
.nav-wallet-addr{font-family:var(--font-mono);font-size:12px;letter-spacing:.02em}
@media(max-width:720px){.nav-wallet{display:none}}
.navdrawer-wallet{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:100%;
  margin-top:10px;
  color:rgba(255,248,236,.86);
  background:rgba(255,255,255,.04);
  border:1px solid var(--line);
  padding:12px 16px;
  border-radius:999px;
  font-family:var(--font-sans);
  font-size:14px;
  font-weight:720;
  cursor:pointer;
}
.wscrim{
  position:fixed;inset:0;z-index:100;
  background:rgba(4,6,8,.68);
  backdrop-filter:blur(4px);
}
.wmodal{
  position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:110;
  width:min(392px,calc(100vw - 32px));
  background:var(--bg);
  border:1px solid var(--line);
  border-radius:20px;
  padding:38px 30px 28px;
  box-shadow:0 40px 120px rgba(0,0,0,.62);
  text-align:center;
}
.wmodal h3{font-size:26px;font-weight:840;letter-spacing:-.02em;line-height:1.08;margin-bottom:12px;padding:0 6px}
.wmodal-sub{color:var(--muted);font-size:14px;line-height:1.55;margin-bottom:26px}
.wmodal-close{
  position:absolute;top:14px;right:14px;
  width:30px;height:30px;border-radius:50%;
  background:rgba(255,255,255,.05);
  border:1px solid var(--line);
  color:var(--muted);
  font-size:16px;line-height:1;
  cursor:pointer;
}
.wmodal-close:hover{color:#fff;border-color:var(--pumpkin)}
.wmodal-state p{color:var(--text);font-size:14px;line-height:1.5;margin-bottom:16px}
.wmodal-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:100%;
  gap:8px;
  color:#fff8ef;
  background:linear-gradient(135deg,var(--pumpkin),var(--pumpkin-2));
  border:0;
  padding:14px 18px;
  border-radius:999px;
  font-family:var(--font-sans);
  font-size:15px;
  font-weight:780;
  cursor:pointer;
  transition:filter .15s ease;
}
.wmodal-btn:hover{filter:brightness(1.07)}
.wmodal-note{color:var(--muted);font-size:12.5px;line-height:1.5;margin-top:14px;margin-bottom:0}
.wmodal-link{
  display:block;
  text-align:center;
  margin-top:12px;
  color:var(--warn);
  font-size:13px;
  font-weight:660;
  text-decoration:underline;
  text-underline-offset:3px;
}
.wmodal-link:hover{color:#fff}
.wmodal-row{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:11px 14px;
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:12px;
  margin-bottom:8px;
}
.wmodal-row span{color:var(--muted);font-size:12.5px;font-weight:660}
.wmodal-row code,.wmodal-row strong{font-family:var(--font-mono);font-size:13px;color:var(--ink)}
.wmodal-dsc a{display:inline-flex;align-items:center;gap:8px;text-decoration:none}
.wmodal-dsc img{
  width:30px;height:30px;border-radius:50%;display:block;
  image-rendering:pixelated;
  border:1px solid rgba(255,199,130,.5);
  background:#000;
}
.wmodal-dsc strong{color:var(--mint)}
.wmodal-dsc a:hover img{border-color:var(--pumpkin)}
.wmodal-ghost{
  display:block;width:100%;
  margin-top:12px;
  background:transparent;
  border:1px solid var(--line);
  color:var(--muted);
  padding:10px 16px;
  border-radius:999px;
  font-family:var(--font-sans);
  font-size:13px;
  font-weight:660;
  cursor:pointer;
}
.wmodal-ghost:hover{color:#fff;border-color:var(--pumpkin)}
.wmodal-err{color:var(--warn);font-size:13px;margin-top:12px}
body.wallet-open{overflow:hidden}

/* WEB3 HQ (/web3) — Origin Layer page */
.w3-status{
  margin-top:16px;
  font-size:13.5px;color:var(--muted);
  font-family:var(--font-mono);
}
.w3-status.is-ok{color:var(--mint)}
.w3-status.is-err{color:var(--warn)}
.w3-note{color:var(--muted);font-size:12.5px;margin-top:12px}
.w3-note.is-ok{color:var(--mint)}
.w3-note.is-err{color:var(--warn)}

.w3-badges{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media(max-width:760px){.w3-badges{grid-template-columns:1fr}}
.w3-badge{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:14px;
  padding:16px 18px;
  display:flex;flex-direction:column;gap:6px;
  transition:border-color .2s ease;
}
.w3-badge b{font-size:14px;letter-spacing:.04em;color:var(--ink)}
.w3-badge span{font-size:12.5px;color:var(--muted)}
.w3-badge.is-ok{border-color:rgba(67,197,158,.55)}
.w3-badge.is-ok span{color:var(--mint)}
.w3-badge.is-no{opacity:.75}

.w3-rank-result{
  margin-top:18px;
  background:var(--surface);
  border:1px solid rgba(255,199,130,.34);
  border-radius:16px;
  padding:22px 22px 20px;
}
.w3-rank-title{font-size:15px;color:var(--muted)}
.w3-rank-title strong{
  display:block;
  font-size:44px;line-height:1.1;
  letter-spacing:-.01em;
  color:var(--ink);
  text-transform:uppercase;
}
.w3-rank-note{color:var(--text);font-size:14px;margin-top:8px;margin-bottom:14px}
.w3-card-img{
  display:block;max-width:100%;
  margin-top:16px;
  border-radius:12px;
  border:1px solid var(--line);
}

/* Author display rules (e.g. .btn{display:inline-flex}) would otherwise beat
   the UA's [hidden] style — hidden must always win. */
[hidden]{display:none!important}

/* ===== Radar · liquidity map (aggregated order-book heatmap) ===== */
.rd-liq{margin-top:20px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px}
.rd-liq-kpis{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:14px}
.rd-liq-kpi{flex:1 1 150px;min-width:150px;background:var(--surface-3);border:1px solid var(--line);border-radius:10px;padding:9px 12px}
.rd-liq-kpi b{display:block;font:700 16px/1.25 var(--font-mono);color:var(--ink)}
.rd-liq-kpi span{font-size:11.5px;color:var(--muted)}
.rd-liq-kpi.rd-lq-bid b{color:#43c59e}
.rd-liq-kpi.rd-lq-ask b{color:#e5484d}
.rd-liq-grid{display:grid;grid-template-columns:minmax(0,1fr) 272px;gap:16px;align-items:start}
.rd-liq-canvasbox{position:relative;height:440px;border-radius:12px;background:#100906;border:1px solid var(--line);overflow:hidden;box-shadow:inset 0 0 60px rgba(0,0,0,.45)}
.rd-liq-canvasbox canvas{display:block;width:100%;height:100%}
.rd-liq-legend{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:8px;font-size:11px;color:var(--muted)}
.rd-liq-grad{flex:0 0 140px;height:8px;border-radius:4px;background:linear-gradient(90deg,#170e07,#7a380e,#a8490c,#e0570e,#ff8c4d,#ffc9a3)}
.rd-liq-side h4{margin:0 0 10px;font-size:13px;color:var(--ink)}
.rd-liq-walls{display:flex;flex-direction:column;gap:6px}
.rd-wall{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:9px;background:var(--surface-3);border:1px solid var(--line);text-decoration:none;transition:border-color .15s}
.rd-wall:hover{border-color:#3a4654}
.rd-wall-side{flex:0 0 auto;width:36px;text-align:center;font:700 9.5px/1 var(--font-mono);padding:4px 0;border-radius:5px}
.rd-wall.rd-buy .rd-wall-side{color:#43c59e;background:rgba(67,197,158,.12)}
.rd-wall.rd-sell .rd-wall-side{color:#e5484d;background:rgba(229,72,77,.12)}
.rd-wall b{font:700 12.5px var(--font-mono);color:var(--ink);white-space:nowrap}
.rd-wall small{color:var(--muted);font:600 10.5px var(--font-mono);white-space:nowrap}
.rd-wall-ex{margin-left:auto;font-size:10.5px;color:var(--muted);white-space:nowrap}
.rd-liq-walls-more{display:flex;flex-direction:column;gap:6px}
.rd-liq-perp{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.rd-liq-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:999px;background:var(--surface-3);border:1px solid var(--line);font-size:11.5px;color:var(--muted);line-height:1.35}
.rd-liq-pill b{color:var(--ink);font-weight:600}
@media (max-width:900px){
  .rd-liq-grid{grid-template-columns:1fr}
  .rd-liq-canvasbox{height:360px}
}

/* ===== Radar · market dashboard (price, futures, liquidations) ===== */
.rd-mkt{margin-top:20px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px}
.rd-mkt-chartwrap{position:relative}
.rd-mkt-ranges{display:flex;gap:6px;margin-bottom:10px}
.rd-mkt-ranges button{padding:5px 12px;border-radius:8px;cursor:pointer;background:var(--surface-3);border:1px solid var(--line);color:var(--muted);font:600 11.5px/1 var(--font-mono);letter-spacing:.02em;transition:border-color .15s,color .15s,background .15s}
.rd-mkt-ranges button:hover{border-color:#3a4654;color:var(--ink)}
.rd-mkt-ranges button.on{background:rgba(255,92,0,.14);border-color:rgba(255,92,0,.45);color:var(--ink)}
.rd-mkt-canvasbox{position:relative;height:260px;border-radius:12px;background:#101010;border:1px solid var(--line);overflow:hidden}
.rd-mkt-canvasbox canvas{display:block;width:100%;height:100%}
.rd-liq-kpi em{font-style:normal;font-weight:600;font-family:var(--font-mono);font-size:11px}
@media (max-width:900px){.rd-mkt-canvasbox{height:220px}}

/* ===== DogScan embed block (web3 page) — KrayScan layout in DOG ARMY orange ===== */
.ks-embed{
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.028));
  border:1px solid rgba(255,255,255,.08);
  border-radius:24px;padding:40px;transition:border-color .25s ease;
}
.ks-embed:hover{border-color:rgba(255,255,255,.14)}
.ks-embed-title{font-size:28px;font-weight:700;letter-spacing:-.04em;color:var(--ink);margin-bottom:8px;display:flex;align-items:center;gap:12px}
.ks-embed-sub{font-size:14px;color:var(--muted);margin:0 0 28px}
.ks-embed-form{display:flex;gap:12px}
.ks-embed-input{
  flex:1;min-width:0;background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.08);border-radius:16px;
  padding:16px 18px;font-size:15px;color:var(--ink);
  font-family:var(--font-mono,ui-monospace,Menlo,monospace);
  transition:border-color .2s ease,box-shadow .2s ease;
}
.ks-embed-input:focus{outline:none;border-color:rgba(255,92,0,.6);box-shadow:0 0 0 4px rgba(255,92,0,.18)}
.ks-embed-input::placeholder{color:var(--muted)}
.ks-embed-btn{
  background:var(--orange-solid,#ff5c00);color:#080808;border:none;border-radius:999px;
  padding:0 40px;font-size:15px;font-weight:700;cursor:pointer;
  font-family:inherit;transition:background .2s ease,transform .2s ease;
  box-shadow:0 16px 34px rgba(255,92,0,.22);
}
.ks-embed-btn:hover{background:#ff7a1a;transform:translateY(-2px)}
@media (max-width:768px){
  .ks-embed{padding:24px 18px;border-radius:20px}
  .ks-embed-form{flex-direction:column}
  .ks-embed-btn{padding:14px 40px}
}


/* ===== archive shelf: compact band on home; full grid opens on demand.
   The 7 doc cards stay in the DOM (inside <details>) so crawlers and AIs
   always see every link — the collapse is visual only. ===== */
.archive-details{margin-top:14px}
.archive-details>summary{list-style:none}
.archive-details>summary::-webkit-details-marker{display:none}
.archive-shelf{
  display:flex;align-items:center;gap:26px;
  padding:22px 26px;border-radius:18px;cursor:pointer;
  background:var(--black-2);color:var(--white-2);
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 22px 54px rgba(0,0,0,.3);
  transition:border-color .15s ease,transform .15s ease;
}
.archive-shelf:hover{border-color:rgba(255,92,0,.55);transform:translateY(-1px)}
.archive-stack{position:relative;flex:0 0 96px;height:86px}
.archive-stack .sheet{position:absolute;inset:0;border-radius:10px}
.archive-stack .s3{background:var(--orange-solid);transform:rotate(-7deg) translate(-6px,4px)}
.archive-stack .s2{background:#1b1b1b;border:1px solid rgba(255,255,255,.22);transform:rotate(4deg) translate(6px,2px)}
.archive-stack .s1{
  background:var(--white-2);color:#080808;border:1px solid rgba(0,0,0,.1);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;
}
.archive-stack .s1 .n{font-size:30px;font-weight:900;letter-spacing:-.04em;line-height:1}
.archive-stack .s1 .lbl{font-size:9.5px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;opacity:.55}
.archive-pitch{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}
.archive-pitch strong{font-size:17px;color:var(--white-2)}
.archive-pitch>span{color:rgba(255,247,239,.62);font-size:13.5px;line-height:1.55}
.archive-cta{
  flex:0 0 auto;display:inline-flex;align-items:center;white-space:nowrap;
  padding:11px 20px;border-radius:999px;font-size:13px;font-weight:800;
  background:var(--orange-solid);color:#080808;
  box-shadow:0 16px 34px rgba(255,92,0,.22);
}
.archive-details[open] .archive-cta .when-closed{display:none}
.archive-details:not([open]) .archive-cta .when-open{display:none}
.archive-details>.docs{margin-top:12px}
.archive-details[open]>.docs{animation:archive-reveal .28s ease}
@keyframes archive-reveal{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@media (max-width:760px){
  .archive-shelf{flex-wrap:wrap;gap:18px;padding:20px}
  .archive-stack{flex-basis:78px;height:72px}
  .archive-stack .s1 .n{font-size:24px}
  .archive-pitch{flex:1 1 calc(100% - 100px)}
  .archive-cta{flex:1 1 100%;justify-content:center}
}

/* ===== KRAY Social strip (below hero): live posts marquee, cards open the
   inscription profile on kray.space. Populated by i18n.js via /api/social. ===== */
.social-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#050607;padding:18px 0 20px}
.social-strip-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}
.social-strip-pitch{display:flex;flex-direction:column;gap:7px;min-width:0}
.social-strip-hook{margin:0;color:var(--text);font-size:15.5px;font-weight:650;line-height:1.4;max-width:660px}
.social-strip-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.social-strip-btn{white-space:nowrap}
.social-strip-label{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.social-dot{width:7px;height:7px;border-radius:50%;background:#4a4a4a}
.social-dot.is-live{background:var(--orange-solid);box-shadow:0 0 0 0 rgba(255,92,0,.5);animation:social-pulse 2s ease-out infinite}
@keyframes social-pulse{0%{box-shadow:0 0 0 0 rgba(255,92,0,.45)}70%{box-shadow:0 0 0 8px rgba(255,92,0,0)}100%{box-shadow:0 0 0 0 rgba(255,92,0,0)}}
.social-strip-filters{display:flex;gap:8px}
.soc-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font-family:inherit;font-size:12px;font-weight:800;padding:6px 14px;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}
.soc-chip:hover{border-color:rgba(255,92,0,.45);color:var(--text)}
.soc-chip.active{background:var(--orange-solid);border-color:transparent;color:#080808}
.social-strip-viewport{overflow:hidden;padding:12px 0 14px}
.social-strip-track{display:flex;gap:12px;width:max-content;animation:social-scroll 70s linear infinite}
.social-strip-viewport:hover .social-strip-track{animation-play-state:paused}
@keyframes social-scroll{to{transform:translateX(calc(-50% - 6px))}}
.social-strip-track.no-anim{animation:none}
@media (prefers-reduced-motion:reduce){
  .social-strip-viewport{overflow-x:auto}
  .social-strip-track{animation:none}
}
.social-strip-msg{color:var(--muted);font-size:13px;padding:18px 24px}
.social-card{display:flex;align-items:center;gap:17px;width:392px;padding:18px 24px 18px 18px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));text-decoration:none;transition:border-color .15s ease,transform .15s ease}
.social-card:hover{border-color:rgba(255,92,0,.55);transform:translateY(-2px)}
.social-card-thumb{width:76px;height:76px;border-radius:15px;object-fit:cover;flex:0 0 76px;background:#111;border:1px solid rgba(255,255,255,.08)}
.social-card-body{min-width:0}
.social-card-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--text);font-size:16px;font-weight:650;line-height:1.35;overflow:hidden;margin-bottom:8px}
.social-card-stats{display:flex;align-items:center;gap:16px;color:var(--muted);font-size:13.5px;font-weight:700}
.social-card-reward{color:var(--orange);border:1px solid rgba(255,92,0,.28);border-radius:999px;padding:1px 8px;white-space:nowrap}
.social-card-l2{display:inline-block;background:rgba(113,50,245,.28);color:#b79bff;font-size:11px;font-weight:900;letter-spacing:.05em;border-radius:5px;padding:2px 7px;margin-right:7px;vertical-align:1px}
@media (max-width:760px){
  .social-strip-head{flex-wrap:wrap;gap:10px}
  .social-card{width:312px;gap:14px;padding:15px 19px 15px 15px}
  .social-card-thumb{width:62px;height:62px;flex-basis:62px}
  .social-card-text{font-size:15px}
}

/* ===== community photos: culture gallery, campaign poster wall,
   fight banner, event photo ===== */
.culture-grid{columns:3;column-gap:14px}
.culture-item{break-inside:avoid;margin:0 0 14px}
.culture-item img{width:100%;display:block;border-radius:10px;border:1px solid var(--line);transition:transform .18s ease,border-color .18s ease}
.culture-item img:hover{transform:translateY(-3px);border-color:rgba(255,92,0,.5)}
@media (max-width:900px){.culture-grid{columns:2}}

.campaign:has(.campaign-imgs){grid-template-columns:minmax(320px,1.1fr) 1fr}
.campaign-imgs{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:center}
@media (max-width:640px){.campaign-imgs{grid-template-columns:1fr}}

.fight-banner{margin:22px 0 8px}
.fight-banner img{width:100%;max-height:430px;object-fit:cover;display:block;border-radius:10px;border:1px solid var(--line)}
.fight-banner figcaption{margin-top:9px;text-align:center;font-size:12.5px;color:var(--muted);font-weight:700;letter-spacing:.02em}

.event-feature.has-photo{display:grid;grid-template-columns:1.35fr .85fr;gap:26px;align-items:center}
/* slideshow das fotos do DOG Summit: camadas 16/9 com crossfade + zoom lento (Ken Burns) */
.event-feature-photo{position:relative;width:100%;aspect-ratio:16/9;max-height:300px;overflow:hidden;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#0c0c0e}
.event-shot{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transform:scale(1);transition:opacity 1s ease,transform 6s ease}
.event-shot.is-on{opacity:1;transform:scale(1.05)}
@media (prefers-reduced-motion:reduce){
  .event-shot{transition:opacity .01s linear;transform:none}
  .event-shot.is-on{transform:none}
}
@media (max-width:760px){
  .event-feature.has-photo{grid-template-columns:1fr}
  .event-feature-photo{max-height:360px}
}

/* ===== Radar · exchange flow: logos + ambient orange treatment ===== */
.rd-exlogo{width:20px;height:20px;border-radius:50%;background:#fff;object-fit:cover;flex:0 0 auto;
  border:1px solid rgba(255,255,255,.16);box-shadow:0 2px 6px rgba(0,0,0,.45)}
.rd-exchip-id{display:flex;align-items:center;gap:8px;min-width:0}
.rd-exchip-id .rd-exlogo{width:18px;height:18px}
.rd-exchip{gap:8px;padding:11px 13px;background:linear-gradient(180deg,var(--surface-2),var(--surface));
  transition:border-color .15s,box-shadow .15s,transform .15s}
.rd-exchip:hover{border-color:rgba(255,122,26,.55);transform:translateY(-1px);
  box-shadow:0 6px 18px rgba(0,0,0,.35),0 0 14px rgba(255,92,0,.12)}
.rd-exbar{height:6px;background:linear-gradient(90deg,#a03338,#e5484d);box-shadow:inset 0 1px 2px rgba(0,0,0,.5)}
.rd-exbar-buy{background:linear-gradient(90deg,#ffb15c,#ff5c00);box-shadow:0 0 8px rgba(255,122,26,.5)}
.rd-flow{position:relative;overflow:hidden;padding:10px 14px 10px 16px}
.rd-flow::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px}
.rd-flow.rd-buy::before{background:linear-gradient(180deg,#16c784,#0e9f6a)}
.rd-flow.rd-sell::before{background:#e5484d}
.rd-flow.rd-buy{background:linear-gradient(90deg,rgba(22,199,132,.07),rgba(22,199,132,.015) 55%,var(--surface-2))}
.rd-flow.rd-sell{background:linear-gradient(90deg,rgba(229,72,77,.08),rgba(229,72,77,.015) 55%,var(--surface-2))}
.rd-flow.rd-buy:hover{border-color:rgba(22,199,132,.5)}
.rd-flow.rd-sell:hover{border-color:rgba(229,72,77,.5)}
.rd-flow.rd-buy .rd-flow-side{box-shadow:0 0 12px rgba(255,122,26,.4)}
.rd-flow.rd-sell .rd-flow-side{box-shadow:0 0 12px rgba(229,72,77,.35)}
.rd-flow-logo{width:22px;height:22px}
.rd-flows .rd-flows-toggle:hover{border-color:rgba(255,122,26,.45)}
.rd-flows .rd-updated{display:inline-flex;align-items:center;gap:7px}
.rd-flows .rd-updated:not(:empty)::before{content:"";width:6px;height:6px;border-radius:50%;
  background:var(--orange);box-shadow:0 0 8px rgba(255,92,0,.8);animation:rd-live 2.4s ease-in-out infinite}
@keyframes rd-live{0%,100%{opacity:1}50%{opacity:.3}}
@media (prefers-reduced-motion:reduce){.rd-flows .rd-updated:not(:empty)::before{animation:none}}


/* ===== liquidity map v2: plain-language KPIs, balance bar, venue chips,
   exchange logos in walls/pills, "map filling in" overlay ===== */
.rd-liq-sub{margin:-4px 0 14px;font-size:13px;color:var(--muted);max-width:none;line-height:1.5}
.rd-liq-balkpi{flex:2 1 300px;display:flex;flex-direction:column;gap:7px}
.rd-liq-balkpi>span{font-size:11.5px;color:var(--muted)}
.rd-balbar{height:10px;border-radius:5px;background:rgba(229,72,77,.75);overflow:hidden}
.rd-balbar i{display:block;height:100%;background:#43c59e;border-right:2px solid #101010}
.rd-balrow{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.rd-balrow b{font:700 12.5px var(--font-mono);white-space:nowrap}
.rd-balbuy{color:#43c59e}
.rd-balsell{color:#e5484d}
.rd-wall-side{width:auto;min-width:38px;padding:4px 7px}
.rd-wall-body{display:flex;flex-direction:column;gap:1px;min-width:0}
.rd-wall-ex{display:flex;align-items:center}
.rd-wall-logo{width:18px;height:18px}
.rd-pill-logo{width:15px;height:15px}
.rd-src-logo{width:16px;height:16px}
.rd-liq-srcs{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.rd-liq-src{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:999px;background:var(--surface-3);border:1px solid var(--line);text-decoration:none;font-size:11.5px;color:var(--muted);transition:border-color .15s}
.rd-liq-src:hover{border-color:#3a4654}
.rd-liq-src b{color:var(--ink);font-weight:600}
.rd-liq-src i{font-style:normal;font-size:9.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);border-radius:4px;padding:1px 4px}
.rd-liq-src span{font-family:var(--font-mono)}
.rd-liq-build{margin:8px 0 0;font-size:11.5px;line-height:1.45;color:var(--muted);background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:8px;padding:7px 12px}
.rd-liq-build[hidden]{display:none}


/* ===== header v2: editorial nav com a cara do Dog da Massa =====
   Links em caixa alta estilo kicker, sublinhado laranja que varre no hover,
   scrollspy (classe .nav-here via i18n.js), CTA de alistamento com o mascote
   e pulso "novo" no Web3 HQ. */
.navlinks>a,
.navgroup-trigger{
  font-size:11.5px;
  font-weight:800;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.navlinks>a,
.navgroup{position:relative}
.navlinks>a::after,
.navgroup-trigger::after{
  content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;
  background:var(--orange-solid);border-radius:2px;
  transition:right .18s ease;
}
.navgroup-trigger::after{bottom:-9px}
.navlinks>a:hover::after,
.navlinks>a.nav-here::after,
.navgroup:hover .navgroup-trigger::after,
.navgroup.nav-here .navgroup-trigger::after{right:0}
.navlinks>a.nav-here,
.navgroup.nav-here .navgroup-trigger{color:#fff}
/* pulso "novo" no Web3 HQ */
.nav-new{display:inline-flex;align-items:center;gap:7px}
.nav-new::before{
  content:"";flex:0 0 auto;width:6px;height:6px;border-radius:50%;
  background:var(--orange-solid);
  animation:nav-pulse 2.2s ease-out infinite;
}
@keyframes nav-pulse{
  0%{box-shadow:0 0 0 0 rgba(255,92,0,.55)}
  70%{box-shadow:0 0 0 7px rgba(255,92,0,0)}
  100%{box-shadow:0 0 0 0 rgba(255,92,0,0)}
}
/* CTA de alistamento com a cara do mascote */
.nav-cta{
  display:none;align-items:center;gap:8px;
  padding:7px 16px 7px 8px;font-size:12.5px;
}
@media (min-width:1320px){.nav-cta{display:inline-flex}}
.nav-cta .nav-cta-face{
  width:26px;height:26px;border-radius:50%;object-fit:cover;object-position:top;
  background:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.4);
}
.nav-cta:hover .nav-cta-face{transform:rotate(-8deg)}
.nav-cta .nav-cta-face{transition:transform .18s ease}
/* PT/ES têm rótulos mais longos e regras próprias de 13px (mais específicas);
   em caixa alta isso estoura — trava no mesmo tamanho compacto do EN. */
html[lang="pt-BR"] .navlinks>a,
html[lang="es"]    .navlinks>a,
html[lang="pt-BR"] .navgroup-trigger,
html[lang="es"]    .navgroup-trigger{font-size:11px}

/* ===== liquidity map v3: heatmap "fire" contínuo (estilo Coinglass) =====
   lados em verde/vermelho (convenção de trading); o fogo fica só no heatmap,
   que codifica magnitude — não lado. Verde #16c784 e vermelho #f6465d passam
   WCAG AA sobre --surface-3 e o texto BUY/SELL cobre o caso de daltonismo */
.rd-liq-kpi.rd-lq-bid b{color:#16c784}
.rd-liq-kpi.rd-lq-ask b{color:#f6465d}
.rd-balbar{background:rgba(246,70,93,.6)}
.rd-balbar i{background:linear-gradient(90deg,#0e9f6a,#16c784)}
/* .rd-liq-kpi b (classe+elemento) ganharia da classe sozinha — por isso o
   seletor mais específico aqui, senão os rótulos ficam brancos (var(--ink)) */
.rd-balrow b.rd-balbuy{color:#16c784}
.rd-balrow b.rd-balsell{color:#f6465d}
.rd-wall.rd-buy .rd-wall-side{color:#16c784;background:rgba(22,199,132,.13)}
.rd-wall.rd-sell .rd-wall-side{color:#f6465d;background:rgba(246,70,93,.13)}
.rd-wall:hover{border-color:rgba(255,122,26,.5)}
.rd-liq-src:hover{border-color:rgba(255,122,26,.5)}
/* exchange flow e variações de preço na mesma convenção verde/vermelho
   (--mint vira laranja nesta camada, então os literais entram aqui) */
.rd-buy .rd-flow-side{background:#16c784}
.rd-exbar-buy{background:#16c784}
.rd-up{color:#16c784}
.rd-liq-grad{background:linear-gradient(90deg,#100906,#3d1308,#7d240a,#c73e0a,#ff6a00,#ffa733,#ffe9b8)}
.rd-liq-canvasbox{background:#100906}
.rd-liq .rd-updated{display:inline-flex;align-items:center;gap:7px}
.rd-liq .rd-updated:not(:empty)::before{content:"";width:6px;height:6px;border-radius:50%;
  background:var(--orange);box-shadow:0 0 8px rgba(255,92,0,.8);animation:rd-live 2.4s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.rd-liq .rd-updated:not(:empty)::before{animation:none}}
/* Encaixe: com CTA + ticker de dois preços a linha não cabia nos 1320px do
   nav. O ticker BTC/DOG empilha numa coluna estreita no desktop (~110px a
   menos) e os links ficam em 11px. PT/ES têm rótulos mais longos: o CTA
   inline nunca aparece pra eles — vive no drawer e no rodapé. */
nav{gap:12px}
.navlinks{gap:16px}
.navlinks>a,
.navgroup-trigger{font-size:11px}
@media (min-width:901px){
  .market-ticker{flex-direction:column;align-items:stretch;gap:1px;padding:4px 5px;border-radius:14px}
  .market-ticker a{min-height:0;padding:2px 9px;justify-content:space-between}
  .market-ticker strong{font-size:11px}
  .market-ticker span{font-size:9px}
}
html[lang="pt-BR"] .nav-cta,
html[lang="es"]    .nav-cta{display:none}
/* aperto final pro CTA caber folgado em 1320-1440 */
.navlinks{gap:13px}
.navlinks>a,
.navgroup-trigger{letter-spacing:.05em}
.brand-logo{width:82px;height:67px}
.nav-cta{font-size:12px;padding:7px 13px 7px 8px}

/* ===== Social page ===== */
.sp-hero{
  min-height:64vh;
  display:flex;
  align-items:end;
  background:
    linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.76) 78%,var(--bg)),
    url("/public/culture/dog-army-crowd.webp") center 43%/cover no-repeat;
  padding-top:130px;
}
.sp-hero h1{max-width:760px;font-size:clamp(48px,7vw,96px);line-height:.92;margin:16px 0 18px}
.sp-hero h1 span{color:var(--orange)}
.sp-hero .lead{max-width:720px;color:rgba(255,247,239,.78)}
.sp-how{padding-top:36px}
.sp-feed-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}
.sp-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.sp-post{
  display:flex;gap:14px;align-items:flex-start;min-width:0;
  padding:15px;border:1px solid var(--line);border-radius:8px;
  background:var(--surface);text-decoration:none;transition:border-color .15s,transform .15s;
}
.sp-post:hover{border-color:rgba(255,92,0,.52);transform:translateY(-2px)}
.sp-post-media{width:64px;height:64px;flex:0 0 64px;border-radius:8px;overflow:hidden;background:#111;border:1px solid rgba(255,255,255,.08)}
.sp-post-media img{width:100%;height:100%;object-fit:cover;display:block}
.sp-post-body{display:flex;flex-direction:column;gap:7px;min-width:0}
.sp-post-meta{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.sp-l2{background:rgba(113,50,245,.26);color:#c3adff;border-radius:4px;padding:1px 5px}
.sp-post-text{color:var(--text);font-size:14.5px;line-height:1.42;font-weight:650;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.sp-post-stats{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:12px;font-weight:750}
.sp-reward{color:var(--orange);border:1px solid rgba(255,92,0,.28);border-radius:999px;padding:1px 8px}
.sp-msg{grid-column:1/-1;color:var(--muted);padding:22px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.sp-join{
  margin-top:24px;display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:22px 26px;border:1px solid rgba(255,255,255,.13);border-radius:8px;
  background:var(--black-2);color:var(--white-2);
}
.sp-join h3{margin:0 0 6px;font-size:24px}
.sp-join p{margin:0;color:rgba(255,247,239,.68);max-width:62ch}
.sp-join-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
@media (max-width:980px){
  .sp-timeline{grid-template-columns:1fr 1fr}
  .sp-feed-head,.sp-join{align-items:flex-start;flex-direction:column}
  .sp-join-actions{justify-content:flex-start}
}
@media (max-width:640px){
  .sp-hero{min-height:72vh;background-position:center top}
  .sp-hero h1{font-size:44px}
  .sp-timeline{grid-template-columns:1fr}
}

/* ===== Investigation page ===== */
.inv-hero{
  background:
    linear-gradient(90deg,rgba(5,6,7,.88),rgba(5,6,7,.44) 58%,rgba(5,6,7,.84)),
    url("/public/culture/culture-investigator.webp") right center/auto 100% no-repeat,
    #08090a;
}
.inv-hero::after{display:none}
.inv-hero .hero-content{grid-template-columns:minmax(0,720px);min-height:clamp(520px,72vh,760px)}
.inv-hero .hero-copy{max-width:720px}
.inv-numbers{padding-top:42px}
.inv-chapter .card h3{font-size:22px}
.inv-punch{
  margin-top:18px;padding:20px 24px;border:1px solid rgba(255,92,0,.28);
  border-radius:8px;background:rgba(255,92,0,.08);
}
.inv-punch p{margin:0;color:var(--text);font-size:17px;font-weight:750;line-height:1.45}
.inv-question{background:#070809}
.inv-coincidences{counter-reset:item;display:grid;gap:10px;padding:0;margin:0;list-style:none}
.inv-coincidences li{
  position:relative;padding:18px 20px 18px 58px;border:1px solid var(--line);
  border-radius:8px;background:var(--surface);color:var(--text);font-weight:700;
}
.inv-coincidences li::before{
  counter-increment:item;content:counter(item);
  position:absolute;left:18px;top:16px;width:26px;height:26px;border-radius:50%;
  display:grid;place-items:center;background:var(--orange-solid);color:#080808;font-weight:900;
}
.inv-punch-big{padding:28px;margin-top:22px}
.inv-punch-big p{font-size:22px}
.inv-dyor{margin-top:14px!important;color:var(--orange)!important;text-transform:uppercase;letter-spacing:.08em}
.inv-addrs{display:grid;gap:10px;margin-bottom:18px}
.inv-addr{
  display:grid;gap:7px;padding:16px 18px;border:1px solid var(--line);border-radius:8px;
  background:var(--surface);text-decoration:none;transition:border-color .15s,transform .15s;
}
.inv-addr:hover{border-color:rgba(255,92,0,.5);transform:translateY(-1px)}
.inv-addr b{color:var(--ink)}
.inv-addr code{color:var(--muted);white-space:normal;overflow-wrap:anywhere;font-size:12px}
.inv-share{text-align:center}
.inv-share .briefing-actions{justify-content:center}
@media (max-width:760px){
  .inv-hero{background-position:72% center;background-size:auto 88%}
  .inv-hero::before{background:rgba(5,6,7,.72)}
  .inv-punch-big p{font-size:18px}
}

/* ============================================================
   Binance investigation · home CTA (#briefing) + /investigacao
   ============================================================ */
.invcta-box{background:#ff5c00;border-radius:28px;padding:clamp(28px,5vw,56px);color:#080808}
.invcta-top{display:flex;justify-content:space-between;align-items:center;gap:10px 18px;flex-wrap:wrap;margin-bottom:22px}
.invcta-tag{font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#080808;background:#f6f1eb;padding:6px 12px;border-radius:20px}
.invcta-box .briefing-live{color:#080808}
.invcta-box .briefing-live::before{background:#080808;box-shadow:none}
.invcta-box h2{color:#080808;font-size:clamp(30px,4.6vw,54px);line-height:1.04;letter-spacing:-.03em;font-weight:900;max-width:22ch;margin:0 0 18px}
.invcta-sub{color:rgba(8,8,8,.82);font-size:clamp(15px,1.6vw,18px);line-height:1.55;max-width:62ch;margin:0 0 26px}
.invcta-stats{display:flex;flex-wrap:wrap;gap:10px 28px;margin:0 0 30px;padding:16px 0;border-top:2px solid rgba(8,8,8,.25);border-bottom:2px solid rgba(8,8,8,.25)}
.invcta-stats span{display:flex;align-items:baseline;gap:8px}
.invcta-stats b{font-size:clamp(22px,2.6vw,32px);font-weight:900;letter-spacing:-.04em;color:#080808}
.invcta-stats i{font-style:normal;font-size:12.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:rgba(8,8,8,.7)}
.invcta-box .briefing-actions{margin-top:0}
.invcta-box .btn.primary{background:#080808;color:#fff7ef;border-color:#080808;font-size:clamp(15px,1.7vw,19px);padding:16px 30px;font-weight:900}
.invcta-box .btn.primary:hover{background:#1a1a1a;color:#fff7ef}
.invcta-box .btn.secondary{border-color:rgba(8,8,8,.55);color:#080808;background:transparent}
.invcta-box .btn.secondary:hover{background:rgba(8,8,8,.08)}
.invcta-note{margin-top:18px;font-size:13px;font-weight:700;color:rgba(8,8,8,.7)}
@media(max-width:620px){
  .invcta-box{border-radius:20px}
  .invcta-box .briefing-actions .btn{width:100%;justify-content:center;display:flex}
}
.inv-hero .briefing-meta{margin-top:16px}


/* ===== minimalist header (v2) ===== */
header{box-shadow:0 8px 30px rgba(0,0,0,.32);border-bottom:1px solid rgba(255,255,255,.08)}
.navlinks{gap:22px}
.navlinks>a,.navgroup-trigger{font-size:12px;letter-spacing:.02em;text-transform:none;font-weight:680;color:rgba(255,247,239,.72)}
.navlinks>a::after,.navgroup-trigger::after{display:none!important}
.navlinks>a:hover,.navgroup-trigger:hover,.navgroup:hover .navgroup-trigger,.navlinks>a.nav-here{color:#fff}
/* Social Space dot: calmer, no infinite pulse */
.nav-new::before{animation:none!important;width:6px;height:6px;box-shadow:0 0 0 3px rgba(255,92,0,.14)}
/* ticker: discreet, no box. Tudo numa linha só, alinhado por baseline — o
   separador "·" herdava o font-size do nav e empurrava o bloco DOG pra baixo. */
.market-ticker{border:0!important;background:none!important;box-shadow:none!important;padding:0!important;gap:0!important;border-radius:0!important;flex-direction:row!important;align-items:baseline!important}
.market-ticker a{padding:2px 8px!important;min-height:0!important;background:none!important;border-radius:0!important;align-items:baseline!important}
.market-ticker a:hover{background:none!important;color:#fff}
.market-ticker a+a::before{content:"\00b7";color:rgba(255,247,239,.28);margin-right:8px;font-size:11px;line-height:1}
.market-ticker span{color:rgba(255,247,239,.5)!important;font-size:9.5px!important}
.market-ticker strong{font-size:11px!important;color:rgba(255,247,239,.82)!important}
/* language: single compact button + dropdown */
.langsw{position:relative;border:0!important;background:none!important;padding:0!important}
.langsw-trigger{display:inline-flex;align-items:center;gap:5px;background:none;border:0;cursor:pointer;padding:6px 4px;opacity:.82;font:inherit}
.langsw-trigger:hover{opacity:1}
.langsw-cur{width:20px;height:14px;border-radius:2px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.3);display:block}
.langsw-caret{font-size:9px;color:rgba(255,247,239,.6)}
.langsw-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:140px;padding:6px;border-radius:12px;background:#0d0d0d;border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 44px rgba(0,0,0,.5);display:none;z-index:70}
.langsw.open .langsw-menu{display:block}
.langsw-opt{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;background:none;border:0;border-radius:8px;color:rgba(255,247,239,.82);font:inherit;font-size:13px;font-weight:600;cursor:pointer;text-align:left}
.langsw-opt:hover{background:rgba(255,255,255,.06);color:#fff}
.langsw-opt.active{background:rgba(255,92,0,.16);color:#fff}
.langsw-opt img{width:20px;height:14px;border-radius:2px;flex:0 0 20px}
/* breakpoints: the lighter bar fits down to ~880px; hamburger below (override the messy cascade) */
@media(min-width:881px){.navlinks{display:flex!important}.navtoggle{display:none!important}}
@media(max-width:880px){.navlinks{display:none!important}.navtoggle{display:inline-flex!important}}


/* ===== /web3: perfil estilo KraySpace (read-only) + botões de conexão ===== */
/* botão de conexão chamativo (KrayWallet) + Xverse "soon" */
.w3-connect-row{align-items:stretch}
.w3-connect-big{
  display:inline-flex;align-items:center;gap:12px;cursor:pointer;
  padding:14px 26px;border:0;border-radius:999px;
  font-size:16px;font-weight:850;color:#0a0a0a;
  background:linear-gradient(135deg,#ffb25c,#ff5c00 55%,#e84a00);
  box-shadow:0 18px 44px rgba(255,92,0,.42),inset 0 1px 0 rgba(255,255,255,.35);
  animation:w3-glow 2.4s ease-in-out infinite;
  transition:transform .15s ease,box-shadow .15s ease;
}
.w3-connect-big:hover{transform:translateY(-2px);box-shadow:0 24px 54px rgba(255,92,0,.55),inset 0 1px 0 rgba(255,255,255,.35)}
.w3-connect-big.is-connected{animation:none;cursor:default}
.w3-connect-big img{width:30px;height:30px;border-radius:9px;background:#000;padding:3px}
@keyframes w3-glow{
  0%,100%{box-shadow:0 18px 44px rgba(255,92,0,.38),inset 0 1px 0 rgba(255,255,255,.35)}
  50%{box-shadow:0 18px 58px rgba(255,92,0,.62),inset 0 1px 0 rgba(255,255,255,.35)}
}
.w3-connect-soon{
  display:inline-flex;align-items:center;gap:10px;
  padding:9px 16px 9px 10px;border-radius:999px;cursor:not-allowed;
  background:rgba(255,255,255,.045);border:1px solid var(--line);
  color:rgba(255,247,239,.62);font-size:14px;font-weight:750;
}
.w3-connect-soon img{width:26px;height:26px;border-radius:8px;display:block;flex:none}
.w3-connect-soon b{font-weight:800;color:rgba(255,247,239,.9)}
.w3-connect-soon em{
  font-style:normal;font-size:9.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  color:rgba(255,247,239,.5);
  border:1px solid rgba(255,247,239,.28);border-radius:5px;padding:2px 6px;
}

/* estado vazio (antes de conectar) */
.w3-prof-empty{
  border:1px dashed rgba(255,247,239,.22);border-radius:20px;padding:26px 28px;
  color:var(--muted);font-size:14.5px;line-height:1.6;background:rgba(255,255,255,.02);
}
.w3-prof-empty p{max-width:640px}

/* painel do perfil */
.w3-profile{
  background:#0e0e13;border:1px solid rgba(255,255,255,.09);border-radius:22px;
  padding:26px;box-shadow:0 26px 60px rgba(0,0,0,.4);
}
.w3-prof-head{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}
.w3-prof-pfp{
  width:96px;height:96px;border-radius:20px;object-fit:cover;image-rendering:pixelated;
  border:1px solid rgba(255,255,255,.14);background:#000;flex:0 0 auto;
}
.w3-prof-id{flex:1;min-width:min(100%,320px)}
.w3-prof-addrrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.w3-prof-addrrow code{font:700 17px var(--font-mono);color:#fff;letter-spacing:.01em}
.w3-chipbtn{
  display:inline-flex;align-items:center;gap:5px;cursor:pointer;
  padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;
  background:#17171e;border:1px solid rgba(255,255,255,.12);color:rgba(255,247,239,.75);
  transition:border-color .15s ease,color .15s ease;
}
.w3-chipbtn:hover{border-color:rgba(255,92,0,.5);color:#fff}
.w3-chipbtn.is-ok{border-color:rgba(67,197,158,.6);color:#43c59e}
.w3-chipbtn.is-busy{opacity:.55;pointer-events:none}
.w3-prof-chips{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.w3-chip{
  display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;
  background:#17171e;border:1px solid rgba(255,255,255,.1);
  font-size:11px;font-weight:700;color:rgba(255,247,239,.65);
}
.w3-chip-ro{border-color:rgba(67,197,158,.4);color:#43c59e}
.w3-prof-stats{display:flex;gap:30px;margin-top:16px;flex-wrap:wrap}
.w3-pstat b{display:block;font:700 20px/1.2 var(--font-mono);color:#fff}
.w3-pstat span{display:block;margin-top:2px;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:rgba(255,247,239,.45)}
.w3-pstat-sats b{color:#f7931a}
.w3-pstat-sats i{display:block;font-style:normal;font:600 12px var(--font-mono);color:rgba(255,247,239,.5)}
.w3-pstat-kray b{color:#8b7cff}
.w3-prof-rank{
  margin-left:auto;display:inline-flex;align-items:center;gap:8px;align-self:flex-start;
  padding:10px 18px;border-radius:999px;border:1px solid rgba(232,193,90,.5);
  background:rgba(232,193,90,.07);color:#e8c15a;
}
.w3-prof-rank i{font-style:normal;font-size:15px}
.w3-prof-rank b{font-size:13px;font-weight:850;letter-spacing:.08em}

/* abas */
.w3-prof-tabs{
  display:flex;gap:6px;margin:22px 0 4px;padding:6px;flex-wrap:wrap;
  background:#101016;border:1px solid rgba(255,255,255,.08);border-radius:14px;
}
.w3-ptab{
  flex:1 1 auto;display:inline-flex;align-items:center;justify-content:center;gap:7px;
  padding:11px 16px;border:0;border-radius:10px;cursor:pointer;background:transparent;
  font-size:13px;font-weight:750;color:rgba(255,247,239,.55);
  transition:background .15s ease,color .15s ease;
}
.w3-ptab:hover{color:#fff}
.w3-ptab.is-on{background:linear-gradient(135deg,#7c5cff,#5b30d9);color:#fff;box-shadow:0 10px 26px rgba(108,72,255,.35)}
.w3-ptab.is-soon{opacity:.4;cursor:not-allowed}
.w3-ptab.is-soon:hover{color:rgba(255,247,239,.55)}
.w3-ptab em{
  font-style:normal;font-size:8.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
  border:1px solid currentColor;border-radius:4px;padding:1px 5px;
}

/* seções e grids */
.w3-prof-h{display:flex;align-items:center;gap:9px;margin:20px 0 12px;font-size:16px;color:#fff}
.w3-prof-h em{
  font-style:normal;font-size:12px;font-weight:700;color:rgba(255,247,239,.6);
  background:#1b1b23;border-radius:8px;padding:1px 9px;
}
.w3-ins-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.w3-ins{
  display:block;background:#121218;border:1px solid rgba(255,255,255,.08);border-radius:16px;
  padding:10px;text-decoration:none;transition:border-color .15s ease,transform .15s ease;
}
.w3-ins:hover{border-color:rgba(124,92,255,.55);transform:translateY(-2px)}
.w3-ins img{width:100%;aspect-ratio:1/1;border-radius:12px;object-fit:cover;image-rendering:pixelated;background:#0a0a0e;display:block}
.w3-ins b{display:block;margin-top:9px;color:#fff;font-size:13.5px}
.w3-ins span{display:block;color:rgba(255,247,239,.4);font:500 11px var(--font-mono)}
.w3-ins-more{display:flex;align-items:center;justify-content:center;color:rgba(255,247,239,.5);font:700 18px var(--font-mono);min-height:150px}
.w3-runes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.w3-rune{
  display:flex;gap:13px;align-items:center;text-decoration:none;
  background:#121218;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px 16px;
  transition:border-color .15s ease,transform .15s ease;
}
.w3-rune:hover{border-color:rgba(247,147,26,.5);transform:translateY(-2px)}
.w3-rune-ic{width:44px;height:44px;border-radius:12px;object-fit:cover;background:#000;flex:0 0 auto}
.w3-rune-mono{display:inline-flex;align-items:center;justify-content:center;background:#1d1d28;color:#8b7cff;font:800 19px var(--font-mono)}
.w3-rune-body{min-width:0}
.w3-rune-body b{display:block;color:#fff;font-size:12.5px;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.w3-rune-body i{display:block;font-style:normal;color:#f7931a;font:700 15px var(--font-mono);margin-top:2px}
@media(max-width:640px){
  .w3-profile{padding:18px}
  .w3-prof-pfp{width:72px;height:72px;border-radius:16px}
  .w3-prof-addrrow code{font-size:14px}
  .w3-prof-stats{gap:18px}
  .w3-prof-rank{margin-left:0}
  .w3-ins-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}
}

/* ===== investigation CTAs as physical case-file objects: a kraft dossier
   folder (tab + red stamp + papers peeking out) and a black evidence tag
   with a punched hole. Pure CSS, no images. ===== */
.inv-files{display:flex;gap:22px;flex-wrap:wrap;align-items:stretch}
.inv-folder{display:block;flex:1 1 360px;max-width:560px;text-decoration:none;filter:drop-shadow(0 16px 26px rgba(0,0,0,.28));transition:transform .18s ease,filter .18s ease}
.inv-folder:hover{transform:translateY(-4px) rotate(-.6deg);filter:drop-shadow(0 24px 36px rgba(0,0,0,.36))}
.inv-folder-tab{display:inline-block;background:#e9dcb5;color:#4a3f2c;font-family:var(--font-mono,ui-monospace,Menlo,monospace);font-size:11px;font-weight:700;letter-spacing:.1em;padding:8px 18px 6px;border-radius:10px 10px 0 0;margin-left:16px}
.inv-folder-body{position:relative;display:block;background:linear-gradient(180deg,#f2e6c6,#e5d6aa);border-radius:12px;padding:24px 26px 26px;color:#241f13}
.inv-folder-body::before,.inv-folder-body::after{content:"";position:absolute;z-index:-1;background:#fff7ef;border-radius:0 0 7px 7px}
.inv-folder-body::before{left:16px;right:26px;bottom:-6px;height:12px}
.inv-folder-body::after{left:30px;right:14px;bottom:-11px;height:12px;background:#f0e6d6}
.inv-folder-title{display:block;font-size:clamp(18px,2vw,22px);font-weight:900;letter-spacing:-.02em;line-height:1.15;max-width:17ch}
.inv-folder-meta{display:block;margin-top:9px;font-family:var(--font-mono,ui-monospace,Menlo,monospace);font-size:12px;font-weight:600;letter-spacing:.02em;color:rgba(36,31,19,.62)}
.inv-stamp{position:absolute;top:16px;right:16px;transform:rotate(6deg);border:3px double #b3261e;color:#b3261e;border-radius:7px;padding:5px 11px;font-style:normal;font-family:var(--font-mono,ui-monospace,Menlo,monospace);font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;opacity:.88}
.inv-folder:hover .inv-stamp{transform:rotate(3deg) scale(1.04)}
.inv-tag{position:relative;display:flex;align-items:center;gap:14px;flex:0 1 340px;background:#080808;color:#fff7ef;border-radius:10px;padding:18px 20px;text-decoration:none;box-shadow:0 14px 26px rgba(0,0,0,.25);transform:rotate(.6deg);transition:transform .18s ease,box-shadow .18s ease}
.inv-tag:hover{transform:rotate(0) translateY(-3px);box-shadow:0 22px 34px rgba(0,0,0,.32)}
.inv-tag-hole{width:15px;height:15px;flex:0 0 15px;border-radius:50%;background:var(--orange-solid,#ff5c00);border:3px solid #2c2c2c;box-shadow:inset 0 1px 3px rgba(0,0,0,.45)}
.inv-tag-body{min-width:0}
.inv-tag-body em{display:block;font-style:normal;font-family:var(--font-mono,ui-monospace,Menlo,monospace);font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,247,239,.55);margin-bottom:5px}
.inv-tag-body b{display:block;font-size:15.5px;font-weight:850;letter-spacing:-.01em;line-height:1.25}
.inv-tag-arrow{margin-left:auto;color:var(--orange,#f7931a);font-size:19px;font-weight:900}
@media (max-width:760px){
  .inv-files{gap:18px}
  .inv-folder{max-width:none}
  .inv-tag{flex-basis:100%;transform:none}
}


/* ===== /web3: aba Sala DAO (espelho read-only do dao-room da KRAY) ===== */
.w3-dao-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.w3-dao-top .w3-prof-h{margin:20px 0 6px}
.w3-dao-open{align-self:center;font-size:12px;font-weight:700;color:rgba(255,178,102,.9);text-decoration:none}
.w3-dao-open:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.w3-dao-compose{margin-top:10px;display:flex;flex-direction:column;gap:8px}
.w3-dao-compose textarea{
  width:100%;box-sizing:border-box;resize:vertical;min-height:46px;
  background:#101016;border:1px solid rgba(255,255,255,.12);border-radius:12px;
  color:var(--ink);font:500 14px var(--font-sans);padding:10px 12px;
}
.w3-dao-compose textarea:focus{outline:none;border-color:rgba(255,92,0,.55)}
.w3-dao-compose textarea::placeholder{color:rgba(255,247,239,.4)}
.w3-dao-compose-bar{display:flex;align-items:center;justify-content:space-between;gap:10px}
.w3-dao-compose-note{font-size:12px;color:rgba(255,247,239,.55);min-height:1em}
.w3-dao-compose-note.is-ok{color:#43c59e}
.w3-dao-compose-note.is-err{color:#e5b64b}
.w3-dao-compose #w3DaoSend{
  background:linear-gradient(135deg,#ff9a3d,#ff5c00 60%,#e84a00);border:0;color:#160a02;
  padding:9px 16px;font-weight:820;flex:none;
}
.w3-dao-compose #w3DaoSend:hover{filter:brightness(1.06);color:#160a02}
.w3-dao-compose #w3DaoSend:disabled{opacity:.5;cursor:default;filter:none}
.w3-dao-gate{
  margin-top:10px;padding:12px 14px;border-radius:12px;text-align:center;
  background:rgba(255,255,255,.03);border:1px dashed rgba(255,247,239,.2);
  font-size:12.5px;color:rgba(255,247,239,.55);
}
.w3-dao-you{
  display:inline-flex;align-items:center;gap:10px;margin:8px 0 4px;
  padding:8px 14px;border-radius:12px;
  background:rgba(232,193,90,.07);border:1px solid rgba(232,193,90,.4);
  font-size:12px;color:rgba(255,247,239,.8);
}
.w3-dao-you b{color:#e8c15a;font-weight:850}
.w3-dao-you span{font-family:var(--font-mono)}
.w3-dao-role{font-size:9.5px;font-weight:800;letter-spacing:.08em;border:1px solid rgba(255,247,239,.3);border-radius:5px;padding:2px 6px;color:rgba(255,247,239,.6)}
.w3-dao-main{margin-top:12px}
.w3-dao-h{margin:0 0 10px;font-size:13.5px;color:rgba(255,247,239,.75)}
.w3-dao-chat,.w3-dao-props{
  background:#101016;border:1px solid rgba(255,255,255,.08);border-radius:16px;
  padding:12px;overflow-y:auto;display:flex;flex-direction:column;gap:10px;
}
.w3-dao-chat{max-height:520px}
.w3-dao-props{max-height:340px}
/* proposals moved below the chat — collapsible so the chat owns the space */
.w3-dao-props-wrap{margin-top:14px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#0e0e13;overflow:hidden}
.w3-dao-props-wrap summary{cursor:pointer;list-style:none;padding:12px 16px;font-size:13px;font-weight:750;color:rgba(255,247,239,.82);display:flex;align-items:center;gap:8px}
.w3-dao-props-wrap summary::-webkit-details-marker{display:none}
.w3-dao-props-wrap summary::before{content:"▸";color:rgba(255,247,239,.4);transition:transform .15s ease}
.w3-dao-props-wrap[open] summary::before{transform:rotate(90deg)}
.w3-dao-props-wrap summary em{font-style:normal;font-weight:500;font-size:11.5px;color:rgba(255,247,239,.4)}
.w3-dao-props-wrap[open] summary{border-bottom:1px solid rgba(255,255,255,.07)}
.w3-dao-props-wrap .w3-dao-props{border:0;border-radius:0;background:transparent}
.w3-dao-empty{color:rgba(255,247,239,.45);font-size:13px;padding:22px 10px;text-align:center}
.w3-dao-msg{display:flex;gap:10px;align-items:flex-start}
.w3-dao-ava{width:36px;height:36px;border-radius:50%;object-fit:cover;flex:0 0 auto;background:#000;box-shadow:0 0 0 1px rgba(255,255,255,.1)}
.w3-dao-ava-txt{display:inline-flex;align-items:center;justify-content:center;background:#b34a1f;color:#fff;font:800 12px var(--font-mono)}
.w3-dao-body{min-width:0;flex:1}
.w3-dao-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.w3-dao-meta b{color:#ffb25c;font-size:12.5px}
.w3-dao-meta b.is-you{color:#e8c15a}
.w3-dao-meta i{font-style:normal;font:700 9.5px var(--font-mono);border-radius:5px;padding:2px 6px}
.w3-dao-rank1{background:rgba(232,193,90,.18);color:#e8c15a;border:1px solid rgba(232,193,90,.5)}
.w3-dao-wt{background:#1b1b23;color:rgba(255,247,239,.55);border:1px solid rgba(255,255,255,.1)}
.w3-dao-meta time{margin-left:auto;font-size:10.5px;color:rgba(255,247,239,.35);font-family:var(--font-mono)}
.w3-dao-msg p{margin:3px 0 0;color:rgba(255,247,239,.88);font-size:13.5px;line-height:1.45;overflow-wrap:anywhere}
.w3-dao-prop{background:#15151d;border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:12px 14px}
.w3-dao-prop b{color:#fff;font-size:13.5px}
.w3-dao-st{font-style:normal;margin-left:8px;font:700 9.5px var(--font-mono);text-transform:uppercase;letter-spacing:.06em;border:1px solid rgba(232,193,90,.5);color:#e8c15a;border-radius:5px;padding:2px 6px}
.w3-dao-prop p{margin:6px 0 0;color:rgba(255,247,239,.55);font-size:12.5px;line-height:1.45}


/* ===== /web3: aba Feed (espelho de kray.space/profile/feed) ===== */
.w3-ops-note{margin:-4px 0 14px;max-width:760px}
.w3-feed-stats{display:flex;gap:9px;flex-wrap:wrap;margin:6px 0 2px}
.w3-fstat{flex:1 1 120px;min-width:120px;background:var(--surface-3,#15151d);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 14px}
.w3-fstat b{display:block;font:700 20px/1.15 var(--font-mono);color:#fff}
.w3-fstat span{display:block;margin-top:3px;font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:rgba(255,247,239,.45)}
.w3-fstat-kray b{color:#8b7cff}
.w3-feed-mode{margin:2px 0 12px;font-size:12.5px;color:rgba(255,247,239,.55)}
.w3-feed-mode a{color:#ffb25c;font-weight:700;text-decoration:none;white-space:nowrap}
.w3-feed-mode a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
.w3-feed{display:flex;flex-direction:column;gap:10px;max-height:560px;overflow-y:auto}
.w3-feed-item{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:#101016;border:1px solid rgba(255,255,255,.08);text-decoration:none;transition:border-color .15s ease,transform .15s ease}
.w3-feed-item:hover{border-color:rgba(124,92,255,.5);transform:translateY(-1px)}
.w3-feed-thumb{width:48px;height:48px;border-radius:12px;object-fit:cover;flex:0 0 auto;background:#0a0a0e;image-rendering:pixelated}
.w3-feed-thumb-mono{display:inline-flex;align-items:center;justify-content:center;color:#8b7cff;font:800 20px var(--font-mono)}
.w3-feed-body{min-width:0;flex:1}
.w3-feed-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.w3-feed-meta b{color:#fff;font-size:13px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.w3-feed-l2{font:800 9px/1 var(--font-mono);letter-spacing:.04em;color:#fff;background:linear-gradient(135deg,#8b5cf6,#06b6d4);border-radius:5px;padding:3px 6px}
.w3-feed-fol{font-style:normal;font:700 9.5px var(--font-mono);color:rgba(255,247,239,.55);border:1px solid rgba(255,255,255,.12);border-radius:5px;padding:2px 6px}
.w3-feed-meta time{margin-left:auto;font-size:10.5px;color:rgba(255,247,239,.35);font-family:var(--font-mono)}
.w3-feed-text{margin:5px 0 0;color:rgba(255,247,239,.9);font-size:13.5px;line-height:1.45;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.w3-feed-acts{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:9px;font-size:12px;color:rgba(255,247,239,.5)}
.w3-feed-acts span{font-family:var(--font-mono)}
.w3-feed-reward{color:#ffca7a;font-weight:800;background:rgba(255,178,102,.1);border:1px solid rgba(255,178,102,.4);border-radius:6px;padding:2px 8px}
.w3-feed-empty{color:rgba(255,247,239,.45);font-size:13px;padding:26px 10px;text-align:center}

/* ===== DOG Summit São Paulo: real event photos passing (marquee).
   No click needed — the photos are the feature; the whole strip still
   links to the full gallery. Same loop pattern as the culture/social strips. ===== */
.summit{margin-top:4px}
.summit-head{max-width:720px}
.summit-head h3{font-size:clamp(24px,3vw,32px);font-weight:900;letter-spacing:-.03em;line-height:1.05;margin:12px 0 12px}
.summit-head p{color:var(--muted);font-size:15.5px;line-height:1.6;margin-bottom:14px}
.summit-head .go{display:inline-flex;color:var(--orange);font-size:13px;font-weight:850;border-bottom:1px solid rgba(247,147,26,.38);padding-bottom:1px;text-decoration:none}
.summit-head .go:hover{border-bottom-color:var(--orange)}

.summit-strip{position:relative;display:block;margin-top:26px;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#050607;text-decoration:none}
.summit-strip-track{display:flex;width:max-content;gap:8px;padding:12px 0;animation:summit-scroll 80s linear infinite}
.summit-strip-track img{height:210px;width:auto;display:block;border-radius:8px;border:1px solid rgba(255,255,255,.06);object-fit:cover}
.summit-strip:hover .summit-strip-track{animation-play-state:paused}
@keyframes summit-scroll{to{transform:translateX(calc(-50% - 4px))}}
.summit-strip-badge{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);display:inline-flex;align-items:center;gap:12px;padding:9px 18px;border-radius:999px;background:rgba(8,8,8,.82);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);white-space:nowrap;pointer-events:none}
.summit-strip-badge span{color:var(--white-2,#fff7ef);font-size:12.5px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.summit-strip-badge b{color:var(--orange-solid,#ff5c00);font-size:12.5px;font-weight:850}
.summit-strip:hover .summit-strip-badge b{text-decoration:underline}
@media (prefers-reduced-motion:reduce){
  .summit-strip{overflow-x:auto}
  .summit-strip-track{animation:none}
}
@media (max-width:760px){
  .summit-strip-track img{height:150px}
  .summit-strip-badge{bottom:10px;padding:7px 14px}
  .summit-strip-badge span,.summit-strip-badge b{font-size:11px}
}

/* Home nav (2026-07): the top-right wallet button wears the KRAY brand
   (orange, like /web3's hero connect); the "Join the $DOG Army" CTA moved
   into the "More" dropdown. Same #walletBtn → same modal/connect flow. */
.nav-wallet.nav-wallet--kray{
  color:#0a0a0a;
  background:linear-gradient(135deg,#ffb25c,#ff5c00 55%,#e84a00);
  border-color:transparent;
  font-weight:820;
  padding:8px 15px 8px 8px;
  box-shadow:0 10px 26px rgba(255,92,0,.32),inset 0 1px 0 rgba(255,255,255,.3);
}
.nav-wallet.nav-wallet--kray:hover{
  color:#0a0a0a;border-color:transparent;
  transform:translateY(-1px);
  box-shadow:0 14px 32px rgba(255,92,0,.46),inset 0 1px 0 rgba(255,255,255,.35);
}
.nav-wallet--kray .nav-wallet-icon{
  width:22px;height:22px;border-radius:7px;background:#000;padding:2px;flex:0 0 auto;
}
/* once connected, drop the KRAY glyph and calm the fill so the PFP + address read */
.nav-wallet.nav-wallet--kray.is-connected{
  color:#fff8ef;
  background:linear-gradient(135deg,rgba(255,178,92,.16),rgba(255,92,0,.14));
  border-color:rgba(255,199,130,.34);
  box-shadow:none;
}
.nav-wallet--kray.is-connected .nav-wallet-icon{display:none}
.nav-wallet--kray .nav-wallet-addr{color:#fff8ef}

/* the relocated Join CTA reads as the primary action inside the More menu */
.navgroup-menu .navgroup-join{color:var(--pumpkin);font-weight:800}

/* ===== Planos da matilha (/planos + ato #matilha na home): board de planos
   comunitários, cofre on-chain vivo, barra de captação e modal de contribuição.
   Board populado por planos.js via /api/planos (registro em data/planos.json). ===== */
.pl-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin-top:8px}
.pl-card{display:flex;flex-direction:column;gap:12px;border:1px solid var(--line);border-radius:18px;padding:24px 22px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015))}
.pl-card.pl-captando{border-color:rgba(255,92,0,.4)}
.pl-head{display:flex;align-items:flex-start;gap:14px}
.pl-emoji{font-size:34px;line-height:1}
.pl-headtxt{display:flex;flex-direction:column;gap:7px;min-width:0}
.pl-title{margin:0;font-size:20px;line-height:1.25}
.pl-chip{align-self:flex-start;font-size:10.5px;font-weight:900;letter-spacing:.09em;border-radius:999px;padding:3px 10px;border:1px solid var(--line);color:var(--muted)}
.pl-chip-captando{background:var(--orange-solid);border-color:transparent;color:#080808}
.pl-chip-executando{border-color:rgba(255,199,130,.5);color:var(--pumpkin,#ffc782)}
.pl-chip-concluido{border-color:rgba(120,220,150,.45);color:#8fe3a8}
.pl-pitch{margin:0;color:var(--text);font-size:15.5px;line-height:1.5}
.pl-exec{margin:0;color:var(--muted);font-size:13.5px;line-height:1.5}
.pl-exec b{color:var(--text)}
.pl-vault{border:1px solid rgba(255,92,0,.28);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:8px;background:rgba(255,92,0,.05)}
.pl-raised b{font-size:26px;color:var(--orange-solid);font-weight:900}
.pl-raised span{color:var(--muted);font-weight:800}
.pl-raised-cap{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.pl-bar{height:9px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.pl-bar-fill{height:100%;border-radius:999px;background:var(--orange-solid);min-width:2px;transition:width .6s ease}
.pl-goalline{font-size:13px;font-weight:700;color:var(--muted)}
.pl-addr{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.pl-addr code{font-size:12.5px;color:var(--text);background:rgba(255,255,255,.06);border-radius:8px;padding:4px 9px}
.pl-soon{margin:0;color:var(--muted);font-size:13px;line-height:1.5;border-left:3px solid rgba(255,92,0,.4);padding-left:11px}
.pl-receipts b{font-size:13px;color:var(--text)}
.pl-receipts ul{margin:8px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:5px}
.pl-receipts a{color:var(--orange,#ff7a2f);font-size:13.5px}
.pl-actions{margin-top:auto;display:flex;gap:10px;flex-wrap:wrap;padding-top:4px}
.pl-actions .btn{font-size:13.5px;padding:10px 16px}
.pl-modal .plm-label{display:block;font-size:14px;font-weight:700;color:var(--text);margin-bottom:9px}
.plm-inrow{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.plm-inrow input{flex:1;min-width:0;font:inherit;font-size:19px;font-weight:800;color:var(--text);background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:12px;padding:11px 14px;outline:none}
.plm-inrow input:focus{border-color:rgba(255,92,0,.55)}
.plm-inrow b{color:var(--orange-solid);font-weight:900}
.plm-quick{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.plm-done{margin:0 0 12px;font-size:15.5px;line-height:1.45;color:var(--text)}
@media (max-width:760px){
  .pl-board{grid-template-columns:1fr}
  .pl-title{font-size:18px}
}
.mt-actions{margin-top:22px}

/* ---- satspace. o universo ---- */
.sat-feature{display:block;position:relative;overflow:hidden;text-decoration:none;color:var(--white-2);border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:34px 30px;background:radial-gradient(120% 140% at 82% -10%,rgba(255,92,0,.16),transparent 52%),radial-gradient(90% 120% at 8% 110%,rgba(99,132,255,.12),transparent 55%),#060608;box-shadow:0 22px 54px rgba(0,0,0,.35);transition:transform .15s ease,border-color .15s ease}
.sat-feature:hover{transform:translateY(-2px);border-color:rgba(255,92,0,.55)}
.sat-sky{position:absolute;inset:0;pointer-events:none}
.sat-sky::before,.sat-sky::after{content:"";position:absolute;inset:0}
.sat-sky::before{background-image:
  radial-gradient(1.5px 1.5px at 12% 24%,rgba(255,255,255,.95),transparent 60%),
  radial-gradient(1px 1px at 32% 68%,rgba(255,255,255,.8),transparent 60%),
  radial-gradient(1.5px 1.5px at 48% 16%,rgba(255,232,196,.9),transparent 60%),
  radial-gradient(1px 1px at 63% 54%,rgba(255,255,255,.75),transparent 60%),
  radial-gradient(2px 2px at 78% 30%,rgba(255,255,255,.95),transparent 60%),
  radial-gradient(1px 1px at 88% 74%,rgba(255,214,165,.85),transparent 60%),
  radial-gradient(1px 1px at 22% 86%,rgba(255,255,255,.7),transparent 60%),
  radial-gradient(1.5px 1.5px at 94% 12%,rgba(255,255,255,.9),transparent 60%);
  background-size:520px 340px;animation:satTwinkle 7s ease-in-out infinite}
.sat-sky::after{background-image:
  radial-gradient(1px 1px at 8% 52%,rgba(255,255,255,.6),transparent 60%),
  radial-gradient(1px 1px at 27% 12%,rgba(255,255,255,.55),transparent 60%),
  radial-gradient(1px 1px at 41% 88%,rgba(255,232,196,.6),transparent 60%),
  radial-gradient(1px 1px at 57% 38%,rgba(255,255,255,.5),transparent 60%),
  radial-gradient(1px 1px at 71% 80%,rgba(255,255,255,.55),transparent 60%),
  radial-gradient(1px 1px at 85% 48%,rgba(255,255,255,.6),transparent 60%),
  radial-gradient(1px 1px at 97% 90%,rgba(255,255,255,.5),transparent 60%);
  background-size:340px 260px;animation:satTwinkle 9s ease-in-out -3s infinite}
@keyframes satTwinkle{0%,100%{opacity:.35}50%{opacity:.85}}
@media (prefers-reduced-motion:reduce){.sat-sky::before,.sat-sky::after{animation:none}}
.sat-badge{position:absolute;top:26px;right:28px;width:54px;height:54px;border-radius:14px;border:1px solid rgba(255,255,255,.16);opacity:.92}
.sat-feature-body{position:relative;max-width:760px}
.sat-feature h3{font-size:30px;line-height:1.05;font-weight:900;letter-spacing:-.03em;margin-bottom:12px;color:var(--white-2)}
.sat-feature-body>p{color:var(--muted);font-size:15.5px;line-height:1.6}
.sat-points{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0 4px;padding:0}
.sat-points li{border:1px solid rgba(255,255,255,.13);border-radius:10px;background:rgba(255,255,255,.035);padding:14px 16px;font-size:13.5px;line-height:1.55;color:var(--muted)}
.sat-points li b{display:block;color:var(--white-2);font-weight:800;margin-bottom:4px}
.sat-note{font-size:13.5px;color:var(--muted);margin-top:14px;max-width:none}
.sat-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.sat-actions .btn{cursor:pointer}
.sat-portal{position:relative;margin-top:22px}
.sat-portal-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.sat-portal-bar .event-feature-tag{margin-bottom:0}
.sat-portal-close{cursor:pointer;background:transparent;border:1px solid rgba(255,255,255,.22);border-radius:999px;color:var(--white-2);font-size:12px;font-weight:750;padding:6px 14px;transition:border-color .15s ease}
.sat-portal-close:hover{border-color:rgba(255,92,0,.7)}
.sat-portal-frame{position:relative;width:100%;height:min(78vh,760px);border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.22);background:#000}
.sat-portal-frame iframe{display:block;width:100%;height:100%;border:0}
.satmodal{
  position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:110;
  width:min(560px,calc(100vw - 32px));max-height:min(84vh,720px);overflow:auto;
  background:var(--black-2);border:1px solid rgba(255,255,255,.16);border-radius:20px;
  padding:34px 30px 26px;box-shadow:0 40px 120px rgba(0,0,0,.62);
}
.satmodal h3{font-size:24px;font-weight:900;letter-spacing:-.02em;line-height:1.1;margin-bottom:16px;color:var(--white-2);padding-right:34px}
.satmodal-body p{color:var(--muted);font-size:14px;line-height:1.62;margin-bottom:13px}
.satmodal-body p b{color:var(--white-2);font-weight:800}
.satmodal-body p:last-child{margin-bottom:0}
@media (max-width:860px){
  .sat-points{grid-template-columns:1fr}
  .sat-badge{width:42px;height:42px;top:20px;right:20px}
  .sat-feature{padding:26px 20px}
  .sat-feature h3{font-size:24px;padding-right:52px}
  .sat-actions .btn{flex:1 1 100%;text-align:center;justify-content:center}
  .sat-portal-frame{height:min(88vh,640px)}
  .satmodal{padding:26px 20px 20px}
}

/* ===== Intro gate: presentation video on entry (TTL 3 days, /intro.js) ===== */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
html.introPending{overflow:hidden}
html.introPending::before{content:"";position:fixed;inset:0;z-index:199;background:#04060a}
/* rides the shared .wscrim base; at 94% black the blur is invisible — off,
   so the GPU isn't compositing a fullscreen blur behind a playing video */
.introscrim{z-index:200;background:rgba(4,6,8,.94);backdrop-filter:none}
.intromodal{position:fixed;inset:0;z-index:210;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:20px}
.intro-frame{width:min(1100px,94vw,calc(72vh*16/9));aspect-ratio:16/9;background:#000;border:1px solid rgba(255,255,255,.16);border-radius:16px;overflow:hidden;box-shadow:0 40px 120px rgba(0,0,0,.62)}
.intro-frame iframe,.intro-frame video{display:block;width:100%;height:100%;border:0}
.intro-frame video{object-fit:contain;background:#000}
.intro-frame video::cue{color:#fff;background:rgba(0,0,0,.82);font-family:var(--font-sans,system-ui,sans-serif);font-size:clamp(14px,2.1vw,24px);line-height:1.35}
.intro-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:center}
.intro-language{display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:7px 9px 7px 14px;color:var(--white-2,#fff8ef);background:rgba(255,255,255,.04);transition:border-color .15s ease,background .15s ease}
.intro-language.is-on{border-color:rgba(255,92,0,.72);background:rgba(255,92,0,.12)}
.intro-language>span{font-size:12px;font-weight:800;letter-spacing:.02em;white-space:nowrap}
.intro-language select{max-width:210px;border:0;border-radius:999px;background:#151515;color:#fff;font:750 13px/1 var(--font-sans,system-ui,sans-serif);padding:8px 30px 8px 12px;cursor:pointer;color-scheme:dark}
.intro-language select:focus-visible{outline:2px solid var(--orange-solid,#ff5c00);outline-offset:2px}
.intro-enter{cursor:pointer;font-family:inherit;background:linear-gradient(135deg,var(--orange-solid,#ff5c00),#ff4500);border:0;border-radius:999px;color:#fff;font-weight:800;font-size:15px;padding:14px 28px;letter-spacing:.01em}
.intro-enter:hover{filter:brightness(1.08)}
.intro-sound{cursor:pointer;font-family:inherit;background:transparent;border:1px solid rgba(255,255,255,.28);border-radius:999px;color:var(--white-2,#fff8ef);font-weight:750;font-size:13.5px;padding:12px 22px;transition:border-color .15s ease}
.intro-sound:hover{border-color:rgba(255,92,0,.7)}
.intro-close{cursor:pointer;font-family:inherit;position:fixed;top:18px;right:18px;z-index:211;background:transparent;border:1px solid rgba(255,255,255,.24);border-radius:999px;color:var(--white-2,#fff8ef);width:40px;height:40px;font-size:20px;line-height:1}
.intro-close:hover{border-color:rgba(255,92,0,.7)}
@media (max-width:640px){
  .intromodal{padding:12px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}
  .intro-actions{width:100%}
  .intro-language{width:100%;box-sizing:border-box;justify-content:space-between}
  .intro-language select{min-width:0;max-width:55vw}
  .intro-enter{flex:1 1 100%;padding:16px;text-align:center}
}

/* ===== War room: the pack's live chat on the home (/homechat.js) ===== */
.hqchat{background:var(--black-2,#111);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:22px 22px 18px;margin-bottom:34px}
.hqchat-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:14px}
.hqchat-head h3{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:850;letter-spacing:-.01em;color:var(--white-2,#fff8ef);margin:0}
.hqchat-dot{width:9px;height:9px;border-radius:50%;background:#4a4a4a}
.hqchat-dot.is-live{background:#2ecc71;box-shadow:0 0 0 4px rgba(46,204,113,.18);animation:hqpulse 2.2s ease-in-out infinite}
@keyframes hqpulse{0%,100%{opacity:1}50%{opacity:.45}}
.hqchat-online{font-style:normal;font-size:12.5px;font-weight:700;color:var(--muted);margin-left:2px}
.hqchat-openhq{font-size:13px;font-weight:750;color:var(--orange-solid,#ff5c00);text-decoration:none;white-space:nowrap}
.hqchat-openhq:hover{text-decoration:underline}
.hqchat-stage{position:relative}
.hqchat-feed{max-height:min(420px,55dvh);overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:4px 2px}
.hqchat.is-teaser .hqchat-feed{max-height:250px;overflow:hidden}
.hqchat-empty{color:var(--muted);font-size:13.5px;padding:26px 8px;text-align:center}
.hqchat-msg{display:flex;gap:10px;align-items:flex-start}
.hqchat-ava{width:32px;height:32px;border-radius:50%;flex:0 0 32px;object-fit:cover;background:#1c1c1c}
.hqchat-ava-txt{display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:var(--white-2,#fff8ef);letter-spacing:.04em}
.hqchat-body{min-width:0;flex:1}
.hqchat-meta{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:2px}
.hqchat-meta b{font-size:13px;font-weight:800;color:var(--white-2,#fff8ef)}
.hqchat-meta b.is-you{color:var(--orange-solid,#ff5c00)}
.hqchat-rank1{font-style:normal;font-size:10.5px;font-weight:850;color:#090909;background:var(--orange-solid,#ff5c00);border-radius:6px;padding:1px 6px}
.hqchat-wt{font-style:normal;font-size:11.5px;font-weight:700;color:var(--muted)}
.hqchat-meta time{font-size:11.5px;color:var(--muted);margin-left:auto}
.hqchat-msg p{font-size:14px;line-height:1.5;color:var(--white,#f4efe8);margin:0;overflow-wrap:anywhere}
.hqchat-teaser{position:absolute;inset:auto 0 0 0;padding:84px 18px 18px;text-align:center;background:linear-gradient(180deg,rgba(17,17,17,0) 0%,var(--black-2,#111) 62%)}
.hqchat-teaser p{font-size:14px;color:var(--white,#f4efe8);max-width:520px;margin:0 auto 14px}
.hqchat-note{font-size:13px;color:var(--muted);margin:12px 2px 0}
.hqchat-gate{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:14px;padding:14px 16px;border:1px dashed rgba(255,92,0,.5);border-radius:14px;font-size:13.5px;color:var(--white,#f4efe8)}
.hqchat-compose{margin-top:14px}
.hqchat-compose textarea{width:100%;resize:vertical;min-height:56px;background:#0b0b0b;border:1px solid rgba(255,255,255,.16);border-radius:12px;color:var(--white-2,#fff8ef);font-family:inherit;font-size:14px;line-height:1.5;padding:12px 14px}
.hqchat-compose textarea:focus{outline:none;border-color:rgba(255,92,0,.6)}
.hqchat-bar{display:flex;align-items:center;gap:12px;margin-top:10px}
.hqchat-status{font-size:12.5px;color:var(--muted);flex:1;min-width:0}
.hqchat-status.is-err{color:#ff6b5e}
.hqchat-status.is-ok{color:#2ecc71}
.hqchat-count{font-size:12px;color:var(--muted);white-space:nowrap}
.hqchat-send{cursor:pointer}
@media (max-width:640px){
  .hqchat{padding:16px 14px 14px}
  .hqchat-meta time{margin-left:0}
  .hqchat-bar{flex-wrap:wrap}
  .hqchat-send{flex:1 1 100%;text-align:center;justify-content:center}
}

/* ===== Home redesign: $DOG 101 / QG / band & merged sections ===== */
.d101-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:860px){.d101-grid{grid-template-columns:1fr}}
.d101-grid .card .go,.qg-grid .card .go{margin-top:auto}
.d101-more{margin-top:26px}
.d101-summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:16px 18px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:var(--black-2,#111)}
.d101-summary::-webkit-details-marker{display:none}
.d101-summary:hover{border-color:rgba(255,92,0,.5)}
.d101-summary .kicker{margin:0}
.d101-summary b{color:var(--white-2,#fff8ef);font-size:15px}
.d101-summary span{color:var(--white-2,#fff8ef);font-weight:750;font-size:14.5px}
details[open]>.d101-summary{border-color:rgba(255,92,0,.5);margin-bottom:18px}
.d101-faq{margin-top:34px}
.d101-faq .vf-subhead{margin-bottom:14px}
.rd-wallets{margin-top:26px}
.rd-wallets .wnote{margin:14px 0 16px;max-width:none}
.fight-band{padding:52px 0}
.fight-band .fight-cta{margin-top:0}
.eco-sat{margin-bottom:34px}
.eco-sat-head{margin-bottom:24px}
.eco-sat-title{font-size:clamp(24px,3.2vw,34px);font-weight:900;letter-spacing:-.02em;line-height:1.08;color:var(--white-2,#fff8ef)}
.eco-sat-title span{color:var(--orange-solid,#ff5c00)}
.navlinks .nav-case{color:var(--orange-solid,#ff5c00);font-weight:850}
.navlinks .nav-case:hover{color:var(--white-2,#fff8ef)}

/* ===== Acervo da matilha: filmstrip rotativo (culture.js) ===== */
.pics-note{margin:26px 0 14px;font-size:14px;color:var(--muted)}
.pics-note b{color:var(--white-2,#fff8ef)}
.pics-row{overflow:hidden;margin:0 -20px;padding:6px 0}
.pics-track{display:flex;gap:14px;width:max-content;animation:pics-scroll 130s linear infinite}
.pics-row--rev .pics-track{animation-direction:reverse}
.pics-row:hover .pics-track{animation-play-state:paused}
.pics-item{display:block;flex:0 0 auto;height:250px;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.1);background:#101010}
.pics-item img{display:block;height:100%;width:auto;max-width:470px;object-fit:cover;transition:transform .2s ease}
.pics-item:hover img{transform:scale(1.04)}
@keyframes pics-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (max-width:640px){.pics-item{height:160px}.pics-item img{max-width:300px}}
@media (prefers-reduced-motion: reduce){.pics-track{animation:none}}

/* ===== DOG News · curated press archive ===== */
.news-page{background:#030303}
.news-page main{overflow:hidden}
.news-hero{
  position:relative;
  padding:78px 0 72px;
  background:
    radial-gradient(circle at 12% 18%,rgba(255,92,0,.2),transparent 35%),
    radial-gradient(circle at 92% 4%,rgba(255,154,61,.1),transparent 31%),
    linear-gradient(180deg,#080503 0%,#030303 100%);
}
.news-hero::after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.34;
  background:linear-gradient(rgba(255,92,0,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,92,0,.04) 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:linear-gradient(to bottom,#000,transparent 78%);
}
.news-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.88fr) minmax(460px,1.12fr);gap:54px;align-items:center}
.news-hero-copy h1{max-width:720px;margin:14px 0 22px}
.news-hero-copy .lead{max-width:660px;font-size:19px;line-height:1.62}
.news-hero-copy .hero-actions{margin-top:30px}
.news-hero-art{position:relative;margin:0;border:1px solid rgba(255,122,26,.42);border-radius:24px;overflow:hidden;background:#0a0806;box-shadow:0 34px 88px rgba(0,0,0,.52),0 0 60px rgba(255,92,0,.08)}
.news-hero-art::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)}
.news-hero-art img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:cover}
.news-hero-art figcaption{position:absolute;left:16px;right:16px;bottom:14px;padding:10px 14px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(3,3,3,.76);backdrop-filter:blur(12px);color:#fff7ef;font-size:12px;font-weight:800;letter-spacing:.035em;text-align:center}
.news-stats{display:flex;gap:13px;flex-wrap:wrap;margin:28px 0 0}
.news-stats>div{min-width:128px;padding:12px 15px;border:1px solid rgba(255,255,255,.11);border-radius:13px;background:rgba(255,255,255,.035)}
.news-stats dt{color:#fff7ef;font-size:22px;font-weight:900;line-height:1.05}
.news-stats dd{margin:5px 0 0;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.065em;text-transform:uppercase}

.news-latest,.news-archive,.news-method{padding:76px 0}
.news-section-head{align-items:end;margin-bottom:30px}
.news-section-head .lead{max-width:570px}
.news-feature-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}
.news-feature,.news-card{position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid rgba(255,255,255,.13);background:linear-gradient(155deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:0 20px 54px rgba(0,0,0,.2);transition:transform .18s ease,border-color .18s ease,background .18s ease}
.news-feature{min-height:340px;padding:34px;border-radius:22px;overflow:hidden}
.news-feature::after{content:"";position:absolute;width:250px;height:250px;right:-120px;bottom:-145px;border-radius:50%;background:rgba(255,92,0,.13);filter:blur(3px);pointer-events:none}
.news-feature--primary{border-color:rgba(255,92,0,.52);background:linear-gradient(145deg,rgba(255,92,0,.2),rgba(255,255,255,.025) 58%)}
.news-feature:hover,.news-card:hover{transform:translateY(-3px);border-color:rgba(255,92,0,.58);background:linear-gradient(155deg,rgba(255,92,0,.11),rgba(255,255,255,.025))}
.news-feature h3{position:relative;z-index:1;margin:25px 0 14px;color:#fff7ef;font-size:clamp(25px,3vw,39px);line-height:1.05;letter-spacing:-.025em}
.news-feature:not(.news-feature--primary) h3{font-size:clamp(23px,2.4vw,31px)}
.news-feature p{position:relative;z-index:1;margin:0 0 24px;color:rgba(255,247,239,.72);font-size:16px;line-height:1.65}
.news-card-meta{position:relative;z-index:1;display:flex;align-items:center;gap:9px;flex-wrap:wrap;color:var(--muted);font-size:11.5px;font-weight:780;letter-spacing:.05em;text-transform:uppercase}
.news-card-meta time::before{content:"·";margin-right:9px;color:rgba(255,255,255,.35)}
.news-outlet{color:#fff7ef;font-weight:900}
.news-kind{margin-left:auto;padding:5px 9px;border:1px solid rgba(255,92,0,.35);border-radius:999px;color:var(--orange);font-size:10.5px}
.news-read{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.11);color:var(--orange);font-size:13px;font-weight:850;text-decoration:none}
.news-read span:last-child{font-size:19px;transition:transform .15s ease}
.news-read:hover span:last-child{transform:translate(2px,-2px)}
.news-source-note{margin:16px 3px 0;color:var(--muted);font-size:12.5px;line-height:1.55}

.news-archive{background:linear-gradient(180deg,#050505,#030303)}
.news-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:25px;padding:13px 14px;border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.025)}
.news-filters{display:flex;gap:8px;flex-wrap:wrap}
.news-filter{appearance:none;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#080808;color:rgba(255,247,239,.68);padding:9px 14px;font:inherit;font-size:12.5px;font-weight:800;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}
.news-filter:hover{color:#fff7ef;border-color:rgba(255,92,0,.4)}
.news-filter.active{color:#160800;border-color:#ff7a1a;background:linear-gradient(135deg,#ff9a3d,#ff5c00)}
.news-result-count{margin:0;color:var(--muted);font-size:12.5px;font-weight:750;white-space:nowrap}
.news-result-count>span:first-child{color:#fff7ef}
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.news-card{min-height:365px;padding:25px;border-radius:18px}
.news-card[hidden]{display:none}
.news-card-tag{align-self:flex-start;margin:22px 0 12px;padding:5px 9px;border:1px solid rgba(255,92,0,.3);border-radius:999px;background:rgba(255,92,0,.08);color:var(--orange);font-size:10.5px;font-weight:900;letter-spacing:.075em;text-transform:uppercase}
.news-card h3{margin:0 0 13px;color:#fff7ef;font-size:21px;line-height:1.16;letter-spacing:-.012em}
.news-card p{margin:0 0 23px;color:var(--muted);font-size:14px;line-height:1.6}

.news-method{background:radial-gradient(circle at 4% 100%,rgba(255,92,0,.15),transparent 35%),#030303}
.news-method-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}
.news-method-copy{padding:28px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.03)}
.news-method-copy p{margin:0 0 22px;color:rgba(255,247,239,.74);font-size:16px;line-height:1.7}

@media(max-width:1040px){
  .news-hero-grid{grid-template-columns:1fr;gap:38px}
  .news-hero-copy{max-width:780px}
  .news-hero-art{max-width:920px}
  .news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .news-hero{padding:54px 0 50px}
  .news-hero-grid{gap:30px}
  .news-hero-copy .lead{font-size:17px}
  .news-hero-art{border-radius:17px}
  .news-hero-art figcaption{position:static;border:0;border-top:1px solid rgba(255,255,255,.1);border-radius:0;background:#090705;backdrop-filter:none}
  .news-stats>div{flex:1 1 115px;min-width:0}
  .news-latest,.news-archive,.news-method{padding:56px 0}
  .news-feature-grid,.news-grid,.news-method-grid{grid-template-columns:1fr}
  .news-method-grid{gap:24px}
  .news-feature{min-height:0;padding:25px}
  .news-card{min-height:0}
  .news-section-head{align-items:start}
}
@media(max-width:520px){
  .news-hero-copy .hero-actions{display:grid}
  .news-hero-copy .hero-actions .btn{justify-content:center;text-align:center}
  .news-stats{display:grid;grid-template-columns:1fr 1fr}
  .news-stats>div:last-child{grid-column:1/-1}
  .news-toolbar{align-items:flex-start}
  .news-filters{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .news-filter{white-space:normal;line-height:1.25}
  .news-card{padding:21px}
}

/* ===== Relíquias da Runestone na timeline do #dog101 ===== */
.d101-rune{height:30px;width:auto;flex:0 0 auto}
.d101-relics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 22px}
.d101-relics figure{margin:0;border:1px solid rgba(255,255,255,.12);border-radius:14px;overflow:hidden;background:#0b0b0b}
.d101-relics img{display:block;width:100%;height:210px;object-fit:cover}
.d101-relics figcaption{padding:10px 12px;font-size:12.5px;line-height:1.45;color:var(--muted)}
@media (max-width:860px){.d101-relics{grid-template-columns:1fr}.d101-relics img{height:180px}}

/* ===== Banner de arte temática (acervo DOG PIC) — cada seção com sua foto ===== */
.pic-banner{margin:26px 0 8px}
.pic-banner img{width:100%;max-height:430px;object-fit:cover;display:block;border-radius:14px;border:1px solid rgba(255,255,255,.12)}
.pic-banner--page{margin:30px 0 0}
/* Wide page art: native 16:9, full container width, no portrait-style cap. */
.pic-banner--wide img{width:100%;height:auto;max-height:none;aspect-ratio:16/9;object-fit:cover;margin:0}
/* foto inteira, sem corte — pro banner cuja composição não sobrevive ao cover */
.pic-banner--full img{width:auto;max-width:100%;max-height:560px;object-fit:contain;margin:0 auto}

/* ===== Bitcoin $DOG Mode: o contra-ataque ao BIP-110 (card #dogmode) ===== */
.dogmode-band{padding:0 0 52px}
.dogmode-box{border:1px solid rgba(247,147,26,.45);border-radius:16px;background:linear-gradient(180deg,rgba(247,147,26,.10),rgba(247,147,26,.02));padding:clamp(26px,4vw,44px)}
.dogmode-top{display:flex;justify-content:space-between;align-items:center;gap:10px 18px;flex-wrap:wrap;margin-bottom:18px}
.dogmode-tag{font-size:11.5px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--orange)}
.dogmode-cmd{font-family:var(--font-mono,ui-monospace,Menlo,monospace);font-size:13px;font-weight:600;color:var(--orange);opacity:.85;margin:0 0 12px}
.dogmode-box h2{font-size:clamp(26px,3.6vw,40px);line-height:1.06;letter-spacing:-.03em;font-weight:900;color:var(--ink);max-width:26ch;margin:0 0 14px}
.dogmode-p{font-size:14.5px;line-height:1.6;color:var(--muted);max-width:72ch;margin:0 0 22px}
.dogmode-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 24px}
.dogmode-point{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:16px;background:rgba(8,8,8,.35)}
.dogmode-point b{font-family:var(--font-mono,ui-monospace,Menlo,monospace);font-size:clamp(17px,1.8vw,21px);font-weight:800;letter-spacing:-.02em;color:var(--orange);margin-bottom:9px;white-space:nowrap}
.dogmode-point span{font-size:13.5px;line-height:1.52;color:var(--muted)}
.dogmode-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.dogmode-note{font-size:12.5px;font-weight:600;color:var(--muted);margin:0;max-width:none}
.dogmode-date{font-family:var(--font-mono,ui-monospace,Menlo,monospace);font-size:12px;font-weight:600;color:var(--muted);letter-spacing:.04em}
.dogmode-cover{margin:0 0 22px}
.dogmode-cover a{display:block}
.dogmode-cover img{width:100%;height:auto;aspect-ratio:1672/941;object-fit:cover;display:block;border-radius:12px;border:1px solid rgba(247,147,26,.35)}
.dogmode-cover figcaption{margin-top:9px;text-align:center;font-size:12.5px;color:var(--muted);font-weight:700;letter-spacing:.02em}
@media(max-width:760px){.dogmode-points{grid-template-columns:1fr}.dogmode-actions .btn{display:flex;flex:1 1 100%;justify-content:center}}

/* ===== /noticias — parede de imprensa (quem já falou da DOG) ===== */
/* 2x2 só do tablet pra cima: sem o min-width esta regra, por vir DEPOIS do
   @media(max-width:760px) lá em cima e ter a mesma especificidade, vencia
   também no celular e espremia os 4 cards em 2 colunas de ~170px. */
@media(min-width:761px){.news-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.news-feature{min-height:0}
.news-outlet-logo{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px}
.news-outlet-logo img{display:block;width:100%;height:100%;object-fit:contain;border-radius:8px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.5))}
/* parede de imprensa em marquee FULL-BLEED: atravessa a tela inteira (no HTML ela
   fica FORA do .wrap, como a .social-strip da home). Loop contínuo lento, pausa em
   hover/teclado, fade nas bordas; com prefers-reduced-motion vira fila rolável.
   Quem anda é CADA .press-set, em translateX(-100%) da PRÓPRIA largura — todos
   andam junto, o efeito é o do track inteiro, mas o CSS não precisa saber quantos
   sets nem quantos cards existem (mexer na parede não mexe na conta).
   Anti-buraco: com N sets de largura W o conteúdo cobre (N-1)*W. Com 3 sets de
   ~4345px dá ~8700px — 4K, 5K e 8K com folga. Se a parede encolher para menos de
   6 veículos, cole mais um .press-set (é só HTML). */
.press-marquee{
  /* --press-step = card + gap. Uma variável só comanda card, logo e tipografia,
     pra que o card cresça junto com a tela em vez de virar cartãozinho perdido.
     --press-dur cresce junto: como a volta é 1 set e o set engorda com o card,
     duração fixa faria o marquee ACELERAR na tela grande. Assim fica ~42px/s
     em qualquer monitor.
     ATENÇÃO: a duração NÃO pode sair de um calc() com a largura da tela.
     calc(90s + (100vw - 1440px) * .022s) multiplica comprimento por tempo, o que
     é inválido em CSS: o var vira lixo, o shorthand `animation` cai inteiro e a
     parede congela (foi exatamente esse o bug de 20/07). Como não dá pra derivar
     tempo de px, os degraus vêm de @media logo abaixo. */
  --press-step:clamp(355px,calc(355px + (100vw - 1440px) * .045),470px);
  --press-gap:clamp(15px,1vw,24px);
  --press-fade:clamp(28px,5vw,150px);
  --press-dur:94s;
  position:relative;overflow:hidden;margin-top:30px;
  padding:clamp(16px,1.4vw,30px) 0 clamp(18px,1.6vw,34px);
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#050607;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--press-fade),#000 calc(100% - var(--press-fade)),transparent 100%);
          mask-image:linear-gradient(90deg,transparent 0,#000 var(--press-fade),#000 calc(100% - var(--press-fade)),transparent 100%);
}
/* a volta é 1 set = 11 cards = 11 * --press-step. Os degraus seguram ~40px/s do
   laptop ao 4K: 3905px/94s em 1440, 4480px/116s em 2600, 5170px/124s no talo. */
@media(min-width:1800px){.press-marquee{--press-dur:104s}}
@media(min-width:2600px){.press-marquee{--press-dur:116s}}
@media(min-width:3600px){.press-marquee{--press-dur:124s}}
.press-track{display:flex;width:max-content}
.press-set{display:flex;gap:var(--press-gap);padding-right:var(--press-gap);animation:press-scroll var(--press-dur) linear infinite}
.press-marquee:hover .press-set,.press-marquee:focus-within .press-set{animation-play-state:paused}
@keyframes press-scroll{from{transform:translateX(0)}to{transform:translateX(-100%)}}
.press-card{width:min(80vw,calc(var(--press-step) - var(--press-gap)));flex:0 0 auto;position:relative;display:flex;gap:14px;align-items:flex-start;min-width:0;padding:19px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:linear-gradient(155deg,rgba(255,255,255,.055),rgba(255,255,255,.018));box-shadow:0 20px 54px rgba(0,0,0,.2);text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.press-card:hover{transform:translateY(-3px);border-color:rgba(255,92,0,.58);background:linear-gradient(155deg,rgba(255,92,0,.11),rgba(255,255,255,.025))}
.press-logo{flex:0 0 auto;width:46px;height:46px}
.press-logo img{display:block;width:100%;height:100%;object-fit:contain;border-radius:12px;filter:drop-shadow(0 5px 12px rgba(0,0,0,.5))}
.press-body{flex:1;min-width:0}
.press-top{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;row-gap:2px;padding-right:20px}
.press-name{color:#fff7ef;font-size:15.5px;font-weight:900;letter-spacing:-.01em}
.press-meta{flex:0 0 auto;color:var(--muted);font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.press-ext{position:absolute;top:16px;right:17px;color:var(--orange);font-size:15px;font-weight:850;transition:transform .15s ease}
.press-card:hover .press-ext{transform:translate(2px,-2px)}
.press-what{display:block;margin-top:7px;color:var(--muted);font-size:12.5px;line-height:1.55}
/* logo e tipografia acompanham o --press-step, senão o card cresce e o miolo
   fica pequeno dentro dele */
.press-logo{width:clamp(46px,calc(var(--press-step) * .135),62px);height:clamp(46px,calc(var(--press-step) * .135),62px)}
.press-name{font-size:clamp(15.5px,calc(var(--press-step) * .044),19px)}
.press-what{font-size:clamp(12.5px,calc(var(--press-step) * .0355),15px)}
.press-card{padding:clamp(19px,calc(var(--press-step) * .056),26px)}
/* a página inteira também respira na tela grande — escopado na /noticias pra não
   mexer no resto do site. Só passa de 1220px acima de ~1970px de tela, então
   1440 e 1920 continuam idênticos ao que já estava no ar. */
body.news-page{--maxw:clamp(1220px,62vw,1560px)}
/* foco de teclado: o fade não pode apagar justamente o card focado */
.press-marquee:focus-within{-webkit-mask-image:none;mask-image:none}
.press-card:focus-visible{outline:2px solid var(--orange-solid,#ff5c00);outline-offset:3px;border-color:rgba(255,92,0,.58)}
@media(max-width:640px){
  .press-marquee{margin-top:22px}
  .press-card{padding:16px}
}
/* CELULAR/TABLET (e reduced-motion): a faixa deixa de andar sozinha e vira
   trilho de arrastar com o dedo. Não é só gosto — conteúdo em movimento que o
   usuário não consegue parar é falha de acessibilidade (WCAG 2.2.2), e num
   aparelho sem hover não existe como pausar. De quebra some o jank e a bateria
   gasta à toa. Os clones saem do DOM acessível: sobram os 11 links de verdade. */
@media(max-width:760px),(hover:none),(prefers-reduced-motion:reduce){
  .press-marquee{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline:20px;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;-webkit-mask-image:none;mask-image:none}
  /* a calha acompanha a do .wrap, pro 1º card nascer alinhado com o título
     (18px no celular; em desktop com reduced-motion, alinha com a coluna) */
  .press-track{width:max-content;padding-inline:max(18px,calc((100% - var(--maxw))/2 + 24px))}
  .press-set{animation:none;will-change:auto}
  .press-set[aria-hidden="true"]{display:none}
  .press-card{scroll-snap-align:start}
}
/* toque: sem :hover grudado depois do tap, com feedback de pressão no lugar */
@media(hover:none){
  .press-card:hover{transform:none;border-color:rgba(255,255,255,.13);background:linear-gradient(155deg,rgba(255,255,255,.055),rgba(255,255,255,.018))}
  .press-card:hover .press-ext{transform:none}
  .press-card:active{transform:scale(.985);border-color:rgba(255,92,0,.55);background:linear-gradient(155deg,rgba(255,92,0,.11),rgba(255,255,255,.025))}
}
.episode-feature{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 84% 10%,rgba(247,147,26,.16),transparent 30%),
    linear-gradient(180deg,#070707,#0b0b0b);
}
.episode-feature::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.22;
  background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:34px 34px;
  -webkit-mask-image:linear-gradient(to bottom,#000,transparent 72%);
  mask-image:linear-gradient(to bottom,#000,transparent 72%);
}
.episode-feature .wrap{position:relative;z-index:1}
.episode-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:36px;
  align-items:end;
  margin-bottom:28px;
}
.episode-head h2{max-width:900px;font-size:clamp(32px,4.5vw,58px);line-height:.98}
.episode-head .lead{margin-top:18px;max-width:850px}
.episode-facts{display:flex;gap:8px;align-items:stretch}
.episode-facts span{
  min-width:112px;
  padding:14px 16px;
  border:1px solid rgba(247,147,26,.28);
  border-radius:8px;
  background:rgba(0,0,0,.42);
}
.episode-facts b,.episode-facts small{display:block}
.episode-facts b{color:var(--orange);font-family:var(--font-mono);font-size:15px;white-space:nowrap}
.episode-facts small{margin-top:5px;color:var(--muted);font-size:10px;line-height:1.25;text-transform:uppercase;letter-spacing:.07em}
.episode-shell{
  overflow:hidden;
  border:1px solid rgba(247,147,26,.34);
  border-radius:12px;
  background:#050505;
  box-shadow:0 30px 90px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.025) inset;
}
.episode-player-wrap{position:relative;aspect-ratio:16/9;background:#000}
.episode-player{display:block;width:100%;height:100%;object-fit:contain;background:#000}
.episode-player::cue{color:#fff;background:rgba(0,0,0,.84);font-family:var(--font-sans,system-ui,sans-serif);font-size:clamp(14px,2vw,22px);line-height:1.35}
.episode-start{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  display:flex;
  align-items:center;
  gap:14px;
  min-width:min(88%,330px);
  padding:15px 18px;
  border:1px solid rgba(255,255,255,.3);
  border-radius:10px;
  color:#fff;
  text-align:left;
  background:rgba(0,0,0,.86);
  box-shadow:0 14px 45px rgba(0,0,0,.55);
  backdrop-filter:blur(10px);
  cursor:pointer;
  transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.episode-start:hover{transform:translate(-50%,-52%);border-color:var(--orange);background:rgba(15,10,4,.94)}
.episode-start.is-loading{cursor:wait;opacity:.84}
.episode-start-icon{
  display:grid;
  place-items:center;
  flex:0 0 50px;
  width:50px;
  height:50px;
  padding-left:3px;
  border-radius:50%;
  color:#160d02;
  background:var(--orange);
  font-size:20px;
}
.episode-start b,.episode-start small{display:block}
.episode-start b{font-size:15px;line-height:1.2}
.episode-start small{margin-top:4px;color:#b8b8b8;font-size:11px}
.episode-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:14px 18px;
  border-top:1px solid rgba(255,255,255,.09);
}
.episode-captions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.episode-captions>span{margin-right:4px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.episode-captions button{
  min-width:38px;
  min-height:34px;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:6px;
  color:var(--muted);
  background:rgba(255,255,255,.04);
  font:800 11px/1 var(--font-mono);
  cursor:pointer;
}
.episode-captions button:hover,.episode-captions button.active{border-color:var(--orange);color:#1b1002;background:var(--orange)}
.episode-source{color:var(--orange);font-size:12px;font-weight:800;border-bottom:1px solid rgba(247,147,26,.35)}
.episode-status,.episode-note{padding:0 18px 14px;color:var(--muted);font-size:11px;line-height:1.5}
.episode-status{color:var(--orange);font-weight:750}

@media(max-width:940px){
  .episode-head{grid-template-columns:1fr}
  .episode-facts{justify-content:flex-start}
}
@media(max-width:620px){
  .episode-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .episode-facts span{min-width:0;padding:12px 10px}
  .episode-toolbar{display:block}
  .episode-source{display:inline-flex;margin-top:14px}
  .episode-start{min-width:calc(100% - 32px)}
}