.commercial-link{height:31px;display:flex;align-items:center;padding:0 10px;border:1px solid rgba(93,226,164,.24);border-radius:9px;background:linear-gradient(180deg,rgba(17,47,38,.66),rgba(8,25,22,.62));color:#9debc6;text-decoration:none;font:800 7px var(--mono);letter-spacing:.09em;white-space:nowrap;transition:.16s}.commercial-link:hover{border-color:rgba(93,226,164,.5);color:#d9ffec;box-shadow:0 0 22px rgba(93,226,164,.08)}.quickprompts{pointer-events:auto;display:flex;justify-content:center;gap:5px;flex-wrap:wrap;margin-top:15px}.quickprompt{height:29px;padding:0 9px;border:1px solid rgba(114,168,255,.16);border-radius:9px;background:rgba(7,16,28,.62);color:#7f9cbd;font:800 7px var(--mono);letter-spacing:.06em;cursor:pointer;transition:.16s}.quickprompt:hover,.quickprompt:focus{outline:0;color:#d9e9fb;border-color:rgba(114,168,255,.42);background:rgba(15,34,59,.82);transform:translateY(-1px)}.valuehint{margin-top:8px!important;color:#50667f!important;font:7px/1.55 var(--mono)!important;letter-spacing:.03em}

/* Direct revenue surface. Commercial selection remains presentation-only;
   Stripe owns checkout and Genesis authority/entitlement remains backend-owned. */
.plans-open{overflow:hidden}.plan-modal[hidden]{display:none}.plan-modal{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:22px}.plan-backdrop{position:absolute;inset:0;background:rgba(1,5,12,.84);backdrop-filter:blur(14px)}.plan-panel{position:relative;width:min(1120px,96vw);max-height:min(86vh,860px);overflow:auto;border:1px solid rgba(111,170,255,.22);border-radius:22px;background:radial-gradient(circle at 20% 0,rgba(70,125,255,.10),transparent 34%),radial-gradient(circle at 90% 100%,rgba(79,213,143,.08),transparent 32%),linear-gradient(180deg,#091321,#050b14);box-shadow:0 40px 120px rgba(0,0,0,.58);padding:24px}.plan-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:20px}.plan-head h2{margin:5px 0 6px;font-size:25px;letter-spacing:-.02em}.plan-head p{margin:0;max-width:680px;color:#7d91aa;font-size:12px;line-height:1.6}.plan-eyebrow{color:#8fb4ff;font:800 8px var(--mono);letter-spacing:.15em}.plan-close{width:34px;height:34px;border-radius:10px;border:1px solid rgba(120,160,220,.16);background:#07101b;color:#8597ad;font-size:20px}.plan-close:hover{color:#fff;border-color:rgba(120,160,220,.4)}.plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.plan-card{position:relative;display:flex;flex-direction:column;min-height:270px;padding:18px;border:1px solid rgba(106,150,239,.14);border-radius:16px;background:linear-gradient(180deg,rgba(12,23,39,.96),rgba(6,13,23,.96));overflow:hidden}.plan-card.featured{border-color:rgba(232,200,107,.48);box-shadow:0 0 38px rgba(232,200,107,.08)}.plan-ribbon{position:absolute;top:0;right:0;padding:5px 8px;border-bottom-left-radius:9px;background:#e8c86b;color:#111;font:900 6.5px var(--mono);letter-spacing:.11em}.plan-kicker{color:#8fb4ff;font:800 8px var(--mono);letter-spacing:.1em;text-transform:uppercase}.plan-price{margin-top:14px;color:#f1f5fb;font-size:28px;font-weight:800;letter-spacing:-.04em}.plan-price small{font-size:10px;color:#657991;font-weight:600;letter-spacing:0}.plan-tag{margin-top:8px;color:#e8c86b;font-size:12px;font-weight:700}.plan-card p{margin:8px 0 18px;color:#6f8197;font-size:10.5px;line-height:1.55}.plan-buy{margin-top:auto;display:flex;align-items:center;justify-content:center;min-height:38px;border:1px solid rgba(79,213,143,.3);border-radius:10px;background:linear-gradient(180deg,rgba(21,69,51,.78),rgba(9,37,29,.82));color:#a6f1ce;text-decoration:none;font:900 7px var(--mono);letter-spacing:.08em;transition:.16s}.plan-buy:hover{color:#e4fff2;border-color:rgba(79,213,143,.58);box-shadow:0 0 24px rgba(79,213,143,.08);transform:translateY(-1px)}.plan-foot{display:flex;gap:9px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:16px;padding-top:15px;border-top:1px solid rgba(106,150,239,.1)}.plan-ai2,.plan-custom{min-height:34px;padding:0 12px;border:1px solid rgba(114,168,255,.16);border-radius:9px;background:rgba(7,16,28,.6);color:#7896b8;font:800 7px var(--mono);letter-spacing:.06em;text-decoration:none}.plan-ai2{cursor:pointer}.plan-ai2:hover,.plan-custom:hover{color:#d9e9fb;border-color:rgba(114,168,255,.38)}

@media(max-width:1000px){.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){/* The floating commercial entry below is position:fixed and must anchor to the VIEWPORT. An ancestor carrying backdrop-filter becomes the containing block for fixed descendants, so .top's blur(22px) was resolving this button's bottom:44px against the 62px header instead of the 844px viewport — computing top:-17px and putting the only mobile route to PLANS off-screen, visible to a hit-test but impossible to see or tap. .top's own background is already 95-98.5% opaque so the blur contributes almost nothing; dropping it at this breakpoint restores viewport anchoring. overflow:visible for the same containing-block reason — while .top contained the button it also clipped it. */.top{backdrop-filter:none;overflow:visible}.commercial-link{display:flex;position:fixed;right:12px;bottom:calc(46px + env(safe-area-inset-bottom));z-index:120;height:34px;padding:0 12px;box-shadow:0 12px 35px rgba(0,0,0,.35)}.quickprompts{gap:4px}.quickprompt{height:27px;padding:0 7px;font-size:6.5px}.plan-modal{padding:10px}.plan-panel{width:100%;max-height:92vh;border-radius:17px;padding:16px}.plan-head h2{font-size:21px}.plan-grid{grid-template-columns:1fr 1fr}.plan-card{min-height:235px;padding:15px}}
@media(max-width:560px){.plan-grid{grid-template-columns:1fr}.plan-card{min-height:0}.plan-head{gap:10px}.plan-head h2{font-size:19px}.plan-foot{align-items:stretch}.plan-ai2,.plan-custom{width:100%;display:flex;align-items:center;justify-content:center;text-align:center}.commercial-link{right:10px;bottom:calc(44px + env(safe-area-inset-bottom))}}