.htp-page{--font-display:"Michroma",system-ui,sans-serif;--font-mono:var(--font-inter-tight),"Inter",system-ui,sans-serif;--fs-xs:.8rem;--fs-sm:.9rem;--fs-base:1rem;--fs-lg:1.15rem;--fs-xl:1.4rem;--fs-2xl:1.75rem;--fs-3xl:2.2rem;--fs-4xl:2.8rem;--accent:#8b5cf6;--accent-dim:#8b5cf626;--accent-glow:#8b5cf64d;--gold:#c9a84c;--gold-dim:#c9a84c1f;color:#ffffffeb;scroll-behavior:smooth;background:#000;min-height:100vh;padding-top:56px}.htp-nav{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000d9;border-bottom:1px solid #ffffff0f;justify-content:center;padding:.75rem 1rem;display:flex;position:sticky;top:56px}.htp-nav-inner{background:#ffffff06;border:1px solid #ffffff0f;border-radius:14px;flex-wrap:wrap;gap:.5rem;padding:.5rem;display:flex}.htp-nav-link{font-family:var(--font-mono);font-size:var(--fs-xs);color:#ffffff80;white-space:nowrap;letter-spacing:.04em;text-transform:uppercase;background:0 0;border:1px solid #0000;border-radius:10px;padding:.6rem 1.15rem;font-weight:500;text-decoration:none;transition:all .2s}.htp-nav-link:hover{color:#ffffffd9;background:#ffffff0a;border-color:#ffffff0f}.htp-hero{text-align:center;max-width:860px;margin:0 auto;padding:5rem 2.5rem 3.5rem;position:relative;overflow:hidden}.htp-hero-glow{background:radial-gradient(circle,var(--accent-glow)0%,transparent 70%);opacity:.25;pointer-events:none;width:500px;height:500px;position:absolute;top:-60px;left:50%;transform:translate(-50%)}.htp-title{font-family:var(--font-display);font-size:var(--fs-4xl);color:#fff;letter-spacing:.08em;margin-bottom:1rem;font-weight:700;position:relative}.htp-tagline{font-family:var(--font-mono);font-size:var(--fs-lg);color:#fff9;letter-spacing:.02em;margin-bottom:0;font-style:italic}.htp-tagline-rule{background:#ffffff1f;border:none;width:60px;height:1px;margin:1.5rem auto 2rem}.htp-hero-desc{max-width:640px;margin:0 auto}.htp-hero-desc p{font-family:var(--font-mono);font-size:var(--fs-base);color:#ffffffb3;margin-bottom:1rem;line-height:1.75}.htp-content{max-width:800px;margin:0 auto;padding:0 2.5rem 5rem}.htp-section{padding:3rem 0}.htp-heading{font-family:var(--font-display);font-size:var(--fs-2xl);color:#fff;letter-spacing:.04em;margin-bottom:1rem;font-weight:700}.htp-subheading{font-family:var(--font-display);font-size:var(--fs-lg);color:var(--accent);letter-spacing:.03em;align-items:center;gap:.5rem;margin-top:2.5rem;margin-bottom:1rem;font-weight:700;display:flex}.htp-inline-icon{opacity:.8}.htp-intro{font-family:var(--font-mono);font-size:var(--fs-base);color:#ffffffb3;margin-bottom:2rem;line-height:1.7}.htp-divider{background:var(--accent-dim);border:none;width:50px;height:1px;margin:0 auto}.htp-stats-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.htp-stat-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;gap:.85rem;padding:1.1rem;transition:border-color .2s;display:flex}.htp-stat-card:hover{border-color:#ffffff1f}.htp-stat-icon{flex-shrink:0;margin-top:2px}.htp-stat-name{font-family:var(--font-display);font-size:var(--fs-sm);color:#ffffffe6;letter-spacing:.03em;margin-bottom:.3rem;font-weight:700}.htp-stat-desc{font-family:var(--font-mono);font-size:var(--fs-sm);color:#ffffff8c;line-height:1.6}.htp-levels{margin-top:2rem}.htp-level-track{scrollbar-width:none;gap:0;padding:.3rem 0;display:flex;overflow-x:auto}.htp-level-track::-webkit-scrollbar{display:none}.htp-level-pip{font-family:var(--font-mono);font-size:var(--fs-xs);color:#ffffff80;white-space:nowrap;border:1px solid #ffffff14;padding:.4rem .75rem;position:relative}.htp-level-pip:first-child{border-radius:6px 0 0 6px}.htp-level-pip:last-child{color:var(--accent);border-color:var(--accent-dim);border-radius:0 6px 6px 0}.htp-level-pip+.htp-level-pip{border-left:none}.htp-commands-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.htp-command-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;padding:1.25rem;transition:border-color .2s}.htp-command-card:hover{border-color:#ffffff1f}.htp-command-header{align-items:center;gap:.6rem;margin-bottom:.6rem;display:flex}.htp-command-icon{flex-shrink:0}.htp-command-name{font-family:var(--font-display);font-size:var(--fs-sm);color:#ffffffe6;letter-spacing:.04em;text-transform:uppercase;font-weight:700}.htp-command-desc{font-family:var(--font-mono);font-size:var(--fs-sm);color:#ffffff8c;margin-bottom:.6rem;line-height:1.6}.htp-command-cooldown{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--accent);opacity:.7}.htp-tip{background:var(--accent-dim);border-left:3px solid var(--accent);border-radius:0 8px 8px 0;margin-top:2rem;padding:1.1rem 1.25rem}.htp-tip-label{font-family:var(--font-display);font-size:var(--fs-xs);color:var(--accent);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.4rem;display:block}.htp-tip p{font-family:var(--font-mono);font-size:var(--fs-sm);color:#ffffffb3;line-height:1.6}.htp-events-list{flex-direction:column;gap:1.25rem;display:flex}.htp-event-row{background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;gap:1rem;padding:1.25rem;transition:border-color .2s;display:flex}.htp-event-row:hover{border-color:#ffffff1f}.htp-event-icon{flex-shrink:0;margin-top:2px}.htp-event-name{font-family:var(--font-display);font-size:var(--fs-sm);color:#ffffffe6;letter-spacing:.03em;margin-bottom:.4rem;font-weight:700}.htp-event-desc{font-family:var(--font-mono);font-size:var(--fs-sm);color:#ffffff8c;line-height:1.6}.htp-economy-stack{flex-direction:column;gap:1.25rem;display:flex}.htp-economy-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;gap:1.25rem;padding:1.5rem;transition:border-color .2s;display:flex}.htp-economy-card:hover{border-color:#ffffff1f}.htp-economy-icon{flex-shrink:0;margin-top:2px}.htp-economy-name{font-family:var(--font-display);font-size:var(--fs-base);color:#ffffffe6;letter-spacing:.03em;margin-bottom:.5rem;font-weight:700}.htp-economy-desc{font-family:var(--font-mono);font-size:var(--fs-sm);color:#ffffff8c;line-height:1.65}.htp-pulse-block{margin-bottom:2rem}.htp-pulse-bar{align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.htp-pulse-label{font-family:var(--font-display);font-size:var(--fs-xs);color:#fff9;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.htp-pulse-track{background:#ffffff0f;border-radius:4px;flex:1;height:8px;overflow:hidden}.htp-pulse-fill{background:linear-gradient(90deg,#34d399 0%,#22d3ee 50%,#8b5cf6 100%);border-radius:4px;height:100%;transition:width .5s}.htp-pulse-value{font-family:var(--font-mono);font-size:var(--fs-sm);color:#ffffffb3;white-space:nowrap}.htp-pulse-desc{font-family:var(--font-mono);font-size:var(--fs-sm);color:#ffffff8c;line-height:1.65}.htp-thresholds{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:2rem;display:grid}.htp-threshold{border:1px solid #ffffff0f;border-radius:8px;padding:1rem 1.1rem}.htp-threshold-high{background:#34d3990f;border-color:#34d39926}.htp-threshold-low{background:#ef44440f;border-color:#ef444426}.htp-threshold-label{font-family:var(--font-display);font-size:var(--fs-xs);letter-spacing:.05em;text-transform:uppercase;margin-bottom:.3rem;display:block}.htp-threshold-high .htp-threshold-label{color:#34d399}.htp-threshold-low .htp-threshold-label{color:#ef4444}.htp-threshold p{font-family:var(--font-mono);font-size:var(--fs-sm);color:#fff9;line-height:1.55}.htp-threats-grid{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem;display:grid}.htp-threat-card{background:#ef44440a;border:1px solid #ef44441a;border-radius:8px;padding:1rem}.htp-threat-name{font-family:var(--font-display);font-size:var(--fs-xs);color:#fffc;letter-spacing:.03em;margin-bottom:.3rem;font-weight:700}.htp-threat-desc{font-family:var(--font-mono);font-size:var(--fs-xs);color:#ffffff73;line-height:1.55}.htp-survival-note{font-family:var(--font-mono);font-size:var(--fs-sm);color:#fff9;font-style:italic;line-height:1.65}.htp-epochs{background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;margin-top:2rem;padding:1.25rem}.htp-epochs .htp-subheading{margin-top:0}.htp-epochs p{font-family:var(--font-mono);font-size:var(--fs-sm);color:#fff9;line-height:1.65}.htp-archetypes{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}.htp-archetype-card{text-align:center;background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;padding:1.5rem 1.25rem;transition:border-color .2s}.htp-archetype-card:hover{border-color:#ffffff1f}.htp-archetype-icon{justify-content:center;margin-bottom:.85rem;display:flex}.htp-archetype-name{font-family:var(--font-display);font-size:var(--fs-sm);color:#ffffffe6;letter-spacing:.04em;margin-bottom:.6rem;font-weight:700}.htp-archetype-desc{font-family:var(--font-mono);font-size:var(--fs-sm);color:#ffffff8c;margin-bottom:.75rem;line-height:1.6}.htp-archetype-risk{font-family:var(--font-mono);font-size:var(--fs-xs);color:#ef4444b3;font-style:italic}.htp-steps{counter-reset:none;margin:0 0 2.5rem;padding:0;list-style:none}.htp-step{border-bottom:1px solid #ffffff0a;gap:1rem;padding:1rem 0;display:flex}.htp-step:last-child{border-bottom:none}.htp-step-num{width:32px;height:32px;font-family:var(--font-display);font-size:var(--fs-sm);color:#000;background:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.htp-step-name{font-family:var(--font-display);font-size:var(--fs-sm);color:#ffffffe6;letter-spacing:.03em;margin-bottom:.3rem;font-weight:700}.htp-step-desc{font-family:var(--font-mono);font-size:var(--fs-sm);color:#ffffff8c;line-height:1.6}.htp-cta-row{justify-content:center;gap:1rem;padding:1rem 0 2rem;display:flex}.htp-cta-primary{font-family:var(--font-display);font-size:var(--fs-sm);letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(135deg,var(--accent)0%,#7c3aed 100%);color:#000;border-radius:8px;padding:.75rem 2.5rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-block}.htp-cta-primary:hover{box-shadow:0 4px 20px var(--accent-glow);transform:translateY(-1px)}.htp-cta-secondary{font-family:var(--font-mono);font-size:var(--fs-sm);letter-spacing:.04em;color:#ffffffb3;border:1px solid #ffffff1f;border-radius:8px;padding:.75rem 2rem;text-decoration:none;transition:all .2s;display:inline-block}.htp-cta-secondary:hover{color:#fff;border-color:#ffffff40}@media (max-width:768px){.htp-hero{padding:3.5rem 1.5rem 2.5rem}.htp-title{font-size:2rem}.htp-tagline{font-size:var(--fs-base)}.htp-content{padding:0 1.5rem 4rem}.htp-heading{font-size:var(--fs-xl)}.htp-stats-grid,.htp-commands-grid,.htp-thresholds,.htp-threats-grid{grid-template-columns:1fr}.htp-archetypes{grid-template-columns:1fr;gap:1rem}.htp-archetype-card{text-align:center}.htp-cta-row{flex-direction:column;align-items:stretch}.htp-cta-primary,.htp-cta-secondary{text-align:center}.htp-nav-inner{gap:.35rem;padding:.4rem}.htp-nav-link{padding:.45rem .8rem;font-size:.75rem}}@media (max-width:450px){.htp-title{font-size:1.6rem}.htp-hero{padding:3rem 1.25rem 2rem}.htp-content{padding:0 1.25rem 3rem}.htp-section{padding:2rem 0}}.htp-fade-section{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(24px)}.htp-fade-section.htp-visible{opacity:1;transform:translateY(0)}