@font-face{font-family:STC Forward;src:url(/STCForward-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:STC Forward;src:url(/STCForward-Medium.otf) format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:STC Forward;src:url(/STCForward-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:STC Forward;src:url(/STCForward-ExtraBold.otf) format("opentype");font-weight:800;font-style:normal;font-display:swap}:root{font-family:STC Forward,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.4;font-weight:400;color:#f7f6f9;background-color:#1d252d;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(135deg,#e01065,#691171 30%,#491070 55%,#310857);color:inherit}a{color:inherit}#root{min-height:100vh}.design-holo{--bg: #1d252d;--bg-start: #4f008c;--bg-end: #2f0063;--ink: #ffffff;--muted: #c3c7cf;--accent: #ff375e;--accent-2: #a54ee1;--teal: #00c48c;--hero-logo-color: #ffffff;font-family:STC Forward,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.design-holo.app-shell{position:relative;min-height:100vh;background:radial-gradient(130% 140% at 16% 12%,rgba(255,55,94,.16),transparent),radial-gradient(120% 120% at 84% 18%,rgba(165,78,225,.16),transparent),linear-gradient(135deg,#e01065,#691171 30%,#491070 55%,#310857);color:var(--ink);overflow:hidden;padding:88px clamp(24px,6vw,80px) 72px}.app-content{transition:opacity .6s ease,transform .6s ease}.app-content.is-preloading{opacity:0;transform:scale(.99);pointer-events:none}.design-holo .grid-layer,.design-holo .scan-lines{position:absolute;inset:0;pointer-events:none}.design-holo .grid-layer{background-image:linear-gradient(90deg,rgba(255,55,94,.12) 1px,transparent 0),linear-gradient(180deg,rgba(165,78,225,.14) 1px,transparent 0),radial-gradient(circle at 1px 1px,rgba(255,255,255,.08) 1px,transparent 1px);background-size:140px 140px,140px 140px,70px 70px;mix-blend-mode:screen;opacity:.32}.design-holo .scan-lines{background:linear-gradient(180deg,#fff0 88%,#ffffff0a 95%,#00000014);background-size:100% 14px;animation:scan 12s linear infinite;mix-blend-mode:soft-light}.design-holo .arabesque-grid{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,55,94,.12) 1px,transparent 1px),linear-gradient(120deg,rgba(165,78,225,.08) 1px,transparent 1px),linear-gradient(-120deg,rgba(165,78,225,.08) 1px,transparent 1px);background-size:70px 70px,90px 90px,90px 90px;mix-blend-mode:screen;opacity:.2}.design-holo .crescent-arc{position:absolute;width:460px;height:460px;border-radius:50%;border:1px solid rgba(255,55,94,.28);box-shadow:0 0 50px #ff375e42,inset 0 0 80px #a54ee11a;top:-120px;left:-120px;transform:rotate(-12deg);-webkit-mask-image:radial-gradient(circle at 30% 30%,#000 0,#000 60%,transparent 62%);mask-image:radial-gradient(circle at 30% 30%,#000 0,#000 60%,transparent 62%);opacity:.5;animation:crescent 16s ease-in-out infinite;pointer-events:none}.design-holo .particle-field{position:absolute;inset:-10% -10% 0;pointer-events:none;background-image:radial-gradient(circle at 20% 30%,rgba(165,78,225,.2) 2px,transparent 2px),radial-gradient(circle at 70% 60%,rgba(255,55,94,.16) 2px,transparent 2px),radial-gradient(circle at 40% 80%,rgba(255,255,255,.08) 2px,transparent 2px);background-size:280px 280px,320px 320px,260px 260px;animation:drift 38s linear infinite;mix-blend-mode:screen;opacity:.38}.design-holo .prism-sweep{position:absolute;inset:-10% -30% 0;background:conic-gradient(from 120deg,#ff375e00,#ff375e24,#a54ee100,#a54ee12e,#ff375e00);filter:blur(28px);opacity:.3;animation:sweep 20s ease-in-out infinite;pointer-events:none}.design-holo .glow-beam{position:absolute;width:340px;height:900px;background:radial-gradient(circle at 50% 10%,rgba(165,78,225,.4),transparent 60%);filter:blur(20px);opacity:.28;pointer-events:none;transform:rotate(14deg)}.design-holo .beam-1{top:-120px;left:10%}.design-holo .beam-2{bottom:-220px;right:6%;background:radial-gradient(circle at 50% 40%,rgba(255,55,94,.5),transparent 65%);transform:rotate(-16deg)}.design-holo .orb{position:absolute;width:260px;height:260px;border-radius:50%;filter:blur(70px);opacity:.26;z-index:0}.design-holo .orb-a{background:#a54ee14d;top:-120px;right:8%}.design-holo .orb-b{background:#ff375e3d;bottom:-140px;left:6%}.design-holo .hero{position:relative;display:flex;flex-direction:column;gap:10px;align-items:flex-start;z-index:1;max-width:1024px;margin:0 auto}.design-holo .hero-align-start,.design-holo .hero-align-center,.design-holo .hero-align-end{align-items:center;text-align:center}.design-holo .hero-logo{width:clamp(192px,24vw,280px);height:clamp(36px,4vw,52px);display:block;margin:0 auto 18px;background-color:#fff;mask-image:url(/stc-logo-purple.svg);mask-repeat:no-repeat;mask-size:contain;mask-position:center;-webkit-mask-image:url(/stc-logo-purple.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-position:center;opacity:.85}.design-holo .hero-text{width:100%}.design-holo .hero-text h1{font-size:clamp(34px,6vw,60px);line-height:1.05;margin:6px 0 10px;letter-spacing:.4px}.design-holo .eyebrow{text-transform:uppercase;letter-spacing:.3em;font-size:11px;color:#ff375e;margin:0}.design-holo .hero .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:#0d0917b3;color:#ff375e;border:1px solid rgba(255,255,255,.1);letter-spacing:.24em;font-weight:700}.design-holo .lede{color:#d7eef5;max-width:560px;margin:0 auto 8px;text-align:center}.design-holo .context-note{max-width:760px;margin:20px auto 0;padding:18px 22px;border-radius:0;background:linear-gradient(135deg,#ffffff1f,#ffffff0a);border:none;backdrop-filter:blur(16px) saturate(1.25);-webkit-backdrop-filter:blur(16px) saturate(1.25);color:#f7f6f9;font-size:16px;line-height:1.6;text-align:center}.design-holo .section-label{margin:34px auto 12px;display:flex;width:fit-content;justify-content:center;align-items:center;gap:12px;padding:12px 22px;border-radius:0;border:1px solid #300853;background:#ff375e;text-transform:uppercase;letter-spacing:.35em;font-size:13px;color:#fff}.design-holo .section-label:before,.design-holo .section-label:after{content:"";width:30px;height:1px;background:#ffffffb3;display:inline-block}.design-holo .agents{position:relative;z-index:1;margin-top:24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:32px;max-width:1024px;margin-left:auto;margin-right:auto;transition:grid-template-columns .4s ease,gap .3s ease}.design-holo .agents.is-focused{grid-template-columns:minmax(min(100%,480px),1fr);justify-items:center;gap:24px}.design-holo .disclaimer{max-width:760px;margin:40px auto 0;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:#e8fbffb3;text-align:center;line-height:1.6}.design-holo .disclaimer a{color:currentColor;text-decoration:underline}.loading-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e01065,#691171 30%,#491070 55%,#310857);color:#fff;z-index:999;text-transform:uppercase;letter-spacing:.3em;font-size:12px;padding:0 24px}.loading-console{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 36px;border-radius:0;position:relative;border:1px solid rgba(255,255,255,.28);background:linear-gradient(145deg,#ffffff38,#ffffff14);backdrop-filter:blur(22px) saturate(1.6);-webkit-backdrop-filter:blur(22px) saturate(1.6);box-shadow:0 20px 60px #00000073,inset 0 1px #ffffff4d,0 0 0 1px #ffffff14;overflow:hidden;width:min(520px,92vw)}.loading-console:before{content:"";position:absolute;inset:-20% -30% auto;height:40%;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.28),transparent 60%),radial-gradient(circle at 80% 40%,rgba(255,255,255,.16),transparent 60%);opacity:.9;pointer-events:none}.loading-logo{width:140px;height:26px;background-color:#fff;mask-image:url(/stc-logo-purple.svg);mask-repeat:no-repeat;mask-size:contain;mask-position:center;-webkit-mask-image:url(/stc-logo-purple.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-position:center;opacity:.9;margin-bottom:6px}.loading-flag{margin:0;font-size:10px;letter-spacing:.5em;color:#ffffffd9}.loading-step{margin:0;font-size:18px;letter-spacing:.28em;color:#fff}.loading-detail{margin:0;letter-spacing:.2em;font-size:11px;color:#ffffffd1}.loading-bar{width:min(320px,70vw);height:8px;border-radius:999px;background:#ffffff2e;overflow:hidden;position:relative;box-shadow:inset 0 0 0 1px #ffffff1f}.loading-bar-fill{position:absolute;inset:0;background:linear-gradient(90deg,#ff375e,#a90f69);box-shadow:0 0 18px #ff375e99;transition:width .8s ease}.loading-progress{margin:0;font-size:11px;color:#ffffffe6}.design-holo .agent-card{--card-padding: 20px;position:relative;padding:var(--card-padding);background:#fff;color:#1d252d;border:1px solid #d9dce2;border-radius:0;overflow:hidden;transition:border-color .25s ease,opacity .25s ease,max-height .35s ease,padding .35s ease;transform-origin:center}.design-holo .agent-card:before{content:none}.design-holo .agent-card:after{content:none}.design-holo .on-air-badge{position:absolute;top:16px;left:20px;padding:4px 14px;background:linear-gradient(180deg,#ff2b2b,#c11212);color:#fff;font-size:11px;letter-spacing:.3em;text-transform:uppercase;border-radius:0;border:1px solid #ff6a6a;box-shadow:0 0 28px #ff2b2b8c,0 0 12px #ff2b2bb3;text-shadow:0 0 10px rgba(255,43,43,.7);z-index:3;overflow:hidden}.design-holo .on-air-badge:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.18),transparent 35%,rgba(255,255,255,.12) 65%,transparent);opacity:.7;pointer-events:none}.design-holo .on-air-badge span{position:relative;z-index:1}.design-holo .agent-card:hover,.design-holo .agent-card.active{border-color:#ff375e}.design-holo .agent-card.is-centered{width:min(100%,560px);max-width:620px}.design-holo .agent-connecting-overlay{position:absolute;inset:0;background:#0a03168c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;z-index:4;pointer-events:none}.design-holo .agent-connecting-overlay .overlay-content{display:inline-flex;align-items:center;gap:10px;padding:12px 14px;background:#300853b3;border:1px solid rgba(255,255,255,.14);color:#fff;text-transform:uppercase;letter-spacing:.08em;font-size:12px;box-shadow:0 10px 30px #00000059}.design-holo .overlay-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#ff375e;border-radius:50%;animation:spin .9s linear infinite}.design-holo .overlay-text{margin:0}.design-holo .agent-card.is-dimmed{opacity:0;transform:translateY(16px) scale(.98);pointer-events:none;max-height:0;padding:0;overflow:hidden}.design-holo .agents:not(.is-focused) .agent-card.is-dimmed{opacity:1;transform:none;filter:none;pointer-events:auto;max-height:none;padding:var(--card-padding);overflow:visible}.design-holo .agent-halo{display:none}.design-holo .agent-header{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:18px;z-index:1;padding:4px 0 6px}.design-holo .avatar-ring{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:0;padding:6px;background:#ff375e;display:grid;place-items:center;border:none;overflow:hidden}.design-holo .avatar-ring:after{content:"";position:absolute;inset:10px;border-radius:0;border:1px dashed rgba(255,255,255,.2);mix-blend-mode:screen;pointer-events:none}.design-holo .avatar-ring:before{content:"";position:absolute;inset:-10%;border-radius:0;background:#ff375e;opacity:.08;filter:blur(8px);animation:none;pointer-events:none}.design-holo .agent-flag{position:absolute;top:10px;left:10px;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:0;font-size:18px;box-shadow:0 10px 25px #00000059;background:#03080fa6;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:2}.design-holo .avatar{width:100%;height:100%;border-radius:0;overflow:hidden;background:#05121a;border:1px solid rgba(255,255,255,.08);position:relative}.design-holo .avatar img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(1.08);transition:opacity .18s ease}.design-holo .avatar img.is-hidden{opacity:0}.design-holo .avatar video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .18s ease;pointer-events:none;border:none;background:transparent}.design-holo .avatar video.is-ready{opacity:1}.design-holo .avatar video.is-playing{filter:saturate(1.1)}.design-holo .agent-meta h3{margin:0;font-size:24px;letter-spacing:.6px}.design-holo .agent-role{margin:6px 0 0;color:#4a515b;font-size:14px}.design-holo .status-pill{margin-left:auto;border-radius:0;padding:0;display:inline-flex;gap:6px;align-items:center;text-transform:capitalize;font-size:14px;color:#1d252d;background:transparent;border:none}.design-holo .status-dot{width:8px;height:8px;border-radius:0;background:var(--muted);box-shadow:none}.design-holo .status-connected .status-dot{background:var(--teal)}.design-holo .status-connecting .status-dot{background:#ffc861}.design-holo .status-disconnected .status-dot{background:#536675}.design-holo .status-disconnecting .status-dot{background:#f08a4b}.design-holo .metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;background:#2f0d52;border:1px solid #300853;padding:12px;margin-top:10px}.design-holo .metric-label{margin:0;text-transform:uppercase;letter-spacing:.1em;font-size:10px;color:#f7f6f9}.design-holo .metric-value{margin:6px 0 0;font-size:14px;color:#fff}.design-holo .metric-value.subtle{font-size:12px;color:#c3c7cf}.design-holo .status-group{display:flex;flex-direction:column;gap:8px}.design-holo .status-group .status-pill{margin-left:0}.design-holo .agent-actions{display:flex;align-items:stretch;gap:12px;margin-top:16px;z-index:1}.design-holo .btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:none;border-radius:0;padding:14px 18px;background:#ff375e;color:#fff;font-weight:700;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease;overflow:hidden}.design-holo .btn-main{flex:1}.design-holo .btn:disabled{opacity:.45;cursor:not-allowed}.design-holo .btn-primary{background:#ff375e;border:none}.design-holo .btn-icon{width:52px;min-width:52px;height:52px;padding:0;border-radius:0;background:#300853;color:#fff;border:none}.design-holo .btn-icon svg{width:20px;height:20px}.design-holo .mute-toggle{background:#300853;color:#fff;border:none}.design-holo .mute-toggle.is-muted{background:#8e9aa0;color:#1d252d}.design-holo .mute-toggle:disabled{opacity:.5;cursor:not-allowed}.design-holo .btn.btn-danger{background:#ff375e;color:#fff}.design-holo .btn-primary:hover{background:#a90f69}.design-holo .btn-glow{display:none}.design-holo .btn:hover .btn-glow{opacity:1}.design-holo .error-banner{margin-top:12px;padding:10px 12px;border-radius:12px;background:#c846461f;border:1px solid rgba(200,70,70,.3);color:#ffcbd1;font-size:13px}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scan{0%{background-position-y:0}to{background-position-y:14px}}@keyframes pulse{0%,to{transform:translate(-50%) scale(.95);opacity:.6}50%{transform:translate(-50%) scale(1.08);opacity:1}}@keyframes slide{0%{transform:translateY(-80px)}to{transform:translateY(180px)}}@keyframes holo-scan{0%{transform:translate(-30%)}to{transform:translate(60%)}}@keyframes holo-glow{0%,to{transform:translate3d(-8px,-4px,0) scale(1)}50%{transform:translate3d(6px,10px,0) scale(1.04)}}@keyframes liquid-glow{0%,to{transform:translate3d(-12px,-8px,0) scale(1);opacity:.34}50%{transform:translate3d(10px,12px,0) scale(1.05);opacity:.48}}@keyframes drift{0%{transform:translate3d(-20px,0,0)}to{transform:translate3d(40px,-30px,0)}}@keyframes sweep{0%,to{transform:translate(-10%) rotate(2deg) scale(1)}50%{transform:translate(6%) rotate(-2deg) scale(1.05)}}@keyframes crescent{0%,to{transform:rotate(-10deg) scale(1);opacity:.42}50%{transform:rotate(-16deg) scale(1.04);opacity:.52}}@keyframes bars{0%,to{transform:scaleY(.6);opacity:.5}50%{transform:scaleY(1.4);opacity:1}}@keyframes onAirPulse{0%{transform:scale(1);box-shadow:0 6px 24px #b91c1c73,0 0 18px #f8717199}50%{transform:scale(1.04);box-shadow:0 8px 30px #b91c1c8c,0 0 30px #f87171cc}to{transform:scale(1);box-shadow:0 6px 24px #b91c1c73,0 0 18px #f8717199}}@keyframes onAirGlow{0%,to{opacity:.7}50%{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:860px){.design-holo .hero{align-items:flex-start;gap:12px}.design-holo .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.design-holo .agent-actions{flex-direction:column}}@media(max-width:720px){.design-holo .agent-header{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));align-items:center;text-align:center}.design-holo .on-air-badge{top:8px;left:12px;letter-spacing:.2em}}@media(max-width:540px){.design-holo .agents{grid-template-columns:repeat(1,minmax(0,1fr));padding:0 16px 16px}}