/* Stage457 client acquisition landing and authenticated real/demo terminal finalization */
:root{--q457-bg:#020916;--q457-panel:rgba(7,18,32,.94);--q457-line:rgba(52,241,187,.22);--q457-text:#f2fbff;--q457-muted:#9fb7c9;--q457-green:#32f3b2;--q457-cyan:#65ddff;--q457-gold:#f4c760;--q457-red:#ff6b7a}
.q457-section{position:relative;max-width:1220px;margin:28px auto;padding:32px;border:1px solid var(--q457-line);border-radius:32px;background:radial-gradient(circle at 0 0,rgba(50,243,178,.18),transparent 32%),radial-gradient(circle at 96% 8%,rgba(244,199,96,.13),transparent 30%),linear-gradient(145deg,rgba(9,24,42,.97),rgba(4,10,19,.92));box-shadow:0 30px 110px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.06);overflow:hidden}.q457-section:before{content:"";position:absolute;inset:auto -12% -45% 42%;height:220px;background:radial-gradient(circle,rgba(101,221,255,.15),transparent 68%);pointer-events:none}.q457-head{display:flex;flex-direction:column;gap:10px;max-width:980px}.q457-kicker{display:inline-flex;align-items:center;gap:9px;color:var(--q457-green);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.18em}.q457-kicker:before{content:"";width:8px;height:8px;border-radius:999px;background:var(--q457-green);box-shadow:0 0 22px var(--q457-green);animation:q457Pulse 1.4s infinite}.q457-head h2{margin:0;color:var(--q457-text);font-size:clamp(30px,4.4vw,58px);line-height:1.02;letter-spacing:-.05em}.q457-head p{margin:0;color:var(--q457-muted);line-height:1.75;font-size:16px}.q457-cta-row,.q457-actions{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.q457-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:var(--q457-text);font-weight:950;text-decoration:none;cursor:pointer}.q457-btn.primary{border:0;background:linear-gradient(135deg,var(--q457-green),#a8ffe6);color:#02110d}.q457-btn.ghost{background:transparent;color:var(--q457-cyan)}.q457-journey{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:22px}.q457-journey article,.q457-mode,.q457-terminal-grid article{padding:17px;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:linear-gradient(180deg,rgba(17,43,70,.72),rgba(6,15,27,.76));min-height:148px}.q457-journey b{display:inline-grid;place-items:center;width:31px;height:31px;border-radius:999px;background:rgba(50,243,178,.12);border:1px solid rgba(50,243,178,.25);color:var(--q457-green)}.q457-journey h3,.q457-mode h3,.q457-terminal-grid h3{margin:12px 0 8px;color:white;font-size:17px}.q457-journey p,.q457-mode p,.q457-terminal-grid p{margin:0;color:var(--q457-muted);font-size:13px;line-height:1.6}.q457-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.q457-mode span{display:inline-flex;margin-bottom:4px;padding:7px 10px;border-radius:999px;background:rgba(50,243,178,.1);border:1px solid rgba(50,243,178,.22);color:var(--q457-green);font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.12em}.q457-mode.real span{background:rgba(244,199,96,.1);border-color:rgba(244,199,96,.27);color:var(--q457-gold)}.q457-terminal-dock{position:relative;margin:14px auto 18px;padding:18px;border:1px solid var(--q457-line);border-radius:26px;background:linear-gradient(145deg,rgba(8,22,37,.96),rgba(4,10,18,.94));box-shadow:0 22px 80px rgba(0,0,0,.42);color:var(--q457-text)}.q457-terminal-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.q457-terminal-top strong{color:#dfffee}.q457-terminal-grid{display:grid;grid-template-columns:1.05fr 1.05fr .9fr;gap:12px}.q457-auth-only{display:none}.q457-authorized .q457-auth-only{display:block}.q457-authorized .q457-guest-only{display:none!important}.q457-guest .q457-auth-only{display:none!important}.q457-account-switch{display:flex;gap:9px;flex-wrap:wrap}.q457-account-switch button{padding:10px 12px;border-radius:14px;border:1px solid rgba(50,243,178,.22);background:rgba(50,243,178,.08);color:var(--q457-text);font-weight:900;cursor:pointer}.q457-account-switch button.active{background:linear-gradient(135deg,var(--q457-green),#a8ffe6);color:#02110d}.q457-disabled{opacity:.45;pointer-events:none}.q457-terminal-ready #workspaceLoader,.q457-terminal-ready .workspace-loader,.q457-terminal-ready #loadingOverlay,.q457-terminal-ready .loading-overlay,.q457-terminal-ready [data-terminal-loader]{display:none!important;opacity:0!important;pointer-events:none!important}body.q457-authorized #oauthLoginBtn,body.q457-authorized #oauthSignupBtn,body.q457-authorized #heroLoginBtn{display:none!important}body.q457-authorized [data-guest-only]{display:none!important}body.q457-guest [data-auth-only]{display:none!important}@keyframes q457Pulse{0%,100%{transform:scale(.9);opacity:.6}50%{transform:scale(1.25);opacity:1}}@media(max-width:1060px){.q457-journey,.q457-mode-grid,.q457-terminal-grid{grid-template-columns:1fr 1fr}.q457-section{margin:18px 12px;padding:22px}.q457-terminal-top{display:block}}@media(max-width:720px){.q457-journey,.q457-mode-grid,.q457-terminal-grid{grid-template-columns:1fr}.q457-section,.q457-terminal-dock{border-radius:22px}.q457-btn{width:100%}.q457-head h2{font-size:32px}}
