:root{--red:#97233f;--red-dark:#5e1527;--ink:#141210;--ink-soft:#1e1b18;--bone:#ede6db;--bone-dim:#b9b0a1;--sand:#c9a227;--slate:#4a4640;--moss:#6b8f71;--line:#ede6db24;--display:"Oswald", sans-serif;--body:"Source Serif 4", serif;--mono:"JetBrains Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--bone);font-family:var(--body);-webkit-font-smoothing:antialiased;line-height:1.6}a{color:inherit;text-decoration:none}img,canvas{max-width:100%}.wrap{max-width:1180px;margin:0 auto;padding:0 28px}::selection{background:var(--sand);color:var(--ink)}header{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#141210eb;position:sticky;top:0}.nav-row{justify-content:space-between;align-items:center;gap:24px;height:64px;display:flex}.wordmark{font-family:var(--display);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;font-size:18px;font-weight:700}.wordmark .x{color:var(--sand);font-family:var(--mono);margin:0 6px;font-size:15px;font-weight:400}nav{flex-wrap:wrap;gap:2px;display:flex}nav button{font-family:var(--mono);letter-spacing:.5px;text-transform:uppercase;color:var(--bone-dim);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:8px 12px;font-size:11.5px;transition:color .15s,background .15s}nav button:hover{color:var(--bone);background:#ede6db0f}nav button.active{color:var(--sand);background:#c9a2271a}.hero{border-bottom:1px solid var(--line);padding:88px 0 64px;position:relative;overflow:hidden}.hero:before{content:"";background:linear-gradient(180deg, transparent 0%, var(--ink) 100%), repeating-linear-gradient(180deg, #97233f0d 0px, #97233f0d 1px, transparent 1px, transparent 48px);pointer-events:none;position:absolute;inset:0}.terminal{font-family:var(--mono);color:var(--moss);z-index:1;min-height:20px;margin-bottom:28px;font-size:12.5px;position:relative}.terminal:after{content:"█";margin-left:2px;animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.hero h1{font-family:var(--display);text-transform:uppercase;letter-spacing:.5px;z-index:1;font-size:clamp(40px,8vw,92px);font-weight:700;line-height:.95;position:relative}.hero h1 span{color:var(--red)}.tagline{font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;z-index:1;flex-wrap:wrap;gap:0;margin-top:30px;font-size:13px;display:flex;position:relative}.tagline button{border:1px solid var(--line);color:var(--bone-dim);cursor:pointer;background:0 0;margin-right:-1px;padding:9px 18px;transition:all .15s}.tagline button:hover{color:var(--sand);border-color:var(--sand);z-index:1;position:relative}.hero-sub{max-width:520px;color:var(--bone-dim);z-index:1;margin-top:26px;font-size:16px;position:relative}.section{border-bottom:1px solid var(--line);padding:64px 0}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:32px;display:flex}.eyebrow{font-family:var(--mono);letter-spacing:2px;color:var(--sand);text-transform:uppercase;align-items:center;gap:8px;font-size:12px;display:flex}.eyebrow:before{content:"//";color:var(--slate)}.section-head h2{font-family:var(--display);text-transform:uppercase;letter-spacing:.3px;margin-top:6px;font-size:clamp(26px,4vw,38px);font-weight:600}.section-desc{color:var(--bone-dim);text-align:right;max-width:360px;font-size:14.5px}.chart-card{background:var(--ink-soft);border:1px solid var(--line);border-radius:4px;padding:32px;position:relative}.chart-card:before{content:"FIG. 01 — SEASON TREND";background:var(--ink);font-family:var(--mono);color:var(--slate);letter-spacing:1px;padding:0 10px;font-size:10.5px;position:absolute;top:-11px;left:24px}.chart-legend{font-family:var(--mono);gap:24px;margin-bottom:20px;font-size:12px;display:flex}.chart-legend span{color:var(--bone-dim);align-items:center;gap:7px;display:flex}.dot{border-radius:50%;width:9px;height:9px;display:inline-block}canvas{display:block}.chart-canvas-wrap{width:100%;height:320px;position:relative}.grid{background:var(--line);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1px;display:grid}.card{background:var(--ink);cursor:pointer;flex-direction:column;gap:14px;padding:26px;transition:background .15s;display:flex}.card:hover{background:var(--ink-soft)}.card:hover .card-title{color:var(--sand)}.code-tag{font-family:var(--mono);letter-spacing:1px;color:var(--red);border:1px solid var(--red);width:fit-content;padding:3px 8px;font-size:11px;display:inline-block;transform:rotate(-1deg)}.card-meta{font-family:var(--mono);color:var(--slate);letter-spacing:.5px;text-transform:uppercase;font-size:10.5px}.card-title{font-family:var(--display);font-size:19px;font-weight:600;line-height:1.25;transition:color .15s}.card-dek{color:var(--bone-dim);flex:1;font-size:14px;line-height:1.55}.card-foot{font-family:var(--mono);color:var(--slate);justify-content:space-between;margin-top:4px;font-size:11px;display:flex}.video-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;display:grid}.video-card{border:1px solid var(--line);border-radius:4px;overflow:hidden}.video-frame{aspect-ratio:16/9;background:var(--ink-soft);position:relative}.video-frame iframe{border:0;width:100%;height:100%;display:block}.video-card-body{padding:18px}.video-code{font-family:var(--mono);color:var(--moss);letter-spacing:1px;margin-bottom:6px;font-size:10.5px;display:block}.video-title{font-family:var(--display);font-size:16px;font-weight:500}footer{padding:56px 0 40px}.legend-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;margin:28px 0 48px;display:grid}.legend-item{border-left:2px solid var(--red);padding-left:14px}.legend-code{font-family:var(--mono);color:var(--sand);letter-spacing:1px;font-size:12px}.legend-name{font-family:var(--display);text-transform:uppercase;margin:2px 0 4px;font-size:14.5px;font-weight:600}.legend-desc{color:var(--bone-dim);font-size:13px}.foot-bottom{border-top:1px solid var(--line);font-family:var(--mono);color:var(--slate);letter-spacing:.5px;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:24px;font-size:11.5px;display:flex}.reader{background:var(--ink);z-index:100;display:none;position:fixed;inset:0;overflow-y:auto}.reader.open{display:block}.reader-inner{max-width:680px;margin:0 auto;padding:100px 28px}.reader-close{z-index:101;background:var(--ink-soft);border:1px solid var(--line);color:var(--bone);font-family:var(--mono);cursor:pointer;border-radius:3px;padding:9px 14px;font-size:12px;position:fixed;top:20px;right:28px}.reader-close:hover{border-color:var(--sand);color:var(--sand)}.reader h1{font-family:var(--display);text-transform:uppercase;margin:18px 0 10px;font-size:clamp(28px,5vw,42px);font-weight:700;line-height:1.15}.reader-meta{font-family:var(--mono);color:var(--slate);margin-bottom:36px;font-size:12px}.reader-body p{color:#dcd5c7;margin-bottom:20px;font-size:17px}.reader-body ul{color:#dcd5c7;margin:0 0 20px 20px;font-size:16px}.reader-body li{margin-bottom:9px;line-height:1.5}.dtable-wrap{margin:0 0 24px;overflow-x:auto}.dtable{border-collapse:collapse;width:100%;font-family:var(--mono);min-width:420px;font-size:12.5px}.dtable caption{text-align:left;letter-spacing:1px;color:var(--slate);text-transform:uppercase;margin-bottom:8px;font-size:10.5px}.dtable th,.dtable td{border:1px solid var(--line);text-align:right;padding:9px 12px}.dtable th{color:var(--bone);text-align:right;background:#97233f2e;font-weight:500}.dtable td:first-child,.dtable th:first-child{text-align:left;color:var(--bone-dim)}.dtable tr:nth-child(2n) td{background:#ede6db08}.data-credit{font-family:var(--mono);color:var(--slate);margin:-10px 0 24px;font-size:11px}.article-img{border:1px solid var(--line);border-radius:3px;width:100%;margin-bottom:24px;display:block}@media (max-width:720px){.nav-row{flex-wrap:wrap;height:auto;padding:12px 0}nav{gap:0}.section-head{flex-direction:column;align-items:flex-start}.section-desc{text-align:left}}
.wordmark{color:inherit}.site-nav a{font-family:var(--mono);letter-spacing:.5px;text-transform:uppercase;color:var(--bone-dim);white-space:nowrap;border-radius:3px;padding:8px 11px;font-size:11.5px;transition:color .15s,background .15s}.site-nav a:hover{color:var(--bone);background:#ede6db0f}.site-nav a.active{color:var(--sand);background:#c9a2271a}.site-nav{flex-wrap:wrap;justify-content:flex-end;gap:2px;display:flex}@media (max-width:1100px){.nav-row{flex-wrap:wrap;height:auto;padding:12px 0}.site-nav{justify-content:flex-start}}.legend-item{transition:background .15s;display:block}.legend-item:hover .legend-name{color:var(--sand)}.lock-pill{border:1px solid var(--sand);color:var(--sand);letter-spacing:1px;text-transform:uppercase;margin-left:8px;padding:1px 6px;font-size:9.5px}.page-top{padding:56px 0 8px}.page-top h1{font-family:var(--display);text-transform:uppercase;margin-top:8px;font-size:clamp(34px,6vw,60px);font-weight:700;line-height:1}.page-top p{color:var(--bone-dim);max-width:560px;margin-top:14px}.page-block{padding:36px 0 72px}.view-all{font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;color:var(--sand);font-size:12px}.view-all:hover{text-decoration:underline}.hero-links{z-index:1;flex-wrap:wrap;gap:12px;margin-top:30px;display:flex;position:relative}.btn{font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;background:var(--red);color:var(--bone);border:1px solid var(--red);cursor:pointer;border-radius:3px;padding:11px 20px;font-size:12px;transition:all .15s;display:inline-block}.btn:hover{background:var(--red-dark);border-color:var(--red-dark)}.btn:disabled{opacity:.6;cursor:wait}.btn-ghost{border-color:var(--line);color:var(--bone-dim);background:0 0}.btn-ghost:hover{color:var(--sand);border-color:var(--sand);background:0 0}.article-page{max-width:680px;margin:0 auto;padding:72px 28px 96px}.article-page h1{font-family:var(--display);text-transform:uppercase;margin:18px 0 10px;font-size:clamp(28px,5vw,42px);font-weight:700;line-height:1.15}.article-page .reader-meta{margin-bottom:36px}.article-page .back{font-family:var(--mono);color:var(--bone-dim);letter-spacing:1px;text-transform:uppercase;font-size:12px}.article-page .back:hover,.article-page .reader-body a{color:var(--sand)}.article-page .reader-body strong{color:var(--bone)}.paywall{border:1px solid var(--sand);background:linear-gradient(#c9a22712,#c9a22705);border-radius:4px;margin-top:8px;padding:28px}.paywall h3{font-family:var(--display);text-transform:uppercase;margin-bottom:8px;font-size:22px;font-weight:600}.paywall p{color:var(--bone-dim);margin-bottom:18px;font-size:15px}.paywall .hero-links{margin-top:0}.tool-grid{background:var(--line);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1px;display:grid}.tool-card{background:var(--ink);flex-direction:column;gap:10px;padding:26px;display:flex}.tool-card h3{font-family:var(--display);text-transform:uppercase;font-size:20px;font-weight:600}.tool-card p{color:var(--bone-dim);flex:1;font-size:14px}.status-pill{font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;color:var(--moss);border:1px solid var(--moss);width:fit-content;padding:2px 8px;font-size:10.5px}.auth-wrap{max-width:420px;margin:0 auto;padding:72px 28px 96px}.auth-card{flex-direction:column;gap:18px;margin-top:28px;display:flex}.auth-card label{font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;color:var(--bone-dim);flex-direction:column;gap:6px;font-size:11.5px;display:flex}.auth-card input{background:var(--ink-soft);border:1px solid var(--line);color:var(--bone);font-family:var(--body);text-transform:none;letter-spacing:0;border-radius:3px;padding:12px 14px;font-size:16px}.auth-card input:focus{border-color:var(--sand);outline:none}.auth-error{color:#e0707e;font-size:14px}.auth-note,.auth-alt{color:var(--bone-dim);font-size:14px}.auth-alt a{color:var(--sand)}.account-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:14px 0;font-size:15px;display:flex}.account-row span:first-child{font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;color:var(--bone-dim);font-size:11.5px}.tagline a{border:1px solid var(--line);color:var(--bone-dim);margin-right:-1px;padding:9px 18px;transition:all .15s;display:inline-block}.tagline a:hover{color:var(--sand);border-color:var(--sand);z-index:1;position:relative}
