@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700&display=swap");:root{--bg-body:#f8fafc;--bg-card:hsla(0,0%,100%,.85);--bg-pure:#fff;--accent-blue:#0ea5e9;--accent-blue-hover:#0284c7;--accent-blue-light:rgba(14,165,233,.08);--accent-success:#10b981;--accent-warning:#f59e0b;--text-primary:#0f172a;--text-secondary:#64748b;--text-muted:#94a3b8;--border-light:rgba(15,23,42,.08);--border-focus:rgba(14,165,233,.4);--font-sans:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Plus Jakarta Sans","Helvetica Neue",Arial,sans-serif;--transition-apple:all 0.4s cubic-bezier(0.25,1,0.5,1);--transition-fast:all 0.2s ease;--shadow-premium:0 8px 30px rgba(15,23,42,.04);--shadow-device:0 25px 50px -12px rgba(15,23,42,.15)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}.landing-body{background-color:var(--bg-body);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;overflow-x:hidden;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d2d2d7;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#a1a1a6}@keyframes pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}@keyframes pulse-ring{0%{transform:scale(.33);opacity:1}80%,to{opacity:0}}.landing-header{display:flex;justify-content:space-between;align-items:center;padding:16px 8%;position:-webkit-sticky;position:sticky;top:0;z-index:100;background:rgba(245,245,247,.7);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-light)}.landing-header .logo-container{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--text-primary)}.landing-header .logo-icon{width:30px;height:30px;background:var(--accent-blue);border-radius:6px;display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;font-size:1.1rem}.landing-header .logo-text{font-weight:600;font-size:1.25rem;letter-spacing:-.5px}.landing-header .nav-links{display:flex;list-style:none;gap:28px}.landing-header .nav-links a{text-decoration:none;color:var(--text-secondary);font-weight:500;font-size:.9rem;transition:var(--transition-fast)}.landing-header .nav-links a:hover{color:var(--accent-blue)}.landing-main{max-width:1300px;margin:0 auto;padding:40px 6%;gap:60px}.hero-section,.landing-main{display:flex;flex-direction:column}.hero-section{text-align:center;align-items:center;gap:20px;padding:40px 0 20px}.hero-badge{padding:6px 14px;background:var(--accent-blue-light);color:var(--accent-blue);font-size:.8rem;font-weight:600;border-radius:30px;letter-spacing:.5px;text-transform:uppercase}.hero-title{font-size:3.8rem;font-weight:800;letter-spacing:-1.8px;line-height:1.1;color:var(--text-primary);max-width:800px}.hero-description{font-size:1.25rem;color:var(--text-secondary);max-width:620px;line-height:1.6}.hero-actions{display:flex;gap:16px;margin-top:10px}.btn{padding:12px 24px;border-radius:24px;font-weight:600;font-size:.95rem;cursor:pointer;transition:var(--transition-apple);text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none}.btn-primary{background:var(--accent-blue);color:#fff}.btn-primary:hover{background:var(--accent-blue-hover);transform:translateY(-1px)}.btn-secondary{background:var(--bg-pure);color:var(--accent-blue);border:1px solid var(--border-light)}.btn-secondary:hover{background:var(--accent-blue-light);transform:translateY(-1px)}.sync-demo-section{display:flex;flex-direction:column;gap:30px}.demo-title-area{text-align:center}.demo-title-area h2{font-size:2rem;font-weight:700;letter-spacing:-.8px}.demo-title-area p{color:var(--text-secondary);font-size:1rem;margin-top:8px}.devices-wrapper{display:grid;grid-template-columns:1fr 1.6fr;grid-gap:50px;gap:50px;align-items:center;justify-content:center;padding:30px 0}.phone-container{display:flex;justify-content:center;perspective:1000px}.phone-frame{width:280px;height:570px;background:#000;border-radius:44px;padding:10px;box-shadow:var(--shadow-device);border:4px solid #3a3a3c;position:relative;transform-style:preserve-3d;transition:var(--transition-apple)}.phone-frame:hover{transform:rotateY(8deg) rotateX(2deg) scale(1.02)}.phone-notch{width:110px;height:25px;background:#000;position:absolute;top:10px;left:50%;transform:translateX(-50%);border-radius:0 0 16px 16px;z-index:10}.phone-screen{width:100%;height:100%;background:var(--bg-body);border-radius:36px;overflow:hidden;position:relative;display:flex;flex-direction:column;border:1px solid #1c1c1e}.phone-header{padding:32px 16px 12px;background:var(--bg-pure);border-bottom:1px solid var(--border-light);text-align:center}.phone-header-title{font-size:.95rem;font-weight:700;letter-spacing:-.3px}.phone-header-subtitle{font-size:.75rem;color:var(--text-secondary)}.phone-content{flex-grow:1;padding:16px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.phone-section-title{font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.phone-layouts-grid{display:grid;grid-template-columns:1fr;grid-gap:8px;gap:8px}.phone-layout-btn{background:var(--bg-pure);border:1px solid var(--border-light);padding:12px;border-radius:12px;text-align:left;cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;gap:10px}.phone-layout-btn:hover{background:#f2f2f7;border-color:#c7c7cc}.phone-layout-btn.active{background:var(--accent-blue-light);border-color:var(--accent-blue)}.phone-btn-icon{font-size:1.2rem}.phone-btn-txt{font-size:.8rem;font-weight:600}.phone-upload-box{background:var(--bg-pure);border:1px dashed var(--accent-blue);border-radius:12px;padding:18px 12px;text-align:center;cursor:pointer;transition:var(--transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none}.phone-upload-box:hover{background:var(--accent-blue-light)}.phone-upload-icon{font-size:1.5rem;color:var(--accent-blue);margin-bottom:4px}.phone-upload-text{font-size:.75rem;font-weight:600;color:var(--accent-blue)}.phone-upload-sub{font-size:.65rem;color:var(--text-secondary);margin-top:2px}.phone-progress-bar{width:100%;height:4px;background:#e5e5ea;border-radius:2px;margin-top:8px;overflow:hidden}.phone-progress-fill{height:100%;background:var(--accent-blue);transition:width .1s linear}.phone-bottom-nav{display:grid;grid-template-columns:1fr 1fr;background:var(--bg-pure);border-top:1px solid var(--border-light);padding:6px 0}.phone-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;color:var(--text-secondary);font-size:.65rem;font-weight:500;-webkit-user-select:none;-moz-user-select:none;user-select:none}.phone-nav-item.active{color:var(--accent-blue)}.phone-nav-icon{font-size:1.1rem}.tv-container{display:flex;flex-direction:column;align-items:center}.tv-frame{width:100%;max-width:640px;aspect-ratio:16/9;background:#111;border:12px solid #2c2c2e;border-radius:18px;box-shadow:var(--shadow-device);position:relative;overflow:hidden;transform-style:preserve-3d;transition:var(--transition-apple)}.tv-frame:hover{transform:rotateY(-8deg) rotateX(2deg) scale(1.02)}.tv-screen{width:100%;height:100%;background:#000;position:relative}.tv-info-overlay{position:absolute;top:15px;left:15px;background:hsla(0,0%,100%,.95);border:1px solid var(--border-light);border-radius:8px;padding:6px 12px;z-index:10;display:flex;flex-direction:column;box-shadow:0 4px 12px rgba(0,0,0,.05)}.tv-info-loc{font-size:.75rem;font-weight:700;color:var(--text-primary)}.tv-info-pin{font-size:.65rem;color:var(--text-secondary);font-weight:500}.tv-sync-pulse{position:absolute;top:15px;right:15px;background:rgba(48,209,88,.15);color:var(--accent-success);border:1px solid rgba(48,209,88,.3);padding:4px 10px;border-radius:16px;font-size:.65rem;font-weight:700;display:flex;align-items:center;gap:6px;z-index:10;opacity:0;transition:opacity .3s ease}.tv-sync-pulse.syncing{opacity:1}.tv-pulse-dot{width:6px;height:6px;background-color:var(--accent-success);border-radius:50%;position:relative}.tv-pulse-dot:after{content:"";border-radius:50%;background-color:var(--accent-success);animation:pulse-ring 1.5s infinite}.tv-pulse-dot:after,.tv-slide{position:absolute;top:0;left:0;width:100%;height:100%}.tv-slide{opacity:0;transition:opacity .8s cubic-bezier(.25,1,.5,1);display:flex;box-sizing:border-box}.tv-slide.active{opacity:1}.slide-welcome{background:linear-gradient(135deg,#fff,#f0f9ff);flex-direction:column;padding:40px;text-align:center;color:var(--text-primary)}.slide-welcome,.welcome-logo{justify-content:center;align-items:center}.welcome-logo{width:60px;height:60px;background:var(--accent-blue);border-radius:12px;display:flex;color:#fff;font-weight:800;font-size:1.8rem;margin-bottom:20px;box-shadow:0 10px 20px rgba(0,113,227,.2)}.welcome-heading{font-size:2.2rem;font-weight:800;letter-spacing:-1px}.welcome-sub{font-size:1rem;color:var(--text-secondary);margin-top:8px;max-width:440px}.slide-menu{background:#fff;padding:30px;flex-direction:column;color:var(--text-primary)}.menu-header,.slide-menu{justify-content:space-between}.menu-header{display:flex;align-items:center;border-bottom:1px solid var(--border-light);padding-bottom:12px}.menu-brand{font-size:1.25rem;font-weight:800;color:var(--accent-blue);letter-spacing:-.5px}.menu-title{font-size:.8rem;font-weight:700;color:var(--text-secondary);letter-spacing:1px;text-transform:uppercase}.menu-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;margin:15px 0}.menu-row{display:flex;justify-content:space-between;align-items:baseline;font-size:.95rem}.menu-item-name{font-weight:600}.menu-item-price{font-weight:700;color:var(--accent-blue)}.menu-footer{text-align:center;font-size:.7rem;color:var(--text-secondary);background:var(--bg-body);padding:6px;border-radius:6px}.slide-promo{background:linear-gradient(135deg,#0f172a,#0ea5e9);color:#fff;padding:40px;flex-direction:row;align-items:center}.promo-text-col{width:60%;display:flex;flex-direction:column;gap:12px}.promo-tag{background:hsla(0,0%,100%,.2);padding:4px 10px;border-radius:4px;font-size:.7rem;font-weight:700;align-self:flex-start}.promo-title{font-size:2.2rem;font-weight:800;line-height:1.15}.promo-desc{font-size:.9rem;opacity:.9}.promo-graphic-col{width:40%;display:flex;justify-content:center}.promo-circle-glow{width:140px;height:140px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:50%;display:flex;font-size:4.5rem}.promo-circle-glow,.slide-upload{justify-content:center;align-items:center}.slide-upload{background:#fff;width:100%;height:100%;position:relative;overflow:hidden}.uploaded-image-display{width:100%;height:100%;object-fit:cover}.tv-stand-bar{width:20px;height:40px;background:#1c1c1e;border-radius:2px}.tv-base-bar{width:160px;height:6px;background:#2c2c2e;border-radius:3px}.pin-section{display:flex;flex-direction:column;gap:20px}.how-to-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:24px;gap:24px;margin-top:20px}.glass-card{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-light);border-radius:20px;box-shadow:var(--shadow-premium);transition:var(--transition-apple)}.glass-card:hover{box-shadow:0 12px 40px rgba(0,0,0,.06);border-color:rgba(0,0,0,.12)}.flex-step{padding:24px;display:flex;flex-direction:column;gap:12px;position:relative}.step-num{width:32px;height:32px;background:var(--accent-blue-light);color:var(--accent-blue);border-radius:50%;display:flex;justify-content:center;align-items:center;font-weight:700;font-size:.9rem}.step-title{font-weight:700;font-size:1.1rem;margin-top:4px}.step-desc{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.landing-footer{padding:40px 8%;background:var(--bg-pure);border-top:1px solid var(--border-light);flex-direction:column;gap:16px;margin-top:40px}.footer-logo,.landing-footer{display:flex;align-items:center}.footer-logo{gap:8px}.footer-logo .logo-icon{width:30px;height:30px;background:var(--accent-blue);border-radius:6px;display:flex;justify-content:center;align-items:center;color:#fff;font-weight:700;font-size:1.1rem}.footer-logo .logo-text{font-weight:600;font-size:1.25rem;letter-spacing:-.5px}.footer-nav{display:flex;gap:24px}.footer-nav a{text-decoration:none;color:var(--text-secondary);font-size:.85rem;transition:var(--transition-fast)}.footer-nav a:hover{color:var(--accent-blue)}.footer-text{font-size:.8rem;color:var(--text-muted)}@media (max-width:1024px){.devices-wrapper{grid-template-columns:1fr;gap:40px}}@media (max-width:768px){.landing-header{padding:16px 5%}.landing-header .nav-links{display:none}.hero-title{font-size:2.8rem;letter-spacing:-1px}.landing-main{padding:30px 4%;gap:40px}}