.heroPromoCard{--hpc-surface: color-mix(in oklch, var(--color-surface) 92%, white 8%);--hpc-border: color-mix(in oklch, var(--color-border-subtle) 62%, transparent 38%);--hpc-text: var(--color-text-main);--hpc-text-soft: var(--color-text-soft);--hpc-accent: var(--color-accent);--hpc-accent-soft: var(--color-accent-soft);position:relative;overflow:hidden;border-radius:calc(var(--radius-xl) + 1rem);border:1px solid var(--hpc-border);background:radial-gradient(900px 520px at 65% 30%,color-mix(in oklch,var(--hpc-accent-soft) 28%,transparent) 0%,transparent 62%),radial-gradient(780px 520px at 30% 55%,color-mix(in oklch,var(--hpc-accent) 10%,transparent) 0%,transparent 68%),linear-gradient(180deg,color-mix(in oklch,var(--hpc-surface) 84%,transparent) 0%,var(--hpc-surface) 100%);box-shadow:0 18px 60px color-mix(in oklch,black 25%,transparent 75%),0 1px color-mix(in oklch,white 10%,transparent 90%) inset;isolation:isolate}.heroPromoCard:before{content:"";position:absolute;inset:0;opacity:.55;background-image:radial-gradient(circle at 1px 1px,color-mix(in oklch,var(--hpc-border) 38%,transparent) 1px,transparent 1.2px);background-size:18px 18px;-webkit-mask-image:radial-gradient(ellipse at 60% 30%,black 35%,transparent 72%);mask-image:radial-gradient(ellipse at 60% 30%,black 35%,transparent 72%);pointer-events:none;z-index:0}.heroPromoCard:after{content:"";position:absolute;inset:0;background:radial-gradient(1200px 600px at 50% 50%,transparent 50%,color-mix(in oklch,black 25%,transparent) 100%);pointer-events:none;z-index:0}.heroPromoCard__inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr;gap:clamp(1.25rem,3.5vw,2.25rem);grid-template-areas:"media" "content";padding:clamp(1.5rem,4vw,3rem);min-height:28rem}@media(min-width:56rem){.heroPromoCard__inner{grid-template-columns:1.05fr .95fr;grid-template-areas:"content media";align-items:center;min-height:24rem}}.heroPromoCard__content{grid-area:content;max-width:42rem}.heroPromoCard__media{grid-area:media;position:relative;min-height:14rem;display:grid;place-items:center}.heroPromoCard__eyebrow{margin:0 0 .6rem;font-size:.72rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:color-mix(in oklch,var(--hpc-text-soft) 75%,transparent)}.heroPromoCard__title{margin:0 0 .8rem;color:var(--hpc-text);font-weight:650;letter-spacing:-.03em;line-height:1.08;font-size:clamp(1.8rem,3.2vw,3rem)}.heroPromoCard__body{color:var(--hpc-text-soft);line-height:1.65;font-size:clamp(.98rem,1.05vw,1.1rem);max-width:38rem}.heroPromoCard__actions{margin-top:1.35rem;display:flex;align-items:center;gap:.75rem}.heroPromoCard__cta{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:0 3px;text-wrap:nowrap}.heroPromoCard[data-media-backdrop=on] .heroPromoCard__media:after{content:"";position:absolute;inset:0;opacity:.45;background-image:radial-gradient(circle at 1px 1px,color-mix(in oklch,var(--hpc-border) 32%,transparent) 1px,transparent 1.2px);background-size:18px 18px;-webkit-mask-image:radial-gradient(ellipse at 50% 45%,black 45%,transparent 72%);mask-image:radial-gradient(ellipse at 50% 45%,black 45%,transparent 72%);pointer-events:none;z-index:0}.heroPromoCard__illustration{position:relative;z-index:1;width:min(420px,88%);display:grid;place-items:center;border-radius:var(--radius-xl);overflow:hidden}.heroPromoCard__illustration svg,.heroPromoCard__illustration img{display:block;width:100%;height:auto;max-width:100%;object-fit:cover}.heroPromoCard[data-illustration-fade=on] .heroPromoCard__illustration>img,.heroPromoCard[data-illustration-fade=on] .heroPromoCard__illustration>svg{-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 5%,transparent 70%);mask-image:radial-gradient(circle at 50% 50%,#000 5%,transparent 70%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.heroPromoCard[data-variant=dark]{--hpc-border: oklch(.28 .03 260 / .9);--hpc-text: oklch(1 .02 260);--hpc-text-soft: oklch(.9 .02 260)}.heroPromoCard[data-variant=light]{--hpc-border: color-mix(in oklch, black 12%, transparent);--hpc-text: #111827;--hpc-text-soft: #4b5563}@layer components{.dashboardPreview{display:flex;flex-direction:column;gap:1rem}.dashboardPreview__tiles{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.dashboardPreview__tile{position:relative;border:none;cursor:pointer;border-radius:1rem;height:160px;overflow:hidden;background-size:180%;background-repeat:no-repeat;box-shadow:0 18px 38px #03081459;outline:none;transition:transform .2s ease,box-shadow .2s ease}.dashboardPreview__tile:focus-visible{box-shadow:0 0 0 3px #94a3b899}.dashboardPreview__tile:hover{transform:translateY(-2px);box-shadow:0 22px 48px #03081473}.dashboardPreview__badge{position:absolute;left:.75rem;bottom:.75rem;padding:.3rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.02em;background:#0f172ad9;border:1px solid rgba(148,163,184,.35);color:#e2e8f0;text-transform:uppercase}.dashboardPreview__actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem}.dashboardPreview__link{display:inline-flex;align-items:center;font-size:.9rem;font-weight:600;color:#e2e8f0;text-decoration:none}.dashboardPreview__link:hover{text-decoration:underline}.dashboardLightbox{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:#020617cc;z-index:60;padding:1.5rem}.dashboardLightbox__panel{width:min(1200px,92vw);height:min(800px,85vh);background:#0f172af2;border-radius:1.25rem;border:1px solid rgba(148,163,184,.2);box-shadow:0 30px 60px #0206178c;display:flex;flex-direction:column;overflow:hidden}.dashboardLightbox__topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-bottom:1px solid rgba(148,163,184,.2);background:#0f172af2}.dashboardLightbox__chips{display:flex;flex-wrap:wrap;gap:.5rem}.dashboardLightbox__chip{border-radius:999px;padding:.35rem .85rem;border:1px solid rgba(148,163,184,.3);background:#0f172ab3;color:#e2e8f0;font-size:.8rem;font-weight:600;cursor:pointer}.dashboardLightbox__chip--active{border-color:#38bdf8b3;background:#0e7490b3}.dashboardLightbox__close{border:none;border-radius:999px;padding:.4rem .9rem;background:#1e293be6;color:#e2e8f0;font-weight:600;cursor:pointer}.dashboardLightbox__body{flex:1;padding:.75rem;background:#020617}.dashboardZoom{position:relative;height:100%}.dashboardZoom__viewport{height:100%;width:100%;overflow:hidden;background:#020617;touch-action:none;cursor:grab}.dashboardZoom__viewport--dragging{cursor:grabbing}.dashboardZoom__image{transform-origin:0 0;will-change:transform}.dashboardZoom__image img{display:block;width:100%;height:auto;max-width:none;-webkit-user-select:none;user-select:none}.dashboardZoom__controls{position:absolute;right:1rem;bottom:1rem}.dashboardZoom__button{border-radius:999px;padding:.4rem .85rem;border:1px solid rgba(148,163,184,.35);background:#0f172abf;color:#e2e8f0;font-size:.8rem;font-weight:600;cursor:pointer}}