@import url('ported.css');
:root{--cyan:#00c2ff;--cyan-soft:#48daff;--lab-text:#e4e9ff;--muted:rgba(228,233,255,.65);--aqua:#48daff}
.mice-slide{max-width:1920px;padding:140px 188px 130px;color:var(--lab-text)}
.mice-slide::before,.mice-slide::after{display:none}
.mice-slide h1{font-size:112px;line-height:1.13;letter-spacing:-4px;position:relative;z-index:1}
.mice-slide h2{font-size:66px;line-height:1.4;letter-spacing:-1.8px;margin-bottom:40px;max-width:1544px}
.mice-slide em{font-style:normal;color:var(--cyan)}
.mice-slide .eyebrow{font-size:19px;letter-spacing:3px;margin-bottom:28px;color:var(--cyan)}
.mice-slide .lead{font-size:32px;line-height:1.65;color:var(--muted);margin-top:35px}
.mice-cover{justify-content:center}.cover-sub{font-size:40px;margin-top:32px}.cover-line{height:2px;width:100px;background:var(--cyan);margin:44px 0 30px}.speaker{font-size:26px;line-height:1.6}.speaker span,.event{color:var(--muted)}.event{font-size:22px;margin-top:24px}.cover-orbit{position:absolute;width:660px;height:660px;right:-290px;top:220px;opacity:.24}.cover-orbit i{position:absolute;inset:0;border:1px solid var(--cyan);border-radius:50%;transform:rotate(-25deg) scaleX(.7)}.cover-orbit i:nth-child(2){transform:rotate(30deg) scaleX(.65)}.cover-orbit i:nth-child(3){transform:rotate(85deg) scaleX(.6)}.cover-orbit span{position:absolute;inset:0;display:grid;place-items:center;font-size:180px;color:var(--cyan)}
.event-slide{display:grid;grid-template-columns:600px 1fr;align-content:center;gap:40px}.event-slide h2{font-size:72px}.event-constellation{height:600px;position:relative}.event-core{position:absolute;left:215px;top:240px;width:220px;height:150px;border:1px solid var(--cyan);border-radius:20px;display:grid;place-items:center;font-size:35px;background:rgba(0,194,255,.07)}.event-note{position:absolute;font-size:28px;padding:24px 0;border-bottom:1px solid var(--line)}.n1{left:40px;top:70px}.n2{right:0;top:190px}.n3{left:10px;bottom:90px}.n4{right:0;bottom:0}.question-slide h2{font-size:76px;line-height:1.5}.question-slide .eyebrow{color:var(--muted);margin-bottom:65px}.story-intro h2{font-size:76px}.story-path{display:flex;align-items:center;gap:50px;margin-top:70px;font-size:40px}.story-path small{display:block;font-size:20px;color:var(--muted);margin-bottom:16px}.story-path>span{color:var(--muted)}.accent{color:var(--cyan)}
.media-slide{padding-top:120px;padding-bottom:105px;justify-content:center}.media-heading h2{font-size:46px;margin:0 0 20px}.media-heading .eyebrow{font-size:17px;margin-bottom:10px}.video-frame{position:relative;flex:none;width:1240px;height:697.5px;align-self:center;border-radius:16px;overflow:hidden;background:#080d3a;box-shadow:0 20px 60px rgba(0,16,60,.45);border:1px solid var(--line)}.video-frame video,.video-frame iframe,.video-frame #youtubePlayer{width:100%;height:100%;display:block;border:0;object-fit:contain}.media-start{position:absolute;inset:0;margin:auto;width:450px;height:92px;border:1px solid var(--cyan);border-radius:100px;color:var(--lab-text);background:#0b2150;font:inherit;font-size:28px;cursor:pointer}.media-start[hidden]{display:none}.media-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:20px;color:var(--muted);margin:14px auto 0;width:1240px}.media-footer a{color:var(--cyan-soft);text-decoration:none}.media-footer button{padding:8px 20px;font-size:18px}.media-status{font-size:18px;color:var(--cyan-soft);position:absolute;bottom:76px}.exploration-options{display:grid;grid-template-columns:repeat(3,1fr);gap:65px;margin:60px 0}.exploration-options article{border-top:1px solid var(--line);padding-top:26px}.exploration-options b{font-size:26px;color:var(--cyan)}.exploration-options h3{font-size:36px;margin:25px 0 18px}.exploration-options p{font-size:26px;color:var(--muted);line-height:1.6}
.iceberg-slide{padding-top:130px;padding-bottom:125px}.iceberg-slide>.eyebrow{font-size:16px;text-align:center;margin-bottom:15px}.iceberg-slide>h2{top:0;font-size:52px;margin-bottom:40px;text-align:center;align-self:center}.iceberg-diagram{height:650px}.iceberg-diagram::before{transition:opacity .6s}.iceberg-slide .ice-caption{display:none}.ice-visible h3{font-size:30px}.ice-callout,.ice-under-label,.iceberg-art g[mask="url(#ice-depth-mask)"],.underwater-particles{transition:opacity .6s,transform .6s}.iceberg-slide[data-step="0"] .ice-callout,.iceberg-slide[data-step="0"] .ice-under-label{opacity:0;transform:translateY(16px)}.iceberg-slide[data-step="0"] .iceberg-art g[mask="url(#ice-depth-mask)"]{opacity:0}.iceberg-slide[data-step="0"] .iceberg-diagram::before,.iceberg-slide[data-step="0"] .underwater-particles{opacity:.2}.iceberg-slide[data-step="1"] .ice-callout{opacity:.8}.story-captions{height:62px;width:100%;position:relative;margin-top:22px;text-align:center}.story-caption{position:absolute;inset:0;font-size:29px;line-height:1.5;color:var(--cyan-soft);opacity:0;transform:translateY(12px);transition:opacity .35s,transform .35s}.story-caption.is-current{opacity:1;transform:none}.step-controls{display:flex;gap:14px;position:absolute;right:188px;bottom:107px}.step-controls button{font:inherit;font-size:16px;border:1px solid var(--line);border-radius:100px;background:var(--ink);color:var(--muted);padding:9px 17px;cursor:pointer}.step-controls button[aria-pressed=true]{color:var(--cyan);border-color:var(--cyan)}.ops-overview>h2{font-size:58px;margin-bottom:20px}.ops-diagram{height:590px;margin-top:8px}.ops-node,.ops-wire,.ops-packet{transition:opacity .5s}.ops-overview[data-step="0"] .ops-node,.ops-overview[data-step="0"] .ops-wire,.ops-overview[data-step="0"] .ops-packet{opacity:.08}.ops-overview[data-step="0"] .ops-dev,.ops-overview[data-step="0"] .ops-source{opacity:1}.ops-overview[data-step="1"] .ops-monitor,.ops-overview[data-step="1"] .ops-backup,.ops-overview[data-step="1"] .ops-rollback{opacity:.08}.example-note{font-size:18px;color:var(--muted);margin-top:14px;text-align:center}.ops-overview .step-controls{bottom:98px}.progress{width:100%;transform:scaleX(0);transform-origin:left;transition:transform .4s}.control:disabled{opacity:.3;cursor:default}
@container presentation (max-width:760px){.mice-slide{padding:105px 26px 110px;overflow:auto;justify-content:flex-start}.mice-slide h1{font-size:44px;letter-spacing:-1.5px;margin-top:50px}.mice-slide h2,.question-slide h2,.story-intro h2{font-size:35px;letter-spacing:-.8px;margin-bottom:24px}.mice-slide .eyebrow{font-size:12px;line-height:1.8;letter-spacing:1.4px}.mice-slide .lead{font-size:21px}.cover-sub{font-size:25px}.speaker{font-size:20px}.event{font-size:16px}.cover-orbit{display:none}.event-slide{display:flex;gap:0}.event-constellation{min-height:390px;width:100%}.event-core{top:155px;left:22%;width:55%;height:90px;font-size:24px}.event-note{font-size:18px;padding:12px 0}.n1{top:0;left:0}.n2{top:80px}.n3{bottom:65px}.n4{bottom:0}.story-path{gap:15px;font-size:20px;margin-top:40px}.story-path small{font-size:15px}.video-frame{width:100%;height:auto;aspect-ratio:16/9}.media-footer{width:100%;flex-wrap:wrap;font-size:14px}.media-heading h2{font-size:28px}.media-start{width:85%;height:58px;font-size:19px}.media-status{position:static;margin-top:20px}.exploration-options{grid-template-columns:1fr;gap:25px;margin:15px 0}.exploration-options h3{font-size:26px;margin:10px 0}.exploration-options p{font-size:20px}.iceberg-slide>h2{font-size:30px}.iceberg-diagram{height:auto}.iceberg-art{height:250px}.ice-visible h3{font-size:22px}.ice-callout h3{font-size:21px}.ice-callout p{font-size:17px}.ice-under-label{font-size:22px}.story-captions{height:110px;margin-top:25px}.story-caption{font-size:21px}.step-controls,.ops-overview .step-controls{position:static;justify-content:center;margin:15px 0}.ops-diagram{min-width:750px;height:320px;align-self:flex-start}.ops-overview{overflow:auto}.ops-overview>h2{font-size:30px}.ops-overview .story-captions,.ops-overview .example-note{flex:none}.example-note{font-size:15px}.keyboard-hint{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.ops-overview.active .ops-packet{opacity:.7}}
.zen .chrome-top{display:none}.zen .chrome-bottom{opacity:.2}.zen .chrome-bottom:hover,.zen .chrome-bottom:focus-within{opacity:1}
/* Fixed stage: reserve the caption area so flex layout cannot collapse it. */
@container presentation (min-width:761px){
 .cover-orbit{right:0;width:500px;height:500px;top:300px;opacity:.13}
 .mice-cover h1{font-size:108px}
 .media-slide{padding-top:112px;padding-bottom:105px}
 .media-slide .video-frame{width:1190px;height:669px}
 .media-footer{width:1190px;flex:none}
 .media-heading{flex:none}
 .iceberg-slide{padding-top:120px;padding-bottom:90px}
 .iceberg-diagram::before{height:448px}
 .iceberg-slide>h2{margin-bottom:32px}
 .story-captions{flex:none;height:65px}
 .ops-overview{padding-top:125px;padding-bottom:110px}
 .ops-overview>.eyebrow{margin-bottom:20px}
 .ops-overview>h2{font-size:54px;margin-bottom:12px;flex:none}
 .ops-overview .ops-diagram{height:535px;flex:none}
 .ops-overview .story-captions{margin-top:8px;height:56px}
 .ops-overview .example-note{margin-top:0;flex:none}
 .step-controls,.ops-overview .step-controls{bottom:75px}
}
@container presentation (min-width:761px){.cover-orbit{right:35px}.iceberg-slide .iceberg-art{overflow:hidden}}
@container presentation (min-width:761px){.iceberg-slide{padding-bottom:70px}.exploration-options p{font-size:24px;max-width:390px}}
@container presentation (max-width:760px){.chrome-bottom{background:linear-gradient(transparent,#05082e 35%);height:80px}.mice-slide{padding-bottom:130px}.story-captions{min-height:110px}.ops-overview .example-note{margin-bottom:20px}}
@container presentation (min-width:761px){.iceberg-slide .iceberg-art{overflow:visible}}
/* Keep the original waves; conceal all underwater detail until the reveal. */
.ice-detail-lines{transition:opacity .6s}
.iceberg-slide[data-step="0"] .ice-detail-lines,
.iceberg-slide[data-step="0"] .underwater-ray,
.iceberg-slide[data-step="0"] .underwater-particles{opacity:0;animation:none}
.iceberg-slide[data-step="0"] .underwater-particles i{animation:none}
.iceberg-slide[data-step="0"] .shooting-star{display:none}

.iceberg-slide[data-step="0"] .iceberg-diagram::before{opacity:1;background:#092d4a}
.iceberg-slide[data-step="0"] .water-ripple-front path:first-child{fill:#092d4a}

.ice-production-label{transition:opacity .6s}
.iceberg-slide[data-step="0"] .ice-production-label{opacity:0}
/* Float the complete ice geometry as one body; labels and leaders stay anchored. */
.iceberg-slide.active .iceberg-body{animation:iceberg-float 6s ease-in-out infinite}
@keyframes iceberg-float{0%,100%{transform:translateY(0)}50%{transform:translateY(12px)}}
@media(prefers-reduced-motion:reduce){.iceberg-slide.active .iceberg-body{animation:none;transform:none}}
.idea-slide h2{font-size:82px;line-height:1.35;margin-bottom:28px}
.idea-intro{font-size:30px;color:var(--muted);line-height:1.65;max-width:1450px}
.idea-journey{display:flex;gap:48px;align-items:center;margin-top:65px;padding-top:30px;border-top:1px solid var(--line)}
.idea-journey>div{flex:1}.idea-journey small{font-size:19px;color:var(--cyan)}
.idea-journey p{font-size:32px;line-height:1.5;margin-top:14px}.idea-journey>span{font-size:30px;color:var(--muted)}
.idea-payoff{font-size:28px;color:var(--cyan-soft);margin-top:48px;line-height:1.6}
@container presentation (max-width:760px){.idea-slide h2{font-size:38px}.idea-intro{font-size:21px}.idea-journey{gap:16px;margin-top:30px;flex-wrap:wrap}.idea-journey>div{flex-basis:100%}.idea-journey>span{display:none}.idea-journey small{font-size:15px}.idea-journey p{font-size:23px;margin-top:5px}.idea-payoff{font-size:21px;margin-top:28px}}
.cover-orbit .cover-mark{position:absolute;left:50%;top:50%;width:180px;height:auto;transform:translate(-50%,-50%);color:var(--cyan)}
/* Both story variants are static HTML; the step only selects the visible copy. */
.iceberg-slide .ice-copy-event{display:none}
.iceberg-slide[data-step="2"] .ice-copy-software{display:none}
.iceberg-slide[data-step="2"] .ice-copy-event{display:contents}
@container presentation (min-width:761px){
 .iceberg-slide[data-step="2"]>h2{font-size:44px}
 .iceberg-slide[data-step="2"] .ice-visible h3{font-size:29px}
 .iceberg-slide[data-step="2"] .ice-top-label{right:110px;font-size:20px;letter-spacing:2px}
 .iceberg-slide[data-step="2"] .ice-production-label{font-size:19px;letter-spacing:2px}
 .iceberg-slide[data-step="2"] .ice-callout h3{font-size:26px}
 .iceberg-slide[data-step="2"] .ice-callout p{font-size:20px}
}

/* The two themes frame the examples that follow. */
.better-smarter-slide{justify-content:center;padding-bottom:150px}.better-smarter-slide>.eyebrow{font-size:22px;margin-bottom:68px;color:var(--muted)}.better-smarter-pair{display:grid;grid-template-columns:1fr 130px 1fr;align-items:center;gap:35px;width:100%}.better-smarter-pair h2{font-size:110px;line-height:1.12;letter-spacing:-3px;margin:0 0 36px}.better-smarter-pair p{font-size:34px;line-height:1.6;margin-bottom:12px}.better-smarter-pair small{font-size:24px;line-height:1.6;color:var(--muted)}.better-smarter-cross{font-size:90px;font-weight:200;color:#64829a;text-align:center;margin-top:-80px}
@container presentation (max-width:760px){.better-smarter-slide{padding-top:125px}.better-smarter-slide>.eyebrow{font-size:13px;margin-bottom:30px}.better-smarter-pair{grid-template-columns:1fr;gap:22px}.better-smarter-pair h2{font-size:64px;margin-bottom:18px}.better-smarter-pair p{font-size:23px}.better-smarter-pair small{font-size:17px}.better-smarter-cross{font-size:44px;margin:0;text-align:left}}
/* Center the two-theme opener as a balanced composition. */
.better-smarter-slide>.eyebrow{text-align:center;width:100%}
.better-smarter-pair{text-align:center}
.better-smarter-cross{margin-top:-80px}
@container presentation (max-width:760px){.better-smarter-cross{text-align:center;margin-top:0}.better-smarter-pair{text-align:center}}

@container presentation (min-width:761px){html[data-lang="th"] .mice-cover h1{font-size:94px}.mice-cover .cover-sub{font-size:36px;max-width:1450px;line-height:1.6}}

/* A single-line statement with supporting copy aligned beneath each phrase. */
@container presentation (min-width:761px){
.better-smarter-slide{padding-bottom:135px}
.better-smarter-slide>.eyebrow{margin-bottom:65px;font-size:20px;letter-spacing:2px}
.better-smarter-pair{grid-template-columns:1fr 65px 1fr;gap:25px;align-items:start}
.better-smarter-pair h2{font-size:76px;line-height:1.25;letter-spacing:-2.4px;white-space:nowrap;margin-bottom:42px}
.better-smarter-cross{font-size:58px;line-height:95px;margin:0}
.better-smarter-pair p{font-size:30px;margin-bottom:9px}
.better-smarter-pair small{font-size:22px}
}
@container presentation (max-width:760px){.better-smarter-pair h2{font-size:39px;white-space:nowrap;letter-spacing:-1.5px}}

/* Supporting AI campaign examples; keep the question as the focal point. */
.question-slide{isolation:isolate}
.agency-campaign-collage{position:absolute;right:40px;top:200px;width:850px;height:750px;object-fit:contain;opacity:.66;z-index:-1;pointer-events:none;mask-image:linear-gradient(to right,transparent 0%,#05082e 15%,#05082e 95%,transparent 100%)}
@container presentation (min-width:761px){.question-slide>.eyebrow{font-size:16px;max-width:850px}.question-slide h2{font-size:58px;line-height:1.45;max-width:875px}.question-slide .lead{font-size:26px;max-width:830px}}
@container presentation (max-width:760px){.agency-campaign-collage{position:relative;inset:auto;width:100%;height:auto;opacity:.6;margin-top:30px;z-index:0}.question-slide h2{font-size:32px}.question-slide .lead{font-size:20px}}
@container presentation (min-width:761px){.better-smarter-pair{grid-template-columns:minmax(0,1fr) 55px minmax(0,1fr);gap:15px}.better-smarter-pair h2{font-size:91.2px;white-space:nowrap}.better-smarter-cross{line-height:114px}}
@container presentation (max-width:760px){.better-smarter-pair h2{font-size:46.8px}}

/* Four clear constraints converge on the same event. */
.event-slide{grid-template-columns:520px 1fr;gap:64px;align-items:center}
.event-intro>.eyebrow{font-size:16px;letter-spacing:2.5px;margin-bottom:35px}
.event-intro h2{font-size:76px;line-height:1.3;letter-spacing:-2px;margin:0}
.event-premise{font-size:25px;line-height:1.7;color:var(--muted);margin-top:36px}
.event-constellation{width:100%;height:620px}
.event-connections{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#3b657e;stroke-width:1.5}
.event-connections>circle{stroke:#25445e;stroke-dasharray:3 10}
.event-connections g{fill:#48daff;stroke:none}
.event-core{left:calc(50% - 90px);top:220px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#15384d,#091833);border:1px solid #44819a;display:flex;flex-direction:column;justify-content:center;gap:12px;box-shadow:0 0 50px #00103c55;font-size:29px}
.event-core small{font-size:12px;letter-spacing:3px;color:var(--cyan)}
.event-note{width:400px;min-height:164px;padding:27px 28px;border:1px solid #2a3e59;border-radius:18px;background:linear-gradient(135deg,#102039cc,#0b1430dd);font-size:27px;box-shadow:0 14px 35px #00103c25}
.event-note-heading{display:flex;align-items:center;gap:14px;margin-bottom:21px}
.event-note-heading svg{width:30px;height:30px;fill:none;stroke:#94b6c9;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.event-note-heading small{font-size:13px;letter-spacing:2px;color:#9ab1c8}
.event-note-index{margin-left:auto;font-size:14px;color:#5d758f}
.event-note p{font-size:26px;line-height:1.5}
.event-note.n1{left:0;top:20px;bottom:auto;right:auto}.event-note.n2{right:0;top:20px;bottom:auto;left:auto}.event-note.n3{left:0;bottom:20px;top:auto;right:auto}.event-note.n4{right:0;bottom:20px;top:auto;left:auto}
html[data-lang="en"] .event-intro h2{font-size:67px}
@container presentation (max-width:760px){.event-slide{display:flex;gap:30px}.event-intro>.eyebrow{font-size:11px;margin-bottom:20px}.event-intro h2,html[data-lang="en"] .event-intro h2{font-size:40px}.event-premise{font-size:19px;margin-top:20px}.event-constellation{height:auto;min-height:0;display:grid;grid-template-columns:1fr;gap:14px}.event-connections{display:none}.event-core{position:static;width:100%;height:90px;border-radius:16px;font-size:24px;gap:6px;margin-bottom:6px}.event-note.n1,.event-note.n2,.event-note.n3,.event-note.n4{position:static;width:100%;min-height:0;padding:20px}.event-note-heading{margin-bottom:13px}.event-note p{font-size:21px}.event-note-heading small{font-size:11px}}

/* Presenter-controlled handoff: keep both themes, shift their emphasis. */
.smarter-transition .better-smarter-pair>div{transition:transform 1s cubic-bezier(.22,1,.36,1),opacity .8s;transform-origin:center 57px}
.smarter-transition .better-smarter-cross{transition:transform .9s,opacity .8s}
.smarter-transition .better-smarter-pair>div:first-child p,.smarter-transition .better-smarter-pair>div:first-child small{transition:opacity .6s}
.smarter-transition[data-step="1"] .better-smarter-pair>div:first-child{transform:translateX(-30px) scale(.52);opacity:.38}
.smarter-transition[data-step="1"] .better-smarter-pair>div:first-child p,.smarter-transition[data-step="1"] .better-smarter-pair>div:first-child small{opacity:0}
.smarter-transition[data-step="1"] .better-smarter-pair>div:last-child{transform:translateX(-100px) scale(1.2)}
.smarter-transition[data-step="1"] .better-smarter-cross{transform:translateX(-90px) scale(.65);opacity:.3}
.smarter-next{position:absolute;left:188px;right:188px;bottom:225px;text-align:center;font-size:30px;color:var(--cyan-soft);opacity:0;transform:translateY(15px);transition:opacity .6s .35s,transform .6s .35s}
.smarter-transition[data-step="1"] .smarter-next{opacity:1;transform:none}
@container presentation (max-width:760px){.smarter-transition .better-smarter-pair>div{transform-origin:center top}.smarter-transition[data-step="1"] .better-smarter-pair>div:first-child{transform:scale(.6)}.smarter-transition[data-step="1"] .better-smarter-pair>div:last-child{transform:translateY(-65px)}.smarter-transition[data-step="1"] .better-smarter-cross{transform:translateY(-55px) scale(.65)}.smarter-next{position:relative;inset:auto;font-size:22px;margin-top:15px}.smarter-transition .step-controls{position:relative;inset:auto}}
@media(prefers-reduced-motion:reduce){.smarter-transition *{transition:none!important}}