/* ================= страница XM-Team ================= */
.t-hero{position:relative;min-height:100svh;display:flex;align-items:center;padding:110px 0 60px;overflow:hidden}
.t-hero .grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.t-title{font-family:var(--disp);font-weight:800;font-size:clamp(2.6rem,5.6vw,5.6rem);line-height:.95;letter-spacing:-.06em;white-space:nowrap}
.t-title .silver{display:inline-block;padding-right:.04em}
.t-lead{color:var(--muted);font-size:1.08rem;max-width:44ch;margin-top:26px;line-height:1.65}
.t-lead b{color:#fff;font-weight:600}
/* git-граф команды */
.git{position:relative;width:100%;border-radius:22px;border:1px solid rgba(255,255,255,.14);overflow:hidden;
  background:radial-gradient(120% 100% at 100% 0%,rgba(255,255,255,.06),transparent 55%),linear-gradient(160deg,rgba(18,18,22,.92),rgba(8,8,10,.92));
  box-shadow:0 50px 110px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.07)}
.git .bar{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:.72rem;color:var(--muted)}
.git .bar b{color:#fff;font-weight:500}
.git .bar .live{display:inline-flex;align-items:center;gap:8px}
.git .bar .live i{width:6px;height:6px;border-radius:50%;background:#fff;box-shadow:0 0 8px #fff;animation:blink 1.6s infinite}
@keyframes blink{50%{opacity:.25}}
#graph{display:block;width:100%;height:380px;cursor:crosshair}
.git .foot{display:flex;gap:18px;flex-wrap:wrap;padding:12px 18px;border-top:1px solid var(--line);font-family:var(--mono);font-size:.68rem;color:var(--dim)}
.git .foot span{display:inline-flex;align-items:center;gap:7px}
.git .foot i{width:8px;height:8px;border-radius:50%;border:1.5px solid #cfd1d6}
.git .foot i.m{background:#fff;border-color:#fff}
/* для клиентов */
.t-sec{padding:110px 0}
.t-h2{font-family:var(--disp);font-weight:700;font-size:clamp(1.9rem,3.6vw,3.1rem);letter-spacing:-.045em;line-height:1.06;max-width:22ch}
.t-row{display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px;border-top:1px solid var(--line)}
.t-row > div{padding:28px 30px 6px 0}
.t-row > div + div{padding-left:30px;border-left:1px solid var(--line)}
.t-row h3{font-family:var(--disp);font-weight:600;font-size:1.12rem;letter-spacing:-.03em}
.t-row p{color:var(--muted);margin-top:10px;font-size:.96rem;max-width:34ch}
/* вступить */
.join{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start}
.perks{margin-top:34px;display:grid;gap:18px}
.perk{display:grid;grid-template-columns:28px 1fr;gap:14px;align-items:start}
.perk svg{width:22px;height:22px;margin-top:2px;color:#fff}
.perk b{display:block;font-weight:600}
.perk span{display:block;color:var(--muted);font-size:.95rem;margin-top:2px}
.jcard{position:relative;border-radius:26px;padding:36px;border:1px solid rgba(255,255,255,.14);overflow:hidden;
  background:radial-gradient(140% 120% at 0% 0%,rgba(255,255,255,.08),transparent 45%),repeating-linear-gradient(90deg,rgba(255,255,255,.014) 0 1px,transparent 1px 3px),linear-gradient(135deg,#17171a,#0b0b0d 60%,#141417);
  box-shadow:0 50px 110px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.08)}
.jcard h3{font-family:var(--disp);font-weight:600;font-size:1.25rem;letter-spacing:-.03em;margin-bottom:22px}
.jf label{display:block;font-family:var(--mono);font-size:.7rem;color:var(--muted);margin-bottom:6px}
.jf .fld{margin-bottom:22px}
.jf .two{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.jf input,.jf textarea{width:100%;background:transparent;border:0;border-bottom:1px solid rgba(255,255,255,.25);border-radius:0;padding:8px 0 11px;font:400 1.02rem var(--body);color:#fff;transition:border-color .25s}
.jf textarea{resize:none;min-height:42px;overflow:hidden}
.jf input::placeholder,.jf textarea::placeholder{color:#5c5d63}
.jf input:focus,.jf textarea:focus{outline:none;border-bottom-color:#fff}
.opts{display:flex;gap:7px;flex-wrap:wrap}
.opt{font:500 .86rem var(--body);color:#d8d9dd;background:rgba(0,0,0,.3);border:1px solid var(--line-2);border-radius:999px;padding:8px 14px;cursor:pointer;transition:.25s}
.opt:hover{border-color:rgba(255,255,255,.5)}
.opt[aria-pressed="true"]{background:#fff;color:#000;border-color:#fff}
.jf .send{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:6px}
.jf .send small{color:var(--dim);font-size:.84rem}
.jerr{color:#ff8a80;font-size:.84rem;margin:-10px 0 14px;display:none}.jerr.show{display:block}
.jdone{display:none;padding:20px 0 6px}.jdone.show{display:block}
.jdone svg{width:50px;height:50px;stroke:#fff;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.jdone svg path{stroke-dasharray:60;stroke-dashoffset:60;transition:stroke-dashoffset .9s var(--ease) .15s}
.jdone.show svg path{stroke-dashoffset:0}
.jdone h4{font-family:var(--disp);font-weight:600;font-size:1.45rem;letter-spacing:-.03em;margin-top:16px}
.jdone p{color:var(--muted);margin-top:8px}
.jdone .cn{font-family:var(--mono);font-size:.68rem;color:var(--dim);margin-top:10px}
@media (max-width:1020px){
  .t-hero .grid{grid-template-columns:1fr;gap:10px}
  .git{order:2}
  .t-row{grid-template-columns:1fr}
  .t-row > div + div{padding-left:0;border-left:0;border-top:1px solid var(--line)}
  .join{grid-template-columns:1fr;gap:40px}
}
@media (max-width:640px){
  .t-hero{padding:90px 0 50px;min-height:0}
  #graph{height:300px}
  .t-sec{padding:80px 0}
  .jcard{padding:24px}
  .jf .two{grid-template-columns:1fr;gap:0}
}