*{box-sizing:border-box}body{margin:0;background:#eaf1f5;color:#17232c;font-family:Plus Jakarta Sans,sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #0ba3ce;outline-offset:3px}.deck-top{height:55px;display:flex;justify-content:space-between;align-items:center;padding:0 3%;font-size:12px;color:#405b6a}.deck{width:min(calc((100vh - 165px)*16/9),96vw);aspect-ratio:16/9;position:relative;margin:auto;container-type:inline-size;box-shadow:0 15px 70px #16384d15}.slide{position:absolute;inset:0;background:#fff;overflow:hidden;visibility:hidden;opacity:0;transition:opacity .25s;isolation:isolate}.slide.active{visibility:visible;opacity:1}.slide:before{content:"";position:absolute;width:60%;height:100%;right:-30%;top:-40%;background:radial-gradient(ellipse,#cfedfa88,transparent 70%);z-index:-1}.slide-brand{position:absolute;top:5%;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;font-size:.72cqw;letter-spacing:.13em;color:#58707e}.slide-brand img{width:8cqw}.slide-content{position:absolute;inset:17% 5% 12%;display:flex;flex-direction:column;justify-content:center}.label{color:#0583a7;font-weight:700;font-size:.9cqw;text-transform:uppercase;letter-spacing:.14em;margin-bottom:1.5cqw}h1{font-weight:500;font-size:4cqw;letter-spacing:-.045em;line-height:1.14;margin:0 0 1.6cqw;white-space:normal}.intro{font-size:1.35cqw;line-height:1.65;color:#4b6471;max-width:80%;white-space:pre-line;margin:0 0 1.5cqw}.slide-items{display:grid;grid-template-columns:repeat(2,1fr);gap:1.3cqw 3cqw;margin-top:.5cqw}.item{border-top:1px solid #bcd9e4;padding-top:1.1cqw}.item h2{font-size:1.4cqw;letter-spacing:-.02em;font-weight:600;margin:0 0 .6cqw;color:#087e9f}.item p{font-size:1.15cqw;line-height:1.65;margin:0;color:#425d6b}.five{grid-template-columns:repeat(3,1fr)}.five .item h2{font-size:1.5cqw}.visual .slide-content{right:45%}.visual h1{font-size:3.8cqw}.visual .intro{max-width:100%;font-size:1.3cqw}.slide-image{position:absolute;right:0;top:0;width:40%;height:100%;object-fit:cover;z-index:-1}.visual .slide-brand span{display:none}.cover .slide-image{width:100%;opacity:.48}.cover:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f7fcffff,#f7fcffbb 50%,transparent);z-index:-1}.cover .slide-content{right:12%}.cover h1{font-size:5.1cqw}.cover .intro{max-width:70%}.slide-foot{position:absolute;bottom:4%;left:5%;right:5%;display:flex;justify-content:space-between;font-size:.75cqw;color:#476777;letter-spacing:.06em}.speaker-note{display:none}.controls{display:flex;align-items:center;justify-content:center;gap:9px;margin:18px auto 0;padding:0 10px}.controls button,.controls select{background:#fff;border:1px solid #bed1dc;border-radius:5px;padding:8px 12px;font-size:12px;color:#284655;min-height:36px;max-width:35vw}.controls button:disabled{opacity:.35;cursor:default}.hint{text-align:center;font-size:10px;color:#577482;margin:10px 0}.deck-progress{width:min(calc((100vh - 165px)*16/9),96vw);margin:auto;height:3px;background:#d4e4ec}#progress{height:3px;background:#0ba3ce;transition:width .2s}.frag{opacity:0;transform:translateY(10px);transition:opacity .3s,transform .3s}.frag.visible{opacity:1;transform:none}.notes-panel{position:fixed;bottom:95px;left:10%;right:10%;background:#102b3af5;color:#fff;padding:20px;border-radius:8px;box-shadow:0 8px 40px #0003;font-size:14px;line-height:1.7;z-index:10}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(max-width:700px){.deck-top>span{display:none}.deck{width:96vw;aspect-ratio:auto;height:calc(100svh - 175px);min-height:520px}.slide-content{inset:15% 7% 10%;justify-content:flex-start;overflow-y:auto}.slide-brand{top:5%;left:7%;right:7%;font-size:9px}.slide-brand img{width:90px}.label{font-size:10px;margin-bottom:18px}h1,.visual h1,.cover h1{font-size:30px;margin-bottom:18px}.intro,.visual .intro{font-size:14px;max-width:100%;line-height:1.6}.slide-items,.five{grid-template-columns:1fr;gap:13px}.item{padding-top:10px}.item h2,.five .item h2{font-size:15px;margin-bottom:6px}.item p{font-size:12px}.visual .slide-content,.cover .slide-content{right:7%}.slide-image{width:100%;opacity:.12}.cover .intro{max-width:100%}.slide-foot{font-size:8px;left:7%;right:7%}.controls{gap:5px}.controls button,.controls select{font-size:10px;padding:6px 8px}.controls #full{display:none}.deck-progress{width:96vw}.hint{font-size:9px}.notes-panel{left:5%;right:5%;font-size:12px;bottom:100px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.frag{transform:none}}@media print{@page{size:320mm 180mm;margin:0}body{background:#fff;print-color-adjust:exact;-webkit-print-color-adjust:exact}.deck-top,.controls,.hint,.deck-progress,.notes-panel{display:none!important}.deck{width:320mm;height:auto;aspect-ratio:auto;margin:0;box-shadow:none;container-type:normal}.slide{position:relative;width:320mm;height:180mm;opacity:1!important;visibility:visible!important;break-after:page;page-break-after:always}.slide:last-child{break-after:auto}.slide-brand{font-size:8px}.slide-brand img{width:96px}.slide-content{inset:17% 5% 12%}.label{font-size:11px;margin-bottom:18px}h1{font-size:48px;margin-bottom:20px}.intro,.visual .intro{font-size:16px;margin-bottom:18px}.slide-items{gap:16px 36px;margin-top:6px}.item{padding-top:13px}.item h2,.five .item h2{font-size:17px;margin-bottom:7px}.item p{font-size:14px}.visual h1{font-size:46px}.cover h1{font-size:61px}.slide-foot{font-size:9px}.frag{opacity:1!important;transform:none!important}}@media screen{body{background:#09080f;color:#f2eef7}.deck-top{color:#b1a4c0}.slide{background:#120d20}.slide:before{background:radial-gradient(ellipse,#642d793f,transparent 70%)}.slide-brand,.slide-foot{color:#b0a3c0}.label,.item h2{color:#55d5ee}.intro,.item p{color:#ccc2d8}.item{border-color:#49365d}.cover .slide-image{opacity:.7}.cover:after{background:linear-gradient(90deg,#110a20eb,#110a2077 55%,transparent)}.controls button,.controls select{background:#21172e;border-color:#4e3b64;color:#ded6e9}.deck-progress{background:#2e203d}.hint{color:#a697b6}}@media print{.slide-brand img{filter:brightness(0)}}.slide-brand img{width:5cqw;height:5cqw;object-fit:contain}@media(max-width:700px){.slide-brand img{width:44px;height:44px}}@media print{.slide-brand img{width:60px;height:60px}}.notes-panel{bottom:160px;max-height:35vh;overflow:auto}.screenshot-slide .slide-content{justify-content:flex-start;inset:14% 5% 10%}.screenshot-slide .label{margin-bottom:.7cqw}.screenshot-slide h1{font-size:2.7cqw;margin-bottom:.65cqw}.screenshot-slide .intro{font-size:1cqw;margin-bottom:.5cqw;max-width:100%}.slide-screens{margin:.5cqw 0 0;min-height:0;flex:1;display:flex;flex-direction:column}.slide-screens>div{display:flex;gap:2cqw;justify-content:center;min-height:0;flex:1}.slide-screens img{height:100%;max-height:30cqw;min-width:0;max-width:100%;object-fit:contain;border-radius:.5cqw}.slide-screens figcaption{text-align:center;font-size:.75cqw;color:#a4adbc;margin-top:.6cqw}.screenshot-slide .slide-foot{bottom:3%}@media(max-width:700px){.screenshot-slide .slide-content{inset:14% 6% 10%}.screenshot-slide h1{font-size:26px}.screenshot-slide .label{font-size:9px;margin-bottom:12px}.screenshot-slide .intro{font-size:12px}.slide-screens{margin-top:15px;flex:initial}.slide-screens>div{align-items:center;gap:8px}.slide-screens img{max-height:360px;height:auto;max-width:100%;flex:1;width:0;object-fit:contain}.slide-screens figcaption{font-size:9px;margin-top:12px}}@media print{.screenshot-slide h1{font-size:32px;margin-bottom:8px}.screenshot-slide .label{margin-bottom:8px}.screenshot-slide .intro{font-size:12px;margin-bottom:6px}.slide-screens{margin-top:6px}.slide-screens>div{gap:24px}.slide-screens img{max-height:360px;border-radius:6px}.slide-screens figcaption{font-size:9px;color:#536775;margin-top:7px}}
