: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;--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:var(--paper);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}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:#f4f0e8e6;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)}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:22px;font-size:clamp(42px,5vw,68px);line-height:.97}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(18px,1.7vw,22px);line-height:1.58}.hero{min-height:auto;padding:clamp(56px, 7vw, 96px) var(--section-x) 56px;background:radial-gradient(circle at 86% 20%, #c964422e, transparent 32%), linear-gradient(180deg, #fbfaf6 0%, var(--paper) 78%);grid-template-columns:minmax(0,1.15fr) minmax(340px,.62fr);align-items:center;gap:clamp(28px,5vw,76px);display:grid}.hero-copy{min-width:0}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:30px;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);box-shadow:var(--shadow);background:#fbfaf6c2;border-radius:8px;gap:20px;padding:26px;display:grid}.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,.theory-section,.practice-section,.layers-section,.pilot-section,.video-section,.source-section,.framework-section,.wiki-section,.risk-section,.course-image-section{padding:76px 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:#fbfaf670;min-height:210px;padding:20px}.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}.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);background:#fffdf8;border-radius:8px;box-shadow:0 18px 46px #14141314}.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;display:grid}.bridge-card:hover,.bridge-card.is-active{background:var(--ink);color:var(--paper);transform:translateY(-2px)}.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:#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}.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,transform .16s;position:absolute}.graph-label.is-active{background:#c964425c;border-color:#f0b3919e}.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);background:#fbfaf67a;min-height:240px;padding:22px}.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;border-bottom:1px solid #f4f0e82e;padding:18px 0;font-size:17px;line-height:1.58}.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;display:grid}.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}@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{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,.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{grid-template-columns:1fr}.timeline-item,.scenario-item,.pilot-item{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}}