/* ---------- hero ---------- */
.hero{position:relative;overflow:hidden;min-height:100vh}
#c{position:absolute;inset:0;width:100%;height:100%;display:block}
.topfade{position:absolute;inset:0;z-index:5;pointer-events:none;background:linear-gradient(180deg,rgba(10,11,13,.92) 0%,rgba(10,11,13,.55) 34%,rgba(10,11,13,0) 60%)}
.vignette{position:absolute;inset:0;z-index:6;pointer-events:none;background:radial-gradient(120% 90% at 50% 42%,transparent 55%,rgba(5,5,6,.75) 100%)}
.hero .inner{position:relative;z-index:7;max-width:1200px;margin:0 auto;padding:19vh 24px 0;text-align:center;pointer-events:none}
.hero h1{white-space:nowrap;font-size:clamp(42px,6vw,82px);font-weight:300;line-height:1.04;letter-spacing:-0.028em}
@media (max-width:760px){.hero h1{white-space:normal}}
.hero .inner a{pointer-events:auto}
.sub{margin:24px auto 0;max-width:620px;font-size:21px;line-height:1.5;color:var(--ink2);font-weight:300}
.cta-row{margin-top:38px;display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}
.pill{display:inline-block;background:#fff;color:#0a0b0d;font-weight:600;font-size:16.5px;padding:17px 32px;border-radius:999px;text-decoration:none}
.quiet{color:var(--ink);font-size:16.5px;text-decoration:none;padding:16px 30px;border:1px solid rgba(255,255,255,.25);border-radius:999px}
.quiet:hover{border-color:rgba(255,255,255,.5)}

/* ---------- shared block language of the homepage ---------- */
section.blk{padding:130px 0}
section.blk>.wrap>h2{font-size:clamp(30px,3.6vw,48px);font-weight:300;line-height:1.1;letter-spacing:-.02em;text-align:center;max-width:900px;margin:0 auto}
section.blk h2 em{color:#fff}
.blk .lead{margin:22px auto 0;max-width:700px;text-align:center}
.btnrow.c{margin-top:40px;justify-content:center}
.ghost{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font-size:16px;font-weight:500;text-decoration:none;padding:15px 28px;border-radius:999px;border:1px solid rgba(255,255,255,.22);transition:border-color .2s}
.ghost:hover{border-color:rgba(255,255,255,.45)}
.pd{border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,#121318,#0d0e11);position:relative;overflow:hidden}
.pd::before{content:"";position:absolute;left:-20%;right:-20%;top:-45%;height:80%;background:radial-gradient(50% 60% at 50% 0%,rgba(60,80,153,.26),transparent 70%);pointer-events:none}
.pk{position:relative;font:600 11px/1 ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase;color:var(--ink3)}
.two{display:grid;grid-template-columns:330px minmax(0,1fr);gap:18px;max-width:1300px;margin:56px auto 0}
.cap{font-size:12.5px;color:var(--ink3);line-height:1.55}

/* ---------- A. autonomy ---------- */
.dial{padding:24px 20px 20px}
.lad{list-style:none;margin:16px 0 0;position:relative}
.lad::before{content:"";position:absolute;left:17px;top:24px;bottom:30px;width:2px;background:rgba(255,255,255,.08);border-radius:2px}
.lad .rail{position:absolute;left:17px;top:24px;width:2px;height:0;background:linear-gradient(#6f84d8,#a9b8ff);box-shadow:0 0 12px rgba(129,148,221,.7);border-radius:2px;transition:height .6s var(--ease)}
.lad button{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:36px 1fr;gap:14px;width:100%;padding:11px 8px 11px 0;border-radius:12px}
.lad button:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
.knob{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:#0e0f13;display:grid;place-items:center;font:600 12px/1 ui-monospace,monospace;color:var(--ink3);position:relative;z-index:1;font-style:normal;transition:all .45s var(--ease)}
.lad li.done .knob{border-color:rgba(129,148,221,.55);color:#c9d2ff;background:#131a36}
.lad li.on .knob{background:#8194dd;border-color:#8194dd;color:#0a0b0d;box-shadow:0 0 0 6px rgba(129,148,221,.14),0 0 28px rgba(129,148,221,.55)}
.lad b{display:block;font-size:16px;font-weight:600;color:var(--ink2);transition:color .3s;margin-top:1px}
.lad li.done b,.lad li.on b{color:var(--ink)}
.lad button:hover b{color:var(--ink2)}
.lad span{display:block;margin-top:5px;font-size:13.5px;line-height:1.5;color:var(--ink3);transition:color .3s}
.lad li.done span{color:var(--ink3)}.lad li.on span{color:#c3c8d0}
.tt .ui-tr{grid-template-columns:30px 1fr 118px 44px;padding:8px 14px}
.tt .who{font-size:11.5px;font-weight:650;transition:color .3s}
.who.lo{color:var(--u-ok)}.who.hi{color:#1d4fc4}.who.hu{color:var(--u-warn)}
.tt .n{text-align:right;font-variant-numeric:tabular-nums;color:var(--u-tx2);font-size:12px}
.tt .off{color:var(--u-mut)}
.sw{display:grid;grid-template-columns:30px 1fr;gap:10px;padding:10px 14px;border-top:1px solid #f1f3f6;align-items:start}
.ui-card>.sw:nth-child(2){border-top:0}
.sw b{display:block;font-size:12.5px;font-weight:650}.sw small{display:block;font-size:11.5px;color:var(--u-mut);margin-top:2px;line-height:1.45}
.wk{display:grid;grid-template-columns:330px minmax(0,1fr);gap:18px;max-width:1300px;margin:18px auto 0}
.trk{margin-top:18px;position:relative;display:grid;grid-template-columns:repeat(6,1fr)}
.trk::before{content:"";position:absolute;left:8.33%;right:8.33%;top:10px;height:2px;background:#e8ecf1}
.trk .fill{position:absolute;left:8.33%;top:10px;height:2px;background:#16a34a;width:0;transition:width .38s linear}
.trk .s{position:relative;text-align:center;font-size:10.5px;color:#9aa4b2;font-weight:600;transition:color .3s}
.trk .s i{display:grid;place-items:center;width:22px;height:22px;margin:0 auto 7px;border-radius:50%;background:#fff;border:2px solid #e2e8f0;position:relative;z-index:1;transition:all .3s;color:#fff}
.trk .s i svg{width:12px;height:12px;opacity:0;transition:opacity .2s}
.trk .s.ok{color:var(--u-tx2)}.trk .s.ok i{background:#16a34a;border-color:#16a34a}.trk .s.ok i svg{opacity:1}
.trk .s.wait{color:var(--u-warnb)}.trk .s.wait i{border-color:#d97706;background:#fff7ed;animation:wp 1.6s ease-in-out infinite}
@keyframes wp{0%,100%{box-shadow:0 0 0 0 rgba(217,119,6,.35)}50%{box-shadow:0 0 0 7px rgba(217,119,6,0)}}
.run{display:grid;grid-template-columns:1.3fr 1fr 1fr;max-width:1300px;margin:18px auto 0}
.run>div{position:relative;padding:28px 28px 26px}
.run .rs{display:flex;flex-direction:column;justify-content:flex-end}
.run>div+div{border-left:1px solid var(--line)}
.streak{position:relative;margin-top:20px;display:grid;grid-template-columns:repeat(23,1fr);grid-template-rows:repeat(7,auto);grid-auto-flow:column;gap:3px}
.streak{max-width:300px}
.streak i{aspect-ratio:1;border-radius:3px;background:rgba(255,255,255,.05);transition:background .5s ease,box-shadow .5s ease}
.streak i.on{background:rgba(129,148,221,.38)}
.streak i.w{background:rgba(170,186,255,.85);box-shadow:0 0 6px rgba(160,180,255,.55);transition:background .15s,box-shadow .15s}
.streak i.hot{background:#c9d2ff;box-shadow:0 0 8px rgba(160,180,255,.8)}
.streak i.x{visibility:hidden}
.sl{position:relative;display:flex;justify-content:space-between;margin-top:10px;font-size:11.5px;color:var(--ink3)}
.sl b{color:var(--ink2);font-weight:500}
.rs b{display:block;font:300 clamp(46px,4.6vw,64px)/1 "Plus Jakarta Sans";letter-spacing:-.04em;color:#fff;font-variant-numeric:tabular-nums}
.rs span{display:block;margin-top:14px;font-size:15px;color:var(--ink2);line-height:1.45}
.rs small{display:block;margin-top:6px;font-size:12.5px;color:var(--ink3)}

/* ---------- B. knowledge ---------- */
.ktabs{padding:24px 20px 20px}
.ktab{all:unset;box-sizing:border-box;display:block;width:100%;cursor:pointer;padding:16px 14px 16px 22px;border-radius:12px;position:relative;margin-top:8px;transition:background .3s}
.ktab::before{content:"";position:absolute;left:0;top:16px;bottom:16px;width:2px;background:rgba(255,255,255,.1);border-radius:2px}
.ktab i{position:absolute;left:0;top:16px;width:2px;height:0;background:#9fb0ff;box-shadow:0 0 10px rgba(159,176,255,.8);border-radius:2px}
.ktab b{display:block;font-size:17px;font-weight:600;color:var(--ink3);transition:color .3s}
.ktab span{display:block;margin-top:5px;font-size:13.5px;color:var(--ink3);line-height:1.5}
.ktab.on{background:rgba(255,255,255,.03)}.ktab.on b{color:var(--ink)}.ktab.on span{color:var(--ink2)}
.ktab:focus-visible{outline:2px solid var(--acc)}
.kn-win{height:520px;display:flex;flex-direction:column}
.kstage{position:relative;flex:1;min-height:0}
.ks{position:absolute;inset:0;padding:18px 22px;opacity:0;visibility:hidden;transition:opacity .45s,visibility .45s}
.ks.on{opacity:1;visibility:visible}
.kst{display:grid;grid-template-columns:1fr 1.12fr;gap:16px;margin-top:12px}
.lane h6{font:700 9.5px/1 "Plus Jakarta Sans";letter-spacing:.12em;text-transform:uppercase;color:var(--u-mut);margin:4px 0 8px}
.lane h6+.fd{margin-top:0}
.fd{background:#fff;border:1px solid var(--u-bd);border-radius:10px;padding:10px 12px;margin-top:8px;box-shadow:var(--u-sh);opacity:0;transform:translateY(10px);transition:opacity .5s var(--ease),transform .5s var(--ease),border-color .4s}
.fd.in{opacity:1;transform:none}
.fd.gone{border-color:#bbe5cc}
.fd .w{font-size:10.5px;color:var(--u-mut);font-weight:600}
.fd p{font-size:12.2px;line-height:1.48;margin-top:3px;color:#1e293b}
.fd .to{font-size:11px;color:var(--u-ok);margin-top:6px;opacity:0;transition:opacity .4s}
.fd.gone .to{opacity:1}
.fd.nw .to{color:var(--u-accs)}
.artc{background:#fff;border:1px solid var(--u-bd);border-radius:12px;padding:14px 16px;box-shadow:var(--u-sh2)}
.artc .k{font-size:10.5px;color:var(--u-mut);font-weight:600}
.artc h4{font-size:14.5px;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin-top:4px}
.artc .meta{display:flex;gap:10px;align-items:center;margin-top:7px;font-size:11px;color:var(--u-mut)}
.vtag{font-weight:700;color:var(--u-ok);display:inline-block}
.vtag.tick{animation:uPop .5s cubic-bezier(.2,.9,.3,1.25)}
.artc .qq{font-size:12px;color:#334155;margin-top:10px;font-style:italic}
.add{border-left:2px solid #16a34a;background:#f3fbf6;padding:7px 10px;border-radius:0 8px 8px 0;font-size:11.8px;line-height:1.5;color:#1e293b;margin-top:8px;max-height:0;opacity:0;overflow:hidden;padding-top:0;padding-bottom:0;transition:max-height .6s var(--ease),opacity .5s,padding .5s}
.add.in{max-height:120px;opacity:1;padding-top:7px;padding-bottom:7px}
.add small{display:block;margin-top:3px;color:var(--u-mut);font-size:10.5px}
.born{margin-top:10px;border:1px dashed #9db7f5;background:#f6f9ff;border-radius:12px;padding:11px 14px;opacity:0;transform:scale(.94);transition:opacity .5s,transform .6s cubic-bezier(.2,.9,.3,1.2)}
.born.in{opacity:1;transform:none}
.born .k{font-size:10.5px;color:var(--u-accs);font-weight:650}
.born b{display:block;font-size:13px;margin-top:3px}
.born p{font-size:11.5px;color:var(--u-tx2);margin-top:3px;line-height:1.45}
.kc{display:grid;grid-template-columns:1.35fr 1fr;gap:16px;margin-top:12px}
.scanl{display:flex;gap:8px;align-items:center;font-size:11.5px;color:var(--u-mut);margin-top:10px;min-height:18px}
.para{font-size:12.3px;line-height:1.55;color:#1e293b;margin-top:10px;padding:8px 10px;border-radius:8px;transition:background .4s}
.para.flag{background:#fdf5e6}
.flagl{font-size:11px;color:var(--u-warnb);font-weight:650;margin-top:4px;opacity:0;transition:opacity .4s}
.flagl.in{opacity:1}
.para del{color:#b42318;background:#fdecec;text-decoration-thickness:1.5px;transition:all .4s}
.para ins{text-decoration:none;color:#0b6b3f;background:#e4faf0;display:block;margin-top:6px;padding:2px 0}
.chk{margin-top:12px;font-size:11.5px;color:var(--u-tx2);line-height:1.8;opacity:0;transition:opacity .5s}
.chk.in{opacity:1}
.chk b{color:var(--u-ok)}
.vl .row{display:grid;grid-template-columns:34px 1fr;gap:8px;padding:8px 0;border-top:1px solid #f1f3f6;font-size:11.5px;line-height:1.45}
.vl .row:first-child{border-top:0}
.vl .row b{font-weight:700;color:var(--u-tx)}
.vl .row span{color:var(--u-tx2)}
.vl .row small{display:block;color:var(--u-mut);font-size:10.5px}
.vl .row.new{animation:uIn .5s var(--ease) both;background:linear-gradient(90deg,#f3fbf6,transparent)}
.kline{max-width:1300px;margin:26px auto 0;text-align:center;padding:0 4px}
.kline p{font-size:clamp(18px,1.7vw,22px);font-weight:300;letter-spacing:-.01em;line-height:1.4;color:var(--ink2)}
.kline p em{color:#fff}

/* ---------- C. visual drafts ---------- */
.alt{all:unset;box-sizing:border-box;cursor:pointer;display:block;border:1px solid var(--u-bd);border-radius:12px;background:#fff;padding:10px 10px 14px;transition:border-color .35s,box-shadow .35s,background .35s}
.alt:hover{border-color:#b9c6da}
.alt:focus-visible{outline:2px solid #2563eb;outline-offset:2px}
.alt.pick{border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.14),var(--u-sh2)}
.alt.rec{background:#f8fafc}.alt.rec .mini{opacity:.55;filter:saturate(.6)}.alt.rec>b{color:var(--u-tx2)}
.alt>b{display:flex;gap:8px;align-items:center;font-size:13.5px;margin:12px 4px 0;transition:color .3s}
.alt>b .pk2{margin-left:auto;font-size:10.5px;color:#2563eb;font-weight:700;opacity:0;transition:opacity .3s}
.alt.pick>b .pk2{opacity:1}
.alt>small{display:block;font-size:11.8px;line-height:1.5;color:var(--u-tx2);margin:5px 4px 0}
.alt .br{display:block;font:500 10px/1 ui-monospace,monospace;color:var(--u-mut);margin:9px 4px 0}
/* direction mini-renders: a virtual 480×300 canvas with real markup, scaled to the card */
.mini{aspect-ratio:16/10;border-radius:8px;overflow:hidden;position:relative;background:#0b0c0f;box-shadow:inset 0 0 0 1px #e5e9ef;transition:opacity .4s,filter .4s}
.truths{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1300px;margin:18px auto 0}

/* ---------- D. roadmaps ---------- */
.dir{position:relative;margin-top:16px;background:#fff;border-radius:12px;padding:14px 16px;color:#0f172a}
.dir .k{font-size:10.5px;color:#596779;font-weight:600;display:flex;gap:6px;align-items:center}
.dir .k svg{width:12px;height:12px}
.dir b{display:block;font-size:15px;font-weight:700;line-height:1.35;margin-top:6px;letter-spacing:-.01em}
.dir p{font-size:12.5px;line-height:1.55;color:#475569;margin-top:6px}
.dir .by{margin-top:10px;font-size:11px;color:#596779}
.rule{position:relative;margin-top:auto;padding-top:18px}
.rule p{font-size:14px;color:var(--ink2);line-height:1.55}
.rule .cap{margin-top:10px}
.slices{margin-top:12px;position:relative;padding-left:22px}
.slices::before{content:"";position:absolute;left:6px;top:10px;bottom:10px;width:2px;background:#e8ecf1}
.sc{position:relative;margin-top:10px;opacity:0;transform:translateY(10px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.sc.in{opacity:1;transform:none}
.sc::before{content:"";position:absolute;left:-21px;top:14px;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid #cbd5e1;transition:all .3s}
.sc.m::before{background:#16a34a;border-color:#16a34a}
.sc.w::before{border-color:#2563eb}
.scan{display:flex;gap:9px;align-items:flex-start;font-size:11.8px;line-height:1.5;color:var(--u-tx2);padding:9px 12px;border-radius:9px;background:#f8fafc;border:1px solid #eef1f5}
.scan .u-spin{margin-top:3px;flex:none}
.scan svg{width:14px;height:14px;color:var(--u-ok);flex:none;margin-top:1px}
.sl2{background:#fff;border:1px solid var(--u-bd);border-radius:11px;padding:12px 14px;box-shadow:var(--u-sh)}
.sl2 .k{display:flex;gap:10px;align-items:center;font-size:11px;font-weight:650;color:var(--u-mut)}
.sl2 .k .s{margin-left:auto;transition:color .3s}
.sl2 b{display:block;font-size:13.8px;font-weight:700;margin-top:5px;line-height:1.35}
.sl2 p{font-size:11.8px;line-height:1.5;color:var(--u-tx2);margin-top:5px}
.sl2.dim{background:#fbfcfd}
.gap{font-size:11px;color:#596779;font-weight:600;padding:2px 0 0}
.replay{all:unset;cursor:pointer;display:inline-flex;gap:6px;align-items:center;font-size:11.5px;color:var(--u-accs);font-weight:650}
.replay svg{width:12px;height:12px}

/* ---------- film, updates, final ---------- */
.film{margin:48px auto 0;max-width:1100px}
.film video{width:100%;display:block;border-radius:14px;border:1px solid var(--line);box-shadow:0 40px 100px rgba(0,0,0,.55);background:#000}
.upd{margin:48px auto 0;max-width:1180px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.upd article{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface);display:flex;flex-direction:column;transition:transform .35s var(--ease),border-color .35s}
.upd article:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.25)}
.uthumb{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;text-align:center;font:500 22px/1.2 "Plus Jakarta Sans";letter-spacing:-.01em;border-bottom:1px solid var(--line);color:rgba(230,235,255,.92)}
.uthumb.g1{background:radial-gradient(120% 140% at 20% 0%,#2c3f7d 0%,#1c2a58 45%,#0e142c 100%)}
.uthumb.g2{background:radial-gradient(130% 130% at 80% 10%,#333e6b 0%,#202a52 50%,#111530 100%)}
.uthumb.g3{background:radial-gradient(140% 140% at 50% 100%,#26345f 0%,#181f42 55%,#0b0e22 100%)}
.ubody{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}
.umeta{font:500 13px/1 "Plus Jakarta Sans";color:var(--ink3)}.umeta b{color:var(--ink2);font-weight:600}
.ubody h3{margin-top:10px;font-size:16.5px;font-weight:600;line-height:1.4}
.ubody p{margin-top:8px;font-size:13.5px;line-height:1.55;color:var(--ink3)}
.upd article{position:relative}
.uthumb-cover{padding:0;overflow:hidden}.uthumb-cover img{width:100%;height:100%;object-fit:cover;display:block}
.ulink{color:inherit;text-decoration:none}.ulink::after{content:"";position:absolute;inset:0}
.final h2{font-size:clamp(30px,3.9vw,54px);font-weight:300;line-height:1.2;letter-spacing:-.015em;max-width:900px;margin:0 auto}

@media(max-width:1060px){
  .two,.wk,.run,.truths{grid-template-columns:1fr}
  .run>div+div{border-left:0;border-top:1px solid var(--line)}
  .kn-win{height:auto}
  .kn-win .ui-side{display:none}
  .kn-win .ui-app{grid-template-columns:1fr}
  .kst,.kc{grid-template-columns:1fr}
  .ks{position:relative;display:none}.ks.on{display:block}
  .kstage{min-height:0}
  .tt .ui-tr{grid-template-columns:30px 1fr 112px}.tt .n{display:none}
  .trk .s{font-size:9px}
  .kline{flex-direction:column}
  .upd{grid-template-columns:1fr}
  section.blk{padding:90px 0}
}
/* ===== A v16: the night shift in the product's interface — a sky with a clock + the Acme "Tonight" window: work by step, autonomy level, "Waiting for you" ===== */
.nm{max-width:1300px;margin:56px auto 0;border:1px solid var(--line);border-radius:24px;background:#0b0c10;overflow:hidden}
.nm-sky{position:relative;height:200px;overflow:hidden;background:linear-gradient(180deg,#070a18 0%,#0d1430 70%,#121a3a 100%)}
.nm-dawn{position:absolute;inset:0;background:linear-gradient(180deg,#1b2a5a 0%,#6c5a8f 45%,#e7a26a 85%,#f6c88a 100%);opacity:0}
.nm-stars{position:absolute;inset:0}
.nm-stars i{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;opacity:.7}
.nm-arc{position:absolute;left:330px;top:18px;width:calc(100% - 354px);height:150px}
.nm-orb{position:absolute;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#f2f4ff,#b9c5ff 45%,#5a6cc0 80%);box-shadow:0 0 40px 6px rgba(185,197,255,.35);transition:background .8s,box-shadow .8s}
.nm-orb.sun{background:radial-gradient(circle at 40% 40%,#fffbe8,#ffd68a 50%,#f0a24a 85%);box-shadow:0 0 60px 14px rgba(255,200,120,.55)}
.nm-time{position:absolute;left:32px;top:26px;z-index:2}
.nm-time b{display:block;font:300 64px/1 "Plus Jakarta Sans";letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 2px 20px rgba(0,0,0,.35)}
.nm-time span{display:block;margin-top:10px;font-size:16px;color:rgba(255,255,255,.82)}
.nm-hours{position:absolute;left:340px;right:34px;bottom:12px;display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:rgba(255,255,255,.5);font-variant-numeric:tabular-nums}
.nm-pad{padding:24px}
.nm-w .nm-in{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px;padding:20px 22px 22px;background:var(--u-bg)}
.nm-main{min-width:0;display:flex;flex-direction:column}
.nm-main .ui-h{margin-bottom:2px}
/* work table: the "work" column + six steps */
.nm-t{margin-top:14px;flex:1;overflow-x:auto;scrollbar-width:none}
.nm-t::-webkit-scrollbar{display:none}
.nm-rows{min-width:640px}
.nm-tr{display:grid;grid-template-columns:minmax(220px,1fr) repeat(6,66px);align-items:stretch;border-top:1px solid #f1f3f6}
.nm-tr:first-child{border-top:0}
.nm-th>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:12px 2px 10px;font-size:11.5px;font-weight:650;color:var(--u-tx2);text-align:center;transition:background .4s,color .4s}
.nm-th>span{min-height:64px}
.nm-th>span:first-child{align-items:flex-start;padding-left:16px}
.nm-th>span small{font-size:10.5px;font-weight:650;line-height:1.2;min-height:13px}
.nm-th>span.st{background:#fdf5e6;color:var(--u-warn)}
.nm-th>span.st.g{background:#e4faf0;color:var(--u-ok)}
.nm-th>span.x{color:#a5afbd}
.nm-wk{padding:18px 12px 18px 16px;min-width:0}
.nm-wk .k{display:flex;gap:8px;align-items:center;font-size:11.5px;font-weight:650}
.nm-wk b{display:block;margin-top:4px;font-size:13.5px;line-height:1.35;font-weight:650;color:var(--u-tx)}
.nm-wk .ev{display:block;margin-top:6px;font-size:11.8px;line-height:1.4;color:var(--u-tx2);min-height:17px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nm-wk .ev em{font-style:normal;font-weight:650;color:var(--u-tx);font-variant-numeric:tabular-nums;margin-right:6px}
.nm-wk .ev.in{animation:uIn .45s var(--ease) both}
.nm-wk .ev.wait{color:var(--u-warn);font-weight:600}
.nm-wk .ev.ok{color:var(--u-ok);font-weight:600}
.nm-c{position:relative;display:grid;place-items:center;transition:background .4s,opacity .4s}
.nm-c::before{content:"";position:absolute;left:-50%;right:50%;top:50%;height:2px;margin-top:-1px;background:#e2e8f0;transition:background .5s}
.nm-tr>.nm-c:nth-child(2)::before{display:none}
.nm-c.r::before{background:#6d83f2}
.nm-c i{position:relative;z-index:1;width:9px;height:9px;border-radius:50%;background:#dbe1ea;display:grid;place-items:center;transition:all .35s var(--ease)}
.nm-c i svg{width:12px;height:12px;opacity:0}
.nm-c.d i,.nm-c.m i,.nm-c.w i,.nm-c.a i{width:22px;height:22px}
.nm-c.d i{background:#2563eb;color:#fff}.nm-c.d i svg{opacity:1}
.nm-c.m i{background:#16a34a;color:#fff}.nm-c.m i svg{opacity:1}
.nm-c.a i{background:#fff;border:2px solid #c7d2fe;border-top-color:#2563eb;animation:uSp .9s linear infinite}
.nm-c.w i{background:#d97706;color:#fff;box-shadow:0 0 0 0 rgba(217,119,6,.5);animation:nmPing 1.4s ease-out 2}
.nm-c.w i svg{opacity:1}
.nm-c.st{background:#fdf5e6}
.nm-c.st.g{background:#e4faf0}
.nm-c.x{opacity:.35}
@keyframes nmPing{0%{box-shadow:0 0 0 0 rgba(217,119,6,.5)}100%{box-shadow:0 0 0 12px rgba(217,119,6,0)}}
/* right side: autonomy level and "Waiting for you" */
.nm-side{display:flex;flex-direction:column;gap:12px;min-width:0;height:0;min-height:100%}
.nm-side .ui-card+.ui-card{margin-top:0}
.nm-lv{transition:box-shadow .4s}
.nm-lv.hint{animation:nmHint 1.6s ease-out 3}
@keyframes nmHint{0%{box-shadow:var(--u-sh),0 0 0 0 rgba(37,99,235,.45)}100%{box-shadow:var(--u-sh),0 0 0 14px rgba(37,99,235,0)}}
.nm-lv .r.hint{color:var(--u-acc);font-weight:650}
.nm-lv button{all:unset;box-sizing:border-box;cursor:pointer;display:flex;gap:11px;align-items:center;width:100%;padding:8px 14px;border-top:1px solid #f1f3f6;transition:background .25s}
.nm-lv button:first-of-type{border-top:0}
.nm-lv button:hover{background:#f6f9ff}
.nm-lv button:focus-visible{outline:2px solid #2563eb;outline-offset:-2px}
.nm-lv button>i{width:16px;height:16px;border-radius:50%;border:1.5px solid var(--u-bd2);background:#fff;flex:none;transition:border .25s}
.nm-lv button b{display:block;font-size:13px;font-weight:650;color:var(--u-tx)}
.nm-lv button small{display:block;margin-top:1px;font-size:11.5px;color:var(--u-mut)}
.nm-lv button.on{background:#eaf1ff}
.nm-lv button.on>i{border:5px solid #2563eb}
.nm-wf{flex:1;min-height:0;display:flex;flex-direction:column}
.nm-wl{flex:1;min-height:0;overflow:auto;padding:2px 14px 6px;scrollbar-width:none}
.nm-wr{display:flex;gap:10px;align-items:center;padding:9px 0;border-top:1px solid #f1f3f6;animation:uIn .45s var(--ease) both}
.nm-wr:first-child{border-top:0}
.nm-wr>span:not(.ui-btn):not(.ok){min-width:0;flex:1}
.nm-wr .ui-btn{flex:none;padding:7px 12px}
.nm-wr b{display:block;font-size:12.3px;line-height:1.35;font-weight:650;color:var(--u-tx)}
.nm-wr small{display:block;font-size:11px;color:var(--u-mut)}
.nm-wr .ok{width:20px;height:20px;border-radius:50%;background:#16a34a;color:#fff;display:grid;place-items:center;flex:none}
.nm-wr .ok svg{width:12px;height:12px}
.nm-e{padding:10px 0;font-size:12px;color:var(--u-mut2)}
.nm-main .ui-d.sum{color:var(--u-tx);font-weight:600;animation:uIn .5s var(--ease) both}
.nm-foot{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:0 24px 24px}
.nm-foot p{font-size:13.5px;line-height:1.55;color:var(--ink3);max-width:720px}
.nm-re{all:unset;cursor:pointer;display:inline-flex;gap:8px;align-items:center;flex:none;font-size:14px;font-weight:600;color:var(--ink);border:1px solid var(--line2);border-radius:999px;padding:10px 16px;transition:border-color .2s}
.nm-re:hover{border-color:rgba(255,255,255,.45)}
.nm-re svg{width:15px;height:15px}
@media(max-width:1060px){
  .nm-w .nm-in{grid-template-columns:1fr}
  .nm-side{height:auto;min-height:0}
  .nm-wl{overflow:visible}
  .nm-arc{left:260px;width:calc(100% - 284px)}.nm-hours{left:270px}
  .nm-time b{font-size:44px}
  .nm-sky{height:170px}
  .nm-foot{flex-direction:column;align-items:flex-start}
}
@media(max-width:640px){
  .nm-pad{padding:14px}
  .nm-sky{height:190px}
  .nm-arc{left:12px;width:calc(100% - 24px);top:58px;height:90px}
  .nm-rows{min-width:0}
  .nm-tr{grid-template-columns:repeat(6,1fr)}
  .nm-wk{grid-column:1/-1;padding:14px 14px 4px}
  .nm-th>span:first-child{display:none}
  .nm-th>span{min-height:52px;font-size:10.5px;padding:10px 0 8px}
  .nm-c{height:44px}
  .nm-hours{left:20px;right:20px}
  .nm-w .nm-in{padding:14px}
  .nm-time{left:20px;top:20px}
  .nm-hours{left:20px;right:20px}
  .nm-foot{padding:0 14px 18px}
}
/* ===== C v15: visual drafts — brief → three directions → pick ===== */
.vd3{max-width:1300px;margin:56px auto 0;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,#121318,#0d0e11);padding:24px;text-align:left}
.vd3-n{flex:none;display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#8194dd;color:#0a0b0d;font-size:13px;font-weight:700}
.vd3-top{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:center}
.vd3-brief{display:flex;gap:14px;align-items:flex-start}
.vd3-brief small{display:block;font-size:13px;color:var(--ink3)}
.vd3-brief b{display:block;margin-top:6px;font:500 22px/1.35 "Plus Jakarta Sans";letter-spacing:-.01em;color:#fff}
.vd3-brief em{display:block;margin-top:10px;font-style:normal;font-size:13.5px;color:var(--ink2)}
.vd3-today{display:flex;flex-direction:column;gap:8px}
.vd3-today .rxw{aspect-ratio:1200/760;border-radius:10px;opacity:.9}
.vd3-today span{font-size:12.5px;color:var(--ink3);text-align:center}
.vd3-lbl{display:flex;gap:12px;align-items:center;margin:26px 0 14px;font-size:15px;color:var(--ink);font-weight:600}
.vd3-dirs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.vd3-dirs button{all:unset;cursor:pointer;border-radius:16px;padding:10px 10px 14px;border:1px solid var(--line);background:rgba(255,255,255,.02);transition:border-color .25s,background .25s,transform .25s}
.vd3-dirs button:hover{border-color:rgba(255,255,255,.25);transform:translateY(-2px)}
.vd3-dirs button.on{border-color:#8194dd;background:rgba(129,148,221,.1);box-shadow:0 0 0 1px #8194dd}
.vd3-dirs .rxw{aspect-ratio:1200/760;border-radius:9px}
.vd3-dirs b{display:block;margin:12px 4px 0;font-size:15.5px;font-weight:600;color:#fff}
.vd3-dirs span{display:block;margin:4px 4px 0;font-size:13px;color:var(--ink3);line-height:1.45}
.vd3-view{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;margin-top:18px}
.vd3-stage{position:relative;background:#e9ecf1;border-radius:18px;padding:52px 26px 26px;display:flex;justify-content:center;align-items:center;min-height:500px}
.vd3-dev{position:absolute;top:12px;right:14px;display:flex;background:#fff;border-radius:10px;padding:3px;box-shadow:0 1px 3px rgba(0,0,0,.08)}
.vd3-dev button{all:unset;cursor:pointer;font-size:12.5px;font-weight:600;color:#475569;padding:6px 12px;border-radius:8px}
.vd3-dev button.on{background:#0f172a;color:#fff}
.vd3-frame{width:100%;max-width:860px;transition:max-width .45s var(--ease)}
.vd3-frame.ph{max-width:250px}
.vd3-frame .rxw{aspect-ratio:1200/760;border-radius:12px;box-shadow:0 30px 60px -30px rgba(15,23,42,.5),0 0 0 1px #d8dde5;animation:uIn .4s var(--ease)}
.vd3-frame.ph .rxw{aspect-ratio:390/800;border-radius:22px;box-shadow:0 30px 60px -30px rgba(15,23,42,.5),0 0 0 6px #0f172a}
.vd3-side{border:1px solid var(--line);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:10px}
.vd3-side small{font-size:13px;color:var(--ink3);margin-top:6px}
.vd3-side h3{font:500 24px/1.2 "Plus Jakarta Sans";letter-spacing:-.01em}
.vd3-side>p{font-size:14.5px;line-height:1.55;color:var(--ink2)}
.vd3-tr{display:grid;gap:8px;margin-top:4px}
.vd3-tr div{display:grid;grid-template-columns:20px 1fr;gap:8px;font-size:13.5px;line-height:1.45;color:var(--ink2)}
.vd3-tr div i{font-style:normal;font-weight:700}
.vd3-pick{all:unset;cursor:pointer;margin-top:auto;text-align:center;font:650 15px/1 "Plus Jakarta Sans";padding:14px;border-radius:12px;background:#fff;color:#0a0b0d;transition:transform .15s}
.vd3-pick:active{transform:scale(.98)}
.vd3-pick.done{background:#16a34a;color:#fff}
.vd3-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}
.vd3-flow div{font-size:11px;font-weight:600;color:var(--ink4);text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px;transition:color .3s}
.vd3-flow i{width:100%;height:4px;border-radius:2px;background:rgba(255,255,255,.08);transition:background .3s}
.vd3-flow div.ok{color:#7fd8a8}.vd3-flow div.ok i{background:#7fd8a8}
.vd3-note{font-size:12.5px;color:var(--ink3);line-height:1.5}
@media(max-width:1060px){.vd3-top,.vd3-view{grid-template-columns:1fr}.vd3-dirs{grid-template-columns:1fr}.vd3-stage{min-height:auto}}