.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:#ffffff05;border:1px solid #ffffff0f;border-radius:999px;flex-wrap:wrap;gap:.3rem;padding:.4rem;display:flex}.htp-nav-link{font-family:var(--font-mono);color:#ffffff73;white-space:nowrap;letter-spacing:.18em;text-transform:uppercase;background:0 0;border:none;border-radius:999px;padding:.55rem 1.1rem;font-size:.7rem;font-weight:500;text-decoration:none;transition:color .2s,background .2s}.htp-nav-link:hover{color:#ffffffd9;background:#ffffff0a}.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-eyebrow{font-family:var(--font-mono);letter-spacing:.32em;text-transform:uppercase;color:#ffffff6b;align-items:center;gap:.75rem;margin-bottom:1.75rem;font-size:.65rem;font-weight:500;display:inline-flex}.htp-eyebrow:before,.htp-eyebrow:after{content:"";background:linear-gradient(90deg,#0000,#ffffff2e,#0000);width:32px;height:1px}.htp-title{font-family:var(--font-display);color:#fff;letter-spacing:.05em;text-transform:uppercase;flex-direction:column;align-items:center;gap:.65rem;margin:0 0 1rem;line-height:.95;display:flex;position:relative}.htp-title-the{font-family:var(--font-display);letter-spacing:.5em;color:#ffffff6b;padding-left:.5em;font-size:clamp(.65rem,1vw,.85rem)}.htp-title-main{font-family:var(--font-display);letter-spacing:.045em;color:#fff;font-size:clamp(2.3rem,6vw,4.5rem);font-weight:400;line-height:.95}.htp-tagline{font-family:var(--font-mono);color:#ffffff9e;letter-spacing:.02em;margin:1rem 0 0;font-size:.95rem;font-style:normal}.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-mono);letter-spacing:.18em;text-transform:uppercase;color:#0a0a0a;background:#fff;border:1px solid #fff;border-radius:999px;align-items:center;gap:.5rem;padding:.75rem 1.8rem;font-size:.72rem;font-weight:600;text-decoration:none;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex}.htp-cta-primary:after{content:"→";font-family:-apple-system,system-ui,sans-serif;font-size:.95rem;font-weight:500;transition:transform .2s}.htp-cta-primary:hover{background:#ffffffeb;transform:translateY(-1px);box-shadow:0 8px 22px #ffffff14}.htp-cta-primary:hover:after{transform:translate(3px)}.htp-cta-secondary{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:#ffffffc7;background:#ffffff05;border:1px solid #ffffff14;border-radius:999px;align-items:center;padding:.75rem 1.6rem;font-size:.72rem;text-decoration:none;transition:color .2s,border-color .2s,background .2s,transform .2s;display:inline-flex}.htp-cta-secondary:hover{color:#fff;background:#ffffff0d;border-color:#ffffff38;transform:translateY(-1px)}@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)}