[data-v-f8bc668a]{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif}.hero-mockup[data-v-f8bc668a]{display:flex;justify-content:center;align-items:center}.device-mockup[data-v-f8bc668a]{perspective:1000px}.device-frame[data-v-f8bc668a]{width:480px;height:300px;background:#f5f5f7;border-radius:16px;padding:8px;box-shadow:0 20px 40px #0000001a;transform:rotateX(5deg) rotateY(-5deg);transition:transform .3s ease}.device-frame[data-v-f8bc668a]:hover{transform:rotateX(0) rotateY(0)}.device-screen[data-v-f8bc668a]{width:100%;height:100%;background:#fff;border-radius:12px;overflow:hidden;border:1px solid #e5e5e7}.app-interface[data-v-f8bc668a]{height:100%;display:flex;flex-direction:column}.app-header[data-v-f8bc668a]{height:28px;background:#f5f5f7;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid #e5e5e7}.traffic-lights[data-v-f8bc668a]{display:flex;gap:6px}.traffic-light[data-v-f8bc668a]{width:10px;height:10px;border-radius:50%}.traffic-light.red[data-v-f8bc668a]{background:#ff5f56}.traffic-light.yellow[data-v-f8bc668a]{background:#ffbd2e}.traffic-light.green[data-v-f8bc668a]{background:#27ca3f}.url-bar[data-v-f8bc668a]{font-size:.7rem;color:#86868b;background:#fff;padding:2px 6px;border-radius:3px;border:1px solid #e5e5e7}.animated-chart[data-v-f8bc668a]{display:flex;flex-direction:column;gap:8px}.chart-bars[data-v-f8bc668a]{display:flex;align-items:end;justify-content:space-between;height:70px;gap:6px;margin-bottom:6px}.chart-bar[data-v-f8bc668a]{flex:1;background:linear-gradient(180deg,#0453f4,#0339cc);border-radius:3px 3px 0 0;position:relative;min-height:4px;animation:growUp-f8bc668a 1.5s ease-out forwards;transform:scaleY(0);transform-origin:bottom}.chart-bar:hover .bar-value[data-v-f8bc668a]{opacity:1;transform:translateY(-8px)}.bar-value[data-v-f8bc668a]{position:absolute;top:-20px;left:50%;transform:translate(-50%);font-size:.625rem;font-weight:600;color:#0453f4;opacity:0;transition:all .3s ease;white-space:nowrap}.chart-labels[data-v-f8bc668a]{display:flex;justify-content:space-between;gap:6px}.chart-labels span[data-v-f8bc668a]{flex:1;text-align:center;font-size:.625rem;color:#86868b;font-weight:500}@keyframes growUp-f8bc668a{0%{transform:scaleY(0);opacity:.7}to{transform:scaleY(1);opacity:1}}.footer[data-v-f8bc668a]{padding:20px 24px;background:#fff;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box}.footer-left[data-v-f8bc668a],.footer-right[data-v-f8bc668a]{flex-shrink:0}.footer-right p[data-v-f8bc668a]{color:#86868b;font-size:.875rem;margin:0}@media (max-width: 1024px){.hero-layout[data-v-f8bc668a]{grid-template-columns:1fr;gap:40px;text-align:center}.hero-content[data-v-f8bc668a]{text-align:center}.hero-actions[data-v-f8bc668a]{justify-content:center}.device-frame[data-v-f8bc668a]{width:400px;height:250px}}@media (max-width: 768px){.container[data-v-f8bc668a]{padding:0 48px}.hero-title[data-v-f8bc668a]{font-size:2.5rem}.hero-description[data-v-f8bc668a]{font-size:1.125rem}.device-frame[data-v-f8bc668a]{width:320px;height:200px}.nav-content[data-v-f8bc668a]{height:60px;justify-content:center;padding-left:24px}.nav-brand img[data-v-f8bc668a]{height:36px}.footer[data-v-f8bc668a]{padding:16px 24px;flex-direction:column;gap:12px;text-align:center}.footer-left[data-v-f8bc668a]{margin-right:0}}@media (max-width: 480px){.hero-title[data-v-f8bc668a]{font-size:2rem}.btn-primary[data-v-f8bc668a]{padding:14px 24px;font-size:1rem}.hero-description[data-v-f8bc668a]{font-size:1rem}.device-frame[data-v-f8bc668a]{width:280px;height:175px}}