/* The sign-up box (10/11/2026): end of every blog article + the landing pages that get Google traffic.
   ONE box, three choices in order: open the chart in the app (no account), «or create a free account»,
   then the weekly chart email form (same endpoint, consent text and double opt-in as /weekly/).
   Fixed colours (not the page's variables) so it looks the same on every page. */
.wkbox{max-width:720px;margin:3rem auto 0;box-sizing:border-box;font-family:inherit}
.wkbox--page{padding:0 1.25rem;margin:3rem auto}
.wkbox:not(.wkbox--page){max-width:none}
.wkbox *{box-sizing:border-box}
.wkbox-in{background:#1a1a24;border:1px solid #27272a;border-radius:16px;padding:1.4rem;text-align:left;color:#f0f0f0}
.wkbox-h{font-size:1.25rem;font-weight:800;line-height:1.35;margin:0 0 0.5rem;color:#fff}
.wkbox-sub{font-size:0.975rem;color:#a1a1aa;line-height:1.55;margin:0 0 1.1rem}
.wkbox-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0.85rem 1.5rem;border-radius:10px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff!important;font-weight:700;font-size:1rem;text-decoration:none!important}
.wkbox-cta:hover{opacity:0.92;color:#fff}
.wkbox-alt{margin:0.8rem 0 0;font-size:0.9rem;line-height:1.4}
.wkbox-alt a{color:#a1a1aa;text-decoration:underline;text-underline-offset:2px}
.wkbox-alt a:hover{color:#fff}
.wkbox-sep{height:1px;background:#27272a;margin:1.4rem 0 1.2rem}
.wkbox-h2{font-size:0.9375rem;font-weight:500;line-height:1.5;margin:0 0 0.8rem;color:#e4e4e7}
.wkbox-l{display:block;font-size:0.8125rem;color:#a1a1aa;margin:0 0 0.4rem;font-weight:600}
.wkbox-row{display:flex;gap:0.6rem}
.wkbox-email{flex:1;min-width:0;width:100%;background:#0a0a0f;border:1px solid #27272a;border-radius:10px;padding:0.85rem 0.9rem;color:#f0f0f0;font-family:inherit;font-size:1rem;margin:0}
.wkbox-email:focus{outline:none;border-color:#6366f1}
.wkbox-btn{background:transparent;color:#e4e4e7;border:1px solid #3f3f46;padding:0.85rem 1.3rem;border-radius:10px;font-weight:700;font-size:1rem;cursor:pointer;white-space:nowrap;font-family:inherit;min-height:48px;margin:0}
.wkbox-btn:hover{border-color:#818cf8;color:#fff}.wkbox-btn:disabled{opacity:0.6;cursor:wait}
.wkbox-hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}
.wkbox-consent{display:flex;align-items:flex-start;gap:0.65rem;margin:1rem 0 0;font-size:0.875rem;color:#a1a1aa;line-height:1.45;cursor:pointer;font-weight:400}
.wkbox-consent input{margin:0.15rem 0 0;flex-shrink:0;width:20px;height:20px;accent-color:#6366f1;cursor:pointer}
.wkbox-consent a{color:#818cf8;text-decoration:underline}
.wkbox-msg{display:none;margin:0.9rem 0 0;font-size:0.9375rem;line-height:1.5;color:#f87171}
.wkbox-done h3{font-size:1.2rem;margin:0 0 0.5rem;color:#fff}
.wkbox-done p{color:#a1a1aa;margin:0;line-height:1.55}
@media (max-width:560px){.wkbox-cta{width:100%}.wkbox-row{flex-direction:column}.wkbox-btn{width:100%}.wkbox-in{padding:1.15rem}}