.city-world{--city-blue:#1a73e8;--city-green:#188038;--city-yellow:#b06000;--city-red:#c5221f;--city-ink:#27333c;position:relative;height:640vh;background:#e9e9df;color:var(--city-ink);isolation:isolate}
.city-world button,.city-world a{-webkit-tap-highlight-color:transparent}.city-world button{font:inherit;cursor:pointer}.city-world button:focus-visible,.city-world a:focus-visible,.city-world canvas:focus-visible,.city-world select:focus-visible{outline:3px solid #1a73e8;outline-offset:4px}.city-world [hidden]{display:none!important}.city-world-viewport{position:sticky;top:var(--header-height,80px);height:calc(100svh - var(--header-height,80px));min-height:620px;overflow:hidden;background:#dfddd2}.city-canvas,.city-world-background,.city-world-shade,.city-hotspots{position:absolute;inset:0;width:100%;height:100%}.city-world-background img{width:100%;height:100%;object-fit:cover}.city-canvas{display:block;opacity:0;transition:opacity .5s;touch-action:pan-y;outline:0}.world-ready .city-canvas{opacity:1}.city-world-shade{pointer-events:none;background:linear-gradient(180deg,rgba(250,250,246,.76),transparent 22%,transparent 64%,rgba(246,246,239,.5))}.city-world-heading{position:absolute;z-index:4;inset:24px 32px auto;display:flex;justify-content:space-between;align-items:center;gap:16px}.city-brand{display:flex;align-items:center;gap:12px;color:#26323c;text-decoration:none;font-size:17px;font-weight:650;text-shadow:0 1px 9px white}.city-brand small{display:block;font-size:10px;font-weight:450;letter-spacing:.09em;margin-top:3px}.city-colors{display:grid;grid-template-columns:repeat(2,6px);gap:3px;transform:rotate(-12deg)}.city-colors i{width:6px;height:16px;background:#4285f4;border-radius:8px}.city-colors i:nth-child(2){background:#ea4335}.city-colors i:nth-child(3){background:#fbbc05}.city-colors i:nth-child(4){background:#34a853}.city-top-actions{display:flex;gap:8px}.city-top-actions button,.city-free-help,.city-touch-controls button{background:rgba(255,255,255,.95);color:var(--city-ink);border:1px solid rgba(81,101,115,.15);box-shadow:0 3px 15px #26323c0a;backdrop-filter:blur(12px);border-radius:24px}.city-top-actions button{display:flex;align-items:center;gap:8px;min-height:42px;padding:10px 17px;font-size:12px}.city-top-actions button:hover{background:#e8f0fe;border-color:#a8c7fa}.city-world .icon{width:18px;height:18px;flex-shrink:0}.city-journey-picker{position:absolute;z-index:3;top:91px;inset-inline-start:32px;display:flex;gap:4px;background:#fffef7e8;border:1px solid #ffffff;border-radius:40px;padding:5px;box-shadow:0 3px 20px #26323c0b;max-width:calc(100% - 64px)}.city-journey-picker button{display:flex;align-items:center;gap:8px;border:0;background:transparent;color:#53616b;padding:11px 16px;border-radius:30px;font-size:12px;font-weight:600}.city-journey-picker button[aria-pressed=true]{background:#e8f0fe;color:#185abc}.city-journey-picker button:nth-child(2)[aria-pressed=true]{background:#e6f4ea;color:#137333}.city-journey-picker i{width:7px;height:7px;border-radius:50%}.city-blue{background:#4285f4}.city-green{background:#34a853}.city-story-card{position:absolute;z-index:3;inset-inline-start:32px;bottom:92px;width:360px;padding:25px 25px 16px;border-radius:24px;background:rgba(255,255,252,.96);box-shadow:0 12px 50px #27333c13;border:1px solid #fff;backdrop-filter:blur(18px)}.city-card-top{display:flex;justify-content:space-between;gap:12px;font-size:10px;line-height:1.5;color:#5b6a73}.city-card-top>span:first-child{max-width:80%;text-transform:uppercase;letter-spacing:.04em}.city-card-top>span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap;color:#1a73e8}.city-story-card h2{font-size:clamp(23px,2.5vw,34px);line-height:1.18;letter-spacing:-.045em;margin:16px 0 12px;font-weight:550;color:#24323b}.city-story-card>p{font-size:12px;line-height:1.8;color:#667078;margin:0}.city-card-action{display:flex;gap:8px;align-items:center;margin-top:20px}.city-main-action,.city-review-action{display:flex;justify-content:space-between;align-items:center;gap:8px;border:0;background:#e8f0fe;color:#185abc;border-radius:12px;font-size:11px;padding:12px 14px;min-height:44px;text-align:start;flex:1}.city-main-action:hover{background:#d2e3fc}.city-case-link{border:1px solid #dde3e7;border-radius:12px;width:44px;height:44px;background:transparent;color:#61717c;display:grid;place-items:center}.city-stage-dots{display:flex;gap:5px;margin-top:12px;direction:ltr}.city-stage-dots button{padding:10px 0;border:0;background:transparent;flex:1;min-width:15px}.city-stage-dots i{display:block;height:3px;background:#e0e5e8;border-radius:3px}.city-stage-dots button[aria-current=step] i{background:#4285f4}.city-stage-dots button.is-complete i{background:#aecbfa}.city-domain-picker{display:flex;flex-wrap:wrap;gap:5px;margin-top:16px}.city-domain-picker button,.city-garden-modes button{border:1px solid #e2e6e7;background:#fff;padding:7px 10px;border-radius:20px;font-size:10px;color:#61707b;min-height:32px}.city-domain-picker button[aria-pressed=true]{background:#e6f4ea;color:#137333;border-color:#b7dfc4}.city-garden-modes{display:flex;gap:6px;margin-top:16px}.city-garden-modes button[aria-pressed=true]{background:#e6f4ea;color:#137333;border-color:#b7dfc4}.city-planner{margin-top:12px;padding:12px;background:#f1f7ed;border-radius:12px;font-size:11px}.city-planner label{display:flex;align-items:center;justify-content:space-between;gap:8px}.city-planner select{min-width:0;width:68%;border:1px solid #b7d4be;border-radius:8px;background:white;padding:8px;color:#27663c;font:inherit}.city-planner p{font-size:10px;line-height:1.6;margin:8px 0 0}.city-operations-panel{position:absolute;z-index:3;inset-inline-end:32px;top:30%;width:300px;background:#fffefaf7;backdrop-filter:blur(16px);border:1px solid white;border-radius:20px;padding:20px;box-shadow:0 12px 40px #1a2c3014}.city-panel-label{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:.05em;color:#5d6b73}.city-panel-label>i{width:6px;height:6px;background:#4285f4;border-radius:50%}.city-panel-label small{margin-inline-start:auto;font-size:8px;color:#8a959b}.city-operations-panel h3{margin:12px 0 16px;font-size:19px;font-weight:550}.city-signal-flow{display:flex;align-items:center;font-size:9px;gap:5px;color:#879298;margin-bottom:18px}.city-signal-flow>i{flex:1;background:#d8e1e4;height:1px}.city-signal-flow span.is-active{color:#188038;font-weight:650}.city-operations-panel dl{font-size:11px;margin:0}.city-operations-panel dl>div{display:flex;justify-content:space-between;padding:9px 0;border-top:1px solid #edf0ed;gap:8px}.city-operations-panel dt{color:#7a858b}.city-operations-panel dd{margin:0;text-align:end}.city-review-action{width:100%;margin-top:12px;background:#e6f4ea;color:#137333;font-size:11px}.city-classifications{display:flex;gap:5px;flex-wrap:wrap;margin-top:9px;font-size:9px}.city-classifications span{padding:5px 8px;border-radius:6px;background:#fef7e0;color:#8f6200}.city-hotspots{z-index:2;pointer-events:none;overflow:hidden}.city-hotspot{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:7px;padding:6px 11px 6px 7px;border:1px solid #fff;border-radius:30px;white-space:nowrap;background:#fffffff0;color:#3c505a;box-shadow:0 3px 16px #1a283320;font-size:10px;pointer-events:auto;transition:opacity .2s,background .2s}.city-hotspot i{width:12px;height:12px;border:3px solid #c5dcff;background:#4285f4;border-radius:50%}.city-hotspot.green i{background:#34a853;border-color:#bfe7ca}.city-hotspot.yellow i{background:#fbbc05;border-color:#ffedb7}.city-hotspot:hover{background:#e8f0fe}.city-world-footer{position:absolute;z-index:3;bottom:20px;inset-inline:32px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:9px;color:#53636d}.city-world-footer>div{display:flex;gap:14px;align-items:center}.city-world-footer button{background:transparent;color:#475a66;border:0;padding:8px 0;font-size:10px;display:flex;align-items:center;gap:6px}.city-world-footer .icon{width:14px;height:14px}.city-scroll-prompt{display:flex;align-items:center;gap:10px;letter-spacing:.08em}.city-world-caption{font-size:9px;max-width:250px}.city-catalogue{position:absolute;z-index:7;inset:80px 24px 80px auto;width:360px;overflow-y:auto;padding:24px;border-radius:24px;background:#fffffff7;backdrop-filter:blur(20px);box-shadow:0 20px 60px #1a2c3029;border:1px solid white}.city-catalogue>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px}.city-catalogue .eyebrow{font-size:9px;letter-spacing:.06em;color:#1a73e8;margin:0}.city-catalogue>div:first-child button{background:transparent;border:0;padding:4px;color:#62727d}.city-catalogue h3{font-size:24px;line-height:1.3;font-weight:500;margin:17px 0}.city-catalogue-list{display:grid;gap:5px}.city-catalogue-list button{border:0;border-radius:10px;text-align:start;padding:13px 12px;background:#f3f6f6;display:flex;justify-content:space-between;align-items:center;gap:9px;font-size:12px;color:#3f505c}.city-catalogue-list button:hover,.city-catalogue-list button[aria-pressed=true]{background:#e8f0fe;color:#185abc}.city-catalogue-list .icon{width:14px;height:14px}.city-other-destination{border-top:1px solid #e0e6e9;margin-top:16px;padding-top:15px}.city-other-destination>span{display:block;color:#7d8b94;font-size:10px;margin-bottom:5px}.city-other-destination>button,.city-catalogue>a{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;font-size:11px;text-align:start;border:0;background:transparent;color:#185abc;padding:10px 0;text-decoration:none}.city-catalogue>a{margin-top:8px;border-top:1px solid #e0e6e9;padding-top:18px}.city-free-help{display:none;position:absolute;bottom:90px;inset-inline-start:32px;width:370px;padding:20px;border-radius:18px;font-size:10px}.city-free-help strong{display:block;font-size:16px;font-weight:550;margin-bottom:8px}.city-free-help>span{color:#6c7a84;line-height:1.7}.city-fast-travel{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.city-fast-travel button{font-size:10px;border:1px solid #dbe4e7;border-radius:16px;padding:8px 10px;background:#f7f9f9;color:#426171;min-height:36px}.city-touch-controls{display:none;position:absolute;inset-inline-end:24px;bottom:100px;gap:6px;grid-template-columns:repeat(3,44px);direction:ltr;z-index:4}.city-touch-controls button{width:44px;height:44px;border-radius:14px;font-size:20px;touch-action:none;user-select:none}.city-touch-controls button:active{background:#d2e3fc}.city-world.is-expanded{z-index:90}.city-world.is-expanded .city-world-viewport{position:fixed;inset:0;height:100dvh;min-height:0;z-index:90}.city-world.is-expanded .city-canvas{touch-action:none;cursor:grab}.city-world.is-expanded .city-canvas:active{cursor:grabbing}.city-world.is-expanded .city-story-card,.city-world.is-expanded .city-operations-panel,.city-world.is-expanded .city-scroll-prompt{display:none}.city-world.is-expanded .city-free-help{display:block;z-index:3}.city-world.is-expanded .city-touch-controls{display:grid}.city-loading{position:absolute;z-index:3;left:50%;top:44%;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;gap:10px;background:#fffffff0;border:1px solid white;border-radius:20px;padding:24px;box-shadow:0 10px 35px #27333c10;text-align:center;width:250px}.city-loading strong{font-size:14px;font-weight:500}.city-loading small{font-size:10px;color:#79858c}.city-loading-spinner{height:24px;width:24px;border:2px solid #d2e3fc;border-top-color:#4285f4;border-radius:50%;animation:city-spin 1s linear infinite}.world-ready .city-loading{display:none}.world-fallback .city-loading-spinner{display:none}.world-fallback .city-loading{top:38%;font-size:11px}.world-fallback .city-hotspots{display:none}.world-fallback .city-loading small{display:none}.world-fallback [data-city-action=expand]{display:none}html[lang=ar] .city-story-card h2{letter-spacing:0;line-height:1.45;font-size:30px}html[lang=ar] .city-brand small{letter-spacing:0}html[lang=ar] .city-catalogue{inset-inline-end:24px;inset-inline-start:auto}.city-story-card.is-changing{animation:city-card-in .35s ease both}@keyframes city-card-in{from{opacity:.3;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes city-spin{to{transform:rotate(360deg)}}
@media(min-width:1600px){.city-story-card{width:405px;padding:30px}.city-story-card>p{font-size:14px}.city-operations-panel{width:340px;top:35%}}
@media(max-height:760px) and (min-width:761px){.city-world-viewport{min-height:540px}.city-story-card{width:325px;bottom:72px;padding:19px 22px 10px}.city-story-card h2{font-size:27px;margin:10px 0}.city-story-card>p{font-size:11px}.city-domain-picker{margin-top:10px}.city-domain-picker button{font-size:9px;padding:5px 8px;min-height:27px}.city-card-action{margin-top:12px}.city-operations-panel{top:33%;padding:16px;width:275px}html[lang=ar] .city-story-card h2{font-size:25px}}
@media(max-width:1000px){.city-operations-panel{width:260px;inset-inline-end:20px}.city-world-heading{inset-inline:20px}.city-story-card{inset-inline-start:20px;width:330px}.city-journey-picker{inset-inline-start:20px}.city-world-footer{inset-inline:20px}.city-world-footer>div>button:last-child{display:none}.city-hotspot span{max-width:140px;white-space:normal}.city-brand{font-size:15px}}
@media(max-width:760px){.city-world{height:620vh}.city-world-viewport{height:calc(100svh - var(--header-height,68px));min-height:590px}.city-world-heading{inset:16px 15px auto;gap:8px}.city-brand{font-size:13px;gap:8px}.city-brand small{font-size:8px;margin-top:2px}.city-colors{grid-template-columns:repeat(2,4px);gap:2px}.city-colors i{width:4px;height:11px}.city-top-actions{gap:5px}.city-top-actions button{width:38px;height:38px;min-height:38px;padding:9px;justify-content:center}.city-top-actions button span{display:none}.city-journey-picker{top:72px;inset-inline:15px;max-width:100%;justify-content:space-between;padding:4px}.city-journey-picker button{font-size:10px;padding:9px 11px;justify-content:center;flex:1;gap:6px}.city-story-card{inset-inline:14px;bottom:55px;width:auto;border-radius:19px;padding:16px 18px 8px;max-height:48%;overflow-y:auto}.city-story-card h2{font-size:23px;margin:10px 0 7px;line-height:1.18;letter-spacing:-.03em}.city-story-card>p{font-size:11px;line-height:1.7}.city-card-top{font-size:8px}.city-card-action{margin-top:10px}.city-main-action{font-size:11px;min-height:39px;padding:9px 12px}.city-case-link{width:39px;height:39px}.city-stage-dots{margin-top:3px}.city-stage-dots button{padding:8px 0}.city-domain-picker{margin-top:10px;gap:4px}.city-domain-picker button{font-size:9px;padding:5px 8px;min-height:28px}.city-operations-panel{top:130px;inset-inline:15px;width:auto;padding:11px 14px;border-radius:16px;max-width:330px}.city-operations-panel h3{font-size:14px;margin:7px 0}.city-panel-label{font-size:8px}.city-signal-flow{margin-bottom:5px;font-size:8px}.city-operations-panel dl{display:none}.city-review-action{font-size:9px;margin-top:7px;padding:8px 10px;min-height:32px}.city-classifications{font-size:8px;margin-top:6px}.city-classifications span{padding:3px 6px}.city-world-footer{bottom:12px;inset-inline:16px;gap:10px}.city-world-caption{font-size:8px;max-width:55%;line-height:1.5}.city-world-footer button{font-size:9px;padding:5px 0}.city-scroll-prompt{display:none}.city-hotspot{font-size:9px;padding:5px;gap:4px}.city-hotspot span{max-width:100px}.city-hotspot i{width:11px;height:11px}.city-catalogue{inset:119px 12px 55px!important;width:auto;max-height:none;padding:21px}.city-catalogue-list{grid-template-columns:1fr 1fr;gap:7px}.city-catalogue-list button{padding:12px 9px;font-size:11px;line-height:1.5}.city-catalogue h3{font-size:22px}.city-free-help{inset-inline:14px;bottom:57px;width:auto;padding:16px;max-width:100%}.city-free-help>span{font-size:9px}.city-free-help strong{font-size:14px}.city-world.is-expanded .city-free-help{bottom:55px}.city-world.is-expanded .city-touch-controls{bottom:237px;inset-inline-end:16px}.city-world.is-expanded .city-journey-picker{max-width:100%}.city-loading{width:210px;top:35%;padding:18px}.city-loading small{font-size:9px}.city-loading strong{font-size:12px}.city-garden-modes{margin-top:8px}.city-garden-modes button{font-size:9px;padding:6px 9px}.city-planner{padding:8px;font-size:10px;margin-top:9px}html[lang=ar] .city-story-card h2{font-size:23px;line-height:1.35}}
@media(prefers-reduced-motion:reduce){.city-world *{animation:none!important;transition:none!important}}[data-motion=still] .city-world *{animation:none!important;transition:none!important}
.city-world.is-expanded .city-world-footer>div>button:last-child{display:none}