/* EchoNet HUD layer — purpose-built public visual system */
:root{--void:#050912;--panel:#091722;--panel2:#0d1d2a;--cyan:#13eaf2;--ice:#39f7ff;--violet:#a86cff;--magenta:#ff2d91;--amber:#ffc400;--green:#58f58a;--red:#ff4858;--ink:#e8eff4;--muted:#81909a}
html{background:var(--void)!important}body{background:radial-gradient(circle at 75% 18%,rgba(19,234,242,.08),transparent 28%),var(--void)!important;font-family:"Arial",system-ui,sans-serif!important;color:var(--ink)}
body:before{content:"";position:fixed;inset:14px;z-index:100;pointer-events:none;border:1px solid rgba(19,234,242,.32);box-shadow:inset 0 0 0 1px rgba(168,108,255,.07)}
body:after{content:"ECHONET // PUBLIC REFERENCE ARCHITECTURE // LOCAL-FIRST";position:fixed;right:30px;top:24px;z-index:101;pointer-events:none;color:rgba(57,247,255,.7);font:10px/1 ui-monospace,monospace;letter-spacing:.16em}
.capability-map{max-width:1240px!important;padding:12vh 34px 8vh!important;background:linear-gradient(180deg,transparent,#050912 10%,#050912 100%)!important}
.capability-map__intro{max-width:780px!important;border-left:2px solid var(--cyan);padding-left:22px;position:relative}.capability-map__intro:before{content:"SYS / 00";position:absolute;left:-2px;top:-22px;transform:translateX(-100%);color:var(--cyan);font:10px ui-monospace,monospace;letter-spacing:.14em}.capability-map__intro span,.capability-grid b,.setup-path>span{color:var(--cyan)!important;font:10px ui-monospace,monospace!important;letter-spacing:.2em!important}.capability-map h1{font-family:"Arial",sans-serif!important;letter-spacing:-.07em!important;text-shadow:0 0 28px rgba(19,234,242,.22)}
.capability-grid{gap:12px!important;grid-template-columns:repeat(3,1fr)!important}.capability-card{min-height:230px!important;padding:26px!important;border:1px solid rgba(19,234,242,.34)!important;background:linear-gradient(145deg,rgba(9,23,34,.95),rgba(7,17,27,.78))!important;backdrop-filter:blur(8px)!important;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))!important}.capability-card:before{content:"";position:absolute;left:0;top:0;width:72px;height:3px;background:var(--accent,var(--cyan));box-shadow:0 0 14px var(--accent,var(--cyan))}.capability-card:nth-child(2),.capability-card:nth-child(5){border-color:rgba(168,108,255,.45)!important}.capability-card:nth-child(3),.capability-card:nth-child(6){border-color:rgba(255,45,145,.4)!important}.capability-card h2{font-family:"Arial",sans-serif!important;margin:30px 0 14px!important}.capability-card p{color:#a9bac3!important}.capability-card em{color:var(--ice)!important}.capability-card:after{border-color:rgba(19,234,242,.22)!important}
.setup-path{margin-top:100px!important;padding:36px 0!important;border-color:rgba(19,234,242,.25)!important}.setup-path h2{font-family:"Arial",sans-serif!important}.setup-path nav{grid-template-columns:repeat(3,1fr)!important}.setup-path a{border:1px solid rgba(19,234,242,.3)!important;background:rgba(9,23,34,.72)!important;clip-path:polygon(0 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%)!important}.setup-path a:hover,.setup-path a:focus-visible{border-color:var(--cyan)!important;background:rgba(19,234,242,.12)!important}
.capability-map__footer{border-color:rgba(19,234,242,.25)!important}.capability-map__footer span:nth-child(2){color:var(--green)!important}.capability-map__footer span:nth-child(3){color:var(--magenta)!important}
@media(max-width:760px){body:after{top:20px;right:20px;font-size:8px}.capability-map{padding:10vh 24px 5vh!important}.capability-grid,.setup-path nav{grid-template-columns:1fr!important}.capability-card{min-height:180px!important}.capability-map__footer{padding-bottom:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}