#figma-page .home-cases{--hc-unit:min(1px,.069444444444vw);--hc-width:calc(720 * var(--hc-unit));--hc-height:calc(412 * var(--hc-unit));--hc-offset:calc(606 * var(--hc-unit));--hc-fade:calc(76 * var(--hc-unit));position:relative;display:block!important;width:100%!important;padding:calc(160 * var(--hc-unit)) calc(80 * var(--hc-unit));color:#FFFFFF;font-family:"PingFang SC",sans-serif;letter-spacing:0}
.home-cases *{box-sizing:border-box;letter-spacing:0!important}
.home-cases .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.home-cases-defs{position:absolute;overflow:hidden;pointer-events:none}
.home-cases-inner{width:100%;max-width:1280px;min-width:0;margin-inline:auto}
.home-cases-heading{display:flex;flex-direction:column;align-items:center;gap:calc(32 * var(--hc-unit));margin-bottom:calc(52 * var(--hc-unit));text-align:center}
#figma-page .home-cases-heading h2{margin:0;color:#FFFFFF;font-size:calc(40 * var(--hc-unit));font-weight:500;line-height:calc(40 * var(--hc-unit))}
#figma-page .home-cases-heading p{margin:0;color:#FFFFFF;font-size:calc(18 * var(--hc-unit));font-weight:400;line-height:calc(24 * var(--hc-unit))}
.home-cases-progress{display:flex;align-items:center;gap:8px;height:12px;flex:none}
.home-cases-progress[hidden]{display:none}
.home-cases-progress button{position:relative;flex:none;width:12px;height:12px;min-width:0;min-height:0;padding:0;border:0;border-radius:6px!important;background:#38393B!important;cursor:pointer;mask-image:none!important;-webkit-mask-image:none!important;transition:width .3s ease}
.home-cases-progress button[aria-current=true]{width:52px}
.home-cases-progress button::before{content:"";position:absolute;inset:-8px -4px}
.home-cases-progress button>.smooth-corner-stroke{display:none}
.home-cases-progress-fill{position:absolute;inset:0 auto 0 0;display:none;width:12px;height:12px;border-radius:6px;background:#727475!important;pointer-events:none}
.home-cases-progress button[aria-current=true] .home-cases-progress-fill{display:block}
.home-cases-progress button:focus-visible{outline:2px solid #FFFFFF;outline-offset:4px}
.home-cases-track{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;outline:none}
.home-case-card{position:relative;width:min(100%,var(--hc-width));min-width:0;height:var(--hc-height);margin-inline:auto;color:#FFFFFF}
.home-case-surface{position:relative;display:flex;flex-direction:column;justify-content:flex-end;width:100%;height:100%;overflow:hidden;border-radius:calc(28 * var(--hc-unit));background:#18191A;color:#FFFFFF!important;text-decoration:none!important;transform:perspective(1200px) rotateX(var(--hc-tilt-x,0deg)) rotateY(var(--hc-tilt-y,0deg));transition:transform .18s ease-out}
.home-case-surface.site-dark-surface{background-color:#18191A!important}
.home-case-media{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.home-case-media img{position:absolute;display:block;max-width:none;object-fit:fill;opacity:var(--case-image-opacity,1)}
.home-case-media img.home-case-cover{object-fit:cover}
.home-case-media::after{content:"";position:absolute;inset:0;background-image:var(--case-overlay)}
.home-case-metric,.home-case-copy{position:relative;z-index:1;display:flex;flex:none;align-items:flex-start;gap:calc(20 * var(--hc-unit));width:100%;padding:calc(40 * var(--hc-unit));pointer-events:none}
.home-case-metric{height:calc(196 * var(--hc-unit))}
.home-case-metric-data{display:flex;flex:1;flex-direction:column;gap:calc(20 * var(--hc-unit));min-width:0}
#figma-page .home-case-number{margin:0;color:#FFFFFF;font-size:calc(64 * var(--hc-unit));font-weight:500;line-height:calc(64 * var(--hc-unit));white-space:nowrap}
.home-case-comparison{display:flex;align-items:center;gap:calc(12 * var(--hc-unit))}
#figma-page .home-case-months{font-size:calc(52 * var(--hc-unit))}
.home-case-months>span:last-child{font-weight:600}
.home-case-metric-arrow{width:calc(36 * var(--hc-unit));height:calc(36 * var(--hc-unit));flex:none}
#figma-page .home-case-description{width:100%;margin:0;color:rgba(255,255,255,.90);font-size:calc(18 * var(--hc-unit));font-weight:400;line-height:calc(32 * var(--hc-unit))}
.home-case-copy{height:calc(216 * var(--hc-unit));flex-direction:column;justify-content:flex-end;gap:calc(24 * var(--hc-unit))}
.home-case-copy-text{display:flex;flex-direction:column;gap:calc(12 * var(--hc-unit));width:100%}
#figma-page .home-case-copy h3{width:100%;margin:0;color:#FFFFFF;font-size:calc(24 * var(--hc-unit));font-weight:500;line-height:calc(32 * var(--hc-unit))}
#figma-page .home-case-support{margin:0;color:rgba(255,255,255,.60);font-size:calc(14 * var(--hc-unit));font-weight:400;line-height:calc(24 * var(--hc-unit));overflow-wrap:anywhere}
.home-case-industry{position:relative;display:flex;align-items:center;justify-content:center;flex:none;height:calc(40 * var(--hc-unit));padding:calc(8 * var(--hc-unit)) calc(16 * var(--hc-unit));border-radius:111px;background:rgba(255,255,255,.15);box-shadow:inset 0 0 0 var(--hc-unit) rgba(255,255,255,.15);backdrop-filter:blur(var(--case-tag-blur));-webkit-backdrop-filter:blur(var(--case-tag-blur));color:#FFFFFF;font-size:calc(12 * var(--hc-unit));font-weight:400;line-height:calc(16 * var(--hc-unit));white-space:nowrap;pointer-events:auto;cursor:default}
.home-case-cta{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:none;gap:calc(4 * var(--hc-unit));height:calc(44 * var(--hc-unit));padding:calc(8 * var(--hc-unit)) calc(24 * var(--hc-unit)) calc(8 * var(--hc-unit)) calc(32 * var(--hc-unit));border-radius:calc(10 * var(--hc-unit));background:#FFFFFF;color:#0F0F0F;font-size:calc(14 * var(--hc-unit));font-weight:500;line-height:calc(24 * var(--hc-unit));white-space:nowrap}
.home-case-button-icon{flex:none;width:calc(16 * var(--hc-unit));height:calc(16 * var(--hc-unit))}
.home-case-surface:hover .home-case-cta{background:#FFFFFF}
.home-case-surface:hover>.smooth-corner-stroke>path,.home-case-surface:focus-visible>.smooth-corner-stroke>path{stroke:rgba(255,255,255,.30)}
.home-case-surface:focus-visible{outline:2px solid #0080FF;outline-offset:-4px}
.home-cases-track:focus-visible .home-case-card[data-position=current] .home-case-surface>.smooth-corner-stroke>path{stroke:#0080FF}
.home-cases.is-ready .home-cases-track{position:relative;display:block;height:var(--hc-height);isolation:isolate;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 var(--hc-fade),#000 calc(100% - var(--hc-fade)),transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--hc-fade),#000 calc(100% - var(--hc-fade)),transparent)}
.home-cases.is-ready .home-case-card{position:absolute;top:50%;left:50%;width:var(--hc-width);height:var(--hc-height);margin:0;transform:translate(-50%,-50%) scale(.65);opacity:0;pointer-events:none;z-index:0;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .35s ease}
.home-cases.is-ready .home-case-card[data-position=current]{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto;z-index:3}
.home-cases.is-ready .home-case-card[data-position=previous]{transform:translate(calc(-50% - var(--hc-offset)),-50%) scale(.75);opacity:.45;pointer-events:auto;z-index:1}
.home-cases.is-ready .home-case-card[data-position=next]{transform:translate(calc(-50% + var(--hc-offset)),-50%) scale(.75);opacity:.45;pointer-events:auto;z-index:1}
.home-cases.is-ready .home-case-card:not([data-position=current]) .home-case-cta{visibility:hidden}
@media(hover:hover) and (pointer:fine){.home-cases.is-ready .home-case-card[data-position=current]:hover .home-case-surface{transform:perspective(1200px) rotateX(var(--hc-tilt-x,0deg)) rotateY(var(--hc-tilt-y,0deg)) scale(.99)}}
@media(width<768px){
 #figma-page .home-cases{--hc-unit:1px;--hc-width:calc(100% - 48px);--hc-height:412px;--hc-offset:calc((100vw - 88px) * .875 - 16px);--hc-fade:20px;padding:64px 20px}
 .home-cases-heading{gap:24px;margin-bottom:32px}
 #figma-page .home-cases-heading h2{font-size:28px;line-height:36px}
 #figma-page .home-cases-heading p{font-size:14px;line-height:24px}
 .home-case-surface{justify-content:space-between}
 .home-case-metric,.home-case-copy{height:auto;gap:20px;padding:24px}
 .home-case-metric{padding-top:68px}
 .home-case-metric-data{gap:16px}
 #figma-page .home-case-number{font-size:40px;line-height:48px}
 .home-case-comparison{gap:8px}
 #figma-page .home-case-months{font-size:clamp(24px,7.5vw,32px);line-height:48px}
 .home-case-metric-arrow{width:24px;height:24px}
 .home-case-months .home-case-metric-arrow{width:20px;height:20px}
 #figma-page .home-case-description{font-size:14px;line-height:24px}
 #figma-page .home-case-copy h3{font-size:18px;line-height:24px}
 #figma-page .home-case-support{font-size:12px;line-height:24px}
 .home-case-industry{position:absolute;top:20px;right:24px;height:32px;padding:8px 12px;font-size:10px;line-height:16px}
 .home-case-cta{height:44px;padding:8px 20px;gap:4px;font-size:14px;line-height:24px}
}
@media(prefers-reduced-motion:reduce){.home-cases *{animation:none!important;transition:none!important}.home-case-surface{transform:none!important}.home-cases-progress button[aria-current=true] .home-cases-progress-fill{width:52px!important}}