.overview-page{grid-template-rows:minmax(0,1fr);align-items:center;min-height:850px;padding:50px 0 0;display:grid;position:relative;overflow:auto}.overview-shell{z-index:1;width:1280px;margin:0 auto;padding:28px 0 24px;position:relative;transform:translateY(-16px)}.overview-hero{border-bottom:1px solid rgb(from var(--color-white) r g b / .11);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:72px;padding:0 8px 42px;display:grid}.overview-eyebrow{color:var(--text-secondary);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:9px;margin-bottom:16px;font-size:10px;font-weight:680;display:inline-flex}.overview-eyebrow i{background:var(--primary);width:22px;height:1px}.overview-hero h1{max-width:760px;color:var(--text-primary);letter-spacing:-.045em;margin:0;font-size:48px;font-weight:620;line-height:.98}.overview-hero-copy p{max-width:620px;color:var(--text-secondary);margin:19px 0 0;font-size:13px;line-height:1.6}.overview-summary{background:rgb(from var(--color-catalog-surface) r g b / .74);border:1px solid rgb(from var(--color-white) r g b / .11);border-radius:var(--radius-surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-template-columns:.8fr .8fr 1.4fr;width:372px;margin:0;display:grid}.overview-summary div{border-right:1px solid rgb(from var(--color-white) r g b / .07);min-width:0;padding:15px 16px}.overview-summary div:last-child{border-right:0}.overview-summary dt{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin-bottom:7px;font-size:8px;font-weight:650}.overview-summary dd{min-height:19px;color:var(--text-primary);white-space:nowrap;align-items:center;gap:7px;margin:0;font-size:13px;font-weight:620;display:flex}.overview-summary div:first-child dd{font-size:21px;line-height:1}.overview-color-swatch{background:var(--primary);width:9px;height:9px;box-shadow:0 0 0 3px rgb(from var(--primary) r g b / .15);border-radius:2px}.component-catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding-top:34px;display:grid}.catalog-heading{grid-column:1/-1;justify-content:space-between;align-items:end;margin-bottom:1px;padding:0 8px;display:flex}.catalog-heading>div>span,.catalog-heading>span{color:var(--text-muted);font-size:9px}.catalog-heading h2{letter-spacing:-.02em;margin:3px 0 0;font-size:18px;font-weight:620}.component-entry{height:126px;color:inherit;background:rgb(from var(--color-catalog-surface) r g b / .9);border:1px solid rgb(from var(--color-white) r g b / .07);border-bottom-color:rgb(from var(--color-white) r g b / .11);border-radius:var(--radius-surface);transition:background var(--transition-fast), border-color var(--transition-fast);grid-template:"index glyph copy open"minmax(0,1fr)"index glyph meta open"/24px 150px minmax(0,1fr) 34px;align-items:center;gap:7px 13px;padding:14px 16px;text-decoration:none;display:grid}.component-entry:hover{z-index:1;background:rgb(from var(--color-catalog-hover) r g b / .96);border-color:rgb(from var(--primary) r g b / .46)}.component-entry:focus-visible{z-index:2;outline:2px solid var(--primary);outline-offset:2px;position:relative}.component-index{color:var(--text-muted);letter-spacing:.08em;grid-area:index;align-self:start;padding-top:5px;font-size:9px;font-weight:680}.component-glyph{background:linear-gradient(180deg, var(--hardware-base), var(--hardware-deep));border:1px solid rgb(from var(--color-white) r g b / .12);width:150px;height:64px;box-shadow:inset 0 1px 0 rgb(from var(--color-white) r g b / .06), 0 8px 20px rgb(from var(--color-black) r g b / .26);border-radius:5px;grid-area:glyph;align-items:center;padding:10px 14px;display:flex;position:relative;overflow:hidden}.glyph-status{background:var(--success);width:5px;height:5px;box-shadow:0 0 7px rgb(from var(--success) r g b / .58);border-radius:50%;flex:none;margin-right:14px}.glyph-port-grid{flex:1;grid-template-columns:repeat(6,1fr);gap:5px 4px;display:grid}.glyph-port-grid i,.glyph-firewall-ports i{background:var(--hardware-black);border:1px solid rgb(from var(--color-white) r g b / .12);border-radius:1px;height:14px;position:relative}.glyph-port-grid i:nth-child(7),.glyph-port-grid i:nth-child(8),.glyph-port-grid i:nth-child(9),.glyph-port-grid i:nth-child(10){border-color:rgb(from var(--primary) r g b / .5)}.firewall-glyph{justify-content:space-between}.glyph-shield{width:30px;height:30px;color:var(--primary);place-items:center;display:grid}.glyph-shield svg{width:25px;height:25px}.glyph-firewall-ports{grid-template-columns:repeat(4,1fr);gap:6px;width:86px;display:grid}.glyph-firewall-ports i{height:22px}.server-glyph{gap:4px;padding:9px 14px;display:grid}.glyph-server-row{background:var(--hardware-black);border:1px solid rgb(from var(--color-white) r g b / .08);border-radius:2px;align-items:center;gap:5px;height:12px;padding:0 5px;display:flex}.glyph-server-row i{background:var(--success);border-radius:50%;width:3px;height:3px;margin-right:auto}.glyph-server-row b{background:var(--hardware-dark);border-radius:1px;width:22px;height:3px}.rack-glyph{gap:3px;padding:7px 14px;display:grid}.glyph-rack-row{background:var(--hardware-black);border:1px solid rgb(from var(--color-white) r g b / .08);border-radius:1px;grid-template-columns:5px minmax(0,1fr) 22px;align-items:center;gap:5px;height:10px;padding:0 5px;display:grid}.glyph-rack-row i{background:var(--success);border-radius:1px;width:3px;height:3px}.glyph-rack-row b{background:var(--hardware-dark);height:2px}.glyph-rack-row b:last-child{background:var(--info)}.component-type{color:var(--primary);letter-spacing:.09em;text-transform:uppercase;font-size:8px;font-weight:700}.component-copy{grid-area:copy;min-width:0}.component-copy h3{letter-spacing:-.02em;margin:5px 0;font-size:17px;font-weight:620}.component-copy p{max-width:320px;color:var(--text-secondary);margin:0;font-size:10px;line-height:1.55}.component-meta{grid-area:meta;justify-content:flex-start;align-self:end;gap:6px;display:flex}.component-meta span{color:var(--text-secondary);white-space:nowrap;background:var(--surface-control);border:1px solid rgb(from var(--color-white) r g b / .07);border-radius:var(--radius-control);padding:5px 7px;font-size:8px;font-weight:620}.component-open{width:34px;height:34px;color:var(--text-secondary);background:var(--surface-control);border:1px solid rgb(from var(--color-white) r g b / .11);border-radius:var(--radius-control);transition:color var(--transition-fast), background var(--transition-fast), border-color var(--transition-fast);grid-area:open;place-items:center;display:grid}.component-open svg{width:15px;height:15px}.component-entry:hover .component-open{color:var(--color-white);background:var(--primary);border-color:var(--primary)}.overview-footer{color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;padding:17px 8px 0;font-size:8px;display:flex}@media (prefers-reduced-motion:no-preference){.overview-hero,.component-catalog{animation:.42s both overview-reveal}.component-catalog{animation-delay:90ms}}@keyframes overview-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}