.docs-page{max-width:740px}.overview-hero{background:#ffffff04;border:1px solid var(--border);border-radius:.875rem;padding:1.75rem;margin-bottom:3rem;position:relative;overflow:hidden}.overview-hero__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.overview-hero__badge{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--green-300);padding:.35rem .7rem;border-radius:.4rem;background:#ffffff08;border:1px solid var(--border)}.overview-hero__badge svg{width:12px;height:12px;flex-shrink:0}.overview-hero__gh{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-dim);padding:.35rem .65rem;border-radius:.4rem;border:1px solid var(--border);background:#ffffff05;transition:color .2s,border-color .2s,background .2s}.overview-hero__gh:hover{color:var(--green-50);border-color:var(--border-hover);background:#ffffff0d}.overview-hero__gh svg{width:14px;height:14px;flex-shrink:0}.overview-hero__gh svg:last-child{width:11px;height:11px}.overview-hero__brand{display:flex;align-items:flex-start;gap:.875rem;margin-bottom:1.5rem}.overview-hero__logo{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#ffffff0a;border:1px solid var(--border);border-radius:.6rem;flex-shrink:0}.overview-hero__logo img{filter:brightness(0) invert(1);opacity:.92;width:28px;height:28px}.overview-hero__title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--green-50);line-height:1.15;margin-bottom:.4rem}.overview-hero__accent{color:var(--green-500);font-weight:500}.overview-hero__subtitle{font-size:var(--text-md);color:var(--text-muted);line-height:1.6;max-width:520px}.overview-hero__terminal{background:#0a0a0a;border:1px solid var(--border);border-radius:.6rem;overflow:hidden;font-family:var(--font-mono);font-size:var(--text-xs)}.t-bar{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#ffffff06;border-bottom:1px solid var(--border)}.t-dots{display:flex;gap:.3rem}.t-dots span{width:8px;height:8px;border-radius:50%;background:#ffffff26;display:block}.t-title{color:var(--text-dim);font-size:var(--text-2xs);margin-left:auto;margin-right:auto;padding-right:2.5rem}.t-body{padding:.65rem .85rem;display:flex;flex-direction:column;gap:.15rem}.t-line{line-height:1.5}.t-prompt{color:var(--green-600);margin-right:.3rem}.t-cmd{color:var(--green-300)}.t-out{color:var(--text-dim);padding-left:1.1rem}.t-ok{color:var(--green-400)}.overview-section{margin-bottom:3rem}.overview-section--cta{margin-top:1rem}.section-header{display:flex;align-items:center;gap:.6rem;margin-bottom:.6rem}.section-num{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--green-600);font-weight:500}.overview-h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--green-50);margin:0}.overview-lead{font-size:var(--text-base);color:var(--text-muted);line-height:1.65;margin-bottom:1.5rem;max-width:560px}.arch-diagram{display:flex;flex-direction:column;align-items:center;gap:0;padding:1.25rem;background:#ffffff04;border:1px solid var(--border);border-radius:.75rem}.arch-tier{display:flex;flex-direction:column;align-items:center;gap:.6rem;width:100%}.arch-tier__label{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em}.arch-tier__nodes{display:flex;flex-wrap:wrap;justify-content:center;gap:.4rem}.arch-tier__node{display:flex;align-items:center;gap:.35rem;padding:.35rem .6rem;background:#ffffff09;border:1px solid var(--border);border-radius:.4rem;font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-muted);transition:background .2s,border-color .2s}.arch-tier__node:hover{background:#ffffff0f;border-color:var(--border-hover)}.arch-tier__node--accent{border-color:#ffffff24;background:#ffffff0e}.arch-tier__node--accent .arch-tier__name{color:var(--green-300)}.arch-tier__name{line-height:1}.tech-logo{width:16px;height:16px;object-fit:contain;filter:brightness(0) invert(1);opacity:.8;flex-shrink:0;display:block}.arch-tier__node--accent .tech-logo{opacity:.95}.arch-tier__connector{position:relative;width:1px;height:1.25rem;background:var(--border);margin:.2rem 0}.arch-tier__connector:before,.arch-tier__connector:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:6px;height:1px;background:var(--border)}.arch-tier__connector:before{top:0}.arch-tier__connector:after{bottom:0}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem}.feature-card{background:#ffffff04;border:1px solid var(--border);border-radius:.75rem;padding:1.25rem;transition:background .2s}.feature-card:hover{background:#ffffff08}.feature-card__icon{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.5rem;background:#ffffff0d;border:1px solid var(--border);color:var(--green-400);margin-bottom:.75rem}.feature-card__icon svg{width:18px;height:18px;flex-shrink:0;display:block}.feature-card__title{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;color:var(--green-50);margin-bottom:.35rem;margin-top:0}.feature-card__desc{font-size:var(--text-sm);color:var(--text-muted);line-height:1.55;margin:0}.stack-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.stack-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.875rem .5rem;background:#ffffff04;border:1px solid var(--border);border-radius:.6rem;transition:background .2s}.stack-item:hover{background:#ffffff09}.stack-item__logo{width:24px;height:24px;object-fit:contain;filter:brightness(0) invert(1);opacity:.85;display:block}.stack-item__name{font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-muted);text-align:center;line-height:1.2}.cta-card{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.5rem 1.75rem;background:#ffffff04;border:1px solid var(--border);border-radius:.875rem;flex-wrap:wrap}.cta-card__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--green-50);margin-bottom:.25rem;margin-top:0}.cta-card__desc{font-size:var(--text-sm);color:var(--text-muted);line-height:1.5;max-width:380px;margin:0}.cta-card__btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:500;color:var(--green-50);padding:.6rem 1.1rem;border-radius:.5rem;background:#ffffff0f;border:1px solid var(--border);transition:background .2s,border-color .2s;flex-shrink:0;text-decoration:none}.cta-card__btn:hover{background:#ffffff1a;border-color:var(--border-hover)}.cta-card__btn svg{width:16px;height:16px;flex-shrink:0}.toggle-btn{display:inline-flex;align-items:center;gap:.3rem;font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-dim);padding:.25rem .55rem;border-radius:.3rem;background:#ffffff08;border:1px solid var(--border);cursor:pointer;transition:color .2s,border-color .2s,background .2s;margin-left:auto}.toggle-btn:hover{color:var(--green-300);border-color:var(--border-hover);background:#ffffff0f}.toggle-btn svg{transition:transform .25s ease}.toggle-btn[data-collapsed=true] svg{transform:rotate(-90deg)}.screenshots-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;transition:max-height .35s ease,opacity .25s ease,margin .3s ease;overflow:hidden}.screenshots-grid.collapsed{max-height:0;opacity:0;margin:0;gap:0}.screenshots-grid img{width:100%;height:auto;max-height:260px;object-fit:cover;object-position:top;border-radius:.5rem;border:1px solid var(--border);display:block}.videos-grid{display:flex;flex-direction:column;gap:1rem;transition:max-height .35s ease,opacity .25s ease,margin .3s ease;overflow:hidden}.videos-grid.collapsed{max-height:0;opacity:0;margin:0;gap:0}.video-card{background:#ffffff04;border:1px solid var(--border);border-radius:.75rem;overflow:hidden;transition:background .2s}.video-card:hover{background:#ffffff08}.video-card__player{width:100%;aspect-ratio:16/10;display:block;background:#0a0a0a;border-bottom:1px solid var(--border)}.video-card__info{padding:.875rem 1rem}.video-card__title{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;color:var(--green-50);margin:0 0 .25rem}.video-card__desc{font-size:var(--text-sm);color:var(--text-muted);line-height:1.5;margin:0}@media(max-width:700px){.features-grid{grid-template-columns:1fr}.stack-grid{grid-template-columns:repeat(3,1fr)}.screenshots-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.screenshots-grid img{max-height:220px}.cta-card{flex-direction:column;align-items:flex-start;gap:1rem}.overview-hero__brand{flex-direction:column;align-items:flex-start}}@media(max-width:420px){.stack-grid{grid-template-columns:repeat(2,1fr)}}