.ui-preview{text-align:center;padding:2rem}.airbar-status-container{display:flex;justify-content:center;align-items:center;gap:2rem;margin:2rem 0}.airbar-status-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.airbar-status-image{width:120px;height:120px;object-fit:contain;border-radius:8px;transition:transform .3s}.airbar-status-image:hover{transform:scale(1.05)}.status-label{font-weight:600;font-size:1.1rem;color:var(--text-dark)}.crystal-ball-demo{width:200px;height:200px;border-radius:50%;background:linear-gradient(135deg,#4facfe 0,#00f2fe 100%);display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;position:relative;box-shadow:0 20px 40px rgba(79,172,254,.3)}.crystal-ball-demo::before{content:'';position:absolute;top:20%;left:20%;width:30%;height:30%;background:rgba(255,255,255,.3);border-radius:50%;filter:blur(10px)}.status-text{color:var(--white);font-size:1.5rem;font-weight:700;z-index:2}.ui-features{padding-left:2rem}.ui-feature-item{display:flex;align-items:flex-start;margin-bottom:2rem}.ui-feature-icon{width:50px;height:50px;background:var(--primary-light);color:var(--primary-color);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:1rem;flex-shrink:0}.ui-feature-text{flex:1}.ui-feature-title{font-weight:600;color:var(--text-dark);margin-bottom:.5rem}.ui-feature-desc{color:var(--text-muted);font-size:.9rem}.app-mockup{display:flex;justify-content:center;align-items:center;min-height:400px}.phone-frame{width:280px;height:500px;background:#000;border-radius:30px;padding:20px;position:relative;box-shadow:0 20px 40px rgba(0,0,0,.3)}.phone-frame::before{content:'';position:absolute;top:10px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:#333;border-radius:2px}.phone-screen{width:100%;height:100%;background:var(--white);border-radius:20px;padding:2rem 1.5rem;overflow:hidden}.app-features-list{padding-left:2rem}.app-feature{display:flex;align-items:flex-start;margin-bottom:2rem;min-height:60px}.app-feature-icon{width:50px;height:50px;background:var(--primary-light);color:var(--primary-color);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-right:1rem;flex-shrink:0;float:left}.app-feature-content{flex:1}.app-feature-content h5{font-weight:600;color:var(--text-dark);margin-bottom:.5rem;font-size:1.1rem}.app-feature-content p{color:var(--text-muted);margin-bottom:0;font-size:.95rem}.spec-table{background:var(--white);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-sm)}.spec-table table{margin-bottom:0}.spec-table th{background:var(--primary-color);color:var(--white);font-weight:600;padding:1.5rem;border:none}.spec-table td{padding:1.5rem;border-bottom:1px solid var(--border-light);vertical-align:top}.spec-category{font-weight:600;color:var(--text-dark);background:var(--bg-light)}.spec-value{color:var(--text-muted);line-height:1.6}.spec-value strong{color:var(--text-dark);font-weight:600}@media (max-width:768px){.crystal-ball-demo{width:150px;height:150px}.status-text{font-size:1.2rem}.app-features-list,.ui-features{padding-left:0;margin-top:3rem}.phone-frame{width:240px;height:430px;padding:15px}.phone-screen{padding:1.5rem 1rem}.app-feature-content{padding-left:60px}.spec-table td,.spec-table th{padding:1rem}}