.landing-demo{background:linear-gradient(180deg,var(--landing-bg) 0%,var(--landing-bg-secondary) 100%)}.landing-demo__grid{display:flex;flex-direction:column;gap:28px}.landing-demo__row{display:flex;gap:28px;align-items:stretch}.landing-demo__card{flex:1 1 0;min-width:0;background:var(--landing-card-bg);border:1px solid var(--landing-card-border);border-radius:16px;overflow:hidden;cursor:pointer;transition:flex .45s ease,transform .3s ease,border-color .3s ease,box-shadow .3s ease,opacity .3s ease}.landing-demo__card:focus-visible{outline:2px solid rgba(var(--landing-accent-rgb),.8);outline-offset:3px}@media (hover: hover) and (pointer: fine){.landing-demo__grid:not(:has(.is-focused)) .landing-demo__card:hover{transform:translateY(-4px);border-color:rgba(var(--landing-accent-rgb),.4);box-shadow:0 20px 40px -20px rgba(var(--landing-accent-rgb),.35)}}@media (hover: none) and (pointer: coarse){.landing-demo__card:active{transform:scale(.985);opacity:.92}}.landing-demo__card.is-focused{flex:2.4 1 0;border-color:rgba(var(--landing-accent-rgb),.6);box-shadow:0 24px 48px -16px rgba(var(--landing-accent-rgb),.45)}.landing-demo__row:has(.is-focused) .landing-demo__card:not(.is-focused){flex:.5 1 0;opacity:.85}.landing-demo__video-wrap{position:relative;background:#000;aspect-ratio:16 / 9}.landing-demo__video{display:block;width:100%;height:100%;object-fit:cover}.landing-demo__step{position:absolute;top:12px;left:12px;width:32px;height:32px;border-radius:50%;background:rgba(var(--landing-accent-rgb),.95);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;box-shadow:0 4px 12px rgba(var(--landing-accent-rgb),.4);z-index:1}.landing-demo__body{padding:20px 22px 24px}.landing-demo__title{margin:0 0 8px;font-size:1.1rem;font-weight:600;color:var(--landing-text);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.landing-demo__desc{margin:0;font-size:.92rem;color:var(--landing-text-muted);line-height:1.55;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media (min-width: 769px) and (max-width: 1024px){.landing-demo__desc{-webkit-line-clamp:4}}@media (max-width: 768px){.landing-demo__grid{max-width:560px;margin:0 auto;gap:20px}.landing-demo__row{flex-direction:column;gap:20px}.landing-demo__card{flex:1 1 auto}.landing-demo__card.is-focused,.landing-demo__row:has(.is-focused) .landing-demo__card:not(.is-focused){flex:1 1 auto}.landing-demo__row:has(.is-focused) .landing-demo__card:not(.is-focused){opacity:1}}@media (max-width: 480px){.landing-demo__grid{max-width:420px;gap:16px}.landing-demo__card{border-radius:12px}.landing-demo__body{padding:16px 18px 18px}}@media (prefers-reduced-motion: reduce){.landing-demo__card,.landing-demo__grid:not(:has(.is-focused)) .landing-demo__card:hover{transition:none;transform:none}}@media (max-width: 480px){.landing-demo__desc{-webkit-line-clamp:4;line-clamp:4}}