/* SkillCrew sales chat widget — dark metallic, sits under the grapple cursor layer (z 9000). */
.scc-launch{position:fixed;right:20px;bottom:72px;z-index:8500;width:62px;height:62px;border-radius:50%;border:1px solid #ffffff40;background:radial-gradient(circle at 30% 25%,#e9edf4 0%,#8a94a6 18%,#2b313d 55%,#0b0c10 100%);box-shadow:inset -6px -8px 12px #0009,inset 4px 4px 8px #fff6,0 12px 28px #0007;display:grid;place-items:center;color:#fff;padding:0;transition:transform .2s}
.scc-launch:hover{transform:translateY(-2px) scale(1.04)}
.scc-launch picture,.scc-launch img{display:block;width:56px;height:56px;border-radius:50%;object-fit:cover;pointer-events:none}.scc-ava picture,.scc-ava img{display:block;width:40px;height:40px;border-radius:50%;object-fit:cover}
.scc-launch .scc-dot{position:absolute;top:2px;right:2px;width:14px;height:14px;border-radius:50%;background:#3ddc84;border:2px solid #111114}
.scc-launch[aria-expanded=true] .scc-dot{display:none}

.scc-teaser{position:fixed;right:96px;bottom:84px;z-index:8500;display:flex;align-items:flex-start;max-width:min(250px,calc(100vw - 120px));opacity:0;transform:translateY(8px) scale(.96);transform-origin:bottom right;transition:opacity .3s,transform .3s}
.scc-teaser.show{opacity:1;transform:none}
.scc-teaser-msg{position:relative;text-align:left;background:#f5f5f2;color:#111114;border:1px solid #d8d9db;border-radius:16px 16px 4px 16px;padding:10px 14px;font:600 13.5px/1.35 Inter,Arial,sans-serif;box-shadow:0 10px 26px #0005;min-height:40px}
.scc-teaser-msg:after{content:'';position:absolute;right:-7px;bottom:8px;border:7px solid transparent;border-left-color:#f5f5f2;border-right:0}
.scc-teaser .scc-ttext{display:none}.scc-teaser.typed .scc-ttext{display:inline}.scc-teaser.typed .scc-tdots{display:none}
.scc-tdots{display:inline-flex;gap:4px;padding:5px 2px}.scc-tdots i{width:6px;height:6px;border-radius:50%;background:#797b84;animation:scc-b 1s infinite}.scc-tdots i:nth-child(2){animation-delay:.15s}.scc-tdots i:nth-child(3){animation-delay:.3s}
.scc-teaser-x{position:absolute;top:-9px;left:-9px;width:24px;height:24px;border-radius:50%;border:1px solid #c9cacc;background:#fff;color:#333;font:600 14px/1 Inter,Arial;padding:0;display:grid;place-items:center;box-shadow:0 2px 6px #0003}
.scc-panel{position:fixed;right:20px;bottom:146px;z-index:8500;width:min(380px,calc(100vw - 24px));height:min(560px,calc(100svh - 170px));display:flex;flex-direction:column;background:linear-gradient(180deg,#1b1c23,#101116);color:#eceef3;border:1px solid #3d404c;box-shadow:0 24px 60px #000a,inset 0 1px 0 #ffffff1c;font-family:Inter,Arial,sans-serif;opacity:0;transform:translateY(12px) scale(.98);transform-origin:bottom right;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s}
.scc-panel.open{opacity:1;transform:none;visibility:visible}
.scc-head{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #ffffff1f;background:linear-gradient(90deg,#2a2e38,#14151b)}
.scc-ava{width:40px;height:40px;box-shadow:0 0 0 2px #8a94a6;border-radius:50%;background:radial-gradient(circle at 30% 25%,#cfddff,#526aff 40%,#0a1369);display:grid;place-items:center;font:800 15px Inter,Arial;color:#fff;flex:none}
.scc-head b{display:block;font-size:14px;letter-spacing:-.01em}
.scc-head small{display:flex;align-items:center;gap:6px;font:500 10px 'DM Mono',monospace;color:#9da3b4;text-transform:uppercase;letter-spacing:.06em}
.scc-head small:before{content:'';width:7px;height:7px;border-radius:50%;background:#3ddc84}
.scc-close{margin-left:auto;width:36px;height:36px;border:0;background:transparent;color:#cfd3dd;font-size:22px;line-height:1}
.scc-close:hover{color:#fff}
.scc-log{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:8px;overscroll-behavior:contain}
.scc-msg{max-width:86%;padding:9px 12px;font-size:14px;line-height:1.42;white-space:pre-wrap;word-wrap:break-word}
.scc-msg.bot{align-self:flex-start;background:#262932;border:1px solid #363a46;border-radius:2px 14px 14px 14px}
.scc-msg.me{align-self:flex-end;background:#3049e6;color:#fff;border-radius:14px 2px 14px 14px}
.scc-msg a{color:#a9b6ff;text-decoration:underline}
.scc-msg.me a{color:#fff}
.scc-typing{align-self:flex-start;display:flex;gap:4px;padding:12px;background:#262932;border-radius:2px 14px 14px 14px}
.scc-typing i{width:6px;height:6px;border-radius:50%;background:#9aa0b0;animation:scc-b 1s infinite}
.scc-typing i:nth-child(2){animation-delay:.15s}.scc-typing i:nth-child(3){animation-delay:.3s}
@keyframes scc-b{0%,60%,100%{opacity:.3;transform:none}30%{opacity:1;transform:translateY(-3px)}}
.scc-quick{display:flex;flex-wrap:wrap;gap:6px;padding:0 14px 8px}
.scc-quick button{border:1px solid #474b58;background:#1d1f27;color:#d9dce6;padding:6px 10px;font:500 12px Inter,Arial;border-radius:14px}
.scc-quick button:hover{border-color:#8e9cff;color:#fff}
.scc-form{display:flex;gap:8px;padding:10px;border-top:1px solid #ffffff1f;background:#0d0e12}
.scc-form textarea{flex:1;resize:none;height:44px;max-height:110px;background:#1f2129;color:#fff;border:1px solid #474b58;padding:11px 12px;font:14px/1.35 Inter,Arial;outline:none}
.scc-form textarea:focus{border-color:#8e9cff}
.scc-form button{width:46px;border:0;background:#526aff;color:#fff;display:grid;place-items:center}
.scc-form button:disabled{opacity:.5}
.scc-form button svg{width:20px;height:20px}
.scc-foot{padding:0 12px 8px;background:#0d0e12;font:400 10px/1.4 'DM Mono',monospace;color:#7d8292}
.scc-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.scc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (max-width:520px){.scc-panel{right:0;left:0;bottom:0;width:100vw;height:min(88svh,100svh);border-left:0;border-right:0}.scc-launch{right:14px;bottom:64px;width:56px;height:56px}.scc-launch picture,.scc-launch img{width:50px;height:50px}.scc-teaser{right:80px;bottom:70px}}
@media (prefers-reduced-motion:reduce){.scc-panel,.scc-launch,.scc-teaser{transition:none}.scc-typing i{animation:none}}
@media (hover:none),(pointer:coarse){.scc-panel.open{z-index:9500}}
@media (max-width:520px){.scc-launch[aria-expanded=true]{display:none}}

/* resting position after the hero; lifted above hero controls while hero is visible */
.scc-launch{bottom:20px;transition:transform .2s,bottom .3s}.scc-teaser{bottom:30px;transition:opacity .3s,transform .3s,bottom .3s}.scc-panel{bottom:94px}
html.scc-lift .scc-launch{bottom:124px}html.scc-lift .scc-teaser{bottom:134px}html.scc-lift .scc-panel{bottom:198px}
@media (max-width:520px){.scc-launch{bottom:16px}.scc-teaser{bottom:22px}html.scc-lift .scc-launch{bottom:112px}html.scc-lift .scc-teaser{bottom:118px}html.scc-lift .scc-panel{bottom:0}}
@media (min-width:521px){html.scc-lift .scc-launch{bottom:190px}html.scc-lift .scc-teaser{bottom:200px}html.scc-lift .scc-panel{bottom:264px;height:min(560px,calc(100svh - 290px))}}

.scc-attach,.scc-cam-btn{width:40px;flex:none;border:1px solid #474b58!important;background:#1f2129!important;color:#cfd3dd;display:grid;place-items:center}
.scc-attach:hover,.scc-cam-btn:hover{color:#fff;border-color:#8e9cff!important}.scc-attach svg,.scc-cam-btn svg{width:20px;height:20px}
.scc-cam-btn{color:#9eb0ff}
.scc-cam-overlay{position:fixed;inset:0;z-index:10050;background:#000c;display:grid;place-items:center;padding:16px}
.scc-cam-modal{width:min(420px,100%);background:#12151c;border:1px solid #3a4258;border-radius:16px;padding:12px;display:grid;gap:10px}
.scc-cam-modal video{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;background:#000;transform:scaleX(-1)}
.scc-cam-actions{display:flex;justify-content:space-between;gap:10px}
.scc-cam-cancel,.scc-cam-shot{width:48px;height:48px;border-radius:50%;border:1px solid #474b58;background:#1f2129;color:#fff;font-size:20px;display:grid;place-items:center}
.scc-cam-shot{background:#3f5bff;border-color:#3f5bff}
.scc-thumbs{display:flex;gap:6px;padding:6px 10px 0;background:#0d0e12}
.scc-thumb{position:relative;width:52px;height:52px;padding:0;border:1px solid #474b58;background:#000}
.scc-thumb img{width:100%;height:100%;object-fit:cover}.scc-thumb span{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:50%;background:#fff;color:#111;font:700 12px/18px Inter;text-align:center}
.scc-msg-imgs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.scc-msg-imgs img{width:72px;height:72px;object-fit:cover;border-radius:6px}