.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;margin-top:16px}.blog-card{display:flex;flex-direction:column;gap:8px;padding:20px;background:#ffffff05;border:1px solid rgba(106,140,175,.15);border-radius:6px;cursor:pointer;text-align:left;color:inherit;font-family:inherit;transition:all .2s;width:100%}.blog-card:hover{background:#6a8caf0f;border-color:#6a8caf4d;transform:translateY(-2px)}.blog-card-bishop{border-left:3px solid #c084fc}.blog-card-bishop:hover{border-color:#c084fc66;border-left-color:#c084fc}.blog-card-header{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;opacity:.6}.blog-card-date{text-transform:uppercase;letter-spacing:.05em}.blog-card-author{display:flex;align-items:center;gap:4px}.blog-author-bishop{color:#c084fc;opacity:1}.blog-bishop-badge{font-size:.6rem;font-weight:700;background:#c084fc33;color:#c084fc;padding:1px 5px;border-radius:3px;letter-spacing:.05em}.blog-card-title{font-family:var(--font-display, "DM Sans", sans-serif);font-size:1.05rem;font-weight:700;margin:0;line-height:1.3;letter-spacing:-.01em}.blog-card-excerpt{font-size:.82rem;line-height:1.5;opacity:.6;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-tags{display:flex;gap:6px;flex-wrap:wrap}.blog-tag{font-size:.65rem;padding:2px 8px;border-radius:99px;background:#6a8caf1a;color:#6a8cafcc;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.blog-back-btn{background:none;border:1px solid rgba(106,140,175,.2);color:#6a8cafcc;padding:8px 16px;border-radius:4px;cursor:pointer;font-family:inherit;font-size:.8rem;margin-bottom:24px;transition:all .15s}.blog-back-btn:hover{background:#6a8caf1a;border-color:#6a8caf66}.blog-article{max-width:720px}.blog-article-bishop{border-left:3px solid #c084fc;padding-left:20px}.blog-article-header{margin-bottom:32px}.blog-article-meta{display:flex;gap:16px;align-items:center;font-size:.8rem;opacity:.6;margin-bottom:8px}.blog-article-author{display:flex;align-items:center;gap:4px}.blog-article-title{font-family:var(--font-display, "DM Sans", sans-serif);font-size:1.8rem;font-weight:800;margin:0 0 12px;line-height:1.2;letter-spacing:-.02em}.blog-article-body p{font-size:.92rem;line-height:1.75;margin:0 0 16px;opacity:.85}.blog-article-body .blog-h3{font-family:var(--font-display, "DM Sans", sans-serif);font-size:1.2rem;font-weight:700;margin:32px 0 12px;letter-spacing:-.01em}.blog-article-body .blog-h4{font-family:var(--font-display, "DM Sans", sans-serif);font-size:1rem;font-weight:700;margin:24px 0 8px}.blog-article-body .blog-list{padding-left:24px;margin:0 0 16px}.blog-article-body .blog-list li{font-size:.9rem;line-height:1.7;opacity:.85;margin-bottom:4px}.blog-article-body a{color:#6a8cafe6;text-decoration:underline;text-underline-offset:2px}.blog-article-body a:hover{color:#93b8d7}.blog-article-body strong{font-weight:700;opacity:1}.blog-article-body pre{background:#0000004d;border:1px solid rgba(106,140,175,.15);border-radius:6px;padding:16px;overflow-x:auto;margin:0 0 16px}.blog-article-body .blog-codeblock{font-family:SF Mono,Fira Code,monospace;font-size:.82rem;line-height:1.6}.blog-article-body .blog-inline-code{font-family:SF Mono,Fira Code,monospace;font-size:.84rem;background:#6a8caf1a;padding:2px 6px;border-radius:3px}.blog-article-body .blog-hr{border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(106,140,175,.3),transparent);margin:32px 0;position:relative}.blog-article-body .blog-hr:after{content:"· · ·";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--paper-white, #fff);padding:0 12px;color:#6a8caf66;font-size:.9rem;letter-spacing:.3em}.blog-article-body{font-size:1.05rem;line-height:1.8}.blog-article-body p{font-size:1.05rem;line-height:1.8;margin:0 0 1.25em;opacity:.88}.blog-article-body .blog-first-paragraph:first-letter{float:left;font-size:3.5em;line-height:.8;font-weight:700;font-family:Georgia,Times New Roman,serif;color:var(--blueprint-dark, #1a365d);padding-right:8px;padding-top:4px}.blog-article-bishop .blog-article-body .blog-first-paragraph:first-letter{color:var(--zone-purple, #7c3aed)}.blog-editor-note{background:#f0f7ff;border-left:4px solid var(--blueprint-light, #3182ce);padding:20px 24px;margin:24px 0;border-radius:0 6px 6px 0;position:relative}.blog-editor-note:before{content:"✎ Editor's Note";display:block;font-family:var(--font-display, "JetBrains Mono", monospace);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--blueprint-light, #3182ce);margin-bottom:10px}.blog-editor-note p{font-size:.95rem!important;color:var(--text-secondary, #475569);margin-bottom:8px!important}.blog-editor-note p:last-child{margin-bottom:0!important}.blog-article-bishop .blog-editor-note{background:#7c3aed0f;border-left-color:var(--zone-purple, #7c3aed)}.blog-article-bishop .blog-editor-note:before{color:var(--zone-purple, #7c3aed)}.blog-pullquote{font-size:1.35em;font-weight:600;line-height:1.5;color:var(--text-primary, #1e293b);border-left:4px solid var(--blueprint-light, #3182ce);padding:16px 0 16px 24px;margin:32px 0;font-style:italic;opacity:.92}.blog-article-bishop .blog-pullquote{border-left-color:var(--zone-purple, #7c3aed)}.blog-insight{background:#0d94880f;border:1px solid rgba(13,148,136,.15);border-left:4px solid var(--accent-opportunity, #0d9488);padding:20px 24px;margin:24px 0;border-radius:0 6px 6px 0;position:relative}.blog-insight:before{content:"💡 Key Insight";display:block;font-family:var(--font-display, "JetBrains Mono", monospace);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent-opportunity, #0d9488);margin-bottom:10px}.blog-insight p{font-size:.95rem!important;color:var(--text-secondary, #475569);margin-bottom:8px!important}.blog-insight p:last-child{margin-bottom:0!important}.blog-dialogue{background:#6a8caf0a;border:1px solid rgba(106,140,175,.12);border-radius:6px;padding:16px 20px;margin:24px 0}.blog-dialogue-speaker{display:block;font-family:var(--font-display, "JetBrains Mono", monospace);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--blueprint-mid, #2c5282);margin-bottom:6px}.blog-dialogue p{font-size:.95rem!important;font-style:italic;padding-left:12px;border-left:2px solid rgba(106,140,175,.2);margin-bottom:8px!important}.blog-dialogue p:last-child{margin-bottom:0!important}.blog-article-body blockquote{border-left:3px solid rgba(106,140,175,.3);padding:8px 0 8px 20px;margin:20px 0;color:var(--text-secondary, #475569);font-style:italic}.blog-article-body pre{background:#1e1e2e;border:1px solid rgba(106,140,175,.15);border-radius:8px;padding:0;overflow:hidden;margin:0 0 20px;position:relative}.blog-article-body pre:before{content:"";display:block;height:32px;background:#16161e;border-bottom:1px solid rgba(255,255,255,.06);position:relative}.blog-article-body pre:after{content:"● ● ●";position:absolute;top:8px;left:14px;font-size:.5rem;letter-spacing:4px;color:#ffffff26}.blog-article-body .blog-codeblock{display:block;padding:16px;font-family:SF Mono,Fira Code,JetBrains Mono,monospace;font-size:.82rem;line-height:1.6;color:#cdd6f4}.blog-article-body .blog-inline-code{font-family:SF Mono,Fira Code,monospace;font-size:.88em;background:#6a8caf1f;padding:2px 6px;border-radius:3px;color:var(--blueprint-light, #3182ce)}.blog-card{border-left:3px solid transparent;transition:all .2s ease}.blog-card:hover{border-left-color:var(--blueprint-light, #3182ce)}.blog-card-bishop:hover{border-left-color:#c084fc}@media(max-width:768px){.blog-grid{grid-template-columns:1fr}.blog-article-title{font-size:1.4rem}.blog-article-body .blog-first-paragraph:first-letter{font-size:2.8em}.blog-pullquote{font-size:1.15em}}.lab-root{min-height:100vh;background:#08080c;color:#e0ddd8;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative;overflow-x:hidden}.lab-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 0%,rgba(99,102,241,.08) 0%,transparent 60%),radial-gradient(ellipse at 80% 100%,rgba(236,72,153,.06) 0%,transparent 60%),radial-gradient(ellipse at 50% 50%,rgba(6,182,212,.04) 0%,transparent 70%);pointer-events:none;z-index:0}.lab-header{position:sticky;top:0;z-index:100;background:#08080cd9;backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border-bottom:1px solid rgba(255,255,255,.06);padding:20px 24px 0}.lab-header-inner{max-width:1400px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.lab-title-block{flex-shrink:0}.lab-title{font-size:1.6rem;font-weight:800;letter-spacing:-.03em;display:flex;align-items:center;gap:10px;margin:0;background:linear-gradient(135deg,#e0ddd8,#a8a29e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lab-title-icon{font-size:1.4rem;-webkit-text-fill-color:initial}.lab-subtitle{font-size:.8rem;color:#ffffff59;margin:2px 0 0;letter-spacing:.02em}.lab-search-wrap{position:relative;flex:1;max-width:400px;min-width:200px}.lab-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:1rem;opacity:.3;pointer-events:none}.lab-search{width:100%;padding:10px 40px 10px 38px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#e0ddd8;font-size:.85rem;outline:none;transition:all .2s;font-family:inherit}.lab-search:focus{background:#ffffff14;border-color:#6366f166;box-shadow:0 0 0 3px #6366f11a}.lab-search::placeholder{color:#ffffff40}.lab-search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:#ffffff1a;border:none;color:#ffffff80;width:22px;height:22px;border-radius:50%;cursor:pointer;font-size:.7rem;display:flex;align-items:center;justify-content:center;transition:background .15s}.lab-search-clear:hover{background:#fff3}.lab-filters{max-width:1400px;margin:14px auto 0;display:flex;gap:6px;overflow-x:auto;padding-bottom:14px;scrollbar-width:none;-ms-overflow-style:none}.lab-filters::-webkit-scrollbar{display:none}.lab-filter-btn{flex-shrink:0;padding:6px 14px;border-radius:99px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#ffffff80;font-size:.75rem;font-family:inherit;cursor:pointer;transition:all .2s;white-space:nowrap}.lab-filter-btn:hover{background:#ffffff0f;color:#fffc}.lab-filter-btn.active{background:var(--cat-color, rgba(99, 102, 241, .2));border-color:var(--cat-color, rgba(99, 102, 241, .4));color:#fff;font-weight:600}.lab-main{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:32px 24px 80px}.lab-section{margin-bottom:48px}.lab-section-header{display:flex;align-items:center;gap:10px;margin-bottom:20px}.lab-section-icon{font-size:1.2rem}.lab-section-title{font-size:1rem;font-weight:700;letter-spacing:-.01em;margin:0;color:#e0ddd8}.lab-section-count{font-size:.7rem;padding:2px 8px;border-radius:99px;background:#ffffff0f;color:#fff6;font-weight:600}.lab-section-line{flex:1;height:1px;opacity:.2;margin-left:8px}.lab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.lab-card{display:flex;flex-direction:column;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative}.lab-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;opacity:0;transition:opacity .25s;background:linear-gradient(135deg,color-mix(in srgb,var(--cat-color) 8%,transparent),transparent 60%);pointer-events:none;z-index:0}.lab-card:hover{border-color:color-mix(in srgb,var(--cat-color) 40%,transparent);transform:translateY(-3px);box-shadow:0 8px 30px #0000004d,0 0 0 1px color-mix(in srgb,var(--cat-color) 15%,transparent)}.lab-card:hover:before{opacity:1}.lab-card-thumb{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;background:#ffffff05}.lab-card-thumb img{width:100%;height:100%;object-fit:cover;transition:opacity .4s ease,transform .4s ease}.lab-card:hover .lab-card-thumb img{transform:scale(1.03)}.lab-card-thumb-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffffff08,#ffffff03)}.lab-card-thumb-emoji{font-size:3rem;opacity:.3}.lab-card-badge{position:absolute;top:10px;right:10px;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:3px 8px;border-radius:6px;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffb3;border:1px solid rgba(255,255,255,.1)}.lab-card-body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:6px;position:relative;z-index:1}.lab-card-title-row{display:flex;align-items:center;gap:8px}.lab-card-emoji{font-size:1.1rem;flex-shrink:0}.lab-card-title{font-size:.9rem;font-weight:700;margin:0;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lab-card-desc{font-size:.78rem;color:#fff6;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lab-card-url{font-size:.65rem;color:#fff3;font-family:SF Mono,Fira Code,monospace;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lab-empty{text-align:center;padding:80px 24px;color:#ffffff4d}.lab-empty p{margin-top:12px;font-size:.9rem}.lab-footer{position:relative;z-index:1;text-align:center;padding:24px;font-size:.75rem;color:#fff3;display:flex;align-items:center;justify-content:center;gap:8px}.lab-footer a{color:#ffffff59;text-decoration:none;transition:color .2s}.lab-footer a:hover{color:#fff9}.lab-footer-dot{opacity:.3}@media(max-width:768px){.lab-header-inner{flex-direction:column;align-items:flex-start}.lab-search-wrap{max-width:100%;width:100%}.lab-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.lab-title{font-size:1.3rem}}@media(max-width:480px){.lab-grid{grid-template-columns:1fr}.lab-main{padding:20px 16px 60px}.lab-header{padding:16px 16px 0}}:root{--blueprint-dark: #1a365d;--blueprint-mid: #2c5282;--blueprint-light: #3182ce;--paper: #faf9f7;--paper-shadow: #f0eeeb;--paper-white: #ffffff;--grid-line: #d4dce8;--grid-line-major: #b8c6da;--zone-orange: #d97706;--zone-green: #059669;--zone-purple: #7c3aed;--zone-cyan: #0891b2;--zone-red: #dc2626;--zone-gray: #6b7280;--accent-opportunity: #0d9488;--accent-warning: #ea580c;--accent-critical: #dc2626;--accent-info: #3182ce;--text-primary: #1e293b;--text-secondary: #475569;--text-muted: #94a3b8;--text-inverse: #ffffff;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 40px;--space-6: 48px;--space-8: 64px;--font-display: "JetBrains Mono", monospace;--font-body: "Barlow", sans-serif;--border-width: 2px;--border-width-thin: 1px;--shadow-card: 4px 4px 0 var(--blueprint-dark);--transition-fast: .2s ease;--transition-medium: .3s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background:var(--paper);color:var(--text-primary);line-height:1.5;min-height:100vh}a{color:var(--blueprint-light);text-decoration:none}a:hover{text-decoration:underline}.grid-paper{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px),linear-gradient(var(--grid-line-major) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line-major) 1px,transparent 1px);background-size:24px 24px,24px 24px,120px 120px,120px 120px;opacity:.4}.container{position:relative;z-index:1;max-width:1400px;margin:0 auto;padding:var(--space-4)}.title-block{border:var(--border-width) solid var(--blueprint-dark);background:var(--paper-white);margin-bottom:var(--space-5);animation:drawBorder .8s ease-out forwards}.title-block-inner{display:grid;grid-template-columns:1fr auto}.title-main{padding:var(--space-3);border-right:var(--border-width) solid var(--blueprint-dark)}.title-main h1{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--blueprint-dark);letter-spacing:-.02em;text-transform:uppercase;margin-bottom:var(--space-1)}.title-main .subtitle{font-size:1rem;color:var(--text-secondary);font-weight:500}.title-meta{display:grid;grid-template-rows:repeat(3,1fr);min-width:200px}.meta-row{padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--blueprint-dark);display:flex;justify-content:space-between;align-items:center;font-size:.75rem}.meta-row:last-child{border-bottom:none}.meta-label{font-family:var(--font-display);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.meta-value{font-family:var(--font-display);color:var(--blueprint-dark);font-weight:500}.nav-tabs{display:flex;gap:2px;margin-bottom:var(--space-4);border-bottom:var(--border-width) solid var(--blueprint-dark);flex-wrap:wrap;position:sticky;top:0;background:var(--paper);z-index:100;padding-top:var(--space-2)}.nav-tab{font-family:var(--font-display);font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;padding:calc(var(--space-1) * 1.5) var(--space-3);background:var(--paper-shadow);border:var(--border-width) solid var(--blueprint-dark);border-bottom:none;color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast);position:relative;top:2px}.nav-tab:hover{background:var(--paper-white);color:var(--blueprint-dark)}.nav-tab.active{background:var(--paper-white);color:var(--blueprint-dark);font-weight:700}.section{animation:fadeSlide .4s ease-out forwards;background:var(--paper-white);border-radius:0 4px 4px;padding:24px;margin-top:-1px}.section-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--grid-line-major)}.section-number{font-family:var(--font-display);font-size:.75rem;font-weight:700;color:var(--text-inverse);background:var(--blueprint-dark);padding:calc(var(--space-1) * .5) var(--space-1);letter-spacing:.1em}.section-title{font-family:var(--font-display);font-size:1.125rem;font-weight:600;color:var(--blueprint-dark);text-transform:uppercase;letter-spacing:.02em}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-3);margin-bottom:var(--space-5)}.content-card{background:var(--paper-white);border:var(--border-width) solid var(--blueprint-dark);position:relative;transition:transform var(--transition-fast),box-shadow var(--transition-fast);display:block}.content-card:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-card)}.content-card[data-zone=orange]{--zone-color: var(--zone-orange)}.content-card[data-zone=green]{--zone-color: var(--zone-green)}.content-card[data-zone=purple]{--zone-color: var(--zone-purple)}.content-card[data-zone=cyan]{--zone-color: var(--zone-cyan)}.content-card[data-zone=red]{--zone-color: var(--zone-red)}.content-card[data-zone=gray]{--zone-color: var(--zone-gray)}.card-preview{aspect-ratio:2 / 1;overflow:hidden;border-bottom:var(--border-width) solid var(--blueprint-dark);margin-left:12px}.card-preview img{width:100%;height:100%;object-fit:cover;display:block}.section-subtitle{font-family:var(--font-display);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:var(--space-3);margin-top:calc(var(--space-1) * -1)}.card-zone-marker{position:absolute;top:-1px;left:-1px;width:12px;height:calc(100% + 2px);background:var(--zone-color, var(--blueprint-mid))}.card-content{padding:calc(var(--space-1) * 2.5);padding-left:var(--space-4)}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2);padding-bottom:calc(var(--space-1) * 1.5);border-bottom:1px dashed var(--grid-line-major)}.card-title{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.02em}.card-subtitle{font-size:.8rem;color:var(--text-muted);font-style:italic;margin-top:4px}.card-badge{font-family:var(--font-display);font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;padding:4px 8px;background:var(--zone-color, var(--blueprint-mid));color:var(--text-inverse);font-weight:500;white-space:nowrap}.card-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2);margin-bottom:var(--space-2)}.metric{text-align:center;padding:calc(var(--space-1) * 1.5);background:var(--paper);border:1px solid var(--grid-line-major)}.metric-value{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--zone-color, var(--blueprint-dark))}.metric-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.card-section-label{font-family:var(--font-display);font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin:var(--space-2) 0 var(--space-1);display:flex;align-items:center;gap:8px}.card-section-label:after{content:"";flex:1;height:1px;background:var(--grid-line)}.card-list{list-style:none}.card-list li{font-size:.85rem;color:var(--text-secondary);padding:6px 0 6px 20px;position:relative;border-bottom:1px dotted var(--grid-line)}.card-list li:last-child{border-bottom:none}.card-list li:before{content:"▸";position:absolute;left:0;color:var(--zone-color, var(--blueprint-mid));font-size:.75rem}.callout{background:var(--paper-white);border:var(--border-width) solid var(--blueprint-dark);border-left-width:6px;padding:calc(var(--space-1) * 2.5);margin:var(--space-3) 0}.callout.opportunity{border-left-color:var(--accent-opportunity)}.callout.warning{border-left-color:var(--accent-warning)}.callout.critical{border-left-color:var(--accent-critical)}.callout.info{border-left-color:var(--accent-info)}.callout-label{font-family:var(--font-display);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;display:block}.callout.opportunity .callout-label{color:var(--accent-opportunity)}.callout.warning .callout-label{color:var(--accent-warning)}.callout.critical .callout-label{color:var(--accent-critical)}.callout.info .callout-label{color:var(--accent-info)}.callout h4{font-weight:600;color:var(--text-primary);margin-bottom:8px}.callout p{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-2);margin:var(--space-3) 0}.feature-card{background:var(--paper-white);border:1px solid var(--blueprint-dark);padding:var(--space-2);position:relative}.feature-card h4{font-family:var(--font-display);font-size:.85rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.feature-card p{font-size:.8rem;color:var(--text-secondary)}.timeline-container{background:var(--paper-white);border:var(--border-width) solid var(--blueprint-dark);padding:var(--space-3);margin:var(--space-3) 0}.timeline-title{font-family:var(--font-display);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:var(--blueprint-dark);margin-bottom:var(--space-3)}.timeline{position:relative;padding-left:var(--space-6)}.timeline:before{content:"";position:absolute;left:var(--space-3);top:0;bottom:0;width:3px;background:var(--blueprint-dark)}.timeline-item{position:relative;padding:var(--space-2) 0;animation:slideIn .5s ease-out forwards;animation-delay:var(--delay, 0s);opacity:0}.timeline-item:before{content:"";position:absolute;left:calc(var(--space-6) * -1 + var(--space-3) - 6px);top:calc(var(--space-2) + 4px);width:16px;height:16px;background:var(--paper-white);border:3px solid var(--blueprint-dark);border-radius:50%}.timeline-item.highlight:before{background:var(--accent-warning);border-color:var(--accent-warning)}.timeline-date{font-family:var(--font-display);font-size:.75rem;font-weight:700;color:var(--blueprint-light);text-transform:uppercase;letter-spacing:.05em}.timeline-item-title{font-weight:600;color:var(--text-primary);margin:4px 0}.timeline-desc{font-size:.875rem;color:var(--text-secondary)}.footer{margin-top:var(--space-6);padding-top:var(--space-3);border-top:var(--border-width) solid var(--blueprint-dark);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.footer-note{font-size:.75rem;color:var(--text-muted)}.footer-stamp{font-family:var(--font-display);font-size:.7rem;color:var(--blueprint-dark);text-transform:uppercase;letter-spacing:.1em;border:var(--border-width) solid var(--blueprint-dark);padding:8px 16px}@keyframes drawBorder{0%{clip-path:polygon(0 0,0 0,0 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@keyframes fadeSlide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media(max-width:768px){.container{padding:var(--space-2)}.title-block-inner{grid-template-columns:1fr}.title-main{border-right:none;border-bottom:var(--border-width) solid var(--blueprint-dark)}.card-grid,.feature-grid{grid-template-columns:1fr}.title-main h1{font-size:1.25rem}}