/* Nexus 9bit page: builds on /nexus/nx-apple.css (bar, neon Tetris button, buy button, FAQ, footer). Pink-to-purple accents. */
:root{--p:#ff4fd8;--v:#b44cff;--i:#7a3cff;--pv:linear-gradient(90deg,#ff4fd8,#b44cff 55%,#7a3cff)}
#dev-matrix{position:fixed;inset:0;width:100%;height:100%;z-index:0;opacity:.24;pointer-events:none}
body.n9{background:#000}
.n9 .bar{z-index:50}
.n9 main,.n9 .foot{position:relative;z-index:1}
.n9 .brand i{color:var(--p)}
.n9-hero{padding:3.2rem 1.2rem 2.4rem;text-align:center}
.n9-logo{width:96px;height:96px;border-radius:22px;display:block;margin:0 auto 1.3rem;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 18px 50px -18px rgba(255,79,216,.55),0 0 60px -25px rgba(122,60,255,.8)}
.n9-tag{display:inline-block;font-size:.78rem;font-weight:500;letter-spacing:.02em;color:#ffd1f4;padding:.38rem .85rem;border-radius:999px;background:rgba(255,79,216,.12);border:1px solid rgba(255,79,216,.25);margin-bottom:1.1rem}
.n9 h1{font-size:clamp(2.6rem,11vw,5.6rem);line-height:.98;letter-spacing:-.045em}
.n9 h1 em{font-style:normal;margin-left:.18em;color:transparent;background:var(--pv);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 18px rgba(255,79,216,.35))}
.n9-kicker{margin:.7rem 0 0;font-size:clamp(1.05rem,3.6vw,1.4rem);font-weight:600;letter-spacing:-.01em;color:#f5f5f7}
.n9-sub{max-width:620px;margin:1rem auto 0;color:var(--mu);font-size:1.02rem;line-height:1.6}
.n9-cta{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin:1.8rem 0 0}
.n9-fine{font-size:.82rem;color:var(--mu2)}
.n9-plat{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem;margin-top:.2rem}
.n9-plat span{font-size:.74rem;color:var(--mu);padding:.32rem .7rem;border-radius:999px;border:1px solid var(--line2);background:rgba(255,255,255,.03)}
.n9-plat span.beta{color:#e3c6ff;border-color:rgba(180,76,255,.4)}
/* desktop mock */
.n9-demo{max-width:980px;margin:2.6rem auto 0;padding:0 1.1rem}
.desk{position:relative;aspect-ratio:16/10;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.14);
  background:radial-gradient(120% 90% at 50% 0%,#140a1f 0%,#07040b 55%,#020103 100%);
  box-shadow:0 40px 90px -40px rgba(0,0,0,.95),0 0 80px -30px rgba(180,76,255,.55),inset 0 1px 0 rgba(255,255,255,.06)}
.desk::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1.5px;pointer-events:none;z-index:4;background:linear-gradient(160deg,rgba(255,255,255,.5),rgba(160,160,170,.18) 30%,rgba(80,80,90,.12) 60%,rgba(255,255,255,.35));
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
.desk canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1}
.desk-icons{position:absolute;left:3%;top:4%;z-index:2;display:grid;gap:clamp(.5rem,2.2vw,1.1rem)}
.dico{display:flex;flex-direction:column;align-items:center;gap:.25rem;width:clamp(44px,9vw,72px)}
.dico i{display:block;width:clamp(22px,4.6vw,38px);height:clamp(18px,3.8vw,30px);border-radius:5px;background:linear-gradient(180deg,rgba(255,255,255,.85),rgba(200,200,215,.6));box-shadow:0 2px 8px rgba(0,0,0,.6)}
.dico i.f{background:linear-gradient(180deg,#ffd77a,#e6a93a);border-radius:3px 6px 5px 5px}
.dico i.d{width:clamp(18px,3.6vw,30px);height:clamp(22px,4.6vw,38px);border-radius:3px}
.dico span{font-size:clamp(.5rem,1.4vw,.7rem);color:#fff;text-shadow:0 1px 3px #000,0 0 6px #000;white-space:nowrap}
.taskbar{position:absolute;left:0;right:0;bottom:0;z-index:3;height:clamp(24px,5.6vw,44px);display:flex;align-items:center;justify-content:center;gap:clamp(.3rem,1.2vw,.6rem);
  background:rgba(22,20,28,.72);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.08)}
.taskbar i{display:block;width:clamp(12px,2.8vw,24px);height:clamp(12px,2.8vw,24px);border-radius:5px;background:rgba(255,255,255,.18)}
.taskbar i:first-child{background:linear-gradient(135deg,#9fc8ff,#5a8cff)}
.tray{position:absolute;right:clamp(.4rem,1.6vw,1rem);top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:.4rem;font-size:clamp(.48rem,1.3vw,.7rem);color:#ddd}
.tray img{width:clamp(12px,2.6vw,20px);height:clamp(12px,2.6vw,20px);border-radius:4px}
.desk-cap{margin:.8rem 0 0;text-align:center;font-size:.8rem;color:var(--mu2)}
.n9-ctrl{display:grid;grid-template-columns:1fr 1fr;gap:.7rem 1.2rem;max-width:720px;margin:1.1rem auto 0;padding:1rem 1.1rem;border-radius:18px;border:1px solid var(--line2);background:rgba(12,10,16,.75);backdrop-filter:blur(12px)}
.n9-ctrl label{display:flex;flex-direction:column;gap:.35rem;font-size:.78rem;color:var(--mu)}
.n9-ctrl label span{display:flex;justify-content:space-between}.n9-ctrl output{color:#ffd1f4;font-variant-numeric:tabular-nums}
.n9-ctrl input[type=range]{width:100%;accent-color:#c94cff}
@media (min-width:760px){.n9-ctrl{grid-template-columns:repeat(4,1fr)}}
/* sections */
.n9-sec{padding:4.2rem 1.2rem}
.n9-sec .wrap{max-width:1080px}
.n9-h2{font-size:clamp(1.9rem,6.5vw,3rem);font-weight:700;letter-spacing:-.035em;line-height:1.05;text-align:center}
.n9-h2 em{font-style:normal;color:transparent;background:var(--pv);-webkit-background-clip:text;background-clip:text}
.n9-lead{max-width:600px;margin:.9rem auto 0;text-align:center;color:var(--mu);font-size:1rem}
.n9-grid{display:grid;grid-template-columns:1fr;gap:.85rem;margin-top:2.2rem}
@media (min-width:640px){.n9-grid{grid-template-columns:1fr 1fr}}
@media (min-width:980px){.n9-grid.c3{grid-template-columns:repeat(3,1fr)}}
.n9-card{position:relative;padding:1.4rem 1.3rem;border-radius:22px;border:1px solid var(--line2);background:linear-gradient(165deg,rgba(26,18,36,.78),rgba(10,8,14,.9))}
.n9-card h3{font-size:1.06rem;font-weight:600;letter-spacing:-.01em;margin:0 0 .45rem}
.n9-card p{color:var(--mu);font-size:.93rem;line-height:1.6}
.n9-card .ic{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;margin-bottom:.9rem;font-size:1.05rem;color:#fff;background:rgba(255,79,216,.12);border:1px solid rgba(255,79,216,.3);box-shadow:0 0 22px -8px rgba(255,79,216,.8)}
.n9-card ul{list-style:none;margin:.7rem 0 0;padding:0}
.n9-card li{position:relative;padding-left:1rem;color:var(--mu);font-size:.9rem;line-height:1.55;margin:.3rem 0}
.n9-card li::before{content:"";position:absolute;left:0;top:.6em;width:5px;height:5px;border-radius:50%;background:var(--p);box-shadow:0 0 6px var(--p)}
.n9-card code{font-family:var(--mono);font-size:.82em;color:#f0d3ff}
.badge{display:inline-block;margin-left:.45rem;padding:.12rem .5rem;border-radius:999px;font-size:.66rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;vertical-align:middle}
.badge.main{color:#000;background:#f5f5f7}
.badge.beta{color:#ecd5ff;background:rgba(180,76,255,.2);border:1px solid rgba(180,76,255,.5)}
.n9-frame{max-width:980px;margin:2rem auto 0;border-radius:18px;overflow:hidden;border:1px solid var(--line2);box-shadow:0 30px 80px -40px rgba(0,0,0,.95),0 0 60px -30px rgba(255,79,216,.45)}
.n9-frame img{display:block;width:100%;height:auto}
.n9-buy{text-align:center}
.n9-buy .price{font-size:clamp(2.8rem,10vw,4.2rem);font-weight:700;letter-spacing:-.04em;margin:1rem 0 .2rem;color:transparent;background:var(--pv);-webkit-background-clip:text;background-clip:text}
.n9 .faq{margin:2rem auto 0}
.n9 .faq details{border:1px solid var(--line);background:rgba(16,12,20,.75)}
.n9 .faq a{color:#f0b6ff}
.n9 .faq code{font-family:var(--mono);font-size:.85em;color:#f0d3ff;word-break:break-all}
.n9 .foot{background:rgba(11,11,12,.92)}
.n9 .foot .fl a{color:var(--mu)}
@media (max-width:400px){.n9-hero{padding-top:2.4rem}.n9-ctrl{grid-template-columns:1fr 1fr;gap:.6rem .9rem}}
@media (max-width:520px){.desk-icons .dico:nth-child(4){display:none}}
/* ---- v3: chrome title word, chrome Buy Now with jewel price chip, matched platform pills ---- */
/* "NEXUS": silver chrome with pink in the reflections, slow highlight sweep (static under reduced motion). The pink slash and 9BIT are unchanged. */
.n9-chrome{color:transparent;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;
  background-image:linear-gradient(100deg,#9a93a3 0%,#f6f3f8 14%,#cfc7d4 28%,#ffffff 40%,#ffc4ee 47%,#ff9ae3 50%,#ffe3f7 54%,#a79aae 66%,#f2edf4 80%,#bdb3c3 100%);
  background-size:250% 100%;background-position:100% 0;animation:n9ChromeSweep 7s cubic-bezier(.45,0,.25,1) infinite;filter:drop-shadow(0 1px 0 rgba(0,0,0,.6)) drop-shadow(0 0 14px rgba(255,79,216,.18))}
@keyframes n9ChromeSweep{0%{background-position:100% 0}55%,100%{background-position:0% 0}}
.n9 .brand .n9-chrome{filter:drop-shadow(0 0 6px rgba(255,79,216,.18))}
/* Buy Now: the black holographic button now lives in /nexus/nx-apple.css as .buy.holo (shared with /nexus/). */
/* platform pills: one family, modelled on the macOS Beta pill */
.n9-plat span{display:inline-flex;align-items:center;min-height:30px;padding:.36rem .85rem;font-size:.75rem;font-weight:500;letter-spacing:.01em;border-radius:999px;border:1px solid rgba(180,76,255,.42);background:rgba(180,76,255,.08);color:#e9dcff}
.n9-plat span.win{background:linear-gradient(90deg,rgba(255,79,216,.16),rgba(76,140,255,.16));border-color:rgba(176,150,255,.5);color:#ecdfff}
.n9-plat span.linux{background:rgba(122,60,255,.12);border-color:rgba(150,110,255,.45);color:#e4d9ff}
.n9-plat span.beta{background:rgba(180,76,255,.12);border-color:rgba(180,76,255,.5);color:#e3c6ff}
@media (prefers-reduced-motion:reduce){.n9-chrome{animation:none;background-position:40% 0}}
/* ---- legal pages (/nexus-9bit/terms/, /merchant-policy/, /privacy/): purple variant of the shared .doc layout ---- */
.n9 .doc{z-index:1}
.n9 .doc .tag{color:#ffd1f4;background:rgba(255,79,216,.12);border:1px solid rgba(255,79,216,.25)}
.n9 .doc h1 em{background:linear-gradient(90deg,#ff4fd8,#b44cff 55%,#7a3cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.n9 .doc ul{background:linear-gradient(165deg,rgba(26,18,36,.78),rgba(10,8,14,.9));border-color:rgba(255,255,255,.1)}
.n9 .doc li::before{background:#ff4fd8;box-shadow:0 0 6px #ff4fd8}
.n9 .doc a{color:#f0b6ff}
.n9 .doc code{font-family:var(--mono);font-size:.86em;color:#f0d3ff;overflow-wrap:anywhere}
.n9 .doc .lnav{display:flex;flex-wrap:wrap;gap:.45rem;margin:0 0 2rem}
.n9 .doc .lnav a{font-size:.78rem;text-decoration:none;color:#e9dcff;padding:.38rem .85rem;border-radius:999px;border:1px solid rgba(180,76,255,.42);background:rgba(180,76,255,.08)}
.n9 .doc .lnav a[aria-current]{background:rgba(255,79,216,.16);border-color:rgba(255,79,216,.5);color:#fff}