/* Ecosystem + product pages */
.eco-kicker{font-size:0.75rem;font-weight:800;letter-spacing:0.14em;text-transform:uppercase;color:var(--text-dim);margin-bottom:0.8rem}
.eco-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:2.5rem}
.eco-card{border:1px solid var(--border-strong);padding:1.8rem;background:rgba(255,255,255,0.02);display:flex;flex-direction:column;gap:0.8rem;min-height:100%}
.eco-mark{width:96px;height:96px;object-fit:contain;background:#f5ebda;border-radius:12px;margin-bottom:0.3rem}
.brand-hero{width:160px;height:160px;object-fit:contain;background:#f5ebda;border-radius:16px;margin-bottom:1.4rem;display:block}
.eco-card:hover{border-color:var(--accent)}
.eco-card h2{font-size:1.15rem;text-transform:uppercase;letter-spacing:0.04em}
.eco-card p{color:var(--text-soft);font-size:0.92rem;line-height:1.55;flex:1}
.eco-tag{display:inline-block;font-size:0.68rem;font-weight:800;letter-spacing:0.08em;text-transform:uppercase;border:1px solid var(--border-strong);padding:0.25rem 0.5rem;color:var(--accent)}
.eco-tag.soon{color:#fbbf24;border-color:rgba(251,191,36,0.4)}
.eco-tag.warn{color:#f87171;border-color:rgba(248,113,113,0.4)}
.quote-xl{font-size:clamp(1.2rem,2.5vw,1.6rem);color:var(--text);max-width:40ch;line-height:1.35;margin:1rem 0 1.5rem;border-left:3px solid var(--accent);padding-left:1.2rem}
.warn-box{margin:2rem 0;padding:1.5rem 1.6rem;border:1px solid rgba(248,113,113,0.45);background:rgba(248,113,113,0.07)}
.warn-box h3{color:#f87171;text-transform:uppercase;font-size:0.85rem;letter-spacing:0.08em;margin-bottom:0.7rem}
.warn-box p,.warn-box li{color:var(--text-soft);font-size:0.9rem;line-height:1.6}
.warn-box ul{margin:0.6rem 0 0 1.1rem}
.arch{display:grid;grid-template-columns:repeat(4,1fr);gap:0.7rem;margin:1.5rem 0}
.arch-n{border:1px solid var(--border-strong);padding:1rem;text-align:center;font-size:0.78rem;font-weight:800;text-transform:uppercase;letter-spacing:0.04em}
.arch-n small{display:block;font-weight:400;text-transform:none;color:var(--text-dim);margin-top:0.4rem;letter-spacing:0}
.arch-n.client{background:#f5ebda;color:#1a1d2e}
.arch-n.daemon{border-color:#3ddc84;color:#3ddc84}
.arch-n.relay{border-color:#f87171;color:#f87171}
.arch-n.dht{border-color:#fcc624;color:#fcc624}
.crypto{width:100%;border-collapse:collapse;font-size:0.88rem;margin-top:1rem}
.crypto th,.crypto td{border:1px solid var(--border);padding:0.7rem 0.85rem;text-align:left}
.crypto th{color:var(--accent);font-size:0.72rem;text-transform:uppercase;letter-spacing:0.06em}
.crypto td{color:var(--text-soft)}
.yes{color:#4ade80}.no{color:#f87171}.partial{color:#fbbf24}
.prose h2{font-size:1.4rem;text-transform:uppercase;margin:2.5rem 0 1rem;border-left:3px solid var(--accent);padding-left:1rem}
.prose h3{font-size:1rem;text-transform:uppercase;color:var(--accent);margin:1.6rem 0 0.7rem}
.prose p,.prose li{color:var(--text-soft);line-height:1.65}
.prose ul,.prose ol{margin:0.5rem 0 1rem 1.2rem}
.prose a{color:var(--accent);font-weight:700}
.prose a.btn-primary,
.prose span.btn-primary{color:#000 !important;background:var(--accent) !important;font-weight:800}
.prose a.btn-secondary,
.prose span.btn-secondary{color:var(--accent);background:transparent}
.prose a.eco-card{color:inherit;font-weight:inherit}
.prose a.os-tile{color:var(--text-soft);font-weight:inherit}
.eco-mark,.brand-hero{border:1px solid rgba(240,228,207,0.45);box-shadow:0 0 0 1px rgba(0,0,0,0.4)}
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:0.7rem;margin:1.6rem 0 2rem}
.flow-n{border:1px solid var(--border-strong);padding:1.15rem 1rem;text-align:center;background:rgba(255,255,255,0.02)}
.flow-n strong{display:block;font-size:0.78rem;text-transform:uppercase;letter-spacing:0.04em;margin-bottom:0.45rem;color:var(--text)}
.flow-n span{display:block;font-size:0.82rem;color:var(--text-dim);font-weight:400;line-height:1.45}
.use-box{border:1px solid var(--border-strong);padding:1.5rem 1.6rem;margin:1.3rem 0;background:rgba(255,255,255,0.02)}
.use-box p{margin:0}
.pre-cmd{background:#050505;border:1px solid var(--border-strong);padding:1rem 1.2rem;overflow:auto;font-family:monospace;font-size:0.82rem;color:var(--text-soft);margin:0.8rem 0 1.2rem;white-space:pre-wrap}
.path-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin:1.4rem 0 2rem}
.path-card{border:1px solid var(--border-strong);padding:1.5rem 1.6rem;background:rgba(255,255,255,0.02);display:flex;flex-direction:column;gap:0.75rem}
.path-card h3{margin:0;font-size:1rem}
.prose .path-card h3{margin:0;text-transform:uppercase;color:var(--accent)}
.path-card p{margin:0}
.path-card .btn{align-self:flex-start;margin:0.2rem 0.4rem 0 0}
.mod-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.2rem}
.mod{border:1px solid var(--border-strong);padding:1.2rem 1.3rem}
.mod h3{margin:0 0 0.4rem;font-size:0.9rem}
.mod p{margin:0;font-size:0.88rem;color:var(--text-soft)}
.nav-products{display:flex;flex-wrap:wrap;gap:0.3rem}
.faq-item{border:1px solid var(--border);margin-bottom:0.7rem;background:rgba(255,255,255,0.02)}
.faq-item summary{padding:1rem 1.15rem;cursor:pointer;font-weight:800;list-style:none}
.faq-item .faq-answer{padding:0 1.15rem 1.1rem;color:var(--text-soft);font-size:0.92rem;line-height:1.6}
.page-desc{color:var(--text-soft);margin-top:0.8rem;max-width:62ch;font-size:1.05rem}
.hero-os-hint{font-size:0.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:0.08em;font-weight:700;margin-top:0.6rem}
.footer-inner{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:1.5rem}
.footer-meta{display:flex;flex-direction:column;gap:0.35rem}
.footer-meta-title{font-size:0.68rem;font-weight:800;letter-spacing:0.1em;text-transform:uppercase;color:var(--accent);margin-bottom:0.3rem}
.footer-copy p{margin-bottom:0.35rem}
.ex-split{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1rem 0 1.6rem;align-items:stretch}
.ex-split h3{margin:0 0 0.5rem;font-size:0.78rem}
.ex-split .pre-cmd{margin:0;height:100%}
@media(max-width:900px){.eco-grid,.arch,.mod-grid,.footer-inner,.flow,.path-grid,.ex-split{grid-template-columns:1fr}}