.systems-page{min-height:100dvh;isolation:isolate}.systems-page .systems-main{max-width:1240px;padding-top:58px;padding-bottom:44px;position:relative;z-index:1}.systems-intro{display:flex;align-items:center;justify-content:space-between;gap:36px;margin-bottom:38px}.systems-eyebrow{display:flex;align-items:center;gap:10px;color:var(--muted-foreground);font-size:10px;font-weight:550;letter-spacing:2.4px;margin-bottom:16px}.systems-eyebrow>span{width:19px;height:2px;border-radius:2px;background:var(--primary);box-shadow:0 0 12px color-mix(in srgb,var(--primary) 30%,transparent)}.systems-intro h1{font-size:clamp(38px,4.1vw,58px);font-weight:600;letter-spacing:-2.6px;line-height:1.05;margin:0 0 20px;color:var(--foreground)}.systems-intro h1>span{color:var(--primary)}.systems-intro p{font-size:14px;line-height:1.85;color:var(--muted-foreground);margin:0}.systems-overview{border-left:1px solid var(--border);padding-left:28px;flex:none;margin-top:24px}.systems-overview>div{display:flex;align-items:center;gap:16px}.systems-total{font-size:46px;line-height:1;font-weight:400;letter-spacing:-2px;font-variant-numeric:tabular-nums;color:var(--foreground)}.systems-overview>div>span:last-child{display:grid;gap:7px;font-size:11px;color:var(--muted-foreground)}.systems-overview svg{color:var(--primary)}.systems-overview>a{display:flex;align-items:center;gap:12px;font-size:11px;margin-top:19px;color:var(--foreground);text-decoration:none;transition:color .2s}.systems-overview>a:hover{color:var(--primary)}.systems-toolbar{justify-content:space-between;gap:14px;border-block:1px solid var(--border);padding:14px 0;margin-bottom:28px}.systems-filters,.systems-toolbar{display:flex;flex-wrap:wrap;align-items:center}.systems-filters{gap:5px;min-width:0}.systems-filters>button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border:1px solid transparent;background:transparent;border-radius:8px;padding:7px 11px;color:var(--muted-foreground);font-size:11px;font-weight:500;white-space:nowrap;transition:background .2s,color .2s,border-color .2s}.systems-filters>button:hover{background:color-mix(in srgb,var(--card) 65%,transparent);color:var(--foreground)}.systems-filters>button[aria-pressed=true]{color:var(--foreground);border-color:var(--border);background:color-mix(in srgb,var(--card) 85%,transparent);box-shadow:inset 0 1px 0 color-mix(in srgb,var(--foreground) 4%,transparent)}.systems-filters small{font-size:10px;color:var(--muted-foreground);font-variant-numeric:tabular-nums;min-width:12px;text-align:center}.systems-filters>button[aria-pressed=true] small{color:var(--primary)}.systems-tools{gap:8px}.systems-search,.systems-tools{display:flex;align-items:center;min-width:0}.systems-search{gap:9px;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--background) 65%,transparent);padding:0 11px;width:232px;height:38px;color:var(--muted-foreground);transition:border-color .2s}.systems-search:focus-within{border-color:var(--primary);outline:2px solid color-mix(in srgb,var(--primary) 18%,transparent);outline-offset:2px}.systems-search input{border:0;outline:none;background:transparent;box-shadow:none;padding:8px 0;font-size:11px;min-width:0;width:100%;color:var(--foreground)}.systems-search input::placeholder{color:var(--muted-foreground);opacity:.85}.systems-search input::-webkit-search-cancel-button{display:none}.systems-search button{display:grid;place-items:center;flex:none;width:24px;height:26px;padding:0;border:0;background:transparent;color:var(--muted-foreground);border-radius:4px}.systems-refresh{display:grid;place-items:center;width:38px;height:38px;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--muted-foreground);flex:none;transition:color .2s,background .2s}.systems-refresh:hover:not(:disabled){background:var(--card);color:var(--primary)}.systems-loading-label svg,.systems-refresh .is-refreshing{animation:systems-refresh 1.1s linear infinite}.systems-storage-notice{font-size:12px;color:var(--warning);margin:0 0 22px}.systems-results{min-height:180px}.systems-group{margin-bottom:31px;min-width:0}.systems-group-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:15px}.systems-group-heading h2{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:500;color:var(--foreground);margin:0}.systems-group-heading h2 svg{color:var(--muted-foreground)}.systems-group-heading>span{font-size:10px;color:var(--muted-foreground);font-variant-numeric:tabular-nums}.systems-footnote{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;border-top:1px solid var(--border);padding-top:22px;color:var(--muted-foreground);font-size:10px;line-height:1.6}.systems-footnote>a,.systems-footnote>span{display:flex;align-items:center;gap:7px}.systems-footnote>a{color:var(--foreground);text-decoration:none}.systems-footnote>a:hover{color:var(--primary)}.systems-state{border:1px solid var(--border);border-radius:20px;background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 5%,var(--card)),color-mix(in srgb,var(--background) 80%,transparent));padding:65px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;min-width:0}.systems-state-icon{display:grid;place-items:center;width:62px;height:62px;background:var(--primary-soft);color:var(--primary);border:1px solid var(--border);border-radius:17px;margin-bottom:25px}.systems-state h2{font-size:26px;font-weight:550;letter-spacing:-.6px;line-height:1.3;color:var(--foreground);margin:0 0 13px;overflow-wrap:anywhere}.systems-state p{font-size:13px;line-height:1.85;max-width:465px;color:var(--muted-foreground);margin:0 0 25px}.systems-state-actions{display:flex;justify-content:center;align-items:center;gap:24px;flex-wrap:wrap}.systems-state-actions>a{display:flex;align-items:center;gap:7px;font-size:12px}.systems-state-actions>a:not([data-slot=button]){color:var(--muted-foreground);text-decoration:none}.systems-filter-empty{margin:3px 0 30px;padding:43px 22px}.systems-filter-empty h2{font-size:23px}.systems-loading-label{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted-foreground);margin-bottom:24px}.systems-skeleton-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.systems-skeleton-grid>div{height:395px;border:1px solid var(--border);border-radius:19px;background:linear-gradient(105deg,var(--card) 20%,var(--surface-alt) 40%,var(--card) 60%);background-size:200% 100%;animation:systems-skeleton 2s ease-in-out infinite}.systems-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.system-card{--system-accent:#96c7ff;--system-rgb:99,167,245;position:relative;min-width:0;border:1px solid rgba(var(--system-rgb),.24);border-radius:20px;background:linear-gradient(145deg,#142235,#0d1623 68%);box-shadow:0 12px 32px #00000018,inset 0 1px 0 #ffffff08;transition:border-color .25s,box-shadow .25s,transform .25s}.system-card--virtual{--system-accent:#ffc08e;--system-rgb:240,148,77;background:linear-gradient(145deg,#30231e,#1b1717 68%)}.system-card--medusa{--system-accent:#a5e6ba;--system-rgb:94,191,130;background:linear-gradient(145deg,#1d2c26,#131d1a 68%)}.system-card:before{content:"";position:absolute;top:0;left:30px;right:30px;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--system-rgb),.7),transparent);pointer-events:none}.system-card-link{display:flex;flex-direction:column;min-width:0;height:100%;padding:30px;color:#edf3fb;text-decoration:none;border-radius:inherit;outline-offset:5px}.system-card-link:focus-visible{outline:2px solid var(--system-accent)}.system-card-identity{display:flex;align-items:center;gap:15px;padding-right:45px;margin-bottom:34px;min-width:0}.system-logo{display:grid;place-items:center;width:60px;height:60px;flex:none;border-radius:16px;background:#08101a45;border:1px solid rgba(var(--system-rgb),.22);box-shadow:inset 0 1px 0 #ffffff07}.systems-page .system-logo .brandmark-v2{--brand-width:38px;--brand-height:38px;width:38px;height:38px;transform:none}.system-product-label{display:grid;gap:5px;min-width:0;overflow-wrap:anywhere}.system-product-label>span{font-size:13px;line-height:1.45;font-weight:600;color:var(--system-accent)}.system-product-label>small{font-size:10px;line-height:1.5;color:#aebbc9}.system-favorite{position:absolute;z-index:2;right:25px;top:36px;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;border:1px solid #ffffff12;background:#ffffff04;color:#9daaba;transition:color .2s,background .2s,border-color .2s}.system-favorite:hover,.system-favorite[aria-pressed=true]{color:var(--system-accent);background:rgba(var(--system-rgb),.09);border-color:rgba(var(--system-rgb),.4)}.system-favorite[aria-pressed=true] svg{fill:rgba(var(--system-rgb),.22)}.system-favorite:focus-visible{outline:2px solid var(--system-accent);outline-offset:3px}.system-card-body{min-width:0;flex:1}.system-card-kicker{display:block;margin-bottom:10px;font-size:9px;letter-spacing:1.8px;font-weight:500;color:#9ba9bb}.system-card h3{font-size:clamp(24px,2.4vw,32px);font-weight:550;letter-spacing:-.85px;line-height:1.2;color:#f3f6fb;margin:0 0 13px;overflow-wrap:anywhere}.system-card-body>p{font-size:13px;line-height:1.8;color:#b4bfd0;margin:0;max-width:410px;overflow-wrap:anywhere}.system-card-details{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:18px;border-top:1px solid rgba(var(--system-rgb),.15);margin-top:28px;padding-block:20px}.system-card-details>div{display:grid;align-content:start;gap:7px;min-width:0}.system-card-details>div+div{border-left:1px solid rgba(var(--system-rgb),.15);padding-left:20px}.system-card-details span{font-size:10px;color:#9ba9bb}.system-card-details strong{display:flex;align-items:center;gap:6px;font-size:11px;line-height:1.5;font-weight:500;color:#e0e7f0;overflow-wrap:anywhere}.system-card-details svg{flex:none;color:var(--system-accent)}.system-card-action{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:12px 17px;border-radius:10px;border:1px solid rgba(var(--system-rgb),.34);background:linear-gradient(110deg,rgba(var(--system-rgb),.17),rgba(var(--system-rgb),.07));box-shadow:inset 0 1px 0 #ffffff08;color:var(--system-accent);font-size:12px;font-weight:550;transition:background .25s,border-color .25s}.system-card-action svg{flex:none;transition:transform .25s}@media(hover:hover) and (pointer:fine){.system-card:hover{transform:translateY(-3px);border-color:rgba(var(--system-rgb),.5);box-shadow:0 20px 40px #00000023,inset 0 1px 0 #ffffff0b}.system-card-link:hover .system-card-action{background:rgba(var(--system-rgb),.2);border-color:rgba(var(--system-rgb),.5)}.system-card-link:hover .system-card-action svg{transform:translateX(3px)}}@media(max-width:1024px){.systems-page .systems-main{padding-top:38px}.systems-intro h1{font-size:48px}.systems-toolbar{gap:12px}.systems-tools{flex:1;justify-content:flex-end}.system-card-link{padding:25px}.system-favorite{right:20px;top:31px}.system-card-identity{gap:12px}.systems-search{width:210px}}@media(max-width:767px){.systems-page .systems-main{padding-top:30px}.systems-intro{gap:24px;margin-bottom:26px}.systems-intro h1{font-size:42px;letter-spacing:-1.7px}.systems-intro p{font-size:12px}.systems-overview{padding-left:18px}.systems-total{font-size:34px}.systems-overview>a{font-size:10px;max-width:140px}.systems-overview>div{gap:10px}.systems-overview>div>span:last-child{font-size:10px}.systems-grid{gap:16px}.system-card-link{padding:22px}.system-card-identity{gap:10px;padding-right:32px}.system-product-label>span{font-size:11px}.system-product-label>small{font-size:9px}.system-logo{width:52px;height:52px;border-radius:13px}.system-favorite{top:27px;right:15px;width:34px;height:38px}.system-card-body>p{font-size:12px}.system-card-details{gap:12px}.system-card-details>div+div{padding-left:12px}}@media(max-width:639px){.systems-intro{flex-direction:column;align-items:stretch;gap:25px}.systems-intro h1{font-size:43px;margin-bottom:15px}.systems-intro p{line-height:1.8}.systems-eyebrow{font-size:9px;letter-spacing:1.6px}.systems-overview{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0;border:0;margin:0}.systems-total{font-size:26px;letter-spacing:-1px}.systems-overview>div>span:last-child{display:flex;align-items:center;gap:6px;font-size:10px}.systems-overview>div>span:last-child>svg{display:none}.systems-overview>a{margin:0;max-width:128px;text-align:right;gap:6px;font-size:10px;line-height:1.5}.systems-toolbar{flex-direction:column;align-items:stretch;padding:12px 0;gap:11px;margin-bottom:25px}.systems-tools{order:-1}.systems-search{width:auto;flex:1;height:42px}.systems-search input{font-size:12px}.systems-refresh{width:42px;height:42px}.systems-filters{flex-wrap:nowrap;overflow-x:auto;max-width:100%;padding:3px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.systems-filters>button{flex:none;min-height:40px;font-size:11px;padding:7px 10px;gap:5px}.systems-grid,.systems-skeleton-grid{grid-template-columns:minmax(0,1fr)}.system-card-link{padding:24px}.system-card-identity{margin-bottom:28px;gap:13px;padding-right:38px}.system-logo{width:56px;height:56px}.system-favorite{top:31px;right:21px;width:36px;height:40px}.system-product-label>span{font-size:12px}.system-product-label>small{font-size:10px}.system-card h3{font-size:28px}.system-card-details{margin-top:24px}.system-card-action{min-height:48px}.systems-footnote{display:grid;gap:12px;padding-top:21px}.systems-state{padding:40px 20px}.systems-state h2{font-size:24px}.systems-state p{font-size:12px}.systems-state-actions{gap:18px}.systems-skeleton-grid>div{height:395px}}@keyframes systems-refresh{to{transform:rotate(1turn)}}@keyframes systems-skeleton{0%,to{background-position:100% 50%}50%{background-position:0 50%}}@media(prefers-reduced-motion:reduce){.systems-page .system-card,.systems-page .system-card-action,.systems-page .system-card-action svg{transition:none;transform:none}.systems-loading-label svg,.systems-page .is-refreshing,.systems-skeleton-grid>div{animation:none}}:root[data-reduce-motion=true] .systems-page :is(.system-card,.system-card-action,.system-card-action svg){transition:none;transform:none}:root[data-reduce-motion=true] .systems-page :is(.is-refreshing,.systems-loading-label svg,.systems-skeleton-grid>div){animation:none}