:root{--bg:#050505;--text:#f4f4f4;--muted:#aaa;--line:#2a2a2a;--red:#ef3d3d;--purple:#9857df}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}
a{color:inherit}
.page{width:min(1180px,calc(100% - 40px));margin:auto;padding:34px 0 42px}
.date{color:#d2d2d2;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.counter-nav{margin:20px 0 38px}
.counter-label{margin:0 0 10px;color:#bdbdbd;font-size:13px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.pill-row-wrap{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center}
.pill-row{display:flex;gap:9px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;padding:2px;-webkit-overflow-scrolling:touch}
.pill-row::-webkit-scrollbar{display:none}
.pill{flex:0 0 auto;min-height:42px;padding:10px 20px;border:1px solid #777;border-radius:999px;color:#eee;text-decoration:none;font-size:16px;font-weight:600;background:transparent}
.pill:hover,.pill:focus-visible{background:#161616;outline:none;border-color:#bbb}
.pill.active{color:#fff;background:var(--red);border-color:var(--red)}
.pill-arrow{width:42px;height:42px;border:0;border-radius:9px;color:#fff;background:#191919;font-size:28px;line-height:1;cursor:pointer}
.pill-arrow:hover,.pill-arrow:focus-visible{background:#252525;outline:none}

h1{margin:0;max-width:1080px;font-size:clamp(52px,7.7vw,108px);line-height:.93;letter-spacing:-.052em;text-transform:uppercase;font-weight:900}
.h-structure{color:var(--text)}
.h-day{color:var(--red)}
.h-claim{color:var(--text)}
.h-highlight{color:var(--purple)}

.evidence{margin-top:48px;max-width:920px}
.quote{margin:0;color:#e4e4e4;font-size:clamp(22px,2.5vw,32px);line-height:1.25}
.source{display:inline-block;margin-top:14px;color:#c9c9c9;font-size:14px;text-underline-offset:3px}
.brand{margin-top:34px;font-size:clamp(28px,4.1vw,55px);font-weight:900;letter-spacing:-.045em;white-space:nowrap}
.brand .war{color:var(--red)}
.brand .king{color:var(--purple)}
.brand .dotcom{color:#999}

.share,.about,.contact{border-top:1px solid var(--line)}
.share{margin-top:48px;padding-top:25px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.share-title,.about h2,.contact h2{margin:0;color:#bdbdbd;font-size:13px;letter-spacing:.13em;text-transform:uppercase}
.share-divider{height:32px;width:1px;background:var(--line)}
.share-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.share-button{width:42px;height:42px;border:1px solid #444;border-radius:50%;background:transparent;color:#f2f2f2;display:inline-grid;place-items:center;text-decoration:none;cursor:pointer}
.share-button:hover,.share-button:focus-visible{border-color:#999;background:#151515;outline:none}
.share-button svg{display:block;width:20px;height:20px;fill:currentColor;stroke:none}
.share-button svg.stroke-only{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}

.about{margin-top:34px;padding-top:28px;max-width:980px}
.about h2,.contact h2{margin-bottom:16px}
.about p{margin:0 0 14px;color:#bcbcbc;font-size:17px;line-height:1.58}
.about .lede{color:#ececec}
.contact{margin-top:30px;padding-top:24px;max-width:980px}
.contact a{color:#d7d7d7;font-size:15px;text-underline-offset:3px}
.build{margin-top:24px;color:#686868;font-size:11px;letter-spacing:.08em}
.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%) translateY(20px);opacity:0;pointer-events:none;background:#f2f2f2;color:#111;border-radius:4px;padding:10px 14px;font-size:14px;transition:.2s ease}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}

@media(max-width:760px){
  .page{width:min(100% - 28px,1180px);padding-top:23px}
  .counter-nav{margin-top:16px;margin-bottom:31px}
  .pill-row-wrap{grid-template-columns:minmax(0,1fr)}
  .pill-arrow{display:none}
  .pill{min-height:40px;padding:9px 17px;font-size:15px}
  h1{font-size:clamp(46px,13.2vw,76px);line-height:.94}
  .evidence{margin-top:38px}
  .brand{white-space:normal;margin-top:28px}
  .about p{font-size:16px}
  .share{align-items:flex-start;gap:15px}
  .share-divider{display:none}
  .share-title{width:100%}
}