/* Lunar Wholesale Voice as its planet (/wholesale/, promoted from its /beta/wholesale/ preview on 2026-09-28): the /wholesale/ page on the shared planet-page
   engine (/assets/planet-page.css and .js). Lilac satellites on the ink ground; the page's one availability label is
   lunar.css's moonlit Early access tag; the one-call SIP ladder lives in the One call panel, labelled an illustration. */
body[data-page="wholesale"]{
  --ws:#c9a2ff; --ws-hi:#e2cdff; --ws-line:rgba(201,162,255,.36); --ws-rule:rgba(201,162,255,.16);
  --chrome-accent:#c9a2ff; --chrome-on-accent:#0a0d12;
  background:var(--bg);
}
.pp[data-planet-page="wholesale"]{--pp-rgb:214,190,255; --pp-deep:52,34,88; --pp-line:176,140,236; --pp-deep-hi:186,164,226}
body[data-page="wholesale"] a:hover{color:var(--ws)}
body[data-page="wholesale"] :focus-visible{outline-color:var(--ws)}
body[data-page="wholesale"] .btn.solid{background:var(--ws);color:#0a0d12}
body[data-page="wholesale"] .btn.solid:hover{background:var(--ws-hi);color:#0a0d12}
body[data-page="wholesale"] .btn.line:hover{border-color:var(--ws-line)}
.vh{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* the hero */
.pp-hero h1 em{font-style:normal;color:var(--ws)}
.ws-flag{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:22px;font-size:15px;color:var(--t1)}
.pp-moon:focus-visible .pp-hit,.pp-moon:focus-visible .pp-label{outline-color:var(--ws)}

/* the One call panel: the ladder, then the steps, each with its SIP message */
.ws-ladder{max-width:460px;box-sizing:border-box;margin:22px 0 4px;padding:16px 14px 12px;border:1px solid var(--ln2);border-radius:10px;background:rgba(15,21,30,.6)}
.ws-ladder svg{display:block;width:100%;height:auto}
.ws-ladder text{font:500 10.5px var(--mono);letter-spacing:.06em;fill:var(--t2)}
.ws-ladder .life rect{fill:rgba(10,14,20,.9);stroke:var(--ln3)}
.ws-ladder .life text{fill:var(--t1)}
.ws-ladder .line{stroke:var(--ln3);stroke-dasharray:2 4}
.ws-ladder .pick rect{stroke:var(--ws)}
.ws-ladder .pick text{fill:var(--ws)}
.ws-ladder .off .line{stroke:var(--ln2)}
.ws-ladder .choice path{fill:none;stroke:var(--ws-line)}
.ws-ladder .choice text{fill:var(--ws)}
.ws-ladder .rung path{fill:none;stroke:var(--ws);stroke-width:1.2}
.ws-ladder .rung .hd{fill:var(--ws);stroke:none}
.ws-ladder .rung.back path{stroke:var(--ws-hi);opacity:.7}
.ws-ladder .rung.back .hd{fill:var(--ws-hi)}
.ws-ladder .media path{fill:none;stroke:var(--ws);stroke-width:1.2;stroke-dasharray:5 4}
.ws-ladder .cdr rect{fill:rgba(201,162,255,.1);stroke:var(--ws)}
.ws-ladder .cdr text{fill:var(--ws-hi)}
.ws-ladder figcaption{margin-top:8px;font:500 10.5px/1.3 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--t3)}
.ws-steps .ws-msg{display:block;margin-bottom:2px;font:500 11px/1.3 var(--mono);letter-spacing:.1em;color:var(--ws)}

/* 911 comes first */
.pp-panel p.ws-big{margin-top:18px;font:500 clamp(64px,7vw,104px)/.9 var(--mono);letter-spacing:-.04em;color:var(--ws)}

/* links onward (The platform, The same hardened edge) */
.pp-panel .ws-links{display:grid;gap:0;margin-top:20px;border-top:1px solid var(--ln2)}
.ws-links > li{border-bottom:1px solid var(--ln2)}
.ws-links a{display:flex;flex-direction:column;gap:6px;padding:14px 0 16px;color:var(--t1)}
.ws-links b{font-size:18px;font-weight:500;letter-spacing:-.02em;color:var(--t0)}
.ws-links a:hover b{color:var(--ws)}
.ws-links .arr{color:var(--ws)}
.ws-links .k{font:500 11px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--t3)}
.ws-links .small{font-size:14px;line-height:1.55;color:var(--t2)}
.ws-addr{font-family:var(--mono);font-size:.92em;color:var(--t1)}

/* the closing section */
.pp-closing{border-top:1px solid var(--ln1)}
.pp-back{display:inline-flex;align-items:center;gap:8px;color:var(--t2);font-size:14px}
.pp-back .arr{font-family:var(--mono);font-size:12px;color:var(--t3)}
