.vg-hero-subp__visual{place-items:center;width:100%;height:100%;min-height:24rem;display:grid;position:relative}.vg-hero-subp__core{z-index:3;width:96px;height:96px;box-shadow:0 0 0 1px oklch(var(--teal-8) / .4), 0 18px 36px -12px #5fc8fa73;background:radial-gradient(circle at 35% 30%,#5fc8fa80 0%,#3a6a82b3 60%,#0c1a22e6 100%);background:radial-gradient(circle at 35% 30%,lab(75.8662% -20.2783 -34.574/.5) 0%,lab(42.1389% -11.3598 -18.8209/.7) 60%,lab(8.41654% -4.37266 -7.25818/.9) 100%);border-radius:50%;place-items:center;display:grid;position:relative}@supports (color:lab(0% 0 0)){.vg-hero-subp__core{box-shadow:0 0 0 1px oklch(var(--teal-8) / .4), 0 18px 36px -12px lab(75.8662% -20.2783 -34.574/.45)}}.vg-hero-subp__core-icon{object-fit:contain;filter:drop-shadow(0 10px 18px #00000038);filter:drop-shadow(0 10px 18px lab(0% 0 0/.22));width:72px;height:72px}.vg-hero-subp__nodes{place-items:center;margin:0;padding:0;list-style:none;display:grid;position:absolute;inset:0}.vg-hero-subp__node{text-align:center;z-index:2;width:76px;height:76px;font-family:var(--font-sans);background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute}.vg-hero-subp__node-icon{object-fit:contain;background:#fffffff5;background:lab(100% 0 0/.96);border-radius:12px;width:48px;height:48px;padding:4px;box-shadow:0 8px 16px -10px #000000b3;box-shadow:0 8px 16px -10px lab(0% 0 0/.7)}.vg-hero-subp__ring{border:1px dashed oklch(var(--teal-8) / .18);pointer-events:none;border-radius:50%;position:absolute}.vg-hero-subp__ring--inner{width:200px;height:200px}.vg-hero-subp__ring--outer{border-color:oklch(var(--teal-8) / .1);width:320px;height:320px}@media (max-width:880px){.vg-hero-subp__visual{transform-origin:top;max-width:320px;height:220px;min-height:220px;margin-inline:auto;transform:scale(.72)}}@media (max-width:767px){.vg-hero-subp__visual{display:none}}.subp-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:1rem;margin:1.25rem 0 2rem;display:grid}.subp-card{border:1px solid oklch(var(--border));background:oklch(var(--card));box-shadow:var(--shadow-soft-md);border-radius:.625rem;flex-direction:column;gap:1rem;padding:1.25rem;transition:box-shadow .2s;display:flex}.subp-card:hover{box-shadow:var(--shadow-card-glow)}.subp-card__head{grid-template-columns:auto 1fr auto;align-items:center;gap:.85rem;display:grid}.subp-card__icon{background:oklch(var(--primary) / .1);border:1px solid oklch(var(--border));border-radius:8px;place-items:center;width:38px;height:38px;display:grid;overflow:hidden}.subp-card__icon[data-category=Payments]{background:oklch(var(--primary) / .12)}.subp-card__icon[data-category=Storage],.subp-card__icon[data-category=Hosting]{background:oklch(var(--muted))}.subp-card__icon-img{object-fit:contain;border-radius:5px;width:26px;height:26px}.subp-card__id{flex-direction:column;min-width:0;display:flex}.subp-card__name{font-size:var(--mkt-text-copy-18);font-weight:var(--mkt-weight-semibold);letter-spacing:var(--mkt-tracking-none);margin:0}.subp-card__category{font-size:var(--mkt-text-label-12);letter-spacing:var(--mkt-tracking-eyebrow);text-transform:uppercase;color:oklch(var(--muted-foreground));margin-top:.1rem}.subp-card__region{font-family:var(--font-mono);font-size:var(--mkt-text-label-12);letter-spacing:.04em;color:oklch(var(--muted-foreground));border:1px solid oklch(var(--border));white-space:nowrap;border-radius:999px;padding:.25rem .5rem}.subp-card__body{gap:.65rem;margin:0;display:grid}.subp-card__body div{grid-template-columns:70px 1fr;gap:.75rem;display:grid}.subp-card__body dt{font-size:var(--mkt-text-label-12);letter-spacing:var(--mkt-tracking-eyebrow);text-transform:uppercase;color:oklch(var(--muted-foreground));padding-top:.15rem}.subp-card__body dd{font-size:var(--mkt-text-copy-14);line-height:var(--mkt-leading-body);color:oklch(var(--foreground));margin:0}.subp-card__dpa{font-family:var(--font-mono);font-size:var(--mkt-text-copy-14);font-weight:var(--mkt-weight-medium);color:oklch(var(--primary));border-top:1px solid oklch(var(--border));margin-top:auto;padding-top:.5rem;text-decoration:none}.subp-card__dpa:hover{text-underline-offset:3px;text-decoration:underline}