/* A connected service world, composed as an emerald instrument. */
.constellation{--champagne:#cabc8d;position:relative;isolation:isolate;min-width:0;height:520px;width:100%;direction:ltr;border-radius:28px;background:radial-gradient(ellipse at 42% 29%,#32654f 0%,#164736 48%,#0d3028 100%);box-shadow:0 25px 45px -25px #0d30284d,inset 0 1px 0 #ffffff21;overflow:hidden;color:#f8f8ed}
.constellation:after{content:'';position:absolute;inset:12px;border:1px solid #d6cc9f21;border-radius:20px;pointer-events:none;z-index:-1}.constellation-heading{position:absolute;top:28px;left:30px;right:30px;display:flex;align-items:center;gap:10px;color:#d8d3b8;font-size:12px;letter-spacing:2px;line-height:1}.constellation-symbol{width:13px;height:13px;border:1px solid var(--champagne);border-radius:50%;position:relative}.constellation-symbol:after{content:'';position:absolute;width:5px;height:5px;background:#e0d5a8;border-radius:50%;top:-2px;right:-2px}.constellation-rule{height:1px;background:#bfb88c30;flex:1;margin-left:10px}.constellation-orbits{position:absolute;inset:0;z-index:-1}.track{position:absolute;border:1px solid #cabc8d42;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%);width:385px;height:385px}.track-inner{width:272px;height:272px;border-color:#cabc8d26}.track-cross{width:450px;height:190px;transform:translate(-50%,-50%) rotate(-37deg);border-color:#cabc8d30}.orbit-bead{width:7px;height:7px;position:absolute;border-radius:50%;background:#cabc8d;box-shadow:0 2px 4px #071d1855}.bead-one{left:50%;top:65px}.bead-two{left:24%;bottom:117px;width:4px;height:4px;background:#aebea0}.monili-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column;align-items:center;direction:rtl;width:200px}.core-medallion{width:124px;height:124px;display:grid;place-items:center;border-radius:50%;position:relative;background:linear-gradient(145deg,#65846a 0%,#214e3c 25%,#103a2d 69%,#41674c 100%);box-shadow:0 14px 24px #071e2759,inset 0 1px 2px #e5e4b773,inset 0 -2px 2px #061f1c;outline:1px solid #b7ba8a6b;outline-offset:6px}.core-medallion:before{content:'';position:absolute;inset:9px;border-radius:50%;border:1px solid #c6c69642}.core-medallion svg{width:80px;height:80px;fill:none;stroke:#e3e8bc;stroke-width:5.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 3px 2px #08251c77)}.monili-core>b{font-size:29px;line-height:1.8;font-weight:800;margin-top:18px;letter-spacing:0}.monili-core>span{font-size:11px;color:#c4d2bc;margin-top:3px}.service-node{position:absolute;display:flex;align-items:center;gap:12px;width:166px;min-height:82px;padding:13px;direction:rtl;border-radius:14px;background:#fbfaf2;color:#193e32;box-shadow:0 10px 24px #061f2229;line-height:1.7;z-index:2}.service-node img{width:47px;height:50px;object-fit:cover;flex-shrink:0;border-radius:9px}.node-copy{display:flex;flex-direction:column;gap:7px;min-width:0}.node-copy b{font-size:12px;font-weight:700;white-space:nowrap}.node-copy small{font-size:11px;color:#687058;font-weight:400;display:flex;align-items:center;gap:5px;white-space:nowrap}.node-copy small i{height:5px;width:5px;border-radius:50%;background:#417145}.node-copy small svg{width:14px;height:14px}.node-nobara{top:88px;left:30px;background:#eef4df;transition:transform .25s cubic-bezier(.16,1,.3,1),background .25s}.node-nobara:hover{transform:translateY(-5px);background:#e0edc7}.node-nobara:focus-visible{outline:3px solid #e4d5a0;outline-offset:5px}.node-nobara img{object-position:27% center}.node-nobara small{color:#345b38}.node-beauty{right:29px;top:111px}.node-ads{left:25px;bottom:104px}.node-learning{right:25px;bottom:83px}.constellation-footer{position:absolute;bottom:29px;left:37px;right:37px;display:flex;align-items:center;gap:14px;direction:rtl}.constellation-footer p{color:#c9d3c0;font-size:10px;white-space:nowrap}.constellation-footer>span{height:1px;background:#cabc8d40;flex:1}
@media(prefers-reduced-motion:no-preference){.core-medallion{animation:core-arrive 1.1s cubic-bezier(.16,1,.3,1)}@keyframes core-arrive{from{transform:scale(.93);filter:brightness(.8)}to{transform:scale(1);filter:brightness(1)}}}
@media(min-width:801px) and (max-width:1100px){.constellation{height:475px}.service-node{width:143px;min-height:75px;padding:10px;gap:9px}.service-node img{width:37px;height:43px}.node-copy b{font-size:11px}.node-nobara{left:20px;top:74px}.node-beauty{right:18px;top:93px}.node-ads{left:18px;bottom:84px}.node-learning{right:18px;bottom:70px}.core-medallion{width:105px;height:105px}.core-medallion svg{width:67px;height:67px}.monili-core>b{font-size:25px;margin-top:14px}.track{width:345px;height:345px}.track-inner{width:245px;height:245px}.track-cross{width:370px;height:170px}.monili-core>span{font-size:10px}.constellation-heading{top:25px;left:25px;right:25px}.constellation-footer{bottom:24px;left:26px;right:26px}}
@media(max-width:800px){.constellation{width:min(540px,100%);margin-inline:auto;height:520px}.hero{gap:38px}.core-medallion{width:120px;height:120px}}
@media(max-width:480px){.constellation{height:450px;border-radius:22px}.constellation:after{inset:9px;border-radius:15px}.constellation-heading{top:24px;left:23px;right:23px;font-size:11px}.track{width:310px;height:310px}.track-inner{width:226px;height:226px}.track-cross{width:360px;height:170px}.core-medallion{width:94px;height:94px;outline-offset:5px}.core-medallion:before{inset:7px}.core-medallion svg{width:61px;height:61px}.monili-core{top:51%;width:160px}.monili-core>b{font-size:24px;margin-top:13px}.monili-core>span{font-size:10px;margin-top:1px}.service-node{width:138px;min-height:71px;padding:10px;gap:9px;border-radius:12px}.service-node img{width:36px;height:43px;border-radius:7px}.node-copy{gap:6px}.node-copy b{font-size:11px}.node-copy small{font-size:10px}.node-copy small svg{width:12px;height:12px}.node-nobara{top:72px;left:19px}.node-beauty{top:90px;right:18px}.node-ads{bottom:86px;left:17px}.node-learning{bottom:68px;right:17px}.constellation-footer{bottom:23px;left:24px;right:24px;gap:10px}.constellation-footer p{font-size:9px}.bead-one{top:69px}.bead-two{bottom:117px;left:18%}}
@media(max-width:359px){.constellation{height:420px}.service-node{width:121px;gap:7px;padding:8px;min-height:65px}.service-node img{width:30px;height:38px}.node-copy b{font-size:10px}.node-copy small{font-size:10px}.node-nobara{left:15px;top:64px}.node-beauty{right:15px;top:81px}.node-ads{left:15px;bottom:80px}.node-learning{right:15px;bottom:65px}.core-medallion{width:82px;height:82px}.core-medallion svg{width:54px;height:54px}.monili-core>b{font-size:22px}.monili-core>span{font-size:9px}.track{width:275px;height:275px}.track-inner{width:200px;height:200px}.track-cross{width:310px;height:155px}}
@media(max-width:480px){.node-beauty{top:72px}.node-ads{bottom:68px}.node-copy small{font-size:11px}.constellation-footer p{font-size:10px}.monili-core>b{margin-top:12px}}
@media(max-width:359px){.node-beauty{top:64px}.node-ads{bottom:65px}.node-copy b{font-size:11px}.node-copy small{font-size:10px}}