/* ============ SECTION WRAPPER ============ */
.sol-section{
  background:var(--night);
  padding:100px 0 0;
  position:relative;
}
.sol-section::before{
  content:'';position:absolute;top:0;left:0;right:0;height:4px;
  background:linear-gradient(90deg,var(--sun),var(--sky));
}

/* ============ HEADER ============ */
.sol-header{
  text-align:center;padding:0 48px 60px;
}
.sol-ey{
  font-family:'DM Mono',monospace;font-size:11px;
  letter-spacing:.3em;color:var(--sun);margin-bottom:16px;
}
.sol-title{
  font-family:'Instrument Serif',serif;
  font-size:clamp(40px,5vw,68px);
  line-height:1.05;color:var(--ivory);
}
.sol-title em{font-style:italic;color:var(--sun);}

/* ============ TAB BAR PRINCIPAL ============ */
.sol-tabs-main{
  display:flex;justify-content:center;gap:8px;
  padding:0 48px 40px;
}

/* Micro hint de interação */
.sol-hint{
  text-align:center;
  font-family:'DM Mono',monospace;font-size:10px;
  letter-spacing:.2em;color:rgba(143,165,189,.4);
  margin-top:-28px;margin-bottom:28px;
  animation:hint-pulse 3s ease-in-out infinite;
}
@keyframes hint-pulse{0%,100%{opacity:.4;}50%{opacity:.8;}}

/* DOTS DE NAVEGAÇÃO */
.sol-dots{
  display:flex;align-items:center;justify-content:center;
  gap:10px;padding:24px 0 8px;
}
.sol-dot{
  width:8px;height:8px;border-radius:50%;
  background:rgba(255,255,255,.15);
  cursor:pointer;
  transition:all .35s cubic-bezier(.4,0,.2,1);
  border:1px solid rgba(255,255,255,.1);
  position:relative;
}
.sol-dot:hover{
  background:rgba(255,255,255,.35);
  transform:scale(1.2);
}
.sol-dot.act{
  width:28px;border-radius:6px;
  background:var(--sun);
  border-color:var(--sun);
  box-shadow:0 0 12px rgba(255,138,42,.4);
}
.sol-dot.act.sys{
  background:var(--sky);
  border-color:var(--sky);
  box-shadow:0 0 12px rgba(74,158,255,.4);
}
.sol-dot-label{
  position:absolute;bottom:-22px;left:50%;transform:translateX(-50%);
  font-family:'DM Mono',monospace;font-size:8px;
  color:rgba(143,165,189,.6);white-space:nowrap;
  opacity:0;transition:opacity .2s;pointer-events:none;
  letter-spacing:.08em;
}
.sol-dot:hover .sol-dot-label{opacity:1;}
.sol-dot.act .sol-dot-label{opacity:.7;}

/* BARRA DE PROGRESSO nas subtabs */
.sol-subtab{
  position:relative;overflow:hidden;
  min-height:44px;
}
.sol-subtab .stab-progress{
  position:absolute;bottom:0;left:0;
  height:2px;width:0%;
  background:var(--sun);
  border-radius:0 2px 2px 0;
  transition:none;
}
.sol-subtab.act .stab-progress{
  animation:stab-fill var(--stab-dur,8000ms) linear forwards;
}
.sol-subtab.act.sys-sub .stab-progress{
  background:var(--sky);
}
@keyframes stab-fill{from{width:0%;}to{width:100%;}}

/* PULSE no tab ativo */
.sol-subtab.act::before{
  content:'';
  display:inline-block;
  width:6px;height:6px;border-radius:50%;
  background:var(--sun);
  margin-right:6px;
  animation:stab-pulse 1.5s ease-in-out infinite;
  flex-shrink:0;
}
.sol-subtab.act.sys-sub::before{background:var(--sky);}
@keyframes stab-pulse{
  0%,100%{opacity:1;transform:scale(1);}
  50%{opacity:.5;transform:scale(1.4);}
}

/* TRANSIÇÃO CINEMATOGRÁFICA nos painéis */
.sol-panel{
  display:none;
  animation:panel-in .45s cubic-bezier(.4,0,.2,1);
}
.sol-panel.act{display:block;}
.sol-panel.out{
  display:block;
  animation:panel-out .3s cubic-bezier(.4,0,.2,1) forwards;
}
@keyframes panel-in{
  from{opacity:0;transform:translateX(32px);}
  to{opacity:1;transform:translateX(0);}
}
@keyframes panel-out{
  from{opacity:1;transform:translateX(0);}
  to{opacity:0;transform:translateX(-32px);}
}

/* HOVER PREVIEW — dashboard aparece levemente ao hover */
.sol-subtab:not(.act):hover + * .prod-dash,
.sol-subtab:not(.act):hover{
  opacity:.85;
}
.sol-tab-main{
  display:flex;align-items:center;gap:8px;
  padding:12px 32px;border-radius:100px;
  font-size:14px;font-weight:500;
  cursor:pointer;transition:all .25s;
  border:1px solid var(--border);
  color:var(--muted);background:transparent;
}
.sol-tab-main:hover{color:var(--ivory);border-color:rgba(255,255,255,.2);}
.sol-tab-main.act{
  background:var(--sun);color:var(--night);
  border-color:var(--sun);font-weight:600;
}
.sol-tab-main.act.sys{background:var(--sky);border-color:var(--sky);}
.sol-tab-icon{font-size:16px;}

/* ============ SUB TAB BAR ============ */
.sol-subtabs{
  display:flex;justify-content:center;gap:6px;
  padding:0 48px 48px;
}
.sol-subtab{
  display:flex;align-items:center;gap:7px;
  padding:10px 24px;border-radius:10px;
  font-size:13px;font-weight:600;
  cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);
  border:1px solid rgba(255,255,255,.15);
  color:rgba(255,255,255,.75);background:rgba(255,255,255,.06);
  letter-spacing:.01em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.sol-subtab:hover{
  color:#fff;
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.3);
  transform:translateY(-1px);
}
.sol-subtab.act{
  color:#fff;
  background:rgba(255,138,42,.2);
  border-color:rgba(255,138,42,.6);
  box-shadow:0 0 16px rgba(255,138,42,.2),inset 0 1px 0 rgba(255,138,42,.3);
}
.sol-subtab.act.sys-sub{
  background:rgba(74,158,255,.2);
  border-color:rgba(74,158,255,.6);
  box-shadow:0 0 16px rgba(74,158,255,.2),inset 0 1px 0 rgba(74,158,255,.3);
}

/* ============ CONTENT PANELS ============ */
.sol-content{position:relative;}
.sol-panel{display:none;}
.sol-panel.act{display:block;}

/* ============ PRODUCT LAYOUT ============ */
.prod-layout{
  display:grid;
  grid-template-columns:340px 1fr;
  gap:0;
  min-height:700px;
  border-top:1px solid var(--border);
}

/* LEFT INFO */
.prod-info{
  padding:48px 40px;
  background:rgba(255,255,255,.02);
  border-right:1px solid var(--border);
  display:flex;flex-direction:column;
  gap:0;
}
.prod-badge{
  display:inline-flex;align-items:center;gap:6px;
  font-family:'DM Mono',monospace;font-size:10px;
  letter-spacing:.12em;padding:6px 14px;
  border-radius:100px;margin-bottom:24px;
  width:fit-content;
}
.badge-green{background:rgba(37,211,102,.12);color:var(--green);border:1px solid rgba(37,211,102,.3);}
.badge-sun{background:rgba(255,138,42,.12);color:var(--sun);border:1px solid rgba(255,138,42,.3);}
.badge-sky{background:rgba(74,158,255,.12);color:var(--sky);border:1px solid rgba(74,158,255,.3);}
.badge-dot{width:6px;height:6px;border-radius:50%;animation:pulse 1.5s infinite;}
.dot-green{background:var(--green);}
.dot-sun{background:var(--sun);}
.dot-sky{background:var(--sky);}
@keyframes pulse{0%,100%{opacity:1;box-shadow:0 0 0 0 currentColor;}50%{opacity:.7;box-shadow:0 0 0 4px transparent;}}

.prod-name{
  font-family:'Instrument Serif',serif;
  font-size:36px;line-height:1.1;margin-bottom:8px;color:var(--ivory);
}
.prod-name em{font-style:italic;color:var(--sun);}
.prod-name .sky{color:var(--sky);}
.prod-tagline{
  font-family:'Instrument Serif',serif;
  font-size:22px;font-style:italic;
  color:var(--sun);margin-bottom:20px;line-height:1.2;
}
.prod-tagline.sky{color:var(--sky);}
.prod-desc{
  font-size:14px;color:var(--muted);
  line-height:1.7;margin-bottom:32px;
}

/* STATS */
.prod-stats{display:flex;flex-direction:column;gap:10px;margin-bottom:32px;}
.prod-stat{
  display:flex;align-items:center;gap:12px;
  padding:12px 16px;
  background:var(--card);border-radius:10px;
  border:1px solid var(--border);
}
.prod-stat-num{
  font-family:'Instrument Serif',serif;
  font-size:26px;font-weight:400;line-height:1;
  min-width:64px;
}
.ps-orange{color:var(--sun);}
.ps-sky{color:var(--sky);}
.ps-green{color:var(--green);}
.prod-stat-label{font-size:12px;color:var(--muted);line-height:1.4;}

/* BENEFITS */
.prod-benefits{margin-bottom:32px;}
.prod-benefit{
  display:flex;align-items:flex-start;gap:8px;
  font-size:13px;color:var(--muted);
  padding:6px 0;border-bottom:1px solid rgba(255,255,255,.04);
  line-height:1.5;
}
.prod-benefit:last-child{border:none;}
.prod-benefit::before{
  content:'→';color:var(--sun);
  font-family:'DM Mono',monospace;
  font-size:11px;margin-top:2px;flex-shrink:0;
}

/* CTA */
.prod-cta{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--sun);color:var(--night);
  padding:13px 28px;border-radius:100px;
  font-size:14px;font-weight:600;
  text-decoration:none;margin-top:auto;
  transition:all .2s;cursor:pointer;border:none;
  width:fit-content;
}
.prod-cta:hover{opacity:.9;transform:translateY(-2px);}
.prod-cta.sky{background:var(--sky);}

/* RIGHT DASHBOARD */
.prod-dash{
  background:var(--night);
  display:flex;flex-direction:column;
  overflow:hidden;
}

/* DASH TOP BAR */
.dash-bar{
  background:rgba(255,255,255,.03);
  border-bottom:1px solid var(--border);
  padding:10px 20px;
  display:flex;align-items:center;gap:8px;
  flex-shrink:0;
}
.dash-dots{display:flex;gap:5px;}
.dash-dots span{width:10px;height:10px;border-radius:50%;}
.dash-dots span:nth-child(1){background:#FF5F57;}
.dash-dots span:nth-child(2){background:#FEBC2E;}
.dash-dots span:nth-child(3){background:#28C840;}
.dash-title{
  font-family:'DM Mono',monospace;font-size:11px;
  color:var(--muted);letter-spacing:.1em;margin-left:8px;
}
.dash-live{
  margin-left:auto;display:flex;align-items:center;gap:5px;
  font-family:'DM Mono',monospace;font-size:10px;color:var(--green);
}
.dash-live::before{
  content:'';width:6px;height:6px;border-radius:50%;
  background:var(--green);animation:pulse 1.5s infinite;
}

/* DASH BODY */
.dash-body{flex:1;overflow:hidden;display:flex;flex-direction:column;}

/* STATS ROW */
.dash-stats{
  display:flex;gap:1px;
  border-bottom:1px solid var(--border);
  flex-shrink:0;
}
.dash-stat{
  flex:1;padding:20px 24px;
  background:rgba(255,255,255,.02);
  border-right:1px solid var(--border);
}
.dash-stat:last-child{border-right:none;}
.dash-stat-num{
  font-family:'Instrument Serif',serif;
  font-size:36px;font-weight:400;line-height:1;
}
.dsn-orange{color:var(--sun);}
.dsn-sky{color:var(--sky);}
.dsn-green{color:var(--green);}
.dsn-white{color:var(--ivory);}
.dash-stat-label{
  font-family:'DM Mono',monospace;font-size:9px;
  color:var(--muted);letter-spacing:.1em;margin-top:6px;
}

/* CHAT */
.dash-chat{
  flex:1;overflow:hidden;
  padding:20px;
  display:flex;flex-direction:column;gap:10px;
  background:rgba(11,20,26,.5);
}
.chat-msg{
  max-width:68%;padding:10px 14px;
  border-radius:10px;font-size:13px;line-height:1.55;
  opacity:0;transform:translateY(8px);
  transition:all .4s ease;
}
.chat-msg.vis{opacity:1;transform:translateY(0);}
.chat-msg.out{
  background:#005C4B;color:var(--ivory);
  align-self:flex-end;border-bottom-right-radius:2px;
}
.chat-msg.in{
  background:#1F2C34;color:var(--ivory);
  align-self:flex-start;border-bottom-left-radius:2px;
}
.chat-time{font-size:10px;color:rgba(255,255,255,.35);margin-top:3px;text-align:right;}
.chat-typing{
  background:#1F2C34;padding:10px 14px;
  border-radius:10px;border-bottom-left-radius:2px;
  align-self:flex-start;display:flex;gap:4px;align-items:center;
  opacity:0;transition:opacity .3s;width:64px;
}
.chat-typing.vis{opacity:1;}
.chat-typing span{
  width:6px;height:6px;border-radius:50%;background:var(--muted);
  animation:bounce 1.4s ease-in-out infinite;
}
.chat-typing span:nth-child(2){animation-delay:.2s;}
.chat-typing span:nth-child(3){animation-delay:.4s;}
@keyframes bounce{0%,80%,100%{transform:translateY(0);}40%{transform:translateY(-6px);}}

/* PIPELINE */
.dash-pipe{
  flex:1;overflow-y:auto;padding:16px 20px;
  display:flex;flex-direction:column;gap:8px;
}
.dash-pipe::-webkit-scrollbar{width:4px;}
.dash-pipe::-webkit-scrollbar-track{background:transparent;}
.dash-pipe::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:2px;}
.pipe-item{
  display:flex;align-items:center;gap:12px;
  padding:12px 16px;background:var(--card);
  border-radius:10px;border:1px solid var(--border);
  opacity:0;transform:translateX(-8px);
  transition:all .35s ease;
}
.pipe-item.vis{opacity:1;transform:translateX(0);}
.pipe-item:hover{background:rgba(255,255,255,.06);border-color:rgba(255,138,42,.2);}
.pipe-av{
  width:36px;height:36px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-size:12px;font-weight:700;flex-shrink:0;
  font-family:'DM Mono',monospace;
}
.pipe-info{flex:1;}
.pipe-name{font-size:13px;font-weight:500;color:var(--ivory);}
.pipe-co{font-size:11px;color:var(--muted);}
.pipe-tags{display:flex;gap:5px;margin-top:4px;flex-wrap:wrap;}
.pipe-tag{
  font-family:'DM Mono',monospace;font-size:9px;
  padding:2px 8px;border-radius:100px;letter-spacing:.06em;
}
.tag-green{background:rgba(37,211,102,.15);color:var(--green);}
.tag-sun{background:rgba(255,138,42,.15);color:var(--sun);}
.tag-sky{background:rgba(74,158,255,.15);color:var(--sky);}
.tag-muted{background:rgba(255,255,255,.07);color:var(--muted);}
.pipe-val{
  font-family:'DM Mono',monospace;font-size:12px;
  color:var(--sun);font-weight:500;flex-shrink:0;
}

/* KANBAN */
.dash-kanban{
  flex:1;display:grid;grid-template-columns:repeat(4,1fr);
  gap:1px;background:var(--border);overflow:hidden;
}
.kan-col{
  background:var(--night);
  padding:16px;overflow-y:auto;
  display:flex;flex-direction:column;gap:8px;
}
.kan-col::-webkit-scrollbar{width:3px;}
.kan-col::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);}
.kan-header{
  font-family:'DM Mono',monospace;font-size:9px;
  letter-spacing:.15em;padding:6px 10px;
  border-radius:6px;margin-bottom:4px;flex-shrink:0;
}
.kh-sun{background:rgba(255,138,42,.1);color:var(--sun);}
.kh-sky{background:rgba(74,158,255,.1);color:var(--sky);}
.kh-green{background:rgba(37,211,102,.1);color:var(--green);}
.kh-won{background:rgba(255,138,42,.2);color:var(--sun);}
.kan-card{
  background:rgba(255,255,255,.05);
  border-radius:10px;padding:12px;
  border:1px solid var(--border);
  opacity:0;transform:translateY(6px);
  transition:all .35s ease;cursor:pointer;
}
.kan-card.vis{opacity:1;transform:translateY(0);}
.kan-card:hover{background:rgba(255,255,255,.08);border-color:rgba(255,138,42,.25);}
.kan-card-name{font-size:12px;font-weight:500;color:var(--ivory);}
.kan-card-co{font-size:11px;color:var(--muted);margin-top:2px;}
.kan-card-footer{
  display:flex;justify-content:space-between;align-items:center;
  margin-top:8px;
}
.kan-card-val{
  font-family:'DM Mono',monospace;font-size:11px;color:var(--sun);
}
.kan-card-tag{
  font-family:'DM Mono',monospace;font-size:8px;
  padding:2px 7px;border-radius:100px;
}

/* WAVEFORM */
.dash-wave{
  display:flex;align-items:center;gap:12px;
  padding:16px 20px;
  background:rgba(74,158,255,.06);
  border-bottom:1px solid rgba(74,158,255,.15);
  flex-shrink:0;
}
.wave-label{font-family:'DM Mono',monospace;font-size:10px;color:var(--sky);min-width:80px;}
.wave-bars{display:flex;align-items:center;gap:3px;flex:1;}
.wave-bar{
  width:4px;border-radius:2px;background:var(--sky);
  animation:wave .8s ease-in-out infinite;
}
.wave-bar:nth-child(1){height:6px;}
.wave-bar:nth-child(2){height:12px;animation-delay:.1s;}
.wave-bar:nth-child(3){height:20px;animation-delay:.2s;}
.wave-bar:nth-child(4){height:28px;animation-delay:.3s;}
.wave-bar:nth-child(5){height:18px;animation-delay:.4s;}
.wave-bar:nth-child(6){height:24px;animation-delay:.3s;}
.wave-bar:nth-child(7){height:14px;animation-delay:.1s;}
.wave-bar:nth-child(8){height:22px;animation-delay:.2s;}
.wave-bar:nth-child(9){height:30px;animation-delay:.4s;}
.wave-bar:nth-child(10){height:16px;animation-delay:.5s;}
.wave-bar:nth-child(11){height:10px;animation-delay:.6s;}
.wave-bar:nth-child(12){height:26px;animation-delay:.2s;}
@keyframes wave{0%,100%{transform:scaleY(1);}50%{transform:scaleY(.25);}}
.wave-timer{font-family:'DM Mono',monospace;font-size:16px;color:var(--sky);font-weight:500;}

/* FUNNEL */
.dash-funnel{
  flex:1;padding:24px;
  display:flex;flex-direction:column;gap:16px;
  justify-content:center;
}
.funnel-row{display:flex;align-items:center;gap:12px;}
.funnel-label{font-size:13px;color:var(--muted);min-width:120px;}
.funnel-bar-wrap{flex:1;height:10px;background:rgba(255,255,255,.06);border-radius:5px;overflow:hidden;}
.funnel-bar{height:100%;border-radius:5px;transition:width 1.5s cubic-bezier(.4,0,.2,1);}
.funnel-num{
  font-family:'DM Mono',monospace;font-size:13px;
  min-width:48px;text-align:right;font-weight:500;
}

/* FEED */
.dash-feed{
  flex:1;overflow-y:auto;padding:16px 20px;
  display:flex;flex-direction:column;gap:6px;
}
.dash-feed::-webkit-scrollbar{width:4px;}
.dash-feed::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:2px;}
.feed-item{
  display:flex;align-items:center;gap:10px;
  padding:10px 14px;border-radius:10px;
  background:var(--card);border:1px solid var(--border);
  border-left:2px solid;
  opacity:0;transform:translateX(-8px);
  transition:all .35s ease;font-size:12px;
}
.feed-item.vis{opacity:1;transform:translateX(0);}
.feed-item.fi-green{border-left-color:var(--green);}
.feed-item.fi-sun{border-left-color:var(--sun);}
.feed-item.fi-sky{border-left-color:var(--sky);}
.feed-icon{font-size:14px;flex-shrink:0;}
.feed-text{flex:1;color:var(--ivory);line-height:1.4;}
.feed-text strong{font-weight:600;}
.feed-time{font-family:'DM Mono',monospace;font-size:10px;color:var(--muted);}

/* PROGRESS BAR */
.dash-progress{
  padding:16px 20px;border-bottom:1px solid var(--border);flex-shrink:0;
}
.prog-label{
  display:flex;justify-content:space-between;
  font-family:'DM Mono',monospace;font-size:10px;
  color:var(--muted);margin-bottom:8px;
}
.prog-bar{height:8px;background:rgba(255,255,255,.06);border-radius:4px;overflow:hidden;}
.prog-fill{
  height:100%;border-radius:4px;
  background:linear-gradient(90deg,var(--sky),var(--sun));
  transition:width .6s ease;
}

/* TICKETS */
.dash-tickets{
  flex:1;overflow-y:auto;padding:16px 20px;
  display:flex;flex-direction:column;gap:8px;
}
.dash-tickets::-webkit-scrollbar{width:4px;}
.dash-tickets::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);}
.ticket-item{
  display:flex;align-items:center;gap:12px;
  padding:12px 16px;background:var(--card);
  border-radius:10px;border:1px solid var(--border);
  opacity:0;transform:translateX(-8px);
  transition:all .35s ease;
}
.ticket-item.vis{opacity:1;transform:translateX(0);}
.ticket-item:hover{background:rgba(255,255,255,.06);}
.ticket-num{
  font-family:'DM Mono',monospace;font-size:10px;
  color:var(--muted);min-width:70px;
}
.ticket-info{flex:1;}
.ticket-name{font-size:13px;font-weight:500;color:var(--ivory);}
.ticket-issue{font-size:11px;color:var(--muted);margin-top:2px;}
.ticket-status{
  font-family:'DM Mono',monospace;font-size:9px;
  padding:3px 10px;border-radius:100px;flex-shrink:0;
}
.ts-solved{background:rgba(37,211,102,.15);color:var(--green);}
.ts-open{background:rgba(255,138,42,.15);color:var(--sun);}
.ts-waiting{background:rgba(74,158,255,.15);color:var(--sky);}
.ticket-time{font-family:'DM Mono',monospace;font-size:10px;color:var(--muted);min-width:32px;text-align:right;}

/* CALLS */
.dash-calls{
  flex:1;overflow-y:auto;padding:16px 20px;
  display:flex;flex-direction:column;gap:8px;
}
.dash-calls::-webkit-scrollbar{width:4px;}
.dash-calls::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);}
.call-item{
  display:flex;align-items:center;gap:12px;
  padding:12px 16px;background:var(--card);
  border-radius:10px;border:1px solid var(--border);
  opacity:0;transform:translateX(-8px);
  transition:all .35s ease;
}
.call-item.vis{opacity:1;transform:translateX(0);}
.call-item:hover{background:rgba(255,255,255,.06);}
.call-av{
  width:36px;height:36px;border-radius:50%;
  background:linear-gradient(135deg,var(--deep),var(--sky));
  display:flex;align-items:center;justify-content:center;
  font-size:11px;font-weight:700;flex-shrink:0;
}
.call-info{flex:1;}
.call-name{font-size:13px;font-weight:500;color:var(--ivory);}
.call-co{font-size:11px;color:var(--muted);}
.call-status{
  font-family:'DM Mono',monospace;font-size:9px;
  padding:3px 10px;border-radius:100px;flex-shrink:0;
}
.cs-calling{background:rgba(74,158,255,.15);color:var(--sky);animation:pulse 1.5s infinite;}
.cs-qual{background:rgba(37,211,102,.15);color:var(--green);}
.cs-sched{background:rgba(255,138,42,.15);color:var(--sun);}
.cs-noan{background:rgba(255,255,255,.06);color:var(--muted);}
.call-dur{font-family:'DM Mono',monospace;font-size:11px;color:var(--muted);min-width:36px;text-align:right;}

/* ============ MOBILE RESPONSIVO — SOL SECTION ============ */
@media(max-width:900px){
  .sol-section{padding:60px 0 0;}
  .sol-header{padding:0 20px 40px;}
  .sol-title{font-size:clamp(28px,7vw,42px);}

  /* TABS PRINCIPAIS — wrap e scroll */
  .sol-tabs-main{
    padding:0 16px 28px;
    gap:8px;flex-wrap:wrap;justify-content:center;
  }
  .sol-tab-main{padding:10px 20px;font-size:13px;}

  /* SUBTABS — scroll horizontal */
  .sol-subtabs{
    padding:0 16px 32px;
    gap:6px;
    overflow-x:auto;
    justify-content:flex-start;
    flex-wrap:nowrap;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .sol-subtabs::-webkit-scrollbar{display:none;}
  .sol-subtab{
    padding:8px 16px;font-size:12px;
    white-space:nowrap;flex-shrink:0;
    min-height:44px;
  }

  /* PRODUCT LAYOUT — empilhar verticalmente */
  .prod-layout{
    grid-template-columns:1fr;
    min-height:auto;
  }
  .prod-info{
    padding:32px 20px;
    border-right:none;
    border-bottom:1px solid var(--border);
  }
  .prod-name{font-size:28px;}
  .prod-tagline{font-size:18px;}
  .prod-desc{font-size:13px;}
  .prod-stats{flex-direction:row;flex-wrap:wrap;gap:8px;}
  .prod-stat{flex:1;min-width:120px;padding:10px 12px;}
  .prod-stat-num{font-size:22px;}

  /* DASHBOARD — reduzir altura maxima */
  .prod-dash{
    max-height:380px;
    min-height:280px;
  }
  .dash-stat{padding:14px 12px;}
  .dash-stat-num{font-size:24px;}
  .dash-stat-label{font-size:8px;}

  /* KANBAN — 2 colunas no mobile */
  .dash-kanban{grid-template-columns:repeat(2,1fr);}
}

@media(max-width:480px){
  .sol-header{padding:0 16px 32px;}
  .sol-title{font-size:clamp(24px,8vw,34px);}
  .sol-hint{font-size:9px;}

  .sol-tabs-main{padding:0 12px 24px;}
  .sol-tab-main{padding:9px 16px;font-size:12px;}

  .prod-info{padding:24px 16px;}
  .prod-name{font-size:24px;}
  .prod-tagline{font-size:16px;}
  .prod-stats{flex-direction:column;}
  .prod-cta{width:100%;justify-content:center;padding:13px 20px;}

  .prod-dash{max-height:320px;}
  .dash-stats{flex-wrap:wrap;}
  .dash-stat{flex:1;min-width:calc(50% - 1px);padding:12px 10px;}
  .dash-stat-num{font-size:20px;}

  /* KANBAN — 2 colunas nos menores */
  .dash-kanban{grid-template-columns:1fr 1fr;}
  .kan-col{padding:10px;}
}

/* ============ PERFORMANCE: mobile animation + GPU off ============ */
@media(max-width:768px){
  .mia-img{animation:none;}
  .mia-glow{animation:none;}
  nav{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(10,22,40,0.96);}
}

/* ============ PERFORMANCE: content-visibility below fold ============ */
.p2,.sol-section,.p4,.p5,.p6,.pmia,.p7,.mia-social{
  content-visibility:auto;
  contain-intrinsic-size:auto 600px;
}


/* ===== P2 BASE ===== */
.p2{
  background:var(--ivory);
  padding:120px 48px;
  position:relative;
  overflow:hidden;
}
.p2-inner{max-width:1100px;margin:0 auto;}

/* Linha decorativa topo */
.p2::before{
  content:'';
  position:absolute;top:0;left:0;right:0;
  height:4px;
  background:linear-gradient(90deg,var(--sun) 0%,var(--sky) 100%);
}

/* HEADER */
.p2-header{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:48px;
  align-items:end;
  margin-bottom:72px;
}
.p2-eyebrow{
  font-family:'DM Mono',monospace;
  font-size:11px;letter-spacing:.3em;
  color:var(--sun);margin-bottom:20px;
}
.p2-title{
  font-family:'Instrument Serif',serif;
  font-size:clamp(38px,4.5vw,60px);
  line-height:1.05;letter-spacing:-.02em;
  color:var(--deep);
}
.p2-title em{font-style:italic;color:var(--sun);}
.p2-desc{
  font-size:17px;color:#4A5568;
  line-height:1.7;
  max-width:460px;
  align-self:end;
  padding-bottom:4px;
}
.p2-desc strong{color:var(--deep);font-weight:600;}

/* GRID DE DORES */
.p2-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}

/* CARD */
.p2-card{
  background:#fff;
  border-radius:20px;
  padding:36px 32px;
  border:1px solid rgba(18,40,69,.06);
  border-left:4px solid var(--sun);
  box-shadow:0 4px 24px rgba(18,40,69,.06);
  transition:transform .3s ease, box-shadow .3s ease, border-left-color .3s;
  position:relative;
  overflow:hidden;
}
.p2-card::after{
  content:'';
  position:absolute;bottom:0;right:0;
  width:120px;height:120px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,138,42,.06) 0%,transparent 70%);
  pointer-events:none;
}
.p2-card:hover{
  transform:translateY(-6px);
  box-shadow:0 16px 48px rgba(18,40,69,.12);
  border-left-color:var(--sky);
}
.p2-card:nth-child(2){border-left-color:var(--sky);}
.p2-card:nth-child(2):hover{border-left-color:var(--sun);}
.p2-card:nth-child(3){border-left-color:var(--sky);}
.p2-card:nth-child(3):hover{border-left-color:var(--sun);}
.p2-card:nth-child(4){border-left-color:var(--sun);}

/* ÍCONE */
.p2-icon{
  width:52px;height:52px;
  border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  margin-bottom:24px;
  font-size:24px;
  flex-shrink:0;
}
.icon-sun{background:rgba(255,138,42,.1);}
.icon-sky{background:rgba(74,158,255,.1);}

/* TAG */
.p2-tag{
  font-family:'DM Mono',monospace;
  font-size:10px;letter-spacing:.15em;
  color:var(--sun);margin-bottom:12px;
  display:block;
}
.p2-card:nth-child(2) .p2-tag,
.p2-card:nth-child(3) .p2-tag{color:var(--sky);}

/* TÍTULO CARD */
.p2-card-title{
  font-family:'Instrument Serif',serif !important;
  font-size:26px;color:var(--deep);
  margin-bottom:12px;line-height:1.2;
  font-weight:400;
}
.p2-card-title em{font-style:italic;color:var(--sun);}
.p2-card:nth-child(2) .p2-card-title em,
.p2-card:nth-child(3) .p2-card-title em{color:var(--sky);}

/* BODY CARD */
.p2-card-body{
  font-size:15px;color:#4A5568;
  line-height:1.7;margin-bottom:20px;
}

/* STAT */
.p2-card-stat{
  display:flex;align-items:center;gap:10px;
  padding:10px 14px;
  background:rgba(18,40,69,.04);
  border-radius:10px;
}
.p2-stat-num{
  font-family:'Instrument Serif',serif;
  font-size:24px;font-weight:400;
  color:var(--sun);line-height:1;
}
.p2-card:nth-child(2) .p2-stat-num,
.p2-card:nth-child(3) .p2-stat-num{color:var(--sky);}
.p2-stat-label{
  font-size:12px;color:#4A5568;line-height:1.4;
}

/* BOTTOM BAR */
.p2-bottom{
  display:flex;align-items:center;justify-content:space-between;
  margin-top:64px;
  padding-top:40px;
  border-top:1px solid rgba(18,40,69,.08);
}
.p2-bottom-text{
  font-family:'Instrument Serif',serif;
  font-size:24px;color:var(--deep);
  font-style:italic;max-width:520px;
  line-height:1.4;
}
.p2-bottom-text em{color:var(--sun);font-style:italic;}
.p2-cta{
  background:var(--deep);color:var(--sun);
  padding:14px 28px;border-radius:100px;
  font-size:14px;font-weight:500;
  text-decoration:none;
  display:inline-flex;align-items:center;gap:8px;
  transition:all .2s;white-space:nowrap;
  flex-shrink:0;
}
.p2-cta:hover{background:var(--sun);color:var(--deep);transform:translateY(-2px);}

/* REVEAL */
.reveal{
  opacity:0;
  transform:translateY(28px);
  transition:opacity .7s ease, transform .7s ease;
}
.reveal.revealed{
  opacity:1;
  transform:translateY(0);
}

/* RESPONSIVE */
@media(max-width:900px){
  .p2{padding:80px 20px;}
  .p2-header{grid-template-columns:1fr;gap:24px;}
  .p2-grid{grid-template-columns:1fr;}
  .p2-bottom{flex-direction:column;gap:28px;text-align:center;}
  .p2-card{padding:28px 24px;}
  .p2-card-title{font-size:22px;}
}
@media(max-width:430px){
  .p2{padding:60px 16px;}
  .p2-title{font-size:clamp(30px,8vw,42px);}
  .p2-desc{font-size:15px;}
  .p2-card{padding:24px 20px;}
  .p2-card-title{font-size:20px;}
  .p2-bottom-text{font-size:18px;max-width:100%;}
}
/* ===== P4 ===== */
.p4{
  background:var(--night);
  padding:200px 0 0;
  position:relative;overflow:hidden;
  isolation:isolate;
}
.p4::before{
  content:'';position:absolute;top:0;left:0;right:0;height:4px;
  background:linear-gradient(90deg,var(--sky),var(--sun));
}
.p4-orb{
  position:absolute;width:700px;height:700px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,138,42,0.06) 0%,transparent 70%);
  top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;
}
.p4-header{
  text-align:center;padding:0 48px 72px;position:relative;z-index:2;
}
.p4-ey{
  font-family:'DM Mono',monospace;font-size:11px;
  letter-spacing:.3em;color:var(--sun);margin-bottom:20px;
}
.p4-title{
  font-family:'Instrument Serif',serif;
  font-size:clamp(40px,5vw,68px);line-height:1.05;color:var(--ivory);
}
.p4-title em{font-style:italic;color:var(--sun);}

/* OUTER CONTAINER */
.p4-outer{
  max-width:1200px;margin:0 auto;
  padding:0 48px;
  position:relative;z-index:2;
}

/* BULLETS ROW */
.p4-bullets-row{
  display:flex;align-items:center;
  margin-bottom:0;
}
.p4-spacer{flex:1;}
.p4-bullet-wrap{flex-shrink:0;}
.p4-line-seg{
  flex:1;height:2px;
  background:rgba(255,255,255,0.07);
  position:relative;overflow:hidden;
}
.p4-line-fill{
  position:absolute;top:0;left:0;height:100%;width:0%;
  transition:width 1.2s cubic-bezier(.4,0,.2,1);
}
.lf-sun{background:linear-gradient(90deg,var(--sun),var(--sky));}
.lf-sky{background:var(--sky);}
.lf-green{background:linear-gradient(90deg,var(--sky),var(--green));}

/* BULLET */
.p4-bullet{
  width:52px;height:52px;border-radius:50%;
  background:var(--night);
  border:2px solid rgba(255,255,255,0.1);
  display:flex;align-items:center;justify-content:center;
  position:relative;z-index:3;
  transition:all .4s cubic-bezier(.4,0,.2,1);
  cursor:default;
}
.p4-bnum{
  font-family:'DM Mono',monospace;font-size:13px;
  font-weight:700;color:var(--muted);
  transition:color .3s;
}
/* Estados ativos */
.p4-bullet.b-sun.lit{
  border-color:var(--sun);background:rgba(255,138,42,.1);
  box-shadow:0 0 0 6px rgba(255,138,42,.1),0 0 24px rgba(255,138,42,.25);
}
.p4-bullet.b-sun.lit .p4-bnum{color:var(--sun);}
.p4-bullet.b-sky.lit{
  border-color:var(--sky);background:rgba(74,158,255,.1);
  box-shadow:0 0 0 6px rgba(74,158,255,.1),0 0 24px rgba(74,158,255,.25);
}
.p4-bullet.b-sky.lit .p4-bnum{color:var(--sky);}
.p4-bullet.b-green.lit{
  border-color:var(--green);background:rgba(37,211,102,.1);
  box-shadow:0 0 0 6px rgba(37,211,102,.1),0 0 24px rgba(37,211,102,.25);
}
.p4-bullet.b-green.lit .p4-bnum{color:var(--green);}

/* LINHAS VERTICAIS */
.p4-verts-row{
  display:grid;grid-template-columns:repeat(4,1fr);gap:16px;
  margin-bottom:0;
}
.p4-vert-wrap{display:flex;justify-content:center;}
.p4-vert{
  width:2px;height:0px;
  border-radius:1px;
  transition:height .8s cubic-bezier(.4,0,.2,1);
  box-shadow:0 0 6px currentColor;
}
.pv-sun{background:linear-gradient(180deg,rgba(255,138,42,.8),rgba(255,138,42,.1));}
.pv-sky{background:linear-gradient(180deg,rgba(74,158,255,.8),rgba(74,158,255,.1));}
.pv-green{background:linear-gradient(180deg,rgba(37,211,102,.8),rgba(37,211,102,.1));}
.p4-step.vis .p4-vert{height:36px;}

/* CARDS */
.p4-cards-row{
  display:grid;grid-template-columns:repeat(4,1fr);gap:16px;
}
.p4-step{
  opacity:0;transform:translateY(24px);
  transition:opacity .6s ease,transform .6s ease;
}
.p4-step.vis{opacity:1;transform:translateY(0);}
.p4-step:nth-child(2){transition-delay:.15s;}
.p4-step:nth-child(3){transition-delay:.3s;}
.p4-step:nth-child(4){transition-delay:.45s;}

/* CARD BASE */
.p4-card{
  background:rgba(255,255,255,.04);
  border:1px solid var(--border);
  border-radius:20px;padding:28px 24px;
  transition:all .35s cubic-bezier(.4,0,.2,1);
  position:relative;overflow:hidden;
  cursor:default;height:100%;
  display:flex;flex-direction:column;
}
.p4-card::after{
  content:'';position:absolute;inset:0;border-radius:20px;
  opacity:0;transition:opacity .35s;pointer-events:none;
}
/* Hover por cor */
.p4-step:hover .p4-card{transform:translateY(-8px);}
.p4-step:hover .pc-sun{
  border-color:rgba(255,138,42,.4);
  background:rgba(255,138,42,.06);
  box-shadow:0 24px 56px rgba(0,0,0,.4),0 0 48px rgba(255,138,42,.1);
}
.p4-step:hover .pc-sky{
  border-color:rgba(74,158,255,.4);
  background:rgba(74,158,255,.06);
  box-shadow:0 24px 56px rgba(0,0,0,.4),0 0 48px rgba(74,158,255,.1);
}
.p4-step:hover .pc-green{
  border-color:rgba(37,211,102,.4);
  background:rgba(37,211,102,.06);
  box-shadow:0 24px 56px rgba(0,0,0,.4),0 0 48px rgba(37,211,102,.1);
}

/* TAG */
.p4-tag{
  display:inline-flex;align-items:center;gap:5px;
  font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.1em;
  padding:5px 12px;border-radius:100px;margin-bottom:16px;width:fit-content;
  transition:all .3s;
}
.pt-sun{background:rgba(255,138,42,.1);color:var(--sun);border:1px solid rgba(255,138,42,.2);}
.pt-sky{background:rgba(74,158,255,.1);color:var(--sky);border:1px solid rgba(74,158,255,.2);}
.pt-green{background:rgba(37,211,102,.1);color:var(--green);border:1px solid rgba(37,211,102,.2);}
.p4-step:hover .pt-sun{background:rgba(255,138,42,.2);border-color:rgba(255,138,42,.5);}
.p4-step:hover .pt-sky{background:rgba(74,158,255,.2);border-color:rgba(74,158,255,.5);}
.p4-step:hover .pt-green{background:rgba(37,211,102,.2);border-color:rgba(37,211,102,.5);}

/* ÍCONE */
.p4-icon{
  font-size:32px;margin-bottom:16px;display:block;
  transition:transform .35s cubic-bezier(.4,0,.2,1);
}
.p4-step:hover .p4-icon{transform:scale(1.15) rotate(-6deg);}

/* TÍTULO */
.p4-card-title{
  font-family:'Instrument Serif',serif;font-size:22px;
  color:var(--ivory);margin-bottom:10px;line-height:1.2;
}
.p4-card-title em{font-style:italic;color:var(--sun);}

/* DESC */
.p4-card-desc{font-size:13px;color:var(--muted);line-height:1.7;margin-bottom:16px;}

/* MINI */
.p4-mini{
  background:rgba(10,22,40,.8);border-radius:10px;
  border:1px solid var(--border);padding:12px;
  display:flex;flex-direction:column;gap:6px;
  margin-top:auto;
}
.p4-mini-msg{
  padding:6px 10px;border-radius:7px;font-size:11px;
  line-height:1.4;color:var(--ivory);
  opacity:0;transform:translateX(-4px);transition:all .4s ease;
  max-width:90%;
}
.p4-mini-msg.out{background:#005C4B;align-self:flex-end;transform:translateX(4px);}
.p4-mini-msg.in{background:#1F2C34;}
.p4-mini-msg.vis{opacity:1;transform:translateX(0);}
.p4-mini-prop{
  display:flex;align-items:center;gap:8px;padding:6px 8px;
  background:rgba(255,255,255,.05);border-radius:7px;
  opacity:0;transform:translateY(4px);transition:all .4s ease;
  font-size:11px;color:var(--ivory);
}
.p4-mini-prop.vis{opacity:1;transform:translateY(0);}
.p4-mini-prop-icon{font-size:14px;flex-shrink:0;}
.p4-mini-badge{
  margin-left:auto;font-family:'DM Mono',monospace;font-size:9px;
  padding:2px 7px;border-radius:100px;
}
.p4-mini-laptop{background:rgba(18,40,69,.6);border-radius:6px;padding:6px;}
.p4-mini-screen{
  background:var(--night);border-radius:4px;padding:8px;
  display:flex;flex-direction:column;gap:3px;
}
.p4-mini-line{height:3px;border-radius:2px;background:rgba(255,255,255,.08);}
.p4-mini-line.orange{background:rgba(255,138,42,.4);width:60%;}
.p4-mini-line.sky{background:rgba(74,158,255,.4);width:40%;}
.p4-mini-screen-glow{
  height:3px;border-radius:2px;
  background:linear-gradient(90deg,var(--sun),var(--sky));
  width:0%;transition:width 2s ease;
}
.p4-step.vis .p4-mini-screen-glow{width:100%;}
.p4-mini-counter{display:flex;align-items:center;gap:10px;padding:4px 0;}
.p4-mini-count-num{
  font-family:'Instrument Serif',serif;font-size:32px;
  color:var(--green);line-height:1;
}
.p4-mini-count-label{font-size:9px;color:var(--muted);font-family:'DM Mono',monospace;letter-spacing:.08em;}
.p4-mini-bar-wrap{height:5px;background:rgba(255,255,255,.06);border-radius:3px;overflow:hidden;margin-bottom:2px;}
.p4-mini-bar{height:100%;width:0%;background:var(--green);border-radius:3px;transition:width 2s ease;}
.p4-step.vis .p4-mini-bar{width:73%;}

/* BOTTOM */
.p4-bottom{
  background:rgba(255,255,255,.02);border-top:1px solid var(--border);
  padding:40px 48px;margin-top:0;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
}
.p4-bottom-text{
  font-family:'Instrument Serif',serif;font-size:24px;
  color:var(--ivory);font-style:italic;max-width:600px;line-height:1.4;
}
.p4-bottom-text em{color:var(--sun);}
.p4-bottom-cta{
  background:var(--sun);color:var(--night);
  padding:14px 28px;border-radius:100px;font-size:14px;font-weight:600;
  text-decoration:none;white-space:nowrap;flex-shrink:0;transition:all .2s;
}
.p4-bottom-cta:hover{opacity:.9;transform:translateY(-2px);}

@media(max-width:900px){
  .p4{padding:80px 0 0;}
  .p4-header{padding:0 20px 48px;}
  .p4-outer{padding:0 20px;}
  .p4-bullets-row{flex-wrap:nowrap;overflow:hidden;}
  .p4-bullet{width:40px;height:40px;}
  .p4-bnum{font-size:11px;}
  .p4-cards-row{grid-template-columns:1fr;gap:12px;}
  .p4-verts-row{grid-template-columns:repeat(4,1fr);gap:12px;}
  .p4-card{padding:24px 20px;}
  .p4-card-title{font-size:20px;}
  .p4-bottom{flex-direction:column;text-align:center;padding:32px 20px;gap:20px;}
  .p4-bottom-text{font-size:20px;}
}
@media(max-width:430px){
  .p4{padding:60px 0 0;}
  .p4-header{padding:0 16px 36px;}
  .p4-title{font-size:clamp(26px,8vw,38px);}
  .p4-outer{padding:0 12px;}
  .p4-bullets-row{display:none;}
  .p4-verts-row{display:none;}
  .p4-card{padding:20px 16px;}
  .p4-card-title{font-size:18px;}
  .p4-tag{font-size:9px;padding:4px 10px;}
  .p4-mini{margin-top:12px;}
  .p4-bottom{padding:24px 16px;gap:16px;}
  .p4-bottom-text{font-size:18px;}
  .p4-bottom-cta{font-size:13px;padding:12px 22px;}
}
/* ===== P5 ===== */
.p5{
  background:var(--ivory);
  padding:120px 0;
  position:relative;overflow:hidden;
}
.p5::before{
  content:'';position:absolute;top:0;left:0;right:0;height:4px;
  background:linear-gradient(90deg,var(--sun),var(--sky));
}
/* Textura sutil */
.p5::after{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse at 20% 50%,rgba(255,138,42,0.04) 0%,transparent 60%),
             radial-gradient(ellipse at 80% 50%,rgba(74,158,255,0.04) 0%,transparent 60%);
  pointer-events:none;
}

.p5-inner{max-width:1100px;margin:0 auto;padding:0 48px;position:relative;z-index:2;}

/* HEADER */
.p5-header{text-align:center;margin-bottom:80px;}
.p5-ey{
  font-family:'DM Mono',monospace;font-size:11px;
  letter-spacing:.3em;color:var(--sun);margin-bottom:20px;
}
.p5-title{
  font-family:'Instrument Serif',serif;
  font-size:clamp(40px,5vw,64px);
  line-height:1.05;color:var(--deep);
}
.p5-title em{font-style:italic;color:var(--sun);}

/* GRID NÚMEROS */
.p5-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:2px;
  background:rgba(18,40,69,0.06);
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 8px 48px rgba(18,40,69,0.08);
  margin-bottom:64px;
}
.p5-card{
  background:#fff;
  padding:48px 44px;
  position:relative;overflow:hidden;
  transition:all .35s cubic-bezier(.4,0,.2,1);
  cursor:default;
}
.p5-card::before{
  content:'';
  position:absolute;left:0;top:20%;
  width:4px;height:0%;
  background:var(--sun);
  border-radius:0 3px 3px 0;
  transition:height .9s cubic-bezier(.4,0,.2,1);
  z-index:2;
}
.p5-card.sky::before{background:var(--sky);}
.p5-card.vis::before{height:60%;}
.p5-card:hover{background:rgba(255,255,255,0.97);transform:scale(1.01);}

/* NÚMERO */
.p5-num{
  font-family:'Instrument Serif',serif;
  font-size:clamp(72px,9vw,120px);
  font-weight:400;line-height:1;
  color:var(--sun);
  margin-bottom:16px;
  display:block;
  transition:all .35s ease;
  letter-spacing:-.03em;
}
.p5-card.sky .p5-num{color:var(--sky);}
.p5-card.green .p5-num{color:#0F9B6E;}
.p5-card:hover .p5-num{
  text-shadow:0 0 60px rgba(255,138,42,.2);
  transform:translateX(4px);
}
.p5-card.sky:hover .p5-num{text-shadow:0 0 60px rgba(74,158,255,.2);}

/* LABEL */
.p5-label{
  font-family:'DM Mono',monospace;
  font-size:11px;letter-spacing:.2em;
  color:var(--deep);margin-bottom:12px;
  font-weight:700;
}
/* DESC */
.p5-desc{
  font-size:15px;color:#4A5568;
  line-height:1.65;max-width:380px;
}
.p5-desc strong{color:var(--deep);}

/* BARRA LATERAL */
.p5-card::after{
  content:'';
  position:absolute;bottom:0;right:0;
  width:180px;height:180px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,138,42,0.04) 0%,transparent 70%);
  pointer-events:none;
}
.p5-card.sky::after{background:radial-gradient(circle,rgba(74,158,255,0.04) 0%,transparent 70%);}

/* QUOTE */
.p5-quote{
  background:var(--deep);
  border-radius:20px;
  padding:48px 56px;
  display:flex;align-items:center;gap:56px;
  position:relative;overflow:hidden;
}
.p5-quote::before{
  content:'"';
  position:absolute;top:-20px;left:32px;
  font-family:'Instrument Serif',serif;
  font-size:200px;color:rgba(255,138,42,.08);
  line-height:1;pointer-events:none;
}
.p5-quote-text{
  font-family:'Instrument Serif',serif;
  font-size:clamp(22px,2.5vw,30px);
  color:var(--ivory);
  font-style:italic;
  line-height:1.45;flex:1;
}
.p5-quote-text em{color:var(--sun);}
.p5-quote-side{
  flex-shrink:0;text-align:center;
  padding-left:40px;
  border-left:1px solid rgba(255,255,255,.1);
}
.p5-quote-num{
  font-family:'Instrument Serif',serif;
  font-size:52px;color:var(--sun);line-height:1;
}
.p5-quote-label{
  font-family:'DM Mono',monospace;font-size:10px;
  color:var(--muted);letter-spacing:.15em;margin-top:6px;
}

/* REVEAL */
.p5-card{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease,background .35s,scale .35s;}
.p5-card.vis{opacity:1;transform:translateY(0);}
.p5-card:nth-child(2){transition-delay:.1s;}
.p5-card:nth-child(3){transition-delay:.2s;}
.p5-card:nth-child(4){transition-delay:.3s;}
.p5-quote-wrap{opacity:0;transform:translateY(24px);transition:opacity .7s .4s ease,transform .7s .4s ease;}
.p5-quote-wrap.vis{opacity:1;transform:translateY(0);}

@media(max-width:900px){
  .p5{padding:80px 0;}
  .p5-inner{padding:0 20px;}
  .p5-grid{grid-template-columns:1fr;}
  .p5-card{padding:36px 28px;}
  .p5-num{font-size:clamp(56px,15vw,88px);}
  .p5-quote{flex-direction:column;gap:32px;padding:36px 28px;}
  .p5-quote-side{border-left:none;border-top:1px solid rgba(255,255,255,.1);padding-left:0;padding-top:24px;width:100%;}
  .p5-header{margin-bottom:48px;}
}
@media(max-width:430px){
  .p5{padding:60px 0;}
  .p5-inner{padding:0 16px;}
  .p5-card{padding:28px 20px;}
  .p5-num{font-size:clamp(44px,14vw,64px);}
  .p5-label{font-size:10px;}
  .p5-desc{font-size:14px;}
  .p5-title{font-size:clamp(28px,8vw,40px);}
  .p5-quote{padding:28px 20px;}
  .p5-quote-text{font-size:clamp(18px,5vw,24px);}
  .p5-quote-num{font-size:40px;}
  .p5-header{margin-bottom:40px;}
}
/* ===== P6 ===== */
.p6{
  background:var(--night);
  position:relative;overflow:hidden;
  padding:160px 0 0;
}
.p6::before{
  content:'';position:absolute;top:0;left:0;right:0;height:4px;
  background:linear-gradient(90deg,var(--sun),var(--sky));
}

/* ORB DE FUNDO */
.p6-orb1{
  position:absolute;width:900px;height:900px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,138,42,0.05) 0%,transparent 65%);
  top:-200px;left:50%;transform:translateX(-50%);
  pointer-events:none;animation:p6fl 12s ease-in-out infinite;
}
.p6-orb2{
  position:absolute;width:600px;height:600px;border-radius:50%;
  background:radial-gradient(circle,rgba(74,158,255,0.06) 0%,transparent 65%);
  bottom:100px;right:-100px;pointer-events:none;
  animation:p6fl 9s ease-in-out infinite reverse 2s;
}
@keyframes p6fl{0%,100%{transform:translateX(-50%) translateY(0);}50%{transform:translateX(-50%) translateY(-30px);}}

/* INNER */
.p6-inner{
  max-width:860px;margin:0 auto;
  padding:0 48px 0;
  text-align:center;
  position:relative;z-index:2;
}

/* SÍMBOLO */
.p6-symbol{
  font-family:'DM Mono',monospace;font-weight:700;
  font-size:28px;letter-spacing:-.04em;
  margin-bottom:64px;
  opacity:0;transform:scale(.8);
  transition:opacity .6s ease,transform .6s cubic-bezier(.34,1.56,.64,1);
}
.p6-symbol.vis{opacity:1;transform:scale(1);}
.p6-symbol .s1{color:var(--sun);}
.p6-symbol .s2{color:var(--ivory);}
.p6-symbol .s3{color:var(--sky);}

/* BLOCOS */
.p6-block{
  margin-bottom:0;
  opacity:0;
  transition:opacity .8s ease,transform .8s cubic-bezier(.4,0,.2,1);
}
.p6-block.from-left{transform:translateX(-48px);}
.p6-block.from-right{transform:translateX(48px);}
.p6-block.from-bottom{transform:translateY(48px);}
.p6-block.from-fade{transform:scale(.97);}
.p6-block.vis{opacity:1;transform:none;}

/* LINHA DIVISÓRIA */
.p6-divider{
  width:0%;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,138,42,.4),transparent);
  margin:52px auto;
  transition:width 1.2s cubic-bezier(.4,0,.2,1);
}
.p6-divider.vis{width:60%;}

/* TEXTOS */
.p6-t1{
  font-family:'Instrument Serif',serif;
  font-size:clamp(36px,5vw,64px);
  color:var(--ivory);line-height:1.1;
  margin-bottom:52px;
  letter-spacing:-.02em;
}
.p6-t1 em{font-style:italic;color:var(--sun);}

.p6-t2{
  font-family:'Instrument Serif',serif;
  font-size:clamp(40px,5.5vw,72px);
  color:var(--ivory);line-height:1.1;
  letter-spacing:-.02em;
  margin-bottom:16px;
}
.p6-t2 em{font-style:italic;color:var(--sun);}
.p6-t2 .sky{color:var(--sky);}
.p6-t2 .highlight{
  position:relative;display:inline-block;
}
.p6-t2 .highlight::after{
  content:'';
  position:absolute;bottom:-4px;left:0;
  width:0%;height:3px;
  background:var(--sun);border-radius:2px;
  transition:width 1s .3s ease;
}
.p6-block.vis .p6-t2 .highlight::after{width:100%;}

.p6-t3{
  font-family:'Instrument Serif',serif;
  font-size:clamp(32px,4vw,52px);
  color:rgba(255,255,255,.3);line-height:1.3;
  letter-spacing:-.02em;margin-bottom:0;
  font-style:italic;
}

.p6-t4{
  font-family:'Instrument Serif',serif;
  font-size:clamp(44px,6vw,80px);
  line-height:1.05;letter-spacing:-.025em;
  margin-bottom:0;
}
.p6-t4 em{
  font-style:italic;
  background:linear-gradient(135deg,var(--sun),#FFB347);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
  filter:drop-shadow(0 0 32px rgba(255,138,42,.3));
}

.p6-t5{
  font-size:18px;color:var(--muted);
  line-height:1.75;
  font-family:'Space Grotesk',sans-serif;
  max-width:560px;margin:0 auto;
}
.p6-t5 strong{color:var(--ivory);}

/* WORD REVEAL — palavras surgem uma a uma */
.p6-words span{
  display:inline;
  opacity:0;
  transition:opacity .4s ease;
}
.p6-words span.wvis{opacity:1;}

/* FUNDO SHIFT — muda cor de fundo sutilmente num bloco */
.p6-bg-shift{
  background:rgba(255,138,42,0.03);
  border-radius:24px;padding:48px 40px;
  margin:0 -40px;
  border:1px solid rgba(255,138,42,0.06);
  transition:background .8s ease,border-color .8s ease;
}
.p6-block.vis .p6-bg-shift{
  background:rgba(255,138,42,0.05);
  border-color:rgba(255,138,42,0.12);
}

/* CTA FINAL */
.p6-cta-wrap{
  padding:80px 0 120px;
  display:flex;flex-direction:column;align-items:center;gap:24px;
  opacity:0;transform:translateY(32px);
  transition:opacity .8s ease,transform .8s ease;
}
.p6-cta-wrap.vis{opacity:1;transform:translateY(0);}
.p6-cta-label{
  font-family:'DM Mono',monospace;font-size:11px;
  letter-spacing:.25em;color:var(--muted);
}
.p6-cta{
  display:inline-flex;align-items:center;gap:10px;
  background:var(--sun);color:var(--night);
  padding:18px 44px;border-radius:100px;
  font-size:16px;font-weight:600;text-decoration:none;
  transition:all .3s cubic-bezier(.4,0,.2,1);
  position:relative;overflow:hidden;
}
.p6-cta::before{
  content:'';position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(255,255,255,.15),transparent);
  opacity:0;transition:opacity .3s;
}
.p6-cta:hover{transform:translateY(-4px);box-shadow:0 20px 60px rgba(255,138,42,.4);}
.p6-cta:hover::before{opacity:1;}
.p6-cta-arrow{font-size:20px;transition:transform .3s ease;}
.p6-cta:hover .p6-cta-arrow{transform:translateX(6px);}

.p6-sub{
  font-size:13px;color:var(--muted);
  font-family:'DM Mono',monospace;letter-spacing:.08em;
}

@media(max-width:900px){
  .p6{padding:100px 0 0;}
  .p6-inner{padding:0 24px;}
  .p6-bg-shift{margin:0 -24px;padding:40px 28px;border-radius:16px;}
  .p6-symbol{font-size:22px;margin-bottom:44px;}
  .p6-t5{font-size:16px;}
  .p6-cta-wrap{padding:60px 0 80px;}
  .p6-cta{padding:16px 36px;font-size:15px;}
  .p6-divider{margin:40px auto;}
}
@media(max-width:430px){
  .p6{padding:80px 0 0;}
  .p6-inner{padding:0 16px;}
  .p6-bg-shift{margin:0 -16px;padding:28px 18px;border-radius:12px;}
  .p6-symbol{font-size:18px;margin-bottom:36px;}
  .p6-t1{font-size:clamp(26px,8vw,40px);margin-bottom:36px;}
  .p6-t2{font-size:clamp(28px,9vw,44px);}
  .p6-t3{font-size:clamp(22px,7vw,34px);}
  .p6-t4{font-size:clamp(30px,10vw,48px);}
  .p6-t5{font-size:15px;}
  .p6-cta-wrap{padding:44px 0 60px;gap:16px;}
  .p6-cta{padding:14px 28px;font-size:14px;width:100%;justify-content:center;}
  .p6-sub{font-size:12px;}
  .p6-divider{margin:28px auto;}
}
/* ===== P7 ===== */
.p7{
  background:#FF8A2A;
  position:relative;overflow:hidden;
  min-height:680px;
}
.p7::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(ellipse at 15% 60%,rgba(255,255,255,0.12) 0%,transparent 50%);
  pointer-events:none;z-index:1;
}
.p7-inner{
  max-width:1280px;margin:0 auto;
  display:grid;
  grid-template-columns:480px 1fr;
  align-items:center;
  position:relative;z-index:2;
  padding:40px 48px 0;
  gap:0;
}

/* ── ESQUERDA ── */
.p7-left{
  padding:40px 40px 80px 0;
  align-self:center;
  opacity:0;transform:translateX(-40px);
  transition:opacity .9s ease,transform .9s cubic-bezier(.4,0,.2,1);
}
.p7-left.vis{opacity:1;transform:translateX(0);}
.p7-ey{
  font-family:'DM Mono',monospace;font-size:11px;
  letter-spacing:.25em;color:rgba(18,40,69,.5);margin-bottom:24px;
}
.p7-title{
  font-family:'Instrument Serif',serif;
  font-size:clamp(36px,4vw,58px);
  color:var(--deep);line-height:1.05;
  letter-spacing:-.025em;margin-bottom:24px;
}
.p7-title em{font-style:italic;color:rgba(18,40,69,.65);}
.p7-sub{
  font-size:16px;color:rgba(18,40,69,.6);
  line-height:1.7;margin-bottom:40px;max-width:420px;
}
.p7-cta{
  display:inline-flex;align-items:center;gap:10px;
  background:var(--deep);color:var(--sun);
  padding:18px 44px;border-radius:100px;
  font-size:16px;font-weight:600;text-decoration:none;
  transition:all .3s cubic-bezier(.4,0,.2,1);
}
.p7-cta:hover{
  transform:translateY(-4px);
  box-shadow:0 20px 60px rgba(18,40,69,.35);
  background:#0d1e35;
}
.p7-cta-arrow{font-size:20px;transition:transform .3s;}
.p7-cta:hover .p7-cta-arrow{transform:translateX(6px);}

/* ── DIREITA: MIA + HOLOS ── */
.p7-right{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:24px;
  align-self:flex-end;
  opacity:0;transform:translateY(30px);
  transition:opacity 1s .2s ease,transform 1s .2s cubic-bezier(.4,0,.2,1);
}
.p7-right.vis{opacity:1;transform:translateY(0);}

/* MIA */
.p7-mia-img{
  height:700px;width:auto;
  object-fit:contain;object-position:bottom;
  display:block;flex-shrink:0;
  animation:mia7fl 7s ease-in-out infinite;
  position:relative;z-index:2;
  margin-bottom:-2px;
}
@keyframes mia7fl{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(-10px);}
}

/* ── HOLOGRAMAS ── */
.p7-holos{
  display:flex;flex-direction:column;
  align-items:stretch;
  gap:0;
  align-self:center;
  flex-shrink:0;
  width:240px;
}

/* CARD */
.p7-hcard{
  background:rgba(10,22,40,0.88);
  backdrop-filter:blur(20px);
  border-radius:16px;
  padding:20px 24px;
  border:1px solid rgba(255,255,255,0.08);
  position:relative;overflow:hidden;
  transition:transform .35s ease,box-shadow .35s ease;
  cursor:default;
  /* Cada card aparece individualmente */
  opacity:0;transform:translateX(28px);
  transition:opacity .5s ease,transform .5s ease,box-shadow .35s ease;
}
.p7-hcard.vis{opacity:1;transform:translateX(0);}

/* Animações float individuais após aparecer */
.p7-hcard.vis.hc-sun{animation:hfloat1 4s ease-in-out infinite .0s;}
.p7-hcard.vis.hc-sky{animation:hfloat1 4s ease-in-out infinite .8s;}
.p7-hcard.vis.hc-green{animation:hfloat1 4s ease-in-out infinite 1.6s;}
@keyframes hfloat1{
  0%,100%{transform:translateY(0) translateX(0);}
  50%{transform:translateY(-8px) translateX(0);}
}

/* Scan line */
.p7-hcard::after{
  content:'';position:absolute;top:-100%;left:0;right:0;
  height:40%;
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.04),transparent);
  animation:p7scan 3.5s ease-in-out infinite;
  pointer-events:none;
}
.p7-hcard.hc-sky::after{animation-delay:1.2s;}
.p7-hcard.hc-green::after{animation-delay:2.4s;}
@keyframes p7scan{0%{top:-100%;}100%{top:200%;}}

.p7-hcard.hc-sun{border-color:rgba(255,138,42,.25);}
.p7-hcard.hc-sky{border-color:rgba(74,158,255,.25);}
.p7-hcard.hc-green{border-color:rgba(37,211,102,.25);}
.p7-hcard:hover{transform:translateX(6px) scale(1.03);}
.p7-hcard.hc-sun:hover{box-shadow:0 8px 40px rgba(255,138,42,.25);}
.p7-hcard.hc-sky:hover{box-shadow:0 8px 40px rgba(74,158,255,.25);}
.p7-hcard.hc-green:hover{box-shadow:0 8px 40px rgba(37,211,102,.25);}

/* CONTEÚDO DO CARD */
.p7-hcard-icon{
  font-size:24px;display:block;
  text-align:center;margin-bottom:8px;
}
.p7-hcard-title{
  font-family:'Instrument Serif',serif;
  font-size:26px;font-weight:400;line-height:1;
  text-align:center;margin-bottom:10px;
  letter-spacing:-.01em;
}
.p7-hcard-title.orange{color:var(--sun);}
.p7-hcard-title.sky{color:var(--sky);}
.p7-hcard-title.green{color:#25D366;}
.p7-hcard-sub{
  font-family:'DM Mono',monospace;
  font-size:8.5px;letter-spacing:.12em;
  color:rgba(143,165,189,.75);
  text-align:center;
  white-space:nowrap;
  line-height:1;
}

/* CONECTOR */
.p7-hconn{
  display:flex;flex-direction:column;
  align-items:center;padding:2px 0;
}
.p7-hconn-dot{
  width:7px;height:7px;border-radius:50%;
  border:1.5px solid rgba(255,138,42,.6);
  flex-shrink:0;
}
.p7-hconn-line{
  width:2px;height:20px;
  background:linear-gradient(180deg,rgba(255,138,42,.5),rgba(74,158,255,.5));
}

/* ── FOOTER ── */
.p7-footer{
  background:var(--deep);
  padding:26px 48px;
  display:flex;align-items:center;justify-content:space-between;gap:24px;
}
.p7-foot-logo{display:flex;align-items:center;gap:8px;text-decoration:none;}
.p7-foot-sym{font-family:'DM Mono',monospace;font-weight:700;font-size:16px;letter-spacing:-.04em;}
.p7-foot-sym .s1{color:var(--sun);}
.p7-foot-sym .s2{color:var(--ivory);}
.p7-foot-sym .s3{color:var(--sky);}
.p7-foot-brand{font-family:'Instrument Serif',serif;font-size:16px;color:var(--sun);}
.p7-foot-brand em{font-style:italic;}
.p7-foot-mid{display:flex;align-items:center;gap:10px;font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.15em;color:var(--muted);}
.p7-foot-mid .dot{color:var(--sun);}
.p7-foot-right{text-align:right;font-family:'DM Mono',monospace;font-size:10px;color:var(--muted);line-height:1.7;letter-spacing:.05em;}
.p7-foot-right a{color:var(--sky);text-decoration:none;transition:color .2s;}
.p7-foot-right a:hover{color:var(--ivory);}

@media(max-width:1100px){
  .p7-inner{grid-template-columns:400px 1fr;padding:60px 24px 0;}
  .p7-holos{width:210px;}
}
@media(max-width:900px){
  .p7-inner{grid-template-columns:1fr;padding:60px 20px 0;}
  .p7-right{display:none;}
  .p7-left{padding:0 0 60px;}
  .p7{min-height:auto;}
  .p7-title{font-size:clamp(32px,8vw,46px);}
  .p7-sub{font-size:15px;}
  .p7-footer{flex-direction:column;text-align:center;padding:24px 20px;gap:12px;}
}
@media(max-width:430px){
  .p7-inner{padding:44px 16px 0;}
  .p7-left{padding:0 0 44px;}
  .p7-ey{font-size:10px;}
  .p7-title{font-size:clamp(28px,9vw,40px);}
  .p7-sub{font-size:14px;margin-bottom:32px;}
  .p7-cta{padding:15px 28px;font-size:15px;width:100%;justify-content:center;}
  .p7-foot-left,.p7-foot-right{font-size:11px;text-align:center;}
}

/* ================================================================
   SEÇÃO FALE COM A M.IA — CHAT INTERATIVO
   ================================================================ */
.pmia{
  background:var(--night);
  padding:100px 0 80px;
  position:relative;
  overflow:hidden;
}
.pmia-inner{
  max-width:680px;
  margin:0 auto;
  padding:0 24px;
}
.pmia-ey{
  font-family:'DM Mono',monospace;
  font-size:11px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--sun);margin-bottom:16px;
}
.pmia-title{
  font-family:'Instrument Serif',serif;
  font-size:clamp(32px,5vw,52px);
  color:var(--ivory);line-height:1.15;
  margin-bottom:56px;
}
.pmia-title em{color:var(--sun);font-style:italic;}

/* CHAT WINDOW */
.mia-chat{
  background:rgba(255,255,255,0.03);
  border:1px solid rgba(255,255,255,0.08);
  border-radius:20px;
  padding:28px 24px 24px;
}
.mia-messages{
  display:flex;flex-direction:column;gap:14px;
  max-height:320px;
  overflow-y:auto;
  scroll-behavior:smooth;
  padding-right:4px;
}
.mia-messages::-webkit-scrollbar{width:4px;}
.mia-messages::-webkit-scrollbar-thumb{background:rgba(255,255,255,0.12);border-radius:2px;}
.mia-chat-header{
  display:flex;align-items:center;gap:12px;
  padding-bottom:20px;
  border-bottom:1px solid rgba(255,255,255,0.07);
  margin-bottom:24px;
}
.mia-chat-avatar{
  width:42px;height:42px;border-radius:50%;
  background:linear-gradient(135deg,var(--sun),#ff6b00);
  display:flex;align-items:center;justify-content:center;
  font-family:'Instrument Serif',serif;font-size:18px;
  color:var(--night);font-weight:700;flex-shrink:0;
  overflow:hidden;
}
.mia-chat-avatar img,.mia-bubble-av img,.mia-typing-av img{
  width:100%;height:100%;object-fit:cover;object-position:top center;border-radius:50%;
}
.mia-chat-info{}
.mia-chat-name{
  font-size:14px;font-weight:600;color:var(--ivory);
  line-height:1.2;
}
.mia-chat-status{
  font-size:11px;color:#4ade80;display:flex;align-items:center;gap:5px;
}
.mia-chat-status::before{
  content:'';display:inline-block;width:7px;height:7px;
  border-radius:50%;background:#4ade80;
}


/* BUBBLE */
.mia-bubble{
  display:flex;gap:10px;align-items:flex-end;
  opacity:0;transform:translateY(10px);
  transition:opacity .4s ease,transform .4s ease;
}
.mia-bubble.show{opacity:1;transform:translateY(0);}
.mia-bubble-av{
  width:32px;height:32px;border-radius:50%;
  background:linear-gradient(135deg,var(--sun),#ff6b00);
  display:flex;align-items:center;justify-content:center;
  font-family:'Instrument Serif',serif;font-size:13px;
  color:var(--night);font-weight:700;flex-shrink:0;
  overflow:hidden;
}
.mia-bubble-text{
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.09);
  border-radius:18px 18px 18px 4px;
  padding:12px 16px;
  font-size:14px;line-height:1.55;
  color:var(--ivory);max-width:520px;
}
.mia-bubble.final .mia-bubble-text{
  background:rgba(255,138,42,0.12);
  border-color:rgba(255,138,42,0.3);
  color:#fff;
}

/* TYPING INDICATOR */
.mia-typing{
  display:flex;gap:10px;align-items:flex-end;
  opacity:0;transition:opacity .3s;
}
.mia-typing.show{opacity:1;}
.mia-typing-av{
  width:32px;height:32px;border-radius:50%;
  background:linear-gradient(135deg,var(--sun),#ff6b00);
  display:flex;align-items:center;justify-content:center;
  font-family:'Instrument Serif',serif;font-size:13px;
  color:var(--night);font-weight:700;flex-shrink:0;
  overflow:hidden;
}
.mia-dots{
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.09);
  border-radius:18px 18px 18px 4px;
  padding:14px 18px;
  display:flex;gap:5px;align-items:center;
}
.mia-dots span{
  width:7px;height:7px;border-radius:50%;
  background:var(--muted);display:inline-block;
  animation:dot-bounce .9s infinite ease-in-out;
}
.mia-dots span:nth-child(2){animation-delay:.2s;}
.mia-dots span:nth-child(3){animation-delay:.4s;}
@keyframes dot-bounce{
  0%,80%,100%{transform:translateY(0);opacity:.5;}
  40%{transform:translateY(-6px);opacity:1;}
}

/* CTA BUTTON */
.mia-chat-cta{
  display:none;
  margin-top:24px;padding-top:24px;
  border-top:1px solid rgba(255,255,255,0.07);
}
.mia-chat-cta.show{display:block;}
.mia-cta-btn{
  display:inline-flex;align-items:center;gap:10px;
  background:var(--sun);color:var(--night);
  padding:14px 28px;border-radius:100px;
  font-size:15px;font-weight:700;
  text-decoration:none;
  transition:all .2s;
  box-shadow:0 4px 24px rgba(255,138,42,.35);
}
.mia-cta-btn:hover{transform:translateY(-2px);box-shadow:0 8px 32px rgba(255,138,42,.45);}
.mia-cta-icon{font-size:18px;}

@media(max-width:900px){
  .pmia{padding:72px 0 60px;}
  .pmia-title{margin-bottom:40px;}
}
@media(max-width:430px){
  .pmia-inner{padding:0 16px;}
  .mia-chat{padding:20px 16px 18px;}
  .mia-bubble-text{font-size:13px;padding:10px 13px;}
  .mia-cta-btn{font-size:14px;padding:13px 22px;width:100%;justify-content:center;}
}


/* USER BUBBLE */
.mia-bubble.user{
  flex-direction:row-reverse;
}
.mia-bubble.user .mia-bubble-text{
  background:rgba(74,158,255,0.15);
  border-color:rgba(74,158,255,0.25);
  border-radius:18px 18px 4px 18px;
  color:#e8f0ff;
}

/* INPUT AREA */
.mia-input-area{
  display:flex;
  margin-top:20px;
  gap:10px;
  align-items:center;
}
.mia-input{
  flex:1;
  background:rgba(255,255,255,0.06);
  border:1px solid rgba(255,255,255,0.14);
  border-radius:100px;
  padding:12px 20px;
  font-size:14px;color:var(--ivory);
  outline:none;
  transition:border-color .2s;

  font-family:inherit;
}
.mia-input::placeholder{color:rgba(244,241,234,0.35);}
.mia-input:focus{border-color:rgba(255,138,42,0.5);}.mia-input:focus-visible{outline:2px solid rgba(255,138,42,0.7);outline-offset:2px;}
.mia-send{
  width:48px;height:48px;border-radius:50%;
  background:var(--sun);border:none;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;transition:all .2s;
  font-size:18px;
}
.mia-send:hover{transform:scale(1.08);background:#ff7a14;}
.mia-send:disabled{opacity:.45;cursor:not-allowed;transform:none;}
@media(max-width:430px){
  .mia-input{font-size:13px;padding:11px 16px;}
}

.mia-social{background:var(--night);padding:88px 24px 80px;border-top:1px solid var(--border);}
.mia-social-inner{max-width:720px;margin:0 auto;text-align:center;}
.mia-social-kicker{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:22px;}
.mia-social-title{font-family:'Instrument Serif',serif;font-style:italic;font-size:clamp(26px,4.5vw,40px);color:var(--ivory);line-height:1.15;margin-bottom:10px;}
.mia-social-sub{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:60px;}
.mia-social-grid{display:flex;justify-content:center;align-items:flex-start;gap:0;flex-wrap:nowrap;}
.mia-social-item{display:flex;flex-direction:column;align-items:center;gap:12px;text-decoration:none;color:var(--ivory);padding:0 36px;border-right:1px solid var(--border);transition:color .3s ease,transform .3s ease;outline-offset:6px;}
.mia-social-item:last-child{border-right:none;}
.mia-social-item:hover{color:var(--sun);transform:translateY(-3px);}
.mia-social-item:focus-visible{outline:2px solid var(--sun);}
.mia-social-icon{width:26px;height:26px;flex-shrink:0;transition:color .3s ease;}
.mia-social-icon svg{width:100%;height:100%;fill:currentColor;display:block;}
.mia-social-name{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:inherit;opacity:.55;transition:opacity .3s ease;}
.mia-social-item:hover .mia-social-name{opacity:1;}
@media(max-width:700px){
  .mia-social{padding:64px 16px 60px;}
  .mia-social-grid{flex-wrap:wrap;gap:32px;}
  .mia-social-item{border-right:none;padding:0 8px;}
  .mia-social-sub{margin-bottom:44px;}
}