@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,400;0,500;0,600;0,700;1,400;1,600&family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500;600;700&display=swap";:root{--font-family-sans: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--font-family-condensed: "Barlow Condensed", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-display: var(--font-family-condensed);--font-family-section: var(--font-family-condensed);--font-family-h2: var(--font-family-condensed);--color-bg-canvas: #ffffff;--color-bg-band: #ffffff;--color-bg-blueprint: #f8fafc;--color-bg-surface: #f1f5f9;--color-bg-surface-elevated: #ffffff;--color-card-body-bg: #def0ff;--color-bg-glass: rgba(255, 255, 255, .9);--color-brand-rag: #0f172a;--color-brand-code: #0066cc;--color-tcode-pill-text: #0066cc;--color-heading-muted: #64748b;--color-nav-default: #334155;--color-nav-active: #0f172a;--color-nav-indicator: #0066cc;--color-border-control: #cbd5e1;--color-border-divider: #e2e8f0;--color-action-primary: #0066cc;--color-action-primary-hover: #0052a3;--color-action-secondary-hover: #0f172a;--color-action-text: #ffffff;--color-text-paragraph: #334155;--color-text-body: #334155;--color-text-secondary: #475569;--color-text-muted: #64748b;--color-on-band-muted: #2b4c7e;--color-accent-alt: #0066cc;--color-grid-dot: #0066cc;--color-card-border: #cbd5e1;--duration-default: .35s;--ease-rag-smooth: cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family-sans);background-color:var(--color-bg-canvas);color:var(--color-text-paragraph);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:15px;line-height:1.6}body{width:100%;min-height:100vh;overflow-x:hidden;background-color:var(--color-bg-canvas);color:var(--color-text-paragraph)}.rag-blueprint-container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;position:relative}@media(min-width:768px){.rag-blueprint-container{padding:0 40px}}.rag-grid-channel{border-left:1px dashed var(--color-border-control);border-right:1px dashed var(--color-border-control);padding:32px 20px 48px;position:relative;background-color:var(--color-bg-canvas)}@media(min-width:768px){.rag-grid-channel{padding:40px 36px 64px}}.rag-divider-dashed{width:100%;height:1px;border:none;border-top:1px dashed var(--color-border-control);margin:48px 0}.rag-corner-dot{position:absolute;width:7px;height:7px;background-color:var(--color-bg-canvas);border:1px solid var(--color-brand-code);z-index:10}.rag-dot-tl{top:-4px;left:-4px}.rag-dot-tr{top:-4px;right:-4px}.rag-dot-bl{bottom:-4px;left:-4px}.rag-dot-br{bottom:-4px;right:-4px}.rag-mono-tag{font-family:var(--font-family-mono);font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-brand-code);background-color:var(--color-bg-blueprint);border:1px solid var(--color-border-control);padding:3px 8px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.rag-mono-tag.dark{background-color:var(--color-brand-rag);color:#fff;border-color:var(--color-brand-rag)}.rag-mono-tag.accent{background-color:#e0f2fe;color:var(--color-brand-code);border-color:#bae6fd}.rag-display-title{font-family:var(--font-family-display);font-size:clamp(38px,6vw,68px);font-weight:700;line-height:.95;text-transform:uppercase;letter-spacing:-.01em;color:var(--color-brand-rag)}.rag-section-title{font-family:var(--font-family-section);font-size:clamp(24px,3.5vw,36px);font-weight:700;text-transform:uppercase;letter-spacing:.01em;color:var(--color-brand-rag);display:flex;align-items:center;gap:12px}.rag-heading-dot{color:var(--color-brand-code)}.rag-card{background-color:var(--color-bg-canvas);border:1px solid var(--color-border-divider);padding:24px;position:relative;transition:border-color var(--duration-default) var(--ease-rag-smooth),box-shadow var(--duration-default) var(--ease-rag-smooth)}.rag-card:hover{border-color:var(--color-brand-code);box-shadow:0 4px 20px #0066cc14}.rag-card.blueprint-border{border:1px dashed var(--color-border-control)}.rag-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background-color:var(--color-brand-code);color:#fff;font-family:var(--font-family-mono);font-size:13px;font-weight:600;text-decoration:none;text-transform:uppercase;letter-spacing:.03em;border:1px solid var(--color-brand-code);transition:all var(--duration-default) var(--ease-rag-smooth);cursor:pointer}.rag-btn-primary:hover{background-color:var(--color-action-primary-hover);border-color:var(--color-action-primary-hover);color:#fff;transform:translateY(-1px)}.rag-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background-color:var(--color-bg-surface);color:var(--color-brand-rag);font-family:var(--font-family-mono);font-size:13px;font-weight:600;text-decoration:none;text-transform:uppercase;letter-spacing:.03em;border:1px solid var(--color-border-control);transition:all var(--duration-default) var(--ease-rag-smooth);cursor:pointer}.rag-btn-secondary:hover{border-color:var(--color-brand-code);color:var(--color-brand-code);background-color:#fff}.rag-timeline{position:relative;padding-left:20px;border-left:1px dashed var(--color-border-control);display:flex;flex-direction:column;gap:32px;margin-top:20px}.rag-timeline-item{position:relative}.rag-timeline-dot{position:absolute;left:-25px;top:4px;width:9px;height:9px;background-color:#fff;border:2px solid var(--color-brand-code);border-radius:50%}.rag-grid-2{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:768px){.rag-grid-2{grid-template-columns:repeat(2,1fr)}}.rag-grid-3{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:640px){.rag-grid-3{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.rag-grid-3{grid-template-columns:repeat(3,1fr)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-blueprint)}::-webkit-scrollbar-thumb{background:var(--color-border-control);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-brand-code)}
