.content-card{background:#101012;border:1px solid #ffffff1a;border-radius:6px;margin:2.9rem 0;display:grid;overflow:hidden}.content-card--flat{display:block}.content-card__body{min-width:0;padding:clamp(24px,3vw,32px)}.content-card__eyebrow{color:var(--card-accent,var(--content-accent,#7c3aed));letter-spacing:.11em;text-transform:uppercase;align-items:center;gap:9px;margin:0 0 12px;font-size:.66rem;font-weight:700;display:flex}.content-card .content-card__title{color:var(--editorial-heading,#fff);letter-spacing:-.02em;margin:0;font-size:clamp(1.25rem,2.2vw,1.55rem);font-weight:600;line-height:1.2}.content-card__text{max-width:46ch;color:var(--blog-muted,#fff9);margin:10px 0 0;font-size:.95rem;line-height:1.6}.content-card__body .hy-btn{margin-top:22px}.content-card__media{--media-pad-block:0px;--media-pad-left:26px;--media-pad-right:0px;padding:var(--media-pad-block) var(--media-pad-right) 0 var(--media-pad-left);background:radial-gradient(circle at 70% 50%, color-mix(in srgb, var(--card-accent,#7c3aed) 12%, transparent), transparent 62%);display:block;position:relative;overflow:hidden}.content-card__media img.content-card__capture{-o-object-fit:cover;object-fit:cover;-o-object-position:left top;object-position:left top;border:0 solid #ffffff1a;border-width:1px 0 0 1px;border-radius:4px 0 0;width:100%;max-width:none;height:200px;display:block}a.content-card__media img.content-card__capture{transition:transform .22s,border-color .22s}a.content-card__media:hover img.content-card__capture{border-color:#ffffff2e;transform:scale(1.015)}@media (prefers-reduced-motion:reduce){a.content-card__media:hover img.content-card__capture{transform:none}}.content-card__media .blog-card__play{inset:var(--media-pad-block) var(--media-pad-right) 0 var(--media-pad-left);border-radius:4px 0 0}@media (width>=680px){.content-card{grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);align-items:stretch}.content-card__media{--media-pad-block:clamp(26px, 3vw, 34px);--media-pad-left:clamp(20px, 2.4vw, 30px)}.content-card__media img.content-card__capture{width:130%;height:100%}.content-card--reverse{grid-template-columns:minmax(0,1.3fr) minmax(0,.85fr)}.content-card--reverse .content-card__media{--media-pad-left:0px;--media-pad-right:clamp(20px, 2.4vw, 30px);background:radial-gradient(circle at 30% 50%, color-mix(in srgb, var(--card-accent,#7c3aed) 12%, transparent), transparent 62%);order:-1}.content-card--reverse .content-card__media img.content-card__capture{-o-object-position:right top;object-position:right top;border-left-width:0;border-right-width:1px;border-radius:0 4px 0 0;margin-left:-30%}.content-card--reverse .content-card__media .blog-card__play{border-radius:0 4px 0 0}}.content-card--cta{--card-accent:var(--blog-accent,var(--hy-primary,#7c3aed));margin:0}.content-card--cta .content-card__body{padding:var(--closing-pad,30px)}@media (width>=680px){.content-card--cta{grid-template-columns:minmax(0,1fr) minmax(0,.92fr);align-items:center}.content-card--cta .content-card__media{--media-pad-block:var(--closing-pad,30px)}}.content-card--compact{--compact-pad:var(--mode-card-padding,22px);--compact-copy-width:min(24ch, calc(78cqi - var(--compact-pad) - 20px));flex:1;align-items:center;min-width:0;display:flex;position:relative;container:mode-promo/inline-size}.content-card--compact .content-card__body{z-index:1;width:calc(var(--compact-pad) + var(--compact-copy-width));padding:var(--compact-pad) 0 var(--compact-pad) var(--compact-pad);position:relative}.content-card--compact .content-card__text{max-width:24ch}.content-card--compact .hy-btn{margin-top:16px}.content-card--compact .content-card__media{top:var(--compact-pad);bottom:0;left:calc(var(--compact-pad) + var(--compact-copy-width) + 20px);background:0 0;width:100%;padding:0;position:absolute}.content-card--compact .content-card__media img.content-card__capture{-o-object-position:center top;object-position:center top;width:100%;height:100%}@container mode-promo (width<=280px){.content-card--compact .content-card__body{width:100%;padding:var(--compact-pad)}.content-card--compact .content-card__text{display:none}.content-card--compact .content-card__body .hy-btn{margin-top:12px;padding-inline:10px;font-size:12px}.content-card--compact .hy-btn__signal{display:none}.content-card--compact .content-card__media{opacity:.4;left:90%}}.content-card__media .blog-card__play,.content-card__tile .blog-card__play{background:linear-gradient(#0000 50%,#00000040);place-items:center;display:grid;position:absolute}.content-card__tile .blog-card__play{background:0 0;inset:0}.content-card__tile .blog-card__play span{width:40px;height:40px}.content-card__tile{color:inherit;flex-direction:column;text-decoration:none;display:flex}.content-card__tile-body{flex:1;align-content:start;gap:8px;padding:14px 16px 18px;display:grid}.content-card__tile .content-card__tile-eyebrow{color:var(--blog-muted,#ffffff80);letter-spacing:.1em;text-transform:uppercase;align-items:baseline;gap:8px;margin:0;font-size:.64rem;font-weight:700;display:flex}.content-card__tile .content-card__tile-minutes{letter-spacing:.02em;text-transform:none;margin-left:auto;font-weight:500}.content-card__tile-eyebrow>:first-child{color:color-mix(in srgb, var(--accent) 72%, white)}.content-card__tile .content-card__tile-title{color:#fff;font-family:var(--hy-font-display);letter-spacing:-.02em;margin:0;font-size:1.08rem;font-weight:500;line-height:1.22}.content-card__media .blog-card__play span,.content-card__tile .blog-card__play span{color:#090b0e;text-indent:2px;background:#ffffffe6;border:1px solid #ffffff73;border-radius:50%;place-items:center;width:48px;height:48px;font-size:.85rem;display:grid;box-shadow:0 8px 30px #00000047}.content-card--hub{display:block}.content-card__hub-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px 40px;padding:clamp(24px,3vw,32px) clamp(24px,3vw,32px) 0;display:flex}.content-card__hub-copy{flex:340px;min-width:0;max-width:580px}.content-card--hub .content-card__hub-grid{gap:14px;margin:0;padding:clamp(20px,2.4vw,28px) clamp(24px,3vw,32px) clamp(24px,3vw,32px)}.content-card--hub .hy-app-tile{display:block}@media (width<=560px){.content-card--hub .content-card__hub-grid--apps{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.content-card__hub-grid--apps .hy-app-tile__bar{gap:4px;height:18px;padding:0 8px}.content-card__hub-grid--apps .hy-app-tile__bar span{width:5px;height:5px}.content-card__hub-grid--apps .hy-app-tile__label{gap:6px;padding:18px 9px 8px;font-size:12px}.content-card__hub-grid--apps .hy-app-tile__label svg{width:14px;height:14px}}.content-card .content-models__tiers{gap:28px 32px;margin-top:24px;display:grid}@media (width>=680px){.content-card .content-models__tiers--split{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}}.content-card .content-models__tier{color:var(--blog-muted,#fff9);margin:0 0 14px;font-size:.9rem;line-height:1.5}.content-card .content-models__badge{color:#ffffffb8;letter-spacing:.06em;text-transform:uppercase;background:#ffffff14;border-radius:4px;width:fit-content;margin:0 0 8px;padding:3px 8px;font-size:.66rem;font-weight:700;display:block}.content-card .content-models__badge--native{color:#60a5fa;background:#3b82f633}.content-card .content-models__list{flex-wrap:wrap;gap:12px 20px;margin:0;padding:0;list-style:none;display:flex}.content-card .content-models__list li{color:#ffffffc7;white-space:nowrap;align-items:center;gap:8px;margin:0;font-size:.9rem;display:flex}.content-card .content-models__list img{-o-object-fit:contain;object-fit:contain;border-radius:4px;flex:none;width:18px;height:18px;margin:0}