/* ============================================================
   Grandal — Páginas internas (Fluxo Diário, Empresa, Segmentos)
   ============================================================ */

@media (max-width:900px){.fd-hero-grid{grid-template-columns:1fr!important}}
.crumb{font-size:.82rem;color:var(--gray-500);margin-bottom:var(--sp-4)}
.crumb a{color:var(--gray-400)}.crumb a:hover{color:var(--accent)}

/* Hero de página */
.phero{position:relative;overflow:hidden;padding-block:clamp(40px,6vw,72px) clamp(28px,4vw,48px)}
.phero__bg{position:absolute;inset:0;z-index:0;pointer-events:none;background:var(--hero-bg)}
.phero__grid{position:absolute;inset:0;opacity:.4;background-image:linear-gradient(var(--color-border) 1px,transparent 1px),linear-gradient(90deg,var(--color-border) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(900px 460px at 78% 30%,#000 30%,transparent 78%)}
.phero .inner{position:relative;z-index:1}
.phero h1{font-size:clamp(2.3rem,1.6rem+3vw,4rem);font-weight:900;letter-spacing:-.02em;line-height:1.04;max-width:18ch}
.phero .lead{max-width:58ch;margin-top:var(--sp-4)}
.phero__actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-6)}

/* Linha de produto (composição alternada) */
.prow{display:grid;grid-template-columns:1fr 1.08fr;gap:clamp(28px,4vw,64px);align-items:center;padding-block:clamp(36px,5vw,64px);border-top:1px solid var(--color-border)}
.prow--rev>.prow__media{order:-1}
@media (max-width:900px){.prow{grid-template-columns:1fr;gap:26px}.prow--rev>.prow__media{order:0}}
.prow__n{font-family:var(--font-display);font-size:.74rem;letter-spacing:.16em;color:var(--accent);font-weight:700}
.prow h3{font-size:clamp(1.4rem,1.1rem+1.2vw,2rem);margin:.4rem 0 var(--sp-3)}
.prow__pain{color:var(--color-text-muted);font-style:italic;margin-bottom:var(--sp-3)}
.prow p{color:var(--color-text-muted)}
.prow__auto{display:inline-flex;gap:.5rem;align-items:center;margin-top:var(--sp-4);font-size:.9rem;color:var(--accent);border:1px solid rgba(38,229,222,.3);border-radius:999px;padding:6px 12px}
.prow__auto svg{width:16px;height:16px;stroke:var(--accent);fill:none;stroke-width:2}

/* Mapa de integrações (sóbrio) */
.imap{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--sp-4);align-items:center}
@media (max-width:640px){.imap{grid-template-columns:1fr}}
.imap__col{display:flex;flex-direction:column;gap:10px}
.imap__node{background:var(--surface-1);border:1px solid var(--color-border);border-radius:12px;padding:12px 14px;font-size:.92rem;display:flex;align-items:center;gap:10px}
.imap__node .d{width:8px;height:8px;border-radius:50%;background:var(--accent);flex:none}
.imap__hub{background:linear-gradient(120deg,rgba(38,229,222,.16),rgba(24,198,185,.08));border:1px solid rgba(38,229,222,.4);border-radius:14px;padding:16px 18px;text-align:center;font-family:var(--font-display);font-weight:800}
.imap__hub small{display:block;font-weight:500;font-size:.72rem;color:var(--color-text-muted);letter-spacing:.06em;margin-top:3px}

/* FAQ acordeão */
.faq{max-width:820px}
.faq details{border-bottom:1px solid var(--color-border)}
.faq summary{list-style:none;cursor:pointer;padding:var(--sp-5) 0;display:flex;justify-content:space-between;align-items:center;gap:16px;font-family:var(--font-display);font-weight:700;font-size:1.08rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--accent);font-size:1.5rem;line-height:1;transition:transform var(--dur)}
.faq details[open] summary::after{content:"–"}
.faq details p{color:var(--color-text-muted);padding-bottom:var(--sp-5);max-width:70ch}

/* Timeline institucional */
.tl{position:relative;margin-top:var(--sp-6)}
.tl__i{position:relative;padding:0 0 var(--sp-6) 34px;border-left:2px solid var(--color-border)}
.tl__i:last-child{border-left-color:transparent;padding-bottom:0}
.tl__i::before{content:"";position:absolute;left:-8px;top:2px;width:14px;height:14px;border-radius:50%;background:var(--color-bg);border:2px solid var(--accent)}
.tl__i .h{font-family:var(--font-display);font-weight:700;font-size:1.12rem}
.tl__i p{color:var(--color-text-muted);margin-top:.3rem}

/* Método (como trabalhamos) */
.method{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-5);counter-reset:m}
@media (max-width:820px){.method{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.method{grid-template-columns:1fr}}
.method__c{background:var(--surface-1);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--sp-6);position:relative}
.method__c::before{counter-increment:m;content:counter(m,decimal-leading-zero);font-family:var(--font-display);font-weight:800;font-size:1.6rem;color:var(--accent);opacity:.5;display:block;margin-bottom:var(--sp-3)}
.method__c h3{font-size:1.1rem;margin-bottom:.4rem}
.method__c p{color:var(--color-text-muted);font-size:.94rem}