/* Steve Rich FX — PAUL (HAL optic) ForeXistenZ concierge. sr-paul-v1. Scoped to #srpaul. */
#srpaul{position:relative;padding:6px 0 30px;text-align:center;max-width:760px;margin:0 auto}
#srpaul .srp-hud{position:relative;max-width:760px;margin:0 auto;padding:34px 22px 30px;
  background:linear-gradient(160deg,rgba(0,140,255,.10),rgba(4,14,29,.78) 55%,rgba(0,217,255,.06));
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);
  box-shadow:inset 0 0 0 1px rgba(0,217,255,.38),0 0 60px rgba(0,140,255,.12)}
#srpaul .srp-hud::before,#srpaul .srp-hud::after{content:'';position:absolute;width:26px;height:26px;border:2px solid #00D9FF;pointer-events:none;filter:drop-shadow(0 0 6px #00D9FF)}
#srpaul .srp-hud::before{left:8px;top:8px;border-right:0;border-bottom:0}
#srpaul .srp-hud::after{right:8px;bottom:8px;border-left:0;border-top:0}
#srpaul .srp-tel{display:flex;justify-content:space-between;gap:10px;font-family:var(--fm,monospace);font-size:10px;letter-spacing:.22em;color:rgba(200,240,255,.62);text-transform:uppercase}
#srpaul .srp-tel b{color:#00D9FF;font-weight:400}
#srpaul .srp-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2BFF88;box-shadow:0 0 10px #2BFF88;margin-right:7px;vertical-align:1px;animation:srpBlink 1.6s steps(2) infinite}
@keyframes srpBlink{50%{opacity:.25}}
#srpaul .srp-stage{position:relative;width:min(250px,58vw);aspect-ratio:1;margin:56px auto 58px}
#srpaul .srp-stage::before{content:'';position:absolute;inset:-30%;border-radius:50%;background:radial-gradient(circle,rgba(255,40,10,.22),rgba(0,170,255,.14) 45%,transparent 68%);animation:srpBr 4s ease-in-out infinite}
@keyframes srpBr{50%{transform:scale(1.07);opacity:.8}}
#srpaul .srp-stage canvas{position:absolute;inset:0;width:100%;height:100%;border-radius:50%;z-index:2;display:block}
#srpaul .srp-ret{position:absolute;inset:-22%;width:144%;height:144%;z-index:1;pointer-events:none;overflow:visible}
#srpaul .srp-ret .r1{transform-origin:50% 50%;animation:srpSpin 40s linear infinite}
#srpaul .srp-ret .r2{transform-origin:50% 50%;animation:srpSpin 18s linear infinite reverse}
#srpaul .srp-ret .r3{transform-origin:50% 50%;animation:srpSpin 9s linear infinite}
@keyframes srpSpin{to{transform:rotate(360deg)}}
#srpaul .srp-name{font-family:var(--fh,Orbitron,sans-serif);font-weight:900;font-size:clamp(1.9rem,8vw,2.8rem);letter-spacing:.42em;margin-right:-.42em;color:#fff;text-shadow:0 0 26px rgba(0,217,255,.55)}
#srpaul .srp-role{font-family:var(--fm,monospace);font-size:11px;letter-spacing:.26em;color:#00D9FF;text-transform:uppercase;margin:6px 0 20px}
#srpaul .srp-bub{position:relative;margin:0 auto 16px;padding:16px 18px;max-width:560px;text-align:left;font-family:var(--fb,sans-serif);font-size:1.04rem;line-height:1.62;color:#EAF8FF;
  background:linear-gradient(160deg,rgba(0,217,255,.09),rgba(3,10,22,.86));clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);box-shadow:inset 0 0 0 1px rgba(0,217,255,.32)}
#srpaul .srp-bub::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:#00D9FF;box-shadow:0 0 12px #00D9FF}
#srpaul .srp-bub .q{font-family:var(--fm,monospace);font-size:.8rem;color:rgba(200,240,255,.6);margin-bottom:7px}
#srpaul .srp-wait{display:inline-flex;gap:6px}#srpaul .srp-wait i{width:7px;height:7px;background:#00D9FF;box-shadow:0 0 8px #00D9FF;animation:srpW 1s infinite}
#srpaul .srp-wait i:nth-child(2){animation-delay:.15s}#srpaul .srp-wait i:nth-child(3){animation-delay:.3s}@keyframes srpW{50%{opacity:.2}}
#srpaul .srp-lvl{display:flex;gap:4px;align-items:center;justify-content:center;height:40px;margin:2px auto 10px}
#srpaul .srp-lvl i{width:5px;height:5px;background:#00D9FF;box-shadow:0 0 8px #00D9FF;transition:height .08s}
#srpaul .srp-btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
#srpaul .srp-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;min-width:220px;padding:0 24px;border:0;cursor:pointer;text-decoration:none;
  font-family:var(--fh,Orbitron,sans-serif);font-weight:900;font-size:.76rem;letter-spacing:.18em;text-transform:uppercase;color:#02101f;
  background:linear-gradient(180deg,#9AFBFF,#00D8FF 45%,#0A84FF);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);box-shadow:0 0 30px rgba(0,200,255,.45);transition:filter .15s,transform .15s}
#srpaul .srp-btn:hover{filter:brightness(1.12)}#srpaul .srp-btn:active{transform:scale(.98)}#srpaul .srp-btn[disabled]{opacity:.6;cursor:wait}
#srpaul .srp-btn.rec{background:linear-gradient(180deg,#FF6A5A,#FF2A1A);color:#fff;box-shadow:0 0 26px rgba(255,42,26,.55)}
#srpaul .srp-btn.gold{background:linear-gradient(180deg,#FFE9A6,#FFC94A 50%,#FF9F1C);color:#1a1000;box-shadow:0 0 30px rgba(255,190,60,.45);animation:srpPop .35s ease-out}
@keyframes srpPop{from{transform:scale(.92);opacity:0}}
#srpaul .srp-type{display:flex;gap:8px;max-width:560px;margin:14px auto 0}
#srpaul .srp-type input{flex:1;min-width:0;min-height:46px;padding:0 14px;border:0;outline:0;font-family:var(--fb,sans-serif);font-size:16px;color:#EAF8FF;background:rgba(3,10,22,.8);
  clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);box-shadow:inset 0 0 0 1px rgba(0,217,255,.3)}
#srpaul .srp-type input:focus{box-shadow:inset 0 0 0 1px #00D9FF}
#srpaul .srp-type button{min-width:46px;min-height:46px;border:0;cursor:pointer;color:#00D9FF;background:rgba(0,217,255,.08);clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);box-shadow:inset 0 0 0 1px rgba(0,217,255,.45);font-size:18px}
#srpaul .srp-note{margin-top:16px;font-family:var(--fm,monospace);font-size:9.5px;letter-spacing:.16em;color:rgba(200,240,255,.45);text-transform:uppercase}
#srpaul .srp-toast{min-height:1.2em;margin-top:8px;font-family:var(--fm,monospace);font-size:11px;color:#FFC94A;letter-spacing:.08em}
@media (max-width:560px){#srpaul{padding:4px 0 24px}#srpaul .srp-hud{padding:26px 14px 24px}#srpaul .srp-tel{font-size:8.5px;letter-spacing:.14em}#srpaul .srp-btn{min-width:0;width:100%}}
@media (prefers-reduced-motion:reduce){#srpaul .srp-ret g,#srpaul .srp-stage::before{animation:none!important}}
#srpaul [hidden]{display:none!important}