:root{--bg:#050706;--panel:#0b0f0d;--panel2:#111914;--line:#26372d;--text:#edf4ef;--muted:#9bab9f;--acid:#b7ff7b;--danger:#ff9079;--mono:"DM Mono",monospace;--sans:Manrope,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--sans);margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);z-index:10;background:#050706f0;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(1rem,5vw,5rem);display:flex;position:sticky;top:0}.brand{letter-spacing:.14em;font-size:.72rem;font-weight:800}.brand b{color:var(--acid);font:500 .58rem var(--mono);display:block}.nav{color:var(--muted);gap:1.2rem;font-size:.8rem;display:flex}.pill,.button{border:1px solid var(--line);color:var(--text);background:0 0;padding:.7rem 1rem;font-size:.75rem;font-weight:700}.button.primary{background:var(--acid);color:#071008;border-color:var(--acid)}.hero{background:linear-gradient(90deg,#050706f5,#0507067a),url(/images/ecosystem/ecosystem-hero.webp) 50%/cover;min-height:74vh;padding:clamp(5rem,10vw,10rem) clamp(1rem,8vw,9rem)}.eyebrow{font:.65rem var(--mono);letter-spacing:.16em;color:var(--acid)}h1{letter-spacing:-.07em;margin:1.5rem 0;font-size:clamp(3rem,8vw,8rem);line-height:.88}h1 em,h2 em{color:var(--acid);font:italic 500 1em Playfair Display}.lede{color:#cfdbd3;max-width:42rem;line-height:1.7}.section{padding:clamp(4rem,8vw,8rem) clamp(1rem,8vw,9rem)}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.card{border:1px solid var(--line);background:var(--panel);padding:1.25rem}.card img{aspect-ratio:4/3;object-fit:cover;width:calc(100% + 2.5rem);margin:-1.25rem -1.25rem 1rem}.label{font:.63rem var(--mono);letter-spacing:.12em;color:var(--acid)}.price{font-size:1.35rem;font-weight:800}.form{border:1px solid var(--line);background:var(--panel);max-width:34rem;margin:4rem auto;padding:2rem}.form label{letter-spacing:.08em;color:var(--muted);gap:.4rem;margin:1rem 0;font-size:.7rem;display:grid}.form input,.form select,.form textarea{border:1px solid var(--line);color:var(--text);background:#071008;padding:.8rem}.notice{color:#d8ffe2;background:#102017;border:1px solid #34533c;padding:.8rem;font-size:.8rem}.layout{grid-template-columns:250px 1fr;min-height:calc(100vh - 72px);display:grid}.sidebar{border-right:1px solid var(--line);height:calc(100vh - 72px);padding:1.3rem;position:sticky;top:72px}.sidebar a{color:var(--muted);padding:.65rem 0;font-size:.8rem;display:block}.sidebar a:hover{color:var(--acid)}.content{padding:clamp(1rem,4vw,4rem)}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.stat{border:1px solid var(--line);background:linear-gradient(145deg,#111914,#0b0f0d);padding:1rem}.stat b{margin:.4rem 0;font-size:1.6rem;display:block}.table{border-collapse:collapse;width:100%;font-size:.8rem}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:.9rem}.status{font:.6rem var(--mono);color:var(--acid);border:1px solid #456d4e;padding:.3rem .45rem}.cart{max-width:62rem;margin:auto}.row{justify-content:space-between;align-items:center;gap:1rem;display:flex}.product{grid-template-columns:1.1fr 1fr;gap:3rem;max-width:1100px;margin:auto;display:grid}.product img{aspect-ratio:1;object-fit:cover;border:1px solid var(--line);width:100%}.error{color:var(--danger);font-size:.8rem}@media (max-width:800px){.nav{display:none}.grid,.stats,.layout,.product{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);gap:1rem;height:auto;display:flex;position:static;overflow:auto}.sidebar a{white-space:nowrap}.hero{padding-top:6rem}}.content{min-width:0}.table{max-width:100%;display:block;overflow-x:auto}.table tbody,.table thead{min-width:max-content}pre{white-space:pre-wrap;overflow-wrap:anywhere}.detail-heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.detail-heading h1{margin:.5rem 0;font-size:clamp(2.4rem,6vw,5rem)}.detail-tabs{background:var(--bg);z-index:5;gap:.35rem;padding:.6rem 0 1rem;display:flex;overflow-x:auto}.detail-tabs.sticky{position:sticky;top:72px}.detail-tabs a,.detail-tabs button{white-space:nowrap;text-transform:uppercase;font:500 .62rem var(--mono);letter-spacing:.08em;border:1px solid var(--line);background:var(--panel);color:var(--muted);padding:.65rem .8rem}.detail-tabs button.active,.detail-tabs a:hover{color:#071008;background:var(--acid)}.detail-panel{padding:1.5rem 0;scroll-margin-top:145px}.quick-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.form.wide{max-width:100%;margin:1.5rem 0}.form.compact{max-width:760px;margin:1.5rem 0}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1rem;display:grid}.sticky-actions{border:1px solid var(--line);background:#0b0f0df5;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex;position:sticky;bottom:0}.button.danger{color:var(--danger);border-color:#6d3d35}.timeline{border-left:1px solid var(--line);margin-left:.4rem}.timeline article{grid-template-columns:1rem 1fr;gap:.8rem;margin:0 0 1.3rem -.38rem;display:grid}.timeline i{background:var(--acid);border-radius:50%;width:.7rem;height:.7rem;margin-top:.3rem}.timeline p{color:var(--muted);font-size:.75rem}.timeline pre{color:var(--muted);font-size:.7rem}@media (max-width:800px){.detail-heading{flex-direction:column;align-items:flex-start}.form-grid{grid-template-columns:1fr}.detail-tabs.sticky{top:72px}.sticky-actions{flex-direction:column;align-items:stretch}}.filterbar{grid-template-columns:minmax(220px,2fr) repeat(3,minmax(130px,1fr)) auto;align-items:end;gap:.8rem;display:grid}.filterbar label{margin:0}@media (max-width:1000px){.filterbar{grid-template-columns:1fr 1fr}}@media (max-width:600px){.filterbar{grid-template-columns:1fr}}
.ecosystem h2{letter-spacing:-.06em;margin:1rem 0 2rem;font-size:clamp(2.2rem,4vw,4.8rem);line-height:.98}.ecosystem-hero{grid-template-columns:1.05fr .8fr;align-items:center;gap:5vw;min-height:calc(100vh - 72px);display:grid;position:relative}.ecosystem-hero:after{content:"";background:linear-gradient(180deg,transparent 60%,var(--bg));pointer-events:none;position:absolute;inset:0}.hero-copy,.system-map{z-index:1;position:relative}.signal{color:var(--acid);font:.68rem var(--mono);letter-spacing:.12em;margin-top:3rem}.system-map{font:.7rem var(--mono);letter-spacing:.08em;background:#050c08bf;border:1px solid #5a9167;flex-direction:column;align-items:center;gap:.8rem;padding:2rem;display:flex;box-shadow:0 0 70px #59f58d1f}.system-map span{border:1px solid var(--line);text-align:center;background:#071008;width:100%;padding:.7rem 1rem}.system-map .active{border-color:var(--acid);color:var(--acid)}.system-map i{color:var(--acid);font-style:normal}.statement{max-width:1100px}.tag-row{flex-wrap:wrap;gap:.6rem;margin-top:2rem;display:flex}.tag-row span,.rule span{border:1px solid var(--line);color:var(--acid);font:.62rem var(--mono);letter-spacing:.1em;padding:.45rem .6rem}.architecture{background:linear-gradient(110deg,#071008,#0c1510)}.architecture-map{max-width:1100px}.architecture-map article{border-bottom:1px solid var(--line);align-items:center;gap:1.2rem;padding:1rem;transition:all .2s;display:flex}.architecture-map article:hover{background:#122017;padding-left:1.5rem}.architecture-map article>span{color:var(--acid);font:.7rem var(--mono)}.architecture-map article div{flex:1;gap:.25rem;display:grid}.architecture-map article small{color:var(--muted)}.architecture-map article i{color:var(--acid);font-style:normal}.split{grid-template-columns:1fr 1fr;align-items:center;gap:6vw;display:grid}.edge-visual{background:linear-gradient(90deg,#050706ed,#0507068c),url(/images/ecosystem/edge-node.webp) 50%/cover}.terminal{font:.78rem var(--mono);color:#a9b9af;background:#08110b;border:1px solid #376643;padding:1.5rem;box-shadow:0 0 50px #46ff821a}.terminal b,.terminal pre b{color:var(--acid)}.terminal pre{white-space:pre-wrap;line-height:1.7}.terminal small{color:var(--acid)}.sensor-section{background:linear-gradient(90deg,#050706eb,#050706b3),url(/images/ecosystem/sensor-network.webp) 50%/cover}.sensor-grid{grid-template-columns:repeat(4,1fr);gap:.7rem;display:grid}.sensor-grid article{border:1px solid var(--line);background:#09110cd4;align-content:space-between;min-height:7rem;padding:1rem;display:grid}.sensor-grid b{font-size:1rem}.sensor-grid small{color:var(--muted)}.automation-section{background:linear-gradient(90deg,#050706f5,#05070699),url(/images/ecosystem/automation-dashboard.webp) 50%/cover}.rule{flex-direction:column;gap:.8rem;display:flex}.rule i{color:var(--acid);font-style:normal}.rule strong{color:var(--acid)}.dashboard-showcase{background:#071008}.dashboard-frame{border:1px solid var(--line);background:#0a110d;grid-template-columns:170px 1fr;min-height:370px;display:grid}.dashboard-frame aside{border-right:1px solid var(--line);color:var(--acid);padding:1.4rem;font:1.6rem Playfair Display}.dashboard-frame aside small{color:var(--muted);font:.64rem/2.4 var(--mono);margin-top:2rem;display:block}.dashboard-frame>div{padding:1.5rem}.metrics{grid-template-columns:repeat(3,1fr);gap:.65rem;margin:1rem 0;display:grid}.metrics>b{background:#101b14;padding:1rem;font-size:1.35rem}.metrics small{color:var(--acid);font-size:.65rem}.metrics em{color:var(--muted);font:.6rem var(--mono);margin-top:.5rem;font-style:normal;display:block}.chart{border:1px solid var(--line);height:145px;color:var(--muted);font:.62rem var(--mono);padding:.8rem}.chart svg{width:100%;height:90px;display:block}.chart path{fill:none;stroke:var(--acid);stroke-width:3px}.visual-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.visual-grid figure{border:1px solid var(--line);background:#101713;min-height:16rem;margin:0;position:relative;overflow:hidden}.visual-grid img{object-fit:cover;filter:saturate(.78);width:100%;height:100%;transition:transform .5s;position:absolute}.visual-grid figure:hover img{transform:scale(1.04)}.visual-grid figcaption{color:#eaffee;font:.65rem var(--mono);letter-spacing:.1em;background:linear-gradient(#0000,#050706f2);padding:3rem 1rem 1rem;position:absolute;bottom:0;left:0;right:0}.roadmap{overflow:auto}.roadmap>div{min-width:900px;display:flex}.roadmap article{border-top:1px solid var(--acid);border-right:1px solid var(--line);flex:1;align-content:space-between;min-height:11rem;padding:1rem;display:grid}.roadmap span{font:.6rem var(--mono);color:var(--acid)}.roadmap b{font-size:1.1rem}.field{background:linear-gradient(90deg,#050706e0,#0507068c),url(/images/ecosystem/field-testing.webp) 50%/cover;grid-template-columns:1.2fr .8fr;gap:7vw;display:grid}.field p{color:#c4d4ca;line-height:1.7}.footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:2rem;font-size:.75rem;display:flex}.footer b{color:var(--text);letter-spacing:.1em}.footer em{color:var(--acid)}@media (max-width:800px){.ecosystem-hero,.split,.field{grid-template-columns:1fr}.system-map{max-width:25rem}.sensor-grid,.visual-grid{grid-template-columns:repeat(2,1fr)}.dashboard-frame{grid-template-columns:1fr}.dashboard-frame aside{border-right:0;border-bottom:1px solid var(--line)}.dashboard-frame aside small{margin-top:.5rem}.metrics{grid-template-columns:repeat(2,1fr)}.footer{flex-direction:column;align-items:flex-start}.field{background-position:70%}}@media (max-width:480px){.sensor-grid,.visual-grid{grid-template-columns:1fr}.dashboard-frame>div{padding:1rem}}