.intro-hero{background:linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 45%, var(--color-secondary) 100%);border-radius:0 0 var(--radius-xl) var(--radius-xl);margin:-1rem -1rem 4rem;padding:5rem 3rem;position:relative;overflow:hidden}.intro-hero:before{content:"";opacity:.5;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.intro-hero-inner{z-index:1;position:relative}.intro-hero-badge{backdrop-filter:blur(10px);color:#fff;font-family:var(--font-family-sans);text-transform:uppercase;letter-spacing:.12em;background:#ffffff26;border-radius:6px;align-items:center;gap:.5rem;margin-bottom:1.75rem;padding:.4rem .9rem;font-size:.72rem;font-weight:600;display:inline-flex}.intro-hero-title{font-family:var(--font-family-display);color:#fff;letter-spacing:-.02em;max-width:900px;margin:0 0 1.5rem;font-size:clamp(2.75rem,6.5vw,4.5rem);font-weight:900;line-height:1.02}.intro-hero-title em{color:#e0e7ff;font-style:normal}.intro-hero-subtitle{font-family:var(--font-family-sans);color:#ffffffeb;max-width:640px;margin:0;font-size:1.3rem;font-weight:300;line-height:1.55}.intro-hero-version{backdrop-filter:blur(10px);color:#fff;font-family:var(--font-family-sans);z-index:1;background:#fff3;border-radius:6px;padding:.35rem .9rem;font-size:.8rem;font-weight:600;position:absolute;top:1.75rem;right:1.75rem}.intro-lead{text-align:center;font-family:var(--font-family-sans);text-transform:uppercase;letter-spacing:.18em;color:var(--color-primary);margin-bottom:1.5rem;font-size:.72rem;font-weight:700}.intro-stats{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:5rem;display:grid}@media (width<=700px){.intro-stats{grid-template-columns:repeat(2,1fr)}}.intro-stat{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);text-align:center;box-shadow:var(--shadow-sm);padding:1.75rem 1rem}.intro-stat-value{font-family:var(--font-family-display);background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.4rem;font-size:3rem;font-weight:900;line-height:1}.intro-stat-label{font-family:var(--font-family-sans);color:var(--color-text-muted);font-size:.82rem;font-weight:500}.intro-section{margin-bottom:5rem}.intro-head{margin-bottom:2rem}.intro-head.center{text-align:center}.intro-head-label{font-family:var(--font-family-sans);text-transform:uppercase;color:var(--color-primary);letter-spacing:.15em;margin-bottom:.6rem;font-size:.72rem;font-weight:700}.intro-head-title{font-family:var(--font-family-display);letter-spacing:-.015em;color:var(--color-text-heading);margin:0;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;line-height:1.1}.flow{flex-wrap:nowrap;align-items:stretch;gap:0;display:flex}.flow-node{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex:1;padding:1.75rem;position:relative;overflow:hidden}.flow-node:before{content:"";height:4px;position:absolute;top:0;left:0;right:0}.flow-node.t1:before{background:linear-gradient(90deg, var(--color-primary), var(--color-primary-light))}.flow-node.t2:before{background:linear-gradient(90deg, var(--color-primary-dark), var(--color-primary))}.flow-node.t3:before{background:linear-gradient(90deg, var(--color-secondary), var(--color-secondary-light))}.flow-tier{font-family:var(--font-family-sans);color:var(--color-primary);background:var(--color-primary-surface);letter-spacing:.08em;text-transform:uppercase;border-radius:6px;margin-bottom:.85rem;padding:.25rem .65rem;font-size:.66rem;font-weight:700;display:inline-block}.flow-name{font-family:var(--font-family-display);color:var(--color-text-heading);margin:0 0 .5rem;font-size:1.4rem;font-weight:800}.flow-desc{font-family:var(--font-family-sans);color:var(--color-text-muted);margin:0 0 1rem;font-size:.92rem;line-height:1.55}.flow-meta{color:var(--color-text-muted);font-family:SF Mono,Monaco,monospace;font-size:.72rem}.flow-arrow{color:var(--color-primary);flex:0 0 2.5rem;justify-content:center;align-items:center;display:flex}.flow-arrow .material-symbols-outlined{font-size:28px}@media (width<=820px){.flow{flex-direction:column}.flow-arrow{flex:0 0 2.5rem}.flow-arrow .material-symbols-outlined{transform:rotate(90deg)}}.flow-rule{background:var(--color-primary-surface);border-left:4px solid var(--color-primary);border-radius:0 var(--radius-lg) var(--radius-lg) 0;font-family:var(--font-family-sans);color:var(--color-primary-dark);margin-top:1.5rem;padding:1rem 1.35rem;font-size:.98rem;line-height:1.55}.flow-rule strong{color:#312e81}.name-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}@media (width<=820px){.name-grid{grid-template-columns:1fr}}.name-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.75rem}.name-tag{color:var(--color-primary-dark);background:var(--color-primary-surface);border-radius:6px;margin-bottom:1rem;padding:.3rem .7rem;font-family:SF Mono,Monaco,monospace;font-size:.9rem;font-weight:700;display:inline-block}.name-scope{font-family:var(--font-family-display);color:var(--color-text-heading);margin:0 0 .4rem;font-size:1.1rem;font-weight:700}.name-desc{font-family:var(--font-family-sans);color:var(--color-text-muted);margin:0;font-size:.9rem;line-height:1.55}.name-desc code{background:var(--color-surface-secondary);border-radius:var(--radius-sm);color:var(--color-primary-dark);padding:.1rem .35rem;font-family:SF Mono,Monaco,monospace;font-size:.82em}.pipe-grid{grid-template-columns:1fr 1fr;align-items:center;gap:2.5rem;display:grid}@media (width<=900px){.pipe-grid{grid-template-columns:1fr}}.pipe{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.pipe-node{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;min-width:90px;box-shadow:var(--shadow-sm);flex:1;padding:1rem .75rem}.pipe-node .material-symbols-outlined{color:var(--color-primary);margin-bottom:.4rem;font-size:26px}.pipe-node-label{font-family:var(--font-family-sans);color:var(--color-text-heading);font-size:.78rem;font-weight:600;line-height:1.3}.pipe-arrow{color:var(--color-primary);flex:none}.pipe-arrow .material-symbols-outlined{font-size:22px}.pipe-line{font-family:var(--font-family-sans);color:var(--color-text-muted);margin:0;font-size:1rem;line-height:1.6}.pipe-line strong{color:var(--color-text-heading);font-weight:600}.intro-code{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#1e293b;overflow:hidden}.intro-code-header{background:#334155;align-items:center;gap:.5rem;padding:.7rem 1rem;display:flex}.intro-code-dot{border-radius:var(--radius-pill);width:11px;height:11px}.intro-code-dot.d1{background:#64748b}.intro-code-dot.d2{background:#94a3b8}.intro-code-dot.d3{background:#cbd5e1}.intro-code-lang{color:#cbd5e1;text-transform:uppercase;letter-spacing:.06em;margin-left:auto;font-family:SF Mono,Monaco,monospace;font-size:.72rem}.intro-code pre{color:#e2e8f0;margin:0;padding:1.25rem;font-family:SF Mono,Monaco,monospace;font-size:.82rem;line-height:1.75;overflow-x:auto}.intro-code .c-cm{color:#94a3b8;font-style:italic}.intro-code .c-sel{color:#fbbf24}.intro-code .c-prop{color:#7dd3fc}.intro-code .c-val{color:#a5f3fc}.intro-code .c-kw{color:#c084fc}.intro-code .c-p{color:#94a3b8}.book-group{margin-bottom:2rem}.book-group-head{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.book-group-tier{font-family:var(--font-family-sans);color:var(--color-primary);background:var(--color-primary-surface);letter-spacing:.06em;text-transform:uppercase;border-radius:6px;padding:.25rem .6rem;font-size:.66rem;font-weight:700}.book-group-name{font-family:var(--font-family-display);color:var(--color-text-heading);font-size:1.15rem;font-weight:700}.book-group-count{font-family:var(--font-family-sans);color:var(--color-text-muted);margin-left:auto;font-size:.8rem}.book-grid{grid-template-columns:repeat(4,1fr);gap:.85rem;display:grid}@media (width<=1100px){.book-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.book-grid{grid-template-columns:1fr}}.book-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);color:inherit;padding:1.25rem;text-decoration:none;transition:border-color .12s,box-shadow .12s,transform .12s;display:block}a.book-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}a.book-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.book-card.soon{background:var(--color-surface-secondary)}.book-card-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:.85rem;display:flex}.book-card-icon .material-symbols-outlined{font-size:20px}.book-card-icon.f1{background:var(--color-primary-surface);color:var(--color-primary)}.book-card-icon.f2{color:var(--color-primary-dark);background:#e0e7ff}.book-card-icon.f3{background:var(--color-secondary-surface);color:var(--color-secondary)}.book-card-title{font-family:var(--font-family-display);color:var(--color-text-heading);margin-bottom:.2rem;font-size:.95rem;font-weight:600}.book-card-desc{font-family:var(--font-family-sans);color:var(--color-text-muted);font-size:.78rem}.book-card-soon{font-family:var(--font-family-sans);text-transform:uppercase;letter-spacing:.06em;color:var(--color-secondary-dark);background:var(--color-secondary-surface);border-radius:6px;margin-top:.5rem;padding:.15rem .5rem;font-size:.6rem;font-weight:700;display:inline-block}.intro-footer{border-top:1px solid var(--color-border);text-align:center;margin-top:5rem;padding-top:2rem}.intro-footer-text{font-family:var(--font-family-display);color:var(--color-text-heading);margin-bottom:1rem;font-size:1.25rem;font-weight:700}.intro-footer-sources{font-family:var(--font-family-sans);color:var(--color-text-muted);font-size:.8rem;line-height:1.7}.intro-footer-sources a{color:var(--color-primary);font-weight:500;text-decoration:none}.intro-footer-sources a:hover{text-decoration:underline}.agentic-band{border-radius:var(--radius-xl);background:linear-gradient(135deg, var(--color-primary-dark) 0%, var(--color-primary) 55%, var(--color-secondary) 100%);box-shadow:var(--shadow-md);margin-bottom:5rem;padding:2.5rem;text-decoration:none;transition:transform .14s,box-shadow .14s;display:block;position:relative;overflow:hidden}@media (hover:hover) and (pointer:fine){.agentic-band:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}}.agentic-band:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.agentic-band-glow{pointer-events:none;background:radial-gradient(circle,#ffffff2e 0%,#0000 70%);width:60%;height:180%;position:absolute;top:-40%;right:-10%}.agentic-band-inner{z-index:1;position:relative}.agentic-band-badge{backdrop-filter:blur(10px);color:#fff;font-family:var(--font-family-sans);border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.12em;background:#ffffff26;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.35rem .85rem;font-size:.7rem;font-weight:600;display:inline-flex}.agentic-band-title{font-family:var(--font-family-display);color:#fff;letter-spacing:-.02em;margin:0 0 1rem;font-size:clamp(1.75rem,4vw,2.6rem);font-weight:900;line-height:1.05}.agentic-band-title em{color:var(--color-primary-surface);font-style:normal}.agentic-band-text{font-family:var(--font-family-sans);color:#ffffffeb;max-width:46rem;margin:0 0 1.5rem;font-size:1.05rem;font-weight:300;line-height:1.6}.agentic-band-chips{flex-wrap:wrap;gap:.6rem;margin-bottom:1.5rem;display:flex}.agentic-chip{color:#fff;border-radius:var(--radius-pill);background:#ffffff1f;border:1px solid #ffffff38;align-items:center;gap:.4rem;padding:.35rem .75rem;font-family:SF Mono,Monaco,monospace;font-size:.8rem;font-weight:500;display:inline-flex}.agentic-chip .material-symbols-outlined{color:var(--color-primary-surface)}.agentic-band-cta{font-family:var(--font-family-sans);color:#fff;align-items:center;gap:.4rem;font-size:.95rem;font-weight:700;display:inline-flex}