@layer components{.matter .orb-wrap{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(30px,5vw,80px);display:grid}.matter .orb-copy .t-l{max-width:42ch;margin-top:20px}.matter .orb-groups{gap:6px;margin:30px 0 0;padding:0;list-style:none;display:grid}.matter .orb-groups button{text-align:left;border:1px solid #0000;border-radius:16px;grid-template-columns:40px 1fr auto;align-items:center;gap:14px;width:100%;padding:10px 14px 10px 10px;transition:background .25s,border-color .25s,box-shadow .25s;display:grid}.matter .orb-groups button:hover,.matter .orb-groups button.on{background:rgb(var(--card-rgb) / .8);border-color:var(--glass-edge);box-shadow:var(--shadow-soft)}.matter .orb-gi{width:40px;height:40px;color:var(--ink-2);background:#131a3a0f;border-radius:12px;place-items:center;transition:background .25s,color .25s;display:grid}.matter .orb-groups button.on .orb-gi{color:#fff;background:linear-gradient(135deg,#1d2650,#3d55c4)}.matter .orb-gl{min-width:0;display:grid}.matter .orb-gl b{font-weight:560;font-stretch:104%}.matter .orb-gl span{text-overflow:ellipsis;white-space:nowrap;color:var(--soft);font-size:.82rem;overflow:hidden}.matter .orb-gc{font-family:var(--mono);color:var(--soft);font-size:.78rem}.matter .orb-shell{justify-self:center;width:100%;max-width:680px}.matter .orb{aspect-ratio:1;width:100%;position:relative}.matter .orb-core{position:absolute;inset:30%}.matter .orb-core .poster{inset:14%}.matter .orb-caption{z-index:2;text-align:center;pointer-events:none;justify-items:center;width:30%;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.matter .orb-caption b{color:var(--ink);text-shadow:0 1px 12px rgb(var(--bg-rgb) / .9);font-size:clamp(1rem,.8rem + .6vw,1.3rem);font-weight:600;font-stretch:106%}.matter .orb-caption span{color:var(--ink-2);text-shadow:0 1px 10px rgb(var(--bg-rgb) / .95);font-size:.78rem;line-height:1.35}.matter .orb-ring{inset:calc(50% - var(--r));animation:orb-spin var(--dur) linear infinite;border:1px dashed #5570dc40;border-radius:50%;position:absolute}.matter .orb-ring.rev{animation-direction:reverse}.matter .orb-shell.rv{filter:none}.matter .orb.off .orb-ring,.matter .orb.off .orb-chip,.matter .orb:hover .orb-ring,.matter .orb.focus .orb-ring,.matter .orb:hover .orb-chip,.matter .orb.focus .orb-chip{animation-play-state:paused}@keyframes orb-spin{to{transform:rotate(360deg)}}.matter .orb-item{transform:rotate(var(--a));pointer-events:none;transition:opacity .35s var(--ease);position:absolute;inset:0}.matter .orb-pos{transform:translate(-50%, -50%) rotate(calc(-1 * var(--a)));pointer-events:auto;position:absolute;top:0;left:50%}.matter .orb-chip{background:var(--card);border:1px solid var(--line);width:clamp(38px,4.2vw,54px);height:clamp(38px,4.2vw,54px);animation:orb-spin var(--dur) linear infinite reverse;transition:scale .35s var(--ease), box-shadow .35s, border-color .35s;border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:0 10px 22px -14px #1d265073}.matter .orb-ring.rev .orb-chip{animation-direction:normal}.matter .orb-chip svg{width:46%;height:46%}.matter .orb-chip b{font-size:.72rem;font-weight:800}.matter .orb-chip em{white-space:nowrap;color:#fff;background:var(--fill);opacity:0;pointer-events:none;border-radius:8px;padding:3px 8px;font-size:.72rem;font-style:normal;font-weight:560;transition:opacity .25s,translate .25s;position:absolute;top:calc(100% + 6px);translate:0 -4px}.matter .orb-item:hover{z-index:3}.matter .orb-item:hover .orb-chip,.matter .orb-item.lit .orb-chip{border-color:color-mix(in srgb, var(--brand) 45%, transparent);box-shadow:0 0 0 5px color-mix(in srgb, var(--brand) 14%, transparent), 0 14px 26px -14px color-mix(in srgb, var(--brand) 80%, transparent)}.matter .orb-item:hover .orb-chip{scale:1.14}.matter .orb-item:hover em,.matter .orb-item.lit em{opacity:1;translate:0}.matter .orb-item.dim{opacity:.22}@media (max-width:1080px){.matter .orb-wrap{grid-template-columns:minmax(0,1fr)}.matter .orb-shell{grid-row:2}}@media (prefers-reduced-motion:reduce){.matter .orb-ring,.matter .orb-chip{animation:none}}.matter .cta{isolation:isolate;color:#fff;background:radial-gradient(70% 90% at 85%,#5570dc73,#0000 60%),radial-gradient(50% 60% at 100% 0,#e3a4cb4d,#0000 60%),linear-gradient(160deg,#1d2650,#131a3a 65%);border-radius:44px;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;min-height:520px;padding:clamp(32px,5vw,72px);display:grid;position:relative;overflow:hidden;box-shadow:0 50px 100px -50px #131a3ab3}.matter .cta:before{content:"";z-index:-1;background-image:linear-gradient(rgb(var(--card-rgb) / .05) 1px, transparent 1px), linear-gradient(90deg, rgb(var(--card-rgb) / .05) 1px, transparent 1px);background-size:44px 44px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 10%,#000 70%);mask-image:linear-gradient(90deg,#0000 10%,#000 70%)}.matter .cta-orb{z-index:-1;aspect-ratio:1;width:min(46vw,560px);position:absolute;top:50%;right:-4%;transform:translateY(-50%)}.matter .cta-orb .poster{opacity:.6}.matter .cta-copy{grid-column:1;position:relative}.matter .cta-pill{background:rgb(var(--card-rgb) / .1);border:1px solid rgb(var(--edge-rgb) / .18);border-radius:999px;align-items:center;gap:10px;padding:7px 14px 7px 9px;font-size:.9rem;font-weight:540;display:inline-flex}.matter .cta-pill i{background:conic-gradient(from 180deg, var(--pink), var(--lilac), var(--cobalt), #dfe8ff, var(--pink));border-radius:50%;width:16px;height:16px;animation:5s ease-in-out infinite m-breathe}.matter .cta h2{letter-spacing:-.045em;margin:24px 0 0;font-size:clamp(2.6rem,1.2rem + 4.6vw,5.6rem);font-weight:380;font-stretch:110%;line-height:.98}.matter .cta h2 span{background:linear-gradient(100deg,#f3c6e0,#c9bff4 45%,#9fb3ff);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:-.12em;padding-bottom:.12em;display:block}.matter .cta p{color:#c3c9e4;max-width:46ch;margin:22px 0 0;font-size:1.1rem;line-height:1.6}.matter .cta-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.matter .cta-primary{background:var(--card);color:var(--ink);box-shadow:0 14px 30px -14px rgb(var(--edge-rgb) / .5)}.matter .cta-primary:hover{background:var(--tint);transform:translateY(-1px)}.matter .cta-ghost{color:#fff;border:1px solid rgb(var(--edge-rgb) / .25);background:rgb(var(--card-rgb) / .06)}.matter .cta-ghost:hover{background:rgb(var(--card-rgb) / .14)}.matter .cta-facts{border-top:1px solid rgb(var(--edge-rgb) / .12);color:#c3c9e4;flex-wrap:wrap;gap:10px 22px;margin:34px 0 0;padding:22px 0 0;font-size:.9rem;list-style:none;display:flex}.matter .cta-facts li{align-items:center;gap:8px;display:flex}.matter .cta-facts svg{color:#c9bff4}@media (max-width:1080px){.matter .cta{grid-template-columns:minmax(0,1fr)}.matter .cta-orb{opacity:.45;width:80vw;right:-25%}}@media (max-width:560px){.matter .cta{border-radius:30px;min-height:0}}}