/* ---- week ---- */
  .wk{max-width:1300px;margin:64px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:16px;text-align:left}
  .lane2{border:1px solid var(--line);border-radius:22px;padding:20px;background:linear-gradient(180deg,#131419,#0e0f12)}
  .lane2.org{border-color:rgba(129,148,221,.45)}
  .lane2 h3{font:600 17px/1.3 "Plus Jakarta Sans"}
  .lane2 .sub{font-size:13px;color:var(--ink3);margin-top:3px}
  .days{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:16px}
  .day{border-radius:12px;border:1px solid var(--line);padding:10px;min-height:150px;display:flex;flex-direction:column;gap:6px;transition:all .35s}
  .day b{font-size:12px;color:var(--ink3);font-weight:600}
  .day .tk2{font-size:11.5px;line-height:1.35;color:var(--ink2);background:rgba(255,255,255,.04);border-radius:7px;padding:5px 7px;animation:uIn .3s var(--ease) both}
  .day .tk2.g{color:#bdf0d3;background:rgba(127,216,168,.08)}
  .day .tk2.n{color:#c9d2ff;background:rgba(159,176,255,.08)}
  .day.on{border-color:rgba(255,255,255,.25)}
  .mem{margin-top:14px}
  .mem .t{display:flex;justify-content:space-between;font-size:12.5px;color:var(--ink3)}
  .mem .b{margin-top:6px;height:10px;border-radius:5px;background:rgba(255,255,255,.06);overflow:hidden}
  .mem .b i{display:block;height:100%;width:0;border-radius:5px;transition:width .5s var(--ease)}
  .wk-ctl{grid-column:1/-1;display:flex;justify-content:center;gap:12px;align-items:center;margin-top:4px;font-size:14px;color:var(--ink2)}
  /* ---- what sits between tasks: list + product card ---- */
  .orb{display:grid;grid-template-columns:340px minmax(0,1fr);gap:24px;margin-top:48px;align-items:start}
  .orb-l{display:grid;gap:8px}
  .orb-l button{all:unset;cursor:pointer;display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;padding:13px 14px;border:1px solid var(--line);border-radius:16px;transition:all .25s}
  .orb-l button .o{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(255,255,255,.04);color:var(--ink3);transition:all .25s}
  .orb-l button .o svg{width:20px;height:20px}
  .orb-l button b{display:block;font-size:15.5px;font-weight:600;color:var(--ink2)}
  .orb-l button small{display:block;margin-top:2px;font-size:12.8px;color:var(--ink3)}
  .orb-l button:hover:not(.on){border-color:var(--line2)}
  .orb-l button.on{border-color:rgba(129,148,221,.55);background:rgba(129,148,221,.08)}
  .orb-l button.on .o{background:#8194dd;color:#0a0b0d}
  .orb-l button.on b{color:#fff}
  .orb-r{border-radius:22px;border:1px solid var(--line);background:radial-gradient(70% 90% at 50% 0%,rgba(60,80,153,.25),transparent 70%),#0f1013;padding:28px;min-height:330px;display:flex;flex-direction:column;justify-content:center;gap:16px}
  .orb-r h3{font:500 24px/1.3 "Plus Jakarta Sans";letter-spacing:-.01em}
  .orb-r .mini{background:#fff;border-radius:18px;padding:20px 22px;color:#0f172a;box-shadow:0 30px 70px -30px rgba(0,0,0,.8);animation:uIn .4s var(--ease)}
  .mini .k{font-size:12px;font-weight:650;color:#596779}
  .mini b{display:block;margin-top:6px;font-size:15px;line-height:1.35}
  .mini p{margin-top:6px;font-size:13px;line-height:1.55;color:#334155}
  .mini .go{display:inline-block;margin-top:12px;font-size:13px;font-weight:650;color:#1d4fc4;text-decoration:none}
  .mini p a{color:#1d4fc4;text-decoration:underline;text-underline-offset:2px}
  /* ---- what it is not: who does what ---- */
  .not{margin-top:48px}
  .not-t{display:flex;gap:4px;justify-content:center;background:rgba(255,255,255,.04);border:1px solid var(--line2);border-radius:12px;padding:4px;width:max-content;margin:0 auto;flex-wrap:wrap}
  .not-t button{all:unset;cursor:pointer;font-size:14px;font-weight:600;color:var(--ink2);padding:10px 16px;border-radius:9px;transition:all .2s}
  .not-t button.on{background:#fff;color:#0a0b0d}
  .not-g{max-width:980px;margin:16px auto 0;background:#fff;color:#0f172a;border-radius:18px;overflow:hidden;text-align:left}
  .not-g .h,.not-g .r{display:grid;grid-template-columns:200px 1fr 1fr}
  .not-g .h{font-size:12.5px;font-weight:600;color:#57606a;background:#fafbfc;border-bottom:1px solid #eef1f5}
  .not-g .h span,.not-g .r span{padding:13px 18px}
  .not-g .h span:last-child{color:#3730a3}
  .not-g .r{border-top:1px solid #f1f3f6;font-size:14px;line-height:1.45;animation:uIn .35s var(--ease) both}
  .not-g .r:first-of-type{border-top:0}
  .not-g .r span:first-child{font-size:12.5px;font-weight:600;color:#57606a}
  .not-g .r span:nth-child(2){color:#475569}
  .not-g .r span:last-child{background:#f6f7ff;font-weight:600;color:#1e1b4b}
  .not-n{max-width:760px;margin:16px auto 0;text-align:center;font-size:15px;line-height:1.6;color:var(--ink2)}
  /* ---- from the outside: six properties ---- */
  .arch{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:48px}
  .pc6{border:1px solid var(--line);border-radius:18px;padding:20px;background:linear-gradient(180deg,#131419,#0f1013);display:flex;flex-direction:column;gap:12px}
  .pc6 i{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:rgba(129,148,221,.12);color:#c9d2ff}
  .pc6 i svg{width:21px;height:21px}
  .pc6 b{font-size:16.5px;font-weight:600}
  .pc6 p{font-size:14px;line-height:1.55;color:var(--ink2)}
  @media(max-width:1060px){.wk,.orb,.arch{grid-template-columns:1fr}.not-g .h{display:none}.not-g .r{grid-template-columns:1fr}.not-t{width:auto}.days{grid-template-columns:repeat(5,minmax(0,1fr))}}