:root{--hue-amber:var(--ill-amber);--hue-green:var(--ill-green);--hue-blue:var(--ill-blue)}.panel-card-watermark{--wm-pace:1}.mega-icon{--wm-pace:.3}:is(.panel-card-watermark,.mega-icon) svg *,.mega-icon *{transform-box:fill-box;transform-origin:50%}.panel-card-watermark[data-motion=running][data-wm=sun]>svg{animation:16s linear infinite wm-turn}.mega-product:is(:hover,:focus-visible)>.mega-icon[data-wm=sun]{animation:4s linear infinite wm-turn}.panel-card-watermark[data-motion=running][data-wm=bolt]>svg,.mega-product:is(:hover,:focus-visible)>.mega-icon[data-wm=bolt]{animation:wm-flicker calc(7s * var(--wm-pace)) steps(1) infinite}.panel-card-watermark[data-motion=running][data-wm=chip]>svg,.mega-product:is(:hover,:focus-visible)>.mega-icon[data-wm=chip]{animation:wm-pulse calc(6s * var(--wm-pace)) ease-in-out infinite}.panel-card-watermark[data-motion=running][data-wm=signal]>svg,.mega-product:is(:hover,:focus-visible)>.mega-icon[data-wm=signal]{animation:wm-signal calc(5s * var(--wm-pace)) ease-in-out infinite}.panel-card-watermark[data-motion=running][data-wm=stack] svg>:first-child,.mega-product:is(:hover,:focus-visible)>.mega-icon[data-wm=stack]>:first-child{animation:wm-rise calc(7s * var(--wm-pace)) ease-in-out infinite}.panel-card-watermark[data-motion=running][data-wm=stack] svg>:last-child,.mega-product:is(:hover,:focus-visible)>.mega-icon[data-wm=stack]>:last-child{animation:wm-settle calc(7s * var(--wm-pace)) ease-in-out infinite}.panel-card-watermark[data-motion=running][data-wm=wind] path,.mega-product:is(:hover,:focus-visible)>.mega-icon[data-wm=wind] path{animation:wm-gust calc(6s * var(--wm-pace)) ease-in-out infinite}.panel-card-watermark[data-motion=running][data-wm=wave] path,.mega-product:is(:hover,:focus-visible)>.mega-icon[data-wm=wave] path{animation:wm-roll calc(7s * var(--wm-pace)) ease-in-out infinite}:is(.panel-card-watermark,.mega-icon)[data-wm=wind] path:nth-child(2),:is(.panel-card-watermark,.mega-icon)[data-wm=wave] path:nth-child(2){animation-delay:calc(-2s * var(--wm-pace))}:is(.panel-card-watermark,.mega-icon)[data-wm=wind] path:nth-child(3),:is(.panel-card-watermark,.mega-icon)[data-wm=wave] path:nth-child(3){animation-delay:calc(-4s * var(--wm-pace))}.panel-card-watermark[data-motion=running][data-wm=sway]>svg,.mega-product:is(:hover,:focus-visible)>.mega-icon[data-wm=sway]{animation:wm-sway calc(7s * var(--wm-pace)) ease-in-out infinite}.panel-card-watermark[data-motion=running][data-wm=blink]>svg,.mega-product:is(:hover,:focus-visible)>.mega-icon[data-wm=blink]{animation:wm-blink calc(6s * var(--wm-pace)) ease-in-out infinite}.panel-card-watermark[data-motion=running][data-wm=nudge]>svg,.mega-product:is(:hover,:focus-visible)>.mega-icon[data-wm=nudge]{animation:wm-gust calc(6s * var(--wm-pace)) ease-in-out infinite}.panel-card-watermark[data-motion=running][data-wm=breathe]>svg,.mega-product:is(:hover,:focus-visible)>.mega-icon[data-wm=breathe]{animation:wm-breathe calc(8s * var(--wm-pace)) ease-in-out infinite}@keyframes wm-turn{to{transform:rotate(45deg)}}@keyframes wm-flicker{0%,to{opacity:1}4%{opacity:.35}6%{opacity:1}9%{opacity:.55}11%{opacity:1}}@keyframes wm-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes wm-signal{0%,72%,80%,88%,to{opacity:1}76%,84%{opacity:.4}}@keyframes wm-rise{0%,to{transform:none}50%{transform:translateY(-.8px)}}@keyframes wm-settle{0%,to{transform:none}50%{transform:translateY(.8px)}}@keyframes wm-gust{0%,to{transform:none}50%{transform:translate(1px)}}@keyframes wm-roll{0%,to{transform:none}50%{transform:translate(-1.2px)}}@keyframes wm-sway{0%,to{transform:none}50%{transform:rotate(-6deg)}}@keyframes wm-blink{0%,44%,56%,to{transform:none}50%{transform:scaleY(.2)}}@keyframes wm-breathe{0%,to{transform:none}50%{transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.panel-card-watermark,.panel-card-watermark *,.mega-icon,.mega-icon *{animation:none!important}}.panel-card{--panel-illustration:108px;--panel-on-fill:var(--white);--card-pad:30px;--card-edge:1px;--card-bleed:calc(var(--card-pad) - var(--card-edge));--card-inner-radius:calc(var(--surface-radius) - var(--card-edge));flex-direction:column;gap:32px;padding:30px 30px 36px;display:flex}.panel-card>.capability-visual{width:calc(100% + 2 * var(--card-bleed));margin:calc(-1 * var(--card-bleed)) calc(-1 * var(--card-bleed)) 0;border-radius:var(--card-inner-radius) var(--card-inner-radius) 0 0;overflow:hidden}.panel-card>.text-link{margin-top:auto}.panel-card>.panel-card-meta{text-align:right;letter-spacing:1px;max-width:100%;color:var(--subtle);align-self:flex-end;margin-top:auto;font-size:12px;line-height:1.4}.panel-card>.text-link:has(+.panel-card-meta){max-width:150px}.panel-card>.text-link+.panel-card-meta{right:var(--card-pad);max-width:calc(100% - 2 * var(--card-pad) - 150px - 12px);margin:0;line-height:20px;position:absolute;bottom:36px}.panel-card-head{grid-template-columns:var(--panel-illustration) minmax(0, 1fr);align-items:center;gap:24px;display:grid}.panel-card-illustration{width:var(--panel-illustration);height:var(--panel-illustration);place-items:center;display:grid}.panel-card-illustration>*{width:100%;height:100%}.panel-card-heading h3{letter-spacing:-.01em;margin:0 0 8px;font-size:25px;font-weight:600;line-height:1.3}.panel-card-heading p{color:var(--subtle);margin:0;font-size:18px;line-height:1.45}.panel-card[data-featured]{--glass-surface-rest:var(--blue-deep);--glass-surface-hover:var(--blue-deep);--glass-surface-rim:transparent;color:var(--panel-on-fill)}.panel-card[data-featured] :is(h3,p,li,.text-link,.panel-card-meta,.panel-card-watermark){color:var(--panel-on-fill)}.panel-card>.panel-card-watermark{right:var(--card-pad);bottom:var(--card-pad);z-index:1;aspect-ratio:1;height:58%;max-height:240px;max-width:calc(100% - 2 * var(--card-pad));pointer-events:none;color:var(--watermark-ink,var(--blue));opacity:var(--watermark-alpha,var(--watermark-hue-alpha,.1));position:absolute}.panel-card>.panel-card-watermark>svg{stroke-width:.4px;width:100%;height:100%;display:block}.panel-card-watermark[data-hue]{--watermark-hue-alpha:.15}.panel-card-watermark[data-hue=amber]{--watermark-ink:var(--hue-amber);--watermark-hue-alpha:.18}.panel-card-watermark[data-hue=green]{--watermark-ink:var(--hue-green)}.panel-card-watermark[data-hue=blue]{--watermark-ink:var(--hue-blue)}.panel-card[data-featured]{--watermark-alpha:.1}.panel-card[data-pulse]:after{content:"";z-index:1;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1.5px var(--blue), inset 0 0 26px color-mix(in srgb, var(--blue) 24%, transparent);opacity:.3;animation:4.8s ease-in-out infinite panel-pulse;animation-play-state:var(--diagram-play-state,paused);position:absolute;inset:0}@keyframes panel-pulse{50%{opacity:1}}@media (prefers-reduced-motion:reduce){.panel-card[data-pulse]:after{opacity:1;box-shadow:inset 0 0 0 1.5px var(--blue);animation:none}}@media (width<=560px){.panel-card{--panel-illustration:84px;--card-pad:22px;gap:24px;padding:24px 22px 28px}.panel-card-head{grid-template-columns:minmax(0,1fr);justify-items:start;gap:18px}.panel-card>.capability-visual{margin-top:-23px}.panel-card>.text-link+.panel-card-meta{bottom:28px}}.panel-disc{background:var(--accent);color:var(--text);border-radius:50%;place-items:center;display:grid}.panel-card[data-featured] .panel-disc{background:color-mix(in srgb, var(--white) 16%, transparent);color:var(--panel-on-fill)}.panel-checklist{gap:6px;margin:0;padding:0;list-style:none;display:grid}.panel-checklist li{color:var(--subtle);grid-template-columns:18px minmax(0,1fr);align-items:start;gap:8px;font-size:16px;line-height:1.6;display:grid}.panel-checklist svg{width:18px;height:18px;fill:var(--blue);stroke:var(--surface-rest);margin-top:4px}.panel-card[data-featured] .panel-checklist svg{fill:var(--panel-on-fill);stroke:var(--blue-deep)}.panel-disc svg{width:44%;height:auto}