.devices-page{--a:var(--color-primary);--ar:241, 196, 15}[data-theme=light] .devices-page{--a:var(--color-primary-hover);--ar:212, 168, 14}.devices-page{padding:calc(var(--nav-height) + 3.5rem) 2rem 6rem;min-height:100vh;position:relative}.page-grid{max-width:960px;margin:0 auto;position:relative}.dot-bg{background-image:radial-gradient(rgba(var(--ar), .015) 1px, transparent 1px);pointer-events:none;z-index:0;background-size:30px 30px;position:fixed;inset:0}.container{z-index:1;position:relative}.back-link{color:var(--color-accent-purple);align-items:center;gap:.4rem;padding:.3rem 0;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative}.back-link:before{content:"";background:linear-gradient(90deg, var(--color-accent-purple), var(--color-primary));border-radius:1px;width:0;height:1.5px;transition:width .25s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-2px;left:0}.back-link:hover{color:var(--color-primary);transform:translate(-4px)}.back-link:hover:before{width:100%}.back-link i{transition:transform .2s}.back-link:hover i{transform:translate(-3px)}[data-theme=light] .back-link{color:var(--color-text)}[data-theme=light] .back-link:before{background:linear-gradient(90deg, var(--color-text), var(--color-accent-purple))}[data-theme=light] .back-link:hover{color:var(--color-accent-purple)}.manifest-header{text-align:center;margin-bottom:4rem}.v-symbol{width:52px;height:34px;filter:drop-shadow(0 0 14px rgba(var(--ar), .3));margin:0 auto 2.75rem;display:block;position:relative}.v-symbol:before,.v-symbol:after{content:"";background:var(--a);border-radius:2px;width:2.5px;height:100%;position:absolute;bottom:0}.v-symbol:before{transform-origin:bottom;left:8px;transform:rotate(-13deg)}.v-symbol:after{transform-origin:bottom;right:8px;transform:rotate(13deg)}.manifest-title{font-family:var(--font-heading);color:var(--color-text);letter-spacing:.2em;text-transform:uppercase;margin:0 0 1.75rem;font-size:clamp(2.25rem,7vw,4.25rem);font-weight:800;line-height:1.1}.header-rule{background:linear-gradient(90deg, transparent, var(--a), transparent);width:110px;height:1px;margin:0 auto 1.75rem;display:block}.manifest-subtitle{color:var(--color-text-dim);max-width:480px;margin:0 auto 1.35rem;font-size:1.05rem;line-height:1.65}.manifest-meta{letter-spacing:.16em;text-transform:uppercase;color:var(--a);opacity:.5;justify-content:center;align-items:center;gap:.65rem;margin:0;font-family:Courier New,Courier,monospace;font-size:.75rem;font-weight:700;display:flex}.meta-sep{opacity:.4}.system-card{background:var(--color-bg-card);border:1px solid var(--color-border);opacity:0;animation:.7s cubic-bezier(.23,1,.32,1) forwards cardEnter;animation-delay:var(--enter-delay,0s);border-radius:4px;margin-bottom:2.25rem;transition:border-color .4s,box-shadow .4s;position:relative;overflow:hidden;transform:translateY(28px)}.system-card:last-child{margin-bottom:0}@keyframes cardEnter{to{opacity:1;transform:translateY(0)}}.corner{pointer-events:none;z-index:4;width:18px;height:18px;transition:width .4s,height .4s,border-color .4s;position:absolute}.c-tl{border-top:2px solid rgba(var(--ar), .2);border-left:2px solid rgba(var(--ar), .2);top:0;left:0}.c-tr{border-top:2px solid rgba(var(--ar), .2);border-right:2px solid rgba(var(--ar), .2);top:0;right:0}.c-bl{border-bottom:2px solid rgba(var(--ar), .2);border-left:2px solid rgba(var(--ar), .2);bottom:0;left:0}.c-br{border-bottom:2px solid rgba(var(--ar), .2);border-right:2px solid rgba(var(--ar), .2);bottom:0;right:0}.scan-beam{background:linear-gradient(to bottom, transparent 0%, rgba(var(--ar), .06) 50%, transparent 100%);opacity:0;z-index:3;pointer-events:none;height:40px;position:absolute;top:-40px;left:0;right:0}@keyframes scanBeam{0%{opacity:0;top:-40px}4%{opacity:1}96%{opacity:1}to{opacity:0;top:calc(100% + 40px)}}@media (hover:hover){.system-card:hover{border-color:rgba(var(--ar), .15);box-shadow:0 0 60px rgba(var(--ar), .04), inset 0 1px 0 rgba(var(--ar), .06)}.system-card:hover .corner{width:24px;height:24px}.system-card:hover .c-tl,.system-card:hover .c-tr,.system-card:hover .c-bl,.system-card:hover .c-br{border-color:rgba(var(--ar), .6)}.system-card:hover .scan-beam{animation:1.6s ease-in-out scanBeam}.system-card:hover .sys-codename{color:var(--a)}.system-card:hover .sys-icon-ring{border-color:rgba(var(--ar), .45);box-shadow:0 0 30px rgba(var(--ar), .14)}.system-card:hover .comp-row:hover .comp-name{color:var(--a)}.system-card:hover .comp-row:hover .comp-label{color:var(--a);opacity:.8}.system-card:hover .sub-item:hover .sub-item-name{color:var(--a)}.system-card:hover .sub-item:hover .sub-item-accent{background:var(--a)}}.sys-classbar{border-bottom:1px solid var(--color-border);letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);opacity:.45;background:repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(var(--ar), .008) 5px, rgba(var(--ar), .008) 10px);justify-content:space-between;align-items:center;padding:.65rem 1.75rem;font-family:Courier New,Courier,monospace;font-size:.65rem;font-weight:700;display:flex}.sys-accent{background:linear-gradient(90deg, var(--a) 0%, rgba(var(--ar), .12) 30%, transparent 60%);opacity:.4;height:1px;display:block}.sys-header{align-items:center;gap:1.35rem;padding:2.25rem 1.75rem 1.75rem;display:flex}.sys-icon-wrap{flex-shrink:0}.sys-icon-ring{border:1.5px solid rgba(var(--ar), .22);width:58px;height:58px;color:var(--a);box-shadow:0 0 22px rgba(var(--ar), .07);border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;transition:all .4s;display:flex;position:relative}.sys-icon-ring:before,.sys-icon-ring:after{content:"";background:rgba(var(--ar), .045);pointer-events:none;position:absolute}.sys-icon-ring:before{width:1px;height:calc(100% + 16px);top:-8px}.sys-icon-ring:after{width:calc(100% + 16px);height:1px;left:-8px}.sys-identity{flex:1;min-width:0}.sys-codename{font-family:var(--font-heading);color:var(--color-text);letter-spacing:.16em;text-transform:uppercase;margin:0;font-size:clamp(2rem,5.5vw,3.5rem);font-weight:800;line-height:1;transition:color .35s}.sys-codeline{background:var(--a);border-radius:1px;width:48px;height:2px;margin-top:.75rem;display:block;position:relative;overflow:hidden}.sys-codeline:after{content:"";background:linear-gradient(90deg,#0000,#ffffff80,#0000);animation:5s ease-in-out infinite lineSweep;position:absolute;inset:0}@keyframes lineSweep{0%,to{transform:translate(-120%)}45%{transform:translate(120%)}46%,to{transform:translate(120%)}}.sys-subtitle{color:var(--color-text-dim);margin:.55rem 0 0;font-size:.95rem;line-height:1.4}.sys-status{border:1px solid rgba(var(--ar), .18);border-radius:2px;flex-shrink:0;align-self:flex-start;align-items:center;gap:.55rem;margin-top:.15rem;padding:.5rem 1rem;display:flex}.status-dot{background:var(--a);border-radius:50%;flex-shrink:0;width:7px;height:7px;position:relative}.status-dot:after{content:"";border:1px solid rgba(var(--ar), .3);border-radius:50%;animation:2.8s ease-in-out infinite statusPulse;position:absolute;inset:-4px}@keyframes statusPulse{0%,to{opacity:.6;transform:scale(.8)}50%{opacity:0;transform:scale(2)}}.status-label{letter-spacing:.14em;text-transform:uppercase;color:var(--a);opacity:.75;font-family:Courier New,Courier,monospace;font-size:.68rem;font-weight:700}.sys-body{padding:0 1.75rem 1.75rem}.comp-row{border-radius:2px;grid-template-columns:155px 1px 1fr;align-items:start;gap:0 1.35rem;padding:.7rem 0;transition:background .2s;display:grid}.comp-row+.comp-row{border-top:1px solid var(--color-border)}.comp-label{letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);opacity:.65;align-items:center;gap:.55rem;padding-top:.12rem;font-family:Courier New,Courier,monospace;font-size:.68rem;font-weight:700;transition:color .2s,opacity .2s;display:flex}.comp-label i{text-align:center;opacity:.7;width:15px;font-size:.6rem}.comp-pipe{background:var(--color-border);align-self:stretch}.comp-detail{flex-direction:column;gap:.2rem;padding-left:.25rem;display:flex}.comp-name{font-family:var(--font-heading);color:var(--color-text);font-size:.95rem;font-weight:700;line-height:1.35;transition:color .2s}.comp-specs{color:var(--color-text-muted);letter-spacing:.02em;font-family:Courier New,Courier,monospace;font-size:.72rem;line-height:1.5}.comp-subsection{border:1px solid var(--color-border);background:#0003;border-radius:3px;margin-top:.85rem;padding:1rem}[data-theme=light] .comp-subsection{background:#00000006}.sub-header{align-items:center;gap:.55rem;margin-bottom:.75rem;display:flex}.sub-marker{color:var(--a);opacity:.45;font-size:.75rem}.sub-title{letter-spacing:.12em;text-transform:uppercase;color:var(--a);opacity:.45;font-family:Courier New,Courier,monospace;font-size:.65rem;font-weight:700}.sub-grid{grid-template-columns:1fr 1fr;gap:.3rem;display:grid}.sub-item{border-radius:2px;align-items:flex-start;padding:.5rem .65rem;transition:background .2s;display:flex}.sub-item-accent{background:rgba(var(--ar), .14);border-radius:1px;flex-shrink:0;align-self:stretch;width:2px;min-height:30px;margin-right:.7rem;transition:background .2s}.sub-item-content{flex-direction:column;gap:.12rem;min-width:0;display:flex}.sub-item-name{font-family:var(--font-heading);color:var(--color-text);font-size:.85rem;font-weight:700;line-height:1.35;transition:color .2s}.sub-item-specs{color:var(--color-text-muted);letter-spacing:.02em;font-family:Courier New,Courier,monospace;font-size:.65rem;line-height:1.5}.sys-footer{border-top:1px solid var(--color-border);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);opacity:.35;justify-content:space-between;align-items:center;padding:.6rem 1.75rem;font-family:Courier New,Courier,monospace;font-size:.65rem;font-weight:700;display:flex}.sys-footer-left{align-items:center;gap:.45rem;display:flex}.sys-footer-left i{font-size:.55rem}@media (width<=768px){.devices-page{padding:calc(var(--nav-height) + 2.5rem) 1.25rem 4rem}.manifest-header{margin-bottom:3rem}.sys-header{flex-wrap:wrap;gap:1rem;padding:1.75rem 1.35rem 1.35rem}.sys-status{margin-left:calc(58px + 1.35rem)}.sys-body{padding:0 1.35rem 1.35rem}.comp-row{grid-template-columns:130px 1px 1fr;gap:0 1rem}.sub-grid{grid-template-columns:1fr}.sys-footer,.sys-classbar{padding:.55rem 1.35rem}}@media (width<=520px){.devices-page{padding:calc(var(--nav-height) + 1.5rem) .85rem 3rem}.back-link{margin-bottom:2rem}.manifest-title{letter-spacing:.1em}.v-symbol{margin-bottom:2rem}.sys-header{flex-direction:column;align-items:flex-start;gap:.9rem;padding:1.35rem 1.1rem 1.1rem}.sys-status{align-self:flex-start;margin-left:0}.sys-codename{letter-spacing:.1em;font-size:1.85rem}.sys-body{padding:0 1.1rem 1.1rem}.comp-row{grid-template-columns:1fr;gap:.15rem;padding:.7rem 0}.comp-pipe{display:none}.comp-label{opacity:.5;font-size:.62rem}.comp-name{font-size:.92rem}.comp-subsection{padding:.8rem}.sys-footer,.sys-classbar{padding:.5rem 1.1rem;font-size:.58rem}.corner{width:13px;height:13px}@media (hover:hover){.system-card:hover .corner{width:17px;height:17px}}}@media (prefers-reduced-motion:reduce){.system-card{opacity:1;animation:none;transform:none}.system-card,.comp-row,.comp-name,.comp-label,.sub-item,.sub-item-name,.sub-item-accent,.back-link,.sys-icon-ring,.corner,.sys-codename{transition:none!important}.scan-beam{display:none}.sys-codeline:after,.status-dot:after{animation:none}}