/* ═══ Untitled Creative UI: "Lock In a Chat" button + section title pills ═══ */

/* ---- Lock In a Chat button (Defiant-style: dark pill, pulsing ring, red fill on hover) ---- */
a.uc-chat-btn{
 --ucb-red:#E8001A;--ucb-red-hi:#ff1a33;--ucb-red-lo:#c40017;
 --ucb-ease:cubic-bezier(.25,.46,.45,.94);
 --ucb-icon:46px;
 position:relative;isolation:isolate;
 display:inline-flex;align-items:center;justify-content:center;gap:16px;
 padding:11px 34px 11px 11px;border-radius:999px;
 border:2px solid #333;
 background:linear-gradient(145deg,#030303 0%,#0a090d 100%);
 box-shadow:none;
 color:#fff;text-decoration:none;
 font-family:inherit;font-size:19px;font-weight:600;letter-spacing:-.4px;line-height:1;white-space:nowrap;
 transform:translateZ(0);
 transition:transform .35s var(--ucb-ease),color .35s var(--ucb-ease),border-color .35s var(--ucb-ease);
 -webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer;
}
a.uc-chat-btn .ucb-bg{position:absolute;inset:0;border-radius:inherit;overflow:hidden;z-index:-1;pointer-events:none;}
/* red fill */
a.uc-chat-btn .ucb-bg::after{content:"";position:absolute;inset:0;border-radius:inherit;
 background:linear-gradient(145deg,var(--ucb-red-hi) 0%,var(--ucb-red-lo) 100%);
 opacity:0;transition:opacity .35s var(--ucb-ease);}
/* pulsing outer ring */
a.uc-chat-btn .ucb-ring{position:absolute;inset:-8px;border-radius:999px;pointer-events:none;
 border:3px solid transparent;
 background:linear-gradient(45deg,var(--ucb-red),#ff4d60,var(--ucb-red)) border-box;
 -webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);
 -webkit-mask-composite:xor;mask-composite:exclude;
 opacity:.5;animation:ucbRing 3.2s ease-in-out infinite;}
/* UC logo tile */
a.uc-chat-btn .ucb-icon{position:relative;z-index:2;flex:none;
 width:var(--ucb-icon);height:var(--ucb-icon);border-radius:calc(var(--ucb-icon) * .3);
 display:inline-flex;align-items:center;justify-content:center;
 background:linear-gradient(145deg,var(--ucb-red-hi) 0%,var(--ucb-red-lo) 100%);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.25);
 filter:drop-shadow(0 0 8px rgba(232,0,26,.6));
 animation:ucbPulse 3s ease-in-out infinite;
 transition:background .35s var(--ucb-ease),filter .35s var(--ucb-ease);}
a.uc-chat-btn .ucb-icon img{width:64%;height:auto;display:block;}
a.uc-chat-btn .ucb-text{position:relative;z-index:2;}
/* ripple on tap / click */
a.uc-chat-btn .ucb-ripple{position:absolute;z-index:1;border-radius:999px;pointer-events:none;
 transform:translate(-50%,-50%);background:rgba(255,255,255,.35);animation:ucbRipple .6s ease-out forwards;}

/* hover (and the sticky state after a tap on phones, same as Defiant) */
a.uc-chat-btn:hover,a.uc-chat-btn:focus-visible{
 transform:scale(1.05);border-color:var(--ucb-red);color:#fff;
 background:linear-gradient(145deg,#030303 0%,#0a090d 100%);box-shadow:none;outline:none;}
a.uc-chat-btn:hover .ucb-bg::after,a.uc-chat-btn:focus-visible .ucb-bg::after{opacity:1;}
a.uc-chat-btn:hover .ucb-icon,a.uc-chat-btn:focus-visible .ucb-icon{
 background:#0a0a0a;filter:drop-shadow(0 0 10px rgba(0,0,0,.45));
 animation:none;transform:scale(1.06);}
a.uc-chat-btn:active{transform:scale(1.02);}

@keyframes ucbRing{0%,100%{opacity:.45;transform:scale(.98);}50%{opacity:1;transform:scale(1.04);}}
@keyframes ucbPulse{0%,100%{transform:scale(1);filter:drop-shadow(0 0 8px rgba(232,0,26,.6));}50%{transform:scale(1.1);filter:drop-shadow(0 0 16px rgba(232,0,26,.85));}}
@keyframes ucbRipple{0%{opacity:.5;width:0;height:0;}100%{opacity:0;width:360px;height:360px;}}

/* smaller variants */
#fab a.uc-chat-btn{--ucb-icon:34px;font-size:15px;gap:11px;padding:7px 22px 7px 7px;}
#fab a.uc-chat-btn .ucb-ring{inset:-6px;}
a.uc-chat-btn.uc-chat-btn--nav{--ucb-icon:36px;font-size:16px;gap:12px;padding:8px 26px 8px 8px;margin-top:14px;}
a.uc-chat-btn.uc-chat-btn--nav .ucb-ring{inset:-6px;}

/* phones: same component as desktop, smaller icon (Defiant: 40px tablet, 36px phone) */
@media (max-width:768px){a.uc-chat-btn{--ucb-icon:40px;font-size:17px;gap:14px;padding:10px 30px 10px 10px;}}
@media (max-width:480px){a.uc-chat-btn{--ucb-icon:36px;font-size:16px;gap:12px;padding:9px 26px 9px 9px;}}

@media (prefers-reduced-motion:reduce){
 a.uc-chat-btn,a.uc-chat-btn .ucb-bg::before,a.uc-chat-btn .ucb-bg::after{transition:none!important;}
 a.uc-chat-btn .ucb-ring,a.uc-chat-btn .ucb-icon,a.uc-chat-btn:hover .ucb-icon{animation:none!important;}
 a.uc-chat-btn .ucb-ring{opacity:.7;}
}

/* ---- Section title pills ("About Us", "Recent Results", ...) ---- */
.uc-pill{
 display:inline-flex;align-items:center;justify-content:center;
 max-width:100%;min-width:190px;box-sizing:border-box;
 padding:13px 44px;border-radius:999px;
 background:
  radial-gradient(140% 220% at 0% 0%,rgba(255,255,255,.10) 0%,rgba(255,255,255,0) 45%),
  linear-gradient(100deg,#1b1b1d 0%,#0b0b0c 45%,#020202 100%);
 border:1px solid rgba(255,255,255,.13);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 8px 24px -10px rgba(0,0,0,.6);
 color:#E8001A;
 font-size:12px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;line-height:1.3;
 text-align:center;white-space:normal;
}
@media (max-width:600px){.uc-pill{min-width:0;padding:11px 28px;font-size:11px;letter-spacing:.18em;}}

/* keep the nav menu's link styles off the button */
#nav a.uc-chat-btn,.uc-drop-list a.uc-chat-btn{
 color:#fff!important;text-transform:none!important;letter-spacing:-.4px!important;
 font-size:16px!important;font-weight:600!important;line-height:1!important;
 padding:8px 26px 8px 8px!important;border-radius:999px!important;opacity:1!important;
 background:linear-gradient(145deg,#030303 0%,#0a090d 100%)!important;border:2px solid #333!important;
}
#nav a.uc-chat-btn:hover,.uc-drop-list a.uc-chat-btn:hover{border-color:#E8001A!important;}