.island-scene{position:relative;width:100%;aspect-ratio:1.3;min-height:320px;isolation:isolate}.island-scene:before{content:"";position:absolute;inset:14% 0;border:1px solid #cbdcf3;border-radius:50%;transform:rotate(-13deg)}.island-scene:after{content:"";position:absolute;inset:24% 10%;border:1px dashed #cbdcf3;border-radius:50%;transform:rotate(12deg);z-index:-1}.island-map{position:absolute;width:110%;left:-5%;top:25%;overflow:visible;filter:drop-shadow(0 18px 14px #153b7215)}.island-land{fill:#c6dafa;stroke:#7da5da;stroke-width:1.5;stroke-linejoin:round}.island-lines{fill:none;stroke:#eff5ff;stroke-width:1.3;opacity:.8}.map-pin{fill:#e63246;stroke:white;stroke-width:2}.pin-wave{fill:none;stroke:#e63246;stroke-width:1.5;transform-box:fill-box;transform-origin:center;animation:pinPulse 3s ease-out infinite}.map-ad{position:absolute;display:flex;align-items:center;gap:10px;background:#ffffffed;border:1px solid white;border-radius:15px;padding:11px 14px;box-shadow:0 15px 35px #153b7217;animation:adRise 12s ease-in-out infinite;animation-delay:var(--delay);opacity:0;max-width:200px;z-index:2}.map-ad svg{width:43px;height:43px;flex-shrink:0;background:#edf3fc;border-radius:10px;padding:5px}.map-ad strong{display:block;color:#153b72;font-size:12px;white-space:nowrap}.map-ad small{display:block;font-size:10px;color:#64748b;margin-top:3px}.map-ad b{font-size:12px;color:#e63246;display:block;margin-top:3px}.ad-west{left:0;top:23%;--delay:-1s}.ad-north{right:1%;top:4%;--delay:-5s}.ad-south{left:20%;bottom:4%;--delay:-9s}.ad-east{right:-3%;top:54%;--delay:-7s}.map-caption{position:absolute;bottom:-18px;left:0;width:100%;text-align:center;font-size:9px;color:#64748b;letter-spacing:.15em;text-transform:uppercase}.map-pause{position:absolute;right:0;bottom:-43px;font-size:10px;padding:5px 9px;color:#526987;background:transparent;border:1px solid #cad8eb;border-radius:20px;z-index:3}.map-pause:hover{background:white;box-shadow:none}.island-scene.paused *{animation-play-state:paused!important}@keyframes adRise{0%,100%{opacity:0;transform:translateY(15px) scale(.94)}10%,36%{opacity:1;transform:translateY(0) scale(1)}45%,95%{opacity:0;transform:translateY(-10px) scale(.97)}}@keyframes pinPulse{0%{opacity:.7;transform:scale(1)}100%{opacity:0;transform:scale(3)}}@media(prefers-reduced-motion:reduce){.map-ad,.pin-wave{animation:none;opacity:1}.pin-wave{display:none}.map-pause{display:none}}@media(max-width:620px){.island-scene{min-height:285px;max-width:420px;margin:0 auto 22px}.map-ad{padding:9px;gap:6px}.map-ad svg{width:34px;height:34px}.map-ad strong{font-size:11px}.ad-east{right:-8px}.map-caption{bottom:-5px}.map-pause{bottom:-28px}}
.demo-hero.map-hero{position:relative;display:block;min-height:610px;overflow:hidden;padding:48px 50px;background:radial-gradient(ellipse at 62% 55%,#dbe8fc 0%,#edf3fc 65%)}.map-hero>div:first-child{position:relative;z-index:4;max-width:365px;pointer-events:none}.map-hero>div:first-child .button{pointer-events:auto}.map-hero h1{font-size:58px}.map-hero>div:first-child p{font-size:15px;max-width:280px}.map-hero .island-scene{position:absolute;inset:0;width:100%;height:100%;min-height:0;aspect-ratio:auto}.map-hero .island-map{width:88%;left:10%;top:22%;filter:drop-shadow(0 23px 15px #153b721a)}.map-hero .island-scene:before{inset:12% 3% 6% 25%}.map-hero .island-scene:after{inset:24% 9% 17% 32%}.map-hero .map-ad{padding:14px 18px;max-width:240px}.map-hero .map-ad svg{width:52px;height:52px}.map-hero .map-ad strong{font-size:14px}.map-hero .map-ad small{font-size:11px}.map-hero .map-ad b{font-size:14px}.map-hero .ad-west{left:36%;top:39%}.map-hero .ad-north{right:16%;top:12%}.map-hero .ad-south{left:48%;bottom:13%}.map-hero .ad-east{right:3%;top:52%}.map-hero .map-caption{bottom:22px}.map-hero .map-pause{bottom:18px;right:20px}.map-hero .island-land{fill:#b8d1f6;stroke:#7298cd;stroke-width:.75}@media(max-width:1000px){.demo-hero.map-hero{min-height:580px;padding:35px}.map-hero h1{font-size:48px}.map-hero .island-map{width:100%;left:0;top:32%}.map-hero .ad-west{left:18%;top:51%}.map-hero .ad-south{left:40%;bottom:10%}.map-hero .ad-north{right:7%;top:25%}.map-hero .ad-east{right:2%;top:61%}}@media(max-width:620px){.demo-hero.map-hero{padding:28px;min-height:690px}.map-hero h1{font-size:44px}.map-hero>div:first-child{max-width:100%}.map-hero>div:first-child p{max-width:100%}.map-hero .island-scene{max-width:none;margin:0}.map-hero .island-map{width:112%;left:-6%;top:58%}.map-hero .map-ad{padding:9px 12px}.map-hero .map-ad svg{width:35px;height:35px}.map-hero .map-ad strong{font-size:11px}.map-hero .map-ad b{font-size:11px}.map-hero .ad-west{left:5%;top:58%}.map-hero .ad-north{right:6%;top:49%}.map-hero .ad-south{left:15%;bottom:11%}.map-hero .ad-east{right:3%;top:75%}.map-hero .map-caption{bottom:47px;font-size:8px}.map-hero .island-scene:before{inset:48% 4% 10%}.map-hero .island-scene:after{inset:54% 9% 16%}}