@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Syne:wght@700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--cream: #FAFAF2;--cream-2: #F2F0E6;--cream-3: #E8E5D8;--white: #FFFFFF;--ink: #1A1916;--ink-mid: #3D3B35;--ink-light: #7A7870;--ink-faint: #B8B6AE;--yellow: #F5C518;--yellow-light: rgba(245, 197, 24, .18);--yellow-mid: rgba(245, 197, 24, .35);--coral: #E85D3A;--coral-light: rgba(232, 93, 58, .1);--sage: #4A7C59;--sage-light: rgba(74, 124, 89, .12);--border: #1A1916;--border-mid: rgba(26, 25, 22, .35);--border-light: rgba(26, 25, 22, .14);--shadow: 3px 3px 0px var(--ink);--shadow-lg: 5px 5px 0px var(--ink);--shadow-sm: 2px 2px 0px var(--ink);--shadow-yellow: 3px 3px 0px var(--yellow);--shadow-yellow-lg: 5px 5px 0px var(--yellow);--radius-sketch: 255px 12px 230px 10px / 10px 230px 12px 255px;--radius-sketch-sm: 180px 8px 160px 6px / 6px 160px 8px 180px;--radius-sketch-pill: 60px 55px 58px 62px / 55px 62px 60px 58px;--radius-btn: 6px 4px 5px 4px / 4px 5px 4px 6px;--radius-card: 4px 6px 4px 5px / 5px 4px 6px 4px;--radius-flat: 2px;--font-display: "Syne", sans-serif;--font-body: "Space Grotesk", sans-serif;--font-mono: "JetBrains Mono", monospace;--t: .16s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--cream);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;background-image:repeating-linear-gradient(0deg,transparent,transparent 31px,rgba(26,25,22,.04) 31px,rgba(26,25,22,.04) 32px)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--cream-2)}::-webkit-scrollbar-thumb{background:var(--ink-faint);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--ink-mid)}.display-2xl{font-family:var(--font-display);font-size:clamp(3rem,9vw,7.5rem);font-weight:800;line-height:.95;letter-spacing:-.03em;color:var(--ink)}.display-xl{font-family:var(--font-display);font-size:clamp(2.2rem,6vw,5rem);font-weight:800;line-height:1;letter-spacing:-.025em;color:var(--ink)}.display-lg{font-family:var(--font-display);font-size:clamp(1.6rem,4vw,3.2rem);font-weight:800;line-height:1.05;letter-spacing:-.02em;color:var(--ink)}.display-md{font-family:var(--font-display);font-size:clamp(1.3rem,2.5vw,2rem);font-weight:700;line-height:1.15;letter-spacing:-.015em;color:var(--ink)}.label{font-family:var(--font-mono);font-size:.68rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-light)}.label-yellow{font-family:var(--font-mono);font-size:.68rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:#b8860b}.label-red{font-family:var(--font-mono);font-size:.68rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--coral)}.text-mono{font-family:var(--font-mono)}.highlight{background:var(--yellow);padding:0 .18em;display:inline;box-decoration-break:clone;-webkit-box-decoration-break:clone}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.75rem;font-family:var(--font-body);font-size:.875rem;font-weight:700;cursor:pointer;border:2px solid var(--ink);border-radius:var(--radius-btn);transition:all var(--t);text-decoration:none;white-space:nowrap;text-transform:uppercase;letter-spacing:.06em;position:relative;background:var(--white);color:var(--ink);box-shadow:var(--shadow)}.btn:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-lg)}.btn:active{transform:translate(2px,2px);box-shadow:none}.btn-primary{background:var(--yellow);color:var(--ink);border-color:var(--ink);box-shadow:var(--shadow)}.btn-primary:hover{background:#e8b800;box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--white);color:var(--ink);border-color:var(--ink)}.btn-secondary:hover{background:var(--cream-2)}.btn-ghost{background:transparent;color:var(--ink-mid);border-color:transparent;box-shadow:none}.btn-ghost:hover{background:var(--cream-2);border-color:var(--border-mid);box-shadow:none}.btn-danger{background:var(--white);color:var(--coral);border-color:var(--coral);box-shadow:3px 3px 0 var(--coral)}.btn-danger:hover{background:var(--coral);color:var(--white);box-shadow:5px 5px 0 var(--coral)}.btn-sm{padding:.45rem 1rem;font-size:.75rem}.btn-lg{padding:1rem 2.5rem;font-size:.95rem}.btn-xl{padding:1.15rem 3rem;font-size:1rem}.btn:disabled{opacity:.38;cursor:not-allowed;transform:none!important;box-shadow:none!important}.card{background:var(--white);border:2px solid var(--ink);border-radius:var(--radius-card);padding:1.75rem;transition:all var(--t);position:relative;box-shadow:var(--shadow)}.card-hover{cursor:pointer}.card-hover:hover{transform:translate(-3px,-3px);box-shadow:var(--shadow-lg)}.card-hover:active{transform:translate(2px,2px);box-shadow:none}.card-yellow{background:var(--yellow-light);border:2px solid var(--ink);box-shadow:var(--shadow-yellow)}.card-coral{background:var(--coral-light);border:2px solid var(--coral);box-shadow:3px 3px 0 var(--coral)}.card-sage{background:var(--sage-light);border:2px solid var(--sage);box-shadow:3px 3px 0 var(--sage)}.card-flat{background:var(--cream-2);border:2px solid var(--border-mid);box-shadow:none}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .65rem;border-radius:var(--radius-sketch-pill);font-family:var(--font-mono);font-size:.65rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;border:1.5px solid}.badge-yellow{background:var(--yellow-light);color:#8a6800;border-color:var(--yellow)}.badge-red{background:var(--coral-light);color:var(--coral);border-color:var(--coral)}.badge-green{background:var(--sage-light);color:var(--sage);border-color:var(--sage)}.badge-neutral{background:var(--cream-2);color:var(--ink-light);border-color:var(--border-mid)}.badge-white{background:var(--white);color:var(--ink-mid);border-color:var(--border-mid)}.stat-high{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .65rem;border-radius:var(--radius-sketch-pill);font-family:var(--font-mono);font-size:.65rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;border:1.5px solid var(--sage);background:var(--sage-light);color:var(--sage)}.stat-medium{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .65rem;border-radius:var(--radius-sketch-pill);font-family:var(--font-mono);font-size:.65rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;border:1.5px solid var(--yellow);background:var(--yellow-light);color:#8a6800}.stat-low{display:inline-flex;align-items:center;gap:.3rem;padding:.25rem .65rem;border-radius:var(--radius-sketch-pill);font-family:var(--font-mono);font-size:.65rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;border:1.5px solid var(--coral);background:var(--coral-light);color:var(--coral)}.input-field{background:var(--white);border:2px solid var(--ink);border-radius:var(--radius-btn);color:var(--ink);padding:.85rem 1rem;width:100%;font-family:var(--font-body);font-size:.9rem;outline:none;box-shadow:var(--shadow-sm);transition:box-shadow var(--t),transform var(--t)}.input-field::placeholder{color:var(--ink-faint)}.input-field:focus{box-shadow:var(--shadow-yellow);transform:translate(-1px,-1px)}.input-field option{background:var(--white);color:var(--ink)}.progress-track{width:100%;height:5px;background:var(--cream-3);border:1.5px solid var(--ink);border-radius:var(--radius-sketch-pill);overflow:hidden}.progress-fill{height:100%;background:var(--yellow);transition:width .5s cubic-bezier(.4,0,.2,1)}.section{padding:6rem 0}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.divider{height:2px;background:var(--ink);margin:3rem 0;border-radius:var(--radius-sketch-pill);opacity:.12}.grid-auto{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.grid-auto-sm{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.timeline-line{position:absolute;left:1.5rem;top:0;bottom:0;width:2px;background:var(--ink);opacity:.2}.ticker-wrap{overflow:hidden;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);background:var(--yellow);padding:.7rem 0}.ticker-inner{display:flex;width:max-content;animation:ticker 28s linear infinite}.ticker-inner:hover{animation-play-state:paused}.ticker-item{padding:0 2rem;font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);display:flex;align-items:center;gap:1rem;white-space:nowrap}.ticker-item .dot{width:5px;height:5px;border-radius:50%;background:var(--ink);display:inline-block;opacity:.5}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes slide-up{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}@keyframes wiggle{0%,to{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}.animate-slide-up{animation:slide-up .38s ease forwards}.animate-fade-in{animation:fade-in .38s ease forwards}@media(max-width:768px){.hide-mobile{display:none!important}.section{padding:3.5rem 0}.container{padding:0 1.25rem}}@media(min-width:769px){.hide-desktop{display:none!important}}.mascot-widget{position:fixed;bottom:1.5rem;right:1.5rem;z-index:100;display:flex;align-items:center;background:var(--white);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);padding:.5rem;border-radius:14px;gap:0;width:max-content;max-width:calc(100% - 3rem)}.mascot-widget:hover{transform:translateY(-4px)}.mascot-img{width:48px;height:48px;border-radius:8px;border:1.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink);object-fit:cover;flex-shrink:0}.mascot-text{max-width:0;overflow:hidden;opacity:0;transition:all .3s ease;white-space:nowrap}.mascot-widget.expanded{padding:.75rem;gap:.8rem;max-width:320px;border-radius:16px}.mascot-widget.expanded .mascot-text{max-width:250px;opacity:1;white-space:normal}.mascot-text h3{font-family:var(--font-display);font-weight:900;font-size:.85rem;color:var(--ink);margin-bottom:.15rem;line-height:1.1}.mascot-text p{font-size:.75rem;color:var(--ink-mid);line-height:1.3;margin:0;font-weight:500}@media(max-width:768px){.mascot-widget{bottom:1rem;right:1rem;padding:.4rem;border-radius:12px;box-shadow:3px 3px 0 var(--ink);max-width:calc(100% - 2rem)}.mascot-widget.expanded{padding:.6rem;gap:.6rem}.mascot-img{width:42px;height:42px;border-radius:6px;box-shadow:1.5px 1.5px 0 var(--ink)}}