@keyframes case-hero-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes case-hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media(prefers-reduced-motion:no-preference){.case-hero-enter{animation:.6s ease-out both case-hero-enter}.case-hero-float{animation:6s ease-in-out .6s infinite case-hero-float}.case-hero-image[data-visible=false] .case-hero-float{animation-play-state:paused}}@media(prefers-reduced-motion:reduce){.case-hero-parallax{transform:none!important}}.cs{--accent:#1d4ed8}.cs-stage{background:radial-gradient(70% 60% at 85% 0%,color-mix(in oklab,var(--brand,#1d4ed8) 9%,transparent),transparent 70%),radial-gradient(60% 60% at 0% 100%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 70%),linear-gradient(180deg,#fff,color-mix(in srgb,var(--accent) 4%,#f6f7fa));border-radius:clamp(16px,2vw,28px);place-items:center;padding:clamp(18px,5vw,64px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #141e3c0d}.cs-stage.is-duo{grid-template-columns:1fr;align-items:start;gap:clamp(18px,3vw,40px)}@media(min-width:768px){.cs-stage.is-duo{grid-template-columns:1fr 1fr}}.cs-stage.is-duo.is-phones{grid-template-columns:repeat(2,minmax(0,260px));justify-content:center}.cs-stage.is-phone{padding-block:clamp(24px,5vw,56px)}.cs-browser{background:#fff;border-radius:clamp(8px,1vw,14px);width:100%;overflow:hidden;box-shadow:0 30px 60px -30px #141e3c73,0 8px 18px -10px #141e3c33,0 0 0 1px #141e3c12}.cs-browser img{width:100%;height:auto;display:block}.cs-bar{background:#f3f4f6;border-bottom:1px solid #e3e4e8;align-items:center;gap:6px;height:clamp(22px,2.4vw,32px);padding:0 12px;display:flex}.cs-bar i{background:#ff5f57;border-radius:50%;flex:none;width:9px;height:9px}.cs-bar i:nth-child(2){background:#febc2e}.cs-bar i:nth-child(3){background:#28c840}.cs-url{text-align:center;color:#3b3d42;background:#e5e6ea;border-radius:6px;min-width:40%;margin:0 auto;padding:3px 14px;font:500 11px/1.2 -apple-system,system-ui,sans-serif}.cs-phone{aspect-ratio:71.6/147.6;background:linear-gradient(145deg,#eceef1,#a9adb4 38%,#e3e5e8 66%,#9a9ea6);border-radius:15%/7.3%;width:min(100%,260px);padding:3%;box-shadow:0 34px 50px -26px #141e3c80,0 10px 18px -10px #141e3c40}.cs-phone-screen{background:#fff;border-radius:12.5%/6%;width:100%;height:100%;padding-top:11%;position:relative;overflow:hidden;box-shadow:0 0 0 4px #0a0a0b}.cs-phone-screen img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.cs-island{z-index:2;background:#000;border-radius:999px;width:32%;height:3.6%;position:absolute;top:1.8%;left:50%;translate:-50%}.cs-textcard{background:linear-gradient(180deg,#fff,color-mix(in srgb,var(--accent) 5%,#f7f8fb));border-left:4px solid var(--accent);border-radius:clamp(16px,2vw,28px);padding:clamp(24px,4vw,48px);box-shadow:inset 0 0 0 1px #141e3c0f}.cs-caption{color:var(--muted-foreground,#6b7280);margin-top:14px;font-size:.875rem}.cs-num{color:var(--accent);font-weight:600}@media(hover:hover)and (prefers-reduced-motion:no-preference){.cs-browser,.cs-phone{transition:transform .6s cubic-bezier(.2,.7,.2,1)}.cs-stage:hover .cs-browser{transform:translateY(-4px)}.cs-stage:hover .cs-phone{transform:translateY(-6px)rotate(-1deg)}}