html{scroll-behavior:smooth}#new-preview-page{--np-primary:#d99734;--np-primary-hover:#c48937;--np-dark:rgb(24, 16, 89);--np-text:#1e293b;--np-text-muted:#64748b;--np-bg-light:#f8fafc;--np-bg-card:#ffffff;font-family:"Source Sans 3",sans-serif;color:var(--np-text);overflow-x:hidden}.np-title{font-size:clamp(32px, 5vw, 56px);font-weight:700;line-height:1.2;margin-bottom:clamp(16px,2vw,24px);color:#fff}.np-title span{color:var(--np-primary)}.np-subtitle{font-size:clamp(16px, 1.5vw, 20px);color:rgba(255,255,255,.85);max-width:700px;margin:0 auto clamp(30px,4vw,40px);line-height:1.6}.np-badge{display:inline-block;background:rgba(217,151,52,.2);border:1px solid rgba(217,151,52,.4);color:var(--np-primary);padding:6px 16px;border-radius:9999px;font-size:13px;font-weight:700;letter-spacing:1px;margin-bottom:24px}.np-btn-primary{display:inline-block;background:var(--np-primary);color:#fff;padding:14px 32px;font-size:16px;font-weight:600;border-radius:4px;text-decoration:none;transition:background .2s,transform .15s;box-shadow:0 4px 12px rgba(217,151,52,.3)}.np-btn-primary:hover{background:var(--np-primary-hover);transform:translateY(-2px)}.fp-hero-container{padding:24px 20px;background:var(--np-bg-card)}.fp-hero-card{background-color:var(--np-dark);border-radius:24px;padding:clamp(60px,8vw,100px) 20px;text-align:center;max-width:1400px;margin:0 auto;box-shadow:0 20px 40px rgba(0,0,0,.15)}.fp-hero-top-text{font-size:clamp(28px, 4vw, 42px);font-weight:500;color:#fff;margin:0 0 16px}.fp-title-gradient{font-size:clamp(32px, 5vw, 54px);font-weight:700;margin:0 0 24px;background:linear-gradient(90deg,#d884f3,#f39572,#b993e6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.fp-subtitle{font-size:clamp(16px, 1.5vw, 18px);color:#fff;max-width:800px;margin:0 auto 40px;line-height:1.6}.fp-btn-solid-white{display:inline-block;background:#fff;color:var(--np-dark);padding:14px 32px;border-radius:4px;font-weight:700;font-size:16px;text-decoration:none;transition:transform .2s,background .2s}.fp-btn-solid-white:hover{background:#f8fafc;transform:translateY(-2px)}.fp-welcome-sec{background-color:var(--np-dark);padding:80px 20px;color:#fff}.fp-welcome-container{max-width:1400px;margin:0 auto}.fp-welcome-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.fp-welcome-text{max-width:600px}.fp-welcome-title{font-size:clamp(32px, 4vw, 48px);font-weight:800;line-height:1.1;text-transform:uppercase;margin:0 0 20px;color:#fff}.fp-welcome-subtitle{font-size:clamp(16px, 1.5vw, 18px);color:rgba(255,255,255,.9);margin:0 0 30px}.fp-welcome-dbs{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:40px;font-weight:700;font-size:16px}.fp-btn-outline-white{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.4);color:#fff;padding:12px 24px;border-radius:4px;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s}.fp-btn-outline-white:hover{background:rgba(255,255,255,.1);border-color:#fff}.fp-welcome-media{width:100%;position:relative;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.1);border-radius:8px;background-color:#000;aspect-ratio:16/9}.fp-welcome-video{width:100%;height:100%;aspect-ratio:16/9;display:block;border:none}.fp-yt-facade{position:relative;width:100%;height:100%;cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:#000;overflow:hidden}.fp-yt-thumb{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.02);transition:transform .4s ease,filter .3s ease}.fp-yt-facade:hover .fp-yt-thumb{transform:scale(1.06);filter:brightness(1.05)}.fp-yt-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;transition:transform .25s cubic-bezier(0, 0, .2, 1),filter .25s ease;filter:drop-shadow(0 4px 12px rgba(0, 0, 0, .5))}.fp-yt-facade:hover .fp-yt-play-btn{transform:translate(-50%,-50%) scale(1.15);filter:drop-shadow(0 6px 20px rgba(255, 0, 0, .65))}.np-body-wrap{max-width:1200px;margin:0 auto;padding:60px 24px}.np-sec{margin-bottom:80px}.np-sec-header{text-align:center;margin-bottom:40px}.np-sec-tag{color:var(--np-primary);font-weight:700;font-size:14px;letter-spacing:1px;display:block;margin-bottom:8px;text-transform:uppercase}.np-sec-title{font-size:clamp(28px, 3vw, 36px);font-weight:700;color:var(--np-text);margin:0}.np-app-preview-sec{background:var(--np-dark);border-radius:12px;padding:clamp(40px,6vw,80px) clamp(24px,4vw,60px);margin:60px 0;box-shadow:0 20px 40px rgba(24,16,89,.15)}.np-preview-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.np-preview-media{width:100%;max-width:320px;margin:0 auto;aspect-ratio:9/16;background:#000;border:8px solid #0f172a;border-radius:32px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.3)}.np-preview-media video{width:100%;height:100%;object-fit:cover}@media (max-width:900px){.fp-welcome-grid{grid-template-columns:1fr}}@media (max-width:768px){.np-preview-grid{grid-template-columns:1fr;text-align:center}.np-app-preview-sec{padding:40px 24px}.np-preview-media{max-width:260px}.np-btn-primary{width:100%;box-sizing:border-box;text-align:center}}