/* ════════ OPENING (P1–3) + SECTION 04 HORIZON (P52–57) + CLOSING (P58–59) ════════ */

/* ---------- P1 title ---------- */
.s-title .frame{padding:0;}
.title-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,14,26,0.82) 0%,rgba(10,14,26,0.35) 40%,rgba(10,14,26,0.1) 60%,rgba(10,14,26,0.78) 100%);z-index:1;}
.title-center{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);text-align:center;z-index:3;width:1500px;}
.title-center .eb{font-family:"JetBrains Mono",monospace;font-size:26px;color:var(--cyan);letter-spacing:0.3em;margin-bottom:34px;text-transform:uppercase;}
.title-center h1{font-size:104px;font-weight:900;color:#fff;margin:0;letter-spacing:0.02em;line-height:1.15;text-shadow:0 4px 40px rgba(0,0,0,0.7);}
.title-center .sub{font-size:38px;color:var(--fg-dim);font-weight:300;margin-top:30px;line-height:1.5;}
.title-meta{position:absolute;left:50%;bottom:84px;transform:translateX(-50%);text-align:center;z-index:3;display:flex;flex-direction:column;gap:18px;align-items:center;}
.title-meta .claim{font-size:30px;color:var(--fg-dim);font-weight:300;}
.title-meta .claim strong{color:var(--fg);font-weight:500;}
.title-meta .spk{font-family:"JetBrains Mono",monospace;font-size:26px;color:var(--fg);letter-spacing:0.1em;}
.title-meta .spk .d{color:var(--fg-mute);margin:0 14px;}

/* ---------- P2 intro ---------- */
.s-intro{background:radial-gradient(ellipse at 28% 50%,rgba(91,224,232,0.08) 0,transparent 50%),var(--ink);}
.s-intro .frame{flex-direction:row;align-items:center;gap:110px;padding:120px 150px;}
.avatar-wrap{flex:0 0 auto;position:relative;}
.avatar{width:340px;height:340px;border-radius:50%;object-fit:cover;display:block;border:3px solid rgba(91,224,232,0.4);box-shadow:0 0 80px rgba(91,224,232,0.18),0 30px 70px rgba(0,0,0,0.6);}
.avatar-ring{position:absolute;inset:-26px;border-radius:50%;border:1px dashed rgba(91,224,232,0.3);}
.intro-right{flex:1;display:flex;flex-direction:column;gap:30px;}
.intro-right h1{font-size:88px;font-weight:900;color:#fff;margin:0;letter-spacing:-0.01em;}
.intro-right .bio{font-size:40px;color:var(--fg-dim);font-weight:300;}
.intro-right .bio strong{color:var(--fg);font-weight:500;}
.intro-pts{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:18px;}
.intro-pts li{font-size:33px;color:var(--fg-dim);font-weight:300;line-height:1.5;display:flex;gap:20px;align-items:baseline;}
.intro-pts li::before{content:"—";color:var(--cyan);flex:0 0 auto;}
.intro-pts li strong{color:var(--fg);font-weight:500;}
.intro-mono{font-family:"JetBrains Mono",monospace;font-size:26px;color:var(--cyan);letter-spacing:0.16em;margin-top:14px;padding-top:26px;border-top:1px solid var(--line);}

/* ---------- P3 roadmap ---------- */
.road{flex:1;display:grid;grid-template-columns:repeat(4,1fr);gap:36px;margin-top:40px;align-content:center;}
.road .cell{border:1px solid var(--line-strong);border-radius:18px;padding:40px 36px;background:rgba(255,255,255,0.025);display:flex;flex-direction:column;gap:14px;position:relative;}
.road .cell .no{font-family:"JetBrains Mono",monospace;font-size:28px;color:var(--fg-mute);letter-spacing:0.14em;}
.road .cell .glyph{font-family:"JetBrains Mono",monospace;font-size:52px;color:var(--fg-dim);line-height:1;}
.road .cell .en{font-family:"JetBrains Mono",monospace;font-size:38px;font-weight:700;color:#fff;letter-spacing:0.04em;margin-top:8px;}
.road .cell .zh{font-size:34px;color:var(--fg-dim);font-weight:500;}
.road .cell .pp{font-family:"JetBrains Mono",monospace;font-size:24px;color:var(--fg-mute);letter-spacing:0.1em;margin-top:auto;padding-top:20px;border-top:1px solid var(--line);}
.road .cell.hot{border-color:rgba(91,224,232,0.6);background:linear-gradient(180deg,rgba(91,224,232,0.1),rgba(91,224,232,0.02));box-shadow:0 0 50px rgba(91,224,232,0.1);}
.road .cell.hot .glyph,.road .cell.hot .no{color:var(--cyan);}
.road .cell .wt{position:absolute;top:-21px;right:24px;font-family:"JetBrains Mono",monospace;font-size:24px;color:var(--cyan);background:var(--ink);border:1px solid rgba(91,224,232,0.5);border-radius:30px;padding:6px 18px;letter-spacing:0.1em;}
.undercurrent{display:flex;align-items:center;gap:30px;margin-top:24px;}
.undercurrent .end{font-size:30px;color:var(--fg-dim);white-space:nowrap;font-weight:300;}
.undercurrent .end strong{color:var(--fg);font-weight:600;}
.undercurrent .ln{flex:1;height:2px;background:linear-gradient(90deg,rgba(255,255,255,0.35),var(--cyan));position:relative;}
.undercurrent .ln::before,.undercurrent .ln::after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:12px;height:12px;border-radius:50%;}
.undercurrent .ln::before{left:-4px;background:rgba(255,255,255,0.5);}
.undercurrent .ln::after{right:-4px;background:var(--cyan);box-shadow:0 0 14px var(--cyan);}

/* ---------- P52 cover dots ---------- */
.cover-dots{display:flex;align-items:center;gap:0;margin-top:40px;}
.cover-dots .d{width:16px;height:16px;border-radius:50%;background:var(--fg-mute);box-shadow:0 0 12px rgba(255,255,255,0.2);}
.cover-dots .l{width:130px;height:1px;background:rgba(255,255,255,0.25);}
.cover-dots .cap{font-family:"JetBrains Mono",monospace;font-size:24px;color:var(--fg-mute);letter-spacing:0.16em;margin-left:30px;}

/* ---------- P53 structures ---------- */
.duo{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:44px;margin-top:30px;min-height:0;}
.duo .half{border:1px solid var(--line-strong);border-radius:18px;padding:30px 38px;background:rgba(255,255,255,0.025);display:flex;flex-direction:column;}
.duo .half .ht{font-size:42px;font-weight:700;color:#fff;display:flex;align-items:baseline;gap:18px;}
.duo .half .ht .e{font-family:"JetBrains Mono",monospace;font-size:24px;color:var(--fg-mute);letter-spacing:0.12em;}
.duo .half svg{margin:10px auto;display:block;}
.pcb{display:flex;flex-direction:column;gap:12px;margin-top:auto;}
.pcb .row{display:flex;gap:18px;align-items:baseline;font-size:28px;color:var(--fg-dim);font-weight:300;line-height:1.4;}
.pcb .row .tag{font-family:"JetBrains Mono",monospace;font-size:24px;letter-spacing:0.1em;border-radius:6px;padding:4px 14px;flex:0 0 auto;border:1px solid;}
.pcb .row .tag.p{color:var(--green);border-color:rgba(34,211,140,0.4);}
.pcb .row .tag.c{color:var(--rose);border-color:rgba(255,107,138,0.4);}
.pcb .row .tag.f{color:var(--cyan);border-color:rgba(91,224,232,0.45);}
.pcb .row strong{color:var(--fg);font-weight:500;}

/* ---------- P54 bars ---------- */
.bars{flex:1;display:flex;flex-direction:column;justify-content:center;gap:44px;margin:20px 80px 0;}
.bar-head{display:grid;grid-template-columns:280px 1fr 1fr;gap:50px;font-size:36px;font-weight:700;color:#fff;text-align:center;}
.bar-head .corp{font-family:"JetBrains Mono",monospace;letter-spacing:0.1em;}
.bar-row{display:grid;grid-template-columns:280px 1fr 1fr;gap:50px;align-items:center;}
.bar-row .lab{font-size:34px;color:var(--fg);font-weight:500;}
.bar{height:38px;border-radius:6px;background:rgba(255,255,255,0.06);position:relative;overflow:hidden;}
.bar i{position:absolute;left:0;top:0;bottom:0;border-radius:6px;}
.bar i.hi{background:linear-gradient(90deg,rgba(91,224,232,0.5),var(--cyan));box-shadow:0 0 22px rgba(91,224,232,0.35);}
.bar i.lo{background:rgba(255,255,255,0.22);}
.bar .pct{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-family:"JetBrains Mono",monospace;font-size:24px;color:var(--fg-dim);}

/* ---------- P55 role shift ---------- */
.shift{flex:1;display:grid;grid-template-columns:1fr 200px 1.2fr;margin-top:30px;align-items:center;}
.shift .blk{border:1px solid var(--line-strong);border-radius:16px;padding:34px 40px;background:rgba(255,255,255,0.03);}
.shift .blk .bt{font-family:"JetBrains Mono",monospace;font-size:24px;letter-spacing:0.14em;color:var(--fg-mute);margin-bottom:18px;}
.shift .blk ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;font-size:34px;color:var(--fg);}
.shift .blk .cap{font-size:27px;color:var(--fg-mute);font-weight:300;margin-top:22px;padding-top:18px;border-top:1px solid var(--line);}
.shift-mid{display:flex;flex-direction:column;align-items:center;gap:14px;}
.shift-mid .ar{font-size:52px;color:var(--cyan);font-family:"JetBrains Mono",monospace;}
.shift-mid .lb{font-family:"JetBrains Mono",monospace;font-size:24px;color:var(--cyan);letter-spacing:0.14em;white-space:nowrap;}
.shift .future{display:flex;flex-direction:column;gap:18px;}
.shift .lay{border-radius:14px;padding:26px 34px;}
.shift .lay.human{border:1px solid rgba(91,224,232,0.55);background:rgba(91,224,232,0.08);width:78%;box-shadow:0 0 36px rgba(91,224,232,0.1);}
.shift .lay.ai{border:1px solid var(--line-strong);background:rgba(255,255,255,0.035);}
.shift .lay .lt{font-size:36px;font-weight:700;color:#fff;}
.shift .lay .ls{font-size:27px;color:var(--fg-dim);font-weight:300;margin-top:8px;}
.shift .lay .who{font-family:"JetBrains Mono",monospace;font-size:24px;letter-spacing:0.12em;margin-top:12px;}
.shift .lay.human .who{color:var(--cyan);}
.shift .lay.ai .who{color:var(--fg-mute);}

/* ---------- P56 democratize radial ---------- */
.radial{flex:1;position:relative;margin-top:6px;min-height:0;}
.rad-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:340px;height:340px;border-radius:50%;
  border:2px solid rgba(91,224,232,0.55);background:radial-gradient(circle,rgba(91,224,232,0.14),rgba(91,224,232,0.02) 70%);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;z-index:3;
  box-shadow:0 0 70px rgba(91,224,232,0.15);}
.rad-core .icn{color:var(--cyan);}
.rad-core .t{font-size:36px;font-weight:700;color:#fff;line-height:1.3;}
.rad-core .m{font-family:"JetBrains Mono",monospace;font-size:24px;color:var(--cyan);letter-spacing:0.1em;}
.rad-node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:2;width:210px;text-align:center;}
.rad-node .av{width:78px;height:78px;border-radius:50%;border:1px solid var(--line-strong);background:rgba(15,21,37,0.95);
  display:flex;align-items:center;justify-content:center;color:var(--fg-dim);position:relative;}
.rad-node .av .gear{position:absolute;right:-8px;bottom:-8px;width:36px;height:36px;border-radius:50%;background:var(--ink);
  border:1px solid rgba(91,224,232,0.5);display:flex;align-items:center;justify-content:center;color:var(--cyan);}
.rad-node .nm{font-size:30px;font-weight:500;color:var(--fg);}

/* ---------- P58 closing keywords ---------- */
.kw-row{position:absolute;left:var(--pad-x);right:var(--pad-x);top:46%;transform:translateY(-50%);display:flex;justify-content:center;gap:130px;z-index:3;}
.kw{display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;}
.kw .no{font-family:"JetBrains Mono",monospace;font-size:25px;color:var(--cyan);letter-spacing:0.2em;}
.kw .t{font-size:80px;font-weight:900;color:#fff;text-shadow:0 4px 30px rgba(0,0,0,0.8);}
.kw .s{font-size:30px;color:var(--fg-dim);font-weight:300;}
.kw-q{position:absolute;left:var(--pad-x);right:var(--pad-x);bottom:110px;text-align:center;font-size:46px;color:var(--cyan);font-weight:500;z-index:3;text-shadow:0 2px 20px rgba(0,0,0,0.8);line-height:1.5;}

/* ---------- P59 QA ---------- */
.s-qa{background:radial-gradient(ellipse at 50% 45%,rgba(91,224,232,0.08) 0,transparent 55%),var(--ink);}
.s-qa .frame{align-items:center;justify-content:center;gap:40px;}
.qa-title{font-family:"JetBrains Mono",monospace;font-size:120px;font-weight:700;color:#fff;letter-spacing:0.08em;margin:0;}
.qa-sub{font-size:40px;color:var(--fg-dim);font-weight:300;}
.qa-qr{display:flex;align-items:center;gap:34px;border:1px solid var(--line-strong);border-radius:18px;padding:30px 44px;background:rgba(255,255,255,0.03);}
.qa-qr .ph{width:190px;height:190px;border:2px dashed rgba(91,224,232,0.5);border-radius:12px;display:flex;align-items:center;justify-content:center;
  font-family:"JetBrains Mono",monospace;font-size:26px;color:var(--cyan);letter-spacing:0.1em;}
.qa-qr .ls{display:flex;flex-direction:column;gap:12px;font-family:"JetBrains Mono",monospace;font-size:27px;color:var(--fg-dim);letter-spacing:0.06em;}
.qa-qr .ls .k{color:var(--fg-mute);}
.qa-chips{display:flex;gap:24px;}
.qa-chips .ch{font-size:29px;color:var(--fg);border:1px solid var(--line-strong);border-radius:40px;padding:14px 32px;background:rgba(255,255,255,0.04);}
.qa-cat{position:absolute;right:70px;bottom:60px;width:110px;height:110px;border-radius:50%;object-fit:cover;border:2px solid rgba(91,224,232,0.4);opacity:0.9;z-index:4;}
