.spork-hero{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:40px 0 32px;margin-bottom:24px;border-bottom:1px solid var(--line)}.spork-hero-content{flex:1}.spork-hero-content h1{margin:0 0 8px 0;font-size:3rem;font-weight:700;background:linear-gradient(135deg,var(--accent) 0,var(--accent2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.spork-hero-content .hero-acronym{margin:0 0 12px 0;font-size:1rem;color:var(--accent);font-weight:500;letter-spacing:.5px}.spork-hero-content p{margin:0;color:var(--muted);font-size:1.1rem;line-height:1.6}.spork-hero-visual{flex-shrink:0;width:200px;height:120px}.ca-animation{width:100%;height:100%}.ca-animation .ca-line{stroke-dasharray:50;stroke-dashoffset:50;animation:drawLine 1.5s ease-out forwards}.ca-animation .ca-line.delay-1{animation-delay:.3s}.ca-animation .ca-line.delay-2{animation-delay:.6s}.ca-animation .pulse{animation:pulse 2s ease-in-out infinite}.ca-animation .lock-icon{animation:fadeInLock 1s ease-out .8s forwards;opacity:0}@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes fadeInLock{to{opacity:1}}.spork-hero-features{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:20px}.spork-hero-features span{background:var(--panel);border:1px solid var(--line);padding:8px 14px;border-radius:8px;font-size:13px;color:var(--muted);transition:border-color .2s,transform .2s}.spork-hero-features span:hover{border-color:var(--accent);transform:translateY(-2px)}.spork-hero-buttons{display:flex;gap:12px;justify-content:center;margin-bottom:24px}.spork-tab .tab-icon{margin-right:6px;font-size:1rem}@media (max-width:768px){.spork-hero{flex-direction:column;text-align:center;gap:24px}.spork-hero-content h1{font-size:2.2rem}.spork-hero-visual{width:160px;height:100px}}.spork-tabs{display:flex;gap:4px;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:4px;overflow-x:auto}.spork-tab{padding:10px 16px;border:none;border-radius:8px;background:0 0;color:var(--muted);font:inherit;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.spork-tab:hover{color:var(--fg);background:rgba(255,255,255,.05)}.spork-tab.active{background:var(--bg);color:var(--fg);border:1px solid var(--line)}.spork-panel{margin-top:20px}.panel-section{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px;animation:fadeIn .2s ease-out}.panel-section h2{margin:0 0 8px 0;font-size:1.4rem}.panel-section h3{margin:24px 0 12px 0;font-size:1.1rem;color:var(--accent)}.panel-section h3:first-of-type{margin-top:16px}.panel-intro{margin:0 0 20px 0;color:var(--muted);line-height:1.6}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:20px 0}.feature-card{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:16px}.feature-card h4{margin:0 0 8px 0;font-size:1rem;color:var(--accent)}.feature-card p{margin:0;font-size:14px;color:var(--muted);line-height:1.5}.spec-table{width:100%;border-collapse:collapse;margin:12px 0}.spec-table td{padding:10px 12px;border-bottom:1px solid var(--line);font-size:14px}.spec-table td:first-child{color:var(--muted);width:180px;font-weight:500}.spec-table tr:last-child td{border-bottom:none}.compare-table{width:100%;border-collapse:collapse;margin:16px 0}.compare-table td,.compare-table th{padding:12px;text-align:left;border-bottom:1px solid var(--line);font-size:14px}.compare-table th{color:var(--muted);font-weight:500;background:var(--bg)}.compare-table tr:hover td{background:rgba(255,255,255,.02)}.compare-table .highlight{color:var(--accent);font-weight:500}.compare-table .spork-no{color:var(--muted);opacity:.6}.cli-table{width:100%;border-collapse:collapse;margin:12px 0}.cli-table td{padding:10px 12px;border-bottom:1px solid var(--line);font-size:14px;vertical-align:top}.cli-table td:first-child{width:200px;font-family:'SF Mono',Monaco,monospace;font-size:13px}.cli-table tr:last-child td{border-bottom:none}.code-block{background:#0a0c0f;border:1px solid var(--line);border-radius:10px;padding:16px;overflow-x:auto;font-family:'SF Mono','Fira Code',Monaco,monospace;font-size:13px;line-height:1.6;margin:12px 0}.code-block code{display:block;white-space:pre}.code-block .comment{color:#6a737d}.code-block .cmd{color:var(--accent)}.code-block .output{color:#8bc34a}.code-block .success{color:#22c55e;font-weight:500}.code-block .error{color:#ef4444}.example-block{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:16px;margin:16px 0}.example-block h4{margin:0 0 12px 0;font-size:14px;color:var(--muted)}.example-block .code-block{margin:0}.crate-diagram{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:24px;margin:16px 0;text-align:center}.crate-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin:8px 0}.crate-box{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:12px 16px;min-width:140px;text-align:center}.crate-box code{display:block;font-size:13px;font-weight:600;color:var(--accent);margin-bottom:4px}.crate-box span{font-size:11px;color:var(--muted)}.crate-box.kernel{background:linear-gradient(135deg,rgba(106,166,255,.15) 0,rgba(155,140,255,.15) 100%);border-color:rgba(106,166,255,.4)}.crate-box.future{opacity:.5;border-style:dashed}.crate-arrow{color:var(--muted);font-size:18px;margin:4px 0}.flow-diagram{display:flex;align-items:flex-start;gap:8px;overflow-x:auto;padding:16px;background:var(--bg);border:1px solid var(--line);border-radius:12px;margin:16px 0}.flow-step{flex:1;min-width:120px;text-align:center}.flow-label{font-size:11px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.flow-content{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:12px}.flow-content code{display:block;font-size:12px;font-weight:600;margin-bottom:6px}.flow-content p{margin:0;font-size:11px;color:var(--muted);line-height:1.4}.flow-arrow{color:var(--muted);font-size:20px;margin-top:32px}.security-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin:16px 0}.security-item{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:16px}.security-item h4{margin:0 0 8px 0;font-size:1rem;color:var(--fg)}.security-item p{margin:0;font-size:14px;color:var(--muted);line-height:1.5}.setup-list{margin:12px 0 0 20px;padding:0}.setup-list li{margin:8px 0;color:var(--muted);line-height:1.5}.setup-list li strong{color:var(--fg)}.setup-list a{color:var(--accent)}.ref-list{list-style:none;padding:0;margin:8px 0 0 0}.ref-list li{padding:4px 0;color:var(--muted)}.ref-list li a{color:var(--accent);text-decoration:none}.ref-list li a:hover{text-decoration:underline}.coming-soon-block{background:linear-gradient(135deg,rgba(106,166,255,.1) 0,rgba(155,140,255,.08) 100%);border:1px dashed rgba(106,166,255,.4);border-radius:12px;padding:24px;text-align:center;margin:16px 0}.coming-soon-badge{display:inline-block;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#000;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.coming-soon-block p{margin:0 0 16px 0;color:var(--muted)}.coming-soon-inline{color:var(--muted)}.install-note{margin:16px 0 8px 0;color:var(--muted);font-size:14px}.contrib-link{display:inline-block;margin-top:8px;color:var(--accent);font-size:13px}.config-search{margin:12px 0;padding-left:24px}.config-search li{margin:8px 0;color:var(--muted)}.config-search code{background:var(--bg);padding:2px 6px;border-radius:4px;font-size:13px}.roadmap-timeline{margin:16px 0}.roadmap-item{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}.roadmap-item:last-child{border-bottom:none}.roadmap-version{min-width:80px;padding:6px 12px;background:var(--panel);border:1px solid var(--line);border-radius:6px;font-size:13px;font-weight:600;text-align:center;height:fit-content}.roadmap-item.current .roadmap-version{background:linear-gradient(135deg,var(--accent),var(--accent2));border-color:transparent;color:#000}.roadmap-item.completed .roadmap-version{background:rgba(34,197,94,.15);border-color:rgba(34,197,94,.4);color:#22c55e}.roadmap-item.completed .roadmap-status{color:#22c55e}.roadmap-item.completed .roadmap-content h4::after{content:" ✓";color:#22c55e}.roadmap-status{min-width:80px;font-size:12px;color:var(--muted);padding-top:8px}.roadmap-item.current .roadmap-status{color:var(--accent);font-weight:500}.roadmap-content{flex:1}.roadmap-content h4{margin:0 0 8px 0;font-size:1rem}.roadmap-content ul{margin:0;padding-left:20px;color:var(--muted);font-size:14px}.roadmap-content li{margin:4px 0}.editions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin:20px 0}.edition-card{background:var(--bg);border:2px solid var(--line);border-radius:16px;padding:20px}.edition-card.professional{border-color:var(--accent)}.edition-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.edition-header h4{margin:0;font-size:1.1rem}.edition-badge{padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600}.edition-badge.free{background:var(--accent);color:#000}.edition-badge.coming{background:rgba(106,166,255,.2);color:var(--accent)}.edition-card p{margin:0 0 16px 0;color:var(--muted);font-size:14px}.edition-card ul{margin:0;padding-left:20px;color:var(--muted);font-size:14px;line-height:1.8}.edition-cta{margin-top:20px}.edition-cta .qn-btn{width:100%;text-align:center}.contrib-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:16px 0}.contrib-item{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:16px}.contrib-item h4{margin:0 0 8px 0;font-size:1rem;color:var(--fg)}.contrib-item p{margin:0;font-size:14px;color:var(--muted);line-height:1.5}.version-tabs{display:flex;gap:4px;margin-bottom:16px}.version-tab{padding:8px 16px;border:1px solid var(--line);border-radius:6px 6px 0 0;background:0 0;color:var(--muted);font:inherit;font-size:13px;cursor:pointer;transition:all .15s}.version-tab:hover{color:var(--fg);background:rgba(255,255,255,.03)}.version-tab.active{background:var(--bg);color:var(--accent);border-bottom-color:var(--bg)}.version-content{display:none}.version-content.active{display:block}.version-badge{display:inline-block;padding:2px 6px;font-size:10px;font-weight:600;border-radius:3px;text-transform:uppercase;margin-left:6px}.version-badge-current{background:rgba(102,187,106,.15);color:#66bb6a}.version-badge-planned{background:rgba(158,158,158,.15);color:#9e9e9e}.htmx-request .spork-panel{opacity:.6}.htmx-request .spork-tab.active::after{content:'';display:inline-block;width:12px;height:12px;margin-left:8px;border:2px solid var(--accent);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}@keyframes fadeIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.spork-intro{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--line)}.spork-intro-header{text-align:center;margin-bottom:20px}.spork-intro-title{font-size:1.1rem;font-weight:500;color:var(--muted);letter-spacing:.5px;margin-bottom:8px}.spork-letter{font-size:1.4rem;font-weight:700;background:linear-gradient(135deg,var(--accent) 0,var(--accent2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.spork-intro-tagline{margin:0;font-size:1.3rem;font-weight:600;color:var(--fg)}.spork-intro-desc{max-width:700px;margin:0 auto;text-align:center}.spork-intro-desc p{margin:0 0 12px 0;color:var(--muted);font-size:15px;line-height:1.7}.spork-intro-desc p:last-child{margin-bottom:0}.feature-card .feature-icon{font-size:1.8rem;margin-bottom:8px}@media (max-width:768px){.spork-tabs{flex-wrap:nowrap}.flow-diagram{flex-direction:column;align-items:stretch}.flow-arrow{transform:rotate(90deg);margin:8px auto}.crate-row{flex-direction:column;align-items:center}}