:root{
  --doomoz-primary:#5aa2ff;
  --doomoz-accent-mint:#22c9a8;
  --doomoz-accent-amber:#f59e0b;
  --doomoz-bg:#121a36;
  --doomoz-surface:#172246;
  --doomoz-surface-soft:#202b56;
  --doomoz-text-main:#f5f8ff;
  --doomoz-text-muted:#c8d0ee;
  --doomoz-border-subtle:#31406f;
  --radius-lg:1.1rem; --radius-pill:999px;
  --max-width:1140px;
}
*{box-sizing:border-box} html,body{margin:0;padding:0}
body{min-height:100vh;font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  background:
    radial-gradient(1000px 500px at 10% -10%, #2f3f81aa, transparent 60%),
    radial-gradient(900px 500px at 120% 10%, #45b0ff33, transparent 60%),
    linear-gradient(180deg,#121a36,#0e1531);
  color:var(--doomoz-text-main)
}
a{color:inherit;text-decoration:none}
.max-width{max-width:var(--max-width);margin:0 auto;padding:0 1.4rem}
.doomoz-page{display:flex;flex-direction:column;min-height:100vh}
.dz-header{position:sticky;top:0;z-index:40;background:rgba(18,26,54,.9);backdrop-filter:blur(12px);border-bottom:1px solid rgba(49,64,111,.6)}
.dz-header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.2rem}
.dz-logo{display:inline-flex;align-items:center;gap:.6rem}
.dz-logo-icon{width:30px;height:30px;border-radius:10px;background:radial-gradient(circle at 20% 0, #9ae6ff, #5aa2ff 60%, #22c9a8 120%);box-shadow:0 10px 28px rgba(90,162,255,.4)}
.dz-logo-text{display:flex;flex-direction:column}
.dz-logo-title{font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem}
.dz-logo-tagline{font-size:.7rem;color:var(--doomoz-text-muted)}
.dz-nav{display:flex;gap:1rem;font-size:.92rem}
.dz-nav a{color:var(--doomoz-text-muted)}
.dz-nav a:hover{color:#fff}
.dz-nav-cta{display:flex;gap:.6rem}
.dz-pro{margin-left:.5rem}
.dz-pro a{padding:.45rem .9rem;border-radius:999px;border:1px solid #ffd199;color:#ffd199;background:#402d10aa;font-weight:700}
.dz-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.6rem 1.2rem;border-radius:var(--radius-pill);font-weight:600;border:1px solid var(--doomoz-border-subtle);cursor:pointer}
.dz-btn-primary{background:linear-gradient(135deg,var(--doomoz-primary),var(--doomoz-accent-mint));color:#fff;border-color:transparent}
.dz-btn-secondary{background:rgba(23,34,70,.85);color:#fff}
.dz-section{padding:2.4rem 0}
.card{background:linear-gradient(180deg, rgba(32,43,86,.65), rgba(23,34,70,.9));border:1px solid var(--doomoz-border-subtle);border-radius:var(--radius-lg);padding:1.2rem}
.card + .card{margin-top:1rem}
.card-badge{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:#a8ffe7}
.dz-section-header{text-align:center;max-width:740px;margin:0 auto 1.4rem}
.dz-section-header h2{margin:.4rem 0;font-size:1.5rem}
.dz-muted{color:var(--doomoz-text-muted)}
.dz-hero{padding:2.4rem 0 1.6rem}
.dz-hero-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:2rem;align-items:center}
.dz-pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;letter-spacing:.16em;padding:.35rem .7rem;border-radius:999px;border:1px solid var(--doomoz-border-subtle);background:#1b2755;color:var(--doomoz-text-muted)}
.dz-hero-title{font-size:clamp(2rem, 3vw + 1rem, 2.6rem);line-height:1.1;margin:0}
.dz-hero-subtitle{margin:0;color:var(--doomoz-text-muted)}
.dz-hero-actions{display:flex;gap:.7rem;flex-wrap:wrap}
.mock-col{display:grid;gap:.9rem}
.mock-card{background:#1b2755;border:1px solid #31406f;border-radius:1rem;padding:1rem;box-shadow:0 10px 32px rgba(0,0,0,.22)}
.mock-title{font-size:.95rem;margin:0 0 .2rem 0}
.mock-row{display:flex;justify-content:space-between;font-size:.85rem;color:var(--doomoz-text-muted)}
.dz-form{display:grid;gap:.8rem}
.dz-field{display:grid;gap:.35rem}
.dz-input,.dz-select,.dz-textarea{font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;width:100%;padding:.7rem .85rem;border-radius:.8rem;border:1px solid var(--doomoz-border-subtle);background:#12204b;color:#fff}
.dz-input::placeholder,.dz-textarea::placeholder{color:#9fb0dd}
.dz-textarea{min-height:110px}
.scope-toggle{display:inline-flex;border:1px solid var(--doomoz-border-subtle);border-radius:999px;overflow:hidden;background:#1b2755}
.scope-toggle button{padding:.45rem .9rem;border:none;background:transparent;color:var(--doomoz-text-muted);font-weight:600;cursor:pointer}
.scope-toggle button.active{background:#243268;color:#fff}
.table{width:100%;border-collapse:collapse}
.table th,.table td{padding:.6rem;border-bottom:1px solid var(--doomoz-border-subtle)}
.table th{text-align:left;color:var(--doomoz-text-muted)}
.timeline-wrap{overflow:auto;border:1px solid var(--doomoz-border-subtle);border-radius:.8rem}
.timeline-head{display:grid;grid-auto-flow:column;grid-auto-columns:60px;background:#1b2755;border-bottom:1px solid var(--doomoz-border-subtle);font-size:.78rem}
.timeline-row{display:grid;grid-auto-flow:column;grid-auto-columns:60px;gap:2px;padding:.4rem}
.tcell{height:22px;background:#12204b;border:1px solid #2b3d77;border-radius:4px}
.block{height:22px;border-radius:6px;background:linear-gradient(135deg,#36d6c3,#76edff)}
.dz-footer{margin-top:auto;border-top:1px solid var(--doomoz-border-subtle);padding:1.6rem 0;background:rgba(23,34,70,.85)}
.dz-footer-inner{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
@media (max-width: 980px){
 .dz-nav{display:none}
 .dz-hero-inner{grid-template-columns:1fr}
}