.systems-sec{background:var(--bg2);padding:140px 0;position:relative}.systems-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.system-card{border:1px solid var(--line);background:var(--surface);min-height:220px;color:inherit;border-radius:20px;flex-direction:column;padding:28px;text-decoration:none;transition:transform .35s cubic-bezier(.2,.7,.3,1),border-color .35s,box-shadow .35s;display:flex;position:relative;overflow:hidden}.system-card:before{content:"";background:linear-gradient(150deg,transparent 55%,color-mix(in srgb,var(--system-accent)12%,transparent));opacity:0;pointer-events:none;transition:opacity .35s;position:absolute;top:0;bottom:0;left:0;right:0}.system-card:hover{border-color:color-mix(in srgb,var(--system-accent)55%,var(--line));box-shadow:0 28px 60px -32px color-mix(in srgb,var(--system-accent)35%,transparent);transform:translateY(-6px)}.system-card:hover:before{opacity:1}.system-card.is-soon{cursor:default}.system-card.is-soon:hover{transform:translateY(-4px)}.system-industry{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid color-mix(in srgb,var(--system-accent)40%,transparent);color:var(--system-accent);background:color-mix(in srgb,var(--system-accent)10%,transparent);border-radius:100px;align-self:flex-start;padding:5px 11px;font-size:.66rem;display:inline-flex}.system-name{font-family:var(--font-display);letter-spacing:-.02em;margin:18px 0 10px;font-size:1.55rem;font-weight:600;line-height:1.1}.system-tagline{color:var(--muted);flex-grow:1;font-size:.97rem;line-height:1.55}.system-cta{color:var(--system-accent);align-items:center;gap:7px;margin-top:22px;font-size:.92rem;font-weight:600;transition:gap .2s;display:inline-flex}.system-card:hover .system-cta{gap:12px}.system-soon{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);border:1px dashed var(--line);border-radius:8px;align-self:flex-start;margin-top:22px;padding:6px 11px;font-size:.68rem}.system-detail{min-height:100svh;padding:120px 0 140px}.system-detail-back{color:var(--muted);align-items:center;gap:8px;margin-bottom:36px;font-size:.92rem;text-decoration:none;transition:color .2s;display:inline-flex}.system-detail-back:hover{color:var(--accent)}.system-detail-header{max-width:720px;margin-bottom:40px}.system-detail-header h1{font-family:var(--font-display);letter-spacing:-.03em;margin:18px 0 12px;font-size:max(2.2rem,min(5vw,3.6rem));font-weight:600;line-height:1.04}.system-detail-tagline{color:var(--muted);max-width:54ch;font-size:1.15rem;line-height:1.6}.system-detail-desc{color:var(--muted);max-width:62ch;margin-bottom:32px;font-size:1.05rem;line-height:1.72}.system-detail-layout{grid-template-columns:1fr;align-items:start;gap:40px;display:grid}.system-detail-visual,.system-detail-demo{flex-direction:column;align-items:center;width:100%;display:flex}.system-demo-label{border:1px dashed color-mix(in srgb,var(--system-accent,var(--accent))40%,var(--line));background:color-mix(in srgb,var(--system-accent,var(--accent))8%,var(--surface));width:100%;max-width:390px;font-family:var(--font-mono);letter-spacing:.04em;color:var(--muted);text-align:center;border-radius:10px;margin:0 0 14px;padding:10px 14px;font-size:.72rem;line-height:1.45}.system-soon-teaser{border:1px dashed color-mix(in srgb,var(--system-accent)45%,var(--line));background:linear-gradient(160deg,var(--surface),color-mix(in srgb,var(--system-accent)8%,var(--surface)));text-align:center;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:390px;min-height:280px;padding:36px 28px;display:flex}.system-soon-icon{width:52px;height:52px;color:var(--system-accent);border:1px solid color-mix(in srgb,var(--system-accent)35%,var(--line));background:color-mix(in srgb,var(--system-accent)10%,var(--bg2));border-radius:16px;place-items:center;margin-bottom:18px;font-size:1.4rem;display:grid}.system-soon-teaser h2{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:10px;font-size:1.35rem;font-weight:600;line-height:1.15}.system-soon-teaser p{color:var(--muted);max-width:30ch;font-size:.95rem;line-height:1.55}.system-detail-info{min-width:0}.system-detail-block{margin-bottom:40px}.system-detail-block h2{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin-bottom:16px;font-size:.72rem}.system-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:640px;display:grid}.system-feature{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:14px;padding:14px 16px;font-size:.95rem}.system-stack{flex-wrap:wrap;gap:10px;display:flex}.system-stack span{font-family:var(--font-mono);border:1px solid var(--line);background:var(--bg2);color:var(--muted);border-radius:100px;padding:8px 14px;font-size:.78rem}.system-detail-cta{color:#fff;background:var(--system-accent,var(--accent));border-radius:12px;align-items:center;margin-top:20px;padding:15px 26px;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .25s;display:inline-flex}.system-detail-cta:hover{box-shadow:0 16px 40px -12px color-mix(in srgb,var(--system-accent,var(--accent))60%,transparent);transform:translateY(-2px)}@media (min-width:900px){.system-detail-layout{grid-template-columns:minmax(380px,1fr) minmax(320px,1fr);gap:48px 56px}.system-detail-visual{position:-webkit-sticky;position:sticky;top:100px}.system-detail-desc{margin-bottom:0}}@media (max-width:1080px){.systems-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.systems-grid,.system-features{grid-template-columns:1fr}.system-detail{padding:100px 0 120px}}@media (prefers-reduced-motion:reduce){.system-card{transition:border-color .2s}.system-card:hover{transform:none}}