/* Waviv Talent: the public pages (landing and login) in the Waviv colours, on top of site.css, landing.css and login.css. */
:root{
  --orange:#4B32D6;--orange-hi:#7C5CFF;--orange-lo:#3A25B8;--orange-deep:#3A25B8;--orange-lt:#ECE8FF;
  --teal:#12C2B5;--teal-deep:#0A7F77;--teal-lt:#DDF8F4;--lime:#C8F53C;--purple:#7C5CFF;--purple-lt:#EFEBFF;
  --coral:#FF5E4D;--coral-lt:#FFE7E3;--sun:#FFB020;--sky:#4CC3FF;
  --ink:#14123A;--ink-2:#55537A;--ink-3:#625F86;--line:#E6E4F2;--surface:#F6F5FC;
  --shadow:0 1px 2px rgba(20,18,58,.05),0 12px 32px -12px rgba(20,18,58,.2);--shadow-lg:0 2px 4px rgba(20,18,58,.06),0 28px 60px -20px rgba(20,18,58,.32);
}
.btn-primary{background:var(--orange);color:#fff;box-shadow:0 8px 20px -8px rgba(75,50,214,.7)}
.btn-primary:hover{background:var(--orange-hi);color:#fff;box-shadow:0 12px 26px -8px rgba(75,50,214,.8)}
.arc{background:radial-gradient(circle at 28% 22%,#B7A8FF 0%,#7C5CFF 34%,#4B32D6 70%,#2E1C9E 100%)!important}
.ai:before{background:radial-gradient(circle,rgba(124,92,255,.6),rgba(124,92,255,0) 66%)!important}
.rtab .av,.who .av{background:var(--orange-lt)!important;color:#3A25B8!important}
.auth .art{background:linear-gradient(150deg,#7C5CFF 0%,#4B32D6 52%,#2E1C9E 100%)!important;color:#fff!important}
.auth .art .copy h1,.auth .art .copy p,.auth .art .legal{color:#fff!important}
.auth .art .copy h1 em{color:#14123A!important}
.auth .art .brand img{background:#fff;padding:.3rem .7rem;border-radius:12px;height:42px}
.inp input:focus,.mfa-box input:focus{border-color:var(--orange)!important;box-shadow:0 0 0 4px rgba(75,50,214,.18)!important}
.wm img,.brand img{height:30px;width:auto;display:block}
.brand .know{font-weight:800;letter-spacing:-.02em;background:var(--lime);color:#14123A;padding:.12rem .5rem;border-radius:7px;font-size:.95rem;line-height:1.2}
.hero h1 em,.ai h2 em{color:var(--orange);font-style:normal}
.ai h2 em{color:var(--lime)}
.pill .tag.lime{background:var(--lime);color:#14123A}
.stamp{display:inline-flex;align-items:center;gap:.35rem;font-weight:800;font-size:.68rem;letter-spacing:.08em;padding:.15rem .6rem;border-radius:999px;background:var(--coral-lt);color:#B3261E;border:1px solid #FFB9B1}
.fc-team{position:absolute;left:-2%;top:30%;width:300px;background:#fff;border-radius:20px;padding:1rem 1.1rem;box-shadow:var(--shadow-lg);z-index:3}
.fc-team h4{margin:0 0 .15rem;font-size:.95rem}.fc-team small{color:var(--ink-3)}
.slot{display:flex;align-items:center;gap:.6rem;padding:.5rem 0;border-top:1px solid var(--line);font-size:.82rem}
.slot:first-of-type{margin-top:.5rem}
.slot b{display:block;font-size:.84rem}.slot small{display:block;font-size:.72rem}
.slot .st{margin-left:auto;font-size:.68rem;font-weight:800;padding:.14rem .5rem;border-radius:999px;white-space:nowrap}
.st.ok{background:#E3F6EA;color:#14703A}.st.unk{background:#FFF1CC;color:#7A4A00}.st.fail,.st.no{background:#FDEAE8;color:#B42318}
.slot .av{width:2rem;height:2rem;border-radius:50%;display:grid;place-items:center;font-size:.72rem;font-weight:800;background:var(--orange-lt);color:#3A25B8;flex:none}
.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2rem;counter-reset:s}
.flow .step{background:#fff;border:1px solid var(--line);border-radius:20px;padding:1.2rem 1.2rem 1.3rem;position:relative;box-shadow:var(--shadow)}
.flow .step:before{counter-increment:s;content:counter(s);position:absolute;right:1rem;top:.8rem;font-weight:800;font-size:2.2rem;color:var(--orange-lt);line-height:1}
.flow .step .tile{margin-bottom:.7rem}
.flow .step h4{margin:.1rem 0 .3rem;font-size:1.05rem}.flow .step p{margin:0;color:var(--ink-2);font-size:.9rem}
.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.6rem}
.rules .rl{background:var(--surface);border-radius:18px;padding:1rem 1.2rem;border:1px solid var(--line)}
.rules .rl b{display:flex;align-items:center;gap:.5rem;margin-bottom:.2rem}
.rules .rl p{margin:0;font-size:.88rem;color:var(--ink-2)}
@media (max-width:1000px){.flow{grid-template-columns:repeat(2,1fr)}.rules{grid-template-columns:1fr}.fc-team{display:none}}
@media (max-width:560px){.flow{grid-template-columns:1fr}}
.auth .art .mini>div{color:var(--ink)!important}
.stage{min-height:660px}
.fc-ready{width:312px}
.fc-ready .checks{font-size:.8rem}
.fc-chat{top:30%}
.fc-appr{left:2%}
.dim.o{color:#fff}.dim.o li{background:rgba(255,255,255,.16);color:#fff}.dim.o .num{color:#fff}
.dim.p{background:#FF5E4D;color:#14123A}.dim.p .art{background:#FF9A8F}.dim.p li{background:rgba(255,255,255,.62);color:#14123A}
@media (max-width:1000px){.stage{min-height:600px}}
/* operations section on the landing page */
.ops{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:1.2rem;align-items:start;margin-top:1.8rem}
.ops .flow{grid-template-columns:1fr 1fr;margin-top:0}
.mock{background:#fff;border:1px solid var(--line);border-radius:24px;padding:1.1rem 1.2rem;box-shadow:var(--shadow-lg)}
.mock-head{display:flex;justify-content:space-between;gap:.6rem;flex-wrap:wrap;align-items:baseline;margin-bottom:.8rem}.mock-head b{font-size:1.05rem}.mock-head span{font-size:.82rem;color:var(--ink-3);font-weight:700}
.mock-board{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
.seat{border:2px solid var(--line);border-left-width:6px;border-radius:16px;padding:.6rem .7rem;display:flex;flex-direction:column;gap:.25rem}
.seat.ok{border-color:#9ADBB5;border-left-color:#2FAE6B}.seat.no{border-color:#F3B4B4;border-left-color:#E5484D}.seat.unk{border-color:#F2D17A;border-left-color:#E0A800}
.seat small{font-size:.68rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3)}.seat b{font-size:.92rem}
.seat .st{align-self:flex-start;font-size:.68rem;font-weight:800;padding:.1rem .5rem;border-radius:999px}
.mock-note{display:flex;gap:.5rem;align-items:flex-start;background:#FFF1CC;color:#7A4A00;border-radius:12px;padding:.55rem .75rem;margin-top:.8rem;font-size:.86rem;line-height:1.4}
@media (max-width:1000px){.ops{grid-template-columns:1fr}.ops .flow{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.ops .flow,.mock-board{grid-template-columns:1fr}}
