/* Public landing only. No shared admin/dashboard styles or extra runtime. */
.nx-public{--nx-muted:#596276;background:#fff;color:#241c35}
.nx-public .container{max-width:1200px}
.nx-public .navbar-nx{border-bottom:1px solid #ece7f0;box-shadow:none;padding:19px 0}
.nx-public .navbar-brand img{height:36px!important;width:auto}
.nx-public .navbar-nav{gap:12px}
.nx-public .nav-link{font-size:14px}
.nx-public .btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border-radius:12px;font-size:14px;padding:12px 20px}
.nx-public .btn-lg{font-size:15px;min-height:52px;padding:15px 25px}
.nx-public .btn-nx-cta{background:#5b2d90;border-color:#5b2d90;color:#fff}
.nx-public .btn-nx-cta:hover{background:#46226f;border-color:#46226f}
.nx-public .btn-outline-nx{border:1px solid #d4c6e5;color:#503174;background:#fff}
.nx-public .btn-outline-nx:hover{background:#f3edf8}
.nx-public a:focus-visible,.nx-public button:focus-visible,.nx-public summary:focus-visible{outline:3px solid #ba5400;outline-offset:4px}
.nx-skip{position:fixed;top:0;left:16px;transform:translateY(-130%);padding:15px;background:#fff;color:#46226f;z-index:2000}
.nx-skip:focus{transform:translateY(0)}
.nx-public .hero{color:#241c35;background:radial-gradient(ellipse at 80% 20%,#f0e9fa 0,transparent 50%),#fcfaf7;padding:80px 0 74px;overflow:hidden}
.nx-public .hero h1{font-size:clamp(38px,4.4vw,61px);font-weight:700!important;line-height:1.15;letter-spacing:-2.5px;max-width:660px;margin:22px 0!important}
.nx-public .hero h1 em{font-style:normal;color:#6a3c9c}
.nx-public .hero .lead{font-size:17px;line-height:1.9;max-width:530px;color:#626070!important;margin-bottom:30px!important}
.nx-public .hero .badge-soft{background:none;color:#66458c;font-size:11px;font-weight:700;letter-spacing:1.8px;padding:0;display:flex!important;align-items:center;gap:10px}
.nx-dot{width:7px;height:7px;border-radius:50%;background:#ec944e;display:inline-block}
.nx-home-scene{max-width:465px;margin:auto;background:#fff;border:1px solid #e5dced;border-radius:26px;box-shadow:0 18px 55px #452a6910;overflow:hidden;transform:rotate(1deg)}
.nx-scene-top{padding:21px 23px;display:flex;align-items:center;justify-content:space-between;color:#756780;border-bottom:1px solid #eee8f3;font-size:10px;letter-spacing:1.6px;font-weight:600}
.nx-scene-top i{font-size:21px;color:#5b2d90}
.nx-home-drawing{padding:9px 36px 0;background:radial-gradient(ellipse,#faf6fe,white 75%)}
.nx-home-drawing svg{display:block;width:100%;height:auto}
.nx-use-cases{display:flex;justify-content:center;gap:20px;padding:5px 10px 22px;font-size:11px;color:#61576d}
.nx-use-cases i{margin-right:5px;color:#5b2d90}
.nx-inaya-intro{display:flex;gap:12px;align-items:center;background:#f7f3fa;border-top:1px solid #e9e1f0;padding:18px}
.nx-inaya-intro img{border-radius:50%;flex-shrink:0}
.nx-inaya-intro strong{font-size:12px;display:block;margin-bottom:4px}
.nx-inaya-intro p{font-size:11px;line-height:1.6;margin:0;color:#65596d}
.nx-open-inaya{background:#fff;border:1px solid #ddd0e8;color:#5b2d90;width:44px;min-width:44px;height:44px;border-radius:50%;font-size:22px;cursor:pointer}
.nx-assurance{border-top:1px solid #ebe4ee;border-bottom:1px solid #ebe4ee;padding:22px 0;background:#fff}
.nx-assurance .container{display:flex;justify-content:space-evenly;gap:20px;flex-wrap:wrap}
.nx-assurance span{font-size:13px;font-weight:500;color:#64566e}
.nx-assurance i{color:#5b2d90;margin-right:8px}
.nx-public section{scroll-margin-top:105px}
.nx-public #keunggulan{padding:66px 0!important}
.nx-public h2{font-size:clamp(25px,3vw,34px);letter-spacing:-1px;line-height:1.3;font-weight:650}
.nx-public .text-center.mb-5{margin-bottom:32px!important}
.nx-public .text-muted-2{font-size:14px;line-height:1.8}
.nx-public .card-nx{border:1px solid #e9e5ed;border-radius:18px;box-shadow:none}
.nx-public #keunggulan .icon-circle{border-radius:13px;width:43px;height:43px;font-size:20px;background:#f3eef8}
.nx-public #keunggulan .nx-feature-title{font-size:16px;line-height:1.5}
.nx-public #paket{background:#f7f5fa;padding:72px 0!important}
.nx-public .card-pkg{border:1px solid #e6deef;border-radius:22px;background:#fff;box-shadow:none}
.nx-public .card-pkg .card-body{padding:30px!important;text-align:left!important;display:flex;flex-direction:column;align-items:flex-start}
.nx-public .card-pkg .btn{margin-top:auto;border-radius:11px}
.nx-public .card-pkg .nx-plan-title{font-size:19px}
.nx-public .card-pkg.featured{border:2px solid #5b2d90;box-shadow:0 8px 28px #5b2d900d}
.nx-public .card-pkg .badge.text-bg-warning{background:#f0e7fa!important;color:#5b2d90!important;font-weight:600;padding:7px 10px}
.nx-public .card-pkg .badge.border{border:0!important;background:#faf8fc!important;padding:9px 12px;color:#54425f!important}
.nx-public .pkg-price{font-size:29px;color:#251735;letter-spacing:-1px;white-space:nowrap}
.nx-public .pkg-price small{font-size:12px!important;letter-spacing:0;margin-left:4px}
.nx-public .card-pkg .text-muted-2{min-height:75px;font-size:13px}
.nx-section-heading{text-align:center;margin-bottom:35px}
.nx-section-heading p{color:#625c6c;font-size:14px;line-height:1.8}
.nx-eyebrow{display:block;color:#805f99;letter-spacing:1.8px;font-size:10px;font-weight:700;margin-bottom:13px}
.nx-steps{padding:75px 0;background:#fff}
.nx-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;list-style:none;padding:0;margin:0}
.nx-step-grid li{border-top:1px solid #ded5e6;padding:24px 12px 0}
.nx-step-grid li>span{font-size:12px;font-weight:700;color:#905d35;display:block;margin-bottom:16px}
.nx-step-grid h3{font-size:18px;line-height:1.5}
.nx-step-grid p{color:#665d70;font-size:14px;line-height:1.9}
.nx-public #area{background:#fbf7f1;border-block:1px solid #eee6db;padding:55px 0!important}
.nx-public #area .lead{font-size:17px}
.nx-public #area .btn{margin-top:14px}
.nx-faq{padding:75px 0}
.nx-faq-list{max-width:820px;margin:auto}
.nx-faq details{border-bottom:1px solid #e8e2ef;padding:0 5px}
.nx-faq summary{font-size:15px;font-weight:600;cursor:pointer;padding:21px 0;line-height:1.6}
.nx-faq details p{font-size:14px;line-height:1.9;color:#655b71;margin-bottom:23px;max-width:730px}
.nx-public #kontak{background:#fff;padding-top:0!important}
.nx-public #kontak .card-nx{background:#3d2258!important;border:0;border-radius:25px}
.nx-public #kontak .btn-nx-cta{background:#ffd1a7;border-color:#ffd1a7;color:#482900}
.nx-public #kontak .btn-outline-nx{background:transparent;color:#fff;border-color:#8c769e}
.nx-public footer{background:#f8f6fa;color:#62546f;border-top:1px solid #e8e1ee}
.nx-public footer a{color:#503866}
.nx-public footer h6{color:#342340}
.nx-public footer .text-white,.nx-public footer .text-white-50{color:#62546f!important}
.nx-public .ia-fab-label{box-shadow:0 5px 25px #28123812;border:1px solid #e7deef}
@media(max-width:991px){.nx-public .hero{padding:48px 0}.nx-home-scene{transform:none;margin-top:15px}.nx-public .navbar-nav{gap:0;padding-block:14px}.nx-public .hero h1{letter-spacing:-1.5px}.nx-public .hero .lead{font-size:16px}.nx-public .navbar-nx{padding:13px 0}}
@media(max-width:575px){.nx-public .container{padding-inline:22px}.nx-public .hero{padding:36px 0}.nx-public .hero h1{font-size:39px}.nx-home-scene{max-width:360px}.nx-home-drawing{padding:4px 44px 0}.nx-assurance .container{gap:14px 20px;justify-content:flex-start}.nx-assurance span{font-size:11px}.nx-step-grid{grid-template-columns:1fr;gap:10px}.nx-steps,.nx-faq{padding:50px 0}.nx-public #keunggulan,.nx-public #paket{padding:40px 0!important}.nx-public .pkg-price{font-size:27px}.nx-public #kontak .card-body{padding:30px 22px!important}.nx-public #kontak .btn{font-size:12px;max-width:100%;overflow-wrap:anywhere}.nx-public .ia-fab-label{display:none}}
@media(prefers-reduced-motion:reduce){.nx-public *, .nx-public *::before,.nx-public *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.nx-public .card-pkg:hover{transform:none}}
