/* NovaSMM Premium Customer Homepage v1.0.0 */
.nsm-home{--nsm-ink:#171b3b;--nsm-muted:#68708f;--nsm-blue:#5368f5;--nsm-purple:#8b5cf6;--nsm-line:#e9ebf7;max-width:1240px;margin:24px auto;padding:0 20px;color:var(--nsm-ink);font-family:inherit;line-height:1.55}
.nsm-home *{box-sizing:border-box}.nsm-home a{text-decoration:none}.nsm-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;background:#fff;border:1px solid var(--nsm-line);border-radius:20px;box-shadow:0 10px 32px #27316b0a}
.nsm-brand{display:flex;align-items:center;gap:11px;color:var(--nsm-ink)!important}.nsm-brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;color:#fff;font-weight:900;font-size:22px;background:linear-gradient(135deg,#5368f5,#9a55f8);box-shadow:0 8px 18px #5368f544}.nsm-brand strong,.nsm-brand small{display:block}.nsm-brand strong{font-size:17px;line-height:1.2}.nsm-brand small{font-size:10px;color:var(--nsm-muted);margin-top:4px}.nsm-nav{display:flex;align-items:center;gap:26px}.nsm-nav a{font-size:13px;font-weight:700;color:#555d7b}.nsm-top-actions{display:flex;align-items:center;gap:8px}.nsm-user-pill{font-size:12px;background:#f1f3ff;padding:8px 12px;border-radius:999px}.nsm-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 17px;border-radius:12px;font-size:13px;font-weight:800;border:1px solid transparent;transition:transform .18s,box-shadow .18s}.nsm-btn:hover{transform:translateY(-1px)}.nsm-btn-primary{background:linear-gradient(135deg,#5268f5,#7a50e8);color:#fff!important;box-shadow:0 9px 20px #6559ef30}.nsm-btn-ghost{border-color:var(--nsm-line);color:#343a5b!important;background:#fff}.nsm-btn-light{background:#fff;color:#333b61!important;border-color:#e2e5f6}.nsm-btn-large{padding:14px 19px}
.nsm-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:30px;margin-top:22px;padding:58px 54px;min-height:440px;border-radius:28px;background:radial-gradient(circle at 88% 20%,#7259f52c,transparent 32%),linear-gradient(125deg,#f3f5ff 0%,#faf8ff 54%,#eef8ff 100%);border:1px solid #e7e9ff}
.nsm-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#6259d9;font-size:10px;font-weight:900;letter-spacing:1.3px;text-transform:uppercase}.nsm-eyebrow i,.nsm-live-pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#31c995;box-shadow:0 0 0 4px #31c99520}.nsm-hero h1{font-size:clamp(32px,4.2vw,53px);line-height:1.16;letter-spacing:-1.5px;margin:18px 0;color:#181d43}.nsm-hero h1 span{background:linear-gradient(90deg,#5368f5,#a24fe8);-webkit-background-clip:text;background-clip:text;color:transparent}.nsm-hero-copy>p{max-width:490px;color:#68708f;font-size:15px;line-height:1.9;margin:0}.nsm-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.nsm-trust-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:25px;color:#666d89;font-size:11px;font-weight:700}
.nsm-hero-art{position:relative;min-height:310px;display:grid;place-items:center}.nsm-glow{position:absolute;width:280px;height:280px;border-radius:50%;background:linear-gradient(135deg,#a8b2ff,#e6bfff);filter:blur(35px);opacity:.55}.nsm-orbit{position:absolute;border:1px solid #8b8df455;border-radius:50%;transform:rotate(-20deg)}.nsm-orbit-one{width:360px;height:210px}.nsm-orbit-two{width:300px;height:270px;transform:rotate(40deg)}.nsm-visual-card{position:relative;z-index:1;width:min(100%,330px);padding:20px;border-radius:22px;background:#fff;box-shadow:0 25px 70px #343b7d22;border:1px solid #fff}.nsm-visual-head{display:flex;align-items:center;gap:5px;padding-bottom:15px;border-bottom:1px solid #f0f1fa}.nsm-dot{width:6px;height:6px;border-radius:50%;background:#e0e4ff}.nsm-visual-head b{font-size:10px;margin-left:auto;color:#8a90ad}.nsm-visual-stat span,.nsm-visual-stat small{display:block;color:#8188a6;font-size:10px}.nsm-visual-stat strong{display:block;font-size:20px;margin:4px 0}.nsm-bars{height:100px;display:flex;align-items:end;gap:9px;padding:10px 8px;margin-top:10px;border-bottom:1px solid #e9eafa}.nsm-bars i{display:block;flex:1;border-radius:7px 7px 2px 2px;background:linear-gradient(180deg,#9a78ff,#5969f5)}.nsm-visual-foot{display:flex;justify-content:space-between;gap:8px;padding-top:14px;font-size:9px;color:#7a819d}.nsm-visual-foot b{color:#2fb78c}.nsm-float{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:15px;background:#fff;box-shadow:0 12px 35px #353b7620}.nsm-float-top{top:20px;right:-3px}.nsm-float-bottom{bottom:18px;left:-15px}.nsm-float-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:#e7fff7;color:#19ae81;font-weight:900}.nsm-float-icon.nsm-purple{background:#f1eaff;color:#8455e8}.nsm-float b,.nsm-float small{display:block}.nsm-float b{font-size:11px}.nsm-float small{font-size:9px;color:#8288a3;margin-top:2px}
.nsm-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0 52px}.nsm-feature-card{padding:23px 24px;background:#fff;border:1px solid var(--nsm-line);border-radius:19px;box-shadow:0 8px 28px #26316a06}.nsm-feature-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;font-size:23px;font-weight:800}.nsm-blue{background:#eaf0ff;color:#5268f5}.nsm-violet{background:#f1eaff;color:#8a57eb}.nsm-cyan{background:#e4fbff;color:#159eb7}.nsm-feature-card h3{font-size:16px;margin:16px 0 6px}.nsm-feature-card p,.nsm-section-heading p,.nsm-steps p{font-size:12px;line-height:1.8;color:var(--nsm-muted);margin:0}.nsm-section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:0 4px 20px}.nsm-section-heading h2,.nsm-panel-title h2{font-size:25px;letter-spacing:-.5px;margin:8px 0 0}.nsm-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:48px}.nsm-steps>div{padding:21px;border-radius:17px;background:#f8f9ff;border:1px solid #eceeff}.nsm-steps>div>span{display:inline-grid;place-items:center;width:33px;height:33px;border-radius:10px;background:#e8eaff;color:#5965e8;font-size:11px;font-weight:900}.nsm-steps h3{font-size:15px;margin:13px 0 5px}
.nsm-panel-area{padding:27px;border:1px solid var(--nsm-line);border-radius:24px;background:#fff;box-shadow:0 12px 40px #26316a08}.nsm-panel-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.nsm-live-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:#effcf7;border-radius:999px;color:#249d79;font-size:10px;font-weight:800}.nsm-existing-panel{min-width:0}.nsm-missing-panel{padding:24px;border:1px dashed #d8dcf4;border-radius:15px;background:#f8f9ff;color:#343b64}.nsm-missing-panel p{font-size:13px;color:#69708e}.nsm-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:27px 5px;color:#8187a2;font-size:11px}
.nsm-existing-panel .nsm-wrap,.nsm-existing-panel .novasmm-panel,.nsm-existing-panel .nsm-panel{max-width:100%}
@media(max-width:850px){.nsm-nav{display:none}.nsm-hero{grid-template-columns:1fr;padding:38px 28px}.nsm-hero-art{min-height:300px}.nsm-feature-grid{gap:10px}.nsm-feature-card{padding:18px}.nsm-section-heading{align-items:start;flex-direction:column}}
@media(max-width:600px){.nsm-home{padding:0 10px;margin:12px auto}.nsm-topbar{padding:12px;border-radius:16px;flex-wrap:wrap}.nsm-brand-mark{width:36px;height:36px}.nsm-brand strong{font-size:15px}.nsm-brand small{font-size:9px}.nsm-top-actions{gap:5px}.nsm-top-actions .nsm-btn{padding:8px 10px;font-size:11px}.nsm-user-pill{display:none}.nsm-hero{padding:30px 20px;border-radius:21px;gap:10px}.nsm-hero h1{font-size:34px}.nsm-hero-copy>p{font-size:13px}.nsm-trust-row{gap:9px;font-size:10px}.nsm-hero-art{min-height:270px}.nsm-visual-card{width:85%;padding:16px}.nsm-float-top{right:0;top:4px}.nsm-float-bottom{left:0;bottom:3px}.nsm-float{padding:9px 10px}.nsm-float-icon{width:29px;height:29px}.nsm-feature-grid{grid-template-columns:1fr;margin:14px 0 35px}.nsm-feature-card{display:grid;grid-template-columns:43px 1fr;column-gap:13px;align-items:center;padding:16px}.nsm-feature-icon{grid-row:span 2}.nsm-feature-card h3{margin:0 0 3px}.nsm-feature-card p{grid-column:2}.nsm-section-heading h2,.nsm-panel-title h2{font-size:21px}.nsm-steps{grid-template-columns:1fr;margin-bottom:30px}.nsm-steps>div{padding:17px}.nsm-panel-area{padding:16px 12px;border-radius:18px}.nsm-panel-title{align-items:start;flex-direction:column}.nsm-footer{align-items:start;flex-direction:column}.nsm-hero-actions .nsm-btn{flex:1;font-size:11px;padding:12px 10px}}
