/* Page Talents (angle d'Arthur du 03/10 : tous les talents au même endroit, le bon profil au bon moment, cherché dehors s'il manque).
   Hero dans le ciel, un seul espace en trois cartes, les quatre cercles (scène qui avance seule à l'écran, cliquable),
   le bon profil expliqué, la suite (dossier, promotion, données), FAQ. Sans script : tout est visible, cercles dépliés. */

/* ---------- pièces communes de la page ---------- */
.chip{display:inline-flex;align-items:center;height:1.65rem;padding:0 .65rem;border-radius:.55rem;background:#f1f3f2;color:#3d4745;font-size:.74rem;font-weight:600;white-space:nowrap}
.chip.is-ok{background:#e3f9e4;color:#2a6a1f}
.chip.is-warn{background:#ffefd9;color:#9a5207}
.chip.is-lime{background:#eff5ce;color:#515c0b}
.lg{flex:none;display:grid;place-items:center;width:2rem;height:2rem;border-radius:.6rem;background:var(--b);color:#fff;font-size:1rem}
.lg.is-xl{width:3rem;height:3rem;border-radius:.9rem;font-size:1.4rem}
.sc{flex:none;display:grid;place-items:center;width:2.5rem;height:2.5rem;border-radius:50%;background:#c6e05c;color:#2f3606;font-size:.9rem;font-weight:700;font-variant-numeric:tabular-nums}
.sc.is-mid{background:#f1f3f2;color:#5f6866}

/* ---------- en-tête : les talents sortent des nuages ---------- */
.t-sky .sky-in{padding-bottom:0}
.t-sky h1{max-width:12em;font-size:4.2rem}
.t-stage{position:relative;display:flex;justify-content:center;width:min(44rem,100%);margin-top:3.4rem;text-align:left;color:var(--ink)}
.tw{position:relative;width:min(36rem,100%);padding:1.3rem 1.4rem 1.1rem;border-radius:1.5rem;background:#fff;box-shadow:0 0 0 1px rgba(17,17,17,.05),0 2px 4px rgba(17,17,17,.05),0 60px 90px -40px rgba(10,40,90,.55)}
.tw-top{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}
.tw-top small{display:block;font-size:.8rem;font-weight:500;color:#5f6866}
.tw-top b{display:block;margin-top:.15rem;font-size:1.55rem;font-weight:600;letter-spacing:-.03em;color:#0b1f1f}
.tw-seg{display:flex;gap:.2rem;padding:.2rem;border-radius:.7rem;background:#f1f3f2;font-size:.74rem;font-weight:600;color:#5f6866;white-space:nowrap}
.tw-seg span{padding:.35rem .6rem;border-radius:.5rem}
.tw-seg .on{background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(17,17,17,.08)}
.tw-seg em{font-style:normal;color:#8f9694}
.tw-rows{list-style:none;margin:0;padding:0}
.tw-rows li{display:grid;grid-template-columns:2.6rem minmax(0,1fr) auto;align-items:center;gap:.9rem;padding:.8rem 0;border-bottom:1px solid var(--line)}
.tw-rows li:last-child{border-bottom:0;padding-bottom:.2rem}
.tw-rows img{width:2.6rem;height:2.6rem;border-radius:50%;object-fit:cover}
.tw-rows b{display:block;font-size:1.02rem;font-weight:600;letter-spacing:-.015em;color:#0b1f1f}
.tw-rows small{display:block;margin-top:.1rem;font-size:.8rem;color:#6b7472}
.hf{position:absolute;z-index:2;display:flex;align-items:center;gap:.8rem;padding:.9rem 1.1rem .9rem .9rem;border-radius:1.2rem;background:#fff;box-shadow:0 0 0 1px rgba(17,17,17,.06),0 30px 50px -22px rgba(17,17,17,.4)}
.hf b{display:block;font-size:1.02rem;font-weight:600;letter-spacing:-.015em;color:#0b1f1f}
.hf small{display:block;font-size:.74rem;color:#6b7472}
.hf-need{top:.6rem;left:-12rem;rotate:-3deg}
.hf-match{top:-1.8rem;right:-10.5rem;rotate:2.5deg}
.hf-match img{width:3rem;height:3rem;border-radius:50%;object-fit:cover}
.hf-match .chip{height:1.35rem;margin-bottom:.3rem;font-size:.64rem;text-transform:uppercase;letter-spacing:.06em}

/* ---------- cartes à mini-visuel (un seul espace, et ensuite) ---------- */
.te-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin-top:3rem}
.te-card{display:flex;flex-direction:column;padding:.6rem .6rem 1.6rem;border-radius:1.5rem;background:#fff;box-shadow:0 0 0 1px var(--line);transition:box-shadow .6s var(--ease),transform .6s var(--ease)}
.te-card>h3,.te-card>p{margin-left:1rem;margin-right:1rem}
.te-card h3{font-size:1.2rem;font-weight:600;letter-spacing:-.015em}
.te-card p{margin-top:.4rem;font-size:.93rem;line-height:1.45;color:var(--muted)}
.te-card a,.mo-agent a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
.te-ui{position:relative;display:flex;flex-direction:column;justify-content:center;gap:.55rem;height:11rem;margin-bottom:1.3rem;padding:1.1rem 1.2rem;border-radius:1.1rem;background:linear-gradient(150deg,#eff5ce,color-mix(in srgb,#eff5ce 40%,#fff));overflow:hidden;font-size:.8rem}
.te-ui b{font-weight:600}
.te-ui small{display:block;font-size:.68rem;color:#6b7472;white-space:nowrap}
.te-ui img{flex:none;border-radius:50%;object-fit:cover}
/* consultants : où et jusqu'à quand */
.te-tl{display:grid;grid-template-columns:1.9rem minmax(0,1fr) 3.4rem;align-items:center;gap:.55rem}
.te-tl img{width:1.9rem;height:1.9rem}
.te-bar{position:relative;height:1.9rem;border-radius:.55rem;background:rgba(255,255,255,.55)}
.te-bar::before{content:"";position:absolute;inset:0 auto 0 0;width:var(--w);border-radius:.55rem;background:#fff;box-shadow:0 1px 2px rgba(17,17,17,.06);transform-origin:left;transition:transform .9s var(--ease)}
.te-bar b{position:relative;display:block;padding:0 .6rem;font-size:.72rem;line-height:1.9rem;white-space:nowrap}
.te-tl em{font-style:normal;font-size:.7rem;font-weight:600;text-align:right;color:#5f6866}
.te-tl em.is-warn{color:#9a5207}
.te-tl em.is-ok{color:#2a6a1f}
/* freelances */
.te-fr{display:flex;align-items:center;gap:.6rem;padding:.7rem;border-radius:.9rem;background:#fff;box-shadow:0 14px 26px -18px rgba(81,92,11,.55);transition:transform .6s var(--ease)}
.te-fr img{width:2.3rem;height:2.3rem}
.te-fr b{display:block;font-size:.85rem}
.te-tjm{margin-left:auto;font-size:1.05rem;font-weight:700;letter-spacing:-.03em;white-space:nowrap}
.te-tjm small{display:inline;font-size:.66rem;font-weight:500}
.te-hist{display:flex;align-items:center;gap:.6rem}
.te-hist small{color:#515c0b}
.te-dots{display:flex;gap:.25rem}
.te-dots i{width:.6rem;height:.6rem;border-radius:50%;background:#c6e05c;transition:transform .4s var(--ease)}
.te-hist .chip{margin-left:auto}
/* vivier */
.te-cnt{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}
.te-cnt>span{padding:.6rem .55rem;border-radius:.8rem;background:#fff;transition:transform .5s var(--ease)}
.te-cnt b{display:block;font-size:1.7rem;line-height:1;letter-spacing:-.04em}
.te-cnt small{margin-top:.3rem;white-space:normal;line-height:1.2}
.te-cnt>span:first-child{background:#c6e05c}
.te-cnt>span:first-child small{color:#2f3606}
.te-sk{display:flex;flex-wrap:wrap;gap:.3rem}
.te-sk span{padding:.2rem .5rem;border-radius:.45rem;background:rgba(255,255,255,.75);font-size:.68rem;font-weight:600;color:#515c0b;transition:transform .5s var(--ease),background-color .4s}
.te-sk.is-sm span{background:#f4f8de}
/* dossier de compétences */
.te-doc{display:flex;flex-direction:column;gap:.2rem;width:78%;margin:0 auto;padding:.75rem .85rem;border-radius:.7rem;background:#fff;box-shadow:0 18px 30px -20px rgba(81,92,11,.6);rotate:-2deg;transition:rotate .6s var(--ease),transform .6s var(--ease)}
.te-doc-hd{display:flex;align-items:center;gap:.35rem;margin-bottom:.3rem;font-size:.66rem}
.te-doc-hd img{width:1rem;height:1rem;border-radius:0}
.te-doc-hd em{margin-left:auto;font-style:normal;color:#8f9694}
.te-doc>b{font-size:.95rem}
.te-doc .te-sk{margin:.3rem 0 .2rem}
.te-ln{display:block;height:.35rem;border-radius:.2rem;background:#eef0ee}
.te-ln.is-s{width:60%}
.te-pdf{position:absolute;right:.9rem;bottom:.9rem;display:inline-flex;align-items:center;gap:.3rem;padding:.35rem .6rem;border-radius:.6rem;background:var(--ink);color:#fff;font-size:.7rem;font-weight:600;transition:transform .6s var(--ease)}
/* candidat promu consultant */
.te-pr{display:flex;align-items:center;gap:.7rem;padding:.75rem;border-radius:.9rem;background:#fff}
.te-pr img{width:2.6rem;height:2.6rem}
.te-pr b{display:block;font-size:.9rem}
.te-pr span{position:relative;display:grid}
.te-from,.te-to{grid-area:2/1;transition:opacity .5s var(--ease),transform .6s var(--ease)}
.te-to{opacity:0;transform:translateY(.4rem);color:#2a6a1f!important;font-weight:600}
.te-kept{display:flex;gap:.35rem}
.te-kept span{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:.45rem;background:rgba(255,255,255,.75);font-size:.7rem;font-weight:600;color:#515c0b;transition:background-color .4s var(--ease)}
/* données à leur place */
.te-lines{display:flex;flex-direction:column;gap:.3rem;padding:.6rem .8rem;border-radius:.9rem;background:#fff}
.te-lines span{display:flex;justify-content:space-between;align-items:center}
.te-lines small{font-size:.74rem}
.te-mask{color:#8f9694;letter-spacing:.08em;transition:letter-spacing .5s var(--ease)}
.te-anon{display:inline-flex;align-items:center;gap:.35rem;font-size:.7rem;font-weight:600;color:#515c0b}

@media (hover:hover){
  .te-card:hover{transform:translateY(-.3rem);box-shadow:0 0 0 1px color-mix(in srgb,#515c0b 14%,transparent),0 34px 60px -34px rgba(81,92,11,.45)}
  .te-card:hover .te-bar::before{transform:scaleX(1.08)}
  .te-card:hover .te-tl em.is-ok{animation:te-pop .6s var(--ease)}
  .te-card:hover .te-fr{transform:translateY(-.25rem)}
  .te-card:hover .te-dots i{animation:te-pop .5s var(--ease) both}
  .te-card:hover .te-dots i:nth-child(2){animation-delay:.08s}
  .te-card:hover .te-dots i:nth-child(3){animation-delay:.16s}
  .te-card:hover .te-cnt>span{transform:translateY(-.2rem)}
  .te-card:hover .te-cnt>span:nth-child(2){transition-delay:.05s}
  .te-card:hover .te-cnt>span:nth-child(3){transition-delay:.1s}
  .te-card:hover .te-sk span{background:#fff}
  .te-card:hover .te-doc{rotate:0deg;transform:translateY(-.2rem)}
  .te-card:hover .te-pdf{transform:translateY(-.2rem) rotate(-3deg)}
  .te-card:hover .te-from{opacity:0;transform:translateY(-.4rem)}
  .te-card:hover .te-to{opacity:1;transform:none}
  .te-card:hover .te-kept span{background:#c6e05c}
  .te-card:hover .te-mask{letter-spacing:.3em}
}
/* écrans tactiles : le mini-visuel se joue à l'arrivée à l'écran (classe posée par talents.js) */
.te-card.is-play .te-from{opacity:0}
.te-card.is-play .te-to{opacity:1;transform:none}
.te-card.is-play .te-kept span{background:#c6e05c}
.te-card.is-play .te-dots i{animation:te-pop .5s var(--ease) both}
@keyframes te-pop{40%{transform:scale(1.35)}}

/* ---------- les quatre cercles ---------- */
.tc{background:linear-gradient(180deg,var(--page),color-mix(in srgb,#eff5ce 55%,var(--page)) 45%,var(--page))}
.tc-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;gap:3rem;margin-top:3rem}
.tc-radar{position:relative;container-type:inline-size;width:min(32rem,100%);aspect-ratio:1;margin-inline:auto}
.tc-ring{position:absolute;left:50%;top:50%;width:var(--s);aspect-ratio:1;border-radius:50%;translate:-50% -50%;border:1.5px solid rgba(81,92,11,.18);background:rgba(255,255,255,.35);transition:border-color .6s var(--ease),background-color .6s var(--ease)}
.tc-ring[data-r="1"]{--s:46%;background:rgba(255,255,255,.6)}
.tc-ring[data-r="2"]{--s:64%}
.tc-ring[data-r="3"]{--s:82%}
.tc-ring[data-r="4"]{--s:100%;border-style:dashed;background:transparent}
/* lueur qui s'étend du premier au dernier cercle avec le défilement (--g posé par talents.js) */
.tc-glow{position:absolute;left:50%;top:50%;width:var(--g,46%);aspect-ratio:1;border-radius:50%;translate:-50% -50%;background:radial-gradient(closest-side,rgba(198,224,92,.42),rgba(198,224,92,.16) 72%,rgba(198,224,92,0));pointer-events:none;transition:width .5s var(--ease)}
.tc-wave{position:absolute;left:50%;top:50%;width:var(--s,46%);aspect-ratio:1;border-radius:50%;translate:-50% -50%;border:2px solid #c6e05c;opacity:0;pointer-events:none}
.tc-dot{position:absolute;left:50%;top:50%;width:2.9rem;height:2.9rem;margin:-1.45rem;border-radius:50%;object-fit:cover;box-shadow:0 0 0 3px #fff,0 10px 20px -10px rgba(17,17,17,.4);transform:rotate(var(--a)) translateX(var(--d)) rotate(calc(-1 * var(--a)));transition:opacity .6s var(--ease),scale .6s var(--ease),box-shadow .6s var(--ease)}
.tc-dot[data-r="1"]{--d:23cqw}
.tc-dot[data-r="2"]{--d:32cqw}
.tc-dot[data-r="3"]{--d:41cqw}
.tc-dot[data-r="4"]{--d:50cqw}
.tc-dot.is-logo{padding:.55rem;border-radius:.8rem;background:#fff;object-fit:contain}
.tc-need{position:absolute;left:50%;top:50%;z-index:2;display:flex;flex-direction:column;align-items:center;gap:.15rem;width:10.5rem;padding:.9rem .8rem;border-radius:1.1rem;background:#fff;translate:-50% -50%;text-align:center;box-shadow:0 0 0 1px rgba(17,17,17,.05),0 24px 40px -20px rgba(81,92,11,.55)}
.tc-need .lg{margin-bottom:.3rem}
.tc-need b{font-size:.95rem;font-weight:600;letter-spacing:-.015em;line-height:1.2}
.tc-need small{font-size:.7rem;color:#6b7472}
/* avec script : le cercle lu s'allume, ceux d'après attendent */
.js-tc .tc-dot{opacity:.35;scale:.85}
.js-tc .tc-radar[data-on="1"] .tc-dot[data-r="1"],
.js-tc .tc-radar[data-on="2"] .tc-dot[data-r="2"],
.js-tc .tc-radar[data-on="3"] .tc-dot[data-r="3"],
.js-tc .tc-radar[data-on="4"] .tc-dot[data-r="4"]{opacity:1;scale:1.12;box-shadow:0 0 0 3px #c6e05c,0 14px 26px -10px rgba(81,92,11,.6)}
.js-tc .tc-radar[data-on="2"] .tc-dot[data-r="1"],
.js-tc .tc-radar[data-on="3"] .tc-dot:is([data-r="1"],[data-r="2"]),
.js-tc .tc-radar[data-on="4"] .tc-dot:not([data-r="4"]){opacity:.7;scale:.9}
.js-tc .tc-radar[data-on="1"] .tc-ring[data-r="1"],
.js-tc .tc-radar[data-on="2"] .tc-ring[data-r="2"],
.js-tc .tc-radar[data-on="3"] .tc-ring[data-r="3"],
.js-tc .tc-radar[data-on="4"] .tc-ring[data-r="4"]{border-color:#9db52f;background-color:rgba(239,245,206,.7)}
.js-tc .tc-radar[data-on="4"] .tc-ring[data-r="4"]{background-color:rgba(239,245,206,.35)}
.tc-wave.is-go{animation:tc-wave 1.4s var(--ease)}
@keyframes tc-wave{0%{opacity:.9;scale:.25}100%{opacity:0;scale:1}}

.tc-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}
.tc-steps>li{padding:1.1rem 1.3rem;border-radius:1.3rem;background:#fff;box-shadow:0 0 0 1px var(--line);transition:background-color .5s var(--ease),box-shadow .5s var(--ease)}
.tc-steps h3{display:flex;align-items:center;gap:.7rem;font-size:1.15rem;font-weight:600;letter-spacing:-.015em}
.tc-n{flex:none;display:grid;place-items:center;width:1.8rem;height:1.8rem;border-radius:50%;background:#eff5ce;color:#515c0b;font-size:.8rem;font-weight:700;transition:background-color .4s}
.tc-steps p{margin-top:.4rem;font-size:.93rem;line-height:1.45;color:var(--muted)}
.tc-btn{display:flex;align-items:center;gap:.7rem;width:100%;padding:0;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}
.tc-hits{list-style:none;margin:.8rem 0 0;padding:0;display:flex;flex-direction:column;gap:.45rem}
.tc-hits>li{display:grid;grid-template-columns:2.3rem minmax(0,1fr) auto;align-items:center;gap:.7rem;padding:.55rem .6rem;border-radius:.9rem;background:#f7f8f3}
.tc-hits img{width:2.3rem;height:2.3rem;border-radius:50%;object-fit:cover}
.tc-hits b{display:block;font-size:.9rem;font-weight:600}
.tc-hits small{display:block;font-size:.74rem;color:#6b7472}
.tc-hits .sc{width:2.2rem;height:2.2rem;font-size:.8rem}
.tc-out{gap:.6rem}
.tc-q{display:flex;align-items:center;gap:.45rem;padding:.55rem .7rem;border-radius:.8rem;background:#f7f8f3;font-size:.8rem;font-weight:500;color:#3d4745}
.tc-lgs{display:flex;gap:.45rem}
.tc-lgs img{width:2.2rem;height:2.2rem;padding:.4rem;border-radius:.65rem;background:#fff;box-shadow:0 0 0 1px var(--line);object-fit:contain}
/* logo Malt : un mot-symbole dans un carré, sans marge pour rester lisible */
.tc-dot.is-logo[src*="malt"],.tc-lgs img[src*="malt"]{padding:.05rem}
.tc-found{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;font-size:.9rem}
/* avec script : seul le cercle lu montre ses profils */
.is-acc .tc-steps>li{cursor:pointer}
.js-tc .tc-steps>li:not(.on){background:rgba(255,255,255,.55);box-shadow:none}
.is-acc .tc-steps>li:not(.on) .tc-hits{display:none}
.is-acc .tc-steps>li:not(.on) p{display:none}
.js-tc .tc-steps>li.on .tc-n{background:#c6e05c;color:#2f3606}
.js-tc .tc-steps>li.on{box-shadow:0 0 0 1px rgba(81,92,11,.14),0 28px 50px -32px rgba(81,92,11,.55)}
.js-tc .tc-steps>li.on .tc-hits>*{animation:tc-in .6s var(--ease) both}
.js-tc .tc-steps>li.on .tc-hits>*:nth-child(2){animation-delay:.08s}
.js-tc .tc-steps>li.on .tc-hits>*:nth-child(3){animation-delay:.16s}
@keyframes tc-in{from{opacity:0;transform:translateY(.5rem)}}

/* ---------- le bon profil, expliqué ---------- */
.tp-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:4rem}
.tp-txt h2{max-width:13em}
.ticks{list-style:none;margin:1.8rem 0 0;padding:0;display:flex;flex-direction:column;gap:.9rem}
.ticks li{display:flex;gap:.7rem;font-size:1.02rem;line-height:1.45;color:var(--ink2)}
.ticks i{flex:none;display:grid;place-items:center;width:1.6rem;height:1.6rem;margin-top:.05rem;border-radius:50%;background:#eff5ce;color:#515c0b;font-size:.85rem}
.ticks b{font-weight:600;color:var(--ink)}
.tp-note{margin-top:1.6rem;padding-top:1.2rem;border-top:1px solid var(--line);font-size:.95rem;line-height:1.45;color:var(--muted)}
.tp-stage{display:flex;justify-content:center}
.tp-card{width:min(25rem,100%);padding:1.2rem 1.3rem 1.1rem;border-radius:1.4rem;background:#fff;box-shadow:0 0 0 1px rgba(17,17,17,.05),0 40px 70px -40px rgba(81,92,11,.6)}
.tp-hd{display:flex;align-items:center;gap:.8rem;padding-bottom:.9rem;border-bottom:1px solid var(--line)}
.tp-hd img{width:3rem;height:3rem;border-radius:50%;object-fit:cover}
.tp-hd b{display:block;font-size:1.1rem;font-weight:600;letter-spacing:-.015em}
.tp-hd small{display:block;font-size:.78rem;color:#6b7472}
.tp-ring{position:relative;flex:none;display:grid;place-items:center;width:3.4rem;height:3.4rem;margin-left:auto;border-radius:50%;background:conic-gradient(#9db52f calc(var(--p) * 1%),#eef0ee 0)}
.tp-ring::before{content:"";position:absolute;inset:.3rem;border-radius:50%;background:#fff}
.tp-ring b{position:relative;font-size:1.05rem}
.tp-sec{padding:.75rem 0 .2rem}
.tp-sec small{display:block;margin-bottom:.3rem;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#8f9694}
.tp-sec p{display:flex;align-items:flex-start;gap:.45rem;margin-top:.25rem;font-size:.86rem;line-height:1.35;color:var(--ink2)}
.tp-sec i{flex:none;margin-top:.05rem;font-size:1rem;color:#7d9420}
.tp-sec .is-warn i{color:#c27012}
.tp-ft{display:flex;align-items:center;gap:.6rem;margin-top:.8rem;padding-top:.9rem;border-top:1px solid var(--line)}
.tp-btn{margin-left:auto;display:inline-flex;align-items:center;height:2.2rem;padding:0 1rem;border-radius:.7rem;background:var(--ink);color:#fff;font-size:.82rem;font-weight:600}

.mo-agent{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:3.2rem;font-size:1rem;color:var(--ink2);text-align:center}
.mo-agent .ph-sparkle{color:#7d9420}

@media (prefers-reduced-motion:reduce){
  .te-card:hover,.te-card:hover *{transform:none!important;animation:none!important}
  .tc-wave.is-go,.js-tc .tc-steps>li.on .tc-hits>*{animation:none}
  .tc-glow{transition:none}
}
@media (max-width:1180px){
  .hf-match{right:-4rem}
  .hf-need{left:-8rem}
}
@media (max-width:991px){
  .t-sky h1{font-size:3.4rem}
  .hf-match{right:-1rem}
  .hf-need{left:-1rem;top:auto;bottom:-2.6rem}
  .te-grid{grid-template-columns:minmax(0,1fr);max-width:30rem;margin-inline:auto}
  .tc-grid,.tp-grid{grid-template-columns:minmax(0,1fr);gap:2.4rem}
  .tc-radar{width:min(26rem,100%)}
  .tc-steps{max-width:34rem;width:100%;margin-inline:auto}
}
@media (max-width:767px){
  .t-sky .sky-in{padding-top:3.4rem;padding-bottom:0}
  .t-sky h1{font-size:2.5rem}
  .t-stage{margin-top:2.4rem}
  .tw{padding:1.1rem 1rem .9rem}
  .tw-top{flex-direction:column;align-items:flex-start;gap:.7rem}
  .tw-top b{font-size:1.25rem}
  .tw-rows li{grid-template-columns:2.3rem minmax(0,1fr)}
  .tw-rows img{width:2.3rem;height:2.3rem}
  .tw-rows .chip{display:none}
  .hf-match{top:auto;bottom:-3.2rem;right:-.4rem;padding:.6rem .8rem .6rem .6rem}
  .hf-match img{width:2.4rem;height:2.4rem}
  .hf-match .sc{display:none}
  .hf-need{display:none}
  .tc-dot{width:2.2rem;height:2.2rem;margin:-1.1rem}
  .tc-dot.is-logo{padding:.4rem;border-radius:.6rem}
  .tc-need{width:8.4rem;padding:.65rem .6rem}
  .tc-need b{font-size:.82rem}
  .tc-need .lg{display:none}
  .mo-agent{font-size:.92rem;flex-direction:column}
}
@media (max-width:374px){
  .t-sky h1{font-size:2.1rem}
  .tc-need small:first-of-type{display:none}
}