/* =========================================================
   Paginas de produto (produtos/*). Usa os tokens de style.css.
   ========================================================= */
.prod-page footer{border-top:none;padding:40px 0 36px;}
.local section.prod-sec{padding:96px 0;}
.nav-links a[aria-current="page"]{color:var(--text);background:rgba(255,255,255,0.06);}

/* ---------- hero ---------- */
.prod-hero{padding-bottom:20px;}
.prod-hero-grid{display:grid;grid-template-columns:1.02fr 0.98fr;gap:56px;align-items:center;}
.prod-h1{
  margin-top:26px;
  font-size:clamp(36px,4.6vw,66px);line-height:1.03;letter-spacing:-0.05em;font-weight:500;
}
.prod-h1-wide{max-width:980px;}
.prod-hero .hero-sub{max-width:560px;}
.prod-hero .hero-meta{margin-top:48px;}
.prod-hero-visual{min-width:0;}

/* ---------- ilustracoes (WhatsApp, CRM, MVP) ---------- */
.pv{
  border-radius:22px;padding:18px;
  border:1px solid var(--hair-strong);background:rgba(1,3,15,0.85);
  box-shadow:0 50px 120px -40px rgba(0,200,255,0.35),0 0 0 1px rgba(0,200,255,0.08);
}

.pv-wa{max-width:460px;margin-left:auto;padding:0;overflow:hidden;}
.wa-head{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--hair);}
.wa-head div{flex:1;min-width:0;}
.wa-head b{display:block;font-size:15px;font-weight:500;}
.wa-head span{font-family:var(--mono);font-size:10.5px;letter-spacing:0.06em;color:var(--muted);}
.wa-head div span::after{content:" ✓";color:var(--accent);}
.wa-head em{font-style:normal;font-family:var(--mono);font-size:10.5px;letter-spacing:0.08em;color:var(--accent);padding:5px 10px;border-radius:999px;border:1px solid rgba(0,200,255,0.35);}
.wa-av{width:38px;height:38px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;font-weight:600;color:#030816;background:var(--grad);}
.wa-body{display:flex;flex-direction:column;gap:10px;padding:20px 18px 22px;}
.wa-msg{max-width:82%;padding:10px 14px 8px;border-radius:16px;font-size:14.5px;line-height:1.45;}
.wa-msg small{display:block;margin-top:4px;text-align:right;font-family:var(--mono);font-size:10px;color:var(--muted-2);}
.wa-in{align-self:flex-start;background:#0f1a33;border-top-left-radius:4px;}
.wa-out{align-self:flex-end;background:rgba(0,200,255,0.12);border:1px solid rgba(0,200,255,0.22);border-top-right-radius:4px;}
.wa-sys{align-self:center;margin-top:6px;padding:7px 14px;border-radius:999px;font-family:var(--mono);font-size:11px;letter-spacing:0.02em;color:var(--accent);background:rgba(0,200,255,0.07);text-align:center;}

.crm-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:4px 4px 16px;}
.crm-top span{font-family:var(--mono);font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);}
.crm-top b{font-size:15px;font-weight:500;}
.crm-board{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;}
.crm-col{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:14px;background:rgba(255,255,255,0.02);border:1px solid var(--hair);}
.crm-col > span{font-family:var(--mono);font-size:10.5px;letter-spacing:0.08em;color:var(--muted-2);text-transform:uppercase;margin-bottom:2px;}
.crm-card{padding:10px 11px;border-radius:10px;background:var(--core-2);border:1px solid var(--hair);}
.crm-card b{display:block;font-size:13px;font-weight:500;}
.crm-card em{display:block;font-style:normal;font-family:var(--mono);font-size:11.5px;color:var(--muted);margin-top:2px;}
.crm-card i{display:block;font-style:normal;margin-top:8px;font-size:11px;line-height:1.35;color:var(--muted-2);}
.crm-card i.ai{color:var(--accent);}
.crm-ai{margin-top:12px;padding:14px 16px;border-radius:14px;border:1px solid rgba(0,200,255,0.25);background:rgba(0,200,255,0.05);}
.crm-ai span{font-family:var(--mono);font-size:10.5px;letter-spacing:0.08em;color:var(--accent);text-transform:uppercase;}
.crm-ai p{margin-top:6px;font-size:13.5px;line-height:1.5;color:var(--text);}

.mvp-top{display:flex;justify-content:space-between;padding:4px 4px 18px;font-family:var(--mono);font-size:11px;letter-spacing:0.08em;color:var(--muted);}
.mvp-top b{color:var(--accent);font-weight:500;}
.mvp-rows{display:flex;flex-direction:column;gap:14px;}
.mvp-rows li{display:grid;grid-template-columns:34px 1fr;gap:6px 12px;align-items:center;}
.mvp-rows span{font-family:var(--mono);font-size:12px;color:var(--muted);}
.mvp-rows i{height:10px;border-radius:999px;background:rgba(255,255,255,0.05);position:relative;overflow:hidden;}
.mvp-rows i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);border-radius:999px;background:var(--grad);}
.mvp-rows em{grid-column:2;font-style:normal;font-size:13px;color:var(--muted);}
.mvp-flag{margin-top:22px;padding:18px;border-radius:14px;border:1px solid rgba(0,200,255,0.3);background:rgba(0,200,255,0.06);}
.mvp-flag b{display:block;font-size:24px;font-weight:500;letter-spacing:-0.03em;}
.mvp-flag span{font-size:13.5px;color:var(--muted);}

/* ---------- dores ---------- */
.hooks{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;}
.hook{padding:28px 30px;border-radius:var(--r-outer);border:1px solid var(--hair);background:rgba(255,255,255,0.018);}
.hook-q{font-size:clamp(18px,1.6vw,22px);line-height:1.3;letter-spacing:-0.025em;color:var(--text);}
.hook-a{margin-top:14px;padding-top:14px;border-top:1px solid var(--hair);font-size:15.5px;line-height:1.55;color:var(--muted);}
.hook-a::before{content:"→ ";color:var(--accent);font-family:var(--mono);}

/* ---------- recursos ---------- */
.feats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--hair);}
.feat{padding:30px 28px 34px 0;border-bottom:1px solid var(--hair);}
.feat:not(:nth-child(3n+1)){padding-left:28px;border-left:1px solid var(--hair);}
.feat h3{margin-top:22px;font-size:clamp(20px,1.8vw,25px);line-height:1.15;letter-spacing:-0.035em;}
.feat p{margin-top:10px;font-size:15px;line-height:1.55;color:var(--muted);}

.gallery{margin-top:64px;display:grid;gap:20px;}
.gallery-1 .shot{width:fit-content;max-width:100%;margin:0 auto;}
.gallery-1 .shot img{width:auto;max-width:100%;}
.gallery-3{grid-template-columns:1fr 1fr;}
.gallery-3 .shot:last-child{grid-column:span 2;}
.gallery-note{margin-top:14px;font-family:var(--mono);font-size:11px;letter-spacing:0.04em;color:var(--muted-2);text-align:center;}

/* ---------- integracoes ---------- */
.connectors{display:grid;grid-template-columns:repeat(3,1fr);gap:8px 40px;}
.cn-group .spec-title{margin-top:20px;}
.chips{display:flex;flex-wrap:wrap;gap:8px;}
.chips li{padding:7px 14px;border-radius:999px;border:1px solid var(--hair-strong);font-size:14px;color:var(--text);background:rgba(255,255,255,0.02);}

/* ---------- implantacao ---------- */
.prod-steps li small{display:block;margin-top:10px;font-size:14.5px;line-height:1.5;letter-spacing:0;color:var(--muted);}

/* ---------- promessa ---------- */
.promise{padding:56px 48px;border-radius:32px;border:1px solid transparent;
  background:
    linear-gradient(180deg,#040a1c,#01030f) padding-box,
    linear-gradient(135deg,rgba(0,200,255,0.6),rgba(10,98,255,0.15) 40%,rgba(255,255,255,0.05) 70%,rgba(0,200,255,0.4)) border-box;}
.promise .h2{margin-top:22px;}
.promise-list{display:grid;grid-template-columns:repeat(3,1fr);margin-top:48px;border-top:1px solid var(--hair);}
.promise-list li{padding:28px 24px 4px 0;}
.promise-list li + li{padding-left:24px;border-left:1px solid var(--hair);}
.promise-list b{display:block;font-size:clamp(26px,3vw,42px);font-weight:500;letter-spacing:-0.045em;line-height:1.05;}
.promise-list span{display:block;margin-top:10px;font-size:15px;line-height:1.5;color:var(--muted);}

/* ---------- cta ---------- */
.prod-cta-sec .band-p{margin-top:18px;color:var(--muted);font-size:17px;max-width:560px;}
.prod-cta-sec .band-live{margin-top:20px;font-family:var(--mono);font-size:11.5px;letter-spacing:0.04em;color:var(--muted-2);}

/* ---------- cards de produto ---------- */
.prod-related{padding-top:0 !important;}
.prod-related .spec-title{margin-top:0;}
.prod-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.pc{
  display:flex;flex-direction:column;padding:28px;border-radius:var(--r-outer);
  border:1px solid var(--hair);background:rgba(255,255,255,0.018);
  transition:border-color .5s var(--ease), background-color .5s var(--ease), transform .6s var(--ease);
}
.pc:hover{border-color:rgba(0,200,255,0.4);background:rgba(0,200,255,0.03);transform:translateY(-3px);}
.pc-ic{width:44px;height:44px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;background:rgba(0,200,255,0.1);}
.pc-ic svg{width:20px;height:20px;stroke:var(--accent);stroke-width:1.5;}
.pc h3{margin-top:22px;font-size:24px;letter-spacing:-0.035em;line-height:1.1;}
.pc p{margin-top:10px;flex:1;font-size:15px;line-height:1.55;color:var(--muted);}
.pc-go{margin-top:22px;font-family:var(--mono);font-size:11.5px;letter-spacing:0.08em;text-transform:uppercase;color:var(--accent);}

/* ---------- como se conectam ---------- */
.flow{display:flex;align-items:stretch;gap:14px;}
.flow-step{flex:1;padding:24px;border-radius:18px;border:1px solid var(--hair);background:rgba(255,255,255,0.018);transition:border-color .5s var(--ease);}
.flow-step:hover{border-color:rgba(0,200,255,0.4);}
.flow-step span{display:block;font-family:var(--mono);font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted);}
.flow-step b{display:block;margin-top:10px;font-size:clamp(22px,2.2vw,30px);font-weight:500;letter-spacing:-0.04em;}
.flow-arrow{align-self:center;font-style:normal;font-family:var(--mono);color:var(--accent);}

/* ---------- responsivo ---------- */
@media (max-width:1024px){
  .prod-hero-grid{grid-template-columns:1fr;gap:48px;}
  .pv-wa{margin:0 auto;}
  .feats{grid-template-columns:1fr 1fr;}
  .feat,.feat:not(:nth-child(3n+1)){padding:28px 24px 30px 0;border-left:none;}
  .feat:nth-child(2n){padding-left:24px;border-left:1px solid var(--hair);}
  .connectors{grid-template-columns:1fr 1fr;}
  .prod-cards{grid-template-columns:1fr 1fr;}
}
@media (max-width:767px){
  .hooks{grid-template-columns:1fr;}
  .hook{padding:22px 20px;}
  .feats{grid-template-columns:1fr;}
  .feat,.feat:nth-child(2n){padding:24px 0;border-left:none;}
  .gallery{margin-top:40px;}
  .gallery-3{grid-template-columns:1fr;}
  .gallery-3 .shot:last-child{grid-column:auto;}
  .connectors{grid-template-columns:1fr;}
  .promise{padding:36px 20px;border-radius:24px;}
  .promise-list{grid-template-columns:1fr;}
  .promise-list li,.promise-list li + li{padding:20px 0;border-left:none;border-bottom:1px solid var(--hair);}
  .prod-cards{grid-template-columns:1fr;}
  .pc{padding:24px 20px;}
  .flow{flex-direction:column;}
  .flow-arrow{transform:rotate(90deg);}
  .crm-board{grid-template-columns:1fr 1fr;}
  .crm-col:last-child{display:none;}
  .pv{padding:14px;}
  .pv-wa{padding:0;}
}

/* =========================================================
   Diagnostico: dores clicaveis + painel de urgencia
   ========================================================= */
.diag{
  display:grid;grid-template-columns:1.15fr 0.85fr;gap:28px;align-items:start;
  padding:48px;border-radius:32px;border:1px solid transparent;
  background:
    radial-gradient(60% 80% at 100% 0%,rgba(255,111,145,0.10),transparent 60%) padding-box,
    radial-gradient(60% 80% at 0% 100%,rgba(0,200,255,0.10),transparent 60%) padding-box,
    linear-gradient(180deg,#040a1c,#01030f) padding-box,
    linear-gradient(135deg,rgba(0,200,255,0.55),rgba(255,181,71,0.18) 45%,rgba(255,111,145,0.45)) border-box;
}
.diag .h2{margin-top:22px;font-size:clamp(30px,3.8vw,52px);}
.diag-p{margin-top:16px;color:var(--muted);font-size:17px;max-width:520px;}
.dg-pains{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:32px;}
.dg-pain{
  width:100%;height:100%;display:flex;align-items:flex-start;gap:12px;text-align:left;
  padding:16px 16px;border-radius:16px;border:1px solid var(--hair-strong);
  background:rgba(255,255,255,0.02);color:var(--text);font-size:14.5px;line-height:1.4;
  transition:border-color .4s var(--ease), background-color .4s var(--ease), transform .4s var(--ease);
}
.dg-pain:hover{border-color:rgba(255,255,255,0.28);}
.dg-pain:active{transform:scale(0.98);}
.dg-check{
  flex:none;width:22px;height:22px;border-radius:7px;margin-top:-1px;
  display:flex;align-items:center;justify-content:center;
  border:1.5px solid var(--hair-strong);color:transparent;
  transition:background-color .35s var(--ease), border-color .35s var(--ease), color .35s var(--ease);
}
.dg-check svg{width:14px;height:14px;}
.dg-pain[aria-pressed="true"]{border-color:rgba(255,181,71,0.55);background:linear-gradient(135deg,rgba(255,181,71,0.12),rgba(255,111,145,0.08));}
.dg-pain[aria-pressed="true"] .dg-check{background:#ffb547;border-color:#ffb547;color:#1a1003;}

.diag-panel{
  position:sticky;top:110px;
  padding:26px;border-radius:24px;border:1px solid var(--hair-strong);
  background:rgba(1,3,15,0.7);backdrop-filter:blur(10px);
}
.dg-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-family:var(--mono);font-size:10.5px;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);}
.dg-head em{font-style:normal;letter-spacing:0.04em;text-transform:none;color:var(--muted-2);}
.dg-gauge{position:relative;margin:18px auto 0;max-width:300px;}
.dg-gauge svg{display:block;width:100%;overflow:visible;}
.dg-track,.dg-arc{fill:none;stroke-width:14;stroke-linecap:round;}
.dg-track{stroke:rgba(255,255,255,0.06);}
.dg-arc{stroke:url(#dgGrad);stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 1s var(--ease-out);filter:drop-shadow(0 0 10px rgba(255,181,71,0.35));}
.dg-val{position:absolute;left:0;right:0;bottom:2px;text-align:center;}
.dg-pct{display:block;font-size:52px;font-weight:500;letter-spacing:-0.05em;line-height:1;transition:color .5s var(--ease);}
.dg-level{display:inline-block;margin-top:8px;padding:4px 12px;border-radius:999px;font-family:var(--mono);font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted);background:rgba(255,255,255,0.05);transition:background-color .5s var(--ease), color .5s var(--ease);}
.diag-panel[data-level="1"] .dg-pct{color:#00c8ff;}
.diag-panel[data-level="1"] .dg-level{color:#00c8ff;background:rgba(0,200,255,0.12);}
.diag-panel[data-level="2"] .dg-pct{color:#ffb547;}
.diag-panel[data-level="2"] .dg-level{color:#ffb547;background:rgba(255,181,71,0.14);}
.diag-panel[data-level="3"] .dg-pct{color:#ff6f91;}
.diag-panel[data-level="3"] .dg-level{color:#ff6f91;background:rgba(255,111,145,0.14);}
.dg-verdict{margin-top:18px;text-align:center;font-size:16px;line-height:1.45;color:var(--text);min-height:46px;}
.dg-areas{margin-top:18px;padding-top:16px;border-top:1px solid var(--hair);display:flex;flex-direction:column;gap:10px;}
.dg-areas li{display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:center;font-size:13px;color:var(--muted);}
.dg-areas i{height:6px;border-radius:999px;background:rgba(255,255,255,0.06);overflow:hidden;}
.dg-areas b{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#00c8ff,#ffb547,#ff6f91);background-size:300px 100%;transition:width .9s var(--ease-out);}
.dg-cta{width:100%;justify-content:space-between;margin-top:22px;}
.dg-note{margin-top:12px;text-align:center;font-family:var(--mono);font-size:10.5px;letter-spacing:0.02em;color:var(--muted-2);}

/* =========================================================
   Bento de recursos: cada card com a sua cor
   ========================================================= */
.bento{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.bn{
  --c:#00c8ff;
  position:relative;overflow:hidden;isolation:isolate;
  display:flex;flex-direction:column;gap:26px;padding:26px;border-radius:26px;
  border:1px solid color-mix(in srgb,var(--c) 28%,transparent);
  background:
    radial-gradient(90% 70% at 100% 0%,color-mix(in srgb,var(--c) 22%,transparent),transparent 65%),
    linear-gradient(180deg,color-mix(in srgb,var(--c) 7%,#050c1f),#030816);
  transition:transform .6s var(--ease), border-color .6s var(--ease);
}
.bn:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--c) 55%,transparent);}
.bn-span2{grid-column:span 2;display:grid;grid-template-columns:0.8fr 1.2fr;align-items:center;gap:28px;}
.bn-span2 .bn-art{order:2;}
.bn-art{min-height:180px;display:flex;align-items:center;justify-content:center;}
.bn-copy h3{font-size:clamp(21px,1.9vw,26px);line-height:1.12;letter-spacing:-0.035em;}
.bn-copy ul{margin-top:16px;display:flex;flex-direction:column;gap:9px;}
.bn-copy li{display:flex;gap:10px;align-items:baseline;font-size:15px;line-height:1.4;color:var(--muted);}
.bn-copy li::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;transform:translateY(-1px);background:var(--c);box-shadow:0 0 10px var(--c);}

.art{width:100%;font-size:13px;}
.b-in,.b-out{padding:9px 13px;border-radius:14px;font-size:13.5px;line-height:1.35;max-width:85%;}
.b-in{background:#0f1a33;border-top-left-radius:4px;align-self:flex-start;}
.b-out{background:color-mix(in srgb,var(--c) 18%,#06142a);border:1px solid color-mix(in srgb,var(--c) 40%,transparent);border-top-right-radius:4px;align-self:flex-end;}

/* madrugada */
.art-night{display:grid;grid-template-columns:auto 1fr;gap:22px;align-items:center;}
.an-clock{display:flex;flex-direction:column;align-items:center;gap:4px;padding:18px 20px;border-radius:20px;background:rgba(0,0,0,0.25);border:1px solid var(--hair);}
.an-clock svg{width:26px;height:26px;fill:#ffe9a8;filter:drop-shadow(0 0 12px rgba(255,233,168,0.6));}
.an-clock b{font-family:var(--mono);font-size:30px;font-weight:500;letter-spacing:-0.02em;}
.an-clock span{font-family:var(--mono);font-size:10.5px;color:var(--muted-2);text-transform:uppercase;letter-spacing:0.1em;}
.an-chat{display:flex;flex-direction:column;gap:8px;}
.an-tag{align-self:flex-end;font-family:var(--mono);font-size:10.5px;color:var(--c);padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--c) 14%,transparent);}

/* qualificacao */
.art-qualify{position:relative;max-width:300px;}
.aq-card{padding:16px;border-radius:18px;background:#081229;border:1px solid var(--hair-strong);box-shadow:0 20px 50px -20px color-mix(in srgb,var(--c) 60%,transparent);}
.aq-head{display:flex;gap:10px;align-items:center;}
.aq-head b{display:block;font-size:14px;font-weight:500;}
.aq-head small{font-size:11.5px;color:var(--muted-2);}
.aq-av{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:13px;color:#0b0820;background:var(--c);}
.aq-card ul{margin-top:12px;display:flex;flex-direction:column;gap:7px;}
.aq-card li{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);}
.aq-card li i{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--c) 22%,transparent);color:var(--c);}
.aq-card li i svg{width:10px;height:10px;}
.aq-card li b{margin-left:auto;font-weight:500;color:var(--text);}
.aq-score{margin-top:12px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;font-family:var(--mono);font-size:10.5px;color:var(--muted-2);}
.aq-score i{height:6px;border-radius:999px;background:rgba(255,255,255,0.06);overflow:hidden;}
.aq-score b{display:block;width:86%;height:100%;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 50%,#fff),var(--c));}
.aq-score em{font-style:normal;font-size:14px;color:var(--text);}
.aq-badge{position:absolute;top:-12px;right:-10px;padding:6px 12px;border-radius:999px;font-family:var(--mono);font-size:10.5px;letter-spacing:0.06em;text-transform:uppercase;color:#1a0d00;background:linear-gradient(135deg,#ffb547,#ff6f91);box-shadow:0 10px 24px -8px rgba(255,111,145,0.7);transform:rotate(4deg);}

/* agenda */
.art-cal{display:flex;flex-direction:column;gap:12px;max-width:300px;}
.ac-week{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;}
.ac-week span{display:flex;flex-direction:column;align-items:center;gap:2px;padding:9px 0;border-radius:12px;border:1px solid var(--hair);}
.ac-week small{font-family:var(--mono);font-size:10px;color:var(--muted-2);text-transform:uppercase;}
.ac-week b{font-size:16px;font-weight:500;}
.ac-week .on{background:var(--c);border-color:var(--c);color:#1a1003;box-shadow:0 10px 24px -8px var(--c);}
.ac-week .on small{color:#1a1003;}
.ac-slot{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;background:color-mix(in srgb,var(--c) 12%,#081229);border:1px solid color-mix(in srgb,var(--c) 40%,transparent);}
.ac-slot b{font-family:var(--mono);font-size:15px;color:var(--c);}
.ac-slot span{font-size:13.5px;}
.ac-slot i{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#25d366;color:#04140a;}
.ac-slot i svg{width:13px;height:13px;}
.ac-remind{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);}
.ac-remind svg{width:16px;height:16px;color:var(--c);}

/* atendente humano */
.art-human{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;}
.ah-person{display:flex;flex-direction:column;align-items:center;gap:10px;}
.person{width:104px;height:104px;filter:drop-shadow(0 16px 28px color-mix(in srgb,var(--c) 40%,transparent));}
.p-bg{fill:color-mix(in srgb,var(--c) 16%,#0a1430);stroke:color-mix(in srgb,var(--c) 45%,transparent);stroke-width:1.5;}
.p-face{fill:none;stroke:#e7effc;stroke-width:3;}
.p-eye{fill:#e7effc;}
.p-line{fill:none;stroke:var(--c);stroke-width:3.5;stroke-linecap:round;}
.p-cup{fill:var(--c);}
.ah-name{text-align:center;}
.ah-name b{display:block;font-size:14px;font-weight:500;}
.ah-name small{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted);}
.ah-name small i{width:7px;height:7px;border-radius:50%;background:#25d366;box-shadow:0 0 8px #25d366;}
.ah-flow{display:flex;flex-direction:column;gap:10px;}
.ah-bot{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#0f1a33;font-size:13px;color:var(--muted);}
.ah-bot span{flex:none;padding:3px 8px;border-radius:8px;font-family:var(--mono);font-size:10.5px;color:#00c8ff;background:rgba(0,200,255,0.12);}
.ah-sum{padding:14px;border-radius:14px;background:color-mix(in srgb,var(--c) 12%,#081229);border:1px solid color-mix(in srgb,var(--c) 40%,transparent);}
.ah-sum span{font-family:var(--mono);font-size:10.5px;letter-spacing:0.08em;text-transform:uppercase;color:var(--c);}
.ah-sum p{margin-top:6px;font-size:13.5px;line-height:1.45;}

/* avisos */
.art-notify{display:flex;flex-direction:column;gap:8px;width:100%;max-width:380px;}
.art-notify p{
  display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;
  padding:10px 12px;border-radius:14px;background:#0a1430;border:1px solid var(--hair-strong);
  margin-left:calc(var(--i) * 14px);margin-right:calc((3 - var(--i)) * 14px);
  box-shadow:0 14px 30px -18px color-mix(in srgb,var(--c) 70%,transparent);
}
.nt-ic{width:28px;height:28px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:11px;font-weight:500;color:#021018;background:var(--c);}
.art-notify p:nth-child(2) .nt-ic{background:#ffb547;color:#1a1003;}
.art-notify p:nth-child(3) .nt-ic{background:#8b7cff;color:#0b0820;}
.art-notify p:nth-child(4) .nt-ic{background:#ff6f91;color:#1a0610;}
.art-notify b{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.art-notify small{font-family:var(--mono);font-size:10px;color:var(--muted-2);}

/* crm */
.art-crm{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:260px;}
.art-crm .b-in{align-self:flex-start;}
.acr-arrow{width:2px;height:26px;background:linear-gradient(var(--hair-strong),var(--c));position:relative;}
.acr-arrow::after{content:"";position:absolute;left:50%;bottom:-2px;width:8px;height:8px;border-right:2px solid var(--c);border-bottom:2px solid var(--c);transform:translateX(-50%) rotate(45deg);}
.acr-card{width:100%;padding:14px;border-radius:16px;background:#081229;border:1px solid color-mix(in srgb,var(--c) 45%,transparent);box-shadow:0 20px 40px -20px var(--c);}
.acr-card span{font-family:var(--mono);font-size:10.5px;letter-spacing:0.08em;text-transform:uppercase;color:var(--c);}
.acr-card b{display:block;margin:6px 0 8px;font-size:15px;font-weight:500;}
.acr-card em{display:flex;justify-content:space-between;font-style:normal;font-size:12px;color:var(--muted-2);padding-top:6px;border-top:1px solid var(--hair);}
.acr-card em + em{margin-top:6px;}
.acr-card em i{font-style:normal;color:var(--text);}

/* =========================================================
   Texto + print inclinado do Hub
   ========================================================= */
.sc2{overflow:hidden;}
.sc2-grid{display:grid;grid-template-columns:0.85fr 1.15fr;gap:64px;align-items:center;}
.sc2-copy .h2{margin-top:22px;}
.sc2-p{margin-top:20px;color:var(--muted);font-size:17px;line-height:1.55;max-width:460px;}
.sc2-points{margin-top:28px;display:flex;flex-direction:column;gap:12px;}
.sc2-points li{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;line-height:1.45;}
.sc2-points i{flex:none;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(37,211,102,0.15);color:#25d366;}
.sc2-points i svg{width:13px;height:13px;}
.sc2-foot{margin-top:26px;padding-top:20px;border-top:1px solid var(--hair);font-size:14.5px;color:var(--muted-2);max-width:460px;}
.sc2-visual{position:relative;margin-right:-180px;perspective:1800px;}
.sc2-glow{position:absolute;inset:10% 10% -10% 0;border-radius:50%;background:radial-gradient(closest-side,rgba(37,211,102,0.25),rgba(0,200,255,0.12) 55%,transparent);filter:blur(30px);z-index:-1;}
.sc2-tilt{transform:rotateY(-18deg) rotateX(8deg) rotateZ(2deg) skewY(-2deg);transform-origin:left center;transition:transform 1.4s var(--ease);}
.sc2-visual:hover .sc2-tilt{transform:rotateY(-8deg) rotateX(4deg) rotateZ(1deg) skewY(-1deg);}
.sc2-tilt .shot{box-shadow:-40px 60px 120px -40px rgba(0,0,0,0.8),0 40px 120px -40px rgba(37,211,102,0.45),0 0 0 1px rgba(255,255,255,0.06);}

@media (max-width:1024px){
  .diag{grid-template-columns:1fr;padding:32px;}
  .diag-panel{position:static;}
  .bento{grid-template-columns:1fr 1fr;}
  .bn-span2{grid-column:span 2;}
  .sc2-grid{grid-template-columns:1fr;gap:48px;}
  .sc2-visual{margin-right:-40px;}
}
@media (max-width:767px){
  .diag{padding:24px 16px;border-radius:24px;}
  .dg-pains{grid-template-columns:1fr;}
  .diag-panel{padding:20px 16px;}
  .dg-areas li{grid-template-columns:104px 1fr;}
  .bento{grid-template-columns:1fr;}
  .bn,.bn-span2{grid-column:auto;display:flex;padding:22px 18px;}
  .bn-span2 .bn-art{order:0;}
  .art-night{grid-template-columns:1fr;}
  .an-clock{flex-direction:row;justify-content:center;gap:10px;}
  .art-human{grid-template-columns:1fr;justify-items:center;}
  .art-notify p{margin-left:0;margin-right:0;}
  .sc2-visual{margin-right:-60px;}
  .sc2-tilt{transform:rotateY(-12deg) rotateX(6deg) rotateZ(1deg);}
}
@media (prefers-reduced-motion: reduce){.sc2-tilt,.sc2-visual:hover .sc2-tilt{transition:none;}}

/* medidor compacto que acompanha a lista no celular */
.dg-mini{display:none;}
@media (max-width:1024px){
  .dg-mini{
    position:sticky;bottom:12px;z-index:5;margin-top:16px;
    display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center;
    padding:12px 16px;border-radius:16px;border:1px solid var(--hair-strong);
    background:rgba(3,8,22,0.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  }
  .dg-mini > span{font-family:var(--mono);font-size:10.5px;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);}
  .dg-mini > b{font-size:20px;font-weight:500;letter-spacing:-0.03em;}
  .dg-mini i{grid-column:1 / -1;height:6px;border-radius:999px;background:rgba(255,255,255,0.06);overflow:hidden;}
  .dg-mini i b{display:block;height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#00c8ff,#ffb547,#ff6f91);background-size:340px 100%;transition:width .9s var(--ease-out);}
  .diag[data-level="1"] .dg-mini > b{color:#00c8ff;}
  .diag[data-level="2"] .dg-mini > b{color:#ffb547;}
  .diag[data-level="3"] .dg-mini > b{color:#ff6f91;}
}

/* ---------- bento do CRM ---------- */
.art-inbox{display:grid;grid-template-columns:auto 60px 1fr;align-items:center;max-width:440px;}
.ai-src{display:flex;flex-direction:column;gap:14px;}
.ai-src li{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#0a1430;border:1px solid var(--hair-strong);font-size:12.5px;}
.ai-src i{width:8px;height:8px;border-radius:50%;background:var(--k);box-shadow:0 0 8px var(--k);}
.ai-lines{width:60px;height:120px;}
.ai-lines path{fill:none;stroke:var(--c);stroke-width:1.6;stroke-dasharray:4 4;opacity:0.8;}
.ai-card{padding:14px;border-radius:16px;background:#081229;border:1px solid color-mix(in srgb,var(--c) 45%,transparent);box-shadow:0 20px 40px -20px var(--c);}
.ai-card span{font-family:var(--mono);font-size:10.5px;letter-spacing:0.08em;text-transform:uppercase;color:var(--c);}
.ai-card b{display:block;margin:6px 0 8px;font-size:15px;font-weight:500;}
.ai-card em{display:flex;justify-content:space-between;font-style:normal;font-size:12px;color:var(--muted-2);padding-top:6px;border-top:1px solid var(--hair);}
.ai-card em + em{margin-top:6px;}
.ai-card em i{font-style:normal;color:var(--text);}

.art-summary{display:flex;flex-direction:column;gap:10px;max-width:300px;}
.as-card{padding:16px;border-radius:18px;background:#081229;border:1px solid color-mix(in srgb,var(--c) 40%,transparent);box-shadow:0 20px 50px -20px color-mix(in srgb,var(--c) 60%,transparent);}
.as-card span{font-family:var(--mono);font-size:10.5px;letter-spacing:0.08em;text-transform:uppercase;color:var(--c);}
.as-card p{margin-top:8px;font-size:13.5px;line-height:1.4;}
.as-card mark{background:color-mix(in srgb,var(--c) 26%,transparent);color:var(--text);padding:1px 5px;border-radius:5px;}
.as-meta{align-self:flex-end;font-style:normal;font-family:var(--mono);font-size:11px;color:var(--muted);}
.as-meta b{color:var(--c);}

.art-next{display:flex;flex-direction:column;gap:8px;width:100%;max-width:310px;}
.art-next p{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:10px 12px;border-radius:14px;background:#0a1430;border:1px solid var(--hair-strong);}
.art-next i{grid-row:span 2;width:30px;height:30px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--c);background:color-mix(in srgb,var(--c) 15%,transparent);}
.art-next i svg{width:15px;height:15px;}
.art-next b{font-size:13px;font-weight:500;}
.art-next span{font-size:11.5px;color:var(--muted-2);}
.art-next .hot{border-color:color-mix(in srgb,var(--c) 55%,transparent);background:color-mix(in srgb,var(--c) 12%,#0a1430);}
.art-next .hot i{background:var(--c);color:#1a1003;}
.art-next .hot span{color:var(--c);}

.art-pipe{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;max-width:470px;}
.ap-col{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:14px;background:rgba(255,255,255,0.025);border:1px solid var(--hair);}
.ap-col > span{font-family:var(--mono);font-size:9.5px;letter-spacing:0.04em;text-transform:uppercase;color:var(--muted-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ap-col > b{font-size:13.5px;font-weight:500;}
.ap-cards{display:flex;flex-direction:column;gap:5px;min-height:96px;}
.ap-cards i{height:26px;border-radius:8px;background:color-mix(in srgb,var(--c) 14%,#0a1430);border:1px solid color-mix(in srgb,var(--c) 30%,transparent);}
.ap-col em{display:flex;align-items:center;gap:6px;font-style:normal;font-family:var(--mono);font-size:10.5px;color:var(--muted);}
.ap-col em i{flex:1;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--c) var(--p),rgba(255,255,255,0.08) var(--p));}

.art-goal{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;width:100%;max-width:440px;}
.ag-ring{position:relative;width:132px;height:132px;}
.ag-ring svg{width:100%;height:100%;transform:rotate(-90deg);}
.ag-track,.ag-val{fill:none;stroke-width:11;}
.ag-track{stroke:rgba(255,255,255,0.07);}
.ag-val{stroke:var(--c);stroke-linecap:round;stroke-dasharray:68 100;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--c) 70%,transparent));}
.ag-ring > b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:500;letter-spacing:-0.04em;}
.ag-info > span{font-family:var(--mono);font-size:10.5px;letter-spacing:0.08em;text-transform:uppercase;color:var(--c);}
.ag-info > b{display:block;margin-top:4px;font-size:22px;font-weight:500;letter-spacing:-0.03em;}
.ag-info > b small{font-size:13px;color:var(--muted);font-weight:400;letter-spacing:0;}
.ag-info ul{margin-top:12px;display:flex;flex-direction:column;gap:6px;}
.ag-info li{display:flex;justify-content:space-between;gap:12px;padding-top:6px;border-top:1px solid var(--hair);font-size:12.5px;}
.ag-info em{font-style:normal;color:var(--muted-2);}
.ag-info li b{font-weight:500;}
.ag-info .up{color:#25d366;}

.art-migrate{display:grid;grid-template-columns:auto 34px 1fr;gap:10px;align-items:center;width:100%;max-width:310px;}
.am-sheet{display:grid;grid-template-columns:repeat(4,16px);gap:3px;padding:8px;border-radius:10px;background:#0a1430;border:1px solid var(--hair-strong);}
.am-sheet i{height:10px;border-radius:2px;background:rgba(255,255,255,0.08);}
.am-sheet i:nth-child(4n+1){background:rgba(37,211,102,0.35);}
.am-sheet i:nth-child(7),.am-sheet i:nth-child(14),.am-sheet i:nth-child(19){background:rgba(255,111,145,0.45);}
.am-arrow{height:2px;background:linear-gradient(90deg,var(--hair-strong),var(--c));position:relative;}
.am-arrow::after{content:"";position:absolute;right:-1px;top:50%;width:8px;height:8px;border-right:2px solid var(--c);border-top:2px solid var(--c);transform:translateY(-50%) rotate(45deg);}
.am-done{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:14px;background:#081229;border:1px solid color-mix(in srgb,var(--c) 45%,transparent);box-shadow:0 18px 36px -18px var(--c);}
.am-done b{display:block;font-size:20px;font-weight:500;letter-spacing:-0.03em;color:var(--c);}
.am-done span{font-size:11.5px;color:var(--muted);}

/* telas do Hub no topo tambem inclinadas */
.prod-hero-visual{perspective:1800px;}
.prod-hero-visual > .shot{transform:rotateY(-14deg) rotateX(6deg) rotateZ(1.5deg);transform-origin:left center;transition:transform 1.4s var(--ease);
  box-shadow:-30px 50px 110px -40px rgba(0,0,0,0.8),0 40px 120px -40px rgba(0,200,255,0.45),0 0 0 1px rgba(255,255,255,0.06);}
.prod-hero-visual:hover > .shot{transform:rotateY(-6deg) rotateX(3deg) rotateZ(0.5deg);}

@media (max-width:767px){
  .art-inbox{grid-template-columns:1fr;gap:12px;}
  .ai-src{flex-direction:row;flex-wrap:wrap;gap:6px;}
  .ai-lines{display:none;}
  .art-pipe{grid-template-columns:repeat(2,1fr);}
  .art-goal{grid-template-columns:1fr;justify-items:center;text-align:center;}
  .ag-info{width:100%;}
}

/* ---------- pecas comuns das ilustracoes ---------- */
.k-card{padding:14px;border-radius:16px;background:#081229;border:1px solid color-mix(in srgb,var(--c) 40%,transparent);box-shadow:0 20px 44px -22px var(--c);}
.k-label{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:0.08em;text-transform:uppercase;color:var(--c);}
.k-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--hair);font-size:12.5px;}
.k-row:first-of-type{margin-top:8px;}
.k-row span{color:var(--muted);}
.k-row b{font-weight:500;}
.k-ok{color:#25d366 !important;}
.k-warn{color:#ffb547 !important;}

/* ---------- Bis ---------- */
.art-kpis{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;max-width:440px;}
.kp{padding:12px;border-radius:14px;background:#081229;border:1px solid var(--hair-strong);}
.kp span{display:block;font-size:11px;color:var(--muted-2);}
.kp b{display:block;margin-top:2px;font-size:19px;font-weight:500;letter-spacing:-0.03em;}
.kp em{font-style:normal;font-family:var(--mono);font-size:10.5px;color:var(--muted);}
.kp em.up{color:#25d366;}
.kp-spark{grid-column:1 / -1;width:100%;height:42px;}
.kp-spark path{fill:none;stroke:var(--c);stroke-width:2.2;stroke-linejoin:round;filter:drop-shadow(0 4px 8px color-mix(in srgb,var(--c) 70%,transparent));}

.art-radar{position:relative;width:100%;max-width:280px;}
.rd-scope{position:relative;width:170px;height:170px;margin:0 auto;border-radius:50%;overflow:hidden;
  background:repeating-radial-gradient(circle,transparent 0 26px,color-mix(in srgb,var(--c) 22%,transparent) 26px 27px),#060d22;
  border:1px solid color-mix(in srgb,var(--c) 40%,transparent);}
.rd-sweep{position:absolute;inset:0;background:conic-gradient(from 0deg,color-mix(in srgb,var(--c) 45%,transparent),transparent 70deg);animation:rdspin 5s linear infinite;}
@keyframes rdspin{to{transform:rotate(360deg);}}
.rd-scope b{position:absolute;left:var(--x);top:var(--y);width:9px;height:9px;border-radius:50%;background:var(--c);box-shadow:0 0 12px var(--c);}
.rd-hit{position:absolute;right:-6px;bottom:-14px;min-width:150px;}
.rd-hit b{display:block;margin-top:4px;font-size:18px;font-weight:500;}
.rd-hit small{font-size:11.5px;color:var(--muted);}

.art-ask{display:flex;flex-direction:column;gap:10px;width:100%;max-width:290px;}
.art-ask .b-out{align-self:flex-end;}
.ask-big{display:block;margin-top:4px;font-size:24px;font-weight:500;letter-spacing:-0.03em;}
.ask-bars{display:flex;align-items:flex-end;gap:10px;height:62px;margin:10px 0 8px;}
.ask-bars i{position:relative;flex:1;height:var(--h);border-radius:8px 8px 3px 3px;background:rgba(255,255,255,0.08);}
.ask-bars i.on{background:linear-gradient(180deg,var(--c),color-mix(in srgb,var(--c) 30%,transparent));}
.ask-bars em{position:absolute;left:0;right:0;bottom:-16px;text-align:center;font-style:normal;font-family:var(--mono);font-size:9.5px;color:var(--muted-2);}
.art-ask small{display:block;margin-top:14px;font-size:11.5px;color:var(--muted);}

.art-areas{width:100%;max-width:440px;}
.ar-tabs{display:flex;flex-wrap:wrap;gap:6px;}
.ar-tabs span{padding:6px 11px;border-radius:999px;font-size:12px;border:1px solid var(--hair-strong);color:var(--muted);}
.ar-tabs .on{background:var(--c);border-color:var(--c);color:#1a1003;font-weight:500;}
.ar-chart{display:flex;align-items:flex-end;gap:8px;height:110px;margin-top:16px;padding:12px;border-radius:14px;background:#081229;border:1px solid var(--hair);}
.ar-chart i{flex:1;height:var(--h);border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,var(--c),color-mix(in srgb,var(--c) 20%,transparent));}

.art-sync{width:100%;max-width:400px;}
.art-sync .k-row:first-of-type{margin-top:0;border-top:none;}
.art-sync .k-row span{font-family:var(--mono);font-size:11px;}

.art-docs{position:relative;display:flex;flex-direction:column;gap:8px;width:100%;max-width:270px;}
.dc{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#0a1430;border:1px solid var(--hair-strong);margin-left:calc(var(--i) * 12px);}
.dc i{font-style:normal;width:34px;height:26px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:9.5px;font-weight:500;color:#021018;background:var(--c);}
.dc:nth-child(2) i{background:#25d366;color:#04140a;}
.dc:nth-child(3) i{background:#8b7cff;color:#0b0820;}
.dc b{font-size:13px;font-weight:500;}
.dc-drive{align-self:flex-start;margin-top:4px;font-family:var(--mono);font-size:10.5px;color:var(--c);padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--c) 14%,transparent);}

/* ---------- Marketing ---------- */
.art-today{width:100%;max-width:440px;}
.art-today .k-row{align-items:center;}
.td-ic{flex:none;width:9px;height:9px;border-radius:50%;background:var(--k);box-shadow:0 0 10px var(--k);}
.art-today .k-row > span{flex:1;display:flex;flex-direction:column;}
.art-today .k-row b{font-size:13px;color:var(--text);}
.art-today .k-row small{font-size:11px;color:var(--muted-2);}
.art-today .k-row em{font-style:normal;flex:none;padding:5px 10px;border-radius:999px;font-size:11px;color:var(--c);border:1px solid color-mix(in srgb,var(--c) 40%,transparent);}

.art-cpl{width:100%;max-width:290px;}
.cp{display:grid;grid-template-columns:96px 1fr auto;gap:10px;align-items:center;margin-top:10px;font-size:12px;color:var(--muted);}
.cp i{height:8px;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 70%,transparent) var(--w),rgba(255,255,255,0.06) var(--w));}
.cp b{font-family:var(--mono);font-size:11.5px;font-weight:500;color:var(--text);}
.cp.best span,.cp.best b{color:#25d366;}
.cp.best i{background:linear-gradient(90deg,#25d366 var(--w),rgba(255,255,255,0.06) var(--w));}

.art-seq{position:relative;display:flex;flex-direction:column;gap:12px;width:100%;max-width:260px;padding-left:6px;}
.art-seq::before{content:"";position:absolute;left:12px;top:10px;bottom:10px;width:2px;background:linear-gradient(var(--c),rgba(255,255,255,0.06));}
.sq{position:relative;display:grid;grid-template-columns:14px 44px 1fr;gap:10px;align-items:center;font-size:13px;}
.sq i{width:14px;height:14px;border-radius:50%;border:2px solid var(--hair-strong);background:#030816;z-index:1;}
.sq.done i{background:var(--c);border-color:var(--c);}
.sq.next i{border-color:var(--c);box-shadow:0 0 0 4px color-mix(in srgb,var(--c) 22%,transparent);}
.sq span{font-family:var(--mono);font-size:10.5px;color:var(--muted-2);}
.sq b{font-weight:500;padding:8px 12px;border-radius:12px;background:#0a1430;border:1px solid var(--hair-strong);}
.sq.next b{border-color:color-mix(in srgb,var(--c) 55%,transparent);}

.art-cal2{width:100%;max-width:420px;}
.c2-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;padding:12px;border-radius:14px;background:#081229;border:1px solid var(--hair);}
.c2-grid i{aspect-ratio:1.4;border-radius:6px;background:rgba(255,255,255,0.04);position:relative;}
.c2-grid i.ig::after,.c2-grid i.bl::after,.c2-grid i.em::after{content:"";position:absolute;left:6px;right:6px;bottom:6px;height:5px;border-radius:999px;}
.c2-grid i.ig::after{background:#ff6f91;}
.c2-grid i.bl::after{background:var(--c);}
.c2-grid i.em::after{background:#8b7cff;}
.c2-grid i.gap{background:repeating-linear-gradient(135deg,rgba(255,181,71,0.22) 0 4px,transparent 4px 8px);outline:1px solid rgba(255,181,71,0.45);}
.c2-leg{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;font-size:11.5px;color:var(--muted);}
.c2-leg span::before{content:"";display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px;}
.c2-leg .ig::before{background:#ff6f91;}.c2-leg .bl::before{background:var(--c);}.c2-leg .em::before{background:#8b7cff;}
.c2-leg .gap{color:#ffb547;}.c2-leg .gap::before{background:#ffb547;}

.art-ref{display:grid;grid-template-columns:auto 70px 1fr;align-items:center;width:100%;max-width:420px;}
.rf-src{display:flex;flex-direction:column;align-items:center;gap:6px;}
.rf-src span{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:600;color:#021018;background:var(--c);box-shadow:0 0 0 6px color-mix(in srgb,var(--c) 18%,transparent),0 14px 30px -10px var(--c);}
.rf-src b{font-size:13px;font-weight:500;}
.rf-src small{font-size:11px;color:var(--muted-2);margin-top:-6px;}
.rf-lines{width:70px;height:150px;}
.rf-lines path{fill:none;stroke:var(--c);stroke-width:1.6;stroke-dasharray:4 4;}
.rf-out{display:flex;flex-direction:column;gap:12px;}
.rf-out p{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#0a1430;border:1px solid var(--hair-strong);font-size:13px;}
.rf-out p span{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;background:rgba(255,255,255,0.1);}
.rf-out small{margin-left:auto;font-size:10.5px;color:var(--muted-2);}
.rf-out .won{border-color:rgba(37,211,102,0.5);background:rgba(37,211,102,0.08);}
.rf-out .won span{background:#25d366;color:#04140a;}
.rf-out .won small{color:#25d366;}

.art-hand{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:250px;}
.art-hand .k-card{width:100%;}
.art-hand .k-card b{display:block;margin-top:4px;font-size:15px;font-weight:500;}
.hd-btn{padding:8px 14px;border-radius:10px;font-size:12.5px;font-weight:500;color:#fff;background:#d62f56;box-shadow:0 10px 24px -10px #d62f56;}
.hd-done{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:#25d366;}
.hd-done i{width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#25d366;color:#04140a;}
.hd-done i svg{width:12px;height:12px;}

/* ---------- Software ---------- */
.art-web{width:100%;max-width:470px;border-radius:14px;overflow:hidden;border:1px solid var(--hair-strong);background:#081229;box-shadow:0 24px 50px -24px var(--c);}
.wb-bar{display:flex;align-items:center;gap:5px;height:28px;padding:0 10px;border-bottom:1px solid var(--hair);}
.wb-bar i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,0.14);}
.wb-bar span{margin-left:8px;font-family:var(--mono);font-size:9.5px;color:var(--muted-2);}
.wb-body{display:grid;grid-template-columns:54px 1fr;}
.wb-side{display:flex;flex-direction:column;gap:8px;padding:10px;border-right:1px solid var(--hair);}
.wb-side b{height:14px;border-radius:5px;background:var(--c);}
.wb-side i{height:8px;border-radius:4px;background:rgba(255,255,255,0.08);}
.wb-side i.on{background:color-mix(in srgb,var(--c) 50%,transparent);}
.wb-main{padding:10px 12px;}
.wb-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:12.5px;}
.wb-h b{font-weight:500;}
.wb-h span{font-size:10.5px;padding:3px 8px;border-radius:6px;color:#021018;background:var(--c);}
.wb-r{display:grid;grid-template-columns:44px 1fr auto;gap:8px;align-items:center;padding:7px 0;border-top:1px solid var(--hair);font-size:11.5px;}
.wb-r b{font-family:var(--mono);font-weight:500;color:var(--muted);}
.wb-r span{color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.wb-r em{font-style:normal;font-size:10px;padding:3px 8px;border-radius:999px;}
.wb-r em.w{color:#ffb547;background:rgba(255,181,71,0.12);}
.wb-r em.g{color:#25d366;background:rgba(37,211,102,0.12);}
.wb-r em.b{color:#00c8ff;background:rgba(0,200,255,0.12);}

.art-app{display:flex;justify-content:center;width:100%;}
.ph{width:170px;padding:14px 12px 16px;border-radius:26px;border:2px solid color-mix(in srgb,var(--c) 45%,#1a2442);background:#060d22;box-shadow:0 24px 50px -22px var(--c);display:flex;flex-direction:column;gap:7px;}
.ph-h b{display:block;font-size:13px;font-weight:500;}
.ph-h span{font-size:10.5px;color:var(--muted-2);}
.ph-i{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:10px;background:#0a1430;font-size:11.5px;}
.ph-i i{width:16px;height:16px;border-radius:5px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--hair-strong);}
.ph-i.on i{background:var(--c);border-color:var(--c);color:#04140a;}
.ph-i i svg{width:10px;height:10px;}
.ph-photo{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;}
.ph-photo span{aspect-ratio:1;border-radius:7px;background:linear-gradient(135deg,#1c2a4a,#0e1834);}
.ph-photo .add{display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--c);background:none;border:1.5px dashed color-mix(in srgb,var(--c) 50%,transparent);}
.ph-btn{margin-top:2px;padding:8px;border-radius:10px;text-align:center;font-size:11.5px;font-weight:500;color:#04140a;background:var(--c);}

.art-saas{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;max-width:290px;}
.sp{display:flex;flex-direction:column;gap:5px;padding:12px;border-radius:14px;background:#0a1430;border:1px solid var(--hair-strong);}
.sp span{font-family:var(--mono);font-size:10px;letter-spacing:0.08em;text-transform:uppercase;color:var(--muted);}
.sp b{font-size:15px;font-weight:500;margin-bottom:4px;}
.sp i{font-style:normal;font-size:11px;color:var(--muted);}
.sp i::before{content:"✓ ";color:var(--c);}
.sp.pro{border-color:var(--c);background:color-mix(in srgb,var(--c) 14%,#0a1430);box-shadow:0 18px 36px -16px var(--c);transform:translateY(-8px);}
.sp.pro span{color:var(--c);}

.art-int{position:relative;width:100%;max-width:440px;height:170px;}
.in-lines{position:absolute;inset:0;width:100%;height:100%;}
.in-lines path{fill:none;stroke:var(--c);stroke-width:1.6;stroke-dasharray:5 5;opacity:0.7;}
.in-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:12px 18px;border-radius:16px;font-size:13.5px;font-weight:600;color:#1a1003;background:var(--c);box-shadow:0 0 0 8px color-mix(in srgb,var(--c) 16%,transparent),0 18px 40px -12px var(--c);}
.in-n{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);white-space:nowrap;padding:7px 12px;border-radius:999px;font-size:12px;background:#0a1430;border:1px solid var(--hair-strong);}

.art-aidoc{display:grid;grid-template-columns:auto 30px 1fr;gap:10px;align-items:center;width:100%;max-width:440px;}
.ad-doc{width:96px;padding:12px 10px;border-radius:10px;background:#e9eef8;display:flex;flex-direction:column;gap:6px;box-shadow:0 16px 30px -14px rgba(0,0,0,0.7);transform:rotate(-4deg);}
.ad-doc b{font-family:var(--mono);font-size:8.5px;letter-spacing:0.06em;color:#0b1226;}
.ad-doc i{height:5px;border-radius:3px;background:#c3cde0;}
.ad-doc i.s{width:60%;background:color-mix(in srgb,var(--c) 70%,#fff);}
.ad-arrow{height:2px;background:linear-gradient(90deg,var(--hair-strong),var(--c));position:relative;}
.ad-arrow::after{content:"";position:absolute;right:-1px;top:50%;width:8px;height:8px;border-right:2px solid var(--c);border-top:2px solid var(--c);transform:translateY(-50%) rotate(45deg);}
.art-aidoc .k-row b{font-family:var(--mono);font-size:11.5px;}

.art-week{display:flex;flex-direction:column;gap:8px;width:100%;max-width:270px;}
.wk{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:10px 12px;border-radius:14px;background:color-mix(in srgb,var(--c) 12%,#081229);border:1px solid color-mix(in srgb,var(--c) 40%,transparent);}
.wk i{grid-row:span 2;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--c);color:#021018;}
.wk i svg{width:14px;height:14px;}
.wk span{font-family:var(--mono);font-size:10px;letter-spacing:0.08em;text-transform:uppercase;color:var(--c);}
.wk b{font-size:13px;font-weight:500;}
.art-week .b-in,.art-week .b-out{font-size:12.5px;}
.art-week .b-out{align-self:flex-end;}

/* tela espelhada: print a esquerda, inclinado para o outro lado */
.sc2-flip .sc2-grid{grid-template-columns:1.15fr 0.85fr;}
.sc2-flip .sc2-visual{order:-1;margin-right:0;margin-left:-180px;}
.sc2-flip .sc2-tilt{transform:rotateY(18deg) rotateX(8deg) rotateZ(-2deg) skewY(2deg);transform-origin:right center;}
.sc2-flip .sc2-visual:hover .sc2-tilt{transform:rotateY(8deg) rotateX(4deg) rotateZ(-1deg) skewY(1deg);}
.sc2-flip .sc2-tilt .shot{box-shadow:40px 60px 120px -40px rgba(0,0,0,0.8),0 40px 120px -40px rgba(0,200,255,0.4),0 0 0 1px rgba(255,255,255,0.06);}

@media (max-width:1024px){
  .sc2-flip .sc2-grid{grid-template-columns:1fr;}
  .sc2-flip .sc2-visual{order:0;margin-left:0;margin-right:-40px;}
}
@media (max-width:767px){
  .art-ref{grid-template-columns:1fr;justify-items:center;gap:14px;}
  .rf-lines{display:none;}
  .rf-out{width:100%;}
  .art-aidoc{grid-template-columns:1fr;justify-items:center;}
  .ad-arrow{display:none;}
  .art-aidoc .k-card{width:100%;}
  .sc2-flip .sc2-visual{margin-right:-60px;}
  .sc2-flip .sc2-tilt{transform:rotateY(-12deg) rotateX(6deg) rotateZ(1deg);transform-origin:left center;}
  .rd-hit{position:static;margin-top:12px;}
}
@media (prefers-reduced-motion: reduce){.rd-sweep{animation:none;}}
.bn-art > .art{flex:0 1 auto;}
.art-int{flex:1 1 auto !important;min-width:260px;}
.in-core{white-space:nowrap;}

/* ---------- Marketing Core gerenciado ---------- */
.art-aic{position:relative;width:100%;max-width:300px;padding:10px 0;}
.aic-stack i{position:absolute;inset:18px -10px 0 18px;border-radius:18px;background:#0a1430;border:1px solid var(--hair);transform:rotate(4deg);}
.aic-stack i + i{inset:12px -4px 4px 10px;transform:rotate(2deg);background:#0c1735;}
.aic-post{position:relative;padding:12px;border-radius:18px;background:#081229;border:1px solid color-mix(in srgb,var(--c) 45%,transparent);box-shadow:0 24px 50px -22px var(--c);}
.aic-head{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;}
.aic-av{grid-row:span 2;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#1a0610;background:var(--c);}
.aic-head b{font-size:12.5px;font-weight:500;}
.aic-head small{font-size:10.5px;color:var(--muted-2);}
.aic-img{margin-top:10px;aspect-ratio:16/10;border-radius:12px;padding:14px;display:flex;align-items:flex-end;
  background:radial-gradient(80% 90% at 85% 10%,color-mix(in srgb,var(--c) 70%,transparent),transparent 60%),linear-gradient(135deg,#1b1240,#0a1a3a);}
.aic-img b{font-size:15px;font-weight:600;line-height:1.2;letter-spacing:-0.02em;}
.aic-cap{margin-top:8px;font-size:11.5px;line-height:1.4;color:var(--muted);}
.aic-tag{margin-top:8px;display:inline-block;padding:3px 9px;border-radius:999px;font-family:var(--mono);font-size:9.5px;color:var(--c);background:color-mix(in srgb,var(--c) 14%,transparent);}
.aic-act{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:6px;}
.aic-act span{display:flex;align-items:center;justify-content:center;gap:5px;padding:7px;border-radius:10px;font-size:12px;border:1px solid var(--hair-strong);color:var(--muted);}
.aic-act .ok{border-color:#25d366;background:#25d366;color:#04140a;font-weight:500;}
.aic-act .ok svg{width:12px;height:12px;}
.aic-count{position:absolute;top:-6px;right:-14px;padding:5px 11px;border-radius:999px;font-family:var(--mono);font-size:10.5px;letter-spacing:0.04em;color:#1a0610;background:var(--c);box-shadow:0 10px 24px -8px var(--c);transform:rotate(3deg);}

.art-tpl{display:flex;flex-direction:column;gap:7px;width:100%;max-width:300px;}
.tp-src{align-self:flex-start;margin-bottom:4px;padding:5px 11px;border-radius:999px;font-family:var(--mono);font-size:10.5px;letter-spacing:0.06em;text-transform:uppercase;color:#0b0820;background:var(--c);}
.tp{display:grid;grid-template-columns:18px 1fr auto auto;gap:8px;align-items:center;padding:8px 10px;border-radius:12px;background:#0a1430;border:1px solid var(--hair-strong);font-size:12.5px;}
.tp i{width:18px;height:18px;border-radius:6px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--hair-strong);}
.tp.done i{background:var(--c);border-color:var(--c);color:#0b0820;}
.tp i svg{width:11px;height:11px;}
.tp b{font-weight:500;}
.tp span{font-family:var(--mono);font-size:10px;color:var(--muted-2);}
.tp em{font-style:normal;font-size:10px;padding:2px 7px;border-radius:999px;color:var(--c);background:color-mix(in srgb,var(--c) 14%,transparent);}

.art-cost{display:flex;flex-direction:column;gap:14px;width:100%;max-width:290px;}
.cs span{display:block;font-size:12px;color:var(--muted);margin-bottom:6px;}
.cs i{display:block;height:16px;border-radius:999px;}
.cs.old i{width:100%;background:repeating-linear-gradient(135deg,rgba(255,111,145,0.35) 0 6px,rgba(255,111,145,0.18) 6px 12px);}
.cs.new span{color:var(--text);font-weight:500;}
.cs.new i{width:38%;background:linear-gradient(90deg,var(--c),color-mix(in srgb,var(--c) 60%,#fff));box-shadow:0 0 18px color-mix(in srgb,var(--c) 60%,transparent);}
.cs-tag{align-self:flex-start;font-style:normal;padding:5px 11px;border-radius:999px;font-family:var(--mono);font-size:10.5px;color:#1a1003;background:var(--c);}

.art-mgd{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:460px;}
.mg{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:16px;background:#081229;border:1px solid var(--hair-strong);}
.mg:nth-child(2){border-color:color-mix(in srgb,var(--c) 55%,transparent);box-shadow:0 20px 40px -20px var(--c);transform:translateY(-8px);}
.mg span{font-family:var(--mono);font-size:10px;letter-spacing:0.08em;text-transform:uppercase;color:var(--c);}
.mg b{font-size:13.5px;font-weight:500;line-height:1.3;}
.mg em{display:inline-flex;align-items:center;gap:6px;margin-top:auto;font-style:normal;font-size:11px;color:var(--muted);}
.mg em i{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#25d366;color:#04140a;}
.mg em i svg{width:10px;height:10px;}
@media (max-width:767px){
  .art-mgd{grid-template-columns:1fr;}
  .mg:nth-child(2){transform:none;}
  .aic-count{right:0;}
}

/* ---------- Socio tecnico ---------- */
/* seletor "positivo": quanto mais alto, melhor (ambar, ciano, verde) */
.diag-positive{background:
    radial-gradient(60% 80% at 100% 0%,rgba(37,211,102,0.10),transparent 60%) padding-box,
    radial-gradient(60% 80% at 0% 100%,rgba(255,181,71,0.08),transparent 60%) padding-box,
    linear-gradient(180deg,#040a1c,#01030f) padding-box,
    linear-gradient(135deg,rgba(255,181,71,0.45),rgba(0,200,255,0.25) 45%,rgba(37,211,102,0.55)) border-box;}
.diag-positive .dg-pain[aria-pressed="true"]{border-color:rgba(37,211,102,0.55);background:linear-gradient(135deg,rgba(37,211,102,0.12),rgba(0,200,255,0.06));}
.diag-positive .dg-pain[aria-pressed="true"] .dg-check{background:#25d366;border-color:#25d366;color:#04140a;}
.diag-positive .dg-arc{filter:drop-shadow(0 0 10px rgba(37,211,102,0.35));}
.diag-positive .dg-areas b,.diag-positive .dg-mini i b{background:linear-gradient(90deg,#ffb547,#00c8ff,#25d366);}
.diag-positive .diag-panel[data-level="1"] .dg-pct{color:#ffb547;}
.diag-positive .diag-panel[data-level="1"] .dg-level{color:#ffb547;background:rgba(255,181,71,0.14);}
.diag-positive .diag-panel[data-level="2"] .dg-pct{color:#00c8ff;}
.diag-positive .diag-panel[data-level="2"] .dg-level{color:#00c8ff;background:rgba(0,200,255,0.12);}
.diag-positive .diag-panel[data-level="3"] .dg-pct{color:#25d366;}
.diag-positive .diag-panel[data-level="3"] .dg-level{color:#25d366;background:rgba(37,211,102,0.14);}
.diag-positive[data-level="1"] .dg-mini > b{color:#ffb547;}
.diag-positive[data-level="2"] .dg-mini > b{color:#00c8ff;}
.diag-positive[data-level="3"] .dg-mini > b{color:#25d366;}

/* topo: rascunho de contrato */
.pv-deal{max-width:470px;margin-left:auto;padding:22px;
  background:radial-gradient(80% 60% at 100% 0%,rgba(255,181,71,0.14),transparent 60%),rgba(1,3,15,0.85);}
.dl-top{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted);}
.dl-top em{font-style:normal;padding:4px 10px;border-radius:999px;color:#ffb547;background:rgba(255,181,71,0.12);letter-spacing:0.06em;}
.dl-parties{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;margin:22px 0 18px;}
.dl-parties span{padding:10px 18px;border-radius:14px;font-size:15px;font-weight:600;}
.dl-you{color:#1a1003;background:#ffb547;box-shadow:0 14px 30px -12px #ffb547;}
.dl-us{color:#021018;background:var(--accent);box-shadow:0 14px 30px -12px var(--accent);}
.dl-parties i{height:2px;background:linear-gradient(90deg,#ffb547,var(--accent));position:relative;}
.dl-parties i::after{content:"+";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;background:#030816;border:1px solid var(--hair-strong);}
.dl-rows p{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-top:1px solid var(--hair);font-size:14px;}
.dl-rows span{color:var(--muted);}
.dl-rows b{font-weight:500;text-align:right;}
.dl-sign{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px;}
.dl-sign span{font-family:var(--mono);font-size:10.5px;color:var(--muted-2);}
.dl-sign i{display:block;height:28px;margin-bottom:6px;border-bottom:1px dashed var(--hair-strong);}

.art-pitch{width:100%;max-width:400px;}
.pt-status{display:flex;align-items:center;gap:10px;margin-top:12px;font-size:12px;}
.pt-status span{color:var(--muted);}
.pt-status i{flex:1;height:2px;background:linear-gradient(90deg,var(--hair-strong),#25d366);}
.pt-status b{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;font-weight:500;color:#04140a;background:#25d366;}
.pt-status b svg{width:12px;height:12px;}

.art-split{display:flex;align-items:center;gap:18px;}
.spl-ring{position:relative;width:118px;height:118px;}
.spl-ring svg{width:100%;height:100%;transform:rotate(-90deg);}
.spl-a,.spl-b{fill:none;stroke-width:14;}
.spl-a{stroke:#ffb547;stroke-dasharray:48 100;}
.spl-b{stroke:var(--c);stroke-dasharray:48 100;stroke-dashoffset:-50;}
.spl-ring b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:500;color:var(--muted);}
.spl-leg{display:flex;flex-direction:column;gap:8px;font-size:12.5px;}
.spl-leg li::before{content:"";display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:8px;}
.spl-leg .a::before{background:#ffb547;}
.spl-leg .b::before{background:var(--c);}
.spl-leg .n{font-family:var(--mono);font-size:10.5px;color:var(--muted-2);}
.spl-leg .n::before{display:none;}

.art-build{position:relative;display:flex;flex-direction:column;gap:10px;width:100%;max-width:280px;}
.bd{display:grid;grid-template-columns:62px 1fr;gap:10px;align-items:center;font-family:var(--mono);font-size:10.5px;color:var(--muted-2);}
.bd i{height:10px;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 50%,transparent),var(--c)) no-repeat 0 0 / var(--w) 100%,rgba(255,255,255,0.06);}
.bd.on i{box-shadow:0 0 14px var(--c);}
.bd-flag{align-self:flex-end;font-style:normal;padding:5px 11px;border-radius:999px;font-size:11px;font-weight:500;color:#021018;background:var(--c);}

.art-rev{width:100%;max-width:440px;}
.rv-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;}
.rv-head b{font-size:13px;font-weight:500;color:var(--c);}
.rv-bars{display:flex;align-items:flex-end;gap:7px;height:110px;margin-top:14px;}
.rv-bars i{position:relative;flex:1;height:var(--h);border-radius:6px 6px 2px 2px;background:var(--c);overflow:hidden;}
.rv-bars em{position:absolute;left:0;right:0;bottom:0;height:var(--s);background:#ffb547;}
.rv-leg{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px;font-size:11.5px;color:var(--muted);}
.rv-leg span::before{content:"";display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:6px;}
.rv-leg .a::before{background:#ffb547;}.rv-leg .b::before{background:var(--c);}
.rv-leg .c{color:var(--c);font-family:var(--mono);font-size:10.5px;}.rv-leg .c::before{display:none;}

.art-roles{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:440px;}
.rl{display:flex;flex-direction:column;gap:7px;padding:14px;border-radius:16px;background:rgba(255,181,71,0.08);border:1px solid rgba(255,181,71,0.4);}
.rl.us{background:color-mix(in srgb,var(--c) 10%,#081229);border-color:color-mix(in srgb,var(--c) 45%,transparent);}
.rl span{font-family:var(--mono);font-size:10.5px;letter-spacing:0.08em;text-transform:uppercase;color:#ffb547;margin-bottom:2px;}
.rl.us span{color:var(--c);}
.rl b{font-size:13px;font-weight:500;padding:8px 10px;border-radius:10px;background:rgba(3,8,22,0.6);}

.art-brand{display:flex;flex-direction:column;align-items:center;gap:12px;}
.br-card{width:200px;padding:16px;border-radius:18px;background:#081229;border:1px solid color-mix(in srgb,var(--c) 45%,transparent);box-shadow:0 22px 46px -20px var(--c);display:flex;flex-direction:column;gap:6px;}
.br-logo{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:#1a0610;background:linear-gradient(135deg,var(--c),#ffb547);}
.br-card b{margin-top:6px;font-size:16px;font-weight:600;letter-spacing:-0.02em;}
.br-card small{font-family:var(--mono);font-size:10.5px;color:var(--muted-2);}
.br-card i{height:7px;border-radius:4px;background:rgba(255,255,255,0.07);}
.br-card i.s{width:55%;background:color-mix(in srgb,var(--c) 40%,transparent);}
.br-tag{font-style:normal;font-family:var(--mono);font-size:10.5px;color:var(--c);padding:4px 10px;border-radius:999px;background:color-mix(in srgb,var(--c) 14%,transparent);}

@media (max-width:1024px){.pv-deal{margin:0 auto;}}
@media (max-width:767px){
  .art-roles{grid-template-columns:1fr;}
  .art-split{flex-direction:column;}
}