/* Nexus Point page: n9 layout, gray tone, white accents */
:root{--p:#ffffff;--v:#d1d1d6;--i:#8e8e93;--pv:linear-gradient(90deg,#ffffff,#d1d1d6 55%,#8e8e93)}
body.n9.np{background:radial-gradient(1100px 700px at 50% -10%,#3a3a3e,transparent 70%),linear-gradient(180deg,#2b2b2f,#1f1f22 60%,#18181b)}
.np .n9-card{background:linear-gradient(165deg,rgba(58,58,62,.72),rgba(24,24,27,.9))}
.np .n9-h2 em,.np h1 em{filter:drop-shadow(0 0 14px rgba(255,255,255,.25))}
.np .brand i{color:#fff}
.np-shots{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,230px));justify-content:center;gap:1rem;margin-top:1.6rem}
.np-shots figure{margin:0;text-align:center}
.np-shots img{width:100%;height:auto;border-radius:22px;border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 50px -25px #000;background:#000}
.np-shots figcaption{margin-top:.55rem;font-size:.8rem;color:var(--mu)}
.np .n9-logo{border-radius:22px}
.np-guide{display:inline-block;margin-top:.8rem;font-size:.85rem;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.5rem 1rem;border-radius:999px;text-decoration:none}
/* design pass */
.np-hero{padding:3.4rem 1.4rem 2.6rem}
.np-hero-grid{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;align-items:center;text-align:left}
.np-hero .n9-logo{margin:0 0 1.2rem;width:84px;height:84px;border-radius:20px;box-shadow:0 0 0 1px rgba(255,255,255,.1),0 18px 44px -18px rgba(0,0,0,.9)}
.np-hero h1{font-size:clamp(2.6rem,7vw,4.6rem)}
.np-hero .n9-sub{margin:1rem 0 0;max-width:560px}
.np-hero .n9-cta{align-items:flex-start;margin-top:1.7rem}
.np-hero .n9-plat{justify-content:flex-start;margin-top:1.1rem;display:flex;flex-wrap:wrap;gap:.45rem}
.np .n9-tag,.np .n9-plat span{border-color:rgba(255,255,255,.22)!important;background:rgba(255,255,255,.05)!important;color:#e5e5ea!important}
.np-phone{margin:0;justify-self:center;width:min(300px,100%)}
.np-phone img{display:block;width:100%;height:auto;border-radius:34px;border:6px solid #0b0b0d;outline:1px solid rgba(255,255,255,.16);box-shadow:0 40px 90px -35px #000,0 0 80px -40px rgba(255,255,255,.35)}
.np-phone figcaption{margin-top:.7rem;text-align:center;font-size:.78rem;color:var(--mu)}
.np .n9-sec{padding-top:3.6rem;padding-bottom:1.2rem}
.np .n9-card{border-color:rgba(255,255,255,.12)}
.np-pol a.n9-card{text-decoration:none;color:inherit;transition:border-color .2s,transform .2s}
.np-pol a.n9-card:hover,.np-pol a.n9-card:focus-visible{border-color:rgba(255,255,255,.4);transform:translateY(-2px)}
.np-more{display:inline-block;margin-top:.6rem;font-size:.82rem;color:#fff;font-weight:600}
.np .n9-buy .price{color:#fff}
@media (max-width:820px){.np-hero-grid{grid-template-columns:1fr;gap:2.2rem;text-align:center}.np-hero .n9-logo{margin:0 auto 1.1rem}.np-hero .n9-sub{margin:1rem auto 0}.np-hero .n9-cta{align-items:center}.np-hero .n9-plat{justify-content:center}.np-phone{width:min(250px,72%)}}
.np #dev-matrix{opacity:.32}
.np-phone-c{margin:1.8rem auto 0;width:min(300px,78%)}.np-shots figure a{display:block}
.np-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.np-brand{display:block;width:100%;max-width:520px;height:auto;border-radius:24px;border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 80px -35px #000}@media (max-width:820px){.np-brand{margin:0 auto}}
.np-tab{margin:2rem auto 0;width:min(420px,88%)}.np-tab img{border-radius:28px}
.np-herotile{display:block;width:168px;height:168px;border-radius:38px;margin:0 0 1.3rem;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 26px 60px -22px #000,0 0 70px -30px rgba(255,255,255,.45)}
.np-title{font-weight:700;font-size:clamp(2.4rem,6.2vw,4.2rem);line-height:1;letter-spacing:-.04em}
.np-title em{font-style:normal;color:transparent;background:var(--pv);-webkit-background-clip:text;background-clip:text}
.np-kick{margin-top:.6rem}
.np-showcase{padding-top:2.4rem}.np-showcase .np-brand{max-width:860px;margin:0 auto}
@media (max-width:820px){.np-herotile{width:128px;height:128px;border-radius:30px;margin:0 auto 1.1rem}}
.np-c{font-size:.35em;vertical-align:super;color:#fff;font-weight:600}
.np .bar .brand{white-space:nowrap}@media (max-width:420px){.np .bar .brand{font-size:.62rem;letter-spacing:.12em}.np .bar .back{font-size:.68rem}}