@import url("https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Outfit:wght@300;400;500;600&display=swap");:root{--color-bg:#050507;--color-surface:hsla(0,0%,100%,.04);--color-border:hsla(0,0%,100%,.08);--color-text:#e2e0dd;--color-text-dim:#6b6a6f;--font-mono:"Space Mono",monospace;--font-body:"Outfit",sans-serif;--stope-bg:#f0ebe0;--stope-sidebar:#e8e0d0;--stope-sidebar-border:#d4c9b0;--stope-chat-bg:#1a1a1a;--stope-bubble-bot:#2a2a2a;--stope-bubble-border:#3a3a3a;--stope-bubble-user:#e85d04;--stope-accent:#e85d04;--stope-accent-hover:#cc4f00;--stope-text-primary:#f0f0f0;--stope-text-dark:#1a1a1a;--stope-text-muted:#7a6a4a;--stope-text-label:#9a8a6a;--stope-tag-bg:#d4c9b0;--stope-tag-text:#4a3a2a;--stope-input-bg:#fff;--stope-input-dark:#2a2a2a}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);color:var(--stope-text-dark);overflow-x:hidden;background:var(--stope-bg)}.page,body{min-height:100vh}.page{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}.header{text-align:center;margin-bottom:32px;animation:fadeIn .6s ease-out}.name{font-family:var(--font-mono);font-size:.8rem;letter-spacing:3px;text-transform:uppercase;color:var(--stope-text-muted);margin-bottom:20px}.headline{font-family:var(--font-body);font-size:clamp(1.8rem,4vw,2.8rem);font-weight:300;line-height:1.25;color:var(--stope-text-dark);max-width:560px}.subline{margin-top:14px;font-size:.95rem;color:var(--stope-text-muted);font-weight:400}.chat-box{width:100%;max-width:600px;background:var(--stope-chat-bg);border:1px solid var(--stope-sidebar-border);border-radius:16px;overflow:hidden;animation:fadeUp .6s ease-out .1s both}.gate{padding:36px 28px;text-align:center}.gate p{font-size:.88rem;color:var(--stope-text-muted);margin-bottom:20px;line-height:1.6}.gate-form{display:flex;gap:8px}.gate-form input{flex:1 1;padding:14px 16px;background:var(--stope-input-bg);border:1.5px solid var(--stope-accent);border-radius:10px;color:var(--stope-text-dark);font-family:var(--font-body);font-size:.9rem;outline:none;transition:border-color .2s}.gate-form input::placeholder{color:var(--stope-text-label)}.gate-form input:focus{border-color:var(--stope-accent-hover)}.gate-form button,.send-btn{padding:14px 24px;background:var(--stope-accent);color:#fff;border:none;border-radius:10px;font-family:var(--font-body);font-size:.9rem;font-weight:600;cursor:pointer;transition:opacity .2s;white-space:nowrap}.gate-form button:hover,.send-btn:hover{opacity:.85}.gate-form button:disabled,.send-btn:disabled{opacity:.3;cursor:not-allowed}.messages{padding:20px;min-height:280px;max-height:420px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.messages::-webkit-scrollbar{width:3px}.messages::-webkit-scrollbar-thumb{background:var(--stope-bubble-border);border-radius:2px}.msg{max-width:82%;animation:msgIn .25s ease-out}.msg.bot{align-self:flex-start}.msg.user{align-self:flex-end}.msg-label{font-size:.68rem;text-transform:uppercase;letter-spacing:1px;color:var(--stope-text-muted);margin-bottom:5px;font-weight:600}.msg.user .msg-label{text-align:right}.bubble{padding:13px 16px;border-radius:12px;font-size:.9rem;line-height:1.6}.msg.bot .bubble{background:var(--stope-bubble-bot);border:1px solid var(--stope-bubble-border);color:var(--stope-text-primary);border-bottom-left-radius:3px}.msg.user .bubble{background:var(--stope-bubble-user);color:#fff;border-bottom-right-radius:3px}.input-area{padding:14px 20px;border-top:1px solid var(--stope-sidebar-border);display:flex;gap:8px}.input-area input{flex:1 1;padding:13px 16px;background:var(--stope-input-dark);border:1.5px solid var(--stope-accent);border-radius:10px;color:var(--stope-text-primary);font-family:var(--font-body);font-size:.9rem;outline:none;transition:border-color .2s}.input-area input:focus{border-color:var(--stope-accent-hover)}.dots{display:flex;gap:5px;padding:13px 16px;align-self:flex-start}.dots span{width:6px;height:6px;background:var(--stope-text-label);border-radius:50%;animation:bounce 1.4s infinite}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}.footer{margin-top:28px;font-size:.72rem;letter-spacing:.5px;animation:fadeIn .6s ease-out .3s both}.footer,.footer a{color:var(--stope-text-muted)}.footer a{text-decoration:none;border-bottom:1px solid var(--stope-sidebar-border)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes msgIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width:600px){.page{padding:32px 16px}.gate{padding:28px 20px}.gate-form{flex-direction:column}.messages{min-height:240px;max-height:360px}}.quick-qs{padding:12px 20px 6px;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.quick-q{padding:10px 18px;background:transparent;border:1px solid var(--stope-accent);border-radius:100px;color:var(--stope-accent);font-family:var(--font-body);font-size:.82rem;font-weight:400;cursor:pointer;transition:all .25s ease;white-space:nowrap;letter-spacing:.2px}.quick-q:hover{background:rgba(232,93,4,.08);border-color:var(--stope-accent-hover);color:var(--stope-accent-hover)}