/* Real NotePulse mobile marketing. This stylesheet is intentionally limited to
   the Mobile page plus the homepage/device and download enhancements. */
.np-mobile-more-link{margin:0 0 18px;font-size:.9rem;font-weight:750}
.np-mobile-more-link a{color:#81e3ff;text-decoration:underline;text-underline-offset:5px}
.np-real-mobile-art{min-height:620px}
.np-mobile-phone--real{display:block;min-height:0;width:min(258px,72vw);padding:7px;border:6px solid #344c6f;border-radius:38px;overflow:hidden;background:#0b121d;box-shadow:0 32px 85px #000a,0 0 0 2px #668ab55c;transform:rotate(5deg);margin:12px 0 6px}
.np-mobile-phone--real img{display:block;width:100%;height:auto;border-radius:28px;background:#10151b}
.np-real-mobile-art .np-mobile-art-label{bottom:28px;right:-10px}
.nm-download-preview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:30px;align-items:center;margin-top:29px;padding:22px 36px;border:1px solid #365575;background:linear-gradient(120deg,#152746,#111c34);border-radius:22px;overflow:hidden}
.nm-download-preview-collage{display:flex;justify-content:center;gap:15px;align-items:center;height:250px;min-width:0}
.nm-download-preview-collage img{height:216px;width:auto;max-width:48%;object-fit:contain;border-radius:13px;border:3px solid #527798;box-shadow:0 12px 30px #0008}
.nm-download-preview-collage img:last-child{transform:rotate(5deg)}
.nm-download-preview h3{font-size:clamp(1.4rem,3vw,2rem);margin:9px 0}
.nm-download-preview p{color:#b9cce5;margin:0 0 17px}
.nm-download-preview .nm-disclosure{font-size:.77rem;color:#91a8c2;margin:12px 0 0}
/* Dedicated mobile page */
.nm-page{background:#080e20}
.nm-page a:focus-visible,.nm-page button:focus-visible{outline:3px solid #68e8ee;outline-offset:4px}
.nm-hero{padding:80px 0 75px;background:radial-gradient(ellipse at 76% 40%,rgba(56,147,204,.21),transparent 54%),linear-gradient(180deg,#091323,#0b172d);overflow:hidden}
.nm-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:50px;align-items:center}
.nm-hero-text h1{font-size:clamp(2.7rem,5vw,5.3rem);margin:14px 0 22px;max-width:630px}
.nm-hero-text .lead{max-width:580px;line-height:1.75}
.nm-store-row{display:flex;flex-wrap:wrap;gap:13px;margin:28px 0 14px}
.nm-store-row .np-store-link{min-width:205px}
.nm-hero-note{font-size:.83rem;color:#9db3cb;max-width:600px}
.nm-hero-media{display:grid;place-items:center;position:relative;min-height:560px}
.nm-glow{position:absolute;inset:6% 10%;z-index:0;filter:blur(24px);background:radial-gradient(ellipse,rgba(21,180,220,.2),rgba(104,66,200,.14) 50%,transparent 76%)}
.nm-hero-handset{position:relative;z-index:1;margin:0;width:min(270px,68vw);border:7px solid #354d70;border-radius:40px;background:#081220;padding:7px;transform:rotate(4deg);box-shadow:0 38px 100px #02050fba,0 0 0 2px #78b6d75c}
.nm-hero-handset img{width:100%;height:auto;border-radius:29px;display:block}
.nm-hero-tag{position:absolute;z-index:2;right:0;bottom:40px;color:#adf4ff;font-weight:780;font-size:.73rem;padding:11px 14px;letter-spacing:.08em;background:#183650;border:1px solid #5186a7;border-radius:30px;box-shadow:0 10px 30px #0008}
.nm-jump{display:flex;gap:15px;flex-wrap:wrap;margin-top:30px}
.nm-jump a{color:#9edcf6;text-decoration:underline;text-underline-offset:4px;font-size:.89rem}
.nm-feature-strip{border-block:1px solid #2d405d;background:#111b30;padding:22px 0}
.nm-feature-strip .container{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.nm-feature-strip div{display:grid;gap:4px;padding:8px 18px;border-left:2px solid #2c648a}
.nm-feature-strip strong{color:#e7faff;font-size:.91rem}
.nm-feature-strip span{color:#a6bed8;font-size:.8rem}
.nm-section{padding:85px 0;scroll-margin-top:80px}
.nm-section--alt{background:linear-gradient(180deg,#111b33,#0b1427);border-block:1px solid #233a59}
.nm-section-heading{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:32px}
.nm-section-heading h2{margin:10px 0 12px;font-size:clamp(2rem,3.8vw,3.2rem)}
.nm-section-heading p{max-width:510px;color:#b0c6df;margin:0;line-height:1.7}
.nm-screen-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.nm-screen-grid.nm-screen-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}
.nm-screen-card{min-width:0;border:1px solid #324a6b;background:linear-gradient(145deg,#172840,#111b32);border-radius:20px;overflow:hidden;display:flex;flex-direction:column}
.nm-screen-button{display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,rgba(48,102,151,.15),transparent 70%),#0c1528;width:100%;border:0;padding:24px 24px 14px;min-width:0;position:relative}
.nm-screen-button img{height:340px;width:auto;max-width:100%;object-fit:contain;border:1px solid #52647e;border-radius:17px;box-shadow:0 12px 35px #0009}
.nm-screen-button:after{content:'Tap to enlarge ↗';position:absolute;right:17px;bottom:18px;font-size:.66rem;font-weight:750;letter-spacing:.02em;color:#dff8ff;background:#102945e8;border:1px solid #4c7592;padding:6px 9px;border-radius:9px}
.nm-screen-info{padding:16px 23px 22px;flex:1}
.nm-screen-info span{font-size:.69rem;font-weight:850;letter-spacing:.13em;color:#6ee3ff}
.nm-screen-info h3{font-size:1.13rem;margin:7px 0 9px}
.nm-screen-info p{font-size:.88rem;color:#afc6df;line-height:1.7;margin:0}
.nm-shot-note{font-size:.81rem;color:#91acc8;margin:20px 0 0}
.nm-customer-journey{background:radial-gradient(ellipse at 30% 30%,rgba(45,111,161,.18),transparent 58%),#0c182d}
.nm-next{padding:45px 50px;border:1px solid #3a5b7b;background:linear-gradient(115deg,#162d4b,#222044);border-radius:25px;text-align:center}
.nm-next h2{margin:8px 0 15px}.nm-next p{color:#b2c8e3;max-width:720px;margin:0 auto}
.nm-next .nm-store-row{justify-content:center;margin:22px 0}
.nm-next-note{font-size:.79rem!important;color:#9ab2cb!important}
@media(max-width:950px){.nm-hero-grid{grid-template-columns:1fr;gap:12px}.nm-hero{padding:55px 0}.nm-hero-media{min-height:525px}.nm-hero-tag{right:23%}.nm-feature-strip .container{grid-template-columns:repeat(2,1fr)}.nm-section-heading{display:block}.nm-section-heading p{max-width:780px}.nm-screen-grid.nm-screen-grid--three{grid-template-columns:repeat(2,minmax(0,1fr))}.np-real-mobile-art{min-height:555px}}
@media(max-width:690px){.nm-download-preview{grid-template-columns:1fr;padding:23px}.nm-download-preview-collage{height:215px}.nm-download-preview-collage img{height:188px}.nm-screen-grid,.nm-screen-grid.nm-screen-grid--three{grid-template-columns:1fr}.nm-screen-button img{height:370px}.nm-section{padding:58px 0}.nm-section-heading{margin-bottom:24px}.nm-hero-media{min-height:480px}.nm-hero-handset{width:min(230px,65vw)}.nm-hero-tag{right:1%;bottom:14px}.nm-next{padding:32px 19px}.np-real-mobile-art{min-height:480px}.np-mobile-phone--real{transform:rotate(3deg);width:224px}.np-real-mobile-art .np-mobile-art-label{right:0;bottom:0}}
@media(max-width:480px){.nm-feature-strip .container{grid-template-columns:1fr 1fr;gap:6px}.nm-feature-strip div{padding:8px}.nm-feature-strip strong{font-size:.78rem}.nm-feature-strip span{font-size:.7rem}.nm-store-row{flex-direction:column}.nm-store-row .np-store-link{width:100%}.nm-hero-media{min-height:460px}}
@media(prefers-reduced-motion:reduce){.np-mobile-phone--real,.nm-hero-handset{transform:none}}