/* Native interface illustrations: exact typography and geometric icons. */
.nm-dashboard,.nm-phone{font-family:Arial,sans-serif;color:#183f33;text-align:left;line-height:1.4;letter-spacing:0;font-weight:400}
.nm-dashboard *,.nm-phone *{box-sizing:border-box}
.nm-dashboard svg,.nm-phone svg{width:1.5em;height:1.5em;stroke-width:1.6}
.nm-dashboard{display:grid;grid-template-columns:24% 76%;background:#f4f6f1;font-size:10px;min-height:330px}
.nm-sidebar{background:#173f33;color:#e9f0e4;padding:20px 12px;display:flex;flex-direction:column;gap:17px;min-width:0}
.nm-brand{display:flex;align-items:center;gap:.45em;font-size:1.25em;white-space:nowrap}
.nm-brand svg{color:#9cbf62;flex-shrink:0}.nm-sidebar>small{font-size:.6em;letter-spacing:.17em;margin-top:-13px;padding-left:2.9em;color:#bdcfaa}
.nm-sidebar>div:not(.nm-brand){display:flex;align-items:center;gap:8px;font-size:.85em;padding:6px 4px;border-radius:5px;white-space:nowrap}.nm-side-active{background:#ffffff15}.nm-sidebar-foot{font-size:.65em;color:#c2d0b5;margin-top:auto;letter-spacing:.1em}
.nm-workspace{min-width:0}.nm-toolbar{height:38px;background:#fff;border-bottom:1px solid #e2e8db;display:flex;align-items:center;justify-content:space-between;padding:0 15px;font-size:.8em;color:#62715a}.nm-avatar{width:22px;height:22px;border-radius:50%;background:#e9efdf;display:grid;place-items:center;color:#456537;font-size:.8em}
.nm-dashboard-content{padding:17px}.nm-heading>strong{display:block;font-size:1.6em;letter-spacing:-.03em}.nm-heading>span{display:block;font-size:.85em;color:#63765b;margin-top:4px}.nm-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:17px}.nm-metrics>div{padding:12px 10px;background:#fff;border:1px solid #e1e7db;border-radius:6px}.nm-metrics span{font-size:.85em;color:#586e4f;display:block}.nm-metrics strong{display:block;font-size:2.2em;margin:6px 0 5px;white-space:nowrap}.nm-metrics strong small{font-size:.4em;font-weight:400}.nm-metrics em{font-size:.65em;color:#647859;font-style:normal;display:block}.nm-chart-card,.nm-table{background:#fff;border:1px solid #e1e7db;border-radius:6px;padding:12px;margin-top:10px}.nm-card-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.nm-card-heading b{font-size:1em}.nm-card-heading>span{font-size:.8em;color:#637759}.nm-bars{height:100px;display:flex;align-items:stretch;gap:12px;padding:10px 0 19px;margin-top:8px;background:repeating-linear-gradient(to top,transparent 0,transparent 24px,#edf0e8 25px)}.nm-bars>div{flex:1;display:flex;align-items:flex-end;position:relative;justify-content:center;min-width:0}.nm-bars i{display:block;width:70%;border-radius:3px 3px 0 0;background:#91af73}.nm-bars>div:nth-child(6) i{background:#244f39}.nm-bars>div>span{position:absolute;bottom:-17px;font-size:.7em;color:#5f7255}.nm-table>div:not(.nm-card-heading){display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid #edf0e8;padding-top:8px;margin-top:8px;font-size:.8em}.nm-pill{background:#e9f2df;color:#365b28;font-size:.8em;padding:.35em .65em;border-radius:20px;white-space:nowrap}.nm-pill.nm-amber{background:#faf0d8;color:#78591d}.nm-disclaimer{font-size:.6em;color:#68775f;letter-spacing:.12em;text-align:center;padding:12px 0 0}
.nm-phone{font-size:11px;width:100%;background:#f7f9f3;padding:15px 13px 10px;overflow:hidden}.nm-status{display:flex;justify-content:space-between;font-size:.75em;margin-bottom:19px;color:#243b30}.nm-phone .nm-brand{font-size:1.35em}.nm-app-name{display:block;font-size:.65em;letter-spacing:.16em;margin:3px 0 22px 2.9em;color:#5e7353}.nm-phone-heading strong{display:block;font-size:1.55em;letter-spacing:-.03em}.nm-phone-heading>span{font-size:.8em;color:#64765a;display:block;margin-top:5px}.nm-green-card{background:#173f33;color:white;border-radius:8px;padding:15px;margin-top:17px}.nm-green-card>span{font-size:.6em;letter-spacing:.14em;color:#c4d8b1}.nm-green-card>strong{display:block;font-size:1.8em;margin:7px 0 12px}.nm-green-card>div{font-size:.8em;display:flex;align-items:center;justify-content:space-between;color:#d2e5b8}.nm-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:13px}.nm-actions>div{border:1px solid #dfe7d5;border-radius:7px;padding:14px 8px;background:#fff;display:flex;flex-direction:column;align-items:center;gap:9px}.nm-actions svg{width:2em;height:2em;color:#345d40}.nm-actions b{font-size:.85em}.nm-phone-list{background:white;border:1px solid #e0e7d8;border-radius:7px;padding:12px;margin-top:13px}.nm-phone-list>b{font-size:1em}.nm-phone-list>div{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:.75em;padding-top:11px;margin-top:10px;border-top:1px solid #e9eee2}.nm-sync{display:flex;align-items:center;gap:8px;background:#eaf1e0;padding:12px 9px;margin-top:13px;border-radius:6px}.nm-sync>i{width:6px;height:6px;border-radius:50%;background:#6c8e44;flex-shrink:0}.nm-sync b{font-size:.75em;display:block}.nm-sync small{font-size:.65em;display:block;color:#526a46;margin-top:3px}.nm-phone-nav{display:flex;justify-content:space-around;border-top:1px solid #dfe7d5;margin:16px -13px 0;padding:12px 0 0}.nm-phone-nav>span{display:flex;flex-direction:column;align-items:center;gap:4px;color:#66765d}.nm-phone-nav small{font-size:.65em}.nm-phone-nav .nm-current{color:#173f33;font-weight:bold}.nm-phone .nm-disclaimer{font-size:.5em}.nm-phone-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.nm-phone-metrics>div{background:#eaf0e2;padding:12px 10px;border-radius:7px}.nm-phone-metrics span{font-size:.7em;color:#576e4b}.nm-phone-metrics strong{display:block;font-size:1.9em;margin-top:6px}.nm-phone-metrics small{font-size:.45em;font-weight:400}.nm-phone-chart{background:white;border:1px solid #e0e7d8;border-radius:7px;padding:12px;margin-top:12px}.nm-phone-chart>b{font-size:.9em}.nm-phone-chart .nm-bars{height:100px;gap:4px}.nm-phone-chart .nm-bars>div>span{font-size:.55em}.nm-count{font-style:normal;padding:2px 5px;background:#f7edd6;color:#73531a;border-radius:4px}
.phone-stage figure{width:224px;max-width:224px;flex-shrink:0;border:5px solid #243b2d;border-radius:24px}.product-phone{width:128px}.product-phone .nm-phone{font-size:6px;padding:9px 7px 6px}.product-phone .nm-status{margin-bottom:10px}.product-phone .nm-app-name{margin-bottom:12px}.product-phone .nm-green-card{padding:9px;margin-top:9px}.product-phone .nm-actions{gap:5px;margin-top:7px}.product-phone .nm-actions>div{padding:8px 4px;gap:5px}.product-phone .nm-phone-list{padding:7px;margin-top:7px}.product-phone .nm-phone-list>div{padding-top:6px;margin-top:5px}.product-phone .nm-sync{padding:7px 5px;margin-top:7px}.product-phone .nm-phone-nav{margin-top:8px;padding-top:7px}.product-phone .nm-phone .nm-disclaimer{padding-top:6px}.product-phone .nm-green-card>strong{margin:4px 0 6px}.product-shot .nm-dashboard{font-size:11px}.product-visual{width:100%;padding-bottom:85px}.desktop-preview{min-height:0}
@media(max-width:1100px){.nm-dashboard{font-size:8px}.product-shot .nm-dashboard{font-size:9px}.nm-dashboard-content{padding:12px}.nm-sidebar{padding:15px 8px;gap:14px}.nm-metrics>div{padding:10px 7px}.phone-stage{gap:20px;padding:25px 18px}.phone-stage figure{width:205px;max-width:205px}.nm-phone{font-size:10px}.phone-stage .phone-note{max-width:125px}.phone-note strong{font-size:21px}}
@media(max-width:760px){.nm-dashboard,.product-shot .nm-dashboard{font-size:10px}.phone-stage figure{width:230px;max-width:230px}.nm-phone{font-size:11px}.phone-stage .phone-note{max-width:185px}.product-visual{max-width:600px}.product-phone{width:128px}}
@media(max-width:480px){.nm-dashboard,.product-shot .nm-dashboard{grid-template-columns:1fr;font-size:8px;min-height:0}.nm-sidebar{display:none}.nm-dashboard-content{padding:12px}.nm-heading>strong{font-size:1.7em}.nm-metrics{gap:6px}.nm-toolbar{height:30px}.nm-bars{height:86px}.product-visual{padding-right:15px;padding-bottom:115px}.product-phone{width:110px}.product-phone .nm-phone{font-size:5.5px}.phone-stage{flex-direction:column;gap:25px;padding:25px 18px}.phone-stage figure{width:235px;max-width:100%}.nm-phone{font-size:12px}.phone-stage .phone-note{max-width:100%;text-align:center;order:2}.phone-stage .phone-note strong{font-size:21px}.phone-stage .phone-note .eyebrow{justify-content:center}.phone-note p{font-size:11px}.visual-tag{bottom:12px;max-width:60%}}
/* Keep phone previews at a real handset proportion, independent of content. */
#mobile .product-detail-grid,#manager .product-detail-grid{align-items:center}
.phone-stage{min-height:0;padding:28px;gap:28px}
.phone-stage figure{width:260px;max-width:260px;height:auto;aspect-ratio:9 / 19.5;flex:0 0 auto;border-width:5px;border-radius:29px}
.phone-stage figure .nm-phone{height:100%;font-size:12px;padding:12px 13px;display:flex;flex-direction:column;overflow:hidden}
.phone-stage .nm-phone>*{flex-shrink:0}
.phone-stage .nm-status{font-size:.65em;margin-bottom:8px}
.phone-stage .nm-phone .nm-brand{font-size:1.25em}
.phone-stage .nm-app-name{display:none}
.phone-stage .nm-phone-heading{margin-top:13px}
.phone-stage .nm-phone-heading strong{font-size:1.35em}
.phone-stage .nm-phone-heading>span{font-size:.72em;margin-top:3px}
.phone-stage .nm-green-card{padding:10px 12px;margin-top:10px;border-radius:7px}
.phone-stage .nm-green-card>strong{font-size:1.65em;margin:4px 0 6px}
.phone-stage .nm-green-card>span{font-size:.58em}
.phone-stage .nm-green-card>div{font-size:.72em}
.phone-stage .nm-actions{gap:7px;margin-top:9px}
.phone-stage .nm-actions>div{padding:8px 6px;gap:4px}
.phone-stage .nm-actions svg{width:18px;height:18px}
.phone-stage .nm-actions b{font-size:.76em}
.phone-stage .nm-phone-list{padding:9px 10px;margin-top:9px}
.phone-stage .nm-phone-list>b{font-size:.83em}
.phone-stage .nm-phone-list>div{font-size:.7em;padding-top:6px;margin-top:6px}
.phone-stage .nm-sync{padding:8px;margin-top:8px}
.phone-stage .nm-sync b{font-size:.67em}
.phone-stage .nm-sync small{display:none}
.phone-stage .nm-phone-nav{margin: auto -13px 0;padding:9px 0 0}
.phone-stage .nm-phone-nav svg{width:16px;height:16px}
.phone-stage .nm-phone-nav small{font-size:.58em}
.phone-stage .nm-phone .nm-disclaimer{display:none}
.phone-stage .nm-phone-metrics{margin-top:11px}
.phone-stage .nm-phone-metrics>div{padding:10px}
.phone-stage .nm-phone-chart{padding:10px;margin-top:10px}
.phone-stage .nm-phone-chart .nm-bars{height:78px;margin-top:4px}
.phone-stage .phone-note{max-width:150px}
.phone-stage .phone-note strong{font-size:24px;line-height:1.3}
@media(min-width:761px) and (max-width:1100px){.phone-stage{flex-direction:column;padding:22px;gap:20px}.phone-stage .phone-note{max-width:100%;text-align:center;order:2}.phone-stage .phone-note .eyebrow{justify-content:center}.phone-stage .phone-note strong{font-size:20px}.phone-stage .phone-note strong br{display:none}.phone-stage .phone-note strong br:after{content:' '}}
@media(max-width:760px){.phone-stage{padding:24px;gap:24px}}
@media(max-width:480px){.phone-stage{padding:22px 14px;gap:20px}.phone-stage figure{width:min(260px,100%);max-width:260px}.phone-stage .phone-note{max-width:100%}.phone-stage .phone-note strong{font-size:21px}}
/* Hero composition: landscape screen plus a compact, proportional handset. */
.product-hero .product-visual{padding:22px 36px 92px 0;align-self:center}
.product-hero .desktop-preview{overflow:hidden;aspect-ratio:16 / 11;display:flex;flex-direction:column}
.product-hero .browser-strip{height:26px;flex:0 0 26px}
.product-hero .nm-dashboard{min-height:0;flex:1;grid-template-columns:23% 77%;font-size:9px;overflow:hidden}
.product-hero .nm-sidebar{padding:17px 10px;gap:13px}
.product-hero .nm-toolbar{height:30px}
.product-hero .nm-dashboard-content{padding:12px}
.product-hero .nm-heading>strong{font-size:1.5em}
.product-hero .nm-metrics{margin-top:12px;gap:7px}
.product-hero .nm-metrics>div{padding:9px 7px}
.product-hero .nm-metrics strong{font-size:2em;margin:4px 0}
.product-hero .nm-metrics em{display:none}
.product-hero .nm-chart-card{padding:10px;margin-top:8px}
.product-hero .nm-bars{height:78px;margin-top:5px;gap:8px}
.product-hero .nm-table{padding:9px;margin-top:8px}
.product-hero .nm-table>div:not(.nm-card-heading){padding-top:5px;margin-top:5px}
.product-hero .nm-dashboard .nm-disclaimer{display:none}
.product-hero .product-phone{width:136px;height:auto;aspect-ratio:9 / 19.5;bottom:22px;right:0;border-width:4px;border-radius:20px}
.product-hero .product-phone .nm-phone{height:100%;padding:9px 8px;display:flex;flex-direction:column;font-size:7px}
.product-hero .product-phone .nm-status{margin-bottom:7px}
.product-hero .product-phone .nm-app-name{display:none}
.product-hero .product-phone .nm-phone-heading{margin-top:9px}
.product-hero .product-phone .nm-phone-heading strong{font-size:1.25em}
.product-hero .product-phone .nm-phone-heading>span{margin-top:3px}
.product-hero .product-phone .nm-green-card{padding:8px;margin-top:8px}
.product-hero .product-phone .nm-green-card>strong{font-size:1.6em;margin:4px 0}
.product-hero .product-phone .nm-actions{gap:5px;margin-top:7px}
.product-hero .product-phone .nm-actions>div{padding:6px 4px;gap:4px}
.product-hero .product-phone .nm-actions svg{width:12px;height:12px}
.product-hero .product-phone .nm-phone-list{display:none}
.product-hero .product-phone .nm-sync{padding:6px;margin-top:7px}
.product-hero .product-phone .nm-sync small{display:none}
.product-hero .product-phone .nm-phone-nav{margin:auto -8px 0;padding-top:7px}
.product-hero .product-phone .nm-disclaimer{display:none}
.product-hero .visual-tag{margin:0;bottom:22px;left:0;max-width:65%;padding:9px 12px;font-size:9px;line-height:1.6}
@media(min-width:761px) and (max-width:1100px){.product-hero-grid{grid-template-columns:1fr 1.15fr;gap:28px}.product-hero .nm-dashboard{font-size:7px}.product-hero .nm-bars{height:52px}.product-hero .nm-table{display:none}.product-hero .nm-sidebar{gap:9px;padding:12px 7px}.product-hero .product-phone{width:116px}.product-hero .product-phone .nm-phone{font-size:6px}.product-hero .product-phone .nm-sync{display:none}}
@media(max-width:760px){.product-hero .product-visual{padding:20px 36px 85px 0}.product-hero .nm-dashboard{font-size:9px}.product-hero .product-phone{width:136px}}
@media(max-width:480px){.product-hero .product-visual{padding:12px 20px 95px 0}.product-hero .desktop-preview{aspect-ratio:4 / 3}.product-hero .nm-dashboard{grid-template-columns:1fr;font-size:8px}.product-hero .nm-dashboard-content{padding:10px}.product-hero .nm-toolbar{height:25px}.product-hero .nm-metrics{margin-top:8px}.product-hero .nm-bars{height:58px}.product-hero .nm-table{display:none}.product-hero .product-phone{width:108px;bottom:12px}.product-hero .product-phone .nm-phone{font-size:5.7px;padding:7px}.product-hero .product-phone .nm-sync{display:none}.product-hero .product-phone .nm-actions>div{padding:5px 3px}.product-hero .visual-tag{font-size:8px;max-width:58%;bottom:16px;padding:8px}}