:root{--navy:#111c31;--teal:#127f83;--mint:#32ced0;--film-scale:1}
*{box-sizing:border-box}
body{margin:0;background:#edf1f3;color:var(--navy);font-family:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #26bac2;outline-offset:4px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
.page-header,main{width:min(1180px,calc(100% - 48px));margin:auto}.page-header{display:flex;align-items:center;justify-content:space-between;padding:10px 0}
.page-brand{display:flex;align-items:center;gap:9px;font-size:19px;font-weight:800;letter-spacing:-.8px}.page-brand>img{border-radius:9px}.page-brand>span>span{color:var(--teal)}
.edition{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:800;letter-spacing:1.5px;color:#546975}.edition-number{border:1px solid #c7d6db;border-radius:5px;padding:3px 6px}.live-dot{width:6px;height:6px;border-radius:50%;background:#148d8b}
.page-title{display:flex;align-items:flex-end;justify-content:space-between;padding:15px 0 22px;gap:20px}.eyebrow{font-size:9px;font-weight:800;letter-spacing:1.8px;color:#65808b;margin-bottom:6px}.page-title h1{font-size:32px;font-weight:800;letter-spacing:-1.4px}.page-title>p{font-size:12px;line-height:1.7;text-align:right;color:#71818c}.page-title strong{font-weight:600;color:#455e6c}
.player{border:1px solid #d1dedf;border-radius:20px;overflow:hidden;box-shadow:0 30px 70px -35px #2e4e6350;background:#f0f5f5}
.viewport{width:100%;aspect-ratio:1280/780;position:relative;overflow:hidden;isolation:isolate}
.film{position:absolute;width:1280px;height:780px;left:0;top:0;transform:scale(var(--film-scale));transform-origin:0 0;overflow:hidden;background:radial-gradient(ellipse at 17% 90%,#b9dedd 0,transparent 46%),radial-gradient(ellipse at 92% 2%,#d2e5e8,transparent 48%),#f2f6f6}
.ambient{position:absolute;border-radius:50%;filter:blur(40px);opacity:.5;pointer-events:none}.ambient-one{width:440px;height:440px;background:#8cd9d2;left:-160px;top:500px}.ambient-two{width:550px;height:550px;border:80px solid #d1e0e4;right:-250px;top:-350px}.floor-grid{position:absolute;inset:530px -30% -360px;background-image:linear-gradient(#75aaa621 1px,transparent 1px),linear-gradient(90deg,#75aaa621 1px,transparent 1px);background-size:75px 75px;transform:perspective(600px) rotateX(65deg);mask-image:linear-gradient(transparent,#000 50%,transparent)}
.film-brand{position:absolute;left:45px;top:31px;display:flex;align-items:center;gap:9px;font-size:19px;letter-spacing:-.5px;font-weight:800;z-index:6}.film-brand>img{border-radius:7px}.film-brand>span>span{color:var(--teal)}.film-tag{position:absolute;right:45px;top:38px;display:flex;align-items:center;gap:10px;color:#687f88;font-size:11px;font-weight:800;letter-spacing:1.5px}.film-tag span{font-size:9px;color:#977846;background:#f4edde;border:1px solid #dfd4be;border-radius:4px;padding:3px 6px;letter-spacing:.6px}
.screen-tour{position:absolute;inset:0;perspective:1350px;z-index:4}
.tour-heading{position:absolute;left:83px;right:83px;top:102px}.tour-heading>p{font-size:11px;letter-spacing:2px;font-weight:800;color:#527b84}.tour-heading h2{font-size:41px;letter-spacing:-1.5px;line-height:1.18;margin-top:8px;max-width:950px}.tour-heading>span{position:absolute;right:0;top:31px;font-size:16px;font-weight:700;color:#6d8c94;font-variant-numeric:tabular-nums}
.tour-camera{position:absolute;left:85px;right:85px;top:210px;height:425px;transform-style:preserve-3d;will-change:transform,opacity,filter}
.tour-images{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d}
.screen-surface{position:relative;flex:none;background:white;border-radius:12px;outline:5px solid #fff;box-shadow:0 5px 0 2px #b8cbd0,0 11px 0 0 #ccdadd,0 32px 48px -18px #17465e50;transform-style:preserve-3d;backface-visibility:hidden}
.screen-surface:before{content:'';position:absolute;inset:-4px;border-radius:15px;background:linear-gradient(145deg,#8da9b6,#e5f0f1);transform:translateZ(-9px);pointer-events:none}
.screen-surface>img{display:block;width:100%;height:100%;border-radius:10px}
.typing-cell{position:absolute;display:flex;align-items:center;background:white;color:#182631;font-family:Arial,Helvetica,sans-serif;font-weight:400;line-height:1;white-space:nowrap;overflow:hidden;border-radius:2px;transform:translateZ(1px)}
.typing-cell>span{display:inline-block}.typing-cell .typing:after{content:'';display:inline-block;vertical-align:-.13em;width:1.6px;height:1.1em;background:#118b8d;margin-left:2px}
.typing-cell.writing{color:#0c6871}
.field-focus{position:absolute;pointer-events:none;border:1.5px solid #14999c;border-radius:5px;box-shadow:0 0 0 3px #1cacb01a;opacity:0;transform:translateZ(2px)}
.screen-cursor{position:absolute;pointer-events:none;width:var(--cursor-size,25px);height:calc(var(--cursor-size,25px)*1.2);transform:translateZ(8px);filter:drop-shadow(0 2px 2px #17334b50)}.screen-cursor svg{width:100%;height:100%}.screen-cursor i{position:absolute;left:-6px;top:-6px;width:20px;height:20px;border:2px solid #1ba8a4;border-radius:50%;opacity:0}.screen-cursor.clicking i{opacity:1;transform:scale(1.35)}
.screen-shine{position:absolute;inset:0;background:linear-gradient(110deg,transparent 32%,#ffffff60 48%,transparent 62%);border-radius:10px;pointer-events:none;will-change:transform,opacity;transform:translateX(-150%)}
.tour-caption{position:absolute;left:85px;right:85px;top:656px;text-align:center}.tour-caption strong{display:block;min-height:25px;font-size:19px;font-weight:800;letter-spacing:-.4px;color:#204a61}.tour-caption strong.typing:after{content:'|';color:#198a8f;font-weight:500;margin-left:3px}.tour-caption p{font-size:12px;line-height:1.5;margin-top:6px;color:#66828c}
.report-scroll{display:none;position:absolute;inset:0;overflow:hidden;border:6px solid #fff;border-radius:13px;background:#f2f4f7;box-shadow:0 5px 0 -2px #c6d6da,0 24px 42px -23px #1f4c6770}.report-camera .report-scroll{display:block}.report-camera .tour-images{visibility:hidden}.report-document{position:relative;width:100%;will-change:transform}.report-document img{display:block;width:100%;height:auto;margin:0;border:0;border-radius:0}.report-scroll-track{position:absolute;right:2px;top:0;bottom:0;width:5px;border-radius:4px;background:#53758318}.report-scroll-track span{display:block;width:5px;border-radius:4px;background:#397f88;will-change:transform}
.outro{position:absolute;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;visibility:hidden;opacity:0;pointer-events:none;background:radial-gradient(ellipse at 50% 100%,#a2dcd870,transparent 65%)}.outro>img{border-radius:15px;box-shadow:0 15px 25px #16313d20}.outro>p{font-size:25px;font-weight:800;letter-spacing:-1px;margin-top:13px}.outro>p>span{color:var(--teal)}.outro h2{font-size:70px;letter-spacing:-3.5px;line-height:1.1;margin-top:27px}.outro em{font-style:normal;color:#13848a}.outro-benefits{font-size:17px;color:#60828b;margin-top:24px}.outro-benefits b{margin:0 12px;color:#8aadad}.outro-address{display:inline-flex;align-items:center;gap:35px;margin-top:34px;background:var(--navy);color:white;font-size:17px;font-weight:650;padding:14px 26px;border-radius:10px}.outro-address>span{color:#57d6d1;font-size:21px}
.journey{position:absolute;left:85px;right:85px;bottom:45px;display:flex;align-items:center;gap:15px;z-index:5}.journey-item{display:flex;align-items:center;gap:7px;color:#8b9fa7;font-size:10px;white-space:nowrap}.journey-item>span{display:grid;place-items:center;border:1px solid #c9d9dc;border-radius:50%;width:23px;height:23px;font-size:9px}.journey-item.active{color:#207f84;font-weight:800}.journey-item.active>span{background:#237f86;color:#fff;border-color:#237f86;box-shadow:0 0 0 4px #c1e1df}.journey-item.done>span{color:#237f86;border-color:#81bab7}.journey-line{flex:1;height:1px;background:#d2e0e2}.film-disclosure{position:absolute;bottom:13px;left:0;right:0;text-align:center;font-size:8px;color:#7c969f;z-index:12}
.player-controls{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#142334;color:#dde8ed;min-height:52px}.player-controls button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;background:transparent;color:inherit;font-size:11px;font-weight:650;border-radius:6px;padding:8px}.player-controls button:hover{background:#2a3c50}.transport{display:flex;gap:4px;align-items:center;min-width:120px}#play{min-width:87px;justify-content:flex-start}#play-icon{width:16px;font-size:16px}.player-controls .icon-button{font-size:24px;line-height:1}.scrubber{flex:1;display:flex;align-items:center;gap:15px}input[type=range]{width:100%;margin:0;appearance:none;height:4px;border-radius:5px;background:linear-gradient(to right,#60d0cb var(--played,0%),#3a4b5d var(--played,0%));cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:11px;height:11px;background:#c0f4ee;border-radius:50%;box-shadow:0 0 0 3px #60d0cb18}input[type=range]::-moz-range-thumb{border:0;width:11px;height:11px;background:#c0f4ee;border-radius:50%}#time{font-size:10px;white-space:nowrap;color:#98b3c2;font-variant-numeric:tabular-nums}.playback-options{display:flex;align-items:center;gap:9px}#sound[aria-pressed=true]{color:#72ddd3}#sound>span:first-child{font-size:18px}#speed{border:1px solid #3c5064;background:#1b3043;color:#e2edf2;font-size:11px;border-radius:6px;padding:7px 4px}
.chapter-nav{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;padding:10px 0}.chapter-nav button{display:flex;align-items:center;gap:6px;background:transparent;border:1px solid transparent;border-radius:8px;padding:8px 4px;color:#6f858e;text-align:left;font-size:10px;font-weight:650}.chapter-nav button>span{font-size:9px;color:#91a6ad}.chapter-nav button.active{background:#fff;border-color:#d8e3e4;color:#176e79}.chapter-nav button:hover{background:#e2ebed}
.screen-browser{padding:0 0 16px}.screen-browser-heading{display:flex;justify-content:space-between;gap:12px;font-size:10px;margin-bottom:10px;color:#75919a}.screen-browser-heading strong{font-size:11px;color:#365766}.screen-thumbnails{position:relative;display:flex;gap:8px;overflow-x:auto;padding:3px 2px 8px;scrollbar-width:thin;scrollbar-color:#accacb transparent}.screen-thumbnails button{flex:0 0 128px;border:1px solid #d2e1e3;background:#f9fcfc;border-radius:8px;padding:5px;color:#6e858f;text-align:left}.screen-thumbnails img{display:block;width:116px;height:56px;object-fit:contain;background:#fff;border-radius:4px}.screen-thumbnails span{display:block;font-size:9px;line-height:1.3;font-weight:650;padding:6px 2px 2px;min-height:24px}.screen-thumbnails button[aria-pressed=true]{border-color:#16888c;background:#e4f2f0;box-shadow:0 0 0 1px #16888c;color:#145f67}
.page-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px;border-top:1px solid #d4dfe3;padding-top:10px;font-size:9px;color:#87969f;line-height:1.6}.page-footer a{color:#537480;font-weight:650;white-space:nowrap}.noscript{padding:30px;background:#fff;border:1px solid #ddd}
.film.portrait{width:760px;height:1120px}.portrait .film-brand{left:36px;top:31px;font-size:23px}.portrait .film-brand img{width:38px;height:38px}.portrait .film-tag{right:36px;top:41px;font-size:12px}.portrait .tour-heading{left:43px;right:43px;top:132px}.portrait .tour-heading>p{font-size:14px;letter-spacing:1.7px}.portrait .tour-heading h2{font-size:46px;max-width:560px;margin-top:14px;line-height:1.12}.portrait .tour-heading>span{font-size:18px;top:6px}.portrait .tour-camera{left:39px;right:39px;top:323px;height:527px}.portrait .tour-caption{left:44px;right:44px;top:896px}.portrait .tour-caption strong{font-size:23px;line-height:1.3;max-width:640px;margin:auto;min-height:30px}.portrait .tour-caption p{font-size:17px;line-height:1.5;margin-top:10px}.portrait .journey{bottom:58px;left:48px;right:48px;gap:13px}.portrait .journey-item>span{height:34px;width:34px;font-size:13px}.portrait .journey-item>strong{display:none}.portrait .film-disclosure{bottom:16px;font-size:11px}.portrait .outro h2{font-size:68px;letter-spacing:-3px}.portrait .outro>p{font-size:32px}.portrait .outro>img{width:85px;height:85px}.portrait .outro-benefits{font-size:18px}.portrait .outro-benefits b{margin:0 6px}.portrait .outro-address{font-size:24px;margin-top:43px;padding:18px 35px}
@media(min-width:651px){.page-header,main{max-width:calc((100svh - 200px)*1.64102564)}.page-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}}
@media(max-width:650px){.page-header,main{width:calc(100% - 28px)}.page-header{padding:16px 0}.page-brand{font-size:17px}.page-brand img{width:30px;height:30px}.edition{font-size:8px;letter-spacing:1px}.edition-number{display:none}.page-title{padding:9px 0 16px}.page-title h1{font-size:26px}.eyebrow{font-size:8px}.page-title>p{font-size:9px}.player{border-radius:15px}.viewport{aspect-ratio:760/1120}.player-controls{flex-wrap:wrap;gap:8px 10px;padding:10px 11px}.transport{min-width:auto}.scrubber{flex-basis:100%;order:3;gap:15px;padding:7px 5px 2px}.playback-options{margin-left:auto;gap:5px}.player-controls button{min-height:35px}.chapter-nav{grid-template-columns:repeat(3,1fr);gap:5px;padding:14px 0}.chapter-nav button{font-size:10px;padding:10px 7px;gap:6px}.page-footer{display:block;font-size:9px}.page-footer a{display:inline-block;margin-top:7px}.page-footer p{max-width:310px}.screen-browser-heading{font-size:9px}.screen-thumbnails button{flex-basis:110px}.screen-thumbnails img{width:98px;height:52px}}

/* Inline module player: fixed 44px controls match the parent iframe wrapper. */
.embedded, .embedded body { overflow: hidden; background: #eef4f4; }
.embedded main { width: 100%; max-width: none; margin: 0; }
.embedded .page-header, .embedded .page-title, .embedded .chapter-nav,
.embedded .screen-browser, .embedded .page-footer { display: none !important; }
.embedded .player { border: 0; border-radius: 0; box-shadow: none; }
.embedded .viewport { aspect-ratio: 1280 / 780; }
.embedded .player-controls { height: 44px; min-height: 44px; padding: 2px 5px; gap: 4px; flex-wrap: nowrap; }
.embedded .transport { min-width: 0; gap: 0; }
.embedded #play { min-width: 34px; justify-content: center; }
.embedded #play-label, .embedded #sound-label { display: none; }
.embedded .player-controls button { min-width: 34px; min-height: 36px; padding: 5px; }
.embedded .scrubber { min-width: 0; flex: 1; order: 0; gap: 7px; padding: 0; }
.embedded .scrubber input { min-width: 0; }
.embedded #time { font-size: 9px; }
.embedded .playback-options { margin-left: 2px; gap: 0; }
.embedded #speed { padding: 7px 2px; font-size: 10px; }

/* Longer module name keeps the same closing composition. */
.outro h2{max-width:1100px;font-size:64px}
.portrait .outro h2{max-width:650px;font-size:55px}