/* Fafnir: agente personal. Oro sobre el mismo shell de Albor Forge. */
:root{--gold:#e7c27d;--gold-deep:#a8823f;--ember:#f08a5d}
.fafnir-page{--accent:var(--gold)}
.fafnir-page .hero:before{width:760px;height:760px;right:-280px;top:-380px;background:radial-gradient(circle,#e7c27d26,transparent 64%)}
.fafnir-page .hero:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.5;background:radial-gradient(circle at 50% 0,transparent 58%,#e7c27d0d 60%,transparent 70%) 0 0/30px 22px;-webkit-mask-image:linear-gradient(100deg,transparent 45%,#000 100%);mask-image:linear-gradient(100deg,transparent 45%,#000 100%)}
.fafnir-page .hero>.wrap{position:relative;z-index:1}
.fafnir-page .bubble.agent,.fafnir-page .conversation{border-color:#e7c27d33}

/* La bóveda: panel ilustrativo del hero. */
.vault{border:1px solid #6f5a33;border-radius:16px;padding:26px;background:radial-gradient(ellipse at 80% -10%,#e7c27d22,transparent 60%),linear-gradient(155deg,#1d1912,#0f1013 70%);box-shadow:0 30px 80px -40px #e7c27d40}
.vault-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff14;padding-bottom:18px;margin-bottom:20px;font-size:13px}
.vault-head strong{display:flex;align-items:center;gap:10px;font-weight:500}
.vault-head span{font:10px Mono,monospace;color:var(--gold);letter-spacing:1px}
.eye{width:26px;height:16px;flex-shrink:0}
.vault-top{display:grid;grid-template-columns:120px 1fr;gap:22px;align-items:center}
.gauge{position:relative;width:120px;height:120px}
.gauge svg{width:100%;height:100%;transform:rotate(-90deg)}
.gauge-value{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.gauge-value strong{font-size:26px;font-weight:500;letter-spacing:-1px;color:var(--gold)}
.gauge-value span{font:9px/1.3 Mono,monospace;color:var(--muted);text-transform:uppercase;letter-spacing:.8px}
.vault-stats{display:flex;flex-direction:column;gap:10px}
.vault-stats{margin:0}
.vault-stats div{display:flex;flex-direction:column;gap:2px;border-bottom:1px dashed #ffffff12;padding-bottom:8px}
.vault-stats dt{font:10px/1.5 Mono,monospace;color:var(--muted);text-transform:uppercase;letter-spacing:.8px}
.vault-stats dd{margin:0;font-size:15px;font-variant-numeric:tabular-nums;white-space:nowrap}
.vault-stats .up{color:#b9dac8}
.loan{margin:20px 0 6px}
.loan-row{display:flex;justify-content:space-between;font:11px Mono,monospace;color:var(--muted);margin-bottom:8px}
.loan-bar{height:6px;border-radius:6px;background:#ffffff10;overflow:hidden}
.loan-bar i{display:block;height:100%;width:37.5%;border-radius:6px;background:linear-gradient(90deg,var(--gold-deep),var(--gold))}
.alert{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;margin-top:12px;padding:12px 14px;border-radius:9px;border:1px solid #ffffff12;background:#ffffff05;font-size:13px}
.alert b{font:10px Mono,monospace;font-weight:400;padding:4px 7px;border-radius:5px;letter-spacing:.6px;white-space:nowrap}
.sev-critical b,b.sev-critical{color:#ffc1b2;background:#ff8a6a1c;border:1px solid #ff8a6a40}
.sev-high b,b.sev-high{color:var(--gold);background:#e7c27d17;border:1px solid #e7c27d45}
.sev-review b,b.sev-review{color:#bfc7ee;background:#bfc7ee14;border:1px solid #bfc7ee3d}
.sev-info b,b.sev-info{color:#b9dac8;background:#b9dac814;border:1px solid #b9dac83d}
.vault-note{border-top:1px solid #ffffff14;margin-top:18px;padding-top:14px;color:var(--muted);font-size:11px}

/* Alertas: cuatro señales con severidad. */
.alerts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.alert-card{border:1px solid var(--line);border-radius:12px;padding:24px;background:linear-gradient(160deg,#16140f,#111216 70%);display:flex;flex-direction:column;gap:14px}
.alert-card b{align-self:start;font:10px Mono,monospace;font-weight:400;padding:4px 8px;border-radius:5px;letter-spacing:.6px}
.alert-card h3{font-size:19px;font-weight:500}
.alert-card p{color:var(--muted);font-size:14px}

/* Bóveda / privacidad. */
.vault-list{border:1px solid #6f5a33;border-radius:14px;padding:30px;background:radial-gradient(ellipse at 50% 0,#e7c27d1a,transparent 75%),var(--panel);display:flex;flex-direction:column;gap:10px}
.vault-list strong{display:block;font-size:30px;font-weight:500;color:var(--gold);padding-bottom:20px;margin-bottom:10px;border-bottom:1px solid var(--line)}
.vault-list span{padding:12px 16px;border:1px solid var(--line);border-radius:7px;font-size:14px}
.vault-list span:before{content:'◆';color:var(--gold);margin-right:14px;font-size:10px;vertical-align:2px}
.fafnir-page .brain-note{font-size:12px!important;margin-top:20px!important}
.fafnir-page .waitlist-panel{border-color:#6f5a33;background:radial-gradient(ellipse at 100% 0,#e7c27d1c,transparent 60%),linear-gradient(140deg,#1f1a11,#111216)}
.fafnir-page .cta-form input[type=email]{background:#100e0a;border-color:#6f5a33}
.fafnir-page .cta-success.on{color:var(--gold)}
.fafnir-page .myth{font:11px/1.8 Mono,monospace;color:var(--muted);margin-top:20px;max-width:520px}

/* Portada: Fafnir como agente personal, aparte de los de equipos. */
.fafnir-feature{--accent:var(--gold);display:grid;grid-template-columns:1.1fr .9fr;gap:40px;padding:34px;border:1px solid #6f5a33;border-radius:16px;background:radial-gradient(ellipse at 100% 0,#e7c27d1f,transparent 55%),linear-gradient(145deg,#1d1912,#111216 65%);position:relative;overflow:hidden}
.fafnir-feature:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.45;background:radial-gradient(circle at 50% 0,transparent 58%,#e7c27d0d 60%,transparent 70%) 0 0/30px 22px;-webkit-mask-image:linear-gradient(90deg,transparent 40%,#000);mask-image:linear-gradient(90deg,transparent 40%,#000)}
.fafnir-feature>*{position:relative;z-index:1}
.fafnir-feature .product-top{margin-bottom:30px}
.fafnir-feature h3{font-size:36px;line-height:1.2;font-weight:500;letter-spacing:-1px;margin-bottom:16px}
.fafnir-feature h3 em{font-style:normal;color:var(--gold)}
.fafnir-feature p{color:var(--muted);max-width:500px}
.fafnir-feature .actions{margin-top:28px}
.fafnir-feature .preview{margin:0;align-self:center;background:#0a0b0dcc}
.fafnir-feature .alert{margin-top:18px}
.choice .button.gold{border-color:#6f5a33;color:var(--gold)}

@media(max-width:1000px){.alerts-grid{grid-template-columns:1fr 1fr}.fafnir-feature{grid-template-columns:1fr;gap:28px;padding:28px}}
@media(max-width:760px){.vault{padding:20px}.vault-top{grid-template-columns:96px 1fr;gap:16px}.gauge{width:96px;height:96px}.gauge-value strong{font-size:21px}.alerts-grid{grid-template-columns:1fr}.fafnir-feature{padding:24px}.fafnir-feature h3{font-size:30px}.vault-list{padding:24px}}
@media(max-width:420px){.vault-top{grid-template-columns:1fr;justify-items:center}.vault-stats{width:100%}}
