:root{--bg-cream:#faf8f2;--bg-card:#fff;--fg-navy:#101b3a;--fg-muted:#6c757d;--font-sans:"Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--font-serif:"Lora", Georgia, serif;--font-mono:"JetBrains Mono", monospace;--font-display:"Syne", sans-serif;--accent-cobalt:#0e46ec;--accent-cobalt-light:#e8eeff;--accent-red:#ff3b30;--accent-red-light:#fff2f1;--accent-yellow:#ffd300;--accent-yellow-light:#fffdf0;--accent-green:#0c6;--accent-orange:#e8691a;--accent-orange-light:#fff6f0;--border-thick:4px solid #101b3a;--border-thin:2px solid #101b3a;--border-dashed:2px dashed #101b3a;--border-ui:1px solid #e0ddd4;--shadow-flat:8px 8px 0px #101b3a;--shadow-flat-sm:4px 4px 0px #101b3a;--shadow-flat-blue:8px 8px 0px #0e46ec;--shadow-flat-red:8px 8px 0px #ff3b30;--shadow-card:0 1px 3px #101b3a0f, 0 1px 2px #101b3a0a;--shadow-card-hover:0 4px 12px #101b3a1a;--space-xs:8px;--space-sm:16px;--space-md:24px;--space-lg:48px;--space-xl:80px;--transition-tactile:80ms cubic-bezier(.25, 1, .5, 1);--transition-smooth:.2s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-cream);color:var(--fg-navy);font-family:var(--font-sans);line-height:1.5;overflow-x:hidden}.landing-page h1{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.03em;font-size:clamp(3.2rem,7.5vw,6.5rem);font-weight:800;line-height:.93}.landing-page h2{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.03em;font-size:clamp(2.2rem,4.5vw,3.8rem);font-weight:800;line-height:.95}.landing-page h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.03em;font-size:clamp(1.5rem,2.8vw,2.4rem);font-weight:800;line-height:.95}.inner-h2{font-family:var(--font-display);letter-spacing:-.01em;text-transform:none;color:var(--fg-navy);font-size:1.7rem;font-weight:800;line-height:1.2}.inner-h3{font-family:var(--font-display);letter-spacing:-.01em;text-transform:none;color:var(--fg-navy);font-size:1.1rem;font-weight:700;line-height:1.3}.mono{font-family:var(--font-mono);letter-spacing:.03em;font-size:.8rem}.mono-upper{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.07em;font-size:.75rem;font-weight:700}.serif{font-family:var(--font-serif)}.text-muted{color:var(--fg-muted);font-size:.85rem}.brutalist-container{max-width:1280px;padding:0 var(--space-md);margin:0 auto;position:relative}.section-wrapper{padding:var(--space-xl) 0;border-bottom:var(--border-thick);position:relative}.inner-page{min-height:100vh;padding:var(--space-md) 0;background-color:var(--bg-cream)}.b-grid-2{gap:var(--space-md);grid-template-columns:1fr;display:grid}@media (width>=768px){.b-grid-2{grid-template-columns:1fr 1fr}}.b-grid-3{gap:var(--space-md);grid-template-columns:1fr;display:grid}@media (width>=768px){.b-grid-3{grid-template-columns:repeat(3,1fr)}}.b-grid-4{gap:var(--space-md);grid-template-columns:1fr;display:grid}@media (width>=768px){.b-grid-4{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.b-grid-4{grid-template-columns:repeat(4,1fr)}}.brutalist-block{background-color:var(--bg-card);border:var(--border-thick);box-shadow:var(--shadow-flat);transition:var(--transition-tactile);position:relative}.brutalist-block:hover{transform:translate(-3px,-3px);box-shadow:11px 11px #101b3a}.app-card{background-color:var(--bg-card);border:1px solid var(--border-ui);box-shadow:var(--shadow-card);transition:box-shadow var(--transition-smooth);border-radius:6px}.app-card:hover{box-shadow:var(--shadow-card-hover)}.app-card-cobalt{border-left:3px solid var(--accent-cobalt)}.app-card-red{border-left:3px solid var(--accent-red)}.app-card-yellow{border-left:3px solid var(--accent-yellow)}.app-card-orange{border-left:3px solid var(--accent-orange)}.page-header{padding-bottom:var(--space-md);margin-bottom:var(--space-md);border-bottom:var(--border-thin);justify-content:space-between;align-items:flex-start;gap:var(--space-md);flex-wrap:wrap;display:flex}.page-header-left{flex-direction:column;gap:6px;display:flex}.page-counter{align-items:center;gap:8px;display:inline-flex}.page-counter-num{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--fg-muted);border:1px solid var(--border-ui);background-color:var(--bg-cream);border-radius:3px;padding:2px 8px;font-size:.7rem;font-weight:700}.page-subtitle{color:var(--fg-muted);font-size:.95rem;font-weight:400;font-family:var(--font-sans);max-width:600px;line-height:1.5}.page-header-actions{gap:var(--space-sm);flex-shrink:0;align-items:center;display:flex}.brutalist-btn{padding:var(--space-sm) var(--space-md);font-family:var(--font-display);text-transform:uppercase;color:var(--fg-navy);background-color:var(--bg-card);border:var(--border-thick);box-shadow:var(--shadow-flat-sm);cursor:pointer;transition:var(--transition-tactile);align-items:center;gap:8px;font-size:1rem;font-weight:800;line-height:1;text-decoration:none;display:inline-flex;position:relative}.brutalist-btn-sm{gap:6px;padding:7px 14px;font-size:.82rem;box-shadow:3px 3px #101b3a}.brutalist-btn:active{transform:translate(4px,4px);box-shadow:0 0 #101b3a}.brutalist-btn:hover{transform:translate(-1px,-1px)}.brutalist-btn-primary{background-color:var(--accent-cobalt);color:#fff;box-shadow:var(--shadow-flat-sm)}.brutalist-btn-primary:hover{color:#fff;background-color:#1a56ff;transform:translate(-1px,-1px)}.brutalist-btn-danger{background-color:var(--accent-red);color:#fff}.brutalist-btn-danger:hover{color:#fff;background-color:#ff5a52}.landing-page .brutalist-btn:not(.brutalist-btn-primary):not(.brutalist-btn-danger):hover{background-color:var(--accent-yellow);color:var(--fg-navy)}.inner-page .brutalist-btn:not(.brutalist-btn-primary):not(.brutalist-btn-danger):hover{background-color:var(--bg-cream);color:var(--fg-navy)}.badge{border:var(--border-thin);font-weight:700;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.07em;align-items:center;gap:5px;padding:5px 10px;font-size:.7rem;line-height:1;display:inline-flex}.badge-cobalt{background-color:var(--accent-cobalt);color:#fff;border-color:var(--accent-cobalt)}.badge-red{background-color:var(--accent-red);color:#fff;border-color:var(--accent-red)}.badge-yellow{background-color:var(--accent-yellow);color:var(--fg-navy);border-color:var(--accent-yellow)}.badge-green{background-color:var(--accent-green);color:#fff;border-color:var(--accent-green)}.badge-cream{background-color:var(--bg-cream);color:var(--fg-navy)}.status-pill{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;border:1px solid #0000;border-radius:100px;align-items:center;gap:5px;padding:3px 9px;font-size:.7rem;font-weight:700;line-height:1.4;display:inline-flex}.status-pill-cobalt{background-color:var(--accent-cobalt-light);color:var(--accent-cobalt);border-color:#c0cffe}.status-pill-red{background-color:var(--accent-red-light);color:var(--accent-red);border-color:#ffd0cd}.status-pill-yellow{background-color:var(--accent-yellow-light);color:#8a6c00;border-color:#ffe970}.status-pill-neutral{color:var(--fg-muted);border-color:var(--border-ui);background-color:#f0ede6}.app-input{border:1px solid var(--border-ui);font-family:var(--font-sans);color:var(--fg-navy);background-color:var(--bg-card);transition:border-color var(--transition-smooth);border-radius:5px;outline:none;width:100%;padding:8px 12px;font-size:.9rem}.app-input:focus{border-color:var(--accent-cobalt);box-shadow:0 0 0 3px #0e46ec14}.app-input::placeholder{color:#a4acc2}.app-input:disabled{opacity:.5;cursor:not-allowed}.blueprint-grid{background-image:linear-gradient(90deg,#101b3a12 1px,#0000 1px),linear-gradient(#101b3a12 1px,#0000 1px);background-size:40px 40px;position:relative}.corner-cross:before,.corner-cross:after{content:"+";font-family:var(--font-mono);color:var(--fg-navy);font-size:14px;font-weight:700;line-height:1;position:absolute}.corner-cross:before{top:6px;left:8px}.corner-cross.bottom-cross:after{bottom:6px;right:8px}.dossier-folder{border:var(--border-thick);background:var(--bg-card);box-shadow:var(--shadow-flat);margin-top:24px;position:relative}.dossier-tab{background:var(--bg-card);border-top:var(--border-thick);border-left:var(--border-thick);border-right:var(--border-thick);height:24px;font-family:var(--font-mono);color:var(--fg-navy);clip-path:polygon(0 0,85% 0,100% 100%,0 100%);text-transform:uppercase;letter-spacing:.07em;align-items:center;padding:2px 16px;font-size:.7rem;font-weight:700;display:flex;position:absolute;top:-24px;left:-4px}.dossier-tab-cobalt{background-color:var(--accent-cobalt);color:#fff}.ink-image-wrapper{background-color:var(--accent-cobalt);border:var(--border-thick);box-shadow:var(--shadow-flat-blue);position:relative}.ink-image{filter:grayscale()contrast(1.4)brightness(.95);mix-blend-mode:multiply;width:100%;transition:all .3s;display:block}.ink-image-wrapper:hover .ink-image{filter:grayscale(.2)contrast(1.1)brightness();mix-blend-mode:normal}.scanner-container{position:relative;overflow:hidden}.laser-line{background-color:var(--accent-green);height:4px;box-shadow:0 0 10px var(--accent-green), 0 0 2px var(--accent-green);z-index:10;animation:1.2s cubic-bezier(.4,0,.2,1) infinite laser-scan;position:absolute;left:0;right:0}@keyframes laser-scan{0%{top:0%}50%{top:100%}to{top:0%}}.vertical-label{writing-mode:vertical-rl;text-transform:uppercase;font-family:var(--font-mono);color:var(--fg-navy);opacity:.4;letter-spacing:.2em;font-size:.7rem;font-weight:800}.icon-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tab-bar{border-bottom:2px solid var(--border-ui);gap:0;display:flex}.tab-btn{font-family:var(--font-sans);color:var(--fg-muted);cursor:pointer;transition:color var(--transition-smooth);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:7px;margin-bottom:-2px;padding:10px 18px;font-size:.9rem;font-weight:600;display:flex}.tab-btn:hover{color:var(--fg-navy)}.tab-btn.active{color:var(--accent-cobalt);border-bottom-color:var(--accent-cobalt)}.filter-pill-group{gap:4px;display:flex}.filter-pill{border:1px solid var(--border-ui);background:var(--bg-card);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:var(--fg-muted);cursor:pointer;transition:all var(--transition-smooth);border-radius:100px;padding:4px 12px;font-size:.72rem;font-weight:700}.filter-pill:hover{border-color:var(--fg-navy);color:var(--fg-navy)}.filter-pill.active{background-color:var(--fg-navy);color:#fff;border-color:var(--fg-navy)}