:root{--paper: #f7f8fa;--paper-2: #eef0f4;--paper-3: #e1e4ea;--ink: #0e1722;--ink-2: #2a3a52;--ink-3: #5d6c84;--ink-4: #9ca6b8;--accent: #6e8aa8;--accent-deep: #4d6884;--accent-soft: #e6ecf3;--accent-electric: #8ab0d6;--accent-cool: #7c8a9b;--accent-cool-deep: #5a6779;--accent-cool-soft: #ebeef2;--tier-1: #0e1722;--tier-2: #b08020;--tier-3: #4f7a3a;--risk: #c25548;--good: #4f7a3a;--warn: #b08020;--bad: #c25548;--info: #4d6884;--serif: "Raleway Variable", "Raleway", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--sans: "Raleway Variable", "Raleway", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, monospace;--r-1: 6px;--r-2: 10px;--r-3: 16px;--r-4: 24px;--shadow-card: 0 0 0 1px rgba(12,11,9,.04), 0 1px 3px rgba(12,11,9,.04);--shadow-lift: 0 0 0 1px rgba(12,11,9,.05), 0 6px 24px -10px rgba(12,11,9,.14);--shadow-pop: 0 0 0 1px rgba(12,11,9,.06), 0 20px 50px -16px rgba(12,11,9,.3);--brand-name: "STELLENKLOOF";--brand-sub: "SECONDARY · EST. 1962";--brand-1: #6e8aa8;--brand-2: #4d6884;--brand-3: #0e1722;--brand-4: #2a3a52;--gradient-primary: linear-gradient(180deg, var(--brand-1) 0%, var(--brand-2) 100%);--gradient-warm: linear-gradient(135deg, var(--brand-1) 0%, var(--brand-2) 100%);--gradient-ink: linear-gradient(180deg, #1a2434 0%, #0e1722 100%);--gradient-mesh: radial-gradient(70% 70% at 85% -10%, color-mix(in srgb, var(--brand-1) 35%, transparent), transparent 60%), radial-gradient(60% 60% at 5% 110%, color-mix(in srgb, var(--brand-4) 30%, transparent), transparent 60%), linear-gradient(180deg, #1a2434 0%, #0e1722 100%);--gradient-soft: linear-gradient(180deg, var(--paper) 0%, var(--paper-2) 100%);--gradient-trim: linear-gradient(135deg, var(--brand-4) 0%, color-mix(in srgb, var(--brand-4) 70%, var(--brand-3)) 100%);--glow-primary: 0 8px 24px -10px color-mix(in srgb, var(--brand-1) 45%, transparent);--glow-trim: 0 8px 24px -10px color-mix(in srgb, var(--brand-4) 50%, transparent);--glow-ink: 0 12px 28px -12px rgba(14,23,34,.45);--gradient-page: radial-gradient(900px 380px at 70% -120px, color-mix(in srgb, var(--brand-1) 6%, transparent), transparent 65%), radial-gradient(700px 320px at 10% -80px, color-mix(in srgb, var(--brand-4) 5%, transparent), transparent 65%);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes expandIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.92)}60%{opacity:1;transform:translate(-50%,-50%) scale(1.02)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulseGlow{0%,to{box-shadow:0 0 color-mix(in srgb,var(--accent) 30%,transparent)}50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--accent) 0%,transparent)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.appear{animation:fadeInUp .42s var(--ease-out) both}.appear-fade{animation:fadeIn .32s var(--ease-out) both}.appear-pop{animation:scaleIn .26s var(--ease-spring) both}.appear-slide{animation:slideInRight .32s var(--ease-out) both}.pulse-glow{animation:pulseGlow 2.4s ease-in-out infinite}.stagger>*{animation:fadeInUp .4s var(--ease-out) both}.stagger>*:nth-child(1){animation-delay:0ms}.stagger>*:nth-child(2){animation-delay:40ms}.stagger>*:nth-child(3){animation-delay:80ms}.stagger>*:nth-child(4){animation-delay:.12s}.stagger>*:nth-child(5){animation-delay:.16s}.stagger>*:nth-child(6){animation-delay:.2s}.stagger>*:nth-child(7){animation-delay:.24s}.stagger>*:nth-child(8){animation-delay:.28s}.stagger>*:nth-child(9){animation-delay:.32s}.stagger>*:nth-child(10){animation-delay:.36s}.stagger>*:nth-child(11){animation-delay:.4s}.stagger>*:nth-child(12){animation-delay:.44s}@media (prefers-reduced-motion: reduce){.appear,.appear-fade,.appear-pop,.appear-slide,.pulse-glow,.stagger>*,.card-lift{animation:none!important;transition:none!important}}.card-lift{transition:transform .2s var(--ease-out),box-shadow .2s var(--ease-out);cursor:pointer}.card-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift)}.card-lift:active{transform:translateY(-1px);transition:transform .1s var(--ease-out)}.skeleton{background:linear-gradient(90deg,var(--paper-2) 0%,var(--paper-3) 50%,var(--paper-2) 100%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:var(--r-1)}.count-up{font-feature-settings:"tnum" 1,"lnum" 1;font-variant-numeric:tabular-nums}@keyframes gradientSlide{0%{background-position:0% 50%}to{background-position:200% 50%}}.gradient-text{background-image:linear-gradient(120deg,var(--accent) 0%,var(--accent-electric) 35%,var(--accent-cool) 70%,var(--accent) 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:gradientSlide 6s ease-in-out infinite alternate}@keyframes auroraDrift{0%,to{background-position:0% 50%,100% 50%,50% 0%}50%{background-position:100% 50%,0% 50%,50% 100%}}.aurora{position:relative;overflow:hidden;isolation:isolate}.aurora:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;z-index:-1;background-image:radial-gradient(40% 50% at 20% 30%,color-mix(in srgb,var(--brand-1) 35%,transparent),transparent 60%),radial-gradient(40% 50% at 80% 70%,color-mix(in srgb,var(--brand-4) 35%,transparent),transparent 60%),radial-gradient(60% 40% at 50% 100%,color-mix(in srgb,var(--accent-electric) 22%,transparent),transparent 65%);background-size:250% 250%,250% 250%,250% 250%;animation:auroraDrift 16s ease-in-out infinite;filter:blur(28px) saturate(1.2)}@keyframes drawBar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.draw-bar{transform-origin:left center;animation:drawBar .85s var(--ease-out) both}@keyframes drawStroke{0%{stroke-dashoffset:var(--dash-length, 1000)}to{stroke-dashoffset:0}}.draw-stroke{stroke-dasharray:var(--dash-length, 1000);stroke-dashoffset:var(--dash-length, 1000);animation:drawStroke 1.2s var(--ease-out) both}@keyframes sparklePulse{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.2) rotate(15deg);opacity:.9}}.sparkle{animation:sparklePulse 1.6s ease-in-out infinite;display:inline-block}@keyframes glowSpin{to{transform:rotate(1turn)}}.glow-border{position:relative;isolation:isolate;border-radius:inherit}.glow-border:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;z-index:-1;border-radius:inherit;background:conic-gradient(from 0deg,var(--accent),var(--accent-electric),var(--accent-cool),var(--accent));animation:glowSpin 4s linear infinite;filter:blur(8px);opacity:.7}.glow-border:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;background:var(--paper)}@keyframes confettiFall{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--dx, 0),var(--dy, 220px)) rotate(var(--rot, 540deg));opacity:0}}.confetti-piece{position:absolute;width:8px;height:12px;border-radius:2px;pointer-events:none;animation:confettiFall 1.4s var(--ease-out) both}@media (prefers-reduced-motion: reduce){.gradient-text,.aurora:before,.draw-bar,.draw-stroke,.sparkle,.glow-border:before,.confetti-piece{animation:none!important}}*,*:before,*:after{box-sizing:border-box}body,html{margin:0;padding:0}body{background-color:var(--paper);background-image:var(--gradient-page);background-attachment:fixed}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}.t-display{font-family:var(--sans);font-weight:600;letter-spacing:-.035em;line-height:1.02;color:var(--ink);font-style:normal}.t-display--italic{font-family:var(--serif);font-style:italic;font-weight:400;letter-spacing:-.025em}.t-display--serif{font-family:var(--serif);font-weight:500;letter-spacing:-.025em}.t-eyebrow{font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.t-num{font-family:var(--sans);font-feature-settings:"tnum" 1,"lnum" 1;font-weight:600;letter-spacing:-.04em}.t-body{font-family:var(--sans);font-size:14px;line-height:1.55;color:var(--ink-2);letter-spacing:-.005em}.t-meta{font-family:var(--sans);font-size:12px;color:var(--ink-3);letter-spacing:-.005em}.card{background:#fff;border-radius:var(--r-3);border:1px solid rgba(12,11,9,.05);box-shadow:var(--shadow-card)}.card--paper{background:var(--paper)}.card--ink{background:var(--gradient-mesh);color:#f3eee5;border-color:transparent;box-shadow:var(--glow-ink)}.card--accent{background:var(--gradient-primary);color:#fff;border-color:transparent;box-shadow:var(--glow-primary)}.card--soft{background:var(--gradient-soft);color:var(--ink);border-color:transparent}.card--trim{background:var(--gradient-trim);color:#fff;border-color:transparent;box-shadow:var(--glow-trim)}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;border:1px solid currentColor;color:var(--ink-2)}.pill--ink{background:var(--ink);color:#f3eee5;border-color:var(--ink)}.pill--accent{background:var(--accent);color:#fff;border-color:var(--accent)}.pill--soft{background:var(--paper-3);border-color:transparent;color:var(--ink-2)}.pill--tier1{background:var(--ink);color:#f3eee5;border-color:var(--ink)}.pill--tier2{background:#f5e3b8;color:var(--tier-2);border-color:transparent}.pill--tier3{background:#d8e3c2;color:var(--tier-3);border-color:transparent}.pill--risk{background:#f7dac9;color:var(--risk);border-color:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border-radius:var(--r-2);font-family:var(--sans);font-size:13px;font-weight:600;letter-spacing:-.005em;background:var(--ink);color:var(--paper);transition:transform .16s var(--ease-out),box-shadow .16s var(--ease-out),background .16s var(--ease-out);box-shadow:0 0 0 1px #ffffff0a inset,0 1px 2px #0c0b091a}.btn:hover{transform:translateY(-1px);background:var(--ink-2);box-shadow:0 0 0 1px #ffffff0a inset,0 6px 16px -6px #0c0b094d}.btn:active{transform:translateY(0)}.btn--accent{background:var(--accent);color:#fff;box-shadow:0 0 0 1px color-mix(in srgb,var(--brand-1) 30%,transparent) inset,0 1px 2px color-mix(in srgb,var(--brand-1) 25%,transparent)}.btn--accent:hover{background:var(--accent-deep);box-shadow:0 0 0 1px color-mix(in srgb,var(--brand-1) 30%,transparent) inset,0 6px 18px -6px color-mix(in srgb,var(--brand-1) 50%,transparent)}.btn--ghost{background:#fff;color:var(--ink);border:1px solid rgba(12,11,9,.1);box-shadow:none}.btn--ghost:hover{background:var(--paper-2);border-color:#0c0b092e}.btn--sm{padding:6px 12px;font-size:12px}.numeral{font-family:var(--serif);font-weight:400;font-feature-settings:"tnum" 1,"lnum" 1;letter-spacing:-.05em;line-height:.85;color:var(--ink)}.rule{height:1px;background:var(--ink);opacity:.12;border:none;margin:0}.rule--ink{opacity:1}.grid-bg{background-image:linear-gradient(to right,rgba(26,23,20,.06) 1px,transparent 1px);background-size:8.333% 100%}.wordmark{font-family:var(--serif);font-style:italic;font-weight:500;letter-spacing:-.02em;font-size:18px;color:var(--ink)}.wordmark:before{content:"★";font-style:normal;margin-right:6px;color:var(--accent)}.tabs{display:flex;gap:0;border-bottom:1px solid rgba(26,23,20,.12)}.tab{padding:14px 18px;font-family:var(--sans);font-size:13px;font-weight:500;color:var(--ink-3);border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .12s,border-color .12s}.tab:hover{color:var(--ink)}.tab.is-active{color:var(--ink);border-bottom-color:var(--accent);font-weight:600}.sparkbar{display:flex;align-items:flex-end;gap:2px;height:32px}.sparkbar>span{flex:1;background:var(--ink);border-radius:1px}.avatar{width:36px;height:36px;border-radius:999px;background:var(--paper-3);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;font-family:var(--sans);font-weight:600;font-size:13px;letter-spacing:.02em;flex-shrink:0}.subj{display:inline-flex;align-items:center;gap:6px;font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3)}.subj:before{content:"";width:6px;height:6px;border-radius:999px;background:currentColor}.nav-row{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:var(--r-2);font-family:var(--sans);font-size:13px;letter-spacing:-.005em;color:var(--ink-2);cursor:pointer;position:relative;transition:background .14s var(--ease-out),color .14s var(--ease-out)}.nav-row:hover{background:var(--paper-2);color:var(--ink)}.nav-row.is-active{background:var(--ink);color:var(--paper);font-weight:600}.nav-row .ic{width:16px;height:16px;opacity:.65}.nav-row.is-active .ic{opacity:1}.stat{display:flex;flex-direction:column;gap:6px}.stat__label{font-family:var(--sans);font-size:10px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3)}.stat__value{font-family:var(--serif);font-size:44px;font-weight:400;letter-spacing:-.04em;line-height:.9;color:var(--ink);font-feature-settings:"tnum" 1,"lnum" 1}.stat__delta{font-family:var(--sans);font-size:11px;color:var(--ink-3)}.no-scroll{overflow:hidden}.no-scroll *{scrollbar-width:none}.no-scroll *::-webkit-scrollbar{display:none}