.hero{text-align:center;padding:3rem 1rem 2rem;max-width:48rem;margin:0 auto}.hero h1{font-size:2.2rem;line-height:1.3;margin-bottom:1rem}.hero .hero-subtitle{font-size:1.15rem;opacity:.85;margin-bottom:2rem;max-width:36rem;margin-left:auto;margin-right:auto}.hero .hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;align-items:center}.hero .install-cmd{padding:.5rem 1rem;border-radius:4px;font-size:.95rem;user-select:all}.btn{display:inline-block;padding:.5rem 1.25rem;border-radius:4px;text-decoration:none;font-weight:600;font-size:.95rem;transition:opacity .15s}.btn:hover{opacity:.85}.btn-primary{background-color:#087e96;color:#fff}.btn-secondary{border:1px solid currentColor;opacity:.8}.demo{max-width:56rem;margin:2rem auto;padding:0 1rem}.demo h2{text-align:center;margin-bottom:1.5rem}.demo-tabs input[type=radio]{display:none}.demo-tabs .tab-labels{display:flex;justify-content:center;gap:.25rem;margin-bottom:1.25rem}.demo-tabs .tab-labels label{padding:.45rem 1.25rem;border-radius:4px;font-size:.9rem;font-weight:600;cursor:pointer;border:1px solid rgba(128,128,128,.25);opacity:.6;transition:opacity .15s,border-color .15s}.demo-tabs .tab-labels label:hover{opacity:.85}.demo-tabs .tab-content{display:none}.demo-tabs #tab-component:checked~.tab-content-component,.demo-tabs #tab-sequence:checked~.tab-content-sequence,.demo-tabs #tab-embedded:checked~.tab-content-embedded{display:block}.demo-tabs #tab-component:checked~.tab-labels label[for=tab-component],.demo-tabs #tab-sequence:checked~.tab-labels label[for=tab-sequence],.demo-tabs #tab-embedded:checked~.tab-labels label[for=tab-embedded]{opacity:1;border-color:#087e96;color:#087e96}.demo-panel{display:flex;flex-direction:column;gap:.5rem}.demo-source,.demo-output{border-radius:6px;overflow:hidden;border:1px solid rgba(128,128,128,.2)}.demo-source pre{margin:0;padding:1rem;font-size:.85rem;line-height:1.5;overflow-x:auto;background:#303446}.demo-source pre code::before{display:none}.demo-output img{display:block;width:100%;object-fit:contain;max-height:24rem;background-color:#e8e8e8;border-radius:6px}.demo-arrow{font-size:2rem;opacity:.4;font-weight:bold;text-align:center;transform:rotate(90deg)}.features{max-width:52rem;margin:3rem auto;padding:0 1rem}.features h2{text-align:center;margin-bottom:1.5rem}.features-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 600px){.features-grid{grid-template-columns:1fr}}.feature{padding:1.25rem;border-radius:6px;border:1px solid rgba(128,128,128,.15)}.feature h3{font-size:1rem;margin-bottom:.5rem}.feature p{font-size:.9rem;opacity:.8;margin:0}.links-section{max-width:52rem;margin:2rem auto 3rem;padding:0 1rem}.links-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media (max-width: 600px){.links-grid{grid-template-columns:1fr}}.link-card{display:block;padding:1.25rem;border-radius:6px;border:1px solid rgba(128,128,128,.15);text-decoration:none;transition:border-color .15s}.link-card:hover{border-color:#087e96}.link-card h3{font-size:1rem;margin-bottom:.35rem}.link-card p{font-size:.85rem;opacity:.7;margin:0}.diagram-container{position:relative;display:inline-block;max-width:100%}.demo-output .diagram-container{display:block}.diagram-container .diagram-zoom-icon{position:absolute;bottom:12px;right:12px;width:28px;height:28px;background:rgba(0,0,0,.55);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;pointer-events:none}.diagram-container .diagram-zoom-icon svg{width:16px;height:16px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.diagram-container:hover .diagram-zoom-icon{opacity:1}.diagram-lightbox{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.75);cursor:zoom-out;opacity:0;transition:opacity .2s ease}.diagram-lightbox.visible{opacity:1}.diagram-lightbox-content{position:relative;background:#e8e8e8;border-radius:8px;padding:24px;max-width:95vw;max-height:90vh;overflow:auto;cursor:default;box-shadow:0 8px 32px rgba(0,0,0,.4)}.diagram-lightbox-content img{display:block;max-width:none;max-height:85vh}.diagram-lightbox-close{position:absolute;top:0;right:0;width:32px;height:32px;background:#333;color:#fff;border:2px solid #fff;border-radius:50%;font-size:18px;line-height:18px;text-align:center;cursor:pointer;z-index:1;transition:background .15s ease}.diagram-lightbox-close:hover{background:#c0392b}.demo-output img{cursor:zoom-in}code.language-orrery.hljs{background:rgba(0,0,0,0);color:#c6d0f5;padding:0}code.language-orrery .hljs-keyword{color:#ca9ee6}code.language-orrery .hljs-literal{color:#ef9f76}code.language-orrery .hljs-string{color:#a6d189}code.language-orrery .hljs-subst{color:#e5c890}code.language-orrery .hljs-number{color:#ef9f76}code.language-orrery .hljs-comment{color:#626880}code.language-orrery .hljs-type{color:#e5c890}code.language-orrery .hljs-meta{color:#99d1db}code.language-orrery .hljs-title{color:#8caaee}code.language-orrery .hljs-attr{color:#ef9f76}code.language-orrery .hljs-operator{color:#99d1db}code.language-orrery .hljs-punctuation{color:#737994}