.webyra-hero-laptop{position: relative;width: 520px;height: 340px;margin: 0 auto;perspective: 1600px;perspective-origin: 50% 50%;transform-style: preserve-3d;--laptop-color-base: #2a2a2a;--laptop-color-screen: #1a1a1a;--laptop-color-bezel: #2d2d2d;--laptop-brand-color: #0C3F2F;--tiltX: 0deg;--tiltY: 0deg}.webyra-hero-laptop__scene{position: relative;width: 100%;height: 100%;transform-style: preserve-3d;transform: rotateX(var(--tiltX)) rotateY(var(--tiltY));transition: transform 0.3s cubic-bezier(0.215, 0.610, 0.355, 1.000)}.webyra-hero-laptop__lid{position: absolute;bottom: 18px;left: 50%;width: 380px;height: 240px;transform-origin: bottom center;transform-style: preserve-3d;transform: translateX(-50%) rotateX(-70deg);transition: transform 1800ms cubic-bezier(0.19, 1, 0.22, 1);will-change: transform}.webyra-hero-laptop--play .webyra-hero-laptop__lid{transform: translateX(-50%) rotateX(-14deg)}@media (prefers-reduced-motion: reduce){.webyra-hero-laptop__lid{transform: translateX(-50%) rotateX(-14deg);transition: none}}@media (max-width: 767px){.webyra-hero-laptop__lid{transform: translateX(-50%) rotateX(-14deg);transition: none}}.webyra-hero-laptop__screen{position: relative;width: 100%;height: 100%;background: var(--laptop-color-bezel);border-radius: 12px 12px 0 0;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15), inset 0 1px 2px rgba(255, 255, 255, 0.08);transform-style: preserve-3d}.webyra-hero-laptop__screen::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(180deg, #1f1f1f 0%, #151515 100%);border-radius: 12px 12px 0 0;transform: translateZ(-3px);box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3)}.webyra-hero-laptop__screen::after{content: '';position: absolute;top: -20px;left: -20px;right: -20px;bottom: -20px;background: radial-gradient(ellipse at center, rgba(12, 63, 47, 0.25) 0%, transparent 60%);border-radius: 20px;transform: translateZ(-8px);opacity: 0;transition: opacity 700ms ease-out 1800ms}.webyra-hero-laptop--play .webyra-hero-laptop__screen::after{opacity: 1}.webyra-hero-laptop__bezel{position: absolute;top: 8px;left: 8px;right: 8px;bottom: 8px;background: #0a0a0a;border-radius: 6px;box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05), inset 0 2px 8px rgba(0, 0, 0, 0.8)}.webyra-hero-laptop__display{position: absolute;top: 12px;left: 12px;right: 12px;bottom: 12px;background: #fafafa;border-radius: 4px;overflow: hidden;opacity: 0;filter: blur(8px);transition: opacity 700ms cubic-bezier(0.23, 1, 0.32, 1) 2050ms, filter 700ms cubic-bezier(0.23, 1, 0.32, 1) 2050ms;padding: 3px}.webyra-hero-laptop--play .webyra-hero-laptop__display{opacity: 1;filter: blur(0)}.webyra-hero-laptop__display::before{content: '';position: absolute;top: -100%;left: -100%;width: 200%;height: 200%;background: linear-gradient(120deg, transparent 0%, transparent 40%, rgba(255, 255, 255, 0.25) 50%, transparent 60%, transparent 100%);transform: translateX(-100%);animation: none}.webyra-hero-laptop--play .webyra-hero-laptop__display::before{animation: webyra-sheen 1.2s cubic-bezier(0.23, 1, 0.32, 1) 2.8s forwards}@keyframes webyra-sheen{0%{transform: translateX(-100%)}100%{transform: translateX(100%)}}.webyra-hero-laptop__camera{position: absolute;top: 6px;left: 50%;width: 5px;height: 5px;background: radial-gradient(circle, #1a1a1a 30%, #333 100%);border-radius: 50%;transform: translateX(-50%);box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1), inset 0 1px 1px rgba(0, 0, 0, 0.5)}.webyra-hero-laptop__base{position: absolute;bottom: 0;left: 50%;width: 400px;height: 20px;background: linear-gradient(180deg, #333 0%, #282828 100%);transform-origin: bottom center;transform: translateX(-50%) rotateX(58deg);transform-style: preserve-3d;border-radius: 0 0 8px 8px;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.1)}.webyra-hero-laptop__base::before{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 6px;background: linear-gradient(180deg, #1a1a1a 0%, #0f0f0f 100%);transform-origin: top center;transform: rotateX(-90deg);border-radius: 0 0 8px 8px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(255, 255, 255, 0.05)}.webyra-hero-laptop__keyboard{position: absolute;top: -16px;left: 10px;right: 10px;height: 13px;background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.02) 50%, transparent 100%), #2a2a2a;border-radius: 3px;transform: translateZ(1px);box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3), inset 0 -1px 0 rgba(255, 255, 255, 0.03)}.webyra-hero-laptop__trackpad{position: absolute;top: -32px;left: 50%;width: 80px;height: 50px;background: linear-gradient(135deg, #1f1f1f 0%, #262626 100%);transform: translateX(-50%) translateZ(1px);border-radius: 4px;box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.4), inset 0 -1px 0 rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.03)}.webyra-hero-laptop__trackpad::before{content: '';position: absolute;bottom: 0;left: 50%;width: 1px;height: 20%;background: rgba(0, 0, 0, 0.3);transform: translateX(-50%)}.webyra-hero-laptop::before{content: '';position: absolute;bottom: -40px;left: 50%;width: 360px;height: 80px;background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0.15) 40%, transparent 70%);transform: translateX(-50%);filter: blur(20px);z-index: -1}.webyra-hero-laptop::after{content: '';position: absolute;bottom: -10px;left: 50%;width: 320px;height: 20px;background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, transparent 60%);transform: translateX(-50%);filter: blur(6px);z-index: -1}@media (max-width: 767px){.webyra-hero-laptop{width: 320px;height: 220px;perspective: 1200px}.webyra-hero-laptop__lid{width: 260px;height: 160px;bottom: 12px}.webyra-hero-laptop__base{width: 280px;height: 16px}.webyra-hero-laptop__keyboard{top: -12px;height: 10px}.webyra-hero-laptop__trackpad{top: -24px;width: 60px;height: 40px}.webyra-hero-laptop::before{width: 240px;height: 50px;bottom: -25px;opacity: 0.6}.webyra-hero-laptop::after{width: 200px;height: 15px;bottom: -8px;opacity: 0.5}}@media (max-width: 480px){.webyra-hero-laptop{width: 280px;height: 190px}.webyra-hero-laptop__lid{width: 220px;height: 140px}.webyra-hero-laptop__base{width: 240px}}.webyra-hero-laptop--animating .webyra-hero-laptop__lid, .webyra-hero-laptop--animating .webyra-hero-laptop__display, .webyra-hero-laptop--animating .webyra-hero-laptop__screen::after{will-change: transform, opacity, filter}.webyra-hero-laptop--play .webyra-hero-laptop__lid, .webyra-hero-laptop--play .webyra-hero-laptop__display, .webyra-hero-laptop--play .webyra-hero-laptop__screen::after{will-change: auto}@media (prefers-reduced-motion: reduce){.webyra-hero-laptop__lid, .webyra-hero-laptop__display, .webyra-hero-laptop__screen::after, .webyra-hero-laptop__display::before{animation: none !important;transition: none !important}.webyra-hero-laptop__display{opacity: 1;filter: blur(0)}.webyra-hero-laptop__screen::after{opacity: 1}}.webyra-laptop-mockup{width: 100%;height: 100%;background: #fff;border-radius: 2px;overflow: hidden;font-size: 2px;display: flex;flex-direction: column}.webyra-laptop-mockup__topbar{height: 8px;background: #fff;border-bottom: 0.5px solid #e5e5e5;display: flex;align-items: center;padding: 0 4px;gap: 3px;flex-shrink: 0}.webyra-laptop-mockup__logo{width: 12px;height: 3px;background: #1a1a1a;border-radius: 2px;opacity: 0.15}.webyra-laptop-mockup__nav{display: flex;gap: 2px;margin-left: auto}.webyra-laptop-mockup__nav-item{width: 8px;height: 2px;background: #6b6b6b;border-radius: 1px;opacity: 0.12}.webyra-laptop-mockup__cta{width: 12px;height: 4px;background: rgba(12, 63, 47, 0.1);border: 0.3px solid rgba(12, 63, 47, 0.2);border-radius: 2px;margin-left: 2px}.webyra-laptop-mockup__hero{padding: 8px 4px;flex-shrink: 0}.webyra-laptop-mockup__title{width: 60%;height: 5px;background: #1a1a1a;border-radius: 1px;opacity: 0.12;margin-bottom: 3px}.webyra-laptop-mockup__subtitle{width: 75%;height: 2px;background: #6b6b6b;border-radius: 1px;opacity: 0.08;margin-bottom: 1.5px}.webyra-laptop-mockup__subtitle:last-of-type{width: 55%}.webyra-laptop-mockup__buttons{display: flex;gap: 2px;margin-top: 4px}.webyra-laptop-mockup__btn{width: 18px;height: 5px;background: rgba(12, 63, 47, 0.12);border: 0.3px solid rgba(12, 63, 47, 0.15);border-radius: 2px}.webyra-laptop-mockup__btn:last-child{background: transparent;border-color: #e5e5e5}.webyra-laptop-mockup__cards{display: grid;grid-template-columns: repeat(3, 1fr);gap: 3px;padding: 0 4px 4px;flex: 1;align-content: start}.webyra-laptop-mockup__card{aspect-ratio: 1;background: #fafafa;border: 0.3px solid #e5e5e5;border-radius: 2px;padding: 2px;display: flex;flex-direction: column;gap: 1px}.webyra-laptop-mockup__card-header{width: 8px;height: 2px;background: #0C3F2F;border-radius: 1px;opacity: 0.15}.webyra-laptop-mockup__card-line{width: 100%;height: 1px;background: #1a1a1a;border-radius: 0.5px;opacity: 0.08}.webyra-laptop-mockup__card-line:last-child{width: 70%}@media (max-width: 480px){.webyra-laptop-mockup{font-size: 1.5px}.webyra-laptop-mockup__topbar{height: 6px;padding: 0 3px}.webyra-laptop-mockup__hero{padding: 6px 3px}.webyra-laptop-mockup__cards{padding: 0 3px 3px;gap: 2px}}