/* ===== Página de demonstração real do FREVO ===== */
.fd-hero{ max-width:var(--maxw); margin:0 auto; padding:150px var(--pad) 8px; }
.fd-hero h1{ font-size:clamp(2.2rem,4.8vw,3.7rem); letter-spacing:-.03em; line-height:1.05; margin:14px 0 0; font-weight:800; }
.fd-hero__lead{ max-width:none; margin:22px 0 0; font-size:clamp(1.02rem,1.5vw,1.22rem); color:#c8ccd4; line-height:1.6; }
.fd-hero__lead strong{ color:var(--text); font-weight:600; }

.fd-context{ max-width:var(--maxw); margin:26px auto 0; padding:0 var(--pad); display:flex; flex-wrap:wrap; gap:12px; list-style:none; }
.fd-chip{ display:inline-flex; align-items:center; gap:8px; font-size:.82rem; color:#c8ccd4; padding:9px 15px; border-radius:100px; border:1px solid var(--line-strong); background:rgba(255,255,255,.03); }
.fd-chip b{ color:var(--text); font-weight:600; }

.fd-wrap{ max-width:var(--maxw); margin:0 auto; padding:44px var(--pad) 10px; display:flex; flex-direction:column; gap:26px; }
.fd-card{ border:1px solid var(--line); border-radius:var(--radius); padding:30px 32px;
  background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)); }
.fd-card__eyebrow{ font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:var(--accent); font-weight:600; margin:0 0 8px; }
.fd-card__title{ font-size:clamp(1.2rem,2vw,1.5rem); font-weight:700; letter-spacing:-.01em; margin:0 0 8px; }
.fd-card__sub{ font-size:.96rem; color:var(--muted); margin:0 0 24px; max-width:none; line-height:1.58; }

.fd-chart{ width:100%; }
.fd-chart svg{ width:100%; height:auto; display:block; }

.fd-legend{ display:flex; gap:22px; flex-wrap:wrap; margin-top:18px; font-size:.82rem; color:#c8ccd4; }
.fd-legend span{ display:inline-flex; align-items:center; gap:8px; }
.fd-legend i{ width:13px; height:13px; border-radius:3px; display:inline-block; flex:0 0 auto; }

.fd-two{ display:grid; grid-template-columns:1.5fr 1fr; gap:26px; align-items:stretch; }
.fd-risk{ display:grid; grid-template-columns:150px 1fr; gap:20px; align-items:center; }
.fd-stats{ display:grid; grid-template-columns:1fr; gap:14px; }
.fd-stat{ border:1px solid var(--line); border-radius:14px; padding:16px 18px; background:rgba(255,255,255,.02); }
.fd-stat__num{ font-size:1.7rem; font-weight:750; letter-spacing:-.02em; line-height:1;
  background:var(--frevo); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:transparent; }
.fd-stat__lbl{ font-size:.8rem; color:var(--muted); margin-top:7px; display:block; line-height:1.4; }

.fd-note{ max-width:var(--maxw); margin:26px auto 0; padding:0 var(--pad); }
.fd-note p{ font-size:.86rem; color:var(--muted); border-left:2px solid var(--line-strong); padding-left:16px; max-width:none; line-height:1.62; margin:0; }

.fd-final{ max-width:var(--maxw); margin:10px auto 0; padding:64px var(--pad) 96px; text-align:center; }
.fd-final h2{ font-size:clamp(1.7rem,3.4vw,2.5rem); letter-spacing:-.02em; margin:0 0 24px; }
.fd-final .btn{ margin:6px; }

@media (max-width:860px){
  .fd-two{ grid-template-columns:1fr; }
  .fd-risk{ grid-template-columns:130px 1fr; }
}
@media (max-width:520px){
  .fd-risk{ grid-template-columns:1fr; justify-items:center; text-align:center; }
}