/* ORBTI — páginas por frente (Pulse, Core, Horizon).
   Carrega depois de site.css e só acrescenta o que é destas páginas. */

.hdr-nav a[aria-current=page]{border-color:var(--orange)}
.mobile-menu a[aria-current=page]::before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--orange);margin-right:10px}

/* Faixa em espresso-2 e seção em papel */
.band{background:var(--espresso-2)}
.band .eyebrow{color:var(--color-text)}
.band .timeline .n{border-color:var(--espresso-2)}
.paper-sec{padding:var(--section-y) 0}
.split{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--gap-col);align-items:start}
.theme-paper details,.theme-paper .faq-list{border-color:var(--line-light)}
.theme-paper summary:hover{color:inherit}

/* Hero da frente */
.area-hero{position:relative;overflow:hidden;margin-top:-82px;padding:calc(82px + clamp(40px,5vw,64px)) 0 clamp(64px,6vw,96px)}
.crumb{display:flex;gap:10px;font:700 11px/1.5 var(--font-mono);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--color-text-muted)}
.crumb a{border-bottom:1.5px solid var(--line-dark)}
.crumb a:hover{color:var(--cream);border-color:var(--orange)}
.area-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--gap-col);align-items:center;margin-top:36px}
.area-head h1{margin-top:20px;font-size:clamp(2.6rem,5vw,4.6rem)}
.area-intro{font-size:18px;line-height:1.55;color:var(--color-text-muted);max-width:46ch;margin-top:26px}
.area-head .row{margin-top:32px}
.area-more{margin-top:48px}

/* Espécime: o exemplo ilustrativo de cada frente */
.spec-wrap{position:relative}
.spec-sun{position:absolute;width:260px;height:260px;right:-70px;top:-70px;background:var(--stripes-orange);animation:sunrise 1.4s var(--ease) both}
.specimen,.order{position:relative;border-radius:var(--radius-frame);padding:clamp(20px,2.6vw,34px);overflow:hidden}
.specimen>*,.order>*{position:relative;z-index:1}
.spec-label{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 16px;font:700 10px/1.5 var(--font-mono);letter-spacing:var(--tracking-mono);text-transform:uppercase;padding-bottom:14px;border-bottom:1.5px solid var(--line-light);margin-bottom:22px}
.spec-end{margin-top:22px;padding-top:14px;border-top:1.5px solid var(--line-light);display:flex;justify-content:space-between;align-items:center;gap:16px;font-weight:600;font-size:15px}

/* Pulse · conversa */
.msg{max-width:30ch;padding:14px 18px;border-radius:18px;line-height:1.4}
.msg-in{background:var(--espresso);color:var(--cream);border-bottom-left-radius:4px}
.msg-out{margin-left:auto;border:1.5px solid var(--espresso);border-bottom-right-radius:4px}
.slip{margin:16px 0 16px 28px;border:1.5px solid var(--espresso);border-radius:12px;padding:14px 16px 6px}
.slip span{font:700 10px/1.5 var(--font-mono);letter-spacing:var(--tracking-mono);text-transform:uppercase;display:block;margin-bottom:10px}
.slip li{font-size:14px;padding:8px 0;border-top:1.5px solid var(--line-light);display:flex;gap:10px;align-items:baseline}
.slip li::before,.map-loop::before,.order-note::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--orange);flex:none}

/* Core · mapa da rotina */
.map{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:10px;align-items:stretch}
.map div{border:1.5px solid var(--espresso);border-radius:14px;padding:14px}
.map span{font:700 10px/1.4 var(--font-mono);letter-spacing:var(--tracking-mono);text-transform:uppercase;display:block}
.map h3{font-size:17px;line-height:1.1;margin-top:12px}
.map>svg{align-self:center}
.map .human{background:var(--espresso);color:var(--cream)}
.map-loop{margin-top:18px;padding-top:14px;border-top:1.5px solid var(--line-light);display:flex;gap:10px;align-items:baseline;font-size:15px;font-weight:500}

/* Horizon · caderno de análise */
.rq{font:400 clamp(24px,2.6vw,34px)/1.05 var(--font-display);text-transform:uppercase;text-wrap:balance;margin-bottom:22px}
.rdl div{display:grid;grid-template-columns:12ch 1fr;gap:12px;padding:12px 0;border-top:1.5px solid var(--line-light);align-items:baseline}
.rdl dt{font:700 10px/1.5 var(--font-mono);letter-spacing:var(--tracking-mono);text-transform:uppercase}
.rdl+.spec-end{margin-top:0}

/* Aplicações */
.stmt h2{margin-top:18px}
.stmt-big h2{font-size:clamp(2.4rem,4.6vw,4.2rem)}
.stmt p{margin-top:22px;color:var(--color-text-muted);max-width:38ch}
.stmt .text-link{margin-top:24px}
.ledger{border-top:2px solid var(--line-dark)}
.ledger-head,.ledger article{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--gap-col)}
.ledger-head{padding:14px 0;border-bottom:1.5px solid var(--line-dark)}
.ledger article{padding:28px 0;border-bottom:1.5px solid var(--line-dark);align-items:start}
.pain{font-size:20px;line-height:1.35;color:var(--color-text-muted);max-width:26ch}
.ledger h3{font-size:24px}
.ledger article div p{margin-top:8px;max-width:52ch}
.qgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.qgrid article{border:1.5px solid var(--espresso);border-radius:18px;padding:24px}
.qgrid .micro{color:var(--espresso);font-weight:700}
.qgrid h3{font-size:24px;margin-top:16px}
.qgrid p{font-size:15px;color:var(--color-text-muted);margin-top:8px}

/* Fluxo */
.timeline.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.timeline h3{font:600 20px/1.25 var(--font-sans);text-transform:none;letter-spacing:0;margin-top:18px;max-width:22ch}
.close-line{margin-top:48px;padding-top:20px;border-top:1.5px solid var(--line-dark);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 28px;font-size:18px;font-weight:500}
.steps li{display:flex;gap:18px;padding:18px 0;border-top:1.5px solid var(--color-border);align-items:flex-start}
.steps li:first-child{border-top:0;padding-top:0}
.steps .n{font:700 12px var(--font-mono);width:38px;height:38px;border-radius:50%;border:1.5px solid currentColor;display:grid;place-items:center;flex:none}
.steps h3{font:600 18px/1.3 var(--font-sans);text-transform:none;letter-spacing:0}
.steps p{font-size:15px;color:var(--color-text-muted);margin-top:4px}
.order-note{margin-top:4px;padding-top:16px;border-top:2px solid var(--espresso);display:flex;gap:10px;align-items:baseline;font-size:15px;font-weight:600}
.flow-head h2{margin-top:18px;max-width:20ch}
.sources h3{font-size:clamp(24px,2.4vw,32px);margin:14px 0 24px}
.sheet{background:var(--cream);color:var(--espresso);border-radius:12px;padding:16px 18px;font-weight:600;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;margin-top:8px}
.sheet small{font:700 10px/1.5 var(--font-mono);letter-spacing:var(--tracking-mono);text-transform:uppercase}

/* O que definimos antes de construir */
.controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.controls article{background:var(--espresso-2);border-radius:18px;padding:24px}
.controls .serial{color:var(--color-text-muted)}
.controls h3{font-size:22px;margin-top:32px}
.controls p{font-size:15px;color:var(--color-text-muted);margin-top:8px}
.area-faq{margin-top:48px}

/* Diagnóstico: conversa com o agente */
.contact:has(.chat) .cta-sun{width:240px;height:240px;right:-80px;top:-110px}
.chat{border-radius:var(--radius-frame);padding:clamp(22px,3vw,36px);display:flex;flex-direction:column;gap:16px}
.chat-head{display:flex;justify-content:space-between;gap:12px;font:700 10px/1.5 var(--font-mono);letter-spacing:var(--tracking-mono);text-transform:uppercase;padding-bottom:14px;border-bottom:1.5px solid var(--line-light)}
.chat-log{display:flex;flex-direction:column;gap:12px;min-height:120px;max-height:320px;overflow-y:auto;flex:1}
.chat-message{max-width:85%}
.chat-message span{display:block;font:700 10px/1.5 var(--font-mono);letter-spacing:var(--tracking-mono);margin-bottom:6px}
.chat-message p{padding:12px 16px;border:1.5px solid var(--espresso);border-radius:16px;font-size:15px;line-height:1.45}
.chat-message.visitor{align-self:flex-end}
.chat-message.visitor span{text-align:right}
.chat-message.visitor p{background:var(--espresso);color:var(--cream)}
.chat-message.pending p{border-style:dashed}
.chat-message.error p{border-color:#a8351c;border-width:2.5px}
.chat-suggestions{display:flex;flex-wrap:wrap;gap:8px}
.chat-suggestions[hidden]{display:none}
.chat-suggestions button{background:none;border:1.5px solid var(--espresso);border-radius:999px;padding:9px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast)}
.chat-suggestions button:hover{background:var(--espresso);color:var(--cream)}
.chat-composer{display:flex;gap:10px;align-items:flex-end}
.chat-input{flex:1;min-height:50px;background:#efe2cf;border:1.5px solid var(--espresso);border-radius:14px;padding:12px 14px;color:var(--espresso);caret-color:var(--orange);font:400 16px/1.4 var(--font-sans);resize:none}
.chat-input::placeholder{color:#6b5649}
.chat-send{width:50px;height:50px;flex:none;border:0;border-radius:50%;background:var(--espresso);color:var(--cream);display:grid;place-items:center;cursor:pointer}
.chat-send:hover{background:var(--black)}
.chat-send:disabled,.chat-input:disabled{opacity:.55;cursor:default}
.chat-status{font:700 10px/1.5 var(--font-mono);letter-spacing:var(--tracking-mono);text-transform:uppercase}
.chat-privacy{font-size:13px;color:var(--color-text-muted)}
.chat-privacy a{color:var(--espresso);font-weight:500;border-bottom:1.5px solid var(--orange)}

/* Outras áreas */
.related{padding-bottom:var(--section-y)}
.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:end}
.related h2{align-self:start}
.rel{display:block;transition:transform var(--duration-base) var(--ease)}
.rel:hover{color:var(--espresso);transform:translateY(-6px) rotate(-1deg)}
.rel .window{aspect-ratio:16/10}
.rel .frame-foot .logo{font-size:22px}
.rel-go{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600}

.motion-off .spec-sun{animation:none!important}

@media(max-width:1000px){
  .area-head,.split,.ledger article{grid-template-columns:1fr}
  .spec-wrap{margin-top:24px}
  .spec-sun{width:180px;height:180px;right:-40px;top:-50px}
  .ledger-head{display:none}
  .ledger article{gap:10px;padding:22px 0}
  .pain{max-width:none;font-size:17px}
  .related-grid{grid-template-columns:1fr 1fr}
  .related h2{grid-column:1/-1;margin-bottom:12px}
  .timeline.four{grid-template-columns:1fr;gap:28px}
  .timeline.four::before{left:21px;right:auto;top:0;bottom:0;width:6px;height:auto;background:repeating-linear-gradient(90deg,var(--orange) 0 2px,transparent 2px 4px)}
  .timeline.four li{padding:0 0 0 68px}
  .timeline.four .n{position:absolute;left:0;top:-4px}
  .timeline.four h3{margin-top:0}
}
@media(max-width:700px){
  .area-head h1{font-size:clamp(2.2rem,10.5vw,2.8rem)}
  .area-intro{font-size:17px}
  .area-more{margin-top:36px}
  .controls,.qgrid,.related-grid{grid-template-columns:1fr}
  .controls h3{margin-top:20px}
  .map{grid-template-columns:1fr}
  .map>svg{transform:rotate(90deg);justify-self:center}
  .slip{margin-left:0}
  .sheet{flex-direction:column}
  .timeline h3{margin-top:0}
  .close-line{font-size:16px}
  .rdl div{grid-template-columns:1fr;gap:2px}
}