.systems-hub{background:var(--white);color:var(--ink)}.sys-hero{position:relative;padding:140px 0 80px;overflow:clip}.sys-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E"),linear-gradient(var(--ink-25) 1px,transparent 1px),linear-gradient(90deg,var(--ink-25) 1px,transparent 1px);background-size:256px 256px,44px 44px,44px 44px;opacity:.4}.sys-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(600px 300px at 20% 30%,rgb(20 184 166 / 7%),transparent 70%),radial-gradient(500px 250px at 80% 15%,rgb(45 212 191 / 5%),transparent 70%)}.sys-hero .section-inner{position:relative;z-index:1}.sys-breadcrumb{display:flex;align-items:center;gap:6px;font-size:.8125rem;color:var(--ink-muted);margin-bottom:32px}.sys-breadcrumb a{color:inherit;text-decoration:none;transition:color .15s}.sys-breadcrumb a:hover{color:var(--ink)}.sys-breadcrumb .is-current{color:var(--ink);font-weight:600}.sys-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.05;letter-spacing:-.035em;margin-bottom:24px}.sys-title-muted{color:var(--ink-25)}.sys-lead{font-size:1.0625rem;line-height:1.7;color:var(--ink-muted);max-width:520px;margin-bottom:32px}.sys-meta{display:flex;gap:12px}.sys-meta-chip{display:inline-flex;align-items:center;gap:8px;font-family:var(--m);font-size:.8125rem;padding:6px 14px;border-radius:100px;border:1px solid var(--border);background:var(--mist);color:var(--ink-muted)}.sys-dot{width:6px;height:6px;border-radius:50%;background:#22c55e;animation:sys-pulse 2.5s ease-in-out infinite}@keyframes sys-pulse{0%,to{opacity:1}50%{opacity:.4}}.sys-showcase{padding:80px 0}.sys-showcase-grid{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:768px){.sys-showcase-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}}.sys-tool-card{--accent: var(--tool-accent, #14b8a6);position:relative;display:flex;flex-direction:column;gap:16px;padding:32px 28px;border-radius:16px;border:1px solid var(--border);background:var(--mist);text-decoration:none;color:var(--ink);transition:border-color .25s,background .25s,transform .2s,box-shadow .25s;overflow:hidden}.sys-tool-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent);opacity:.7;transition:opacity .25s}.sys-tool-card:hover{border-color:color-mix(in srgb,var(--accent) 35%,var(--border));background:var(--mist-d);transform:translateY(-3px);box-shadow:0 12px 32px color-mix(in oklab,var(--accent) 10%,transparent)}.sys-tool-card:hover:before{opacity:1}.sys-card-header{display:flex;align-items:center;justify-content:space-between}.sys-card-icon{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:8px;background:rgb(from var(--tool-accent, var(--accent)) r g b / 12%);color:var(--tool-accent, var(--accent));font-size:.875rem;font-weight:800;font-family:JetBrains Mono,ui-monospace,monospace;line-height:1;letter-spacing:-.02em}.sys-card-status{font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 10px;border-radius:100px}.sys-card-status.is-live{background:#22c55e1f;color:#22c55e;border:1px solid rgb(34 197 94 / 20%)}.sys-card-status.is-preview{background:color-mix(in oklab,var(--accent) 8%,var(--mist));color:var(--ink-muted);border:1px solid var(--border)}.sys-card-title{font-size:1.5rem;font-weight:750;line-height:1.15;letter-spacing:-.02em}.sys-card-desc{font-size:.9375rem;line-height:1.65;color:var(--ink-muted);flex:1}.sys-card-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:16px;border-top:1px solid var(--border);margin-top:auto}.sys-card-tech{font-family:var(--m);font-size:.6875rem;letter-spacing:.03em;color:var(--ink-25)}.sys-card-open{font-size:.875rem;font-weight:600;color:var(--accent);white-space:nowrap;transition:color .15s}.sys-tool-card:hover .sys-card-open{color:var(--ink)}.sys-cta{padding:80px 0;border-top:1px solid var(--border)}.sys-cta-inner{max-width:520px;text-align:center;margin:0 auto}.sys-cta-inner h2{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700;letter-spacing:-.02em;margin-bottom:12px}.sys-cta-inner p{font-size:1.0625rem;line-height:1.7;color:var(--ink-muted);margin-bottom:32px}.sys-cta-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.sys-btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:10px;font-size:.9375rem;font-weight:600;color:var(--on-accent);background:var(--blue);text-decoration:none;transition:background .2s,transform .15s,box-shadow .2s}.sys-btn-primary:hover{background:var(--blue-hover);transform:translateY(-1px);box-shadow:0 6px 20px color-mix(in oklab,var(--blue) 30%,transparent)}.sys-btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:10px;font-size:.9375rem;font-weight:600;color:var(--ink-muted);border:1px solid var(--border);background:transparent;text-decoration:none;transition:border-color .2s,color .2s,transform .15s}.sys-btn-ghost:hover{border-color:var(--border-d);color:var(--ink);transform:translateY(-1px)}:is(html.dark,:root[data-theme=dark]) .sys-hero:before{opacity:.7}:is(html.dark,:root[data-theme=dark]) .sys-hero:after{background:radial-gradient(600px 300px at 20% 30%,rgb(20 184 166 / 10%),transparent 70%),radial-gradient(500px 250px at 80% 15%,rgb(45 212 191 / 7%),transparent 70%)}:is(html.dark,:root[data-theme=dark]) .sys-card-status.is-live{background:#22c55e26;color:#4ade80}@media(max-width:768px){.sys-hero{padding:112px 0 56px}.sys-showcase,.sys-cta{padding:56px 0}.sys-card-tech{display:none}.sys-title{font-size:clamp(2rem,8vw,3rem)}}