/* Figma V2 orbit, exported CSS timing. All artwork is decorative. */
@media (max-width:1023px) {
 body > nav.glass-panel { background:linear-gradient(90deg,#2b124899,#2b12484d),url('spatial/fm-neon-wordmark.svg') center / 100% 100%; background-color:#29104c; border-color:#b6dbff40; }
 body > nav.glass-panel .fm-brand-name, body > nav.glass-panel #mobile-menu-btn { color:#f7f3ff; text-shadow:0 1px 4px #170b29; }
}
#utama.bg-hero { background: #230738 url('spatial/hero-grid.svg') center / cover; padding-bottom: 120px; }
.fm-orbit-story { width: 100%; max-width: 500px; aspect-ratio: 500 / 490; position: relative; container-type: inline-size; border: 1px solid #a8e8ff33; border-radius: 34px; background: #ffffff14; box-shadow: 0 28px 50px #00000059; overflow: hidden; }
.fm-orbit-scene { position: absolute; width: 500px; height: 490px; transform-origin: 0 0; scale: calc(100cqw / 500px); }
.fm-orbit-scene img { position: absolute; pointer-events: none; }
.fm-orbit-core { left: 83px; top: 72px; width: 332px; height: 332px; }
.fm-orbit-outer { left: 77px; top: 128px; width: 344px; height: 220px; }
.fm-orbit-inner { left: 103px; top: 153px; width: 292px; height: 170px; }
.fm-orbit-scene .fm-orbit-logo { left: 181px; top: 170px; width: 136px; height: 136px; object-fit: contain; background: white; border: 4px solid #ffffff9e; border-radius: 50%; }
.fm-orbit-caption { position: absolute; left: 53px; top: 315px; width: 392px; padding: 22px; border-radius: 24px; background: #fff; color: #241133; box-shadow: 0 18px 32px #0000003d; }
.fm-orbit-caption strong { display: block; font-size: 20px; margin-bottom: 8px; }
.fm-orbit-caption span { font-size: 13px; color: #6b6073; }
.fm-orbit-satellite { width: 12px; height: 12px; }
.fm-orbit-satellite-1 { left: 415px; top: 232px; }
.fm-orbit-satellite-2 { left: 157px; top: 327.26px; }
.fm-orbit-satellite-3 { left: 157px; top: 136.74px; }
body .sir-launcher-image, body .sir-header-image { object-position: 50% 15%; }
@media (prefers-reduced-motion: reduce) { .fm-orbit-satellite { animation: none !important; } }

.fm-orbit-satellite-1 { animation: kf_141_2_opacity_0 12s linear, kf_141_2_translate_0 12s linear, kf_141_2_scale_0 12s linear; animation-iteration-count: infinite;  }
@keyframes kf_141_2_opacity_0 { 0% { opacity: 0.72; } 2.083% { opacity: 0.757; } 4.167% { opacity: 0.792; } 6.25% { opacity: 0.827; } 8.333% { opacity: 0.86; } 10.417% { opacity: 0.89; } 12.5% { opacity: 0.918; } 14.583% { opacity: 0.942; } 16.667% { opacity: 0.962; } 18.75% { opacity: 0.979; } 20.833% { opacity: 0.99; } 22.917% { opacity: 0.998; } 25% { opacity: 1; } 27.083% { opacity: 0.998; } 29.167% { opacity: 0.99; } 31.25% { opacity: 0.979; } 33.333% { opacity: 0.962; } 35.417% { opacity: 0.942; } 37.5% { opacity: 0.918; } 39.583% { opacity: 0.89; } 41.667% { opacity: 0.86; } 43.75% { opacity: 0.827; } 45.833% { opacity: 0.792; } 47.917% { opacity: 0.757; } 50% { opacity: 0.72; } 52.083% { opacity: 0.683; } 54.167% { opacity: 0.648; } 56.25% { opacity: 0.613; } 58.333% { opacity: 0.58; } 60.417% { opacity: 0.55; } 62.5% { opacity: 0.522; } 64.583% { opacity: 0.498; } 66.667% { opacity: 0.478; } 68.75% { opacity: 0.461; } 70.833% { opacity: 0.45; } 72.917% { opacity: 0.442; } 75% { opacity: 0.44; } 77.083% { opacity: 0.442; } 79.167% { opacity: 0.45; } 81.25% { opacity: 0.461; } 83.333% { opacity: 0.478; } 85.417% { opacity: 0.498; } 87.5% { opacity: 0.522; } 89.583% { opacity: 0.55; } 91.667% { opacity: 0.58; } 93.75% { opacity: 0.613; } 95.833% { opacity: 0.648; } 97.917% { opacity: 0.683; } 100% { opacity: 0.72; } } @keyframes kf_141_2_translate_0 { 0% { translate: 0px 0px; } 2.083% { translate: -1.471px 14.358px; } 4.167% { translate: -5.861px 28.47px; } 6.25% { translate: -13.093px 42.095px; } 8.333% { translate: -23.044px 55px; } 10.417% { translate: -35.543px 66.964px; } 12.5% { translate: -50.378px 77.782px; } 14.583% { translate: -67.293px 87.269px; } 16.667% { translate: -86px 95.263px; } 18.75% { translate: -106.178px 101.627px; } 20.833% { translate: -127.483px 106.252px; } 22.917% { translate: -149.549px 109.059px; } 25% { translate: -172px 110px; } 27.083% { translate: -194.451px 109.059px; } 29.167% { translate: -216.517px 106.252px; } 31.25% { translate: -237.822px 101.627px; } 33.333% { translate: -258px 95.263px; } 35.417% { translate: -276.707px 87.269px; } 37.5% { translate: -293.622px 77.782px; } 39.583% { translate: -308.457px 66.964px; } 41.667% { translate: -320.956px 55px; } 43.75% { translate: -330.907px 42.095px; } 45.833% { translate: -338.139px 28.47px; } 47.917% { translate: -342.529px 14.358px; } 50% { translate: -344px 0px; } 52.083% { translate: -342.529px -14.358px; } 54.167% { translate: -338.139px -28.47px; } 56.25% { translate: -330.907px -42.095px; } 58.333% { translate: -320.956px -55px; } 60.417% { translate: -308.457px -66.964px; } 62.5% { translate: -293.622px -77.782px; } 64.583% { translate: -276.707px -87.269px; } 66.667% { translate: -258px -95.263px; } 68.75% { translate: -237.822px -101.627px; } 70.833% { translate: -216.517px -106.252px; } 72.917% { translate: -194.451px -109.059px; } 75% { translate: -172px -110px; } 77.083% { translate: -149.549px -109.059px; } 79.167% { translate: -127.483px -106.252px; } 81.25% { translate: -106.178px -101.627px; } 83.333% { translate: -86px -95.263px; } 85.417% { translate: -67.293px -87.269px; } 87.5% { translate: -50.378px -77.782px; } 89.583% { translate: -35.543px -66.964px; } 91.667% { translate: -23.044px -55px; } 93.75% { translate: -13.093px -42.095px; } 95.833% { translate: -5.861px -28.47px; } 97.917% { translate: -1.471px -14.358px; } 100% { translate: 0px 0px; } } @keyframes kf_141_2_scale_0 { 0% { scale: 0.85 0.85; } 2.083% { scale: 0.879 0.879; } 4.167% { scale: 0.907 0.907; } 6.25% { scale: 0.934 0.934; } 8.333% { scale: 0.96 0.96; } 10.417% { scale: 0.984 0.984; } 12.5% { scale: 1.006 1.006; } 14.583% { scale: 1.025 1.025; } 16.667% { scale: 1.041 1.041; } 18.75% { scale: 1.053 1.053; } 20.833% { scale: 1.063 1.063; } 22.917% { scale: 1.068 1.068; } 25% { scale: 1.07 1.07; } 27.083% { scale: 1.068 1.068; } 29.167% { scale: 1.063 1.063; } 31.25% { scale: 1.053 1.053; } 33.333% { scale: 1.041 1.041; } 35.417% { scale: 1.025 1.025; } 37.5% { scale: 1.006 1.006; } 39.583% { scale: 0.984 0.984; } 41.667% { scale: 0.96 0.96; } 43.75% { scale: 0.934 0.934; } 45.833% { scale: 0.907 0.907; } 47.917% { scale: 0.879 0.879; } 50% { scale: 0.85 0.85; } 52.083% { scale: 0.821 0.821; } 54.167% { scale: 0.793 0.793; } 56.25% { scale: 0.766 0.766; } 58.333% { scale: 0.74 0.74; } 60.417% { scale: 0.716 0.716; } 62.5% { scale: 0.694 0.694; } 64.583% { scale: 0.675 0.675; } 66.667% { scale: 0.659 0.659; } 68.75% { scale: 0.647 0.647; } 70.833% { scale: 0.637 0.637; } 72.917% { scale: 0.632 0.632; } 75% { scale: 0.63 0.63; } 77.083% { scale: 0.632 0.632; } 79.167% { scale: 0.637 0.637; } 81.25% { scale: 0.647 0.647; } 83.333% { scale: 0.659 0.659; } 85.417% { scale: 0.675 0.675; } 87.5% { scale: 0.694 0.694; } 89.583% { scale: 0.716 0.716; } 91.667% { scale: 0.74 0.74; } 93.75% { scale: 0.766 0.766; } 95.833% { scale: 0.793 0.793; } 97.917% { scale: 0.821 0.821; } 100% { scale: 0.85 0.85; } }

.fm-orbit-satellite-2 { animation: kf_141_253_opacity_0 12s linear, kf_141_253_translate_0 12s linear, kf_141_253_scale_0 12s linear; animation-iteration-count: infinite;  }
@keyframes kf_141_253_opacity_0 { 0% { opacity: 0.962; } 2.083% { opacity: 0.942; } 4.167% { opacity: 0.918; } 6.25% { opacity: 0.89; } 8.333% { opacity: 0.86; } 10.417% { opacity: 0.827; } 12.5% { opacity: 0.792; } 14.583% { opacity: 0.757; } 16.667% { opacity: 0.72; } 18.75% { opacity: 0.683; } 20.833% { opacity: 0.648; } 22.917% { opacity: 0.613; } 25% { opacity: 0.58; } 27.083% { opacity: 0.55; } 29.167% { opacity: 0.522; } 31.25% { opacity: 0.498; } 33.333% { opacity: 0.478; } 35.417% { opacity: 0.461; } 37.5% { opacity: 0.45; } 39.583% { opacity: 0.442; } 41.667% { opacity: 0.44; } 43.75% { opacity: 0.442; } 45.833% { opacity: 0.45; } 47.917% { opacity: 0.461; } 50% { opacity: 0.478; } 52.083% { opacity: 0.498; } 54.167% { opacity: 0.522; } 56.25% { opacity: 0.55; } 58.333% { opacity: 0.58; } 60.417% { opacity: 0.613; } 62.5% { opacity: 0.648; } 64.583% { opacity: 0.683; } 66.667% { opacity: 0.72; } 68.75% { opacity: 0.757; } 70.833% { opacity: 0.792; } 72.917% { opacity: 0.827; } 75% { opacity: 0.86; } 77.083% { opacity: 0.89; } 79.167% { opacity: 0.918; } 81.25% { opacity: 0.942; } 83.333% { opacity: 0.962; } 85.417% { opacity: 0.979; } 87.5% { opacity: 0.99; } 89.583% { opacity: 0.998; } 91.667% { opacity: 1; } 93.75% { opacity: 0.998; } 95.833% { opacity: 0.99; } 97.917% { opacity: 0.979; } 100% { opacity: 0.962; } } @keyframes kf_141_253_translate_0 { 0% { translate: 0px 0px; } 2.083% { translate: -18.707px -7.994px; } 4.167% { translate: -35.622px -17.481px; } 6.25% { translate: -50.457px -28.299px; } 8.333% { translate: -62.956px -40.263px; } 10.417% { translate: -72.907px -53.168px; } 12.5% { translate: -80.139px -66.793px; } 14.583% { translate: -84.529px -80.905px; } 16.667% { translate: -86px -95.263px; } 18.75% { translate: -84.529px -109.621px; } 20.833% { translate: -80.139px -123.733px; } 22.917% { translate: -72.907px -137.358px; } 25% { translate: -62.956px -150.263px; } 27.083% { translate: -50.457px -162.227px; } 29.167% { translate: -35.622px -173.045px; } 31.25% { translate: -18.707px -182.532px; } 33.333% { translate: 0px -190.526px; } 35.417% { translate: 20.178px -196.89px; } 37.5% { translate: 41.483px -201.515px; } 39.583% { translate: 63.549px -204.322px; } 41.667% { translate: 86px -205.263px; } 43.75% { translate: 108.451px -204.322px; } 45.833% { translate: 130.517px -201.515px; } 47.917% { translate: 151.822px -196.89px; } 50% { translate: 172px -190.526px; } 52.083% { translate: 190.707px -182.532px; } 54.167% { translate: 207.622px -173.045px; } 56.25% { translate: 222.457px -162.227px; } 58.333% { translate: 234.956px -150.263px; } 60.417% { translate: 244.907px -137.358px; } 62.5% { translate: 252.139px -123.733px; } 64.583% { translate: 256.529px -109.621px; } 66.667% { translate: 258px -95.263px; } 68.75% { translate: 256.529px -80.905px; } 70.833% { translate: 252.139px -66.793px; } 72.917% { translate: 244.907px -53.168px; } 75% { translate: 234.956px -40.263px; } 77.083% { translate: 222.457px -28.299px; } 79.167% { translate: 207.622px -17.481px; } 81.25% { translate: 190.707px -7.994px; } 83.333% { translate: 172px 0px; } 85.417% { translate: 151.822px 6.364px; } 87.5% { translate: 130.517px 10.989px; } 89.583% { translate: 108.451px 13.796px; } 91.667% { translate: 86px 14.737px; } 93.75% { translate: 63.549px 13.796px; } 95.833% { translate: 41.483px 10.989px; } 97.917% { translate: 20.178px 6.364px; } 100% { translate: 0px 0px; } } @keyframes kf_141_253_scale_0 { 0% { scale: 1.041 1.041; } 2.083% { scale: 1.025 1.025; } 4.167% { scale: 1.006 1.006; } 6.25% { scale: 0.984 0.984; } 8.333% { scale: 0.96 0.96; } 10.417% { scale: 0.934 0.934; } 12.5% { scale: 0.907 0.907; } 14.583% { scale: 0.879 0.879; } 16.667% { scale: 0.85 0.85; } 18.75% { scale: 0.821 0.821; } 20.833% { scale: 0.793 0.793; } 22.917% { scale: 0.766 0.766; } 25% { scale: 0.74 0.74; } 27.083% { scale: 0.716 0.716; } 29.167% { scale: 0.694 0.694; } 31.25% { scale: 0.675 0.675; } 33.333% { scale: 0.659 0.659; } 35.417% { scale: 0.647 0.647; } 37.5% { scale: 0.637 0.637; } 39.583% { scale: 0.632 0.632; } 41.667% { scale: 0.63 0.63; } 43.75% { scale: 0.632 0.632; } 45.833% { scale: 0.637 0.637; } 47.917% { scale: 0.647 0.647; } 50% { scale: 0.659 0.659; } 52.083% { scale: 0.675 0.675; } 54.167% { scale: 0.694 0.694; } 56.25% { scale: 0.716 0.716; } 58.333% { scale: 0.74 0.74; } 60.417% { scale: 0.766 0.766; } 62.5% { scale: 0.793 0.793; } 64.583% { scale: 0.821 0.821; } 66.667% { scale: 0.85 0.85; } 68.75% { scale: 0.879 0.879; } 70.833% { scale: 0.907 0.907; } 72.917% { scale: 0.934 0.934; } 75% { scale: 0.96 0.96; } 77.083% { scale: 0.984 0.984; } 79.167% { scale: 1.006 1.006; } 81.25% { scale: 1.025 1.025; } 83.333% { scale: 1.041 1.041; } 85.417% { scale: 1.053 1.053; } 87.5% { scale: 1.063 1.063; } 89.583% { scale: 1.068 1.068; } 91.667% { scale: 1.07 1.07; } 93.75% { scale: 1.068 1.068; } 95.833% { scale: 1.063 1.063; } 97.917% { scale: 1.053 1.053; } 100% { scale: 1.041 1.041; } }

.fm-orbit-satellite-3 { animation: kf_141_504_opacity_0 12s linear, kf_141_504_translate_0 12s linear, kf_141_504_scale_0 12s linear; animation-iteration-count: infinite;  }
@keyframes kf_141_504_opacity_0 { 0% { opacity: 0.478; } 2.083% { opacity: 0.461; } 4.167% { opacity: 0.45; } 6.25% { opacity: 0.442; } 8.333% { opacity: 0.44; } 10.417% { opacity: 0.442; } 12.5% { opacity: 0.45; } 14.583% { opacity: 0.461; } 16.667% { opacity: 0.478; } 18.75% { opacity: 0.498; } 20.833% { opacity: 0.522; } 22.917% { opacity: 0.55; } 25% { opacity: 0.58; } 27.083% { opacity: 0.613; } 29.167% { opacity: 0.648; } 31.25% { opacity: 0.683; } 33.333% { opacity: 0.72; } 35.417% { opacity: 0.757; } 37.5% { opacity: 0.792; } 39.583% { opacity: 0.827; } 41.667% { opacity: 0.86; } 43.75% { opacity: 0.89; } 45.833% { opacity: 0.918; } 47.917% { opacity: 0.942; } 50% { opacity: 0.962; } 52.083% { opacity: 0.979; } 54.167% { opacity: 0.99; } 56.25% { opacity: 0.998; } 58.333% { opacity: 1; } 60.417% { opacity: 0.998; } 62.5% { opacity: 0.99; } 64.583% { opacity: 0.979; } 66.667% { opacity: 0.962; } 68.75% { opacity: 0.942; } 70.833% { opacity: 0.918; } 72.917% { opacity: 0.89; } 75% { opacity: 0.86; } 77.083% { opacity: 0.827; } 79.167% { opacity: 0.792; } 81.25% { opacity: 0.757; } 83.333% { opacity: 0.72; } 85.417% { opacity: 0.683; } 87.5% { opacity: 0.648; } 89.583% { opacity: 0.613; } 91.667% { opacity: 0.58; } 93.75% { opacity: 0.55; } 95.833% { opacity: 0.522; } 97.917% { opacity: 0.498; } 100% { opacity: 0.478; } } @keyframes kf_141_504_translate_0 { 0% { translate: 0px 0px; } 2.083% { translate: 20.178px -6.364px; } 4.167% { translate: 41.483px -10.989px; } 6.25% { translate: 63.549px -13.796px; } 8.333% { translate: 86px -14.737px; } 10.417% { translate: 108.451px -13.796px; } 12.5% { translate: 130.517px -10.989px; } 14.583% { translate: 151.822px -6.364px; } 16.667% { translate: 172px 0px; } 18.75% { translate: 190.707px 7.994px; } 20.833% { translate: 207.622px 17.481px; } 22.917% { translate: 222.457px 28.299px; } 25% { translate: 234.956px 40.263px; } 27.083% { translate: 244.907px 53.168px; } 29.167% { translate: 252.139px 66.793px; } 31.25% { translate: 256.529px 80.905px; } 33.333% { translate: 258px 95.263px; } 35.417% { translate: 256.529px 109.621px; } 37.5% { translate: 252.139px 123.733px; } 39.583% { translate: 244.907px 137.358px; } 41.667% { translate: 234.956px 150.263px; } 43.75% { translate: 222.457px 162.227px; } 45.833% { translate: 207.622px 173.045px; } 47.917% { translate: 190.707px 182.532px; } 50% { translate: 172px 190.526px; } 52.083% { translate: 151.822px 196.89px; } 54.167% { translate: 130.517px 201.515px; } 56.25% { translate: 108.451px 204.322px; } 58.333% { translate: 86px 205.263px; } 60.417% { translate: 63.549px 204.322px; } 62.5% { translate: 41.483px 201.515px; } 64.583% { translate: 20.178px 196.89px; } 66.667% { translate: 0px 190.526px; } 68.75% { translate: -18.707px 182.532px; } 70.833% { translate: -35.622px 173.045px; } 72.917% { translate: -50.457px 162.227px; } 75% { translate: -62.956px 150.263px; } 77.083% { translate: -72.907px 137.358px; } 79.167% { translate: -80.139px 123.733px; } 81.25% { translate: -84.529px 109.621px; } 83.333% { translate: -86px 95.263px; } 85.417% { translate: -84.529px 80.905px; } 87.5% { translate: -80.139px 66.793px; } 89.583% { translate: -72.907px 53.168px; } 91.667% { translate: -62.956px 40.263px; } 93.75% { translate: -50.457px 28.299px; } 95.833% { translate: -35.622px 17.481px; } 97.917% { translate: -18.707px 7.994px; } 100% { translate: 0px 0px; } } @keyframes kf_141_504_scale_0 { 0% { scale: 0.659 0.659; } 2.083% { scale: 0.647 0.647; } 4.167% { scale: 0.637 0.637; } 6.25% { scale: 0.632 0.632; } 8.333% { scale: 0.63 0.63; } 10.417% { scale: 0.632 0.632; } 12.5% { scale: 0.637 0.637; } 14.583% { scale: 0.647 0.647; } 16.667% { scale: 0.659 0.659; } 18.75% { scale: 0.675 0.675; } 20.833% { scale: 0.694 0.694; } 22.917% { scale: 0.716 0.716; } 25% { scale: 0.74 0.74; } 27.083% { scale: 0.766 0.766; } 29.167% { scale: 0.793 0.793; } 31.25% { scale: 0.821 0.821; } 33.333% { scale: 0.85 0.85; } 35.417% { scale: 0.879 0.879; } 37.5% { scale: 0.907 0.907; } 39.583% { scale: 0.934 0.934; } 41.667% { scale: 0.96 0.96; } 43.75% { scale: 0.984 0.984; } 45.833% { scale: 1.006 1.006; } 47.917% { scale: 1.025 1.025; } 50% { scale: 1.041 1.041; } 52.083% { scale: 1.053 1.053; } 54.167% { scale: 1.063 1.063; } 56.25% { scale: 1.068 1.068; } 58.333% { scale: 1.07 1.07; } 60.417% { scale: 1.068 1.068; } 62.5% { scale: 1.063 1.063; } 64.583% { scale: 1.053 1.053; } 66.667% { scale: 1.041 1.041; } 68.75% { scale: 1.025 1.025; } 70.833% { scale: 1.006 1.006; } 72.917% { scale: 0.984 0.984; } 75% { scale: 0.96 0.96; } 77.083% { scale: 0.934 0.934; } 79.167% { scale: 0.907 0.907; } 81.25% { scale: 0.879 0.879; } 83.333% { scale: 0.85 0.85; } 85.417% { scale: 0.821 0.821; } 87.5% { scale: 0.793 0.793; } 89.583% { scale: 0.766 0.766; } 91.667% { scale: 0.74 0.74; } 93.75% { scale: 0.716 0.716; } 95.833% { scale: 0.694 0.694; } 97.917% { scale: 0.675 0.675; } 100% { scale: 0.659 0.659; } }
/* Dimensional brand signature and six readable, moving product satellites. */
.fm-brand-motto { color:#f1ffe9; background:linear-gradient(145deg,#685087,#321350); border:1px solid #c5e1a5b3; border-radius:18px; padding:14px 20px; box-shadow:inset 0 2px #ffffff40,inset 0 -3px #1b092f,0 6px 0 #19072c,0 12px 28px #0004,0 0 22px #b6dbff20; text-shadow:0 2px 3px #0005; }
.fm-orbit-story { overflow:hidden; }
.fm-orbit-accessible { position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%); }
.fm-app-orbit { position:absolute;left:250px;top:238px;width:0;height:0; }
.fm-app-orbit > span { position:absolute; width:0;height:0; transform:rotate(var(--phase)); animation:fm-product-orbit 36s linear infinite; }
.fm-app-orbit b { position:absolute;left:155px;top:0;width:136px;margin-left:-68px;margin-top:-23px;padding:10px 7px;text-align:center;font-size:12px;line-height:1.3;font-weight:700;color:#fff;border:1px solid #b6dbff90;border-radius:14px;background:linear-gradient(145deg,#593281f2,#281044f5);box-shadow:inset 0 1px #ffffff40,0 5px 14px #0004;transform:rotate(calc(-1 * var(--phase)));animation:fm-product-counter 36s linear infinite; }
.fm-app-orbit > span:nth-child(3n+1) b { border-color:#c5e1a5; }
.fm-app-orbit > span:nth-child(3n+2) b { border-color:#ffdab9; }
.fm-app-orbit small { display:block;color:#dcd0ed;font-size:10px;margin-top:3px;font-weight:500; }
.fm-orbit-story:hover .fm-app-orbit * { animation-play-state:paused; }
@keyframes fm-product-orbit { to { transform:rotate(calc(var(--phase) + 360deg)); } }
@keyframes fm-product-counter { to { transform:rotate(calc(-1 * var(--phase) - 360deg)); } }
@media(prefers-reduced-motion:reduce) { .fm-app-orbit * { animation:none!important; } }
/* Shared editorial surfaces below the hero: pearl panels, orbital details, restrained neon. */
body > nav.glass-panel { background:#381166; background-image:none; border-bottom:1px solid #b6dbff55; }
body > nav.glass-panel :is(.fm-brand-name,#mobile-menu-btn),body > nav.glass-panel a[href^="#"] { color:#fff; }
body > nav.glass-panel .fm-brand-logo { box-shadow:0 0 0 1px #b6dbff88,0 0 12px #b6dbff45; }
body > nav.glass-panel #mobile-menu-btn { border:1px solid #c5e1a57a;border-radius:12px;padding:4px;box-shadow:0 0 9px #c5e1a524; }
body > nav.glass-panel a[href="#utama"]:not(.fm-brand-home) { border:1px solid #c5e1a560;border-radius:9px;padding:6px 10px; }
body > nav.glass-panel #mobile-menu { background:#381166;border-color:#b6dbff45; }
body > nav.glass-panel #mobile-menu :is(a,button) { color:#fff; }
body > :is(#kenali,#pembelajaran,#kehidupan,#kedai,#lawatan) {
 position:relative; isolation:isolate; overflow:clip; background:radial-gradient(ellipse at 90% 8%,#c9e8ff60,transparent 44%),radial-gradient(ellipse at 0 95%,#e4d2f780,transparent 48%),#f5f2fa;
 border-top:1px solid #d2c3e1;
}
body > :is(#kenali,#pembelajaran,#kehidupan,#kedai,#lawatan)::before {
 content:"";position:absolute;right:0;top:28px;width:min(42vw,440px);height:210px;border:1px solid #9575bd26;border-radius:50%;transform:rotate(-23deg);pointer-events:none;z-index:-1;
 box-shadow:0 0 0 24px #9575bd08,0 0 0 70px #9575bd05;
}
body > :is(#kenali,#pembelajaran,#kehidupan,#kedai,#lawatan) h2 { color:#381166;letter-spacing:-.035em; }
body #kenali .grid.md\:grid-cols-3 { gap:18px;border:0; }
body #kenali article,body .rhythm-step,body #kehidupan .grid > div,body #kedai .catalogue-card {
 border:1px solid #c5b3df;border-radius:24px;background:linear-gradient(145deg,#fff,#eee7f7);box-shadow:inset 0 1px #fff,0 5px 0 #dfd4ed,0 14px 30px #30134512;
 transition:transform .2s ease,box-shadow .2s ease;
}
body #kenali article { padding:28px; }
body #kenali article > i,body .rhythm-marker {
 display:inline-grid;place-items:center;width:54px;height:54px;border-radius:17px;
 background:#381166;color:#d6ecc0;border:1px solid #b6dbff88;box-shadow:inset 0 1px #ffffff30,0 4px 0 #24103e,0 0 16px #b6dbff38;
}
body .rhythm-step { min-width:0;overflow:hidden;border-top:3px solid #b6dbff; }
body .rhythm-step:nth-child(2n) { border-top-color:#c5e1a5; }
body .rhythm-step:nth-child(3) { border-top-color:#ffdab9; }
body .rhythm-step > i { opacity:.22;color:#643e8c; }
body #pembelajaran .mt-14.lg\:grid-cols-2 { border:1px solid #c9b7e0;border-radius:28px;padding:0 24px;background:#fff8;box-shadow:0 12px 36px #3013450d; }
body :is(#keluarga,#program,#kerjaya) { background:radial-gradient(ellipse at 100% 0,#64408a70,transparent 55%),#291043; }
body #keluarga [aria-label="Perjalanan keluarga yang tersambung"] { border-color:#b6dbff88;box-shadow:0 0 25px #b6dbff12,0 24px 50px #15082266; }
body #keluarga article { background:linear-gradient(145deg,#fff,#ece4f5);border-top:2px solid #b6dbff; }
body #keluarga article:nth-child(2n) { border-top-color:#c5e1a5; }
body #keluarga article > span { box-shadow:inset 0 1px #fff8,0 4px 0 #c6b6d9,0 0 16px #b6dbff40; }
body #program .programme-feature-card { border:1px solid #b6dbffb3;box-shadow:inset 0 1px #fff8,0 5px 0 #180827,0 10px 24px #0003;border-radius:23px; }
body #program .programme-feature-card:nth-child(3n+2) { border-color:#c5e1a5; }
body #program .programme-feature-card:nth-child(3n) { border-color:#ffdab9; }
body #kehidupan .grid > div { overflow:hidden; }
body #kehidupan .grid img { filter:saturate(.9); }
body #lawatan button { border:1px solid #b6dbff88;box-shadow:0 4px 0 #24103e,0 0 16px #b6dbff33; }
body #lawatan iframe { border:1px solid #c4b0dc;border-radius:24px;box-shadow:0 12px 28px #30134515; }
body #hubungi { background:#291043;border-top:1px solid #b6dbff66; }
@media(hover:hover) {
 body :is(.programme-feature-card,.catalogue-card):not(:disabled):hover { transform:translateY(-3px);box-shadow:0 7px 0 #281044,0 16px 28px #28104426; }
}
@media(prefers-reduced-motion:reduce) { body :is(.programme-feature-card,.catalogue-card,.rhythm-step) { transition:none;transform:none; } }

/* Spatial editorial V3 — carry the app's dimensional language through the site. */
.fm-language-toggle{height:25px;align-items:center;gap:3px;padding:2px 5px;color:#d8cce2;background:rgba(42,10,76,.92);border:1px solid rgba(182,219,255,.58);border-radius:999px;box-shadow:0 0 5px rgba(182,219,255,.4),inset 0 0 5px rgba(197,225,165,.08);backdrop-filter:blur(12px);font:800 8px/1 inherit;letter-spacing:.025em}.fm-language-toggle span{min-width:13px;text-align:center;opacity:.54;border-radius:999px}.fm-language-toggle span.active{color:#e4f4ce;opacity:1;background:rgba(197,225,165,.13);box-shadow:0 0 7px rgba(197,225,165,.32);text-shadow:0 0 5px rgba(197,225,165,.5)}.fm-language-toggle i{width:1px;height:10px;background:rgba(255,255,255,.2)}
body > :is(#kenali,#keluarga,#pembelajaran,#kehidupan,#program,#kedai,#kerjaya,#lawatan) {
 --fm-edge:#b6dbff; --fm-ink:#f6f1ff; --fm-copy:#d3c9e4;
 background:radial-gradient(ellipse at 90% 10%,#7546a52b,transparent 58%),radial-gradient(ellipse at 5% 95%,#a0c7ed0c,transparent 50%),#211033;
 color:var(--fm-ink); border-top:1px solid #b6dbff21; overflow:clip;
}
body > :is(#kenali,#pembelajaran,#kehidupan,#kedai,#lawatan)::before {
 width:380px;height:380px;right:-180px;top:65px;border:1px solid #b6dbff1c;
 box-shadow:0 0 0 35px #b6dbff05,0 0 0 85px #b6dbff03;
}
body > :is(#kenali,#keluarga,#pembelajaran,#kehidupan,#program,#kedai,#kerjaya,#lawatan) :is(h2,h3,h4) { color:#f6f1ff; }
body > :is(#kenali,#pembelajaran,#kehidupan,#kedai,#lawatan) :is(.text-gray-600,.text-gray-700) { color:var(--fm-copy); }
body > :is(#kenali,#pembelajaran,#kehidupan,#kedai,#lawatan) .text-brand-purple { color:#c5e1a5; }
body #kenali figure {
 border:1px solid #b6dbff88;box-shadow:0 10px 0 #10081d,0 22px 55px #0005,inset 0 1px #fff5;
 transform:perspective(1200px) rotateY(3deg);min-height:410px;
}
body #kenali figure::after { content:"";position:absolute;inset:10px;border:1px solid #fff4;border-radius:27px;pointer-events:none; }
body #kenali figcaption { background:#281143ed;border:1px solid #b6dbff55;box-shadow:0 8px 24px #0003; }
body #kenali article,body .rhythm-step,body #keluarga article {
 position:relative;isolation:isolate;overflow:hidden;
 background:radial-gradient(circle at 100% 0,#8264b340,transparent 65%),linear-gradient(145deg,#442064,#2b143f);
 border:1px solid #b6dbff50;border-radius:25px;box-shadow:inset 0 1px #fff2,0 6px 0 #140a23,0 20px 36px #0003;
}
body #kenali article::after,body .rhythm-step::after,body #keluarga article::after {
 content:"";position:absolute;z-index:-1;pointer-events:none;width:155px;height:155px;right:-75px;top:-76px;
 border:1px solid #b6dbff35;border-radius:50%;box-shadow:0 0 0 18px #b6dbff08,0 0 0 36px #b6dbff04;
}
body #kenali article:nth-child(2),body .rhythm-step:nth-child(2),body #keluarga article:nth-child(2) { --fm-edge:#c5e1a5;border-color:#c5e1a554; }
body #kenali article:nth-child(3),body .rhythm-step:nth-child(3),body #keluarga article:nth-child(3) { --fm-edge:#ffdab9;border-color:#ffdab954; }
body #kenali article > i,body .rhythm-marker,body #keluarga article > span {
 position:relative;width:60px;height:60px;border-radius:19px;
 background:linear-gradient(145deg,#644282,#32154f);color:var(--fm-edge);border:1px solid var(--fm-edge);
 box-shadow:inset 0 2px 3px #ffffff30,0 5px 0 #150a25,0 0 22px #b6dbff17;
 transform:perspective(400px) rotateX(8deg) rotateY(-8deg);
}
body #kenali article p,body .rhythm-step p,body #keluarga article p { color:#d3c9e4; }
body #keluarga [aria-label="Perjalanan keluarga yang tersambung"] { background:transparent;border:0;box-shadow:none;border-radius:0;overflow:visible; }
body #keluarga [aria-label="Perjalanan keluarga yang tersambung"] > .grid { gap:18px;border:0; }
body #keluarga [aria-label="Perjalanan keluarga yang tersambung"] > .grid > article { border-width:1px; }
body #keluarga [aria-label="Perjalanan keluarga yang tersambung"] > div:last-child {
 margin-top:26px;border:1px solid #b6dbff55;border-radius:24px;background:linear-gradient(110deg,#3c1b60,#28103f);box-shadow:inset 0 1px #fff2;
}
body .rhythm-step { padding-top:30px;padding-bottom:72px;min-height:300px; }
body .rhythm-step > i { opacity:.7;color:var(--fm-edge);font-size:46px;text-shadow:0 0 18px #b6dbff20; }
body #pembelajaran .mt-14.lg\:grid-cols-2 { background:linear-gradient(125deg,#3b2056,#28153e);border-color:#b6dbff50;box-shadow:0 8px 0 #130a20,0 20px 40px #0003;padding:0 30px; }
body #pembelajaran .mt-14.lg\:grid-cols-2 > article { border-color:#b6dbff26; }
body #pembelajaran figure { border:1px solid #b6dbff55;box-shadow:0 7px 22px #0003; }
body #pembelajaran .mt-8 > span { color:#d6ecc0; }
body #kehidupan .grid > div { background:linear-gradient(145deg,#42205f,#2c173f);border-color:#b6dbff50;box-shadow:0 6px 0 #130a20,0 18px 30px #0003; }
body #kehidupan .grid .absolute { background:#291044e8;color:#e3d8f3;border:1px solid #b6dbff88;backdrop-filter:blur(10px); }
body #kehidupan .grid img { filter:saturate(.95); }
body #program { background:radial-gradient(ellipse at 50% 50%,#56317b60,transparent 65%),#1a0b2c;padding-block:70px; }
body #program .programme-feature-card {
 background:linear-gradient(145deg,#f5f0ff,#d9cde8);border:1px solid #c4ddff;box-shadow:inset 0 2px #fff,0 6px 0 #492862,0 20px 28px #0004;
}
body #program .programme-feature-card :is(h2,h3,h4,.text-gray-900,.text-brand-purple) { color:#32154f; }
body #program .programme-feature-card :is(p,.text-gray-600,.text-gray-700) { color:#564266; }
body #program button[onclick="openProgrammeForm('visit')"] { background:linear-gradient(100deg,#442062,#2a133e);color:#f4ecff;border:1px solid #b6dbff70;box-shadow:0 5px 0 #10071a; }
body #program button[onclick="openProgrammeForm('visit')"] :is(.text-gray-600,.text-brand-purple) { color:#d3c9e4; }
body #kedai .catalogue-card { background:linear-gradient(145deg,#42245e,#29163e);border-color:#b6dbff55;box-shadow:0 5px 0 #130a20,0 16px 26px #0003; }
body #kedai .catalogue-card > span:first-child { background:radial-gradient(ellipse at 50% 80%,#ad98c670,#eee7f5);box-shadow:inset 0 1px #fff8; }
body #kedai .catalogue-card .text-gray-900 { color:#f6f1ff; }
body #kedai .mt-5.sm\:mt-6 { background:#361c50;border-color:#b6dbff40; }
body #kerjaya .rounded-\[2rem\] { background:linear-gradient(145deg,#442761,#2c173f);border-color:#b6dbff66;box-shadow:inset 0 1px #fff2,0 8px 0 #12091d,0 22px 40px #0004; }
body #kerjaya .rounded-\[2rem\] :is(.text-gray-600,.text-gray-500) { color:#d3c9e4; }
body #lawatan ul { display:grid;gap:16px; }
body #lawatan li { margin:0;padding:20px;border:1px solid #b6dbff40;border-radius:23px;background:#3d205880; }
body #lawatan li > div:first-child { color:#d6ecc0;background:#381d55;border:1px solid #c5e1a570;box-shadow:0 4px 0 #1a0c2b; }
body #lawatan .border-8 { border:1px solid #b6dbff88;background:#3c2155;padding:10px;box-shadow:0 9px 0 #10081b,0 20px 40px #0004; }
body #lawatan iframe { display:block;border-radius:18px; }
body :is(#keluarga,#kedai,#kerjaya,#lawatan) button {
 background:linear-gradient(145deg,#553071,#35174f);color:#edf3ff;border:1px solid #b6dbff88;
 box-shadow:inset 0 1px #fff3,0 4px 0 #130a20,0 0 16px #b6dbff12;min-height:44px;
}
body #hubungi { background:#180b29; }
body :is(#kenali,#keluarga,#pembelajaran,#kehidupan,#program,#kedai,#kerjaya,#lawatan) :is(button,a):focus-visible { outline:3px solid #c5e1a5;outline-offset:4px; }
@keyframes fm-editorial-orbit { 0%,100% { transform:rotate(-15deg) translateY(0); } 50% { transform:rotate(10deg) translateY(8px); } }
@media(prefers-reduced-motion:no-preference) {
 body #kenali article::after,body .rhythm-step::after,body #keluarga article::after { animation:fm-editorial-orbit 14s ease-in-out infinite; }
 body #kenali article:nth-child(2)::after,body .rhythm-step:nth-child(2)::after { animation-delay:-5s; }
}
@media(max-width:767px) {
 body #kenali figure { min-height:320px;transform:none; }
 body .rhythm-track { grid-template-columns:repeat(2,minmax(0,1fr));gap:12px; }
 body .rhythm-step { padding:20px 16px 58px;min-height:290px;border-radius:20px; }
 body .rhythm-step h3 { font-size:18px; }
 body .rhythm-step p { font-size:13px; }
 body #pembelajaran .mt-14.lg\:grid-cols-2 { padding:0 20px; }
 body #lawatan li { padding:15px;gap:12px; }
 body #lawatan iframe { height:330px; }
}
@media(max-width:350px) { body .rhythm-track { grid-template-columns:1fr; } }