/* ============================================================
   WEBSITES — service page layer (Showroom 3 design system)
   Loaded last, after corrections.css. Holds only what the shared
   system does not cover: the numbered rooms, the mini-chat panel
   dressing, and this page's cards/pricing. (The Genesis hero stage
   was removed on the owner's decision, Stage 3, 2026-10-16; the
   hero is type-led. The .gn-dot rule survives below because the
   Chapter 02 mini-chat browser bar still uses it.)
   ============================================================ */
/* Shared: browser-bar dots (used by the Chapter 02 mini-chat browser bar) */
.gn-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.25);flex:none}

/* ---------- Ch 01 · numbered rooms (employee-room pattern) ---------- */
.ws-num{font-family:var(--font-m);font-size:15px;color:var(--accent);border:1px solid var(--line2);border-radius:16px;width:52px;height:52px;display:flex;align-items:center;justify-content:center}
.emp-room h3{font-size:clamp(26px,3.4vw,34px)}
.emp-room p a{color:var(--accent2)}
@media(max-width:640px){.ws-num{margin-bottom:6px}}
.ws-depth{margin-top:56px;font-size:17px;line-height:1.7;color:var(--body);max-width:68ch}
.ws-depth a{color:var(--accent2)}

/* ---------- Ch 02 · mini-chat panel ---------- */
.ws-chat{max-width:760px;margin:0 auto}
.ws-browserbar{display:flex;align-items:center;gap:5px;padding:10px 4px 0}
.ws-url{margin-left:8px;font-family:var(--font-m);font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:8px;padding:5px 11px;background:rgba(255,255,255,.03)}
.ws-chat .p2-bubbles{min-height:0}
.ws-who{display:block;font-family:var(--font-m);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px;color:var(--muted)}
.ws-capture{border:1px solid rgba(126,226,160,.45);background:rgba(126,226,160,.06);border-radius:14px;padding:14px 16px;font-size:14px;display:none}
.ws-capture.show{display:block}
.ws-capture b{color:#7ee2a0;display:block;font-size:13px;font-family:var(--font-m);letter-spacing:.08em;margin-bottom:4px;font-weight:500}
.ws-inq-line{align-self:center;font-family:var(--font-m);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#7ee2a0;border:1px solid rgba(126,226,160,.45);border-radius:999px;padding:6px 12px;opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s}
.ws-inq-line.show{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.ws-inq-line{transition:none}}

/* ---------- Ch 03 / 05 · cards ---------- */
.ws-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ws-cards-2{grid-template-columns:repeat(2,1fr)}
@media(max-width:900px){.ws-cards,.ws-cards-2{grid-template-columns:1fr}}
.ws-card{background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:22px;padding:34px 30px}
.ws-card h3{font-size:24px;margin-bottom:14px}
.ws-card p{font-size:15.5px;line-height:1.7;color:var(--body)}
a.ws-work{display:block;text-decoration:none}
a.ws-work b{display:block;color:var(--text);font-size:22px;margin-bottom:10px}
a.ws-work span{font-size:15.5px;line-height:1.7;color:var(--body)}
a.ws-work .ws-go{display:block;margin-top:16px;font-family:var(--font-m);font-size:11px;letter-spacing:.16em;color:var(--accent)}
a.ws-work:hover{border-color:rgba(168,200,255,.35)}

/* ---------- Ch 04 · pricing ---------- */
.ws-smart{max-width:860px}
.ws-bullets{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.ws-bullets li{font-size:15.5px;color:var(--body);display:flex;gap:10px}
.ws-bullets li::before{content:"—";color:var(--accent);flex:none}
.ws-disclosure{margin-top:20px;font-size:15px;line-height:1.7;color:var(--body);border-top:1px solid var(--line);padding-top:18px}
.ws-card-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}
.ws-trad-kicker{margin-top:72px;font-family:var(--font-m);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}
.ws-trad-frame{margin-top:16px;font-size:17.5px;line-height:1.65;color:var(--body);max-width:62ch}
.ws-trad-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:34px}
@media(max-width:900px){.ws-trad-grid{grid-template-columns:1fr}}
.ws-trad-grid .plan-inc b{color:var(--text)}