:root{
--bg:#050208;--bg-elevated:rgba(5,2,8,.92);--s0:#0a0514;--s1:#120820;--s2:#250c39;--s3:#2e1145;
--accent:#d4651d;--orange:#d4651d;--copper:#b36f3e;--gold:#c9956b;--gold-lt:#e8c9a0;--beige:#dbbfa9;
--cream:#f2f2f2;--sand:#dbbfa9;--text:#f2f2f2;--muted:#b8a8c8;--dim:#7a6490;
--border:rgba(242,242,242,0.06);--border-strong:rgba(242,242,242,0.12);--ba:rgba(212,101,29,0.25);
--surface-alt:rgba(37,12,57,.25);
--fd:'Playfair Display',Georgia,serif;
--fs:'Urbanist',sans-serif;
--fm:'JetBrains Mono',monospace;
--ease:cubic-bezier(.4,0,.2,1)
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:var(--fs);line-height:1.6;overflow-x:hidden}
body::before{content:'';position:fixed;top:0;left:0;width:100px;bottom:0;background:linear-gradient(90deg,rgba(37,12,57,.12),transparent);pointer-events:none;z-index:1}
body::after{content:'';position:fixed;top:0;right:0;width:100px;bottom:0;background:linear-gradient(270deg,rgba(37,12,57,.12),transparent);pointer-events:none;z-index:1}

.hdr{position:fixed;top:0;left:0;width:100%;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.5rem;background:var(--bg-elevated);backdrop-filter:blur(24px);border-bottom:1px solid var(--border)}
.hdr-logo{display:inline-flex;align-items:center}
.hdr-mid{font-family:var(--fm);font-size:.65rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--sand);opacity:.65}
.hdr-v{font-family:var(--fm);font-size:.6rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--accent)}

.hero{padding:140px 60px 0;position:relative;overflow:hidden;text-align:center}
.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 40%,rgba(37,12,57,.45),transparent 65%);pointer-events:none}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(212,101,29,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(242,242,242,.01) 1px,transparent 1px);background-size:80px 80px;pointer-events:none;animation:gridPulse 8s ease-in-out infinite}
@keyframes gridPulse{0%,100%{opacity:1}50%{opacity:.4}}
.hero-inner{position:relative;z-index:1}
.hero-title{font-family:var(--fs);font-size:clamp(52px,9vw,110px);font-weight:900;text-transform:uppercase;line-height:.92;letter-spacing:-3px;margin-bottom:20px;animation:fadeUp .8s var(--ease) .15s both}
.hero-title .accent{background:linear-gradient(135deg,var(--accent),var(--gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-subtitle{font-family:var(--fm);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--dim);animation:fadeUp .7s var(--ease) .3s both}
@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}

.meta-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 60px;margin-top:48px;border-top:2px solid var(--accent);border-bottom:1px solid var(--border);font-family:var(--fm);font-size:9px;letter-spacing:.18em;text-transform:uppercase;animation:fadeUp .6s var(--ease) .45s both}
.meta-bar .left{color:var(--dim)}
.meta-bar .center{color:var(--accent);font-weight:700}
.meta-bar .right{color:var(--dim)}

/* CONTENT */
.content{max-width:960px;margin:0 auto;padding:4rem 2rem 6rem}

.section{margin-bottom:4rem;animation:fadeUp .6s var(--ease) both}
.section-header{display:flex;align-items:center;gap:12px;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}
.section-num{font-family:var(--fm);font-size:13px;color:var(--accent);font-weight:700;letter-spacing:.06em;flex-shrink:0}
.section-line{flex:1;height:1px;background:linear-gradient(90deg,var(--accent) 0%,var(--border) 40%,transparent 100%)}
.section-title{font-family:var(--fs);font-size:28px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;line-height:1.2;color:var(--cream)}

.card{background:rgba(10,5,20,.6);border:1px solid var(--border);border-radius:12px;padding:1.5rem;margin-bottom:1rem;position:relative;overflow:hidden;transition:all .35s var(--ease)}
.card:hover{border-color:rgba(212,101,29,.2);background:rgba(15,10,25,.7)}
.card::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--gold));transform:scaleX(0);transition:transform .35s var(--ease);transform-origin:left}
.card:hover::after{transform:scaleX(1)}

.card h3{font-family:var(--fs);font-size:16px;font-weight:700;color:var(--cream);margin-bottom:8px}
.card p{font-size:14px;color:var(--muted);line-height:1.7}
.card .highlight{color:var(--accent);font-weight:600}

blockquote{border-left:3px solid var(--accent);padding:1rem 1.25rem;margin:1rem 0;background:rgba(212,101,29,.04);border-radius:0 8px 8px 0;font-size:14px;color:var(--sand);line-height:1.7;font-style:italic}

table{width:100%;border-collapse:collapse;font-size:13px;margin:1rem 0}
th{font-family:var(--fm);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);text-align:left;padding:10px 12px;border-bottom:2px solid var(--accent);font-weight:700}
td{padding:10px 12px;border-bottom:1px solid var(--border);color:var(--muted);vertical-align:top}
tr:hover td{background:rgba(212,101,29,.03)}
td:first-child{color:var(--cream);font-weight:600}

.badge{display:inline-block;font-family:var(--fm);font-size:9px;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:4px;font-weight:600}
.badge-done{background:rgba(34,197,94,.1);color:#4ade80;border:1px solid rgba(34,197,94,.2)}
.badge-soon{background:rgba(212,101,29,.1);color:var(--accent);border:1px solid var(--ba)}
.badge-plan{background:rgba(96,165,250,.08);color:#60a5fa;border:1px solid rgba(96,165,250,.15)}
.badge-high{background:rgba(239,68,68,.1);color:#f87171;border:1px solid rgba(239,68,68,.2)}
.badge-med{background:rgba(251,146,60,.1);color:#fb923c;border:1px solid rgba(251,146,60,.2)}
.badge-low{background:rgba(250,204,21,.08);color:#facc15;border:1px solid rgba(250,204,21,.15)}
.badge-fail{background:rgba(239,68,68,.08);color:#f87171;border:1px solid rgba(239,68,68,.15)}

.alert{border-radius:8px;padding:1rem 1.25rem;margin:1rem 0;font-size:13px;line-height:1.6}
.alert-warn{background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.15);color:#fca5a5}
.alert-info{background:rgba(96,165,250,.06);border:1px solid rgba(96,165,250,.15);color:#93c5fd}
.alert-tip{background:rgba(34,197,94,.06);border:1px solid rgba(34,197,94,.15);color:#86efac}
.alert strong{display:block;margin-bottom:4px;font-family:var(--fm);font-size:10px;letter-spacing:.12em;text-transform:uppercase}

.checklist{list-style:none;padding:0}
.checklist li{padding:6px 0;font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px}
.checklist li::before{content:'';width:14px;height:14px;border:1.5px solid var(--border-strong);border-radius:3px;flex-shrink:0}

ul.bullets{list-style:none;padding:0}
ul.bullets li{padding:5px 0 5px 18px;font-size:14px;color:var(--muted);position:relative}
ul.bullets li::before{content:'';position:absolute;left:0;top:12px;width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:.6}

.ftr{border-top:1px solid var(--border);margin-top:2rem}
.ftr-divider{height:1px;background:linear-gradient(90deg,transparent,var(--ba),transparent)}
.ftr-bottom{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 2rem;flex-wrap:wrap;gap:1rem;font-family:var(--fm);font-size:.5rem;letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}
.ftr-jarvis{display:flex;align-items:center;gap:.4rem}

@media(max-width:768px){
.hero{padding:120px 20px 0}
.meta-bar{padding:10px 20px;flex-direction:column;gap:4px}
.content{padding:2rem 1rem 4rem}
.section-title{font-size:22px}
table{font-size:11px}
th,td{padding:8px 6px}
.hdr-mid{display:none}
}