:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#141413;--muted:#5f5a52;--soft:#81786d;--paper:#f4f0e8;--paper-2:#ece4d5;--surface:#fbfaf6;--clay:#c96442;--clay-dark:#9e4429;--fig:#5f4b63;--cactus:#536b55;--olive:#8c8354;--blueprint:#d8e1d1;--line:#14141324;--line-strong:#14141347;--shadow:0 24px 70px #1414131f;--section-x:clamp(18px, 5vw, 84px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(#14141309 1px, transparent 1px), linear-gradient(90deg, #14141309 1px, transparent 1px), var(--paper);color:var(--ink);background-size:32px 32px;margin:0;font-family:Maple Mono NF CN,Maple Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,Microsoft YaHei,monospace}a{color:inherit;text-decoration:none}button{font:inherit}img,video{max-width:100%}.topbar{z-index:20;min-height:64px;padding:10px var(--section-x);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f4f0e8db;justify-content:space-between;align-items:center;gap:22px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;min-width:0;display:flex}.brand span{background:var(--ink);width:38px;height:38px;color:var(--paper);border-radius:7px;place-items:center;font-size:13px;font-weight:860;display:grid}.brand strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}nav{gap:4px;display:flex}nav a{color:var(--muted);border-bottom:2px solid #0000;padding:9px 10px;font-size:14px}nav a:hover{border-color:var(--clay);color:var(--ink)}.deck-section{--mx:50%;--my:50%;--section-glow:0;--section-depth:0;border-top:1px solid #14141314;position:relative;overflow:hidden}.deck-section:after{z-index:0;background:radial-gradient(circle at var(--mx) var(--my), #c964422e, transparent 28%), radial-gradient(circle at calc(100% - var(--mx)) calc(100% - var(--my)), #536b551f, transparent 32%);content:"";opacity:var(--section-glow);pointer-events:none;transition:opacity .22s;position:absolute;inset:0}.deck-section>*{z-index:1;position:relative}.deck-section:before{top:18px;left:var(--section-x);color:#14141347;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:760;position:absolute}h1,h2,h3,p{overflow-wrap:break-word;margin-top:0}.eyebrow,.section-kicker,.panel-label{color:var(--clay-dark);letter-spacing:.02em;text-transform:uppercase;margin:0 0 12px;font-size:13px;font-weight:820}h1{letter-spacing:0;max-width:880px;margin-bottom:18px;font-size:clamp(44px,5.4vw,72px);line-height:.99}h2{letter-spacing:0;margin-bottom:0;font-size:clamp(28px,3.5vw,44px);line-height:1.03}h3{letter-spacing:0}.lead{max-width:760px;color:var(--muted);margin-bottom:0;font-size:clamp(17px,1.55vw,22px);line-height:1.54}.hero{min-height:clamp(620px,78svh,760px);padding:clamp(34px, 4vw, 58px) var(--section-x) 48px;background:radial-gradient(circle at 82% 24%, #c9644229, transparent 28%), radial-gradient(circle at 14% 82%, #536b5524, transparent 28%), linear-gradient(180deg, #fbfaf6 0%, var(--paper) 78%);grid-template-columns:minmax(0,1.12fr) minmax(320px,.52fr);align-items:center;gap:clamp(28px,5vw,76px);display:grid}.hero-copy{min-width:0}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.primary-action,.secondary-action{border-radius:6px;justify-content:center;align-items:center;min-height:44px;padding:11px 16px;font-weight:800;display:inline-flex}.primary-action{border:1px solid var(--ink);background:var(--ink);color:var(--paper);box-shadow:0 16px 38px #14141324}.secondary-action{border:1px solid var(--line-strong);color:var(--ink);background:0 0}.speaker-panel{border:1px solid var(--line);background:linear-gradient(135deg,#d8e1d180,#0000 42%),#fbfaf6b8;border-radius:8px;gap:18px;padding:24px;display:grid;box-shadow:0 18px 54px #1414131a}.speaker-panel h2{font-size:clamp(25px,2.8vw,36px)}.speaker-panel p,.speaker-panel dd{color:var(--muted);line-height:1.6}.speaker-panel dl{border-top:1px solid var(--line);gap:0;margin:0;display:grid}.speaker-panel dl div{border-bottom:1px solid var(--line);grid-template-columns:72px 1fr;gap:14px;padding:12px 0;display:grid}.speaker-panel dt{color:var(--ink);font-weight:830}.speaker-panel dd{margin:0}.course-section,.content-section,.theory-section,.practice-section,.prompt-section,.layers-section,.pilot-section,.video-section,.source-section,.framework-section,.wiki-section,.risk-section,.course-image-section{padding:82px var(--section-x)}.section-heading{grid-template-columns:minmax(0,.9fr) minmax(280px,.58fr);align-items:end;gap:34px;margin-bottom:34px;display:grid}.section-heading.compact{max-width:920px;display:block}.section-heading p,.framework-copy p,.wiki-copy p,.video-copy p,.risk-section p{color:var(--muted);font-size:17px;line-height:1.66}.course-section{background:var(--paper)}.course-timeline{border-top:1px solid var(--line-strong);border-left:1px solid var(--line-strong);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.timeline-item{border-right:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);background:#fbfaf680;min-height:210px;padding:20px;transition:background .18s,color .18s,box-shadow .18s,transform .18s}.timeline-item:hover{background:var(--ink);color:var(--paper);box-shadow:0 22px 56px #1414132e}.timeline-item span,.scenario-item span,.pilot-item span,.layer-item span{color:var(--clay-dark);margin-bottom:28px;font-size:13px;font-weight:850;display:inline-block}.timeline-item h3,.scenario-item h3,.pilot-item h3,.layer-item h3{margin-bottom:10px;font-size:22px;line-height:1.18}.timeline-item p,.scenario-item p,.pilot-item p,.layer-item p{color:var(--muted);margin:0;line-height:1.58}.timeline-item em,.scenario-item em,.knowledge-item em{color:var(--soft);letter-spacing:.02em;margin-top:18px;font-size:12px;font-style:normal;font-weight:850;display:inline-block}.timeline-item:hover p,.scenario-item:hover p{color:#f4f0e8bd}.timeline-item:hover span,.scenario-item:hover span{color:#f0b391}.framework-section{background:var(--surface);grid-template-columns:minmax(280px,.55fr) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,64px);display:grid}.framework-copy{min-width:0;max-width:560px}.framework-visual{border:1px solid var(--line);cursor:pointer;background:#fffdf8;border-radius:8px;transition:box-shadow .22s,transform .22s,border-color .22s;box-shadow:0 18px 46px #14141314}.framework-visual:hover{border-color:#c964426b;box-shadow:0 26px 72px #c9644229}.content-section{background:var(--paper)}.hermes-section{background:linear-gradient(90deg, #d8e1d18c, transparent 42%), var(--paper)}.legal-section{background:radial-gradient(circle at 84% 18%, #c964421c, transparent 30%), var(--surface)}.llmwiki-section{background:linear-gradient(135deg, #8c835429, transparent 40%), var(--paper)}.knowledge-grid{border-top:1px solid var(--line-strong);border-left:1px solid var(--line-strong);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.knowledge-item{border-right:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);cursor:pointer;background:#fbfaf680;min-height:214px;padding:24px;transition:background .18s,box-shadow .18s,transform .18s}.knowledge-item:hover{background:#fbfaf6db;box-shadow:inset 0 0 0 1px #c9644238,0 18px 48px #14141314}.knowledge-item span{color:var(--clay-dark);margin-bottom:42px;font-size:13px;font-weight:850;display:block}.knowledge-item p{color:var(--muted);margin:0;font-size:18px;line-height:1.58}.framework-visual img{border-radius:inherit;width:100%;display:block}.framework-visual.wide{max-width:1120px;margin:0 auto}.theory-grid{grid-template-columns:minmax(0,1fr) minmax(330px,.72fr);align-items:stretch;gap:22px;display:grid}.react-bridge{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.bridge-card{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:194px;color:var(--ink);cursor:pointer;text-align:left;background:#fbfaf694;gap:10px;padding:20px;transition:background .18s,color .18s,transform .18s,box-shadow .18s;display:grid}.bridge-card:hover,.bridge-card.is-active{background:var(--ink);color:var(--paper);transform:translateY(-2px);box-shadow:0 18px 48px #14141326}.bridge-card span{color:var(--clay);font-size:13px;font-weight:850}.bridge-card.is-active span,.bridge-card:hover span{color:#f0b391}.bridge-card strong{font-size:22px;line-height:1.16}.bridge-card small{color:inherit;opacity:.76;font-size:15px;line-height:1.52}.bridge-card em{color:var(--olive);align-self:end;font-style:normal;font-weight:850}.bridge-card.is-active em,.bridge-card:hover em{color:#dfd5c7}.theory-detail{background:var(--ink);min-height:410px;color:var(--paper);box-shadow:var(--shadow);border-radius:8px;flex-direction:column;justify-content:space-between;padding:28px;display:flex}.theory-detail span{color:#f0b391;font-weight:850}.theory-detail h3{margin:20px 0 16px;font-size:clamp(25px,3vw,38px);line-height:1.12}.theory-detail p{color:#f4f0e8c2;font-size:17px;line-height:1.68}.theory-detail strong{color:#f0b391;margin-top:16px;font-size:17px;line-height:1.5;display:block}.theory-detail ul{gap:8px;margin:20px 0 0;padding:0;list-style:none;display:grid}.theory-detail li{color:#f4f0e8b8;font-size:15px}.theory-detail li:before{content:"— ";color:#f0b391}.wiki-section{min-height:720px;color:var(--paper);background:radial-gradient(circle at 72% 38%,#c9644229,#0000 30%),#1f1f1d;grid-template-columns:minmax(280px,.58fr) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,64px);display:grid}.wiki-copy{min-width:0;max-width:560px}.wiki-copy h2{overflow-wrap:anywhere;margin-bottom:20px;font-size:clamp(28px,3.3vw,42px)}.wiki-copy p{color:#f4f0e8b8}.wiki-status{border-top:1px solid #f4f0e82e;gap:8px;margin-top:28px;padding-top:22px;display:grid}.wiki-status span{color:#f0b391;font-weight:850}.wiki-status strong{font-size:20px;line-height:1.35}.wiki-status p{color:#f4f0e8ad;margin:0;font-size:15px;line-height:1.54}.wiki-status button{width:-moz-fit-content;width:fit-content;color:var(--paper);cursor:pointer;background:#f4f0e814;border:1px solid #f4f0e83d;border-radius:6px;margin-top:6px;padding:9px 12px;font-weight:820}.graph-stage{min-height:620px;position:relative;overflow:hidden}.graph-stage canvas{width:100%;height:100%;position:absolute;inset:0}.graph-label-layer{pointer-events:none;position:absolute;inset:0}.graph-label{z-index:2;min-height:32px;color:var(--paper);cursor:pointer;pointer-events:auto;white-space:nowrap;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f4f0e81f;border:1px solid #f4f0e838;border-radius:6px;padding:7px 10px;font-size:13px;font-weight:820;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s;position:absolute}.graph-label:hover{border-color:#f0b391b8;box-shadow:0 0 32px #c9644252}.graph-label.is-hovered{background:#f4f0e82e;border-color:#f0b391b8;box-shadow:0 0 32px #f0b39138}.graph-label.is-active{background:#c964425c;border-color:#f0b3919e;box-shadow:0 0 38px #c9644261}.prompt-section{background:radial-gradient(circle at 18% 18%, #536b551f, transparent 28%), var(--surface)}.prompt-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.prompt-card{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:220px;color:var(--ink);cursor:pointer;text-align:left;background:#fbfaf68f;align-content:space-between;gap:18px;padding:22px;transition:background .18s,color .18s,box-shadow .18s,transform .18s;display:grid}.prompt-card:hover{background:var(--ink);color:var(--paper);box-shadow:0 20px 58px #14141329}.prompt-card span{color:var(--clay-dark);font-size:13px;font-weight:850}.prompt-card:hover span{color:#f0b391}.prompt-card strong{font-size:19px;line-height:1.42}.prompt-card small{color:var(--muted);font-size:14px;line-height:1.48}.prompt-card:hover small{color:#f4f0e8b8}.scenario-grid,.pilot-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.scenario-item,.pilot-item{border-right:1px solid var(--line);border-bottom:1px solid var(--line);cursor:pointer;background:#fbfaf67a;min-height:240px;padding:22px;transition:background .18s,color .18s,box-shadow .18s,transform .18s}.scenario-item:hover{background:var(--ink);color:var(--paper)}.layers-section{background:var(--surface)}.layer-list{border-top:1px solid var(--line-strong);gap:0;display:grid}.layer-item{border-bottom:1px solid var(--line);grid-template-columns:70px minmax(180px,.45fr) minmax(220px,.55fr) minmax(260px,.9fr);align-items:start;gap:22px;padding:20px 0;display:grid}.layer-item span{margin-bottom:0}.layer-item h3{margin:0}.layer-item strong{color:var(--clay-dark);line-height:1.42}.risk-section{color:var(--paper);background:#2a2926;grid-template-columns:minmax(280px,.55fr) minmax(0,1fr);gap:clamp(24px,5vw,64px);display:grid}.risk-section p{color:#f4f0e8b8}.risk-list{border-top:1px solid #f4f0e833;gap:0;margin:0;padding:0;list-style:none;display:grid}.risk-list li{color:#f4f0e8d6;cursor:pointer;border-bottom:1px solid #f4f0e82e;padding:18px 0;font-size:17px;line-height:1.58;transition:color .18s,padding-left .18s,text-shadow .18s}.risk-list li:hover{color:#f0b391;text-shadow:0 0 28px #f0b39152;padding-left:12px}.course-image-section{background:var(--surface)}.video-section{grid-template-columns:minmax(300px,.58fr) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,64px);display:grid}.beat-list{gap:8px;margin-top:24px;display:grid}.beat-list button{border:1px solid var(--line);color:var(--ink);cursor:pointer;text-align:left;background:#fbfaf68a;border-radius:6px;grid-template-columns:58px 1fr;align-items:center;gap:12px;padding:11px;transition:background .18s,box-shadow .18s,transform .18s;display:grid}.beat-list button:hover{background:#fbfaf6eb;box-shadow:0 14px 36px #1414131a}.beat-list span{color:var(--clay-dark);font-weight:900}.beat-list strong{font-size:15px;line-height:1.42}.video-player video{width:100%;box-shadow:var(--shadow);aspect-ratio:16/9;background:#050706;border-radius:8px;display:block;overflow:hidden}.video-bar{background:#1414131f;border-radius:999px;height:7px;margin-top:12px;overflow:hidden}.video-bar span{border-radius:inherit;background:linear-gradient(90deg, var(--ink), var(--clay), var(--olive));width:0%;height:100%;display:block}.video-button{cursor:pointer;margin-top:14px}.source-section{border-top:1px solid var(--line);background:var(--paper-2)}.source-links{flex-wrap:wrap;gap:10px;display:flex}.source-links a{border:1px solid var(--line);color:var(--muted);background:#fbfaf694;border-radius:6px;padding:10px 12px;font-weight:760}.insight-shell{z-index:40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14141338;place-items:end;padding:22px;display:grid;position:fixed;inset:0}.insight-panel{width:min(520px,100%);color:var(--paper);background:radial-gradient(circle at 24% 0,#c964423d,#0000 36%),#1f1f1d;border:1px solid #f4f0e82e;border-radius:10px;padding:28px;position:relative;box-shadow:0 28px 90px #14141352}.insight-close{width:34px;height:34px;color:var(--paper);cursor:pointer;background:0 0;border:1px solid #f4f0e838;border-radius:6px;place-items:center;font-size:22px;display:grid;position:absolute;top:14px;right:14px}.insight-panel p{color:#f0b391;text-transform:uppercase;margin:0 0 12px;font-size:13px;font-weight:850}.insight-panel h2{max-width:420px;margin-bottom:18px;font-size:clamp(28px,4vw,40px)}.insight-panel strong{color:#f4f0e8c7;font-size:16px;line-height:1.64;display:block}.insight-panel ul{gap:10px;margin:22px 0 0;padding:0;list-style:none;display:grid}.insight-panel li{color:#f4f0e8db;border-top:1px solid #f4f0e824;padding:11px 0;line-height:1.48}@media (max-width:1100px){.hero,.section-heading,.framework-section,.theory-grid,.wiki-section,.risk-section,.video-section{grid-template-columns:1fr}.course-timeline,.scenario-grid,.pilot-grid,.knowledge-grid,.prompt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.layer-item{grid-template-columns:56px 1fr}}@media (max-width:720px){.topbar{align-items:flex-start}nav{display:none}.hero,.course-section,.theory-section,.practice-section,.prompt-section,.layers-section,.pilot-section,.video-section,.source-section,.framework-section,.risk-section,.course-image-section,.wiki-section{padding-left:16px;padding-right:16px}.hero{min-height:auto;padding-top:38px}h1{overflow-wrap:anywhere;max-width:100%;font-size:clamp(36px,11.5vw,48px);line-height:1}h2{font-size:clamp(28px,8.8vw,38px)}.lead,.section-heading p,.framework-copy p,.wiki-copy p,.video-copy p,.risk-section p{font-size:16px}.hero-actions{grid-template-columns:1fr;display:grid}.primary-action,.secondary-action{text-align:center;width:100%;padding-left:14px;padding-right:14px}.speaker-panel,.theory-detail{padding:20px}.speaker-panel dl div,.beat-list button,.course-timeline,.react-bridge,.scenario-grid,.pilot-grid,.knowledge-grid,.prompt-grid{grid-template-columns:1fr}.timeline-item,.scenario-item,.pilot-item,.knowledge-item,.prompt-card{min-height:auto}.timeline-item span,.scenario-item span,.pilot-item span,.layer-item span{margin-bottom:18px}.layer-item{grid-template-columns:1fr;gap:8px}.graph-stage{min-height:520px}.graph-label{font-size:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}