.cards{background:var(--bg-default);color:var(--text-default);padding:var(--section-pad-y) var(--page-gutter);border-radius:var(--radius-2xl);overflow:hidden;margin:var(--space-5) auto;max-width:var(--container-wide)}.cards__inner{max-width:var(--container-max);margin:0 auto}.cards__head{max-width:640px;margin:0 0 var(--space-7)}.cards__eyebrow{display:inline-block;font-size:var(--text-small);text-transform:uppercase;letter-spacing:var(--ls-widest);font-weight:var(--fw-bold);margin:0 0 var(--space-3);background:var(--gradient-link);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.cards__title{font-size:var(--text-h2);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);font-weight:var(--fw-bold);color:var(--text-default);margin:0 0 var(--space-3);text-wrap:balance;max-width:22ch}.cards__subline{font-size:var(--text-lead);line-height:var(--lh-snug);color:var(--text-muted);margin:0;max-width:60ch;text-wrap:pretty}.cards__grid{display:grid;grid-template-columns:repeat(var(--cards-cols, 4),minmax(0,1fr));gap:var(--space-4)}@media(max-width:1024px){.cards__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}}@media(max-width:560px){.cards__grid{grid-template-columns:1fr}}.card{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:var(--bg-default);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-md);cursor:pointer;isolation:isolate;position:relative;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base),background-color var(--transition-base)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:color-mix(in srgb,var(--brand-primary) 22%,var(--border-default))}.card:focus{outline:none}.card:focus-visible{box-shadow:var(--focus-ring),var(--shadow-md)}.card:active{transform:translateY(-1px);box-shadow:var(--shadow-md)}.card__icon{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:var(--brand-primary-50);color:var(--brand-primary);border-radius:var(--radius-md);margin:0 0 var(--space-4);transition:background-color var(--transition-base)}.card__icon svg{width:22px;height:22px}.card:hover .card__icon{background:color-mix(in srgb,var(--brand-primary) 14%,var(--brand-primary-50))}.card__title{font-family:var(--font-display);font-size:clamp(1.125rem,1.4vw,1.3125rem);line-height:1.25;letter-spacing:var(--ls-tight);font-weight:var(--fw-bold);color:var(--text-default);margin:0 0 var(--space-3);text-wrap:balance}.card__body{font-size:var(--text-body);line-height:var(--lh-snug);color:var(--text-muted);margin:0 0 var(--space-5);text-wrap:pretty}.card__cta{margin-top:auto;position:relative;align-self:flex-start;display:inline-flex;align-items:center;gap:var(--space-2);padding-bottom:4px;font-family:var(--font-display);font-weight:var(--fw-semibold);font-size:.9375rem;letter-spacing:-.005em;color:var(--brand-primary);transition:color var(--transition-base)}.card__cta:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:1px;background:var(--gradient-link);transform:scaleX(0);transform-origin:left center;transition:transform var(--transition-base);pointer-events:none}.card__cta__arrow{display:inline-block;width:16px;height:16px;color:currentColor;transition:color var(--transition-base)}.card:hover .card__cta{color:var(--brand-primary-700)}.card:hover .card__cta:after{transform:scaleX(1)}[data-theme=dark] .cards{background:#0a0d12;color:var(--neutral-50);--border-default: #1f2937;--text-muted: #9ca3b3;--text-default: var(--neutral-50)}[data-theme=dark] .cards .cards__title{color:var(--neutral-0)}[data-theme=dark] .cards .cards__eyebrow{background:var(--gradient-link-dark);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}[data-theme=dark] .cards .card{background:#11161e;border-color:#1f2937;box-shadow:0 4px 14px -4px #0006}[data-theme=dark] .cards .card:hover{background:#141a23;border-color:color-mix(in srgb,var(--brand-skyblue) 40%,#1f2937);box-shadow:0 10px 24px -6px #0000008c}[data-theme=dark] .cards .card:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-skyblue) 50%,transparent),0 4px 14px -4px #0006}[data-theme=dark] .cards .card__icon{background:color-mix(in srgb,var(--brand-primary) 28%,transparent);color:var(--brand-skyblue)}[data-theme=dark] .cards .card:hover .card__icon{background:color-mix(in srgb,var(--brand-skyblue) 22%,transparent)}[data-theme=dark] .cards .card__title{color:var(--neutral-0)}[data-theme=dark] .cards .card__cta{color:var(--brand-skyblue)}[data-theme=dark] .cards .card__cta:after{background:var(--gradient-link-dark)}[data-theme=dark] .cards .card:hover .card__cta{color:var(--brand-paleblue)}.card--static{cursor:default}.card--static:hover{transform:none;box-shadow:var(--shadow-md);border-color:var(--border-default)}.card--static .card__body{margin-bottom:0}[data-theme=dark] .cards .card--static:hover{background:#11161e;border-color:#1f2937;box-shadow:0 4px 14px -4px #0006}[data-theme=dark] .cards .card--static:hover .card__icon{background:color-mix(in srgb,var(--brand-primary) 28%,transparent)}.cards--rows .cards__grid{display:block}.cards--rows .card{flex-direction:row;align-items:flex-start;gap:var(--space-4);border:0;border-top:1px solid var(--border-default);border-radius:0;box-shadow:none;padding:var(--space-5) 0;transform:none;background:transparent}.cards--rows .card:first-child{border-top:0}.cards--rows .card:hover{transform:none;box-shadow:none;border-color:var(--border-default);background:transparent}.cards--rows .card__icon{margin:0;flex:0 0 auto}.cards--rows .card__title{margin:0 0 var(--space-2);flex-basis:16rem}.cards--rows .card__body{margin:0;max-width:70ch}@media(min-width:760px){.cards--rows .card{display:grid;grid-template-columns:44px 16rem 1fr;align-items:start;gap:var(--space-5)}.cards--rows .card__title{align-self:start}.cards--rows .card__cta{grid-column:3;margin-top:var(--space-3);white-space:nowrap}}.cards--rows .card--link:hover .card__title{color:var(--brand-primary)}[data-theme=dark] .cards--rows .card{border-top-color:#1f2937;background:transparent}
