:root{
  --font-circular:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --ca-bg:#000000;
  --ca-bg-2:#000000;
  --ca-bg-3:#0b0b0c;
  --ca-surface:#1d1d1f;
  --ca-surface-2:#252527;
  --ca-surface-3:#2d2d30;
  --ca-primary:#b64400;
  --ca-primary-2:#c94d00;
  --ca-primary-3:#923700;
  --ca-cyan:#d85a0c;
  --ca-blue:#e36a1b;
  --ca-warning:#f5b84b;
  --ca-danger:#ff5f6d;
  --ca-text:#f5f5f7;
  --ca-muted:#86868b;
  --ca-muted-2:#b3b3b8;
  --ca-border:rgba(255,255,255,.10);
  --ca-border-2:rgba(255,255,255,.18);
  --ca-glow:rgba(182,68,0,.18);
  --ca-shadow:0 22px 70px rgba(0,0,0,.46);
}

html{background:var(--ca-bg)}
body{
  background:
    radial-gradient(780px 520px at 12% -8%,rgba(0,201,80,.12),transparent 62%),
    radial-gradient(700px 480px at 88% 4%,rgba(29,214,189,.09),transparent 58%),
    linear-gradient(180deg,var(--ca-bg),#07100d 54%,#050807);
  color:var(--ca-text);
}
body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-2;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(184,255,210,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(184,255,210,.035) 1px,transparent 1px);
  background-size:58px 58px;
  mask-image:radial-gradient(ellipse 80% 55% at 50% 0%,#000 0%,transparent 78%);
}
body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(120deg,transparent,rgba(255,255,255,.025),transparent);
  opacity:.65;
}

::selection{background:rgba(0,201,80,.32);color:#fff}
a{transition:color .18s ease,opacity .18s ease}

.sidebar{
  background:linear-gradient(180deg,rgba(10,21,17,.98),rgba(5,9,8,.98)) !important;
  border-right:1px solid var(--ca-border-2) !important;
  box-shadow:18px 0 50px rgba(0,0,0,.28);
}
.sb-logo{
  border-bottom:1px solid var(--ca-border) !important;
  background:linear-gradient(135deg,rgba(0,201,80,.08),transparent 58%);
}
.sb-logo img{box-shadow:0 0 0 1px rgba(0,201,80,.28),0 10px 26px rgba(0,0,0,.35)}
.sb-logo-text,.logo,.foot-logo{letter-spacing:-.02em}
.sb-logo-text em,.logo em,.foot-logo em{color:var(--ca-primary-2) !important;text-shadow:0 0 22px rgba(0,201,80,.32)}
.sb-logo-sub{color:var(--ca-muted) !important}
.sb-section{color:rgba(192,206,198,.52) !important}
.sb-item{
  position:relative;
  margin:2px 10px;
  border-left:0 !important;
  border-radius:10px !important;
  color:var(--ca-muted-2) !important;
  overflow:hidden;
}
.sb-item::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:linear-gradient(180deg,var(--ca-primary),var(--ca-cyan));
  opacity:0;
  transform:scaleY(.35);
  transition:opacity .2s ease,transform .2s ease;
}
.sb-item:hover{background:rgba(255,255,255,.045) !important;color:var(--ca-text) !important;transform:translateX(2px)}
.sb-item.active{
  color:var(--ca-text) !important;
  background:linear-gradient(90deg,rgba(0,201,80,.16),rgba(0,201,80,.045)) !important;
  box-shadow:inset 0 0 0 1px rgba(0,201,80,.18),0 10px 28px rgba(0,201,80,.08);
}
.sb-item.active::before{opacity:1;transform:scaleY(1)}
.sb-ico{color:var(--ca-primary-2);filter:drop-shadow(0 0 10px rgba(0,201,80,.18))}
.sb-avatar,.topbar-avatar{
  color:#021008 !important;
  background:linear-gradient(135deg,var(--ca-primary-2),var(--ca-primary-3)) !important;
  box-shadow:0 0 0 1px rgba(0,201,80,.35),0 12px 24px rgba(0,201,80,.14);
}

.main-wrap,.main{background:transparent !important}
.topbar{
  background:rgba(7,14,12,.76) !important;
  border-bottom:1px solid var(--ca-border) !important;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  box-shadow:0 18px 45px rgba(0,0,0,.18);
}
.topbar-title,.topbar-title strong{color:var(--ca-text) !important}
.topbar-title::before{
  content:"";
  display:inline-block;
  width:7px;
  height:7px;
  margin-right:8px;
  border-radius:999px;
  background:var(--ca-primary);
  box-shadow:0 0 16px var(--ca-primary);
  vertical-align:1px;
}
.main-content,.content{position:relative}

.card,.chart-card,.stat-card,.gl-stat,.link-card,.el-section,.rules-section,.rule-card,.pv-card,.modal,.price-card,.router,.feat,.trust-item,[style*="background:var(--card)"]{
  background:
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018)),
    linear-gradient(135deg,rgba(0,201,80,.045),transparent 48%),
    var(--ca-surface) !important;
  border:1px solid var(--ca-border-2) !important;
  box-shadow:var(--ca-shadow),inset 0 1px 0 rgba(255,255,255,.055) !important;
}
.card,.chart-card,.link-card,.el-section,.rules-section,.pv-card{border-radius:16px !important}
.card:hover,.chart-card:hover,.stat-card:hover,.gl-stat:hover,.link-card:hover,.el-section:hover,.feat:hover{
  border-color:rgba(0,201,80,.34) !important;
  box-shadow:0 26px 80px rgba(0,0,0,.52),0 0 34px rgba(0,201,80,.06),inset 0 1px 0 rgba(255,255,255,.075) !important;
}
.card-header,.rule-card-hd{
  background:linear-gradient(180deg,rgba(255,255,255,.035),transparent) !important;
  border-bottom:1px solid var(--ca-border) !important;
}

.page-title,.section-title,.modal-title{color:var(--ca-text);letter-spacing:-.03em}
.page-sub,.section-body,.stat-sub,.form-hint,.field-hint{color:var(--ca-muted) !important}

.btn,button,a.btn{
  border-radius:10px !important;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease,color .18s ease !important;
}
.btn:hover,button:hover,a.btn:hover{transform:translateY(-1px)}
.btn-primary,.m-submit{
  color:#031009 !important;
  background:linear-gradient(135deg,var(--ca-primary-2),var(--ca-primary-3)) !important;
  box-shadow:0 12px 32px rgba(0,201,80,.22),inset 0 1px 0 rgba(255,255,255,.25) !important;
}
.btn-primary:hover,.m-submit:hover{box-shadow:0 16px 38px rgba(0,201,80,.32),inset 0 1px 0 rgba(255,255,255,.25) !important}
.btn-outline,.btn-ghost{
  background:rgba(255,255,255,.035) !important;
  border:1px solid var(--ca-border-2) !important;
  color:var(--ca-muted-2) !important;
}
.btn-outline:hover,.btn-ghost:hover{
  background:rgba(0,201,80,.08) !important;
  border-color:rgba(0,201,80,.34) !important;
  color:var(--ca-text) !important;
}
.btn-danger{
  background:rgba(255,95,109,.10) !important;
  border:1px solid rgba(255,95,109,.22) !important;
  color:#ff9aa3 !important;
}

input,select,textarea,.field-wrap,.ab-urls,.ab-select,.sched-time{
  background:rgba(5,11,9,.72) !important;
  border-color:var(--ca-border-2) !important;
  color:var(--ca-text) !important;
}
input:focus,select:focus,textarea:focus,.field-wrap:focus-within,.ab-urls:focus,.ab-select:focus,.sched-time:focus{
  border-color:rgba(0,201,80,.72) !important;
  box-shadow:0 0 0 4px rgba(0,201,80,.12),0 0 28px rgba(0,201,80,.08) !important;
}
label,.field-label,.rule-sub,.stat-label,.gl-stat-lbl,.tbl th,th{color:rgba(192,206,198,.68) !important}

.badge,.stat-pill,.ls,.sb-plan-badge{
  border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
}
.badge-green,.b-green,.pill-green,.ls-g,.sb-plan-active{
  background:rgba(0,201,80,.12) !important;
  color:var(--ca-primary-2) !important;
}
.badge-red,.b-red,.pill-red,.ls-r,.sb-plan-inactive{
  background:rgba(255,95,109,.11) !important;
  color:#ff9aa3 !important;
}
.badge-yellow,.b-yellow{background:rgba(245,184,75,.12) !important;color:#ffd78a !important}
.badge-blue,.b-blue{background:rgba(56,189,248,.12) !important;color:#9de7ff !important}

.tbl-wrap,table,.camp-table{border-color:var(--ca-border) !important}
thead tr{background:rgba(255,255,255,.035) !important}
td,.tbl td,.camp-table td{border-bottom-color:rgba(184,255,210,.075) !important}
tr:hover td,.tbl tr:hover td,.camp-table tr:hover td{background:rgba(0,201,80,.035) !important}

.alert{
  border-radius:13px !important;
  backdrop-filter:blur(14px);
  animation:caSlideUp .28s ease both;
}
.alert-success{background:rgba(0,201,80,.10) !important;border-color:rgba(0,201,80,.22) !important;color:var(--ca-primary-2) !important}
.alert-error{background:rgba(255,95,109,.10) !important;border-color:rgba(255,95,109,.22) !important;color:#ff9aa3 !important}
.alert-info{background:rgba(56,189,248,.10) !important;border-color:rgba(56,189,248,.20) !important;color:#9de7ff !important}
.alert-warning{background:rgba(245,184,75,.11) !important;border-color:rgba(245,184,75,.22) !important;color:#ffd78a !important}

.overlay,.modal-overlay{background:rgba(0,0,0,.72) !important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.modal{border-radius:20px !important;animation:caModalIn .22s cubic-bezier(.2,.8,.2,1) both !important}

.ca-spotlight{position:relative;overflow:hidden}
.ca-spotlight::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:0;
  background:radial-gradient(320px circle at var(--ca-x,50%) var(--ca-y,50%),rgba(0,201,80,.13),transparent 62%);
  transition:opacity .22s ease;
}
.ca-spotlight:hover::after{opacity:1}

.ca-reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}
.ca-reveal.ca-in{opacity:1;transform:none}

@keyframes caSlideUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes caModalIn{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
@keyframes caFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes caPulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(0,201,80,.35)}50%{opacity:.75;box-shadow:0 0 0 8px rgba(0,201,80,0)}}

@media(max-width:900px){
  .sidebar{box-shadow:28px 0 70px rgba(0,0,0,.5)}
  .main-content,.content{padding:14px !important}
  .topbar{min-height:56px;height:auto !important}
  .tbl-wrap,table,.camp-table{max-width:100%;overflow-x:auto}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}
  .ca-reveal{opacity:1;transform:none}
}

/* Landing premium */
body:has(.hero) nav .nav-blur{
  background:rgba(5,9,8,.78) !important;
  border-bottom:1px solid var(--ca-border) !important;
}
body:has(.hero) nav.scrolled .nav-blur{
  background:rgba(5,9,8,.94) !important;
  box-shadow:0 18px 44px rgba(0,0,0,.34) !important;
}
body:has(.hero) .hero{
  min-height:760px;
  display:flex;
  align-items:center;
  padding-top:110px !important;
  background:
    radial-gradient(900px 520px at 20% 18%,rgba(0,201,80,.16),transparent 60%),
    radial-gradient(720px 520px at 88% 22%,rgba(29,214,189,.10),transparent 56%),
    linear-gradient(180deg,rgba(255,255,255,.015),transparent 72%);
}
body:has(.hero) .hero::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(110deg,transparent 0 42%,rgba(255,255,255,.03) 48%,transparent 56%),
    radial-gradient(circle at 70% 34%,rgba(0,201,80,.16) 0 1px,transparent 2px),
    radial-gradient(circle at 82% 54%,rgba(29,214,189,.18) 0 1px,transparent 2px),
    radial-gradient(circle at 50% 20%,rgba(255,255,255,.13) 0 1px,transparent 2px);
  background-size:auto,180px 180px,220px 220px,260px 260px;
  opacity:.75;
}
body:has(.hero) .hero-inner{max-width:1180px;gap:72px}
body:has(.hero) .badge{
  color:var(--ca-primary-2) !important;
  background:rgba(0,201,80,.09) !important;
  border-color:rgba(0,201,80,.24) !important;
  box-shadow:0 0 28px rgba(0,201,80,.08),inset 0 1px 0 rgba(255,255,255,.06);
}
body:has(.hero) .hero h1{
  font-size:clamp(2.65rem,5.2vw,5.55rem) !important;
  line-height:.98 !important;
  letter-spacing:-.055em !important;
  max-width:680px;
}
body:has(.hero) .hero h1 em{
  color:transparent !important;
  background:linear-gradient(90deg,var(--ca-primary-2),#d8ffe5 48%,var(--ca-cyan));
  -webkit-background-clip:text;
  background-clip:text;
  text-shadow:none;
}
body:has(.hero) .hero-sub{
  max-width:610px !important;
  color:var(--ca-muted-2) !important;
  font-size:1.08rem !important;
}
body:has(.hero) .router{
  transform:perspective(980px) rotateX(4deg) rotateY(-8deg);
  border-radius:22px !important;
  animation:caFloat 6s ease-in-out infinite;
}
body:has(.hero) .router::after{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:22px;
  pointer-events:none;
  background:linear-gradient(135deg,rgba(0,201,80,.32),transparent 36%,rgba(29,214,189,.18));
  opacity:.28;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  padding:1px;
  -webkit-mask-composite:xor;
  mask-composite:exclude;
}
body:has(.hero) .rf-row.active{
  border-color:rgba(0,201,80,.48) !important;
  background:linear-gradient(90deg,rgba(0,201,80,.10),rgba(255,255,255,.035)) !important;
}
body:has(.hero) .demo-box{
  background:rgba(8,15,13,.82) !important;
  border-color:var(--ca-border-2) !important;
  box-shadow:0 16px 42px rgba(0,0,0,.28);
}
body:has(.hero) .proof{
  background:rgba(7,14,12,.72) !important;
  backdrop-filter:blur(16px);
}
body:has(.hero) .section{
  position:relative;
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.012),transparent);
}
body:has(.hero) .how{
  background:
    radial-gradient(700px 420px at 20% 10%,rgba(0,201,80,.08),transparent 62%),
    rgba(8,16,13,.78) !important;
}
body:has(.hero) .feats{
  gap:14px !important;
  background:transparent !important;
  border:0 !important;
  overflow:visible !important;
}
body:has(.hero) .feat{border-radius:16px !important}
body:has(.hero) .feat-ico{
  background:linear-gradient(135deg,rgba(0,201,80,.15),rgba(29,214,189,.08)) !important;
  border:1px solid rgba(0,201,80,.18);
}
body:has(.hero) .step-n{
  background:linear-gradient(135deg,rgba(0,201,80,.18),rgba(29,214,189,.08)) !important;
  box-shadow:0 0 24px rgba(0,201,80,.10);
}
body:has(.hero) .price-card{
  max-width:520px;
  border-radius:24px !important;
}
body:has(.hero) footer{
  background:rgba(5,9,8,.92) !important;
}

@media(max-width:940px){
  body:has(.hero) .hero{min-height:auto}
  body:has(.hero) .router{transform:none}
}
@media(max-width:520px){
  body:has(.hero) .nav-inner{padding:0 14px !important}
  body:has(.hero) .logo{font-size:17px !important;min-width:0}
  body:has(.hero) .logo img{width:26px !important;height:26px !important;margin-right:4px !important}
  body:has(.hero) .nav-right{gap:6px}
  body:has(.hero) .nav-right .btn-primary{display:none}
  body:has(.hero) .nav-right .btn-outline{padding:8px 12px !important;font-size:12px !important}
  body:has(.hero) .hero-inner{max-width:100% !important;min-width:0}
  body:has(.hero) .hero-copy{min-width:0;width:100%;max-width:326px;margin:0 auto}
  body:has(.hero) .hero h1{
    font-size:clamp(1.58rem,7.2vw,1.78rem) !important;
    line-height:1.08 !important;
    letter-spacing:-.025em !important;
    max-width:100%;
    overflow-wrap:normal;
  }
  body:has(.hero) .hero-sub{font-size:15px !important;line-height:1.68 !important}
  body:has(.hero) .hero-actions{display:grid !important;grid-template-columns:1fr;gap:10px}
  body:has(.hero) .hero-actions .btn{width:100%}
  body:has(.hero) .demo-box{justify-content:flex-start;font-size:11px !important}
  body:has(.hero) .router{padding:14px !important}
  body:has(.hero) .router-foot{grid-template-columns:1fr;display:grid}
  body:has(.hero) .hero{padding-top:118px !important}
}

/* Continuidade da campanha — composição editorial criada para o CliqueAqui */
.landing-story{padding:132px 24px;background:#000;border-bottom:1px solid rgba(255,255,255,.10)}
.landing-story-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:104px;align-items:center}
.landing-story-copy{position:relative;padding:8px 0 8px 34px;border-left:1px solid rgba(255,255,255,.15)}
.landing-story-copy::before{content:"";position:absolute;top:8px;left:-1px;width:2px;height:68px;background:#b64400}
.story-index{display:flex;align-items:center;gap:11px;margin-bottom:28px;color:#77777d;font-size:11px;font-weight:600;letter-spacing:.12em}
.story-index span:first-child{color:#d35400}.story-index i{display:block;width:44px;height:1px;background:rgba(255,255,255,.20)}
.landing-story .section-kicker{margin-bottom:14px;font-weight:700;letter-spacing:.1em}
.landing-story h2{max-width:620px;margin:0 0 28px;color:#f5f5f7;font-size:clamp(46px,4.6vw,64px);font-weight:650 !important;line-height:.98;letter-spacing:-.045em}
.landing-story h2 em{color:#d35400;font-weight:650 !important;font-style:normal}
.landing-story-copy>p{max-width:585px;margin:0;color:#bebec3;font-size:17px;font-weight:500;line-height:1.62}
.story-actions{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:34px}
.story-link{display:inline-flex;align-items:center;gap:10px;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.22);color:#f5f5f7;font-size:14px;font-weight:650 !important}
.story-link span{color:#d35400}.story-link:hover{border-color:#b64400;color:#d35400}
.continuity-board{position:relative;padding:0 30px;border:1px solid rgba(255,255,255,.16);border-radius:2px;background:#1d1d1f;box-shadow:none;overflow:hidden}
.continuity-board::before{content:"";position:absolute;top:-1px;left:-1px;width:104px;height:3px;background:#b64400}
.continuity-address{display:grid;grid-template-columns:1fr auto;gap:13px 24px;align-items:end;padding:29px 0 25px;border-bottom:1px solid rgba(255,255,255,.12)}
.continuity-address>span{grid-column:1/-1;color:#85858a;font-size:10px;font-weight:700;letter-spacing:.12em}
.continuity-address>strong{color:#f5f5f7;font-size:20px;font-weight:650 !important;letter-spacing:-.025em}.continuity-address>strong em{color:#d35400;font-weight:650 !important;font-style:normal}
.continuity-address>b{display:flex;align-items:center;gap:8px;color:#d35400;font-size:9px;font-weight:700 !important;letter-spacing:.1em}.continuity-address>b i{width:7px;height:7px;background:#b64400}
.continuity-line{position:relative;height:55px;margin:0 8%;border-bottom:1px solid rgba(182,68,0,.8)}
.continuity-line::before{content:"";position:absolute;top:0;left:0;height:55px;border-left:1px solid #b64400}.continuity-line::after{content:"";position:absolute;top:0;right:0;height:55px;border-right:1px solid #b64400}
.continuity-line i{position:absolute;bottom:-5px;width:9px;height:9px;border:2px solid #b64400;background:#1d1d1f}.continuity-line i:nth-child(1){left:0;transform:translateX(-50%)}.continuity-line i:nth-child(2){left:50%;transform:translateX(-50%)}.continuity-line i:nth-child(3){right:0;transform:translateX(50%)}
.continuity-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:24px 0 29px}
.continuity-stages article{display:grid;grid-template-columns:26px 1fr;gap:10px;min-width:0;padding:0 18px;border-right:1px solid rgba(255,255,255,.11)}.continuity-stages article:first-child{padding-left:0}.continuity-stages article:last-child{padding-right:0;border-right:0}
.continuity-stages article>span{color:#d35400;font-size:10px;font-weight:700}.continuity-stages article>div{display:grid;gap:6px}.continuity-stages b{color:#f5f5f7;font-size:14px;font-weight:700 !important}.continuity-stages small{color:#929297;font-size:11px;font-weight:500;line-height:1.4}
.continuity-result{display:flex;align-items:center;gap:16px;padding:17px 0;border-top:1px solid rgba(255,255,255,.12);color:#85858a;font-size:9px;font-weight:700;letter-spacing:.1em}.continuity-result i{height:1px;flex:1;background:rgba(255,255,255,.14)}.continuity-result strong{color:#d35400;font-weight:700}
@media(max-width:1050px){.landing-story-grid{grid-template-columns:1fr;gap:64px;max-width:760px}.landing-story-copy{padding-left:28px}}
@media(max-width:620px){.landing-story{padding:84px 20px}.landing-story h2{font-size:clamp(40px,12vw,54px)}.continuity-board{padding:0 20px}.continuity-address{grid-template-columns:1fr}.continuity-address>b{margin-top:3px}.continuity-line{display:none}.continuity-stages{grid-template-columns:1fr;padding:10px 0}.continuity-stages article,.continuity-stages article:first-child,.continuity-stages article:last-child{padding:17px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.10)}.continuity-stages article:last-child{border-bottom:0}.continuity-result{align-items:flex-start}.continuity-result i{display:none}.continuity-result strong{text-align:right}}

/* Hero autoral CliqueAqui — diagrama operacional, sem grade de cards */
body:has(.hero) .nav-links a{font-weight:600 !important;color:#b3b3b8}
body:has(.hero) .nav-login{font-weight:700}
body:has(.hero) .hero{min-height:790px;padding:142px 24px 92px !important}
body:has(.hero) .hero-inner{max-width:1180px;grid-template-columns:minmax(0,.94fr) minmax(500px,1.06fr);gap:92px;align-items:center}
body:has(.hero) .hero-copy{padding-left:34px}
.hero-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:26px;color:#d1d1d6;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.hero-eyebrow>span{width:8px;height:8px;background:#b64400}
body:has(.hero) .hero h1{max-width:660px;margin:0 0 28px;font-size:clamp(54px,5.35vw,72px) !important;font-weight:650 !important;line-height:.96 !important;letter-spacing:-.05em !important}
body:has(.hero) .hero h1 em{font-weight:650;color:#d35400 !important}
body:has(.hero) .hero-sub{max-width:610px !important;margin-bottom:30px;font-size:17px !important;font-weight:500;line-height:1.58 !important;color:#c5c5ca !important}
body:has(.hero) .hero-actions{gap:10px;margin-bottom:30px}
body:has(.hero) .hero-actions .btn{min-height:48px;padding:12px 22px !important;border-radius:6px !important;font-weight:700 !important}
.hero-proofline{display:flex;flex-wrap:wrap;gap:0;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}
.hero-proofline span{padding:14px 20px 14px 0;margin-right:20px;color:#9a9a9f;font-size:11px;font-weight:600;letter-spacing:.025em;white-space:nowrap}
.hero-proofline span+span{padding-left:20px;border-left:1px solid rgba(255,255,255,.12)}
.hero-proofline b{margin-right:7px;color:#b64400;font-weight:700}
body:has(.hero) .hero-visual{padding:0 !important}
body:has(.hero) .hero-visual::before{display:none !important}
.route-board{position:relative;border:1px solid rgba(255,255,255,.18);border-radius:2px;background:#151515;box-shadow:none;overflow:hidden}
.route-board::before{content:"";position:absolute;top:-1px;left:-1px;width:92px;height:3px;background:#b64400}
.route-board-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.12);color:#8e8e93;font-size:10px;font-weight:700;letter-spacing:.12em}
.route-board-head b{display:flex;align-items:center;gap:7px;color:#d35400;font-weight:700}.route-board-head i{width:7px;height:7px;background:#b64400}
.route-source{display:grid;grid-template-columns:1fr auto;gap:7px 20px;margin:30px 24px 0;padding:0 0 24px;border-bottom:1px solid rgba(182,68,0,.7)}
.route-source small{grid-column:1/-1;color:#8e8e93;font-size:10px;font-weight:700;letter-spacing:.1em}.route-source strong{font-size:18px;font-weight:600;letter-spacing:-.025em}.route-source strong em{color:#d35400;font-style:normal}.route-source>span{align-self:end;color:#8e8e93;font-size:11px;font-weight:500}
.route-axis{position:relative;height:40px;margin:0 44px}.route-axis::before{content:"";position:absolute;top:0;left:50%;bottom:15px;width:1px;background:#b64400}.route-axis::after{content:"";position:absolute;right:8%;bottom:14px;left:8%;height:1px;background:rgba(182,68,0,.75)}
.route-axis i{position:absolute;bottom:10px;z-index:1;width:9px;height:9px;background:#151515;border:2px solid #b64400}.route-axis i:nth-child(1){left:8%}.route-axis i:nth-child(2){left:50%;transform:translateX(-50%)}.route-axis i:nth-child(3){right:8%}
.route-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 24px}
.route-list article{min-width:0;padding:20px 18px 22px;border-top:1px solid rgba(255,255,255,.12);border-right:1px solid rgba(255,255,255,.12);background:transparent}
.route-list article:last-child{border-right:0}.route-icon{width:30px;height:30px;margin-bottom:18px;color:#d35400}.route-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8}
.route-list article>div:nth-child(2){display:grid;gap:4px}.route-list small{color:#77777d;font-size:9px;font-weight:700;letter-spacing:.1em}.route-list b{color:#f5f5f7;font-size:15px;font-weight:700}.route-list span{color:#9a9a9f;font-size:11px;font-weight:500}.route-list article>em{display:inline-block;margin-top:18px;color:#d35400;font-size:9px;font-weight:700;font-style:normal;letter-spacing:.1em}.route-list .is-filtered>em{color:#ff6961}
.route-board-foot{display:grid;grid-template-columns:repeat(3,1fr);margin-top:2px;border-top:1px solid rgba(255,255,255,.12);background:#111}
.route-board-foot span{padding:15px 20px;border-right:1px solid rgba(255,255,255,.10);color:#8e8e93;font-size:10px;font-weight:600;text-align:center}.route-board-foot span:last-child{border-right:0}.route-board-foot b{margin-right:5px;color:#f5f5f7;font-size:14px;font-weight:700}
@media(max-width:1050px){body:has(.hero) .hero-inner{grid-template-columns:1fr;max-width:720px;gap:64px}body:has(.hero) .hero-copy{padding-left:0}body:has(.hero) .hero{min-height:0}}
@media(max-width:620px){body:has(.hero) .hero{padding:108px 20px 72px !important}body:has(.hero) .hero h1{font-size:clamp(42px,13vw,58px) !important}.hero-eyebrow{font-size:10px}.hero-proofline{display:grid;grid-template-columns:1fr}.hero-proofline span,.hero-proofline span+span{margin:0;padding:11px 0;border-left:0;border-bottom:1px solid rgba(255,255,255,.10)}.hero-proofline span:last-child{border-bottom:0}.route-source{grid-template-columns:1fr}.route-source>span{display:none}.route-list{grid-template-columns:1fr}.route-list article,.route-list article:last-child{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:12px;align-items:center;padding:16px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.10)}.route-icon{margin:0}.route-list article>em{margin:0}.route-axis{display:none}.route-board-foot{grid-template-columns:1fr}.route-board-foot span{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.route-board-foot span:last-child{border-bottom:0}}

/* Identidade CliqueAqui — preto, carvao e brasa */
html,
body{
  font-family:var(--font-circular) !important;
  font-weight:400;
  letter-spacing:-.007em;
  background:#000000 !important;
  color:var(--ca-text);
}

body::before{
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px) !important;
}

::selection{background:rgba(182,68,0,.48);color:#ffffff}

body :where(h1,h2,h3,h4,h5,h6,p,a,span,em,strong,b,button,input,select,textarea,label,li,small){
  font-family:var(--font-circular) !important;
  letter-spacing:-.007em !important;
}

h1,h2,h3,h4,h5,h6,
.hero h1,.section-title,.page-title,.cta h2,.price-brand,.modal-title{
  font-weight:400 !important;
}

strong,b,button,.btn,.m-submit,
.logo,.foot-logo,.modal-logo,.badge,.router-live,.rf-badge,
.section-kicker,.feat-tag,.step-n,.price-plan,.faq-q,.mfg label{
  font-weight:500 !important;
}

body:has(.hero) .hero h1{
  font-size:clamp(36px,6vw,72px) !important;
  line-height:1 !important;
  letter-spacing:-.007em !important;
}

.section-title,.cta h2{font-size:clamp(24px,3vw,36px) !important;line-height:1.08 !important}
.feat h3,.step h3{font-size:18px !important;font-weight:400 !important;line-height:1.2 !important}
.hero-sub,.section-body,.feat p,.step p,.cta p{font-size:16px !important;line-height:1.56 !important}
.nav-links a,.btn,.m-submit{font-size:14px !important;line-height:1.2 !important}
.badge,.section-kicker,.feat-tag,.price-plan,.proof-label{font-size:12px !important}

.card,.chart-card,.stat-card,.gl-stat,.link-card,.el-section,.rules-section,
.rule-card,.pv-card,.modal,.price-card,.router,.feat,.trust-item,
.rf-row,.router-foot>div,.demo-box,[style*="background:var(--card)"]{
  background:#1d1d1f !important;
  border-color:rgba(255,255,255,.12) !important;
  box-shadow:0 22px 70px rgba(0,0,0,.50),inset 0 1px 0 rgba(255,255,255,.045) !important;
}

.card:hover,.chart-card:hover,.stat-card:hover,.gl-stat:hover,.link-card:hover,
.el-section:hover,.feat:hover{
  background:#252527 !important;
  border-color:rgba(182,68,0,.58) !important;
  box-shadow:0 26px 80px rgba(0,0,0,.58),0 0 30px rgba(182,68,0,.10) !important;
}

body:has(.hero) nav .nav-blur,
body:has(.hero) nav.scrolled .nav-blur,
.topbar,.sidebar,
body:has(.hero) .proof,
body:has(.hero) .how,
body:has(.hero) footer,
.how,footer{
  background:#000000 !important;
}

.logo em,.foot-logo em,.modal-logo em,
.hero h1 em,.section-kicker,.feat-tag,.price-plan,.price-brand span,
.router-url b,.router-live,.demo-slug,.router-foot em,.m-switch a{
  color:#b64400 !important;
  -webkit-text-fill-color:#b64400 !important;
  background:none !important;
  text-shadow:none !important;
}

.btn-primary,.m-submit{
  color:#ffffff !important;
  background:#b64400 !important;
  box-shadow:0 12px 32px rgba(182,68,0,.24) !important;
}
.btn-primary:hover,.m-submit:hover{
  background:#923700 !important;
  box-shadow:0 16px 38px rgba(182,68,0,.34) !important;
}
.btn-outline:hover,.btn-ghost:hover{
  background:rgba(182,68,0,.12) !important;
  border-color:rgba(182,68,0,.48) !important;
}

.badge,
body:has(.hero) .badge,
.feat-ico,.step-n,.pi-check,
.faq-item.open .faq-icon{
  color:#b64400 !important;
  background:rgba(182,68,0,.12) !important;
  border-color:rgba(182,68,0,.30) !important;
  box-shadow:none !important;
}

.badge-dot,.router-live::before,.demo-cursor,.topbar-title::before{
  background:#b64400 !important;
  box-shadow:0 0 14px rgba(182,68,0,.42) !important;
}

.router::before,.price-card::after,.steps::before{
  background:linear-gradient(90deg,transparent,#b64400,transparent) !important;
}

body:has(.hero) .hero-glow{
  background:radial-gradient(ellipse at 50% 0%,rgba(182,68,0,.14) 0%,transparent 62%) !important;
}
body:has(.hero) .hero{
  background:#000000 !important;
}
body:has(.hero) .hero::after{
  background:
    linear-gradient(110deg,transparent 0 42%,rgba(182,68,0,.035) 48%,transparent 56%),
    radial-gradient(circle at 70% 34%,rgba(182,68,0,.22) 0 1px,transparent 2px),
    radial-gradient(circle at 82% 54%,rgba(255,255,255,.10) 0 1px,transparent 2px),
    radial-gradient(circle at 50% 20%,rgba(255,255,255,.10) 0 1px,transparent 2px) !important;
}
body:has(.hero) .router::after{
  background:linear-gradient(135deg,rgba(182,68,0,.38),transparent 42%,rgba(182,68,0,.12)) !important;
}
body:has(.hero) .rf-row.active{
  border-color:rgba(182,68,0,.56) !important;
  background:linear-gradient(90deg,rgba(182,68,0,.14),#1d1d1f) !important;
}
.feat::before,.ca-spotlight::after{
  background:radial-gradient(260px circle at var(--fx,var(--ca-x,50%)) var(--fy,var(--ca-y,50%)),rgba(182,68,0,.14),transparent 62%) !important;
}

.rf-badge.ok{
  color:#b64400 !important;
  background:rgba(182,68,0,.14) !important;
}

body:has(.hero) .logo img{
  filter:sepia(1) saturate(7) hue-rotate(350deg) brightness(.82) contrast(1.08);
}

input,select,textarea,.field-wrap,.ab-urls,.ab-select,.sched-time{
  background:#1d1d1f !important;
  border-color:rgba(255,255,255,.16) !important;
}
input:focus,select:focus,textarea:focus,.field-wrap:focus-within,.ab-urls:focus,.ab-select:focus,.sched-time:focus{
  border-color:#b64400 !important;
  box-shadow:0 0 0 4px rgba(182,68,0,.16) !important;
}

@media(max-width:520px){
  body:has(.hero) .hero h1{
    font-size:36px !important;
    line-height:1 !important;
    letter-spacing:-.007em !important;
  }
}

/* Regra visual fixa: fundo totalmente plano, sem decoracao luminosa */
body:has(.hero)::before,
body:has(.hero)::after,
body:has(.hero) .hero-glow,
body:has(.hero) .hero-grid,
body:has(.hero) .hero::after,
body:has(.hero) .cta-glow{
  content:none !important;
  display:none !important;
  background:none !important;
  background-image:none !important;
  box-shadow:none !important;
}

body:has(.hero),
body:has(.hero) .hero,
body:has(.hero) .section,
body:has(.hero) .proof,
body:has(.hero) .how,
body:has(.hero) footer{
  background:#000000 !important;
  background-image:none !important;
}

body:has(.hero) nav .nav-blur,
body:has(.hero) nav.scrolled .nav-blur{
  border-bottom:0 !important;
  box-shadow:none !important;
}

/* Iconografia vetorial: sem emojis de sistema */
.svg-sprite{
  position:absolute;
  width:0;
  height:0;
  overflow:hidden;
  pointer-events:none;
}
.ui-icon{
  display:block;
  width:22px;
  height:22px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex:0 0 auto;
}
.ui-icon-sm{width:14px;height:14px;stroke-width:2.2}
.rf-ico,.feat-ico,.trust-icon{color:#b64400}
.rf-badge.no{color:#f87171}

/* Secao Confianca */
.trust-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:48px;
}
.trust-item{
  min-width:0;
  padding:28px;
  border-radius:20px !important;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:0;
}
.trust-icon{
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:22px;
  border:1px solid rgba(182,68,0,.28);
  border-radius:12px;
  background:rgba(182,68,0,.10);
}
.trust-item b{
  display:block;
  margin-bottom:10px;
  color:#f5f5f7;
  font-size:18px;
  line-height:1.2;
  font-weight:500 !important;
}
.trust-item p{
  color:#b3b3b8;
  font-size:14px;
  line-height:1.56;
}

/* Rodape em card */
body:has(.hero) footer{
  padding:24px 24px 32px !important;
  border-top:0 !important;
}
.foot-card{
  max-width:1180px;
  margin:0 auto;
  padding:36px 38px 22px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:24px;
  background:#1d1d1f;
  box-shadow:0 20px 60px rgba(0,0,0,.38);
}
.foot-main{
  display:grid;
  grid-template-columns:minmax(250px,1.45fr) minmax(130px,.65fr) minmax(190px,.9fr) minmax(210px,1fr);
  gap:38px;
  align-items:start;
  padding-bottom:30px;
}
.foot-brand{max-width:320px}
.foot-logo{
  display:flex;
  align-items:center;
  gap:8px;
  margin-bottom:14px;
  font-size:18px;
}
.foot-logo img{display:block;object-fit:contain;margin:0 !important}
.foot-brand p{
  color:#b3b3b8;
  font-size:14px;
  line-height:1.56;
}
.foot-column{display:flex;flex-direction:column;align-items:flex-start;gap:11px}
.foot-heading{
  margin-bottom:3px;
  color:#f5f5f7;
  font-size:12px;
  line-height:1.2;
  font-weight:500;
  text-transform:uppercase;
}
.foot-column a{
  color:#b3b3b8;
  font-size:14px;
  line-height:1.4;
}
.foot-column a:hover{color:#b64400}
.foot-action{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:14px;
}
.foot-action>span{color:#f5f5f7;font-size:16px;line-height:1.35}
.foot-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.09);
}
.foot-status{
  display:flex;
  align-items:center;
  gap:8px;
  color:#86868b;
  font-size:12px;
}
.foot-status span{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#b64400;
}

@media(max-width:900px){
  .trust-grid{grid-template-columns:1fr;max-width:620px;margin-left:auto;margin-right:auto}
  .foot-main{grid-template-columns:1fr 1fr}
  .foot-brand{max-width:none}
}
@media(max-width:600px){
  .trust-grid{margin-top:36px;gap:12px}
  .trust-item{padding:24px}
  body:has(.hero) footer{padding:16px 16px 24px !important}
  .foot-card{padding:28px 22px 20px;border-radius:20px}
  .foot-main{grid-template-columns:1fr;gap:28px;padding-bottom:26px}
  .foot-bottom{align-items:flex-start;flex-direction:column}
}

/* Interacoes planas: sem brilho e sem sombras */
.btn,button,a.btn,
.btn-primary,.m-submit,
.btn-primary:hover,.m-submit:hover,
.btn-outline,.btn-ghost,
.btn-outline:hover,.btn-ghost:hover{
  box-shadow:none !important;
  transform:none !important;
}
.btn-primary::after,.m-submit::after{content:none !important;display:none !important}
.btn-primary:hover,.m-submit:hover{
  background:#d05205 !important;
  border-color:#d05205 !important;
}
.btn-outline:hover,.btn-ghost:hover{
  color:#f5f5f7 !important;
  background:transparent !important;
  border-color:#b64400 !important;
}

.card,.chart-card,.stat-card,.gl-stat,.link-card,.el-section,.rules-section,
.rule-card,.pv-card,.modal,.price-card,.router,.feat,.trust-item,.foot-card,
.rf-row,.router-foot>div,.demo-box,[style*="background:var(--card)"],
.card:hover,.chart-card:hover,.stat-card:hover,.gl-stat:hover,.link-card:hover,
.el-section:hover,.feat:hover,.trust-item:hover{
  box-shadow:none !important;
  transform:none !important;
}
.card:hover,.chart-card:hover,.stat-card:hover,.gl-stat:hover,.link-card:hover,
.el-section:hover,.feat:hover,.trust-item:hover{
  background:#1d1d1f !important;
  border-color:#b64400 !important;
}
.feat::before,.ca-spotlight::after{
  content:none !important;
  display:none !important;
  background:none !important;
}

/* Icones exclusivamente brasa */
.rf-ico,.feat-ico,.trust-icon{
  color:#b64400 !important;
  background:rgba(182,68,0,.08) !important;
  border:1px solid rgba(182,68,0,.55) !important;
  box-shadow:none !important;
}
.rf-ico .ui-icon,.feat-ico .ui-icon,.trust-icon .ui-icon{
  color:#b64400 !important;
  stroke:#b64400 !important;
}
body:has(.hero) .rf-ico,
body:has(.hero) .feat-ico,
body:has(.hero) .trust-icon{
  color:#b64400 !important;
  background:rgba(182,68,0,.12) !important;
  background-image:none !important;
  border-color:rgba(182,68,0,.58) !important;
  box-shadow:none !important;
}

/* Recursos com composicao editorial em duas colunas */
body:has(.hero) .feats{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:16px !important;
  max-width:1000px;
  margin-left:auto;
  margin-right:auto;
}
body:has(.hero) .feat{
  min-height:190px;
  padding:26px 28px !important;
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  grid-template-areas:
    "icon title"
    "icon body"
    ". tag";
  column-gap:16px;
  row-gap:8px;
  align-content:start;
  border-radius:18px !important;
}
body:has(.hero) .feat-ico{
  grid-area:icon;
  width:44px;
  height:44px;
  margin:0 !important;
  border-radius:12px !important;
}
body:has(.hero) .feat h3{
  grid-area:title;
  margin:2px 0 0 !important;
}
body:has(.hero) .feat p{
  grid-area:body;
  margin:0;
  max-width:46ch;
}
body:has(.hero) .feat-tag{
  grid-area:tag;
  justify-self:start;
  margin-top:6px !important;
}
body:has(.hero) .feat:last-child{
  grid-column:1 / -1;
  min-height:160px;
}

/* Autenticacao inspirada no layout de referencia, adaptada ao CliqueAqui */
.auth-overlay{
  padding:18px !important;
  background:#000000 !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.auth-shell{
  width:min(1400px,calc(100vw - 36px));
  height:min(860px,calc(100vh - 36px));
  min-height:620px;
  display:grid;
  grid-template-columns:56% 44%;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  border-radius:30px;
  background:#000000;
}
.auth-visual-panel{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  min-width:0;
  padding:40px;
  overflow:hidden;
  border-right:1px solid rgba(255,255,255,.10);
  border-radius:29px 0 0 29px;
  background:#1d1d1f;
}
.auth-back,.auth-close{
  border:0;
  background:transparent;
  color:#b3b3b8;
  cursor:pointer;
}
.auth-back{
  display:inline-flex;
  align-items:center;
  align-self:flex-start;
  gap:9px;
  padding:8px 0;
  font-size:14px;
}
.auth-back:hover,.auth-close:hover{color:#b64400;background:transparent !important}
.auth-visual-copy{max-width:520px}
.auth-visual-icon{
  width:64px;
  height:64px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:30px;
  border:1px solid rgba(182,68,0,.62);
  border-radius:18px;
  color:#b64400;
}
.auth-visual-icon .ui-icon{width:30px;height:30px;stroke:#b64400}
.auth-eyebrow{
  margin-bottom:12px;
  color:#b64400;
  font-size:12px;
  font-weight:500;
  text-transform:uppercase;
}
.auth-visual-copy h2{
  max-width:520px;
  margin-bottom:16px;
  color:#f5f5f7;
  font-size:clamp(36px,4vw,56px);
  font-weight:400 !important;
  line-height:1.04;
}
.auth-visual-copy p{max-width:480px;color:#b3b3b8;font-size:16px;line-height:1.56}
.auth-form-panel{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:48px;
  background:#000000;
}
.auth-close{
  position:absolute;
  top:24px;
  right:24px;
  width:38px;
  height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.12);
  border-radius:10px;
}
.auth-form-box{width:100%;max-width:390px;text-align:center}
.auth-brand{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  margin-bottom:26px;
  color:#f5f5f7;
  font-size:18px;
  font-weight:500;
}
.auth-brand img{display:block;object-fit:contain}
.auth-brand em{color:#b64400;font-style:normal}
.auth-form-box h1{margin-bottom:9px;font-size:36px;font-weight:400 !important;line-height:1.08}
.auth-subtitle{margin-bottom:28px;color:#86868b;font-size:14px;line-height:1.5}
.auth-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4px;
  width:100%;
  padding:4px;
  margin-bottom:20px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:12px;
  background:#1d1d1f;
}
.auth-tab{
  padding:10px 12px;
  border:1px solid transparent;
  border-radius:8px;
  background:transparent;
  color:#86868b;
  font-size:14px;
  font-weight:500;
  cursor:pointer;
}
.auth-tab:hover{color:#f5f5f7;background:transparent !important;border-color:rgba(182,68,0,.45)}
.auth-tab.is-active{color:#f5f5f7;background:#252527;border-color:#b64400}
.auth-form{width:100%;text-align:left}
.auth-form[hidden]{display:none !important}
.auth-form .mfg{margin-bottom:14px}
.auth-form .mfg label{font-size:12px;text-transform:none;color:#b3b3b8 !important}
.auth-form .mfg input{padding:13px 15px;border-radius:10px}
.auth-form .m-submit{margin-top:4px;padding:13px;border-radius:10px}
.auth-form-hint{margin-top:16px;color:#86868b;font-size:12px;line-height:1.5;text-align:center}
.auth-form-box .m-err{text-align:left}

/* Separador e rodape com mais respiro vertical */
.footer-separator{
  position:relative;
  width:min(1180px,calc(100% - 48px));
  height:1px;
  margin:24px auto 0;
  background:rgba(255,255,255,.12);
}
.footer-separator span{
  position:absolute;
  top:0;
  left:0;
  width:96px;
  height:1px;
  background:#b64400;
}
body:has(.hero) footer{padding:48px 24px 42px !important}
.foot-card{padding:52px 48px 30px !important}
.foot-main{gap:52px !important;padding-bottom:42px !important}
.foot-bottom{padding-top:26px !important}

@media(max-width:900px){
  .auth-shell{grid-template-columns:1fr;width:100vw;height:100vh;min-height:0;border:0;border-radius:0}
  .auth-visual-panel{display:none}
  .auth-form-panel{min-height:100vh;padding:64px 24px 36px}
  .auth-overlay{padding:0 !important}
  body:has(.hero) .feats{grid-template-columns:1fr !important}
  body:has(.hero) .feat:last-child{grid-column:auto}
}
@media(max-width:600px){
  body:has(.hero) .feat{min-height:0;padding:24px !important}
  .footer-separator{width:calc(100% - 32px);margin-top:16px}
  body:has(.hero) footer{padding:36px 16px 28px !important}
  .foot-card{padding:36px 24px 24px !important}
  .foot-main{gap:32px !important;padding-bottom:32px !important}
}
@media(max-width:520px){
  body:has(.hero) .nav-right .btn-outline:first-child{
    display:inline-flex !important;
  }
}

/* Autenticacao em tela inteira: geometria da referencia Artemis */
@media(min-width:901px){
  .auth-overlay{padding:0 !important}
  .auth-shell{
    width:100vw;
    height:100vh;
    max-width:none;
    max-height:none;
    min-height:0;
    grid-template-columns:56% 44%;
    border:0;
    border-radius:0;
    background:#111111;
  }
  .auth-visual-panel{
    margin:20px 0;
    padding:28px 26px;
    border:1px solid rgba(255,255,255,.12);
    border-left:1px solid rgba(255,255,255,.12);
    border-radius:0 32px 32px 0;
    background:#111315;
  }
  .auth-visual-copy{max-width:430px}
  .auth-visual-icon{display:none}
  .auth-eyebrow{display:none}
  .auth-visual-copy h2{max-width:420px;font-size:36px;line-height:1.08}
  .auth-visual-copy p{max-width:420px;font-size:15px}
  .auth-form-panel{padding:48px;background:#111111}
  .auth-form-box{max-width:360px}
}

/* Comunidade — mural de cenarios ilustrativos */
.community-section-ca{
  position:relative;
  padding:110px 0 48px;
  overflow:hidden;
  background:#000000;
}
.community-head-ca{
  max-width:720px;
  margin:0 auto 64px;
  padding:0 24px;
  text-align:center;
}
.community-head-ca h2{
  margin:0 0 10px;
  color:#f5f5f7;
  font-size:clamp(36px,4vw,56px);
  font-weight:400 !important;
  line-height:1.04;
}
.community-head-ca p{
  margin:0 auto 22px;
  color:#b3b3b8;
  font-size:16px;
  line-height:1.56;
}
.community-wall-ca{
  width:100%;
  height:600px;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:10px;
  overflow:hidden;
}
.community-col-ca{
  --community-speed:46s;
  --community-offset:0px;
  height:100%;
  min-width:0;
  padding-top:var(--community-offset);
  overflow:hidden;
  opacity:1;
  clip-path:inset(var(--community-offset) 0 0 0);
}
.community-col-ca:nth-child(1),.community-col-ca:nth-child(5){opacity:.42}
.community-col-ca:nth-child(2),.community-col-ca:nth-child(4){--community-offset:54px}
.community-col-ca:nth-child(3){--community-offset:96px}
.community-col-ca:nth-child(1){--community-speed:44s}
.community-col-ca:nth-child(2){--community-speed:50s}
.community-col-ca:nth-child(3){--community-speed:56s}
.community-col-ca:nth-child(4){--community-speed:48s}
.community-col-ca:nth-child(5){--community-speed:52s}
.community-col-ca:hover{opacity:1}
.community-track-ca{
  --community-distance:1000px;
  display:flex;
  flex-direction:column;
  row-gap:10px;
  width:100%;
  transform:translate3d(0,0,0);
}
.community-set-ca{display:flex;flex-direction:column;gap:10px;width:100%}
.community-col-ca.is-running .community-track-ca{animation:community-scroll-ca var(--community-speed) linear infinite}
.community-col-ca:nth-child(1) .community-track-ca{animation-delay:-17s}
.community-col-ca:nth-child(2) .community-track-ca{animation-delay:-31s}
.community-col-ca:nth-child(3) .community-track-ca{animation-delay:-9s}
.community-col-ca:nth-child(4) .community-track-ca{animation-delay:-24s}
.community-col-ca:nth-child(5) .community-track-ca{animation-delay:-38s}
.community-col-ca:hover .community-track-ca,.community-col-ca:focus-within .community-track-ca{animation-play-state:paused !important}
@keyframes community-scroll-ca{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,calc(-1 * var(--community-distance)),0)}}
.community-card-ca{
  flex-shrink:0;
  min-height:132px;
  padding:18px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:14px;
  background:#1d1d1f;
  box-shadow:none;
}
.community-card-ca:hover{border-color:#b64400;box-shadow:none;transform:none}
.community-card-head-ca{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.community-card-head-ca img{display:block;width:36px;height:36px;border-radius:50%;object-fit:cover}
.community-card-head-ca span{min-width:0;overflow:hidden;text-overflow:ellipsis;color:#f5f5f7;font-size:14px;font-weight:500;white-space:nowrap}
.community-card-ca p{margin:0;color:#b3b3b8;font-size:14px;line-height:1.5}
@media(prefers-reduced-motion:reduce){.community-col-ca{--community-speed:96s !important}}
@media(max-width:1100px){
  .community-wall-ca{grid-template-columns:repeat(4,minmax(0,1fr));height:550px}
  .community-col-ca:nth-child(5){display:none}
  .community-col-ca:nth-child(1),.community-col-ca:nth-child(4){--community-offset:0px;opacity:.55}
  .community-col-ca:nth-child(2),.community-col-ca:nth-child(3){--community-offset:58px;opacity:1}
}
@media(max-width:760px){
  .community-section-ca{padding-top:84px}
  .community-head-ca{margin-bottom:44px}
  .community-wall-ca{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;height:510px}
  .community-col-ca:nth-child(1),.community-col-ca:nth-child(4),.community-col-ca:nth-child(5){display:none}
  .community-col-ca:nth-child(2){--community-offset:0px;opacity:1}
  .community-col-ca:nth-child(3){--community-offset:42px;opacity:1}
  .community-set-ca,.community-track-ca{gap:8px;row-gap:8px}
}
@media(max-width:500px){
  .community-wall-ca{grid-template-columns:1fr;height:480px;padding:0 16px}
  .community-col-ca{display:none !important}
  .community-col-ca:nth-child(3){display:block !important;--community-offset:0px}
}

/* Comunidade completa — mesma composicao do mural ArtemisST */
.community-section-ca{
  padding:110px 0 58px;
}
.community-head-ca{
  margin-bottom:clamp(54px,5vw,84px);
}
.community-wall-ca{
  position:relative;
  left:50%;
  width:100vw;
  max-width:none;
  height:600px;
  margin-left:-50vw;
  padding:0;
  gap:8px;
  isolation:isolate;
  box-sizing:border-box;
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.2) 0,#000 38px,#000 calc(100% - 76px),transparent 100%);
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.2) 0,#000 38px,#000 calc(100% - 76px),transparent 100%);
}
.community-wall-ca::before,.community-wall-ca::after{
  content:"";
  position:absolute;
  z-index:5;
  top:0;
  bottom:0;
  width:clamp(78px,9vw,170px);
  pointer-events:none;
}
.community-wall-ca::before{left:0;background:linear-gradient(to right,#000 0,rgba(0,0,0,.8) 32%,transparent 100%)}
.community-wall-ca::after{right:0;background:linear-gradient(to left,#000 0,rgba(0,0,0,.8) 32%,transparent 100%)}
.community-col-ca{
  --community-speed:38s;
  position:relative;
  contain:layout paint;
  transition:opacity .22s ease;
}
.community-col-ca:nth-child(1),.community-col-ca:nth-child(5){opacity:.48}
.community-col-ca:nth-child(1){--community-speed:42s}
.community-col-ca:nth-child(2){--community-speed:48s}
.community-col-ca:nth-child(3){--community-speed:54s}
.community-col-ca:nth-child(4){--community-speed:46s}
.community-col-ca:nth-child(5){--community-speed:50s}
.community-track-ca{row-gap:8px;will-change:transform}
.community-set-ca{gap:8px}
.community-card-ca{
  position:relative;
  min-height:116px;
  padding:16px 18px 18px;
  border-radius:10px;
}
.community-card-head-ca{position:relative;gap:10px;margin-bottom:11px}
.community-card-head-ca img{width:34px;height:34px;flex:0 0 34px;box-shadow:0 0 0 2px #1d1d1f}
.community-card-head-ca::after{
  content:"×";
  position:absolute;
  left:-6px;
  top:-5px;
  z-index:2;
  width:17px;
  height:17px;
  display:grid;
  place-items:center;
  border:2px solid #1d1d1f;
  border-radius:50%;
  background:#090909;
  color:#fff;
  font:500 10px/1 Arial,sans-serif;
}
.community-card-head-ca span{font-size:.86rem}
.community-card-ca p{font-size:.86rem;line-height:1.48}
@media(prefers-reduced-motion:reduce){
  .community-col-ca{--community-speed:90s !important}
  .community-col-ca.is-running .community-track-ca{animation:community-scroll-ca var(--community-speed) linear infinite !important}
}

/* Footer amplo — mesma hierarquia e proporcao do ArtemisST */
body:has(.hero) footer{
  padding:58px 24px 48px !important;
}
.foot-card{
  padding:64px 48px 32px !important;
  border-radius:20px;
  box-shadow:none !important;
}
.foot-main{
  grid-template-columns:minmax(250px,300px) minmax(0,1fr) !important;
  column-gap:clamp(52px,7vw,110px) !important;
  align-items:start;
  min-height:220px;
  padding-bottom:48px !important;
}
.foot-brand{max-width:300px}
.foot-logo{margin-bottom:22px}
.foot-brand-rotator{
  display:grid;
  grid-template-columns:2px minmax(0,1fr);
  align-items:stretch;
  gap:15px;
  width:100%;
}
.foot-brand-progress{
  position:relative;
  display:block;
  min-height:110px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.12);
}
.foot-brand-progress>span{
  position:absolute;
  inset:0;
  display:block;
  border-radius:inherit;
  background:#b64400;
  transform:scaleY(0);
  transform-origin:center top;
}
.foot-brand-progress>span.is-running{animation:foot-progress-ca 5s linear forwards}
@keyframes foot-progress-ca{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.foot-brand-messages{display:grid;min-width:0}
.foot-brand-message{
  grid-area:1/1;
  align-self:start;
  opacity:0;
  visibility:hidden;
  transform:translateY(6px);
  transition:opacity .28s ease,transform .28s ease,visibility .28s ease;
}
.foot-brand-message.is-active{opacity:1;visibility:visible;transform:translateY(0)}
.foot-brand-message>span{
  display:block;
  margin-bottom:8px;
  color:#f5f5f7;
  font-size:11px;
  font-weight:500;
  letter-spacing:.1em;
  line-height:1.3;
  text-transform:uppercase;
}
.foot-brand-message p{max-width:34ch;margin:0;color:#b3b3b8;font-size:14px;line-height:1.65}
.foot-columns{
  display:grid;
  grid-template-columns:repeat(4,minmax(100px,1fr));
  gap:clamp(20px,2.2vw,34px);
  justify-content:end;
  min-width:0;
}
.foot-column{gap:10px}
.foot-column a,.foot-column button{
  position:relative;
  display:block;
  width:auto;
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  color:#b3b3b8;
  font:inherit;
  font-size:14px;
  line-height:1.4;
  text-align:left;
  cursor:pointer;
  box-shadow:none !important;
}
.foot-column a:hover,.foot-column button:hover{color:#b64400;background:transparent !important;border:0 !important}
.foot-bottom{padding-top:26px !important}
.foot-bottom-actions{display:flex;align-items:center;gap:10px}
.foot-icon-link{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.12);
  border-radius:8px;
  background:#000;
  color:#86868b;
}
.foot-icon-link svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.foot-icon-link:hover{border-color:#b64400;color:#b64400;background:#000}
@media(max-width:1050px){
  .foot-main{grid-template-columns:1fr !important;row-gap:48px}
  .foot-brand{max-width:420px}
  .foot-columns{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:1100px){
  .community-wall-ca{grid-template-columns:repeat(4,minmax(0,1fr));height:550px}
}
@media(max-width:760px){
  .community-wall-ca{grid-template-columns:repeat(2,minmax(0,1fr));height:500px;gap:7px}
  .community-wall-ca::before,.community-wall-ca::after{width:64px}
  .community-set-ca,.community-track-ca{gap:7px;row-gap:7px}
  .community-card-ca{padding:14px 15px 16px}
}
@media(max-width:640px){
  body:has(.hero) footer{padding:42px 16px 28px !important}
  .foot-card{padding:42px 24px 26px !important}
  .foot-main{min-height:0;gap:42px !important;padding-bottom:38px !important}
  .foot-columns{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:38px}
  .foot-bottom{align-items:flex-start;flex-direction:column;gap:18px}
  .foot-bottom-actions{width:100%;flex-wrap:wrap}
  .foot-status{margin-left:auto}
}
@media(max-width:500px){
  .community-wall-ca{grid-template-columns:1fr;height:470px;padding:0}
  .community-wall-ca::before,.community-wall-ca::after{width:24px}
}

/* Superficies suaves da home — presentes sem parecer caixas pretas */
body:has(.hero) .route-board{
  background:rgba(255,255,255,.038) !important;
  border-color:rgba(255,255,255,.085) !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background-image:none !important;
}
body:has(.hero) .route-axis i{background:#0a0a0a !important}
.continuity-board{
  background:rgba(255,255,255,.038) !important;
  border-color:rgba(255,255,255,.085) !important;
  border-right:0 !important;
  border-left:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background-image:none !important;
}
.continuity-line i{background:#0a0a0a !important}
body:has(.hero) .community-card-ca{
  background:rgba(255,255,255,.04) !important;
  border-color:rgba(255,255,255,.065) !important;
  box-shadow:none !important;
  background-image:none !important;
}
body:has(.hero) .foot-card{
  background:rgba(255,255,255,.04) !important;
  border-color:rgba(255,255,255,.08) !important;
  box-shadow:none !important;
  background-image:none !important;
}
@media(prefers-reduced-motion:reduce){
  .foot-brand-progress>span.is-running{animation:foot-progress-ca 5s linear forwards !important}
}

/* Cabecalho editorial e navegacao principal */
body:has(.hero) nav{height:72px}
body:has(.hero) nav .nav-blur,
body:has(.hero) nav.scrolled .nav-blur{
  background:rgba(0,0,0,.94) !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:blur(14px);
}
body:has(.hero) .nav-inner{max-width:1180px;display:grid;grid-template-columns:1fr auto 1fr;gap:32px}
body:has(.hero) .logo{justify-self:start;display:flex;align-items:center}
body:has(.hero) .nav-links{display:flex;align-items:center;justify-content:center;gap:34px}
body:has(.hero) .nav-links a{position:relative;padding:10px 0;color:#a8a8ad;font-size:14px;font-weight:400}
body:has(.hero) .nav-links a::after{content:"";position:absolute;right:0;bottom:3px;left:0;height:1px;background:#b64400;transform:scaleX(0);transform-origin:center;transition:transform .18s ease}
body:has(.hero) .nav-links a:hover{color:#f5f5f7}
body:has(.hero) .nav-links a:hover::after{transform:scaleX(1)}
body:has(.hero) .nav-right{justify-self:end}
body:has(.hero) .nav-login{
  min-width:92px;
  min-height:38px;
  border:1px solid #b64400 !important;
  background:#b64400 !important;
  color:#fff !important;
}
body:has(.hero) .nav-login:hover{border-color:#d35400 !important;background:#d35400 !important;color:#fff !important}

/* Hero sem brilho: impacto por tipografia, estrutura e contraste */
body:has(.hero) .hero{
  min-height:820px;
  padding:150px 24px 96px !important;
  background:#000 !important;
  border-bottom:1px solid rgba(255,255,255,.10);
}
body:has(.hero) .hero-glow,body:has(.hero) .hero-grid{display:none !important}
body:has(.hero) .hero::before{
  content:"";
  position:absolute;
  top:116px;
  bottom:72px;
  left:max(24px,calc(50% - 590px));
  width:1px;
  background:linear-gradient(to bottom,#b64400 0 72px,rgba(255,255,255,.12) 72px 100%);
  pointer-events:none;
}
body:has(.hero) .hero::after{display:none !important}
body:has(.hero) .hero-inner{max-width:1180px;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);gap:88px}
body:has(.hero) .hero-copy{padding-left:34px}
.hero-index{display:flex;align-items:center;gap:11px;margin-bottom:24px;color:#77777d;font-size:11px;letter-spacing:.12em}
.hero-index span:first-child{color:#b64400}
.hero-index i{display:block;width:44px;height:1px;background:rgba(255,255,255,.18)}
body:has(.hero) .badge{
  margin-bottom:28px;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#b3b3b8 !important;
  box-shadow:none !important;
  text-transform:uppercase;
  letter-spacing:.08em !important;
}
body:has(.hero) .badge-dot{width:7px;height:7px;border-radius:1px;background:#b64400 !important;animation:none !important}
body:has(.hero) .hero h1{max-width:720px;font-size:clamp(48px,5.7vw,72px) !important;line-height:.98 !important;letter-spacing:-.035em !important;margin-bottom:28px}
body:has(.hero) .hero h1 em{color:#b64400 !important;background:none !important;-webkit-text-fill-color:currentColor}
body:has(.hero) .hero-sub{max-width:590px !important;margin-bottom:30px;font-size:18px !important;color:#b3b3b8 !important}
body:has(.hero) .hero-actions{margin-bottom:25px}
.hero-points{display:flex;flex-wrap:wrap;gap:10px 22px;color:#8e8e93;font-size:12px}
.hero-points span{display:inline-flex;align-items:center;gap:7px}
.hero-points svg{width:14px;height:14px;color:#b64400}
body:has(.hero) .demo-bar{margin-top:30px;max-width:520px}
body:has(.hero) .demo-box{justify-content:flex-start;background:#111111 !important;border-color:rgba(255,255,255,.14) !important;box-shadow:none !important}
body:has(.hero) .demo-dots{display:none}
.hero-visual{padding:36px 0 0 22px}
.hero-visual::before{content:"";position:absolute;inset:2px 18px 18px 2px;border:1px solid rgba(182,68,0,.55);border-radius:18px;pointer-events:none}
.hero-visual-label{position:absolute;top:0;right:0;left:44px;z-index:2;display:flex;align-items:center;justify-content:space-between;color:#77777d;font-size:10px;letter-spacing:.12em}
.hero-visual-label b{color:#b64400;font-weight:500}
body:has(.hero) .router{
  transform:none !important;
  border-radius:18px !important;
  border-color:rgba(255,255,255,.16) !important;
  background:#1d1d1f !important;
  box-shadow:none !important;
  animation:none !important;
}
body:has(.hero) .router::before{left:20px;right:auto;width:72px;height:2px;background:#b64400 !important}
body:has(.hero) .router::after{display:none !important}
body:has(.hero) .rf-row.active{border-color:#b64400 !important;background:#252527 !important}

/* Mural nas proporcoes e mascara da referencia Supabase */
.community-section-ca{padding:0 0 58px}
.community-head-ca{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:760px;margin:0 auto;padding:80px 24px 74px}
.community-head-ca h2{margin:0;font-size:clamp(32px,3.2vw,42px);line-height:1.05}
.community-head-ca p{margin:0;color:#a8a8ad;font-size:16px}
.community-head-ca .btn{margin-top:2px;min-height:36px;padding:8px 13px;border-radius:6px}
.community-wall-ca{
  height:620px;
  gap:8px;
  -webkit-mask-image:linear-gradient(to bottom,#000 50%,transparent 100%),linear-gradient(to right,transparent,#000 10%,#000 90%,transparent);
  mask-image:linear-gradient(to bottom,#000 50%,transparent 100%),linear-gradient(to right,transparent,#000 10%,#000 90%,transparent);
  -webkit-mask-composite:destination-in;
  mask-composite:intersect;
}
.community-wall-ca::before,.community-wall-ca::after{display:none}
.community-col-ca:nth-child(1),.community-col-ca:nth-child(5){opacity:1}
.community-col-ca:nth-child(2),.community-col-ca:nth-child(4){--community-offset:60px}
.community-col-ca:nth-child(3){--community-offset:120px}
.community-col-ca:hover{opacity:1}
.community-card-ca{
  min-height:0;
  padding:24px;
  border-radius:16px;
  background:#1d1d1f;
  border-color:rgba(255,255,255,.12);
}
.community-card-head-ca{margin-bottom:12px}
.community-card-head-ca img{width:40px;height:40px;flex-basis:40px}
.community-card-head-ca::after{
  content:"";
  left:-5px;
  top:-5px;
  width:20px;
  height:20px;
  border:2px solid #1d1d1f;
  background-color:#000;
  background-repeat:no-repeat;
  background-position:center;
  background-size:11px 11px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231 5.45-6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z'/%3E%3C/svg%3E");
}
.community-card-head-ca span{font-size:14px}
.community-card-ca p{font-size:16px;line-height:1.5}
.community-col-ca:hover .community-track-ca,.community-col-ca:focus-within .community-track-ca{animation-play-state:paused !important}

/* Separador totalmente neutro */
.footer-separator{background:rgba(255,255,255,.12) !important}
.footer-separator span{display:none !important}

@media(max-width:940px){
  body:has(.hero) .nav-inner{grid-template-columns:1fr auto auto;gap:20px}
  body:has(.hero) .nav-links{gap:22px}
  body:has(.hero) .hero{min-height:0;padding-top:130px !important}
  body:has(.hero) .hero::before{display:none}
  body:has(.hero) .hero-inner{grid-template-columns:1fr;max-width:680px;gap:64px}
  body:has(.hero) .hero-copy{padding-left:0;text-align:left}
  body:has(.hero) .hero-actions{justify-content:flex-start}
  body:has(.hero) .hero-sub{margin-left:0;margin-right:0}
  body:has(.hero) .demo-bar{margin-left:0;margin-right:0}
}
@media(max-width:760px){
  body:has(.hero) nav{height:64px}
  body:has(.hero) .nav-inner{grid-template-columns:1fr auto}
  body:has(.hero) .nav-links{display:none}
  .community-wall-ca{height:500px}
  .community-col-ca:nth-child(2){--community-offset:0px}
  .community-col-ca:nth-child(3){--community-offset:60px}
}
@media(max-width:520px){
  body:has(.hero) .nav-login{display:inline-flex !important;min-width:78px;padding:8px 13px !important}
  body:has(.hero) .hero{padding:112px 20px 76px !important}
  body:has(.hero) .hero-copy{max-width:100%;text-align:left}
  body:has(.hero) .hero h1{font-size:clamp(40px,13vw,54px) !important;line-height:.98 !important}
  body:has(.hero) .hero-sub{font-size:16px !important}
  body:has(.hero) .hero-actions{display:grid !important;grid-template-columns:1fr}
  .hero-points{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .hero-visual{padding-left:12px}
  .hero-visual-label{left:28px}
  .community-head-ca{padding:68px 22px 52px}
  .community-wall-ca{height:470px}
  .community-col-ca:nth-child(3){--community-offset:0px}
  .community-card-ca{padding:20px}
}

/* Escudo oficial enviado pelo proprietario */
body:has(.hero) .header-brand-image{
  width:58px;
  height:72px;
  display:flex;
  align-items:center;
  overflow:hidden;
}
body:has(.hero) .header-brand-image img{
  display:block;
  width:54px !important;
  height:54px !important;
  max-width:54px !important;
  margin:0 !important;
  object-fit:contain;
}

/* Faixa de sinais do hero: impacto sem brilho ou sombra */
.hero-signal-strip{display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr;align-items:center;gap:8px;margin:14px 18px 0 2px;padding:15px 17px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#111}
.hero-signal-strip span{display:grid;grid-template-columns:8px 1fr;column-gap:7px;align-items:center}.hero-signal-strip i{width:6px;height:6px;border-radius:1px;background:#b64400}.hero-signal-strip b{font-size:10px;font-weight:500;letter-spacing:.08em}.hero-signal-strip small{grid-column:2;color:#77777d;font-size:10px}.hero-signal-strip>svg{width:16px;height:16px;fill:none;stroke:#55555a;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

/* Painel CliqueAqui: paleta única, sem brilho e sem sombras */
body:not(:has(.hero)){background:#000 !important;color:#f5f5f7}
body:not(:has(.hero)) .sidebar,body:not(:has(.hero)) .topbar{background:#000 !important;box-shadow:none !important}
body:not(:has(.hero)) .card,body:not(:has(.hero)) .stat-card,body:not(:has(.hero)) .chart-card,body:not(:has(.hero)) .gl-stat{background:#1d1d1f !important;box-shadow:none !important;background-image:none !important}
body:not(:has(.hero)) .card:hover,body:not(:has(.hero)) .stat-card:hover,body:not(:has(.hero)) .chart-card:hover{transform:none !important;box-shadow:none !important}
body:not(:has(.hero)) .btn,body:not(:has(.hero)) button{box-shadow:none !important;filter:none !important}
body:not(:has(.hero)) .btn-primary{background:#b64400 !important;border-color:#b64400 !important;color:#fff !important}
body:not(:has(.hero)) .btn-primary:hover{background:#d35400 !important;border-color:#d35400 !important}
body:not(:has(.hero)) .sb-item.active{color:#d35400 !important;background:rgba(182,68,0,.12) !important;border-left-color:#b64400 !important;box-shadow:none !important}
body:not(:has(.hero)) .sb-ico,body:not(:has(.hero)) .sb-badge{color:#b64400 !important;filter:none !important}
body:not(:has(.hero)) .sb-badge,body:not(:has(.hero)) .sb-plan-active,body:not(:has(.hero)) .badge-green,body:not(:has(.hero)) .alert-success{background:rgba(182,68,0,.14) !important;color:#d35400 !important;border-color:rgba(182,68,0,.3) !important}
body:not(:has(.hero)) input:focus,body:not(:has(.hero)) select:focus,body:not(:has(.hero)) textarea:focus{border-color:#b64400 !important;box-shadow:0 0 0 2px rgba(182,68,0,.18) !important}
body:not(:has(.hero)) tr:hover td{background:#222224 !important}
/* Logo do painel: arquivo oficial limpo, sem caixa, contorno ou resquicio verde */
body:not(:has(.hero)) .sidebar{
  border-right-color:rgba(255,255,255,.10) !important;
  background:#000 !important;
  background-image:none !important;
}
body:not(:has(.hero)) .sb-logo{
  background:#000 !important;
  background-image:none !important;
  border:0 !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
  box-shadow:none !important;
}
body:not(:has(.hero)) .sb-logo img,
body:not(:has(.hero)) .ca-brand-logo-sidebar{
  display:block !important;
  border:0 !important;
  outline:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  background-image:none !important;
  box-shadow:none !important;
  filter:none !important;
}
/* Rodape lateral da conta — bloco compacto, legivel e sem residuos verdes */
body:not(:has(.hero)) .sb-footer{padding:16px !important;border-top:1px solid rgba(255,255,255,.10) !important;background:#050505 !important}
body:not(:has(.hero)) .sb-user{gap:11px;margin-bottom:9px;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.032)}
body:not(:has(.hero)) .sb-avatar{width:36px;height:36px;border:1px solid #d35400;border-radius:8px;background:#b64400 !important;background-image:none !important;color:#fff !important;font-size:13px;font-weight:700;box-shadow:none !important}
body:not(:has(.hero)) .sb-user-name{color:#f5f5f7;font-size:13px;font-weight:650;line-height:1.25}
body:not(:has(.hero)) .sb-user-plan{margin-top:4px}
body:not(:has(.hero)) .sb-plan-badge{padding:2px 7px;border-radius:5px;box-shadow:none !important;font-size:9px;letter-spacing:.04em}
body:not(:has(.hero)) .sb-footer>.btn{min-height:36px;border-color:rgba(255,255,255,.14) !important;border-radius:8px;background:transparent !important;color:#b3b3b8 !important;font-weight:600}
body:not(:has(.hero)) .sb-footer>.btn:hover{border-color:rgba(182,68,0,.55) !important;background:rgba(182,68,0,.08) !important;color:#f5f5f7 !important}
.legacy-svg-icon{display:inline-block;width:1em;height:1em;margin-right:.35em;vertical-align:-.14em;fill:none;stroke:#b64400;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:none !important}

@media(max-width:760px){.hero-signal-strip{grid-template-columns:1fr;margin-right:0}.hero-signal-strip>svg{display:none}.hero-signal-strip span{padding:7px 0;border-bottom:1px solid rgba(255,255,255,.08)}.hero-signal-strip span:last-child{border-bottom:0}}
@media(max-width:520px){
  body:has(.hero) .header-brand-image{width:50px;height:64px}
  body:has(.hero) .header-brand-image img{width:46px !important;height:46px !important;margin:0 !important}
}