.docs-page{max-width:740px}.f7-hero{background:#ffffff04;border:1px solid var(--border);border-radius:.875rem;padding:1.75rem;margin-bottom:3rem}.f7-hero__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem}.f7-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)}.f7-hero__time{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}.f7-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:.5rem}.f7-hero__accent{color:var(--green-500);font-weight:500}.f7-hero__subtitle{font-size:var(--text-md);color:var(--text-muted);line-height:1.6;max-width:560px}.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}.step-list{display:flex;flex-direction:column;gap:.4rem}.step-card{display:flex;gap:.75rem;padding:.7rem .85rem;background:#ffffff04;border:1px solid var(--border);border-radius:.6rem}.step-card__num{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:50%;background:#ffffff0d;border:1px solid var(--border);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:700;color:var(--green-400);flex-shrink:0}.step-card__body{flex:1}.step-card__title{font-weight:600;font-size:var(--text-sm);color:var(--green-50);margin-bottom:.15rem}.step-card__desc{font-size:var(--text-sm);color:var(--text-muted);line-height:1.5}.terminal-block{background:#0a0a0a;border:1px solid var(--border);border-radius:.6rem;overflow:hidden;font-family:var(--font-mono);font-size:var(--text-xs);margin-bottom:1.5rem}.terminal-block__bar{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#ffffff06;border-bottom:1px solid var(--border)}.terminal-block__dots{display:flex;gap:.3rem}.terminal-block__dots span{width:8px;height:8px;border-radius:50%;background:#ffffff26;display:block}.terminal-block__title{color:var(--text-dim);font-size:var(--text-2xs);margin-left:auto;margin-right:auto;padding-right:2.5rem}.terminal-block__body{padding:.65rem .85rem;display:flex;flex-direction:column;gap:.1rem}.t-line{line-height:1.5}.t-line--spacer{height:.35rem}.t-prompt{color:var(--green-600);margin-right:.3rem}.t-cmd{color:var(--green-300)}.t-out{color:var(--text-dim);padding-left:0}.t-ok{color:var(--green-400)}.t-comment{color:#ffffff40;font-style:italic}.demo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.demo-card{background:#ffffff04;border:1px solid var(--border);border-radius:.75rem;padding:1.1rem}.demo-card__title{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;color:var(--green-50);margin-bottom:.35rem}.demo-card__desc{font-size:var(--text-sm);color:var(--text-muted);line-height:1.5}.cta-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;background:#ffffff04;border:1px solid var(--border);border-radius:.75rem}.cta-card__content{flex:1}.cta-card__title{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;color:var(--green-50);margin:0 0 .25rem}.cta-card__desc{font-size:var(--text-sm);color:var(--text-muted);line-height:1.55;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);background:#ffffff0a;border:1px solid var(--border);border-radius:.5rem;padding:.6rem 1rem;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:background .2s,border-color .2s}.cta-card__btn:hover{background:#ffffff14;border-color:var(--border-hover)}@media(max-width:700px){.demo-grid{grid-template-columns:1fr}}@media(max-width:600px){.cta-card{flex-direction:column;align-items:flex-start}}