.ux4g-foundation-card{display:flex;flex-direction:column;height:100%;overflow:hidden;border-radius:var(--ux4g-radius-2xl, 1rem);border:1px solid var(--ux4g-border-color-neutral-subtle);background-color:var(--ux4g-bg-neutral-elevated);text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.ux4g-foundation-card:hover{transform:translateY(-2px);border-color:var(--ux4g-border-color-primary-default);box-shadow:var(--ux4g-shadow-l2)}.ux4g-foundation-card:focus-visible{outline:none;box-shadow:var(--ux4g-shadow-focus, 0 0 0 3px rgba(74, 43, 194, .3))}.foundation-card-header{display:flex;height:11rem;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#4a2bc20d,#4a2bc21a)}.dark .foundation-card-header,[data-theme=dark] .foundation-card-header{background:linear-gradient(135deg,#a391ff1a,#a391ff0d)}.foundation-card-body{display:flex;flex:1;flex-direction:column;padding:var(--ux4g-spacing-5, 1.25rem)}.foundation-card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ux4g-spacing-3, .75rem)}.foundation-card-title{margin:0;font-size:var(--ux4g-typography-fontSize-lg, 1.125rem);font-weight:var(--ux4g-typography-fontWeight-bold, 700);color:var(--ux4g-color-text-primary, #171717);display:flex;align-items:center}.foundation-card-arrow{display:inline-block;margin-left:.375rem;color:var(--ux4g-color-brand-primary, #4a2bc2);transition:transform .2s ease}.ux4g-foundation-card:hover .foundation-card-arrow{transform:translate(4px)}.foundation-card-badge{flex-shrink:0;margin-top:.125rem;border-radius:var(--ux4g-radius-md, .375rem);background-color:var(--ux4g-color-background-tertiary, #f5f5f5);padding:.125rem .5rem;font-family:var(--ux4g-typography-fontFamily-mono, monospace);font-size:.6875rem;font-weight:var(--ux4g-typography-fontWeight-semibold, 600);color:var(--ux4g-color-text-tertiary, #737373)}.foundation-card-desc{margin-top:var(--ux4g-spacing-2, .5rem);margin-bottom:0;font-size:var(--ux4g-typography-fontSize-sm, .875rem);line-height:var(--ux4g-typography-lineHeight-relaxed, 1.625);color:var(--ux4g-color-text-secondary, #525252)}.fc-color-preview-box{display:flex;height:5.5rem;width:3rem;flex-direction:column;gap:.375rem;border-radius:var(--ux4g-radius-lg, .5rem);border:1px solid var(--ux4g-border-color-neutral-subtle);background-color:var(--ux4g-bg-neutral-elevated);padding:.5rem;box-shadow:var(--ux4g-shadow-sm, 0 1px 2px rgba(0, 0, 0, .05))}.fc-typography-preview-box{display:flex;align-items:baseline;gap:var(--ux4g-spacing-2, .5rem);border-radius:var(--ux4g-radius-xl, .75rem);border:1px solid var(--ux4g-border-color-neutral-subtle);background-color:var(--ux4g-bg-neutral-elevated);padding:1rem 1.5rem;box-shadow:var(--ux4g-shadow-sm, 0 1px 2px rgba(0, 0, 0, .05))}.fc-spacing-preview-box{display:flex;height:6rem;width:9rem;flex-direction:column;gap:var(--ux4g-spacing-2, .5rem);border-radius:var(--ux4g-radius-xl, .75rem);border:1px solid var(--ux4g-border-color-neutral-subtle);background-color:var(--ux4g-bg-neutral-elevated);padding:.75rem;box-shadow:var(--ux4g-shadow-sm, 0 1px 2px rgba(0, 0, 0, .05))}.fc-iconography-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.625rem;border-radius:var(--ux4g-radius-xl, .75rem);border:1px solid var(--ux4g-border-color-neutral-subtle);background-color:var(--ux4g-bg-neutral-elevated);padding:.75rem;box-shadow:var(--ux4g-shadow-sm, 0 1px 2px rgba(0, 0, 0, .05))}.fc-icon-cell{display:flex;height:1.75rem;width:1.75rem;align-items:center;justify-content:center;border-radius:var(--ux4g-radius-md, .375rem);background-color:#4a2bc21a;color:var(--ux4g-color-brand-primary, #4a2bc2)}.fc-token-chip{border-radius:var(--ux4g-radius-lg, .5rem);border:1px solid var(--ux4g-border-color-neutral-subtle);background-color:var(--ux4g-bg-neutral-elevated);padding:.5rem;box-shadow:var(--ux4g-shadow-sm, 0 1px 2px rgba(0, 0, 0, .05))}.fc-a11y-box{display:flex;height:4rem;width:4rem;align-items:center;justify-content:center;border-radius:var(--ux4g-radius-2xl, 1rem);border:1px solid var(--ux4g-border-color-neutral-subtle);background-color:var(--ux4g-bg-neutral-elevated);box-shadow:var(--ux4g-shadow-sm, 0 1px 2px rgba(0, 0, 0, .05))}.fc-a11y-disc{position:relative;height:4rem;width:4rem;overflow:hidden;border-radius:9999px;border:1px solid var(--ux4g-border-color-neutral-subtle);box-shadow:var(--ux4g-shadow-sm, 0 1px 2px rgba(0, 0, 0, .05))}.fc-content-box{height:6rem;width:9rem;display:flex;flex-direction:column;gap:.5rem;border-radius:var(--ux4g-radius-xl, .75rem);border:1px solid var(--ux4g-border-color-neutral-subtle);background-color:var(--ux4g-bg-neutral-elevated);padding:.75rem;box-shadow:var(--ux4g-shadow-sm, 0 1px 2px rgba(0, 0, 0, .05))}.foundations-cta-banner{border-radius:var(--ux4g-radius-3xl, 1.5rem);border:1px solid var(--ux4g-border-color-neutral-subtle);background:linear-gradient(135deg,#4a2bc2,#3d239f,#301c7d);padding:2rem 1.5rem;color:#fff;box-shadow:var(--ux4g-shadow-xl, 0 20px 25px -5px rgba(0, 0, 0, .1))}@media(min-width:576px){.foundations-cta-banner{padding:3rem}}.dark .foundations-cta-banner,[data-theme=dark] .foundations-cta-banner{background:linear-gradient(135deg,#1e1b4b,#0f172a,#020617);border-color:#ffffff1a}.foundations-cta-title{margin-top:var(--ux4g-spacing-3, .75rem);margin-bottom:0;font-size:var(--ux4g-typography-fontSize-2xl, 1.5rem);font-weight:var(--ux4g-typography-fontWeight-semibold, 600);line-height:var(--ux4g-typography-lineHeight-tight, 1.25);color:#fff}@media(min-width:576px){.foundations-cta-title{font-size:var(--ux4g-typography-fontSize-3xl, 1.875rem)}}.foundations-cta-desc{margin-top:var(--ux4g-spacing-3, .75rem);margin-bottom:0;max-width:42rem;font-size:var(--ux4g-typography-fontSize-sm, .875rem);line-height:var(--ux4g-typography-lineHeight-relaxed, 1.625);color:#fffc}.foundations-cta-btn{display:inline-flex;align-items:center;gap:var(--ux4g-spacing-2, .5rem);border-radius:var(--ux4g-radius-xl, .75rem);background-color:#fff;padding:.75rem 1.5rem;font-size:var(--ux4g-typography-fontSize-sm, .875rem);font-weight:var(--ux4g-typography-fontWeight-semibold, 600);color:var(--ux4g-color-brand-primary, #4a2bc2);text-decoration:none;box-shadow:0 10px 15px -3px #00000040;transition:transform .2s ease,box-shadow .2s ease}.foundations-cta-btn:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000004d}@keyframes fv-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.18)}}@keyframes fv-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes fv-lift{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes fv-pop{0%,to{transform:scale(1)}50%{transform:scale(1.09)}}@keyframes fv-twinkle{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.18) rotate(10deg)}}@keyframes fv-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fv-type{0%,70%,to{transform:translateY(0)}35%{transform:translateY(-3px)}}@keyframes fv-nudge{0%,to{transform:translate(0)}50%{transform:translate(7px)}}.ux4g-foundation-card .fv-dot,.ux4g-foundation-card .fv-icon,.ux4g-foundation-card .fv-chip,.ux4g-foundation-card .fv-line,.ux4g-foundation-card .fv-lift,.ux4g-foundation-card .fv-nudge,.ux4g-foundation-card .fv-spin,.ux4g-foundation-card .fv-pop{transition:transform .3s cubic-bezier(.16,1,.3,1);transform-origin:center;will-change:transform}.ux4g-foundation-card:hover .fv-dot{animation-name:fv-pulse;animation-duration:1.6s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.ux4g-foundation-card:hover .fv-pop{animation-name:fv-pop;animation-duration:1.5s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.ux4g-foundation-card:hover .fv-lift{animation-name:fv-lift;animation-duration:2.2s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.ux4g-foundation-card:hover .fv-icon{animation-name:fv-twinkle;animation-duration:1.6s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.ux4g-foundation-card:hover .fv-chip{animation-name:fv-bob;animation-duration:1.8s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.ux4g-foundation-card:hover .fv-spin{animation-name:fv-spin;animation-duration:3.4s;animation-timing-function:linear;animation-iteration-count:infinite}.ux4g-foundation-card:hover .fv-line{animation-name:fv-type;animation-duration:1.4s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.ux4g-foundation-card:hover .fv-nudge{animation-name:fv-nudge;animation-duration:1.8s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media(prefers-reduced-motion:reduce){.ux4g-foundation-card:hover .fv-dot,.ux4g-foundation-card:hover .fv-pop,.ux4g-foundation-card:hover .fv-lift,.ux4g-foundation-card:hover .fv-icon,.ux4g-foundation-card:hover .fv-chip,.ux4g-foundation-card:hover .fv-spin,.ux4g-foundation-card:hover .fv-line,.ux4g-foundation-card:hover .fv-nudge{animation:none}}