:root{--bg:#071525;--bg2:#0b1d30;--panel:#10243a;--border:#244058;--muted:#9bb2c9;--text:#edf6ff;--teal:#39e2cb;--cyan:#83cfff;--gold:#ffcc87}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,"Segoe UI",Arial,sans-serif}body{background:radial-gradient(ellipse at 90% 0%,#153b4a 0,transparent 38%),#081522}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--teal);outline-offset:4px}
.application{max-width:1840px;min-height:100vh;margin:auto;padding:0 36px}.topbar{height:94px;display:flex;justify-content:space-between;align-items:center;gap:18px;border-bottom:1px solid #25394d}.brand{display:flex;align-items:center;gap:15px}.mark{width:44px;height:44px;border-radius:13px;background:linear-gradient(140deg,#40e6c9,#138aa2);color:#081827;font-weight:1000;font-size:19px;display:flex;justify-content:center;align-items:center;letter-spacing:-2px}.mark span{font-size:15px;align-self:flex-start;margin-top:7px;letter-spacing:0}.brand-strong{font-weight:850;font-size:18px;letter-spacing:.5px}.brand-strong em{font-style:normal;color:var(--teal)}.brand-sub{font-size:9px;color:#8aa7b9;font-weight:750;letter-spacing:1.7px;margin-top:4px}.top-actions{display:flex;align-items:center;gap:12px}.lang-toggle{display:flex;padding:4px;border:1px solid #2e4b60;border-radius:12px;background:#0c2133}.lang-toggle button{background:transparent;color:#b0c4d7;border:0;border-radius:8px;padding:10px 14px;font-size:12px;font-weight:800}.lang-toggle button.active{background:#25485a;color:var(--teal)}.icon-btn,.quiet-btn,.notes-btn{border:1px solid #315069;background:#112c41;color:#d2e4f4;border-radius:10px;padding:11px 15px;font-size:12px;font-weight:800}.primary-download{background:var(--teal);color:#092331;padding:13px 17px;border-radius:10px;font-size:12px;font-weight:850;white-space:nowrap}.primary-download:hover{filter:brightness(1.07)}.workspace{display:grid;grid-template-columns:280px minmax(0,1fr);gap:28px;padding-top:30px}.nav-panel{border:1px solid #273e53;background:linear-gradient(170deg,#0e2335,#0a1c2d);border-radius:16px;display:flex;flex-direction:column;height:calc(100vh - 165px);min-height:610px;max-height:900px;overflow:hidden}.nav-heading{display:flex;align-items:center;justify-content:space-between;padding:27px 19px 17px;border-bottom:1px solid #20374a}.nav-small{font-size:9px;letter-spacing:2.1px;font-weight:750;color:var(--teal)}.nav-heading h2{font-size:17px;margin:9px 0 0}.nav-count{border:1px solid #34536b;padding:5px 10px;border-radius:8px;font-weight:700;color:var(--muted);font-size:11px}.slide-list{padding:12px 10px;overflow:auto;scrollbar-color:#315368 transparent;scrollbar-width:thin;flex:1}.slide-item{width:100%;text-align:left;color:#afc3d5;background:none;border:1px solid transparent;border-radius:10px;padding:12px 11px;display:flex;gap:12px;align-items:flex-start;margin-bottom:5px;transition:background .2s,border .2s}.slide-item:hover{background:#193247}.slide-item.active{background:linear-gradient(105deg,#193f4b,#1d344b);border-color:#2d7b78;color:#f3ffff}.slide-no{font-size:12px;font-weight:850;color:#6f94ac;width:25px;padding-top:3px;flex:none}.slide-item.active .slide-no{color:var(--teal)}.slide-names{min-width:0}.slide-names b{display:block;font-size:11.6px;font-weight:700;line-height:1.55}.slide-names small{display:block;font-size:9px;margin-top:6px;color:#7e9bac;font-weight:800;letter-spacing:.7px}.nav-bottom{margin:12px 18px 18px;padding:15px 0;border-top:1px solid #304559;display:flex;align-items:center;gap:13px;font-size:11.5px}.nav-bottom small{color:var(--muted)}.nav-spark{height:34px;width:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--teal);background:#1b4548}.presentation-area{min-width:0}.presentation-heading{display:flex;justify-content:space-between;align-items:center;margin:4px 0 13px;color:#88a3ba;letter-spacing:1.5px;font-size:10px;font-weight:800}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 13px var(--teal);margin-right:9px}.separator{margin:0 13px;color:#3a607b}.quiet-btn{padding:7px 12px;font-size:11px}.slide-viewport{width:100%;aspect-ratio:16/9;background:var(--bg2);border:1px solid #335065;overflow:hidden;border-radius:17px;box-shadow:0 20px 75px #010c17a8;position:relative;perspective:1800px}.stage{height:100%;width:100%;padding:5.2% 5.6% 4.8%;background:radial-gradient(circle at 99% 0%,#1b4b60 0,transparent 39%),linear-gradient(150deg,#122d42,#09192b 85%);display:flex;flex-direction:column;position:relative;overflow:hidden;transform-origin:50% 50%}.stage:before{content:"";position:absolute;width:6px;top:0;bottom:0;left:0;background:var(--teal)}.stage::after{content:"";position:absolute;width:240px;height:240px;border:1px solid #42757f44;right:-130px;bottom:-130px;border-radius:50%;pointer-events:none}.stage.flip-next{animation:flipnext .38s ease-out}.stage.flip-prev{animation:flipprev .38s ease-out}@keyframes flipnext{0%{transform:rotateY(12deg);opacity:.3}100%{transform:rotateY(0);opacity:1}}@keyframes flipprev{0%{transform:rotateY(-12deg);opacity:.3}100%{transform:rotateY(0);opacity:1}}.stage-top{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.stage-label{color:var(--teal);font-size:clamp(8px,.85vw,12px);font-weight:850;letter-spacing:1.5px}.stage-count{color:#8eabc1;font-size:clamp(8px,.8vw,11px);font-weight:850}.stage-title{font-size:clamp(19px,2.55vw,40px);letter-spacing:-.7px;line-height:1.16;margin:5.1% 0 1.1%;font-weight:850;max-width:95%}.stage-sub{color:#b5c9d9;font-size:clamp(10px,1.16vw,17px);line-height:1.45;max-width:93%;margin:0}.stage-main{display:flex;align-items:stretch;flex:1;min-height:0;margin-top:3.4%;gap:2.3%}.stage-box{background:linear-gradient(155deg,#1b3c50bb,#193149d6);border:1px solid #406578;border-radius:12px;padding:2.1%;min-width:0;display:flex;flex-direction:column;justify-content:flex-start}.stage-box h3{font-size:clamp(11px,1.18vw,17px);line-height:1.25;margin:0 0 10px;color:#f2fbff}.stage-box p{font-size:clamp(9px,.91vw,14px);color:#b5ccdd;line-height:1.55;margin:0}.stage-box .box-num{color:var(--teal);font-weight:850;font-size:clamp(10px,.9vw,15px);margin-bottom:9px}.card-grid{display:grid;width:100%;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.2%}.card-grid.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card-grid.grid-1{grid-template-columns:1fr}.stat-grid{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.4%;align-items:stretch}.stat-grid.count-1{grid-template-columns:1fr}.stat-pill{border:1px solid #406579;background:#1d4554aa;padding:5%;border-radius:14px}.stat-pill strong{display:block;color:var(--teal);font-size:clamp(27px,3vw,48px);line-height:1.1;letter-spacing:-1.2px}.stat-pill span{display:block;color:#d7e7f4;margin-top:12px;font-size:clamp(10px,1vw,16px);line-height:1.4}.hero-layout{display:grid;grid-template-columns:1.2fr .75fr;gap:2.2%;width:100%}.hero-layout .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-layout .stat-grid.count-1{grid-template-columns:1fr}.hero-layout .mini-cards{display:grid;gap:9px;grid-template-columns:1fr}.mini-cards .stage-box{padding:5%}.mini-cards .stage-box p{font-size:clamp(8px,.85vw,13px)}.compact-stats{display:flex;flex-direction:column;gap:3.2%;width:100%}.compact-stats>.stat-grid{height:45%}.compact-stats>.card-grid{flex:1}.case-layout{display:flex;flex-direction:column;gap:4%;width:100%}.case-layout>.stat-grid{max-height:50%}.case-layout>.card-grid{flex:1}.flow-layout{display:flex;flex-direction:column;width:100%;gap:10%}.flow-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2%}.flow-step{position:relative;background:#1b3e52;border:1px solid #41687d;padding:12px;border-radius:10px;min-height:70px;display:flex;align-items:center;gap:8px;font-size:clamp(9px,1vw,15px);font-weight:800}.flow-step b{color:var(--teal);font-size:clamp(13px,1.3vw,20px)}.flow-step:not(:last-child):after{content:"›";position:absolute;right:-12%;color:var(--teal);font-size:25px;z-index:1}.roadmap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:2.5%}.roadmap-grid .stage-box{padding:6%}.roadmap-num{font-size:clamp(18px,2.2vw,34px);color:var(--teal);font-weight:900;margin-bottom:15px}.bar-chart{display:flex;align-items:end;justify-content:space-around;width:100%;padding:3% 3% 4%;background:#132f45b8;border:1px solid #335d73;border-radius:12px;gap:4%;position:relative}.bar-col{height:100%;min-width:0;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}.bar-space{height:70%;width:100%;display:flex;align-items:flex-end;justify-content:center;position:relative}.bar-value{position:absolute;bottom:calc(var(--percent) + 7px);font-size:clamp(9px,.92vw,13px);font-weight:800}.bar-fill{width:64%;height:var(--percent);background:linear-gradient(0deg,#2d9fc0,#76cfff);border-radius:5px 5px 0 0}.bar-col:last-child .bar-fill{background:linear-gradient(0deg,#139889,#42eccd)}.bar-col:last-child .bar-value{color:var(--teal)}.bar-year{font-size:clamp(10px,1vw,15px);font-weight:800;margin-top:14px;color:#c0d3e2}.callout{margin-top:auto;background:#1a3c4b;border:1px solid #326b72;border-radius:9px;color:#86f1db;padding:10px 15px;font-size:clamp(9px,.86vw,13px);line-height:1.5;flex-shrink:0}.stage-foot{border-top:1px solid #42637873;display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:3.8%;padding-top:1.4%;color:#92aebc;font-size:clamp(7px,.65vw,10px);flex-shrink:0}.stage-foot .foot-source{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:87%}.stage-foot .foot-n{color:var(--teal);font-weight:850}.stage.cover .stage-top{margin-bottom:5%}.stage.cover .conference-label{color:var(--teal);font-size:clamp(11px,1.25vw,18px);font-weight:850;line-height:1.5;letter-spacing:1px}.stage.cover .cover-title{font-size:clamp(30px,3.7vw,58px);font-weight:850;letter-spacing:-1.5px;line-height:1.13;max-width:95%;margin:5% 0 1.8%}.stage.cover .cover-rule{height:5px;width:90px;background:var(--teal);border-radius:5px;margin:2% 0 1.3%}.stage.cover .cover-subtitle{color:#c4d8e6;font-size:clamp(12px,1.45vw,22px);line-height:1.5}.stage.cover .cover-speaker{margin-top:auto;font-size:clamp(13px,1.3vw,20px);font-weight:850}.stage.cover .cover-school{color:#8ed5ed;font-size:clamp(11px,1.1vw,16px);margin-top:6px}.stage.cover .stage-foot{margin-top:3%}.stage.end .stage-title{font-size:clamp(25px,3vw,48px)}.stage.end .stage-main{margin-top:6%}.progress-rail{height:4px;background:#1e3a4d;margin-top:18px;border-radius:10px;overflow:hidden}.progress-filled{width:5%;height:100%;background:linear-gradient(90deg,#36d9c7,#7ecfff);transition:width .25s}.nav-controls{display:flex;justify-content:space-between;align-items:center;gap:13px;margin:19px 0 20px}.pager{display:flex;align-items:center;gap:16px}.pager button{background:#1b3a4e;border:1px solid #36566d;border-radius:9px;color:#e8f8ff;width:42px;height:40px;font-size:22px}.pager button:disabled{opacity:.38;cursor:not-allowed}.page-index{min-width:81px;font-size:16px;font-weight:850;text-align:center}.page-index span{color:#7490a4;font-size:12px}.shortcut{font-size:11px;color:#829eb5}.notes-btn{background:transparent}.notes-panel{padding:17px 19px;margin:0 0 18px;border:1px solid #335268;background:#122b40;border-radius:12px}.notes-title{color:var(--teal);font-size:10px;letter-spacing:1.5px;font-weight:900}.notes-panel p{line-height:1.65;font-size:13px;color:#c4d4e1;margin:9px 0 0}.below-caption{border-top:1px solid #263d52;padding-top:19px;display:flex;justify-content:space-between;gap:16px}.below-caption strong{font-size:11px;letter-spacing:1px}.below-caption p{color:#87a0b2;font-size:11px;line-height:1.5}.downloads-secondary{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.downloads-secondary a{display:block;border:1px solid #285d63;border-radius:8px;padding:10px 12px;color:#6be9d6;font-size:11px;font-weight:850}.page-footer{display:flex;justify-content:space-between;gap:12px;padding:27px 0 19px;color:#647e94;font-size:10px;margin-top:25px;border-top:1px solid #173044}.modal[hidden],.notes-panel[hidden]{display:none!important}.modal{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center}.modal-shade{position:absolute;inset:0;background:#020b12d9;backdrop-filter:blur(8px)}.modal-card{position:relative;z-index:1;background:#11293e;border:1px solid #476379;border-radius:19px;width:min(880px,93vw);max-height:88vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 40px 100px #020c19}.modal-head{padding:25px 27px 10px;display:flex;justify-content:space-between}.modal-head span{font-size:10px;color:var(--teal);font-weight:850;letter-spacing:2px}.modal-head h2{font-size:25px;margin:7px 0}.close-btn{border:1px solid #3f5e75;border-radius:10px;color:#fff;font-size:27px;background:#19384e;width:44px;height:44px}.modal-explain{padding:0 27px 12px;margin:0;color:#a5bdcf;font-size:12px;line-height:1.6}.source-list{padding:0 27px 20px;overflow:auto;scrollbar-color:#34576a transparent}.source-entry{display:block;border:1px solid #2f5268;padding:15px 17px;border-radius:12px;background:#19384a;margin-top:10px}.source-entry:hover{border-color:var(--teal)}.source-entry .source-key{display:inline-block;background:#266868;color:#b4fff0;padding:3px 7px;border-radius:5px;font-size:10px;margin-right:7px}.source-entry strong{font-size:13px}.source-entry p{font-size:11px;line-height:1.55;color:#a6bbcd;margin:8px 0 0}.source-entry .url{font-size:10px;margin-top:7px;color:#85d1e9;overflow-wrap:anywhere}.modal-foot{padding:15px 27px;border-top:1px solid #294b61;color:var(--teal);font-size:12px;font-weight:800}
@media(max-width:1100px){.application{padding:0 18px}.workspace{grid-template-columns:215px minmax(0,1fr);gap:16px}.nav-panel{height:calc(100vh - 153px)}.stage-box p{font-size:clamp(8px,.88vw,12px)}.top-actions{gap:7px}.brand-sub{letter-spacing:.6px}.lang-toggle button{padding:9px 10px}}@media(max-width:830px){.topbar{height:auto;padding:17px 0;flex-wrap:wrap}.workspace{display:flex;flex-direction:column}.nav-panel{height:auto;min-height:0;max-height:155px}.nav-heading,.nav-bottom{display:none}.slide-list{display:flex;gap:7px;padding:8px;overflow-x:auto}.slide-item{flex:none;width:165px;margin:0}.slide-names b{font-size:10px}.stage-title{margin-top:4%}.stage-main{margin-top:3%}.shortcut{display:none}.below-caption{flex-direction:column}.page-footer{flex-direction:column}}@media(max-width:550px){.application{padding:0 11px}.brand-strong{font-size:16px}.mark{width:39px;height:39px}.top-actions{width:100%;justify-content:space-between}.top-actions button,.primary-download{font-size:10px;padding:9px}.icon-btn span{display:none}.top-actions .primary-download{white-space:normal;text-align:center}.presentation-heading{font-size:9px}.quiet-btn span{display:none}.slide-viewport{border-radius:9px}.stage{padding:4.5%}.stage-label{letter-spacing:0}.stage-title{font-size:clamp(13px,3.15vw,18px);margin:4.5% 0 2%}.stage-sub{font-size:clamp(7px,1.8vw,10px)}.stage-main{margin-top:3.2%}.stage-box{border-radius:6px;padding:6%}.stage-box h3{font-size:clamp(7px,1.72vw,11px);margin-bottom:4px}.stage-box p{font-size:clamp(6px,1.4vw,9px);line-height:1.3}.stage-box .box-num{font-size:8px;margin-bottom:3px}.stat-pill{border-radius:6px}.stat-pill strong{font-size:clamp(15px,4vw,23px)}.stat-pill span{font-size:clamp(7px,1.6vw,10px);margin-top:3px}.callout{font-size:7px;padding:5px;margin-top:auto;border-radius:5px;line-height:1.2}.stage-foot{font-size:6px}.bar-value{font-size:7px}.bar-year{font-size:7px;margin-top:4px}.flow-step{min-height:34px;font-size:6px;border-radius:4px;padding:4px;gap:3px}.flow-step b{font-size:9px}.flow-step:not(:last-child):after{right:-17%;font-size:13px}.roadmap-num{font-size:14px;margin-bottom:5px}.stage.cover .conference-label{font-size:8px}.stage.cover .cover-title{font-size:clamp(17px,4.2vw,24px)}.stage.cover .cover-subtitle{font-size:8px}.stage.cover .cover-speaker{font-size:8px}.stage.cover .cover-school{font-size:7px}.stage.end .stage-title{font-size:14px}.notes-btn span{display:none}.pager{gap:7px}.pager button{width:34px;height:34px}.page-index{min-width:60px;font-size:12px}.nav-controls{margin:11px 0}.below-caption p{font-size:10px}.page-footer{font-size:9px}}

/* ICHNCDs 2026 — V2 visual identity based on the supplied conference poster.
   All diagrams and presentation text remain native HTML, not flattened images. */
:root{--bg:#eef6f2;--bg2:#f9fdfb;--panel:#ffffff;--border:#d6e6df;--muted:#5c7875;--text:#183e3c;--teal:#008e83;--cyan:#0b7f87;--gold:#cfdf20;--lime:#d4e630;--deep:#073f46;--ink:#173d42;--pale:#f0faf5}
html,body{color:var(--ink);background:#f3f9f5;font-family:"Aptos","Segoe UI",Arial,sans-serif}
body{background:radial-gradient(circle at 98% 1%,#dceda93b 0,transparent 32%),radial-gradient(circle at 0 62%,#9cdbcd3d 0,transparent 36%),#f5faf7}
.application{max-width:1800px;padding:0 32px}
.conference-ribbon{max-width:1800px;margin:auto;min-height:37px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 32px;background:linear-gradient(105deg,#08616a 0%,#079f8b 76%,#c9dc22 100%);color:#fff;letter-spacing:.35px;font-size:11px;font-weight:750}
.conference-ribbon b{font-weight:800}.conference-ribbon span:last-child{font-weight:700;white-space:nowrap}
.topbar{height:96px;border-bottom:1px solid #d7e7dd}.mark{width:52px;height:52px;background:linear-gradient(135deg,#037d78,#00ae94);border-radius:16px;color:#fff;box-shadow:0 5px 16px #007f7930;font-size:25px;letter-spacing:-2px}.mark span{font-size:12px;color:#e3f243;margin-top:5px}
.brand-strong{font-size:20px;color:#075759;letter-spacing:.2px}.brand-strong em{color:#009b8b}.brand-sub{color:#66817f;font-size:10px;letter-spacing:1.4px}
.lang-toggle{border:1px solid #bcd8cf;background:#eef8f2;border-radius:11px}.lang-toggle button{color:#66817b}.lang-toggle button.active{background:#047e7c;color:#fff;box-shadow:0 3px 9px #08797324}
.icon-btn,.quiet-btn,.notes-btn{border:1px solid #c9ddd5;background:#fff;color:#165254;border-radius:10px}.icon-btn:hover,.quiet-btn:hover,.notes-btn:hover{border-color:#38a99c;background:#f1fcf8}
.primary-download{background:linear-gradient(115deg,#057b76,#01aa91);color:#fff;box-shadow:0 5px 18px #06837b23;font-weight:800}.primary-download:hover{filter:brightness(1.06);transform:translateY(-1px)}
#motionBtn{min-width:90px}
.workspace{gap:24px;padding-top:23px}.nav-panel{background:#fff;border:1px solid #d6e5de;box-shadow:0 8px 25px #0c6b6212;min-height:580px;height:calc(100vh - 210px);border-radius:16px}
.nav-heading{border-bottom:1px solid #e1ebe6;padding:24px 20px 18px}.nav-small{color:#008e83}.nav-heading h2{color:#163e3f}.nav-count{border:1px solid #bedbd1;color:#428076;background:#f3faf6}.slide-list{scrollbar-color:#a4cbbd transparent}
.slide-item{color:#52716e;border-radius:10px;transition:background .22s,border .22s,transform .22s}.slide-item:hover{background:#eef8f3;transform:translateX(2px)}.slide-item.active{color:#065a58;border-color:#80c5b1;background:linear-gradient(100deg,#e3f8ed,#f5fbed)}.slide-no{color:#87ada0}.slide-item.active .slide-no{color:#008e83}.slide-names small{color:#70958a}.nav-bottom{border-top:1px solid #e3eee8;color:#144a49}.nav-bottom small{color:#6c8984}.nav-spark{background:#e7f6e9;color:#0a9e8c}
.presentation-heading{color:#60847b;margin:3px 0 12px}.live-dot{background:#00ab98;box-shadow:0 0 0 4px #01aa971d}.separator{color:#88aaa1}
.slide-viewport{background:#fafffc;border:1px solid #bdddd1;border-radius:17px;box-shadow:0 18px 55px #12584c1d}
.stage{background:radial-gradient(ellipse at 99% 0%,#e4f8de 0,transparent 38%),radial-gradient(ellipse at -12% 110%,#dcf3e9 0,transparent 45%),#fffefa;color:#163f3e;padding:5% 5.4% 4.4%;isolation:isolate}
.stage:before{width:9px;background:linear-gradient(to bottom,#00a896 0 61%,#d8e633 61% 100%)}
.stage::after{width:310px;height:310px;right:-170px;bottom:-215px;border:26px solid #9ddac32e;border-radius:50%;z-index:-1}
.stage-top{z-index:1}.stage-label{color:#038f80;font-weight:850}.stage-count{color:#72958c}
.stage-title{color:#0e4749;font-size:clamp(20px,2.52vw,38px);margin-top:4.5%;line-height:1.12;font-weight:850;letter-spacing:-.7px}
.stage-sub{color:#527c77;font-size:clamp(10px,1.16vw,17px);line-height:1.42}
.stage-main{margin-top:3%;gap:2%}
.stage-box{background:#ffffffeb;border:1px solid #d3e7dc;border-radius:12px;box-shadow:0 3px 12px #136a4c0b}
.stage-box h3{color:#155554;font-weight:800}.stage-box p{color:#54716f;line-height:1.47}
.stage-box .box-num{color:#008f81}
.stat-pill{background:linear-gradient(144deg,#e2f8f0,#eff9e9);border:1px solid #b5dfd2;border-radius:13px}
.stat-pill strong{color:#008b80}.stat-pill span{color:#365b59}
.flow-step{background:#eaf8f1;border:1px solid #b8ddcf;color:#135a56;box-shadow:0 5px 12px #1a6f6210}.flow-step b{color:#048f81}.flow-step:not(:last-child):after{color:#15a895}
.roadmap-num{color:#008d80}.roadmap-grid .stage-box:nth-child(2){background:#f3fae2;border-color:#d6e5a0}
.bar-chart{background:linear-gradient(180deg,#fbfefb,#eaf7ee);border:1px solid #d3e6d9}.bar-fill{background:linear-gradient(0deg,#038e82,#46bca7);border-radius:6px 6px 0 0}.bar-col:last-child .bar-fill{background:linear-gradient(0deg,#819e09,#d5e834)}.bar-value,.bar-year{color:#315953}.bar-col:last-child .bar-value{color:#648719}
.callout{background:#f3f9df;border:1px solid #d9e8a0;color:#4a6850;font-weight:650;border-radius:9px}
.stage-foot{border-top:1px solid #d8e8de;color:#67847d}.stage-foot .foot-n{color:#068e82}
.stage.cover,.stage.end{color:#fff;background:radial-gradient(circle at 100% 0%,#1cac966b 0,transparent 43%),radial-gradient(circle at 85% 110%,#d9e82b2c 0,transparent 38%),linear-gradient(135deg,#075561,#063b48 70%,#04323e)}
.stage.cover:before,.stage.end:before{background:linear-gradient(180deg,#d9e634,#0abf9a)}
.stage.cover::after,.stage.end::after{border-color:#d0df3261}
.stage.cover .stage-label,.stage.end .stage-label{color:#e0ec54}
.stage.cover .stage-count,.stage.end .stage-count{color:#adcdc8}
.stage.cover .conference-label{color:#dce952;letter-spacing:.6px;font-size:clamp(10px,1.21vw,17px)}
.stage.cover .cover-title{color:#fff;font-size:clamp(28px,3.55vw,54px);line-height:1.12;margin-top:4%;max-width:92%}
.stage.cover .cover-rule{background:#d7eb37;width:105px}
.stage.cover .cover-subtitle{color:#d8ede5;font-size:clamp(11px,1.38vw,20px)}
.stage.cover .cover-speaker{color:#fff}.stage.cover .cover-school{color:#c8e3d7}
.stage.cover .stage-foot,.stage.end .stage-foot{border-color:#57978c60;color:#acd3c8}.stage.cover .stage-foot .foot-n,.stage.end .stage-foot .foot-n{color:#e0eb51}
.stage.end .stage-title{color:#fff}.stage.end .stage-sub{color:#cce9df}.stage.end .stage-box{background:#ffffff12;border-color:#81cdb871;box-shadow:none}.stage.end .stage-box h3{color:#e1ee59}.stage.end .stage-box p{color:#e6f5f1}.stage.end .callout{background:#d4ea3220;color:#ecf5ba;border-color:#d7e8576b}
.progress-rail{background:#d6e6da;height:5px}.progress-filled{background:linear-gradient(90deg,#007e79 0%,#16b896 76%,#d7e834 100%);transition:width .5s cubic-bezier(.22,.8,.2,1)}
.pager button{background:#fff;border:1px solid #bfdbd1;color:#0b6a65}.pager button:not(:disabled):hover{background:#e2f7e9}.page-index{color:#184b48}.page-index span{color:#79948e}.shortcut{color:#78968d}.notes-panel{border-color:#cce4d8;background:#fff;color:#285c56}.notes-title{color:#078d80}.notes-panel p{color:#45665f}
.below-caption{border-top:1px solid #d3e4dc}.below-caption strong{color:#0c5652}.below-caption p{color:#718b83}.downloads-secondary a{border:1px solid #aed7c6;color:#087b73;background:#f8fdfa}.downloads-secondary a:hover{background:#e3f7ed}
.page-footer{border-top:1px solid #d8e8de;color:#7a978e}
.modal-shade{background:#042d36b3}.modal-card{background:#fff;border:1px solid #cfdfd5;box-shadow:0 35px 105px #012a2e53}.modal-head span{color:#00897f}.modal-head h2{color:#174d49}.close-btn{border-color:#b9d6ca;color:#086c64;background:#ebf8f0}.modal-explain{color:#607c73}.source-entry{background:#f9fdfb;border-color:#d7e5da;color:#234b47}.source-entry:hover{border-color:#0fa992;background:#f0fbf4}.source-entry .source-key{background:#e4f7e8;color:#0a756c}.source-entry p{color:#647e75}.source-entry .url{color:#087f77}.modal-foot{border-color:#d9e6dc;color:#0b867b}
/* Flipchart transitions and staggered scene motion */
.stage.flip-next{animation:stage-in-next .52s cubic-bezier(.18,.8,.22,1)}
.stage.flip-prev{animation:stage-in-prev .52s cubic-bezier(.18,.8,.22,1)}
@keyframes stage-in-next{from{transform:translateX(24px) rotateY(-2.5deg) scale(.985);opacity:.40;filter:blur(2px)}to{transform:none;opacity:1;filter:blur(0)}}
@keyframes stage-in-prev{from{transform:translateX(-24px) rotateY(2.5deg) scale(.985);opacity:.40;filter:blur(2px)}to{transform:none;opacity:1;filter:blur(0)}}
.stage.flip-next .stage-title,.stage.flip-prev .stage-title,.stage.flip-next .cover-title,.stage.flip-prev .cover-title{animation:fade-lift .55s both .04s}
.stage.flip-next .stage-sub,.stage.flip-prev .stage-sub,.stage.flip-next .cover-subtitle,.stage.flip-prev .cover-subtitle{animation:fade-lift .58s both .10s}
.stage.flip-next .stage-main > *, .stage.flip-prev .stage-main > *{animation:fade-lift .5s both .16s}
.stage.flip-next .stage-box,.stage.flip-prev .stage-box{animation:fade-lift .48s both .22s}
.stage.flip-next .stage-box:nth-child(2),.stage.flip-prev .stage-box:nth-child(2){animation-delay:.28s}
.stage.flip-next .stage-box:nth-child(3),.stage.flip-prev .stage-box:nth-child(3){animation-delay:.34s}
.stage.flip-next .bar-fill,.stage.flip-prev .bar-fill{animation:grow-bar .8s cubic-bezier(.3,.7,.15,1) both .16s;transform-origin:bottom}
@keyframes fade-lift{from{opacity:0;transform:translateY(11px)}to{opacity:1;transform:translateY(0)}}
@keyframes grow-bar{from{transform:scaleY(.02)}to{transform:scaleY(1)}}
.motion-off .stage,.motion-off .stage *,.motion-off .progress-filled{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.stage,.stage *,button,a,.progress-filled{animation:none!important;transition:none!important}}
@media(max-width:1100px){.application{padding:0 18px}.conference-ribbon{padding:8px 18px}.workspace{gap:15px;grid-template-columns:222px minmax(0,1fr)}.stage-box p{font-size:clamp(8px,.89vw,12px)}}
@media(max-width:830px){.conference-ribbon{font-size:9px}.conference-ribbon span:last-child{white-space:normal;text-align:right}.topbar{height:auto;padding:16px 0;flex-wrap:wrap}.nav-panel{height:auto;min-height:0;max-height:155px}.slide-item:hover{transform:none}}
@media(max-width:560px){.application{padding:0 11px}.conference-ribbon{padding:7px 11px;font-size:8px}.conference-ribbon span:last-child{max-width:39%}.mark{width:41px;height:41px;border-radius:11px}.top-actions{flex-wrap:wrap;gap:7px}.top-actions #motionBtn{min-width:auto}.stage{padding:4.6%}.stage-title{font-size:clamp(12px,3.2vw,18px)}.stage-sub{font-size:clamp(7px,1.7vw,10px)}.stage-box p{font-size:clamp(6px,1.36vw,9px)}.stage.cover .cover-title{font-size:clamp(16px,4.1vw,25px)}.stage.cover .conference-label{font-size:clamp(7px,1.8vw,9px)}.stage.cover .cover-subtitle{font-size:clamp(7px,1.65vw,9px)}}